@charset "UTF-8";
:root {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: rgb(255, 255, 255);
  --tw-ring-color: rgb(59, 130, 246);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --tw-shadow: 0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --tw-shadow-colored: 0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --tw-shadow-color: 0 1px 5px 2px rgb(0, 0, 0, 0.12);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

/* #Fonts
================================================== */
@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "sbold";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/bold.woff2") format("woff2");
  font-display: swap;
}
.font-1 {
  font-size: 1rem;
}

.font-2 {
  font-size: 2rem;
}

.font-3 {
  font-size: 3rem;
}

.font-4 {
  font-size: 4rem;
}

/* #Main Elements
================================================== */
* {
  font-family: inherit;
  margin: 0;
  box-sizing: border-box;
  list-style-type: none;
  border-width: 0px;
  border-style: solid;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

h1{
  font-size: 1.5rem;
  line-height: 2rem;
}

h2{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

input{
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity));
}

input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity));
}

.wrapped{
  display: block;
  width: 100%;
}

.container{
  width: 100%;
}

@media (min-width: 480px){
  .container{
    max-width: 480px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1535px){
  .container{
    max-width: 1535px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.z-0{
  z-index: 0;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.-ml-px{
  margin-left: -1px;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.block{
  display: block;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.inline-table{
  display: inline-table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-5{
  height: 1.25rem;
}
.w-1\/2{
  width: 50%;
}
.w-5{
  width: 1.25rem;
}
.w-\[128px\]{
  width: 128px;
}
.w-full{
  width: 100%;
}
.flex-1{
  flex: 1 1 0%;
}
.border-collapse{
  border-collapse: collapse;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default{
  cursor: default;
}
.cursor-pointer{
  cursor: pointer;
}
.items-center{
  align-items: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-items-center{
  justify-items: center;
}
.gap-0{
  gap: 0;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.p-2{
  padding: 0.5rem;
}
.p-4{
  padding: 1rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.font-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.uppercase{
  text-transform: uppercase;
}
.leading-5{
  line-height: 1.25rem;
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.opacity{
  opacity: 1;
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150{
  transition-duration: 150ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.direction-ltr {
  direction: ltr;
}

.direction-rtl {
  direction: rtl;
}

.accordion{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  border-radius: .375rem;
  border-width: 1px;
  border-color: rgb(203 213 225 / 0.7);
}
.accordion .section-title{
  display: inline-block;
  width: 100%;
  cursor: pointer;
  border-top-width: 1px;
  border-style: solid;
  border-top-color: rgb(203 213 225 / 0.7);
  padding: 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.accordion .section-title:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.accordion .section-title .icn{
  float: left;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.accordion .section-title.active{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.accordion .section-title.active:hover{
  cursor: default;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.accordion .section-title.active .icn{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.accordion .section:first-child .section-title{
  border-style: none;
}
.accordion .section-content{
  display: none;
  padding: 1.25rem;
}
.accordion .section-content p{
  text-align: justify;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.accordion .section-content.active{
  display: block;
}

/* #Alert
================================================== */
.alert{
  margin-bottom: 0.75rem;
  border-radius: .375rem;
  padding: 1.25rem;
  font-family: sbold, tahoma;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.alert.page-black{
  z-index: 40;
  margin: 0;
  border-radius: 0;
  padding: 0;
}
.alert.fixed-pos{
  visibility: visible;
  position: fixed;
  top: 2.5rem;
  bottom: 2.5rem;
  left: 0;
  right: 0;
  z-index: 50;
  margin: auto;
  height: 220px;
  width: 350px;
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  border-radius: .4rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 1;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  .alert.fixed-pos{
    top: 0;
    bottom: 0;
    border-radius: 0;
  }
}
.alert.fixed-pos.alert-success, .alert.fixed-pos.alert-danger, .alert.fixed-pos.alert-check, .alert.fixed-pos.alert-error{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.alert.fixed-pos.alert-success p, .alert.fixed-pos.alert-danger p, .alert.fixed-pos.alert-check p, .alert.fixed-pos.alert-error p{
  display: block;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.alert.fixed-pos.alert-success p .icn, .alert.fixed-pos.alert-danger p .icn, .alert.fixed-pos.alert-check p .icn, .alert.fixed-pos.alert-error p .icn{
  display: none;
}
.alert.fixed-pos.alert-check.login .icn{
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
  height: 5rem;
  width: 5rem;
  background-size: cover;
  background-position: center;
  filter: invert(36%) sepia(19%) saturate(2912%) hue-rotate(168deg) brightness(101%) contrast(99%);
}
.alert.alert-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.alert.alert-danger::before {
  content: "هشدار:";
  margin: 2.5rem;
  display: none;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.alert.alert-success{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.alert.alert-success p{
  margin: 0;
  padding: 0;
}
.alert.alert-check{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.alert.alert-error{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.alert p{
  margin-bottom: 0.5rem;
  display: flex;
}
.alert p .icn{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.alert p .icn.white{
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.alert p:last-child{
  margin-bottom: 0;
}

.message{
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.message.red{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.slide-progress-bar{
  display: inline-block;
  width: 100%;
  background-color: rgb(156 163 175 / 0.4);
  vertical-align: middle;
  transition-delay: 200ms;
  transition-timing-function: linear;
}

.progress-bar{
  position: relative;
  bottom: 0;
  margin-bottom: -0.75rem;
  display: none;
  height: 1.25rem;
  width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.4;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.login-box .alert{
  margin: 0;
  margin-bottom: 2.5rem;
}

.login-form-body .progress-bar, .show .progress-bar{
  display: none;
}

.nav-isvisible .alert{
  top: 2.5rem;
}
.nav-isvisible .alert.page-black{
  top: 0;
}

section.hide-lo .alert{
  display: block;
}
section .alert{
  margin: 1.25rem;
  display: block;
}

/* #Badge
================================================== */
.badge{
  margin: 0.25rem;
  border-radius: .375rem;
  padding: 0.25rem;
}
.badge.badge-info{
  background-color: rgb(59 130 246 / 0.9);
  color: #fff;
}
.badge.badge-info.red{
  background-color: rgb(239 68 68 / 0.9);
}
.badge.badge-info.link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.badge.badge-info.low{
  margin: 0;
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.badge .badge-info a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* #Link
================================================== */
a{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
a:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
a:focus{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
a:active{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
a:visited{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.link{
  border-bottom-width: 2px;
  border-color: transparent;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.link:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.link.active{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

/* #Button
================================================== */
.btn{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: pointer;
}
.btn.disabled, .btn.disable, .btn.disabled:hover, .btn.disable:hover{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.btn-default{
  border-color: rgb(215 181 43 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(215 181 43 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-default:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: pointer;
}

.btn-default.disabled,.btn-default.disable,.btn-default.disabled:hover,.btn-default.disable:hover{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.login-box form .login-form-head .ere .btn-default{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.login-box form .login-form-head .ere .btn-default:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.info .title-ht .btn-default, .det-bottom .title-ht .btn-default{
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.info .title-ht .btn-default .icn, .det-bottom .title-ht .btn-default .icn{
  margin: 0;
}

.btn-default:hover{
  background-color: rgb(215 181 43 / 0.7);
}

.btn-green{
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-green:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: pointer;
}

.btn-green.disabled,.btn-green.disable,.btn-green.disabled:hover,.btn-green.disable:hover{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.login-box form .login-form-head .ere .btn-green{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.login-box form .login-form-head .ere .btn-green:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.info .title-ht .btn-green, .det-bottom .title-ht .btn-green{
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.info .title-ht .btn-green .icn, .det-bottom .title-ht .btn-green .icn{
  margin: 0;
}

.btn-green:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}

.btn-gray{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-gray:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: pointer;
}

.btn-gray.disabled,.btn-gray.disable,.btn-gray.disabled:hover,.btn-gray.disable:hover{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.login-box form .login-form-head .ere .btn-gray{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.login-box form .login-form-head .ere .btn-gray:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.info .title-ht .btn-gray, .det-bottom .title-ht .btn-gray{
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.info .title-ht .btn-gray .icn, .det-bottom .title-ht .btn-gray .icn{
  margin: 0;
}

.btn-gray:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.btn-blue{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity));
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-blue:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: pointer;
}

.btn-blue.disabled,.btn-blue.disable,.btn-blue.disabled:hover,.btn-blue.disable:hover{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.login-box form .login-form-head .ere .btn-blue{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.login-box form .login-form-head .ere .btn-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.info .title-ht .btn-blue, .det-bottom .title-ht .btn-blue{
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.info .title-ht .btn-blue .icn, .det-bottom .title-ht .btn-blue .icn{
  margin: 0;
}

.btn-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / var(--tw-bg-opacity));
}

.btn-white{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-white:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: pointer;
}

.btn-white.disabled,.btn-white.disable,.btn-white.disabled:hover,.btn-white.disable:hover{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.login-box form .login-form-head .ere .btn-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.login-box form .login-form-head .ere .btn-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.info .title-ht .btn-white, .det-bottom .title-ht .btn-white{
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.info .title-ht .btn-white .icn, .det-bottom .title-ht .btn-white .icn{
  margin: 0;
}

.btn-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.btn-content{
  border-width: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-success{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-success:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-success:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  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;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.btn-success:active{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-success:visited{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-update{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-update:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-update:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  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;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.btn-update:active{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-update:visited{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-warning{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-warning:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-warning:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  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;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.btn-warning:active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-warning:visited{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-danger{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-danger:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-danger:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  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;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.btn-danger:active{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn-danger:visited{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-danger .icn{
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.btn-link.text-danger {
  color: #a94442;
}
.btn-link.text-danger:hover, .btn-link.text-danger:focus {
  color: #843534;
}

.btn-border{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: .4rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.btn-border:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.btn-edit{
  margin: 1.25rem;
}
.btn-edit .icn{
  margin: 0;
}

.gallary .btn-photo{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.gallary .btn-photo:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.btn-popup{
  position: relative;
  z-index: 5;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  border-radius: .375rem;
  background-color: rgb(229 231 235 / 0.8);
}
.btn-popup i{
  display: block;
  height: 2rem;
  width: 2rem;
  background-position: center;
  background-repeat: no-repeat;
}
.btn-popup.btn-w-full{
  height: auto;
  width: auto;
}

nav .btn-popup{
  height: auto;
  width: auto;
  background-color: rgb(190 24 93 / 0.6);
}

nav .btn-popup:hover{
  background-color: rgb(157 23 77 / 0.9);
}
nav .btn-popup .icn{
  height: 24px;
  width: 30px;
}

.btn-side-input{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2.5rem;
  cursor: pointer;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem;
  background-color: rgb(148 163 184 / 0.1);
  background-position: center;
  background-repeat: no-repeat;
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.btn-side-input:hover{
  background-color: rgb(148 163 184 / 0.5);
}
.btn-side-input.password-showhide::after{
  position: absolute;
  left: 1.25rem;
  top: 1rem;
  display: block;
  height: 2rem;
  width: 2px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.btn-side-input.password-showhide[data-action=text]::after{
  display: none;
}
.btn-side-input.password-showhide.orw::after{
  top: 0.5rem;
}

/* #Card
================================================== */
.card{
  position: relative;
  float: right;
  margin-bottom: 0.75rem;
  display: block;
  height: 100%;
  width: 100%;
  justify-content: center;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.card.hover:hover{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (max-width: 480px){
  .card.hover:hover{
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.card.hover:hover {
  box-shadow: 0px 2px 10px 0px rgba(58, 53, 65, 0.3);
}
.card.toolbar{
  padding: 0.5rem;
}
.card.toolbar .icn{
  float: right;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.card.toolbar h1{
  float: right;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.card.toolbar .content-admin{
  float: left;
}
.card.toolbar .content-admin .icn{
  margin: 0;
  padding: 0;
}
.card.paragraph{
  padding: 0.75rem;
}
.card span.icn{
  background-position: right;
  padding-right: 1.75rem;
}
.card .article-header{
  position: relative;
  padding: 0.5rem;
}
.card .article-header .thumb{
  border-radius: .375rem;
}
.card .article-body{
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.card .article-body .title{
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.card .article-body p{
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.card .article-footer{
  margin-top: auto;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
}
.card .article-footer .author{
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.card .article-footer .date{
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.card .article-footer .time{
  float: right;
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.card .article-footer .link{
  float: left;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.card .article-footer .link:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: pointer;
}
.card .article-footer .link.disabled,.card .article-footer .link.disable,.card .article-footer .link.disabled:hover,.card .article-footer .link.disable:hover{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
.card .article-footer .link{
  border-width: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.card .article-footer .link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.card .article-footer .link:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  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;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.card .article-footer .link:active{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.card .article-footer .link:visited{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.login-box form .login-form-head .ere .card .article-footer .link{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.login-box form .login-form-head .ere .card .article-footer .link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.info .title-ht .card .article-footer .link, .det-bottom .title-ht .card .article-footer .link{
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.info .title-ht .card .article-footer .link .icn, .det-bottom .title-ht .card .article-footer .link .icn{
  margin: 0;
}

/* #Input
================================================== */
input{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
input[disabled=""], input[disabled=disabled]{
  cursor: not-allowed;
}

textarea.text-black{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

/* #Form
================================================== */
.form-inline {
  display: inline-block;
}

.border-form{
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

input[type=radio][checked=checked]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

textarea, .textarea{
  margin-bottom: 0.25rem;
  height: 10rem;
  width: 100%;
  border-radius: .375rem;
  border-width: 1px;
  border-color: rgb(226 232 240 / 0.6);
  color: transparent;
}
textarea.tetwe, .textarea.tetwe{
  padding: 0.75rem;
  text-align: justify;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.form-is{
  width: 33.333333%;
  padding: 0.75rem;
}

.form-radio, .form-checkbox {
  /* color */
}
.form-radio.form-group, .form-checkbox.form-group{
  display: flex;
}
@media (max-width: 768px){
  .form-radio.form-group, .form-checkbox.form-group{
    display: block;
  }
}
.form-radio.form-group .label-txt, .form-checkbox.form-group .label-txt{
  margin-left: 0.75rem;
  margin-bottom: 0.75rem;
}
.form-radio.form-group.chek.hide, .form-checkbox.form-group.chek.hide{
  display: none;
}
.form-radio.form-group.chek.show, .form-checkbox.form-group.chek.show{
  display: flex;
}
.form-radio .icn, .form-checkbox .icn{
  cursor: pointer;
}
.form-radio i.check, .form-checkbox i.check{
  float: right;
  margin-left: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
}
.form-radio .ul-lists, .form-checkbox .ul-lists{
  float: right;
  width: 20%;
}
@media (max-width: 768px){
  .form-radio .ul-lists, .form-checkbox .ul-lists{
    width: 100%;
  }
}
.form-radio .ul-lists .type-checkbox, .form-checkbox .ul-lists .type-checkbox{
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.form-radio .ul-lists.full, .form-checkbox .ul-lists.full{
  width: 100%;
}
.form-radio .data-group, .form-checkbox .data-group{
  float: right;
}
.form-radio .message.red, .form-checkbox .message.red{
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.form-radio [type=radio]:checked, .form-radio [type=radio]:not(:checked), .form-checkbox [type=radio]:checked, .form-checkbox [type=radio]:not(:checked){
  display: none;
}
.form-radio [type=radio]:checked + label, .form-radio [type=radio]:not(:checked) + label, .form-checkbox [type=radio]:checked + label, .form-checkbox [type=radio]:not(:checked) + label{
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.form-radio.last [type=radio]:checked + label, .form-radio.last [type=radio]:not(:checked) + label, .form-checkbox.last [type=radio]:checked + label, .form-checkbox.last [type=radio]:not(:checked) + label{
  margin-bottom: 0;
}
.form-radio [type=radio]:checked + label:before, .form-radio [type=radio]:not(:checked) + label:before, .form-checkbox [type=radio]:checked + label:before, .form-checkbox [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  height: 1.25rem;
  width: 1.25rem;
}
.form-radio [type=radio]:checked + label:after, .form-radio [type=radio]:not(:checked) + label:after, .form-checkbox [type=radio]:checked + label:after, .form-checkbox [type=radio]:not(:checked) + label:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  height: 1.25rem;
  width: 1.25rem;
}
.form-radio [type=radio]:not(:checked) + label:after, .form-checkbox [type=radio]:not(:checked) + label:after{
  opacity: 0;
}
.form-radio [type=radio]:checked + label:after, .form-checkbox [type=radio]:checked + label:after{
  opacity: 1;
}
.form-radio [type=radio]:disabled, .form-checkbox [type=radio]:disabled{
  cursor: default;
}
.form-radio [type=radio]:disabled + label, .form-checkbox [type=radio]:disabled + label{
  cursor: default;
}
.form-radio ul.radio-show li:first-child, .form-checkbox ul.radio-show li:first-child{
  display: block;
}
.form-radio.no-change [type=radio]:not(:checked) + label, .form-checkbox.no-change [type=radio]:not(:checked) + label{
  display: none;
}
.form-radio .active i.check, .form-radio [type=radio]:checked + label:after, .form-radio [type=radio]:not(:checked) + label:after, .form-checkbox .active i.check, .form-checkbox [type=radio]:checked + label:after, .form-checkbox [type=radio]:not(:checked) + label:after{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.form-radio i.check, .form-radio [type=radio]:checked + label:before, .form-radio [type=radio]:not(:checked) + label:before, .form-radio [type=radio]:checked + label:after, .form-radio [type=radio]:not(:checked) + label:after, .form-checkbox i.check, .form-checkbox [type=radio]:checked + label:before, .form-checkbox [type=radio]:not(:checked) + label:before, .form-checkbox [type=radio]:checked + label:after, .form-checkbox [type=radio]:not(:checked) + label:after{
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
}

.panel.form-iso{
  width: 100%;
}
.panel.form-is .form-input{
  position: relative;
  margin-bottom: 0.5rem;
}
.panel.form-is .form-input.hide{
  display: none;
}
.panel.form-is .form-input i.icn{
  position: absolute;
  right: 0.25rem;
  top: 0.5rem;
}
.panel.form-is .form-input input.type-text{
  border-bottom-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.panel.form-is .form-input label.txt{
  display: none;
}
.panel.form-is .form-textarea{
  position: relative;
  float: right;
  display: flex;
}
.panel.form-is .form-textarea i.icn{
  position: absolute;
  right: 0.25rem;
  top: 0.5rem;
}
.panel.form-is .form-textarea textarea.textarea{
  margin-bottom: 0.5rem;
  border-radius: .375rem;
  background-color: rgb(203 213 225 / 0.2);
  padding: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 2.5rem;
}
.panel.form-is .form-textarea label.txt{
  display: none;
}
.panel.form-is .form-group label{
  float: right;
  width: 100%;
}
.panel.form-is .select-disable-theme.trwe .selectoption.arrow{
  display: none;
}
.panel.form-is .select-disable-theme.trwe label{
  margin-right: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.panel.form-is .select-disable-theme.trwe select{
  width: 100%;
  border-radius: .375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.panel.form-is .select-disable-theme.trwe select option:hover{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.form-gp{
  position: relative;
  float: right;
  margin-bottom: 0.5rem;
  width: 100%;
}
.form-gp input.input-form{
  margin-bottom: 0;
}
.form-gp.invalid-feedback{
  text-align: right;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.form-gp.invalid-feedback::before, .form-gp.invalid-feedback::after{
  float: right;
  margin: 0.5rem;
  margin-top: 0;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.form-gp.invalid-feedback::after {
  background-image: url(../icons/x.svg);
  margin-right: -26px;
  margin-top: -2px;
  border-radius: 0;
  background-color: transparent;
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.form-ab{
  position: absolute;
  top: 0.75rem;
  left: 0;
}
.form-ab.captcha{
  left: 3rem;
}
.form-ab .thumb{
  border-radius: .375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.form-body{
  float: right;
  margin-bottom: 1.25rem;
  width: 50%;
  padding: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.form-body form label{
  float: right;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
}
.form-body form input.input-form{
  float: right;
  margin-bottom: 0.75rem;
  width: 100%;
  background-color: rgb(203 213 225 / 0.3);
  padding: 0.5rem;
}
.form-body form textarea{
  float: right;
  margin-bottom: 1.25rem;
  width: 100%;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(203 213 225 / 0.2);
  padding: 0.5rem;
}

/* #Loading
================================================== */
.loading{
  float: right;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-indent: -24rem;
}
.loading::before{
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  height: 2rem;
  width: 2rem;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.loading::before{
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 3px;
  border-style: solid;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity));
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(59 130 246 / var(--tw-border-opacity));
  border-left-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}

.loadfer .loading{
  padding: 0;
}
.loadfer .loading::before{
  height: 1.5rem;
  width: 1.5rem;
}

/* #Page Back PopUp
================================================== */
.lock-scrollbar{
  overflow: hidden;
}
.pageblack, .page-black{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: rgb(30 41 59 / 0.4);
}
.pageblack.back-intro, .page-black.back-intro{
  z-index: 40;
}
.pageblack.sub-menu, .pageblack.menu-r, .page-black.sub-menu, .page-black.menu-r{
  z-index: 5;
}
@media (max-width: 768px){
  .pageblack.sub-menu, .pageblack.menu-r, .page-black.sub-menu, .page-black.menu-r{
    display: none;
  }
}

.search-pageblack{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: rgb(30 41 59 / 0.4);
}

@media (max-width: 768px){
  body.click-search-input .search-pageblack{
    display: none;
  }
}

/* #Search
================================================== */
.search-logo{
  display: flex;
  width: 100%;
}
.search-logo .search{
  position: relative;
  width: 100%;
  padding: 0.5rem;
}
@media (max-width: 768px){
  .search-logo .search{
    display: none;
  }
}
.search-logo .search .box-search{
  position: relative;
}
.search-logo .search .search-input{
  position: relative;
  z-index: 20;
  margin-bottom: 0;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  background-color: rgb(229 231 235 / 0.8);
  padding: 0.75rem;
  direction: rtl;
}
.search-logo .search .search-input:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.search-logo .search .search-input.mobile{
  display: none;
}
.search-logo .search .navbarsearchbtn{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  height: 100%;
  width: 45px;
  border-top-left-radius: .4rem;
  border-bottom-left-radius: .4rem;
}
.search-logo .search .navbarsearchbtn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.search-logo .search .navbarsearchbtn .icn{
  height: 100%;
  width: 100%;
}
.search-logo .search .clear-search-input{
  position: absolute;
  left: 3rem;
  top: 0;
  z-index: 30;
  display: none;
  height: 100%;
  width: 45px;
  cursor: pointer;
}
.search-logo .search .clear-search-input:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.search-logo .search .clear-search-input .icn{
  height: 100%;
  width: 100%;
}
.search-logo .search.search-show .search-input{
  border-top-left-radius: .4rem;
  border-top-right-radius: .4rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.search-logo .search.search-show .navbarsearchbtn{
  border-bottom-left-radius: 0;
}
.search-logo .search.search-show .clear-search-input{
  display: block;
}
.search-logo .search .resultDiv{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  margin: 0;
  margin-top: -3rem;
  display: block;
  width: 100%;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0;
  padding-right: 0;
  padding-top: 2.5rem;
  padding-bottom: 0;
  opacity: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.search-logo .search .resultDiv .pop-search{
  position: relative;
  z-index: 0;
}
.search-logo .search .resultDiv .limit-p{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.search-logo .search .resultDiv.typing .res-pop ul{
  margin-top: 0.5rem;
  max-height: 13rem;
  overflow: auto;
}
.search-logo .search .resultDiv.typing .res-pop .loading{
  margin-bottom: 3.5rem;
  padding: 0;
}
.search-logo .search .resultDiv.typing .res-pop .loading::before{
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1.5rem;
  width: 1.5rem;
}
.search-logo .search .notfoundaj{
  padding: 0.5rem;
  text-align: center;
}
.search-logo .search .notfoundaj .icn{
  margin: auto;
}

ul.result-p .notfound{
  padding: 1.25rem;
  text-align: center;
}
ul.result-p .notfound .icn{
  margin: auto;
}
ul.result-p li a{
  float: right;
  width: 100%;
  padding: 0.5rem;
}
ul.result-p li a span{
  float: right;
  width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.result-p li a span.ipsi{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: auto;
  border-radius: .375rem;
  background-color: rgb(148 163 184 / 0.2);
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
ul.result-p li a .icn.icon{
  float: right;
}
ul.result-p li a .icn.arrow{
  float: left;
}
ul.result-p li a:hover{
  background-color: rgb(203 213 225 / 0.4);
}

.lists-pan .search-box{
  padding: 0.75rem;
}

@media (max-width: 768px){
  .lists-pan .search-box{
    padding: 0;
  }
}
.lists-pan .search-box .icn{
  float: right;
}
@media (max-width: 768px){
  .lists-pan .search-box .icn{
    display: none;
  }
}
.lists-pan .search-box h1{
  float: right;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (max-width: 768px){
  .lists-pan .search-box h1{
    display: none;
  }
}
.lists-pan .search-box .search-input-page{
  display: none;
  width: 100%;
}
@media (max-width: 768px){
  .lists-pan .search-box .search-input-page{
    display: block;
  }
}
.lists-pan .search-box .navbarsearchbtn{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  display: none;
  height: 100%;
  width: 45px;
  border-top-left-radius: .4rem;
  border-bottom-left-radius: .4rem;
}
.lists-pan .search-box .navbarsearchbtn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
@media (max-width: 768px){
  .lists-pan .search-box .navbarsearchbtn{
    display: block;
  }
}
.lists-pan .search-box .navbarsearchbtn .icn{
  display: block;
  height: 100%;
  width: 100%;
}

/* #Img
================================================== */
.avatar{
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(31 41 55 / 0.5);
}
.avatar img{
  float: right;
  border-radius: 9999px;
  padding: 0.25rem;
}

.avatar.string{
  display: block;
  height: 2rem;
  width: 2rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  line-height: 1.5;
}

/* #Icons
================================================== */
.icn{
  display: block;
  height: 24px;
  width: 30px;
  background-position: center;
  background-repeat: no-repeat;
}
.icn.fill{
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.icn.white{
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.icn.line-left{
  margin-left: 0.25rem;
  border-left-width: 2px;
  border-style: dotted;
  border-left-color: rgb(14 165 233 / 0.5);
}
.icn.line-right{
  margin-right: 0.25rem;
  border-right-width: 2px;
  border-style: dotted;
  border-right-color: rgb(14 165 233 / 0.5);
}

/* #Line
================================================== */
.line{
  position: relative;
  float: right;
}
.line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.625rem;
  display: block;
  height: 28px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.line.line-left::after{
  left: auto;
  right: 0;
}
.line.last::after{
  display: none;
}

hr, .hr-line{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  height: 1px;
  width: 100%;
  border-width: 0px;
}
hr::after, .hr-line::after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, #fff 0, #d6d6d6 50%, #fff);
}

.div-line{
  margin-bottom: 46px;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

/* #Sticky
================================================== */
.sticky header{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* #Transition and Animation
================================================== */
.animator{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.no-animator{
  transition-property: none;
  transition-duration: 75ms;
}

.animator-cubic-bezier {
  transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

/* #Button Top 
================================================== */
.btn-top{
  visibility: visible;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 40;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  --tw-translate-y: 20rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  border-radius: 9999px;
  background-color: rgb(51 65 85 / 0.9);
  padding: 0.5rem;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.btn-top .icn{
  height: 2rem;
  width: 2rem;
  background-size: cover;
  background-position: center;
}
.btn-top.show{
  visibility: visible;
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.6;
}
.btn-top.show:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.sw-icon{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  box-sizing: content-box;
  height: 5em;
  width: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
  border-radius: 9999px;
  border-width: 4px;
  border-style: solid;
  border-color: rgb(51 65 85 / 0.2);
}
.sw-icon.sw-success{
  border-color: rgb(34 197 94 / 0.6);
}
.sw-icon.sw-success .sw-success-ring{
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  z-index: 10;
  box-sizing: content-box;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  border-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.sw-icon.sw-success .sw-success-fix{
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
.sw-icon.sw-success [class^=sw-success-line]{
  position: absolute;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
}
.sw-icon.sw-success [class^=sw-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.sw-icon.sw-success [class^=sw-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
.sw-icon.sw-success.sw-icon-show .sw-success-line-tip {
  animation: sw-animate-success-line-tip 0.75s;
}
.sw-icon.sw-success.sw-icon-show .sw-success-line-long {
  animation: sw-animate-success-line-long 0.75s;
}
.sw-icon.sw-success.sw-icon-show .sw-success-circular-line-right {
  animation: sw-rotate-success-circular-line 4.25s ease-in;
}
.sw-icon.sw-warning{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity));
}
.sw-icon.sw-warning .sw-icon-content{
  padding-top: 0.5rem;
  text-align: center;
  font-size: 6rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}
.sw-icon.sw-warning.sw-icon-show {
  animation: sw-animate-error-icon 0.5s;
}
.sw-icon.sw-warning.sw-icon-show .sw-icon-content {
  animation: sw-animate-i-mark 0.5s;
}

@keyframes sw-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes sw-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes sw-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes sw-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
.loader{
  position: relative;
  float: right;
  width: 100%;
}

.spinner{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 8rem;
  margin-bottom: 8rem;
  margin-left: auto;
  margin-right: auto;
  height: 3.5rem;
  width: 3.5rem;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

.spinner{
  animation: spin 1s linear infinite;
}
.spinner .path{
  stroke: #3b82f6;
  stroke-width: 4px;
  animation: loading-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
@keyframes color {
  100%, 0%{
    stroke: #ef4444;
  }
  40%{
    stroke: #3b82f6;
  }
  66%{
    stroke: #22c55e;
  }
  80%, 90%{
    stroke: #f97316;
  }
}
.holder{
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  border-radius: .375rem;
}
.holder.gray{
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.holder.red{
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.holder label{
  display: block;
  padding: 0.75rem;
}
.holder .upload-btn{
  float: right;
  margin: 0.25rem;
  display: block;
  cursor: pointer;
  border-radius: .375rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
}
.holder .upload-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.holder .upload-start{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.holder .upload-start .icn{
  margin: auto;
  height: auto;
  width: auto;
}

.result-upload{
  float: right;
  width: 100%;
  padding: 1.25rem;
}

.gallary{
  position: relative;
  float: right;
}

@media (max-width: 1024px){
  .gallary{
    width: 100%;
  }
}

@media (max-width: 768px){
  .gallary{
    width: 100%;
  }
}
.gallary .figure{
  margin-bottom: 0.5rem;
  overflow: hidden;
  border-radius: .375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.gallary .sub-gallary li{
  position: relative;
  float: right;
  margin-left: 0.5rem;
}
.gallary .sub-gallary li img{
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.caption-sli{
  display: none;
}

/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img{
  display: block;
  max-width: none;
  transition-property: none;
  max-height: none;
}

/* xZoom Styles below */
.xzoom-container{
  display: block;
}

.xzoom-thumbs{
  margin-bottom: 0.25rem;
  text-align: center;
}

.xzoom, .xzoom2, .xzoom3, .xzoom4, .xzoom5{
  float: right;
}

@media (max-width: 1024px){
  .xzoom, .xzoom2, .xzoom3, .xzoom4, .xzoom5{
    width: 100%;
  }
}

/* Thumbs */
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.xzoom-source, .xzoom-hidden{
  position: static;
  float: none;
  clear: both;
  display: block;
}

@media (max-width: 1024px){
  .xzoom-source{
    display: none;
  }
}

/* Everything out of border is hidden */
.xzoom-hidden{
  overflow: hidden;
}

/* Preview */
.xzoom-preview{
  border-radius: .375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Lens */
.xzoom-lens{
  cursor: crosshair;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Loading */
.xzoom-loading{
  height: 2rem;
  width: 2rem;
  border-radius: .375rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
  background: url(../assets/icons/loader.svg);
}

/* Additional class that applied to thumb when it is active */
.xactive{
  cursor: default;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Caption */
.xzoom-caption{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  text-align: right;
}

.xzoom-caption span{
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

/* Magnific Popup CSS */
.mfp-bg{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  height: 100%;
  width: 100%;
  background-color: rgb(30 41 59 / 0.4);
}

.mfp-wrap{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 51;
  height: 100%;
  width: 100%;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.mfp-container{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  text-align: center;
}
.mfp-container::before{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  --tw-content: "";
  content: var(--tw-content);
}

.mfp-align-top .mfp-container::before{
  display: none;
}

.mfp-content{
  position: relative;
  z-index: 50;
  margin: auto;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
  width: 100%;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mfp-loading.mfp-figure{
  display: none;
}

.mfp-hide{
  display: none;
}

.mfp-preloader{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  margin-top: 0;
  width: auto;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.mfp-preloader a{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.mfp-preloader a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mfp-s-ready .mfp-preloader{
  display: none;
}

.mfp-s-error .mfp-content{
  display: none;
}

button.mfp-close, button.mfp-arrow{
  z-index: 50;
  display: block;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: visible;
  border-width: 0px;
  background-color: transparent;
  padding: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button::-moz-focus-inner{
  border-width: 0px;
  padding: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus{
  opacity: 1;
}

.mfp-close:active{
  top: 0;
}

.mfp-close-btn-in .mfp-close{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
  right: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mfp-counter{
  position: absolute;
  top: -0.25rem;
  right: 0;
  background-color: rgb(30 41 59 / 0.8);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active{
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus{
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}

.mfp-arrow-left{
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right{
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

/* Main image in popup */
figure{
  padding: 0;
}
figure img.mfp-img{
  margin: auto;
  box-sizing: border-box;
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
  overflow: hidden;
}

/* The shadow behind the image */
.mfp-figure{
  opacity: 1;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.mfp-title{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgb(30 41 59 / 0.8);
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mfp-image-holder .mfp-content{
  max-width: 100%;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow{
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .mfp-arrow-left{
    transform-origin: center;
  }
  .mfp-arrow-right{
    transform-origin: center;
  }
  .mfp-container{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
/* #Breadcrump
================================================== */
.breadcrumb{
  float: right;
  width: 100%;
  background-color: transparent;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.breadcrumb i{
  float: right;
}
.breadcrumb ul{
  float: right;
}
.breadcrumb ul li{
  position: relative;
  float: right;
  padding-left: 1.5rem;
}
.breadcrumb ul li:after {
  background-image: url("../icons/chevron-left.svg");
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.breadcrumb ul li.lin:after {
  background-image: url("../icons/more-vertical.svg");
}
.breadcrumb ul li.last:after{
  display: none;
}
.breadcrumb ul li:last-child::after{
  display: none;
}
.breadcrumb ul li.las-tit{
  position: relative;
  z-index: 0;
  margin-right: -1.25rem;
  display: block;
  height: 1.5rem;
  width: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
  color: transparent;
}
.breadcrumb ul li.las-tit span{
  display: none;
}
.breadcrumb ul li.las-tit::after{
  display: none;
}

/* #Header
================================================== */
header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  float: right;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #e2e8f0;
  --tw-shadow: var(--tw-shadow-colored);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
header h2{
  font-size: 0.875rem;
  line-height: 1.75rem;
}
header h2 span{
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
header nav{
  position: relative;
  float: right;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
header nav.main-bar{
  z-index: 10;
}
header nav.nav-bar{
  z-index: 0;
  margin: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  header nav.nav-bar{
    display: none;
  }
}
header nav.tab-bar{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
header nav.tab-bar .tabs-mobile{
  display: flex;
  display: none;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 768px){
  header nav.tab-bar .tabs-mobile{
    display: grid;
  }
}
header nav.tab-bar .tabs-mobile a.tab{
  float: right;
  padding-top: 0.5rem;
}
header nav.tab-bar .tabs-mobile a.tab .icn{
  margin: auto;
}
header nav.tab-bar .tabs-mobile a.tab .txt{
  text-align: center;
}
header nav.tab-bar .tabs-mobile a.tab:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
header nav.tab-bar .tabs-mobile a.tab.active{
  border-bottom-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
header .notifaction.toolbar-head{
  display: none;
}
header .logo{
  float: right;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 12rem;
  max-width: 100%;
  padding: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  header .logo{
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
header .logo .txt{
  opacity: 0;
}
header .logo h1.txt{
  line-height: 0.7;
}
header .logo a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem;
  background-position: center;
  background-repeat: no-repeat;
  outline-style: solid;
  outline-style: dashed;
  outline-width: 0px;
  outline-color: #0ea5e9;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
header .logo a:hover{
  outline-width: 2px;
}
@media (max-width: 768px){
  header .logo a{
    height: 43px;
  }
}
header .logo img{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  header .btn-login{
    display: none;
  }
}
header .btn-login .txt{
  white-space: pre;
}
header .wrapped{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .wrapped.menu{
  display: block;
}
header .avatar .thumb .string-back{
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
}
header .blank-space{
  width: 100%;
}
@media (max-width: 1280px){
  header .blank-space{
    display: none;
  }
}

@media (max-width: 768px){
  .home .btn-login{
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    display: block;
  }
  .home .btn-login .txt{
    display: none;
  }
}

/* #Nav Menu
================================================== */
.list-general{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  margin: 0;
  margin-top: -3rem;
  display: none;
  height: auto;
  width: 100%;
  --tw-translate-y: 0;
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (max-width: 768px){
  .list-general{
    margin: 0;
    overflow: hidden;
    border-radius: .375rem;
  }
}
.list-general .txt{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
@media (max-width: 768px){
  .list-general .txt{
    width: 100%;
    text-align: center;
  }
}
.list-general .arrow{
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
}
@media (max-width: 768px){
  .list-general .arrow{
    display: none;
  }
}
.list-general ul.lists{
  padding: 0;
  padding-top: 2rem;
}
@media (max-width: 768px){
  .list-general ul.lists{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 0;
  }
}
.list-general ul.lists li{
  position: relative;
  float: right;
  width: 100%;
}
.list-general ul.lists li:last-child{
  margin-bottom: 2rem;
}
@media (max-width: 768px){
  .list-general ul.lists li:last-child{
    margin-bottom: 0;
  }
}
.list-general .first-list{
  margin: 0;
  height: 25px;
  overflow: hidden;
}
@media (max-width: 768px){
  .list-general .first-list{
    display: none;
  }
}
.list-general .menu-content{
  visibility: hidden;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 10;
  transform-origin: top right;
  --tw-translate-y: -0.25rem;
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  .list-general .menu-content{
    display: none;
  }
}
.list-general .menu-content.col-large{
  min-width: 700px;
}
@media (max-width: 1024px){
  .list-general .menu-content.col-large{
    min-width: 600px;
  }
}
@media (max-width: 840px){
  .list-general .menu-content.col-large{
    min-width: 500px;
  }
}
.list-general .menu-content a.display-none, .list-general .menu-content a.hide{
  display: none;
}
.list-general .menu-content a.extra{
  padding: 0;
}
.list-general .menu-content a.extra:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.list-general .menu-content a.extra::before{
  margin-top: 0;
  margin-left: 0.5rem;
  display: block;
  height: 1.25rem;
  width: 0.25rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.list-general .menu-content .part{
  float: right;
  width: 50%;
}
@media (max-width: 840px){
  .list-general .menu-content .part.last-products{
    display: none;
  }
}
.list-general .menu-content .part li{
  float: right;
  width: 50%;
}
.list-general li.menu-nav.active .menu-content{
  visibility: visible;
  opacity: 1;
}
.list-general .line-menu-content-box{
  position: absolute;
  right: 0;
  bottom: 8rem;
  height: 0.25rem;
  width: 0.25rem;
}

ul.menu{
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}
ul.menu .product-cat-menu-link .arrow{
  position: absolute;
  left: 0.25rem;
  top: 0.75rem;
}
ul.menu li a{
  float: right;
  display: flex;
  border-bottom-width: 2px;
  border-color: transparent;
  padding-top: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
  font-family: sbold, tahoma;
}
ul.menu li a:hover, ul.menu li a.active{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
ul.menu li a i.submenu{
  margin-left: 0;
  margin-right: 0;
  margin-top: -0.25rem;
}
ul.menu li span.txt{
  float: right;
  display: flex;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  direction: ltr;
}
ul.menu li.menu-main{
  position: relative;
  float: right;
  margin: 0;
  margin-left: 0.5rem;
  width: 16.666667%;
}
@media (max-width: 1280px){
  ul.menu li.menu-main{
    width: 20%;
  }
}
@media (max-width: 1024px){
  ul.menu li.menu-main{
    width: 25%;
  }
}
ul.menu li.menu-main.active{
  background-color: transparent;
}
ul.menu li.menu-main a{
  position: relative;
  z-index: 40;
  width: 100%;
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (max-width: 1280px){
  ul.menu li.menu-main a span{
    display: none;
  }
}
@media (max-width: 840px){
  ul.menu li.menu-main.show .list-general{
    visibility: visible;
    display: block;
    opacity: 1;
  }
}
ul.menu li .menu-nav a{
  width: 100%;
  border-radius: 0;
  border-width: 0px;
  background-color: transparent;
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
@media (max-width: 768px){
  ul.menu li .menu-nav a{
    display: block;
  }
}
ul.menu li .menu-nav a .icn{
  height: 2rem;
  width: 2rem;
}
@media (max-width: 768px){
  ul.menu li .menu-nav a .icn{
    margin: auto;
    height: 3rem;
    width: 3rem;
  }
}
ul.menu li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
ul.menu li.shop-link{
  display: none;
}
ul.menu li .icn{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
ul.menu li.information{
  float: left;
}
ul.menu li.information span.txt{
  padding-left: 0;
  padding-right: 0;
  padding-right: 0.5rem;
}
ul.menu li.nav-toolbar-edit{
  float: left;
  margin-left: 0.75rem;
}
@media (max-width: 840px){
  ul.menu li.nav-toolbar-edit{
    display: none;
  }
}
ul.menu li.nav-toolbar-edit a{
  margin: 0;
  border-style: none;
  padding: 0.5rem;
}
@media (max-width: 1024px){
  ul.menu li.nav-toolbar-edit a{
    font-size: 0;
  }
  ul.menu li.nav-toolbar-edit a .icn{
    margin-left: 0;
    margin-right: 0;
  }
}
ul.menu li.nav-toolbar-edit a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.lock-scrollber header, .lock-scrollber nav.main-bar, .lock-scrollber .search-logo{
  height: 100%;
}

.nav-isvisible .nav-bar{
  margin-top: -12rem;
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.out-menu-content header .list-general{
  margin-top: 0;
  display: block;
}
.out-menu-content .show .list-general{
  visibility: visible;
  opacity: 1;
}

.page .show .list-general, .admin .show .list-general{
  visibility: visible;
  margin-top: 0.25rem;
  display: block;
  opacity: 1;
}

/* #Blog menu
================================================== */
nav .menu-link ul.menu{
  float: right;
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
nav .menu-link ul.menu li{
  display: inline-block;
}
nav .menu-link ul.menu li a{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
nav .menu-link ul.menu li a:hover{
  background-color: rgb(71 85 105 / 0.7);
}

/* #Popup menu
================================================== */
.profile{
  background-color: rgb(107 114 128 / 0.1);
  padding: 1.25rem;
  text-align: center;
}
.profile img{
  border-radius: 9999px;
}
.profile .string-back{
  margin: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  height: 6rem;
  width: 6rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(51 65 85 / 0.2);
  padding: 1.25rem;
  text-align: center;
  font-family: sbold, tahoma;
  font-size: 4.5rem;
  line-height: 1;
}
.profile span{
  text-align: center;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.user-pop{
  position: relative;
}
.user-pop .box-pop{
  visibility: hidden;
  position: absolute;
  top: 3.5rem;
  left: 0;
  z-index: 40;
  width: 18rem;
  --tw-translate-y: 2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0;
  opacity: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.user-pop .box-pop.show{
  visibility: visible;
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.user-pop .box-pop .links a{
  display: flex;
  align-items: center;
  padding: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.user-pop .box-pop .links a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.user-pop .box-pop .btn-bottom{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding: 1rem;
  text-align: center;
}
.user-pop .box-pop .btn-bottom button{
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

/* #Content
================================================== */
body{
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
  font-family: sans, tahoma, sans-serif;
}

.wrapped, .admin.login .wrapped{
  width: 100%;
}

@media (min-width: 480px){
  .wrapped, .admin.login .wrapped{
    max-width: 480px;
  }
}

@media (min-width: 768px){
  .wrapped, .admin.login .wrapped{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .wrapped, .admin.login .wrapped{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .wrapped, .admin.login .wrapped{
    max-width: 1280px;
  }
}

@media (min-width: 1535px){
  .wrapped, .admin.login .wrapped{
    max-width: 1535px;
  }
}

.wrapped, .admin.login .wrapped{
  margin: auto;
  width: 91.666667%;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 768px){
  .wrapped, .admin.login .wrapped{
    width: 91.666667%;
  }
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

main{
  min-height: 500px;
  width: 100%;
  padding-top: 7.5rem;
}
main .clear{
  clear: both;
}
main .content{
  display: none;
}
main .admin-sidebar{
  display: none;
}
main .wrapped .wrapped{
  margin: 0;
  width: 100%;
}
main ul.menu{
  float: right;
}

/* #Footer
================================================== */
.pic-top-footer{
  position: relative;
  float: right;
  height: 14rem;
  width: 100%;
  background-color: transparent;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media (max-width: 768px){
  .pic-top-footer{
    display: none;
  }
}

.footer{
  z-index: 10;
  float: right;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
  padding: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (max-width: 768px){
  .footer{
    margin-top: 1.25rem;
  }
}
.footer .foot-er{
  display: flex;
  align-items: center;
}
@media (max-width: 840px){
  .footer .foot-er{
    display: block;
  }
}
.footer .foot-er .logo{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 2.25rem;
  width: 6rem;
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@media (max-width: 840px){
  .footer .foot-er .logo{
    margin-left: 0;
    margin-right: 0;
  }
}
.footer .foot-er .txt-info{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(243 244 246 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (max-width: 840px){
  .footer .foot-er .txt-info{
    margin-bottom: 1.25rem;
    border-style: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.footer .foot-er .foot-social ul{
  display: flex;
}
@media (max-width: 840px){
  .footer .foot-er .foot-social ul{
    margin-left: 0;
    margin-right: 0;
  }
}
.footer .foot-er .foot-social ul a{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-radius: .8rem;
  background-color: rgb(107 114 128 / 0.3);
  padding: 0.5rem;
}
.footer .foot-er .foot-social ul a:hover{
  background-color: rgb(107 114 128 / 0.8);
}
.footer .foot-er .foot-social ul a .icn{
  background-size: contain;
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.footer .foot-ar{
  display: flex;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
@media (max-width: 768px){
  .footer .foot-ar{
    display: block;
  }
}
.footer .foot-ar .head{
  float: right;
  margin-bottom: 0.75rem;
  width: 100%;
  padding: 0.5rem;
  padding-bottom: 0;
  font-family: sbold, tahoma;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.footer .foot-ar ul{
  float: right;
  width: 100%;
}
.footer .foot-ar ul li{
  float: right;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.footer .foot-ar .footer-flag ul li{
  width: auto;
}
.footer .foot-ar .footer-about{
  display: none;
  width: 50%;
  padding: 0.5rem;
  text-align: justify;
}
@media (max-width: 768px){
  .footer .foot-ar .footer-about{
    width: 100%;
  }
}
.footer .foot-ar .foot-links{
  display: flex;
  width: 100%;
  padding: 0.5rem;
}
@media (max-width: 768px){
  .footer .foot-ar .foot-links{
    display: inline-block;
    width: 100%;
  }
}
.footer .foot-ar .foot-links .part{
  width: 50%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (max-width: 768px){
  .footer .foot-ar .foot-links .part{
    width: 100%;
  }
}
.footer .foot-ar .foot-links .part li::before {
  content: "";
  float: right;
  margin: 0.5rem;
  display: block;
  height: 0.25rem;
  width: 0.75rem;
  border-radius: .4rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.footer .foot-ar .foot-links .part a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.footer .foot-ar .foot-links .part a:hover{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.footer .foot-ar .foot-links .part ul.flag li{
  margin-bottom: 0.5rem;
}
.footer .foot-ar .foot-links .part ul.flag li::before{
  display: none;
}
.footer .foot-ar .foot-links .part.contactus ul li::before{
  display: none;
}
.footer .foot-ar .foot-links .part.contactus ul li .icn{
  float: right;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.footer .foot-ar .foot-links .part.contactus ul li a{
  float: right;
}
.footer .foot-ar .foot-links .part ul.links-wcd li::before{
  display: none;
}
.footer .foot-ar .footer-flag{
  display: none;
}
.footer .copyright{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity));
  padding: 1.25rem;
  text-align: center;
}

ul.flag li{
  margin-bottom: 0.5rem;
}
ul.flag li::before{
  display: none;
}
ul.flag i{
  margin: auto;
  display: block;
  height: 5rem;
  width: 5rem;
  overflow: hidden;
  border-radius: .4rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -24rem;
}

.home .footer .footer-flag{
  display: block;
}
.home .footer .footer-about{
  display: block;
}

/* #Block
================================================== */
.show-block main .loader{
  display: none;
}
.show-block main .content{
  display: block;
}
.show-block .breadcrumb{
  display: flex;
}
.show-block .motto{
  display: block;
}
.show-block.home main .list-general{
  visibility: visible;
  position: relative;
  float: right;
  display: block;
  opacity: 1;
}
.show-block .archive{
  display: block;
}

/* #Login
================================================== */
.login-box{
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  width: 50%;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1024px){
  .login-box{
    width: 100%;
  }
}
@media (max-width: 768px){
  .login-box{
    width: 100%;
  }
}
@media (max-width: 480px){
  .login-box{
    width: 100%;
  }
}
.login-box.register{
  width: 60%;
}
@media (max-width: 1024px){
  .login-box.register{
    width: 100%;
  }
}
@media (max-width: 768px){
  .login-box.register{
    width: 100%;
  }
}
@media (max-width: 480px){
  .login-box.register{
    width: 100%;
  }
}
.login-box form{
  display: flex;
}
@media (max-width: 768px){
  .login-box form{
    display: block;
  }
}
.login-box form .login-form-head{
  position: relative;
  height: auto;
  width: 40%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  padding: 2.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (max-width: 768px){
  .login-box form .login-form-head{
    width: 100%;
  }
}
.login-box form .login-form-head .h4{
  margin-bottom: 0.75rem;
  display: flex;
  font-family: sbold, tahoma;
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: uppercase;
}
.login-box form .login-form-head .h4 .icn{
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.login-box form .login-form-head p{
  text-align: justify;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.login-box form .login-form-head .ere{
  margin-top: 1.25rem;
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-top-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding-top: 2.5rem;
}
.login-box form .login-form-head .ere .btn{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.login-box form .login-form-head .ere .btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.login-box form .login-form-body{
  width: 60%;
  padding: 2.5rem;
}
@media (max-width: 768px){
  .login-box form .login-form-body{
    width: 100%;
  }
}
.login-box form .login-form-body input{
  width: 100%;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity));
}
.login-box form .login-form-body input[type=checkbox]{
  margin: 0.25rem;
  width: auto;
  padding: 0.5rem;
}
.login-box form .login-form-body button{
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.login-box form .login-form-body button .loading{
  padding: 0;
}
.login-box form .login-form-body button .loading::before{
  height: 1.5rem;
  width: 1.5rem;
  border-width: 2px;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.login-box form .submit-btn-area{
  float: left;
  width: 50%;
  text-align: left;
}
.login-box form .rmber-area{
  float: right;
  width: 50%;
  text-align: right;
}
.login-box form .rmber-area .custom-checkbox{
  display: flex;
  padding: 0.5rem;
}

/* #Home
================================================== */
@media (max-width: 768px){
  .home header{
    margin-bottom: 2.5rem;
    background-color: transparent;
    --tw-shadow: 0 35px 60px -15px rgba(0,0,0,0.3);
    --tw-shadow-colored: 0 35px 60px -15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .home header nav.main-bar{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .home header nav.tab-bar{
    display: none;
  }
  .home header nav.search-show-pop .search-pageblack{
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .home header nav.close-search-ani .search-input{
    display: none;
  }
}
.home header nav.close-search-ani .resultDiv{
  display: none;
}
@media (max-width: 768px){
  .home header nav .search-logo{
    display: block;
  }
  .home header nav .search-logo .logo{
    margin-top: 0.5rem;
    margin-bottom: 0;
    width: 100%;
  }
  .home header nav .search-logo .logo a{
    margin: auto;
    height: 5rem;
    width: 60%;
  }
  .home header nav .search-logo .logo a .txt{
    float: right;
    height: 100%;
    width: 100%;
  }
  .home header nav .search-logo .search{
    float: right;
    margin-bottom: 0;
    display: block;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .home header nav .search-logo .search .search-input{
    top: 0;
  }
}
.home header nav .search-logo .search .search-input.mobile{
  display: none;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  .home header nav .search-logo .search .search-input.mobile{
    visibility: visible;
    display: block;
    --tw-translate-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: .375rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  .home header nav .search-logo .search .search-input.mobile:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  }
  .home header nav .search-logo .search .resultDiv{
    top: 0;
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: 0;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .home header nav .search-logo .search .navbarsearchbtn{
    background-color: transparent;
  }
}
.home header nav .search-logo .search .clear-search-input{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px){
  .home header nav .search-logo .search.search-show .search-input{
    top: -90px;
  }
  .home header nav .search-logo .search.search-show .search-input.mobile{
    visibility: hidden;
    display: none;
  }
  .home header nav .search-logo .search.search-show .resultDiv{
    top: -40px;
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: 0;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .home header nav .search-logo .search.search-show .resultDiv .res-pop{
    height: 85vh;
  }
  .home header nav .search-logo .search.search-show .resultDiv .res-pop ul{
    max-height: 100%;
  }
  .home header nav .search-logo .search.search-show .clear-search-input{
    top: -96px;
    left: 0;
    height: 3.5rem;
  }
  .home header nav .search-logo .search.search-show .navbarsearchbtn{
    display: none;
  }
}
.home.nav-isvisible header nav .search-logo .logo{
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.home.nav-isvisible header nav .search-logo .search{
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 768px){
  .home.nav-isvisible header nav .search-logo .search.search-show .search-input{
    top: -90px;
  }
  .home.nav-isvisible header nav .search-logo .search.search-show .resultDiv{
    top: -35px;
  }
  .home.nav-isvisible header nav .search-logo .search.search-show .clear-search-input{
    top: -95px;
  }
  .home.nav-isvisible main{
    padding-top: 10rem;
  }
  .home main{
    min-height: 700px;
    padding-top: 10rem;
  }
}

main .menu-to{
  position: relative;
  float: right;
  margin-bottom: 0.75rem;
  width: 16.666667%;
  padding: 0;
}

@media (max-width: 1280px){
  main .menu-to{
    width: 20%;
  }
}

@media (max-width: 1024px){
  main .menu-to{
    width: 25%;
  }
}

@media (max-width: 840px){
  main .menu-to{
    display: none;
  }
}

@media (max-width: 768px){
  main .menu-to{
    margin-top: 1.25rem;
    display: block;
    width: 100%;
  }
  main .menu-to ul.menu{
    width: 100%;
  }
}
main .menu-to .sidebar{
  width: 100%;
}
main .menu-to .sidebar ul.social li a{
  margin-top: 0.75rem;
  border-radius: .375rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
main .menu-to .sidebar ul.social li a.red{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #fdba74 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(248 113 113 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f87171 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
main .menu-to .sidebar ul.social li a.red:hover{
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  --tw-gradient-from: #fdba74 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(248 113 113 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f87171 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
main .menu-to .sidebar ul.social li a.blue{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
main .menu-to .sidebar ul.social li a.blue:hover{
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
main .menu-to .sidebar ul.social li a .icn{
  margin-left: 0.75rem;
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
main .panel-box-s{
  float: right;
  width: 83.333333%;
  padding: 0.75rem;
  padding-left: 0;
  padding-bottom: 0;
}
@media (max-width: 1280px){
  main .panel-box-s{
    width: 80%;
  }
}
@media (max-width: 1024px){
  main .panel-box-s{
    width: 75%;
  }
}
@media (max-width: 840px){
  main .panel-box-s{
    width: 100%;
    padding-right: 0;
  }
}
main .panel-box-s .box-oler{
  display: grid;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #b91c1c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(153 27 27 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #991b1b var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
  padding: 1.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1280px){
  main .panel-box-s .box-oler{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1024px){
  main .panel-box-s .box-oler{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 840px){
  main .panel-box-s .box-oler{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  main .panel-box-s .box-oler{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    padding: 0;
    padding: 0.75rem;
  }
}
main .panel-box-s .box-oler .title-ts{
  display: grid;
  padding: 1.25rem;
  text-align: center;
}
@media (max-width: 1024px){
  main .panel-box-s .box-oler .title-ts{
    display: contents;
  }
}
@media (max-width: 768px){
  main .panel-box-s .box-oler .title-ts{
    display: none;
  }
}
main .panel-box-s .box-oler .title-ts .txt{
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 2.5rem;
  text-align: center;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (max-width: 1024px){
  main .panel-box-s .box-oler .title-ts .txt{
    display: grid;
  }
}
main .panel-box-s .box-oler .title-ts .txt .icn{
  margin: auto;
  height: 3.5rem;
  width: 3.5rem;
  background-size: cover;
  background-position: center;
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
main .panel-box-s .box-oler .title-ts a{
  margin: auto;
}
@media (max-width: 768px){
  main .panel-box-s .box-oler .title-ts a{
    display: none;
  }
}
main .panel-box-s .box-oler .sidebar{
  width: auto;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
}
main .panel-box-s .box-oler .sidebar .h1{
  border-bottom-width: 2px;
  border-bottom-color: rgb(209 213 219 / 0.7);
  padding: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (max-width: 768px){
  main .panel-box-s .box-oler .sidebar .h1{
    display: flex;
    font-family: sbold, tahoma;
    font-weight: 700;
  }
}
main .panel-box-s .box-oler .sidebar .h1 .icn{
  display: none;
}
@media (max-width: 768px){
  main .panel-box-s .box-oler .sidebar .h1 .icn{
    display: block;
  }
}
main .panel-box-s .box-oler .sidebar ul{
  padding: 0.5rem;
}
main .panel-box-s .box-oler .sidebar ul li{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
@media (max-width: 768px){
  main .panel-box-s .box-oler .sidebar ul li{
    border-bottom-width: 1px;
    border-bottom-color: rgb(100 116 139 / 0.2);
    padding: 0;
  }
}
main .panel-box-s .box-oler .sidebar ul li a{
  border-style: none;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
main .panel-box-s .box-oler .sidebar ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
@media (max-width: 768px){
  main .panel-box-s .box-oler .sidebar ul li a{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
main .panel-box-s .box-oler .sidebar ul li a span{
  float: right;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main .panel-box-s .box-oler .sidebar ul li:last-child{
  border-style: none;
}
main .panel-box-s .widget .header{
  float: right;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 1.5rem;
  text-align: center;
}
@media (max-width: 768px){
  main .panel-box-s .widget .header{
    padding: 0.5rem;
  }
}
main .panel-box-s .widget .header .txt{
  display: inline;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (max-width: 768px){
  main .panel-box-s .widget.bac-fe-links{
    display: none;
  }
}
main .panel-box-s .widget .box-display{
  float: right;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
@media (max-width: 1280px){
  main .panel-box-s .widget .box-display{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  main .panel-box-s .widget .box-display{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 480px){
  main .panel-box-s .widget .box-display{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
main .panel-box-s .widget .box-display a{
  float: right;
  margin-bottom: 1rem;
  display: block;
  height: auto;
  text-align: center;
}
main .panel-box-s .widget .box-display a .thumbnail{
  margin: auto;
  height: 110px;
  width: 110px;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
main .panel-box-s .widget .box-display a .thumbnail img{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
main .panel-box-s .widget .box-display a .txt{
  font-size: 1rem;
  line-height: 1.5rem;
}
main .panel-box-s .widget .box-display a:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
main .panel-box-s .widget .box-display a:hover img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
main .motto.icon-text{
  float: right;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px){
  main .motto.icon-text{
    display: none;
  }
}
main .motto .card{
  margin-top: 0;
  display: grid;
  padding: 1rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1280px){
  main .motto .card{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  main .motto .card{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px){
  main .motto .card{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
main .motto .card .box{
  float: right;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
main .motto .card .box span{
  width: 100%;
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
main .box-lists{
  position: relative;
  z-index: 0;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (max-width: 768px){
  main .box-lists{
    display: none;
  }
}
main .box-lists .title-ts{
  position: relative;
  float: right;
  margin-bottom: 1rem;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
main .box-lists .title-ts::after{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  margin: auto;
  height: 1px;
  width: 80%;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
main .box-lists .title-ts.no-line::after{
  display: none;
}
main .box-lists .title-ts .txt{
  position: relative;
  z-index: 10;
  float: right;
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
main .box-lists .title-ts .txt .icn{
  display: block;
}
main .box-lists .title-ts a{
  position: relative;
  z-index: 10;
  float: left;
}
main .box-lists ul{
  float: right;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1280px){
  main .box-lists ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1024px){
  main .box-lists ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  main .box-lists ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px){
  main .box-lists ul{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
main .box-lists ul li{
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
@media (max-width: 768px){
  main .box-lists ul li{
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 480px){
  main .box-lists ul li{
    border-bottom-width: 1px;
    border-bottom-color: rgb(148 163 184 / 0.7);
    padding: 0;
    padding-bottom: 0.75rem;
  }
}
main .box-lists ul li a{
  display: block;
}
main .box-lists ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
main .box-lists ul li .thumb-l{
  float: right;
  margin-bottom: 0.75rem;
  width: 100%;
  overflow: hidden;
  border-radius: .375rem;
  border-width: 1px;
  border-color: rgb(203 213 225 / 0.6);
}
main .box-lists ul li .thumb-l .thumb{
  float: right;
  width: 100%;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -o-object-fit: cover;
     object-fit: cover;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
main .box-lists ul li:hover .thumb-l{
  border-color: rgb(148 163 184 / 0.8);
}
main .box-lists ul li:hover .thumb-l .thumb{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
main .box-lists ul li .txt{
  text-align: right;
}
main .box-lists ul li:last-child{
  border-style: none;
}
main .box-lists ul.product{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1280px){
  main .box-lists ul.product{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1024px){
  main .box-lists ul.product{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  main .box-lists ul.product{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px){
  main .box-lists ul.product{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
main .box-lists ul.product .thumb-l{
  float: none;
  display: flex;
  width: auto;
}
main .box-lists ul.product .thumb-l .thumb{
  float: none;
  margin: auto;
  width: auto;
}
main .box-ados{
  margin-top: 0.75rem;
  margin-bottom: 0;
  overflow: hidden;
}
main .box-ados.blue{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}
main .box-ados .thumb{
  margin: auto;
  margin-top: 2rem;
  height: 3rem;
  width: 3rem;
}
main .box-ados .thumb .icn{
  height: 3rem;
  width: 3rem;
  background-size: cover;
  background-position: center;
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
main .box-ados .title-wcd{
  padding: 0.5rem;
  text-align: center;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
main .box-ados .title-wcd.wew{
  margin-top: 0.75rem;
}
main .box-ados .title-icon{
  margin-top: 0.75rem;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
  padding: 0.75rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
main .sidebar.most_visited{
  margin-top: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
@media (max-width: 768px){
  main .sidebar.most_visited{
    display: none;
  }
}
main .sidebar.most_visited .title-jh{
  margin: 0.75rem;
  margin-bottom: 0;
  display: flex;
  border-bottom-width: 1px;
  border-bottom-color: rgb(248 250 252 / 0.4);
  padding: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
main .sidebar.most_visited ul{
  padding: 0.5rem;
}
main .sidebar.most_visited ul li{
  position: relative;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: .375rem;
  border-width: 2px;
  border-color: transparent;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
main .sidebar.most_visited ul li a .title-head{
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
main .sidebar.most_visited ul li a .thumb{
  border-radius: .375rem;
}
main .sidebar.most_visited ul li:after{
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 10;
  height: 2.5rem;
  width: 0.5rem;
  border-top-right-radius: .4rem;
  border-bottom-right-radius: .4rem;
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
  opacity: 0;
  --tw-content: "";
  content: var(--tw-content);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
main .sidebar.most_visited ul li:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
  background-color: rgb(219 234 254 / 0.1);
}
main .sidebar.most_visited ul li:hover:after{
  visibility: visible;
  opacity: 1;
}

/* #Shop
================================================== */
.thumbr-info{
  display: flex;
  padding: 0.5rem;
}
@media (max-width: 1024px){
  .thumbr-info{
    display: block;
  }
}

.info-content{
  display: flex;
  width: 100%;
}

@media (max-width: 1280px){
  .info-content{
    display: block;
  }
}

.info .toolbar{
  display: flex;
  padding: 0.75rem;
}
.info .toolbar h1{
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.lists .desc .paraghraph{
  float: right;
  text-align: justify;
  line-height: 2.25rem;
}
.lists .desc .btn-link.more{
  margin-bottom: 0.75rem;
  border-radius: .375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.lists .icon-text.nav-link{
  float: right;
  width: 100%;
}

.draft{
  position: absolute;
  top: 25px;
  right: -70px;
  z-index: 10;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  box-shadow: 0 0 0 5px rgba(238, 87, 87, 0.5);
}
.draft .txt{
  height: auto;
  width: auto;
  padding: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.archive .lists, .archive .lists-ed{
  float: right;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1280px){
  .archive .lists, .archive .lists-ed{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .archive .lists, .archive .lists-ed{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .archive .lists, .archive .lists-ed{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.archive .lists .list .thumb, .archive .lists-ed .list .thumb{
  float: right;
  height: auto;
  width: 100%;
  padding: 1.25rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.archive .lists .list .thumb.not-img, .archive .lists-ed .list .thumb.not-img{
  height: 8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.archive .lists .list.post .thumbnail, .archive .lists-ed .list.post .thumbnail{
  float: right;
  margin-bottom: 0.75rem;
  height: 10rem;
  width: 100%;
  overflow: hidden;
}
.archive .lists .list.post .thumbnail.wewtq, .archive .lists-ed .list.post .thumbnail.wewtq{
  float: none;
  height: 20rem;
}
.archive .lists .list.post .thumb, .archive .lists-ed .list.post .thumb{
  height: 8rem;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0;
}
.archive .lists .list .txt, .archive .lists-ed .list .txt{
  padding: 0.75rem;
  text-align: justify;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.archive .lists .list:hover .thumb, .archive .lists-ed .list:hover .thumb{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.archive .lists .list:hover .txt, .archive .lists-ed .list:hover .txt{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.archive .lists .list .draft .txt, .archive .lists-ed .list .draft .txt{
  padding: 0;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.archive .lists .list .box, .archive .lists-ed .list .box{
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
}
.archive .lists .list .box .body, .archive .lists-ed .list .box .body{
  position: relative;
  width: 100%;
}
.archive .lists .list .box .body .txt, .archive .lists-ed .list .box .body .txt{
  float: right;
  width: 100%;
}
.archive .lists .list .box .option, .archive .lists-ed .list .box .option{
  margin-top: auto;
  width: 100%;
}
.archive ul li .card{
  overflow: hidden;
}

.info .toolbar, .det-bottom .toolbar{
  padding: 0.5rem;
}
.info .title-ht, .det-bottom .title-ht{
  display: flex;
}
.info .title-ht .icn, .det-bottom .title-ht .icn{
  float: right;
  margin: 0.5rem;
}
.info .title-ht .btn, .det-bottom .title-ht .btn{
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.info .title-ht .btn .icn, .det-bottom .title-ht .btn .icn{
  margin: 0;
}
.info .title-ht h1, .info .title-ht .h1, .det-bottom .title-ht h1, .det-bottom .title-ht .h1{
  float: right;
  padding: 0.5rem;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.875rem;
  line-height: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.info .desc, .det-bottom .desc{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  line-height: 1.5rem;
}
.info .desc span, .det-bottom .desc span{
  text-align: justify;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.info .desc .more, .det-bottom .desc .more{
  cursor: pointer;
}
.info .nav-link ul li, .det-bottom .nav-link ul li{
  float: right;
  padding: 1.25rem;
}
.info .nav-link ul li a, .det-bottom .nav-link ul li a{
  border-bottom-width: 2px;
  border-bottom-color: transparent;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.info .nav-link ul li a:hover, .det-bottom .nav-link ul li a:hover{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.det-bottom{
  margin-top: 0.75rem;
}
.det-bottom .desc span{
  margin-bottom: 0.75rem;
}

/* Single Product */
.single .info{
  float: right;
  width: 66.666667%;
  padding-right: 0.75rem;
}
@media (max-width: 1024px){
  .single .info{
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 768px){
  .single .info{
    width: 100%;
    padding: 0;
  }
}
.single .info .title-ht{
  float: right;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.single .info a:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.single .info a.btn-edit:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.single .info .attach{
  float: right;
  margin-top: 0.25rem;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: .375rem;
  background-color: rgb(226 232 240 / 0.5);
  padding: 0.75rem;
}
.single .info .attach .icn{
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.single .info .attach .txt{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.single .info .info-right{
  float: right;
  width: 50%;
  padding: 0.5rem;
}
@media (max-width: 1280px){
  .single .info .info-right{
    width: 100%;
  }
}
@media (max-width: 840px){
  .single .info .info-right{
    width: 100%;
  }
}
@media (max-width: 768px){
  .single .info .info-right{
    width: 100%;
  }
}
.single .info .info-right .cio{
  display: flex;
  width: 100%;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.single .info .info-right .cio .que{
  padding-left: 0.5rem;
}
.single .info .info-right .cio .sku-number-txt{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-transform: uppercase;
}
.single .info .info-right .cio ul li{
  float: right;
  display: flex;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.single .info .info-right .cio ul li.comma{
  padding: 0;
}
.single .info .info-right .cio ul li:last-child{
  display: none;
}
.single .info .info-right .box{
  float: right;
  width: 100%;
}
.single .info .info-right .box .pa-ic{
  float: right;
  margin-bottom: 0.75rem;
  display: flex;
  width: 100%;
}
.single .info .info-right .box.big-icn{
  float: right;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.single .info .info-right .box.big-icn .icn{
  float: right;
  display: flex;
}
.single .info .info-left{
  float: right;
  width: 50%;
  padding: 0.5rem;
}
@media (max-width: 1280px){
  .single .info .info-left{
    width: 100%;
  }
}
@media (max-width: 840px){
  .single .info .info-left{
    width: 100%;
  }
}
@media (max-width: 768px){
  .single .info .info-left{
    width: 100%;
  }
}
.single .info .info-left .box-pa{
  margin-bottom: 0.5rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 0.5rem;
}
.single .info .info-left .box-pa .rfr{
  display: flex;
}
.single .info .info-left .box-pa.eer{
  float: right;
  width: 100%;
}
.single .info .info-left .box-pa .box .qe{
  float: right;
  display: flex;
  width: 100%;
}
.single .info .info-left .box-pa .box .ay{
  float: right;
  display: flex;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.single .info .info-left .box-pa .box .ay .bold{
  display: flex;
  width: 50%;
}
.single .tab-content{
  float: right;
  width: 100%;
}
.single .tab-content ul.tabs-list{
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity));
  background-color: rgb(229 231 235 / 0.6);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (max-width: 768px){
  .single .tab-content ul.tabs-list{
    display: none;
  }
}
.single .tab-content ul.tabs-list li{
  float: right;
  margin: 0;
  width: auto;
  cursor: pointer;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.single .tab-content ul.tabs-list li .icn{
  float: right;
}
.single .tab-content ul.tabs-list li.active{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.single .tab-content .description.data .content-i{
  margin-top: 0;
  display: none;
}
@media (max-width: 768px){
  .single .tab-content .description.data .content-i{
    display: block;
  }
}
.single .tab-content .description.data .content-i.show{
  display: block;
}
@media (max-width: 768px){
  .single .tab-content .description.data .content-i.data-2{
    float: left;
  }
}

.archive aside .icn{
  float: right;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.archive aside .h1{
  float: right;
  padding: 1rem;
  padding-left: 0;
  padding-right: 0;
  font-family: sbold, tahoma;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.archive aside ul{
  float: right;
  width: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.archive aside ul li a{
  display: flex;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.archive aside ul li a .thumb{
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.archive aside ul li a .txt{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.5rem;
}
.archive aside ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.sidebar-btn-head{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
}

.carousel-sli-blog .slider{
  display: flex;
  width: 100%;
}
.carousel-sli-blog .slider .archi-visit{
  width: 25%;
}
.carousel-sli-blog .slider .archi-visit li a{
  display: flex;
}
.carousel-sli-blog .slider .panel-box-s{
  width: 100%;
  padding: 0;
}
.carousel-sli-blog .slider .panel-box-s .car-slide{
  margin-bottom: 1.25rem;
}
.carousel-sli-blog .slider .panel-box-s .box-img.change-box{
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1280px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1024px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 840px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 480px){
  .carousel-sli-blog .slider .panel-box-s .box-img.change-box{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj{
  margin-bottom: 0;
  overflow: hidden;
}
.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj .thumbnail{
  position: relative;
  height: 18rem;
  width: 100%;
  overflow: hidden;
}
.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj .thumbnail .thumb{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj:hover .thumb{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.carousel-sli-blog .slider .panel-box-s .box-img.change-box a.change-obj .txt{
  position: absolute;
  bottom: 0;
  right: 0;
  height: 4rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgb(203 213 225 / 0.7);
  padding: 1.25rem;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.carousel-sli-blog .slider .panel-box-s .btn-box{
  display: none;
}
.carousel-sli-blog .slider .panel-box-s .btn-box .next, .carousel-sli-blog .slider .panel-box-s .btn-box .prev{
  position: absolute;
  left: 0;
  top: 30%;
  margin: 1.25rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.4;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel-sli-blog .slider .panel-box-s .btn-box .next{
  right: 0;
}

@media (max-width: 1024px){
  .archive-rou .last-bl{
    width: 100%;
    padding: 0;
  }
  .archive-rou .sidebar{
    display: none;
  }
}

.sidebar{
  float: right;
  width: 25%;
}
.sidebar li a{
  display: flex;
}
.sidebar .links-wcd{
  display: flex;
}
.sidebar .links-wcd .icn{
  height: 2rem;
  width: 2rem;
  background-size: contain;
  padding: 0.5rem;
  filter: invert(36%) sepia(19%) saturate(2912%) hue-rotate(168deg) brightness(101%) contrast(99%);
}
.sidebar .links-wcd a{
  margin: 0;
  border-radius: .375rem;
  padding: 0;
}
.sidebar .links-wcd a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.last-bl{
  float: right;
  width: 75%;
  padding-left: 0.5rem;
}
.last-bl h1{
  margin-bottom: 1.25rem;
  display: flex;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(148 163 184 / var(--tw-border-opacity));
  padding: 0.75rem;
}
.last-bl h1 .icn{
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.lists article .arch-header{
  float: right;
  width: 50%;
  padding: 1.25rem;
}
.lists article .arch-header a .profile{
  float: right;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  padding: 0;
}
.lists article .arch-header a .txt-o{
  float: right;
  padding: 0.5rem;
}
.lists article .arch-cater{
  float: left;
  width: 50%;
  padding: 1.25rem;
  text-align: left;
}
.lists article .arch-cater .bo-btb{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.lists article .arch-cater .bo-btb:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.lists article .arch-content .txt-o{
  float: right;
  margin-bottom: 0.5rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.lists article .arch-content .txt-o:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.lists article .arch-content .thumbnail{
  position: relative;
  height: 18rem;
  width: 100%;
  overflow: hidden;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-bottom-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-top-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.lists article .arch-content .thumbnail .thumb{
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0;
}
.lists article .arch-content .para{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  text-align: justify;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.lists article .arch-content .para .more{
  border-radius: .375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.lists article .arch-content .para .more:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.content-post .single h1{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  font-family: sbold, tahoma;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.content-post .single .gallary{
  float: right;
  width: 100%;
}
.content-post .single .gallary .thumbnail{
  width: 100%;
  overflow: hidden;
  padding: 1.5rem;
  text-align: center;
}
.content-post .single .gallary .thumbnail .thumb{
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0;
}
.content-post .single .info{
  padding: 1.25rem;
}
.content-post .single .info .arch-header{
  display: flex;
  width: 100%;
  align-items: center;
  vertical-align: middle;
}
@media (max-width: 768px){
  .content-post .single .info .arch-header{
    margin-bottom: 0.75rem;
  }
}
.content-post .single .info .arch-header:last-child{
  margin-bottom: 0;
}
.content-post .single .info .arch-header a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.content-post .single .info .arch-header a:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.content-post .single .info .arch-header .pa-ic{
  display: flex;
  align-items: center;
  vertical-align: middle;
}
.content-post .single .info .arch-header .profile{
  float: right;
  height: 40px;
  width: 40px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  padding: 0;
}
.content-post .single .info .arch-header .profile.string-back{
  padding: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: sbold, tahoma;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.content-post .single .info .arch-header .txt, .content-post .single .info .arch-header .txt-o{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.content-post .single .info .arch-header ul{
  margin: 0;
  display: flex;
  padding: 0;
}
.content-post .single .info .arch-header ul.txt{
  margin: 0;
  padding: 0;
}
.content-post .single .info .arch-header ul li.comma{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.content-post .single .info .arch-header ul li:last-child{
  display: none;
}

/* General */
@media (max-width: 1024px){
  .archive-col-s-12 .last-bl{
    width: 100%;
  }
  .archive-col-s-12 .sidebar{
    width: 100%;
  }
}
.archive-col-s-12 .sidebar .icn{
  margin-left: 0;
  margin-right: 0;
  margin-right: 0.5rem;
  padding-left: 0;
  padding-right: 0;
}
.archive-col-s-12 .sidebar ul.category li a .number{
  display: none;
}
.archive-col-s-12 .sidebar ul.category li a .txt{
  padding: 0.25rem;
}
.archive-col-s-12 .sidebar ul.category li.more{
  display: none;
}

.box-ertr{
  display: none;
}

.title-tso{
  margin-top: 5rem;
  margin-bottom: 2.5rem;
}
.title-tso .icn{
  margin: auto;
  margin-bottom: 1.25rem;
  height: 4rem;
  width: 4rem;
  background-size: cover;
  background-position: center;
}
.title-tso .texts{
  width: 100%;
  text-align: center;
  font-family: sbold, tahoma;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(83 82 80 / var(--tw-text-opacity));
}
.title-tso .sub-txt{
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* Category */
.info-fo .thumbnail-er{
  float: right;
  width: 100%;
  padding: 0.75rem;
}
.info-fo img{
  margin: auto;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  padding: 0.25rem;
}
.info-fo .txt{
  float: right;
  width: 100%;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.new-btn{
  display: none;
}

ul.forum li.topic .arch-content a .txt-o{
  margin: 0;
  display: flex;
  padding: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
}
ul.forum li.topic .arch-content .para{
  float: right;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
ul.forum li.topic .arch-cater{
  display: flex;
  width: 100%;
}
ul.forum li.topic .arch-cater .txt-ww{
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
ul.forum li.topic .arch-cater .txt-ww .txt{
  display: flex;
}
ul.forum li.topic .arch-cater .txt-ww .txt.ans{
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
ul.forum li.topic .arch-cater .txt-ww a{
  display: flex;
}
ul.forum li.topic .arch-cater .txt-ww.more{
  display: block;
}
ul.forum li.topic .arch-cater .txt-ww.more a{
  float: left;
}

ul.box-ter{
  margin: auto;
  margin-bottom: 3rem;
  width: 60%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1280px){
  ul.box-ter{
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  ul.box-ter{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  ul.box-ter{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
ul.box-ter li.cat-topic .box .pan{
  float: right;
}
ul.box-ter li.cat-topic .box .pan.thumb{
  width: 100%;
  padding: 0.5rem;
}
@media (max-width: 768px){
  ul.box-ter li.cat-topic .box .pan.thumb{
    width: 100%;
  }
}
ul.box-ter li.cat-topic .box .pan.thumb a{
  display: block;
}
ul.box-ter li.cat-topic .box .pan.thumb a:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
ul.box-ter li.cat-topic .box .pan.thumb a img{
  height: auto;
  width: 100%;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
ul.box-ter li.cat-topic .box .pan.texts{
  width: 75%;
  padding: 0.5rem;
}
@media (max-width: 768px){
  ul.box-ter li.cat-topic .box .pan.texts{
    width: 100%;
  }
}
ul.box-ter li.cat-topic .box .pan.texts .h1{
  float: right;
  margin-bottom: 0.5rem;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity));
  padding: 0.25rem;
}
ul.box-ter li.cat-topic .box .pan.texts .h1 a.title{
  float: right;
  display: flex;
  padding: 0.5rem;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
ul.box-ter li.cat-topic .box .pan.texts .h1 a.more{
  float: left;
}
@media (max-width: 768px){
  ul.box-ter li.cat-topic .box .pan.texts .h1 a.more{
    display: none;
  }
}
ul.box-ter li.cat-topic .box .pan.texts ul.category{
  float: right;
  width: 100%;
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list{
  float: right;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list a{
  float: right;
  display: flex;
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list a .number{
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list a .txt{
  float: right;
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (max-width: 768px){
  ul.box-ter li.cat-topic .box .pan.texts ul.category li.list .left-txt{
    float: right;
    width: 100%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity));
    padding-bottom: 0.5rem;
  }
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list .left-txt .txt{
  display: flex;
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list .left-txt .txt.date{
  float: left;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list .left-txt .txt.ans{
  float: left;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
ul.box-ter li.cat-topic .box .pan.texts ul.category li.list .left-txt .txt .icn{
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

ul.users{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1280px){
  ul.users{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 840px){
  ul.users{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  ul.users{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
ul.users li.user a{
  padding: 0;
}
ul.users li.user a .img{
  margin: auto;
}
ul.users li.user a .img .string-back{
  margin-bottom: 0.75rem;
  height: 50px;
  width: 50px;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding: 0.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Topic single */
.content-topic section .title{
  display: flex;
  padding: 0.5rem;
}
.content-topic section .title h1{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.content-topic section .info{
  display: flex;
}
.content-topic section .info .box{
  display: flex;
}
.content-topic section .info a:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.content-topic section .info .author a{
  display: flex;
  align-items: center;
  vertical-align: middle;
}
.content-topic section .info .author a img{
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  padding: 0;
}
.content-topic section .info .author a .txt-o{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-transform: uppercase;
}
.content-topic section .info .pa-ic{
  display: flex;
  padding: 0.5rem;
}
.content-topic section .info .pa-ic.hide{
  display: none;
}
.content-topic section .info .pa-ic .cio{
  display: flex;
}
.content-topic section .info .pa-ic .cio .que{
  padding-left: 0.5rem;
}
.content-topic section .info .pa-ic.category ul li.comma{
  display: none;
}
.content-topic section .desc{
  padding: 1.25rem;
}

/* #Single
================================================== */
.single{
  float: right;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
}
.single .draft{
  top: 20px;
  right: -65px;
}
.single .line-tab-content-box-start{
  position: relative;
  bottom: 7rem;
  float: right;
  display: block;
  width: 100%;
}
.single table{
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  border-collapse: separate;
  --tw-border-spacing-x: 0.25rem;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.single table thead{
  display: table-header-group;
  border-collapse: separate;
  vertical-align: middle;
}
.single table td, .single table th{
  border-radius: .375rem;
  background-color: rgb(241 245 249 / 0.7);
  padding: 1.25rem;
  vertical-align: top;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.single .toolbar-editor{
  display: none;
}
.single .description{
  float: right;
  width: 100%;
  padding: 1.25rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-align: right;
}
@media (max-width: 768px){
  .single .description{
    padding: 0.5rem;
  }
}
.single .description h1, .single .description h2, .single .description h3, .single .description h4, .single .description h5, .single .description h6, .single .description strong{
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  border-style: none;
  padding: 0;
  font-family: sbold, tahoma;
  font-weight: 700;
}
.single .description h1{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.single .description h2{
  font-size: 1.5rem;
  line-height: 2rem;
}
.single .description h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.single .description h4{
  font-size: 1rem;
  line-height: 1.5rem;
}
.single .description h5{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.single .description h6{
  font-size: 0.75rem;
  line-height: 1rem;
}
.single .description strong{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.single .description p{
  font-size: 1.25rem;
  line-height: 3.0rem;
}
.single .description .detials{
  margin-top: 0;
}
.single .description ul, .single .description ol, .single .description li {
  list-style: revert;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.single .description a {
  font-size: inherit;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.single .description a:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.single .description a span {
  font-size: inherit;
}
.single .description ul li{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  list-style-type: disc;
  font-size: 1.25rem;
  line-height: 3.0rem;
}

/* #Error
================================================== */
.error-content{
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  width: 60%;
  text-align: center;
}
@media (max-width: 1024px){
  .error-content{
    width: 100%;
  }
}
@media (max-width: 768px){
  .error-content{
    width: 100%;
  }
}
@media (max-width: 480px){
  .error-content{
    width: 100%;
  }
}
.error-content .txt-title{
  padding: 1.5rem;
  font-family: sbold, tahoma;
  font-size: 8rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}
.error-content .e-green .txt-title{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.error-content .e-red .txt-title{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.error-content p{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.error-content a{
  margin-top: 1.25rem;
  margin-bottom: 2rem;
  display: inline-block;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.error-content a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.error-content hr{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.admin-logined .error-content{
  float: right;
  margin: 0;
  display: block;
  width: 100%;
}

.cont-chat-box .cont-chat{
  float: right;
  width: 100%;
  padding: 0.25rem;
}
.cont-chat-box .cont-chat.green a{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.cont-chat-box .cont-chat.green a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}
.cont-chat-box .cont-chat.blue a{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.cont-chat-box .cont-chat.blue a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
.cont-chat-box .cont-chat.blue-2 a{
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}
.cont-chat-box .cont-chat.blue-2 a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 94 117 / var(--tw-bg-opacity));
}
.cont-chat-box .cont-chat a{
  float: right;
  display: flex;
  width: 25%;
  border-radius: .4rem;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (max-width: 1280px){
  .cont-chat-box .cont-chat a{
    width: 33.333333%;
  }
}
@media (max-width: 840px){
  .cont-chat-box .cont-chat a{
    width: 50%;
  }
}
@media (max-width: 768px){
  .cont-chat-box .cont-chat a{
    width: 100%;
  }
}
.cont-chat-box .cont-chat a .icn{
  margin: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cont-chat-box .cont-chat a .txt .title-er{
  margin-top: 0.25rem;
  font-weight: 700;
}
.info-map{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.info-map .txt-eer{
  margin-bottom: 0.5rem;
  font-family: sbold, tahoma;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.info-map .que-ans-cont{
  float: right;
  width: 100%;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.info-map .que-ans-cont .txt{
  float: right;
}
.info-map .que-ans-cont .txt.qwe{
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 2rem;
  font-family: sbold, tahoma;
  font-weight: 800;
}
.info-map .que-ans-cont .txt.ans{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.content-page .title-ht{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.content-page .desc .thumb{
  text-align: center;
}
.content-page .desc .thumb .logo{
  margin: auto;
  width: 11rem;
}
.content-page .desc .txt{
  text-align: justify;
  font-size: 1.25rem;
  line-height: 2rem;
}

.tpower{
  padding: 0.75rem;
}
.tpower ul.flag li{
  float: right;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.tpower ul.flag li:hover{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.all-category-wrap{
  float: right;
  width: 100%;
}
.all-category-wrap .sticky-top{
  position: relative;
  float: right;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: grid;
  height: 100%;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (max-width: 1280px){
  .all-category-wrap .sticky-top{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  .all-category-wrap .sticky-top{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px){
  .all-category-wrap .sticky-top{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.all-category-wrap .sticky-top .menu-nav a{
  position: relative;
  margin: -1px;
  display: flex;
  border-width: 1px;
  border-color: transparent;
  border-left-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.all-category-wrap .sticky-top .menu-nav a .arrow{
  position: absolute;
  left: 0;
  top: 1rem;
  display: none;
}
@media (max-width: 480px){
  .all-category-wrap .sticky-top .menu-nav a .arrow{
    display: block;
  }
}
.all-category-wrap .sticky-top .menu-nav a .icn{
  margin-left: 1rem;
}
.all-category-wrap .sticky-top .menu-nav a:hover{
  background-color: rgb(226 232 240 / 0.4);
}
.all-category-wrap .sticky-bottom .main{
  position: relative;
  float: right;
  margin-bottom: 0.75rem;
  display: block;
  height: 100%;
  width: 100%;
  justify-content: center;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (max-width: 1024px){
  .all-category-wrap .sticky-bottom .main{
    padding: 1.25rem;
  }
}
@media (max-width: 768px){
  .all-category-wrap .sticky-bottom .main{
    padding: 0.75rem;
  }
}
.all-category-wrap .sticky-bottom .main .link-title{
  font-family: sbold, tahoma;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.all-category-wrap .sticky-bottom .main .link-title:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.all-category-wrap .sticky-bottom .main .link-title .txt{
  margin-bottom: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity));
  padding-bottom: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.all-category-wrap .sticky-bottom .main .menu-content{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1280px){
  .all-category-wrap .sticky-bottom .main .menu-content{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1024px){
  .all-category-wrap .sticky-bottom .main .menu-content{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px){
  .all-category-wrap .sticky-bottom .main .menu-content{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 480px){
  .all-category-wrap .sticky-bottom .main .menu-content{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.all-category-wrap .sticky-bottom .main .menu-content .ul .link-title-extra{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.all-category-wrap .sticky-bottom .main .menu-content .ul .link-title-extra:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.all-category-wrap .sticky-bottom .main .menu-content .ul .li{
  float: right;
  margin-top: 0.5rem;
  width: 100%;
}
.all-category-wrap .sticky-bottom .main .menu-content .ul .li .link-title-ery{
  float: right;
  margin-bottom: 0.25rem;
  margin-right: 1.25rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
}

/* #Filter
================================================== */
.filter-white{
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter-black{
  --tw-blur: blur(0);
  --tw-brightness: brightness(10%);
  --tw-contrast: contrast(45%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(10%);
  --tw-saturate: saturate(100%);
  --tw-sepia: sepia(10%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter-blue {
  filter: invert(36%) sepia(19%) saturate(2912%) hue-rotate(168deg) brightness(101%) contrast(99%);
}

.filter-sky {
  filter: invert(30%) sepia(80%) saturate(1000%) hue-rotate(175deg);
}

.filter-red {
  filter: invert(37%) sepia(30%) saturate(1469%) hue-rotate(318deg) brightness(111%) contrast(103%);
}

.filter-green {
  filter: invert(46%) sepia(63%) saturate(5242%) hue-rotate(124deg) brightness(99%) contrast(83%);
}

.filter-orange {
  filter: invert(51%) sepia(80%) saturate(3400%) hue-rotate(12deg) brightness(99%) contrast(95%);
}

.dark-theme{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}
.dark-theme header{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.dark-theme header nav{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.dark-theme header nav .logo a{
  --tw-blur: blur(0);
  --tw-brightness: brightness(0);
  --tw-contrast: contrast(100%);
  --tw-grayscale: grayscale(0);
  --tw-hue-rotate: hue-rotate(0deg);
  --tw-invert: invert(1);
  --tw-saturate: saturate(0%);
  --tw-sepia: sepia(0%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.focus\:z-10:focus{
  z-index: 10;
}
.focus\:border-blue-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.active\:bg-gray-100:active{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.active\:text-gray-500:active{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.active\:text-gray-700:active{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}