@charset "UTF-8";
.fa {
  font-weight: var(--fa-style, 900);
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
}

.fa, .fas, .fa-solid, .far, .fa-regular, .fal, .fa-light, .fat, .fa-thin, .fad, .fa-duotone, .fab, .fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

::root, ::host {
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
  font-family: "Font Awesome 6 Brands";
  font-display: block;
}
.fab,
.fa-brands {
  font-weight: 400;
  font-family: "Font Awesome 6 Brands";
}

::root, ::host {
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.ttf") format("truetype");
  font-family: "Font Awesome 6 Pro";
  font-display: block;
}
.fal,
.fa-light {
  font-weight: 300;
  font-family: "Font Awesome 6 Pro";
}

::root, ::host {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
  font-family: "Font Awesome 6 Pro";
  font-display: block;
}
.far,
.fa-regular {
  font-weight: 400;
  font-family: "Font Awesome 6 Pro";
}

::root, ::host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
  font-family: "Font Awesome 6 Pro";
  font-display: block;
}
.fas,
.fa-solid {
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
}

::root, ::host {
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/fa-thin-100.woff2") format("woff2"), url("../fonts/fa-thin-100.ttf") format("truetype");
  font-family: "Font Awesome 6 Pro";
  font-display: block;
}
.fat,
.fa-thin {
  font-weight: 100;
  font-family: "Font Awesome 6 Pro";
}

@font-face {
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/SVN-GothamBold.ttf") format("truetype");
  font-family: "Gotham";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/SVN-GothamLight.ttf") format("truetype");
  font-family: "Gotham";
  font-display: swap;
}
form.invalid .wpcf7-response-output{
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
  border-color: rgb(147 25 32 / var(--tw-border-opacity)) !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  color: rgb(147 25 32 / var(--tw-text-opacity)) !important;
}

.wpcf7-response-output{
  --tw-border-opacity: 1 !important;
  --tw-bg-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
  margin-top: calc(8/1920*100rem) /* 8px */ !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  border-width: 1px !important;
  border-color: rgb(74 222 128 / var(--tw-border-opacity)) !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-top: calc(4/1920*100rem) /* 4px */ !important;
  padding-right: calc(16/1920*100rem) /* 16px */ !important;
  padding-bottom: calc(4/1920*100rem) /* 4px */ !important;
  padding-left: calc(16/1920*100rem) /* 16px */ !important;
  color: rgb(74 222 128 / var(--tw-text-opacity)) !important;
  font-size: clamp(14px,calc(14/1920*100rem),calc(14/1920*100rem)) !important;
  text-align: center !important;
}

.form-group{
  position: relative;
}
.form-group .wpcf7-not-valid-tip{
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  position: absolute;
  top: 50%;
  right: calc(12/1920*100rem) /* 12px */;
  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));
  color: rgb(147 25 32 / var(--tw-text-opacity));
  font-size: clamp(12px,calc(12/1920*100rem),calc(12/1920*100rem));
}

.frm-submit{
  position: relative;
}
.frm-submit .wpcf7-spinner{
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  left: 100%;
  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));
  margin-left: calc(8/1920*100rem) /* 8px */;
}

.edit-link i:before {
  content: "✏️";
}

@media (max-width: 575.89px) {
  .fancybox__content > .carousel__button.is-close {
    top: -34px !important;
    right: 0 !important;
  }
}

.wrap-button-slide {
  display: flex;
  align-items: center;
}
.wrap-button-slide .btn-prev, .wrap-button-slide .btn-next{
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.wrap-button-slide .btn-prev:before, .wrap-button-slide .btn-next:before{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-size: calc(20/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
.wrap-button-slide .btn-prev:before {
  content: "\f053";
}
.wrap-button-slide .btn-next:before {
  content: "\f054";
}
.wrap-button-slide .swiper-button-disabled{
  opacity: 0.6;
}
.wrap-button-slide.slide-default{
  gap: calc(20/1920*100rem) /* 20px */;
}
.wrap-button-slide.slide-default .btn-prev, .wrap-button-slide.slide-default .btn-next{
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: 9999px;
  background-color: transparent;
  width: calc(40/1920*100rem) /* 40px */;
  height: calc(40/1920*100rem) /* 40px */;
}
@media (min-width: 768px /* 768px */){
  .wrap-button-slide.slide-default .btn-prev, .wrap-button-slide.slide-default .btn-next{
    width: calc(60/1920*100rem) /* 60px */;
    height: calc(60/1920*100rem) /* 60px */;
  }
}
.wrap-button-slide.slide-default .btn-prev::before, .wrap-button-slide.slide-default .btn-next::before{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-default .btn-prev:hover, .wrap-button-slide.slide-default .btn-next:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
.wrap-button-slide.slide-default .btn-prev:hover::before, .wrap-button-slide.slide-default .btn-next:hover::before{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-style-1 .btn-prev, .wrap-button-slide.slide-style-1 .btn-next{
  --tw-translate-y: -50%;
  --tw-border-opacity: 1;
  position: absolute;
  top: 50%;
  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-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: 9999px;
  background-color: transparent;
  width: calc(60/1920*100rem) /* 60px */;
  height: calc(60/1920*100rem) /* 60px */;
}
.wrap-button-slide.slide-style-1 .btn-prev::before, .wrap-button-slide.slide-style-1 .btn-next::before{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-style-1 .btn-prev:hover, .wrap-button-slide.slide-style-1 .btn-next:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
.wrap-button-slide.slide-style-1 .btn-prev:hover::before, .wrap-button-slide.slide-style-1 .btn-next:hover::before{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-style-1 .btn-prev{
  left: calc(calc(92 / 1920 * 100rem) * -1);
}
.wrap-button-slide.slide-style-1 .btn-next{
  right: calc(calc(92 / 1920 * 100rem) * -1);
}
@media (max-width: 1279.98px) {
  .wrap-button-slide.slide-style-1{
    display: none;
  }
}
.wrap-button-slide.slide-style-2 .btn-prev, .wrap-button-slide.slide-style-2 .btn-next{
  --tw-translate-y: -50%;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  position: absolute;
  top: 50%;
  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));
  z-index: 10;
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: calc(60/1920*100rem) /* 60px */;
  height: calc(60/1920*100rem) /* 60px */;
}
.wrap-button-slide.slide-style-2 .btn-prev::before, .wrap-button-slide.slide-style-2 .btn-next::before{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-style-2 .btn-prev:hover, .wrap-button-slide.slide-style-2 .btn-next:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
.wrap-button-slide.slide-style-2 .btn-prev:hover::before, .wrap-button-slide.slide-style-2 .btn-next:hover::before{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-style-2 .btn-prev{
  left: calc(20/1920*100rem) /* 20px */;
}
.wrap-button-slide.slide-style-2 .btn-next{
  right: calc(20/1920*100rem) /* 20px */;
}
@media (max-width: 1279.98px) {
  .wrap-button-slide.slide-style-2{
    display: none;
  }
}
.wrap-button-slide.slide-style-3 .btn-prev, .wrap-button-slide.slide-style-3 .btn-next{
  --tw-translate-y: -50%;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  position: absolute;
  top: 50%;
  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));
  z-index: 10;
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: calc(48/1920*100rem) /* 48px */;
  height: calc(48/1920*100rem) /* 48px */;
}
.wrap-button-slide.slide-style-3 .btn-prev::before, .wrap-button-slide.slide-style-3 .btn-next::before{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-style-3 .btn-prev:hover, .wrap-button-slide.slide-style-3 .btn-next:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
.wrap-button-slide.slide-style-3 .btn-prev:hover::before, .wrap-button-slide.slide-style-3 .btn-next:hover::before{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.wrap-button-slide.slide-style-3 .btn-prev{
  left: 0px;
}
.wrap-button-slide.slide-style-3 .btn-next{
  right: 0px;
}

.wrap-navigation-slide.progressbar-style-1 .swiper-pagination{
  display: flex;
  flex-direction: column;
  gap: calc(10/1920*100rem) /* 10px */;
  text-align: center;
}

.loginpage .panel-body .wrap-navigation-slide.progressbar-style-1 .swiper-pagination.justify-between.mt-3 {
  display: none;
}

.loginpage .login-box .loginstandard .card-body .panel-body .wrap-navigation-slide.progressbar-style-1 .swiper-pagination.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}

.wrap-navigation-slide.progressbar-style-1 .swiper-pagination{
  bottom: calc(36 / 1920 * 100rem);
  left: 0px;
}
@media (min-width: 1280px /* 1280px */) {
  .wrap-navigation-slide.progressbar-style-1 .swiper-pagination{
    bottom: calc(88 / 1920 * 100rem);
  }
}
.wrap-navigation-slide.progressbar-style-1 .swiper-pagination-bullet {
  --tw-bg-opacity: 1;
  opacity: 0.5;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: calc(100/1920*100rem) /* 100px */;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: 0.15625rem;
  height: 0.78125rem;
}
.wrap-navigation-slide.progressbar-style-1 .swiper-pagination-bullet-active {
  opacity: 1;
  height: 1.5625rem;
}
@media (min-width: 768px /* 768px */) {
  .wrap-navigation-slide.progressbar-style-1 .swiper-pagination-bullet {
    height: 1.5625rem;
  }
  .wrap-navigation-slide.progressbar-style-1 .swiper-pagination-bullet-active {
    height: 3.125rem;
  }
}
.wrap-navigation-slide.progressbar-style-2 .swiper-pagination{
  bottom: 0px;
}
.wrap-navigation-slide.progressbar-style-2 .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
}

.swiper-button-lock{
  display: none !important;
}

.zoom-img {
  overflow: hidden;
}
.zoom-img:hover img {
  transform: scale(1.05) translateZ(0);
}
.zoom-img img {
  transition: 0.5s all ease-in-out !important;
}

.ajaxResponse > div {
  animation: 0.5s 0.25s fade-in-up ease-in-out both;
}

.ring-food {
  animation: 1.5s ring-food infinite ease-in-out alternate;
}

.ring-chili {
  animation: 1.5s ring-chili infinite ease-in-out alternate;
}

.ring-food-footer {
  animation: 1.5s ring-food-footer infinite ease-in-out alternate;
}

@keyframes ring-chili {
  0% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(-8deg);
  }
}
@keyframes ring-food-footer {
  0% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
@keyframes ring-food {
  0% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(330deg);
  }
}
@keyframes fade-in-down {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.AspNet-TreeView {
  line-height: 1.5;
}
.AspNet-TreeView > ul {
  columns: 3 auto;
  margin: 10px 0 0;
  padding-bottom: 25px;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root {
  break-inside: avoid-column;
  margin-bottom: 26px;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root > a {
  display: inline-block;
  padding-bottom: 7px;
  font-weight: 600;
  font-size: 20px;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root .AspNet-TreeView-Collapse {
  display: none;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root > ul > li {
  padding-bottom: 7px;
  color: #06c;
  font-size: 18px;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root > ul > li > a {
  display: inline-block;
  font-weight: 500;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root > ul > li.AspNet-TreeView-Parent > a {
  margin-bottom: 7px;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root > ul > li.AspNet-TreeView-Parent > ul {
  padding-left: 1.25em;
  list-style: disc;
}
.AspNet-TreeView > ul > .AspNet-TreeView-Root > ul > li.AspNet-TreeView-Parent > ul > li {
  margin-bottom: 7px;
  font-size: 16px;
}
@media screen and (max-width: 768.98px) {
  .AspNet-TreeView > ul {
    column-count: 1;
  }
}

.sitemap {
  padding: 2.5rem 0;
}
.sitemap a:hover {
  text-decoration: underline;
}

.sitemap-heading {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ccc;
  height: 3.25rem;
}
.sitemap-heading h1 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.5;
}
/*
! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  font-feature-settings: normal; /* 5 */
  line-height: 1.5; /* 1 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-variation-settings: normal; /* 6 */
  tab-size: 4; /* 3 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  border-top-width: 1px; /* 3 */
  height: 0; /* 1 */
  color: inherit; /* 2 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-size: 1em; /* 2 */
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
  text-indent: 0; /* 1 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 2 */
  padding: 0; /* 3 */
  color: inherit; /* 1 */
  font-weight: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  font-family: inherit; /* 1 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-image: none; /* 2 */
  background-color: transparent; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
html, body {
    scroll-behavior: smooth;
    font-size: 15px;
  }
@media (min-width: 768px /* 768px */) {
    html, body {
      font-size: 15px;
    }
  }
@media (min-width: 1280px /* 1280px */) {
    html, body {
      font-size: 1vw;
    }
  }
.table-responsive{
  overflow: auto;
}
@media (max-width: 767.98px) {
    .table-responsive table {
      width: 900px !important;
    }
  }
.img-full img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-ratio {
    display: block;
    position: relative;
    padding-top: 100%;
    height: 0;
    overflow: hidden;
  }
.img-ratio img, .img-ratio iframe{
  position: absolute;
  top: 0px;
  left: 0px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-ratio-center {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    height: 0;
    overflow: hidden;
  }
.img-ratio-center img, .img-ratio-center iframe{
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  left: 50%;
  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));
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
.div-ratio {
    display: block;
    position: relative;
    padding-top: 100%;
    height: 0;
    overflow: hidden;
  }
.div-ratio > div{
  position: absolute;
  top: 0px;
  left: 0px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100%;
}
body{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-family: League Spartan, sans-serif;
}
@media (min-width: 1280px /* 1280px */){
  body{
    font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
  }
}
body::-webkit-scrollbar {
    width: 0px;
  }
.row{
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(calc(16 / 1920 * 100rem) * -1);
  margin-left: calc(calc(16 / 1920 * 100rem) * -1);
}
.loginpage .panel-body .row.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .row.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.col{
  padding-right: calc(16 / 1920 * 100rem);
  padding-left: calc(16 / 1920 * 100rem);
  width: 100%;
}
h1{
  font-weight: 700;
  font-size: calc(30/1920*100rem);
}
h2{
  font-weight: 700;
  font-size: calc(24/1920*100rem);
}
h3{
  font-weight: 700;
  font-size: calc(20/1920*100rem);
}
h4{
  font-weight: 700;
  font-size: calc(18/1920*100rem);
}
img{
  display: inline;
  max-width: 100%;
}
video, iframe{
  max-width: 100%;
}
a{
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: linear;
}
p:empty{
  display: none;
}
input{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  outline-offset: 0px !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.section-40{
  padding-top: calc(24/1920*100rem) /* 24px */;
  padding-bottom: calc(24/1920*100rem) /* 24px */;
}
@media (min-width: 1024px /* 1024px */){
  .section-40{
    padding-top: calc(40/1920*100rem) /* 40px */;
    padding-bottom: calc(40/1920*100rem) /* 40px */;
  }
}
.margin-p p + p{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
.overflow-scroll-1::-webkit-scrollbar{
  width: calc(6 / 1920 * 100rem);
}
.overflow-scroll-1::-webkit-scrollbar-track {
    background-color: rgba(229, 229, 229, 0.2);
  }
.overflow-scroll-1::-webkit-scrollbar-thumb {
    background-color: #f1f1f1;
  }
.overlay-black::before {
    --tw-bg-opacity: 0.4;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    white-space: nowrap;
  }
main{
  padding-top: calc(100/1920*100rem) /* 100px */;
  font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
}
@media (max-width: 767.98px) {
    main main{
    padding-top: calc(80/1920*100rem) /* 80px */;
  }
  }
.homepage main{
  padding-top: 0px;
}
@media (max-width: 767.98px) {
    .homepage main{
    padding-top: calc(80/1920*100rem) /* 80px */;
  }
  }
*, ::before, ::after{
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(8 81 143 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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:  ;
}
::backdrop{
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(8 81 143 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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:  ;
}
.container{
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
@media (min-width: 400px){
  .container{
    max-width: 400px;
  }
}
@media (min-width: 576px){
  .container{
    max-width: 576px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: calc(1372/1920*100rem)){
  .container{
    padding-right: calc(30/1920*100rem);
    padding-left: calc(30/1920*100rem);
    max-width: calc(1372/1920*100rem);
  }
}
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.inset-0{
  inset: 0px;
}
.-bottom-1{
  bottom: calc(calc(4/1920*100rem) /* 4px */ * -1);
}
.-bottom-5{
  bottom: calc(calc(20/1920*100rem) /* 20px */ * -1);
}
.-bottom-\[calc\(63\/1920\*100rem\)\]{
  bottom: calc(calc(63 / 1920 * 100rem) * -1);
}
.-left-\[calc\(92\/1920\*100rem\)\]{
  left: calc(calc(92 / 1920 * 100rem) * -1);
}
.-right-\[calc\(92\/1920\*100rem\)\]{
  right: calc(calc(92 / 1920 * 100rem) * -1);
}
.-top-10{
  top: calc(calc(40/1920*100rem) /* 40px */ * -1);
}
.-top-5{
  top: calc(calc(20/1920*100rem) /* 20px */ * -1);
}
.-top-6{
  top: calc(calc(24/1920*100rem) /* 24px */ * -1);
}
.bottom-0{
  bottom: 0px;
}
.bottom-12{
  bottom: calc(48/1920*100rem) /* 48px */;
}
.bottom-2{
  bottom: calc(8/1920*100rem) /* 8px */;
}
.bottom-2\.5{
  bottom: calc(10/1920*100rem) /* 10px */;
}
.bottom-\[20\%\]{
  bottom: 20%;
}
.bottom-\[calc\(36\/1920\*100rem\)\]{
  bottom: calc(36 / 1920 * 100rem);
}
.bottom-\[calc\(88\/1920\*100rem\)\]{
  bottom: calc(88 / 1920 * 100rem);
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-5{
  left: calc(20/1920*100rem) /* 20px */;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-5{
  right: calc(20/1920*100rem) /* 20px */;
}
.right-7{
  right: calc(28/1920*100rem) /* 28px */;
}
.right-7\.5{
  right: calc(30/1920*100rem) /* 30px */;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-20{
  top: calc(80/1920*100rem) /* 80px */;
}
.top-5{
  top: calc(20/1920*100rem) /* 20px */;
}
.top-6{
  top: calc(24/1920*100rem) /* 24px */;
}
.top-\[130\%\]{
  top: 130%;
}
.top-\[21\%\]{
  top: 21%;
}
.top-full{
  top: 100%;
}
.z-1{
  z-index: 1;
}
.z-10{
  z-index: 10;
}
.z-100{
  z-index: 100;
}
.z-1000{
  z-index: 1000;
}
.z-20{
  z-index: 20;
}
.z-50{
  z-index: 50;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.-m-8{
  margin: calc(calc(32/1920*100rem) /* 32px */ * -1);
}
.m-0{
  margin: 0px;
}
.-mx-2{
  margin-right: calc(calc(8/1920*100rem) /* 8px */ * -1);
  margin-left: calc(calc(8/1920*100rem) /* 8px */ * -1);
}
.-mx-2\.5{
  margin-right: calc(calc(10/1920*100rem) /* 10px */ * -1);
  margin-left: calc(calc(10/1920*100rem) /* 10px */ * -1);
}
.-mx-\[calc\(16\/1920\*100rem\)\]{
  margin-right: calc(calc(16 / 1920 * 100rem) * -1);
  margin-left: calc(calc(16 / 1920 * 100rem) * -1);
}
.mx-2{
  margin-right: calc(8/1920*100rem) /* 8px */;
  margin-left: calc(8/1920*100rem) /* 8px */;
}
.mx-3{
  margin-right: calc(12/1920*100rem) /* 12px */;
  margin-left: calc(12/1920*100rem) /* 12px */;
}
.mx-auto{
  margin-right: auto;
  margin-left: auto;
}
.my-15{
  margin-top: calc(60/1920*100rem) /* 60px */;
  margin-bottom: calc(60/1920*100rem) /* 60px */;
}
.my-3{
  margin-top: calc(12/1920*100rem) /* 12px */;
  margin-bottom: calc(12/1920*100rem) /* 12px */;
}
.my-5{
  margin-top: calc(20/1920*100rem) /* 20px */;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
}
.my-6{
  margin-top: calc(24/1920*100rem) /* 24px */;
  margin-bottom: calc(24/1920*100rem) /* 24px */;
}
.my-8{
  margin-top: calc(32/1920*100rem) /* 32px */;
  margin-bottom: calc(32/1920*100rem) /* 32px */;
}
.mb-1{
  margin-bottom: calc(4/1920*100rem) /* 4px */;
}
.mb-10{
  margin-bottom: calc(40/1920*100rem) /* 40px */;
}
.mb-2{
  margin-bottom: calc(8/1920*100rem) /* 8px */;
}
.mb-3{
  margin-bottom: calc(12/1920*100rem) /* 12px */;
}
.mb-4{
  margin-bottom: calc(16/1920*100rem) /* 16px */;
}
.mb-4\.5{
  margin-bottom: calc(18/1920*100rem) /* 18px */;
}
.mb-5{
  margin-bottom: calc(20/1920*100rem) /* 20px */;
}
.mb-6{
  margin-bottom: calc(24/1920*100rem) /* 24px */;
}
.mb-8{
  margin-bottom: calc(32/1920*100rem) /* 32px */;
}
.mb-\[calc\(44\/1920\*100rem\)\]{
  margin-bottom: calc(44 / 1920 * 100rem);
}
.mb-auto{
  margin-bottom: auto;
}
.ml-0{
  margin-left: 0px;
}
.ml-2{
  margin-left: calc(8/1920*100rem) /* 8px */;
}
.ml-\[calc\(13\.5\/1920\*100rem\)\]{
  margin-left: calc(13.5 / 1920 * 100rem);
}
.mr-2{
  margin-right: calc(8/1920*100rem) /* 8px */;
}
.mt-0{
  margin-top: 0px;
}
.mt-1{
  margin-top: calc(4/1920*100rem) /* 4px */;
}
.mt-1\.5{
  margin-top: calc(6/1920*100rem) /* 6px */;
}
.mt-10{
  margin-top: calc(40/1920*100rem) /* 40px */;
}
.mt-2{
  margin-top: calc(8/1920*100rem) /* 8px */;
}
.mt-2\.25{
  margin-top: calc(9/1920*100rem) /* 9px */;
}
.mt-20{
  margin-top: calc(80/1920*100rem) /* 80px */;
}
.mt-3{
  margin-top: calc(12/1920*100rem) /* 12px */;
}
.mt-3\.75{
  margin-top: calc(15/1920*100rem) /* 15px */;
}
.mt-4{
  margin-top: calc(16/1920*100rem) /* 16px */;
}
.mt-5{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
.mt-6{
  margin-top: calc(24/1920*100rem) /* 24px */;
}
.mt-7{
  margin-top: calc(28/1920*100rem) /* 28px */;
}
.mt-7\.5{
  margin-top: calc(30/1920*100rem) /* 30px */;
}
.mt-8{
  margin-top: calc(32/1920*100rem) /* 32px */;
}
.mt-\[calc\(23\/1920\*100rem\)\]{
  margin-top: calc(23 / 1920 * 100rem);
}
.mt-auto{
  margin-top: auto;
}
.box-content{
  box-sizing: content-box;
}
.line-clamp-2{
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.line-clamp-3{
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-1{
  height: calc(4/1920*100rem) /* 4px */;
}
.h-10{
  height: calc(40/1920*100rem) /* 40px */;
}
.h-11{
  height: calc(44/1920*100rem) /* 44px */;
}
.h-12{
  height: calc(48/1920*100rem) /* 48px */;
}
.h-15{
  height: calc(60/1920*100rem) /* 60px */;
}
.h-16{
  height: calc(64/1920*100rem) /* 64px */;
}
.h-2{
  height: calc(8/1920*100rem) /* 8px */;
}
.h-20{
  height: calc(80/1920*100rem) /* 80px */;
}
.h-25{
  height: calc(100/1920*100rem) /* 100px */;
}
.h-40{
  height: calc(160/1920*100rem) /* 160px */;
}
.h-5{
  height: calc(20/1920*100rem) /* 20px */;
}
.h-8{
  height: calc(32/1920*100rem) /* 32px */;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[45px\]{
  height: 45px;
}
.h-\[5px\]{
  height: 5px;
}
.h-\[calc\(1\/1920\*100rem\)\]{
  height: calc(1 / 1920 * 100rem);
}
.h-\[calc\(112\/1920\*100rem\)\]{
  height: calc(112 / 1920 * 100rem);
}
.h-\[calc\(1483\/1920\*100rem\)\]{
  height: calc(1483 / 1920 * 100rem);
}
.h-\[calc\(170\/1920\*100rem\)\]{
  height: calc(170 / 1920 * 100rem);
}
.h-\[calc\(179\/1920\*100rem\)\]{
  height: calc(179 / 1920 * 100rem);
}
.h-\[calc\(2\/1920\*100rem\)\]{
  height: calc(2 / 1920 * 100rem);
}
.h-\[calc\(230\/1920\*100rem\)\]{
  height: calc(230 / 1920 * 100rem);
}
.h-\[calc\(244\/1920\*100rem\)\]{
  height: calc(244 / 1920 * 100rem);
}
.h-\[calc\(260\/1920\*100rem\)\]{
  height: calc(260 / 1920 * 100rem);
}
.h-\[calc\(290\/1920\*100rem\)\]{
  height: calc(290 / 1920 * 100rem);
}
.h-\[calc\(367\/1920\*100rem\)\]{
  height: calc(367 / 1920 * 100rem);
}
.h-\[calc\(420\/1920\*100rem\)\]{
  height: calc(420 / 1920 * 100rem);
}
.h-\[calc\(44\/1920\*100rem\)\]{
  height: calc(44 / 1920 * 100rem);
}
.h-\[calc\(48\/1920\*100rem\)\]{
  height: calc(48 / 1920 * 100rem);
}
.h-\[calc\(50\/1920\*100rem\)\]{
  height: calc(50 / 1920 * 100rem);
}
.h-\[calc\(520\/1920\*100rem\)\]{
  height: calc(520 / 1920 * 100rem);
}
.h-\[calc\(672\/1920\*100rem\)\]{
  height: calc(672 / 1920 * 100rem);
}
.h-\[calc\(72\/1920\*100rem\)\]{
  height: calc(72 / 1920 * 100rem);
}
.h-\[calc\(80\/1920\*100rem\)\]{
  height: calc(80 / 1920 * 100rem);
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.max-h-\[calc\(75\/1920\*100rem\)\]{
  max-height: calc(75 / 1920 * 100rem);
}
.max-h-full{
  max-height: 100%;
}
.min-h-\[100vh\]{
  min-height: 100vh;
}
.min-h-\[calc\(264\/1920\*100rem\)\]{
  min-height: calc(264 / 1920 * 100rem);
}
.w-1\/2{
  width: 50%;
}
.w-10{
  width: calc(40/1920*100rem) /* 40px */;
}
.w-11{
  width: calc(44/1920*100rem) /* 44px */;
}
.w-12{
  width: calc(48/1920*100rem) /* 48px */;
}
.w-15{
  width: calc(60/1920*100rem) /* 60px */;
}
.w-16{
  width: calc(64/1920*100rem) /* 64px */;
}
.w-2{
  width: calc(8/1920*100rem) /* 8px */;
}
.w-20{
  width: calc(80/1920*100rem) /* 80px */;
}
.w-8{
  width: calc(32/1920*100rem) /* 32px */;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[30\%\]{
  width: 30%;
}
.w-\[calc\(1\/1920\*100rem\)\]{
  width: calc(1 / 1920 * 100rem);
}
.w-\[calc\(100\%\/2-32px\)\]{
  width: calc(100% / 2 - 32px);
}
.w-\[calc\(100\%\/3-64px\)\]{
  width: calc(100% / 3 - 64px);
}
.w-\[calc\(140\/1920\*100rem\)\]{
  width: calc(140 / 1920 * 100rem);
}
.w-\[calc\(158\/1920\*100rem\)\]{
  width: calc(158 / 1920 * 100rem);
}
.w-\[calc\(2\/1920\*100rem\)\]{
  width: calc(2 / 1920 * 100rem);
}
.w-\[calc\(260\/1920\*100rem\)\]{
  width: calc(260 / 1920 * 100rem);
}
.w-\[calc\(50\/1920\*100rem\)\]{
  width: calc(50 / 1920 * 100rem);
}
.w-\[calc\(6\/1920\*100rem\)\]{
  width: calc(6 / 1920 * 100rem);
}
.w-\[calc\(72\/1920\*100rem\)\]{
  width: calc(72 / 1920 * 100rem);
}
.w-\[calc\(780\/1920\*100rem\)\]{
  width: calc(780 / 1920 * 100rem);
}
.w-\[calc\(80\/1920\*100rem\)\]{
  width: calc(80 / 1920 * 100rem);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: max-content;
}
.min-w-\[calc\(171\/1920\*100rem\)\]{
  min-width: calc(171 / 1920 * 100rem);
}
.min-w-\[calc\(195\/1920\*100rem\)\]{
  min-width: calc(195 / 1920 * 100rem);
}
.min-w-\[calc\(304\/1920\*100rem\)\]{
  min-width: calc(304 / 1920 * 100rem);
}
.min-w-fit{
  min-width: fit-content;
}
.max-w-\[calc\(1056\/1920\*100rem\)\]{
  max-width: calc(1056 / 1920 * 100rem);
}
.max-w-\[calc\(1112\/1920\*100rem\)\]{
  max-width: calc(1112 / 1920 * 100rem);
}
.max-w-\[calc\(220\/1920\*100rem\)\]{
  max-width: calc(220 / 1920 * 100rem);
}
.max-w-\[calc\(304\/1920\*100rem\)\]{
  max-width: calc(304 / 1920 * 100rem);
}
.max-w-\[calc\(376\/1920\*100rem\)\]{
  max-width: calc(376 / 1920 * 100rem);
}
.max-w-\[calc\(40\/1920\*100rem\)\]{
  max-width: calc(40 / 1920 * 100rem);
}
.max-w-\[calc\(608\/1920\*100rem\)\]{
  max-width: calc(608 / 1920 * 100rem);
}
.max-w-\[calc\(818\/1920\*100rem\)\]{
  max-width: calc(818 / 1920 * 100rem);
}
.max-w-\[calc\(960\/1920\*100rem\)\]{
  max-width: calc(960 / 1920 * 100rem);
}
.max-w-full{
  max-width: 100%;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.basis-\[calc\(220\/1920\*100rem\)\]{
  flex-basis: calc(220 / 1920 * 100rem);
}
.basis-\[calc\(40\/1920\*100rem\)\]{
  flex-basis: calc(40 / 1920 * 100rem);
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  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));
}
.-translate-x-\[15\%\]{
  --tw-translate-x: -15%;
  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));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  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));
}
.-translate-y-0{
  --tw-translate-y: -0px;
  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));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  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));
}
.-translate-y-5{
  --tw-translate-y: calc(calc(20/1920*100rem) /* 20px */ * -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));
}
.translate-x-0{
  --tw-translate-x: 0px;
  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));
}
.translate-x-\[15\%\]{
  --tw-translate-x: 15%;
  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));
}
.translate-y-5{
  --tw-translate-y: calc(20/1920*100rem) /* 20px */;
  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));
}
.translate-y-\[calc\(128\/1920\*100rem\)\]{
  --tw-translate-y: calc(128 / 1920 * 100rem);
  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));
}
.-rotate-90{
  --tw-rotate: -90deg;
  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));
}
.rotate-90{
  --tw-rotate: 90deg;
  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));
}
.scale-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));
}
.scale-115{
  --tw-scale-x: 1.15;
  --tw-scale-y: 1.15;
  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));
}
.scale-\[60\%\]{
  --tw-scale-x: 60%;
  --tw-scale-y: 60%;
  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));
}
.scale-\[77\%\]{
  --tw-scale-x: 77%;
  --tw-scale-y: 77%;
  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));
}
.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-pointer{
  cursor: pointer;
}
.resize-none{
  resize: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-1{
  gap: calc(4/1920*100rem) /* 4px */;
}
.gap-14{
  gap: calc(56/1920*100rem) /* 56px */;
}
.gap-2{
  gap: calc(8/1920*100rem) /* 8px */;
}
.gap-2\.5{
  gap: calc(10/1920*100rem) /* 10px */;
}
.gap-20{
  gap: calc(80/1920*100rem) /* 80px */;
}
.gap-3{
  gap: calc(12/1920*100rem) /* 12px */;
}
.gap-4{
  gap: calc(16/1920*100rem) /* 16px */;
}
.gap-5{
  gap: calc(20/1920*100rem) /* 20px */;
}
.gap-6{
  gap: calc(24/1920*100rem) /* 24px */;
}
.gap-7{
  gap: calc(28/1920*100rem) /* 28px */;
}
.gap-7\.5{
  gap: calc(30/1920*100rem) /* 30px */;
}
.gap-8{
  gap: calc(32/1920*100rem) /* 32px */;
}
.gap-8\.5{
  gap: calc(34/1920*100rem) /* 34px */;
}
.gap-y-0{
  row-gap: 0px;
}
.gap-y-5{
  row-gap: calc(20/1920*100rem) /* 20px */;
}
.gap-y-8{
  row-gap: calc(32/1920*100rem) /* 32px */;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.rounded-1{
  border-radius: calc(4/1920*100rem) /* 4px */;
}
.rounded-25{
  border-radius: calc(100/1920*100rem) /* 100px */;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[calc\(16\/1920\*100rem\)\]{
  border-radius: calc(16 / 1920 * 100rem);
}
.rounded-\[calc\(5\/1920\*100rem\)\]{
  border-radius: calc(5 / 1920 * 100rem);
}
.rounded-\[calc\(8\/1920\*100rem\)\]{
  border-radius: calc(8 / 1920 * 100rem);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-t-\[calc\(8\/1920\*100rem\)\]{
  border-top-right-radius: calc(8 / 1920 * 100rem);
  border-top-left-radius: calc(8 / 1920 * 100rem);
}
.border{
  border-width: 1px;
}
.border-\[calc\(4\/1920\*100rem\)\]{
  border-width: calc(4 / 1920 * 100rem);
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-0{
  border-bottom-width: 0px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: calc(2/1920*100rem);
}
.border-t{
  border-top-width: 1px;
}
.border-none{
  border-style: none;
}
.border-\[\#E1E1E1\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 225 225 / var(--tw-border-opacity));
}
.border-\[\#e1e1e1\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 225 225 / var(--tw-border-opacity));
}
.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(8 81 143 / var(--tw-border-opacity));
}
.border-blue-500\/60{
  border-color: rgb(8 81 143 / 0.6);
}
.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(208 77 85 / var(--tw-border-opacity));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
}
.border-stroke-CC{
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-l-blue-100{
  --tw-border-opacity: 1;
  border-left-color: rgb(206 220 233 / var(--tw-border-opacity));
}
.bg-\[\#F1F6FD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
}
.bg-\[\#F7FAFE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 254 / var(--tw-bg-opacity));
}
.bg-\[\#e4edfb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 237 251 / var(--tw-bg-opacity));
}
.bg-background-F5{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(206 220 233 / var(--tw-bg-opacity));
}
.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(156 185 210 / var(--tw-bg-opacity));
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(231 238 244 / var(--tw-bg-opacity));
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(6 61 107 / var(--tw-bg-opacity));
}
.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(4 41 72 / var(--tw-bg-opacity));
}
.bg-body-text-99{
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
.bg-secondary-2{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 245 / var(--tw-bg-opacity));
}
.bg-stroke-CC{
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.p-0{
  padding: 0px;
}
.p-10{
  padding: calc(40/1920*100rem) /* 40px */;
}
.p-15{
  padding: calc(60/1920*100rem) /* 60px */;
}
.p-3{
  padding: calc(12/1920*100rem) /* 12px */;
}
.p-4{
  padding: calc(16/1920*100rem) /* 16px */;
}
.p-6{
  padding: calc(24/1920*100rem) /* 24px */;
}
.p-7{
  padding: calc(28/1920*100rem) /* 28px */;
}
.p-7\.5{
  padding: calc(30/1920*100rem) /* 30px */;
}
.p-8{
  padding: calc(32/1920*100rem) /* 32px */;
}
.px-10{
  padding-right: calc(40/1920*100rem) /* 40px */;
  padding-left: calc(40/1920*100rem) /* 40px */;
}
.px-14{
  padding-right: calc(56/1920*100rem) /* 56px */;
  padding-left: calc(56/1920*100rem) /* 56px */;
}
.px-15{
  padding-right: calc(60/1920*100rem) /* 60px */;
  padding-left: calc(60/1920*100rem) /* 60px */;
}
.px-2{
  padding-right: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(8/1920*100rem) /* 8px */;
}
.px-2\.5{
  padding-right: calc(10/1920*100rem) /* 10px */;
  padding-left: calc(10/1920*100rem) /* 10px */;
}
.px-20{
  padding-right: calc(80/1920*100rem) /* 80px */;
  padding-left: calc(80/1920*100rem) /* 80px */;
}
.px-3{
  padding-right: calc(12/1920*100rem) /* 12px */;
  padding-left: calc(12/1920*100rem) /* 12px */;
}
.px-3\.75{
  padding-right: calc(15/1920*100rem) /* 15px */;
  padding-left: calc(15/1920*100rem) /* 15px */;
}
.px-30{
  padding-right: calc(120/1920*100rem) /* 120px */;
  padding-left: calc(120/1920*100rem) /* 120px */;
}
.px-4{
  padding-right: calc(16/1920*100rem) /* 16px */;
  padding-left: calc(16/1920*100rem) /* 16px */;
}
.px-5{
  padding-right: calc(20/1920*100rem) /* 20px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
}
.px-6{
  padding-right: calc(24/1920*100rem) /* 24px */;
  padding-left: calc(24/1920*100rem) /* 24px */;
}
.px-7{
  padding-right: calc(28/1920*100rem) /* 28px */;
  padding-left: calc(28/1920*100rem) /* 28px */;
}
.px-7\.5{
  padding-right: calc(30/1920*100rem) /* 30px */;
  padding-left: calc(30/1920*100rem) /* 30px */;
}
.px-8{
  padding-right: calc(32/1920*100rem) /* 32px */;
  padding-left: calc(32/1920*100rem) /* 32px */;
}
.px-\[calc\(16\/1920\*100rem\)\]{
  padding-right: calc(16 / 1920 * 100rem);
  padding-left: calc(16 / 1920 * 100rem);
}
.py-1{
  padding-top: calc(4/1920*100rem) /* 4px */;
  padding-bottom: calc(4/1920*100rem) /* 4px */;
}
.py-1\.5{
  padding-top: calc(6/1920*100rem) /* 6px */;
  padding-bottom: calc(6/1920*100rem) /* 6px */;
}
.py-10{
  padding-top: calc(40/1920*100rem) /* 40px */;
  padding-bottom: calc(40/1920*100rem) /* 40px */;
}
.py-11{
  padding-top: calc(44/1920*100rem) /* 44px */;
  padding-bottom: calc(44/1920*100rem) /* 44px */;
}
.py-12{
  padding-top: calc(48/1920*100rem) /* 48px */;
  padding-bottom: calc(48/1920*100rem) /* 48px */;
}
.py-14{
  padding-top: calc(56/1920*100rem) /* 56px */;
  padding-bottom: calc(56/1920*100rem) /* 56px */;
}
.py-15{
  padding-top: calc(60/1920*100rem) /* 60px */;
  padding-bottom: calc(60/1920*100rem) /* 60px */;
}
.py-2{
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
}
.py-2\.5{
  padding-top: calc(10/1920*100rem) /* 10px */;
  padding-bottom: calc(10/1920*100rem) /* 10px */;
}
.py-20{
  padding-top: calc(80/1920*100rem) /* 80px */;
  padding-bottom: calc(80/1920*100rem) /* 80px */;
}
.py-25{
  padding-top: calc(100/1920*100rem) /* 100px */;
  padding-bottom: calc(100/1920*100rem) /* 100px */;
}
.py-3{
  padding-top: calc(12/1920*100rem) /* 12px */;
  padding-bottom: calc(12/1920*100rem) /* 12px */;
}
.py-3\.5{
  padding-top: calc(14/1920*100rem) /* 14px */;
  padding-bottom: calc(14/1920*100rem) /* 14px */;
}
.py-4{
  padding-top: calc(16/1920*100rem) /* 16px */;
  padding-bottom: calc(16/1920*100rem) /* 16px */;
}
.py-5{
  padding-top: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(20/1920*100rem) /* 20px */;
}
.py-6{
  padding-top: calc(24/1920*100rem) /* 24px */;
  padding-bottom: calc(24/1920*100rem) /* 24px */;
}
.py-7{
  padding-top: calc(28/1920*100rem) /* 28px */;
  padding-bottom: calc(28/1920*100rem) /* 28px */;
}
.py-7\.5{
  padding-top: calc(30/1920*100rem) /* 30px */;
  padding-bottom: calc(30/1920*100rem) /* 30px */;
}
.py-8{
  padding-top: calc(32/1920*100rem) /* 32px */;
  padding-bottom: calc(32/1920*100rem) /* 32px */;
}
.py-\[calc\(120\/1920\*100rem\)\]{
  padding-top: calc(120 / 1920 * 100rem);
  padding-bottom: calc(120 / 1920 * 100rem);
}
.py-\[calc\(180\/1920\*100rem\)\]{
  padding-top: calc(180 / 1920 * 100rem);
  padding-bottom: calc(180 / 1920 * 100rem);
}
.py-\[calc\(22\/1920\*100rem\)\]{
  padding-top: calc(22 / 1920 * 100rem);
  padding-bottom: calc(22 / 1920 * 100rem);
}
.pb-0{
  padding-bottom: 0px;
}
.pb-10{
  padding-bottom: calc(40/1920*100rem) /* 40px */;
}
.pb-18{
  padding-bottom: calc(72/1920*100rem) /* 72px */;
}
.pb-5{
  padding-bottom: calc(20/1920*100rem) /* 20px */;
}
.pb-6{
  padding-bottom: calc(24/1920*100rem) /* 24px */;
}
.pb-8{
  padding-bottom: calc(32/1920*100rem) /* 32px */;
}
.pb-9{
  padding-bottom: calc(36/1920*100rem) /* 36px */;
}
.pb-\[calc\(200\/1920\*100rem\)\]{
  padding-bottom: calc(200 / 1920 * 100rem);
}
.pl-10{
  padding-left: calc(40/1920*100rem) /* 40px */;
}
.pl-15{
  padding-left: calc(60/1920*100rem) /* 60px */;
}
.pl-20{
  padding-left: calc(80/1920*100rem) /* 80px */;
}
.pl-4{
  padding-left: calc(16/1920*100rem) /* 16px */;
}
.pl-5{
  padding-left: calc(20/1920*100rem) /* 20px */;
}
.pl-5\.5{
  padding-left: calc(22/1920*100rem) /* 22px */;
}
.pl-8{
  padding-left: calc(32/1920*100rem) /* 32px */;
}
.pl-8\.75{
  padding-left: calc(35/1920*100rem) /* 35px */;
}
.pl-\[calc\(13\.5\/1920\*100rem\)\]{
  padding-left: calc(13.5 / 1920 * 100rem);
}
.pr-2{
  padding-right: calc(8/1920*100rem) /* 8px */;
}
.pr-4{
  padding-right: calc(16/1920*100rem) /* 16px */;
}
.pr-7{
  padding-right: calc(28/1920*100rem) /* 28px */;
}
.pt-0{
  padding-top: 0px;
}
.pt-12{
  padding-top: calc(48/1920*100rem) /* 48px */;
}
.pt-2{
  padding-top: calc(8/1920*100rem) /* 8px */;
}
.pt-20{
  padding-top: calc(80/1920*100rem) /* 80px */;
}
.pt-25{
  padding-top: calc(100/1920*100rem) /* 100px */;
}
.pt-3{
  padding-top: calc(12/1920*100rem) /* 12px */;
}
.pt-5{
  padding-top: calc(20/1920*100rem) /* 20px */;
}
.pt-7{
  padding-top: calc(28/1920*100rem) /* 28px */;
}
.pt-7\.5{
  padding-top: calc(30/1920*100rem) /* 30px */;
}
.pt-8{
  padding-top: calc(32/1920*100rem) /* 32px */;
}
.pt-\[70\%\]{
  padding-top: 70%;
}
.pt-\[80\%\]{
  padding-top: 80%;
}
.pt-\[calc\(114\/1920\*100rem\)\]{
  padding-top: calc(114 / 1920 * 100rem);
}
.pt-\[calc\(116\/1920\*100rem\)\]{
  padding-top: calc(116 / 1920 * 100rem);
}
.pt-\[calc\(162\/182\*100\%\)\]{
  padding-top: calc(162 / 182 * 100%);
}
.pt-\[calc\(234\/416\*100\%\)\]{
  padding-top: calc(234 / 416 * 100%);
}
.pt-\[calc\(240\/360\*100\%\)\]{
  padding-top: calc(240 / 360 * 100%);
}
.pt-\[calc\(250\/376\*100\%\)\]{
  padding-top: calc(250 / 376 * 100%);
}
.pt-\[calc\(276\/416\*100\%\)\]{
  padding-top: calc(276 / 416 * 100%);
}
.pt-\[calc\(278\/416\*100\%\)\]{
  padding-top: calc(278 / 416 * 100%);
}
.pt-\[calc\(352\/387\*100\%\)\]{
  padding-top: calc(352 / 387 * 100%);
}
.pt-\[calc\(360\/270\*100\%\)\]{
  padding-top: calc(360 / 270 * 100%);
}
.pt-\[calc\(360\/640\*100\%\)\]{
  padding-top: calc(360 / 640 * 100%);
}
.pt-\[calc\(367\/752\*100\%\)\]{
  padding-top: calc(367 / 752 * 100%);
}
.pt-\[calc\(370\/304\*100\%\)\]{
  padding-top: calc(370 / 304 * 100%);
}
.pt-\[calc\(392\/484\*100\%\)\]{
  padding-top: calc(392 / 484 * 100%);
}
.pt-\[calc\(414\/864\*100\%\)\]{
  padding-top: calc(414 / 864 * 100%);
}
.pt-\[calc\(430\/646\*100\%\)\]{
  padding-top: calc(430 / 646 * 100%);
}
.pt-\[calc\(440\/640\*100\%\)\]{
  padding-top: calc(440 / 640 * 100%);
}
.pt-\[calc\(450\/864\*100\%\)\]{
  padding-top: calc(450 / 864 * 100%);
}
.pt-\[calc\(456\/376\*100\%\)\]{
  padding-top: calc(456 / 376 * 100%);
}
.pt-\[calc\(500\/725\*100\%\)\]{
  padding-top: calc(500 / 725 * 100%);
}
.pt-\[calc\(610\/1312\*100\%\)\]{
  padding-top: calc(610 / 1312 * 100%);
}
.pt-\[calc\(68\/102\*100\%\)\]{
  padding-top: calc(68 / 102 * 100%);
}
.pt-\[calc\(716\/1920\*100\%\)\]{
  padding-top: calc(716 / 1920 * 100%);
}
.pt-\[calc\(720\/1312\*100\%\)\]{
  padding-top: calc(720 / 1312 * 100%);
}
.pt-\[calc\(772\/416\*100\%\)\]{
  padding-top: calc(772 / 416 * 100%);
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.font-awesome{
  font-family: "Font Awesome 6 Pro";
}
.font-primary{
  font-family: League Spartan, sans-serif;
}
.font-secondary{
  font-family: Italianno, cursive;
}
.text-0{
  font-size: 0;
  line-height: 0;
}
.text-28{
  font-size: calc(28/1920*100rem);
}
.text-2xl{
  font-size: calc(24/1920*100rem);
}
.text-32{
  font-size: calc(32/1920*100rem);
}
.text-3xl{
  font-size: calc(30/1920*100rem);
}
.text-4xl{
  font-size: calc(36/1920*100rem);
}
.text-5xl{
  font-size: calc(40/1920*100rem);
}
.text-6xl{
  font-size: calc(48/1920*100rem);
}
.text-\[calc\(12\/1920\*100rem\)\]{
  font-size: calc(12 / 1920 * 100rem);
}
.text-\[calc\(56\/1920\*100rem\)\]{
  font-size: calc(56 / 1920 * 100rem);
}
.text-base{
  font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
}
.text-lg{
  font-size: calc(18/1920*100rem);
}
.text-xl{
  font-size: calc(20/1920*100rem);
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.font-thin{
  font-weight: 100;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.leading-1\.166666{
  line-height: 1.166666;
}
.leading-1\.2{
  line-height: 1.2;
}
.leading-1\.25{
  line-height: 1.25;
}
.leading-1\.33333{
  line-height: 1.33333;
}
.leading-1\.4{
  line-height: 1.4;
}
.leading-1\.5{
  line-height: 1.5;
}
.leading-\[28\/20\]{
  line-height: 28/20;
}
.leading-\[calc\(28\/16\)\]{
  line-height: calc(28 / 16);
}
.leading-none{
  line-height: 1;
}
.text-\[\#008BFF\]{
  --tw-text-opacity: 1;
  color: rgb(0 139 255 / var(--tw-text-opacity));
}
.text-\[\#050505\]{
  --tw-text-opacity: 1;
  color: rgb(5 5 5 / var(--tw-text-opacity));
}
.text-\[\#08518F\]{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.text-\[\#151515\]{
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
}
.text-\[\#777777\]{
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(57 116 165 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.text-body-text-33{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-body-text-66{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-body-text-99{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.text-secondary-1{
  --tw-text-opacity: 1;
  color: rgb(34 23 20 / var(--tw-text-opacity));
}
.text-secondary-2{
  --tw-text-opacity: 1;
  color: rgb(250 250 245 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-45{
  opacity: 0.45;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-75{
  opacity: 0.75;
}
.shadow-none{
  --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);
}
.outline{
  outline-style: solid;
}
.outline-offset-0{
  outline-offset: 0px;
}
.ring-0{
  --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);
}
.blur{
  --tw-blur: blur(12.5px);
  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);
}
.grayscale{
  --tw-grayscale: grayscale(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-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all{
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.container-custom-1500 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1560px;
  }
@media (min-width: 1024px /* 1024px */) {
    .container-custom-1500 {
      padding-right: 30px;
      padding-left: 30px;
    }
  }
.container-custom-1172 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1232px;
  }
@media (min-width: 1440px /* 1440px */) {
    .container-custom-1172 {
      padding-right: 30px;
      padding-left: 30px;
    }
  }
.global-text-48{
  font-size: calc(32/1920*100rem);
  line-height: 1.166666;
}
.global-text-40{
  font-size: calc(28/1920*100rem);
  line-height: 1.2;
}
.global-text-36{
  font-size: calc(36/1920*100rem);
  line-height: 1.166666;
}
.global-text-32{
  font-size: calc(32/1920*100rem);
  line-height: 1.25;
}
.global-text-24{
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.global-text-20{
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
@media (min-width: 768px /* 768px */) {
    .global-text-48{
    font-size: calc(48/1920*100rem);
  }
    .global-text-40{
    font-size: calc(40/1920*100rem);
  }
  }
.loginpage .panel-body .flex.justify-between.mt-3 {
  display: none;
}
.loginpage header {
  display: none;
}
.loginpage footer {
  display: none;
}
.loginpage main {
  display: table-cell;
  vertical-align: middle;
  background-color: #F0F0F1;
  padding: 0 15px;
  padding-top: 0 !important;
  width: 100vw;
  height: 100vh;
}
.loginpage .header-tools-mobile {
  display: none !important;
}
.loginpage .login-box {
  margin: 0 auto;
  width: 100%;
  max-width: 690px;
}
.loginpage .login-box .login-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  font-size: 36px;
  font-size: 0;
}
.loginpage .login-box .login-logo::before {
  display: inline-block;
  margin-bottom: 15px;
  background-image: url("/Data/Sites/1/skins/default/img/logo-canh-cam.png");
  background-size: 267px auto;
  background-repeat: no-repeat;
  width: 267px;
  height: 49px;
  content: "";
}
.loginpage .login-box .loginstandard {
  box-shadow: 0, 4px, 10px rgba(0, 0, 0, 0.05);
  border: 0;
  border-radius: 10px;
  background-color: #fff;
  padding: 40px 60px 30px;
  overflow: hidden;
  font-weight: 400;
  font-family: Roboto, sans-serif !important;
}
@media (max-width: 767.98px) {
  .loginpage .login-box .loginstandard {
    padding: 15px 20px;
  }
}
.loginpage .login-box .loginstandard .card-body .row.items-center{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.items-center .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .login-box-msg {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .input-group {
  position: relative;
  margin-bottom: 1.25rem;
}
.loginpage .login-box .loginstandard .card-body .panel-body .input-group .input-group-append {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #d1d1d1;
}
.loginpage .login-box .loginstandard .card-body .panel-body .input-group input {
  transition: 0.3s all ease-in-out;
  outline: none;
  box-shadow: 0 0 0 1px #f5f5f5;
  border: 0;
  border: 1px solid transparent;
  border-radius: 25px;
  background: #f5f5f5;
  padding: 0 35px;
  width: 100%;
  height: 50px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body .input-group input:hover, .loginpage .login-box .loginstandard .card-body .panel-body .input-group input:focus {
  border: 1px solid #f73936;
}
.loginpage .login-box .loginstandard .card-body .panel-body .icheck-primary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body .btn-primary {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all ease-in-out;
  outline: none;
  border: 0;
  border-radius: 25px;
  background-color: #f73936;
  width: 100%;
  height: 50px;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body .cart-login {
  display: none;
}
.loginpage .login-box .loginstandard .card-body span.alert {
  display: block;
  margin-bottom: 10px;
  color: #f73936;
  text-align: center;
}

span.fa-exclamation-triangle{
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  position: absolute;
  top: 50%;
  right: calc(12/1920*100rem) /* 12px */;
  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));
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: clamp(12px,calc(12/1920*100rem),calc(12/1920*100rem));
  font-family: League Spartan, sans-serif;
}

@media (min-width: 768px /* 768px */){
  span.fa-exclamation-triangle{
    font-size: clamp(14px,calc(14/1920*100rem),calc(14/1920*100rem));
  }
}
span.fa-exclamation-triangle::before {
  display: none;
}

.btn.btn-default.frm-btn-reset{
  display: none;
}

.wrap-form-submit{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: calc(20/1920*100rem) /* 20px */;
}

.loginpage .panel-body .wrap-form-submit.justify-between.mt-3 {
  display: none;
}

.loginpage .panel-body .flex.wrap-form-submit.mt-3 {
  display: none;
}

.loginpage .login-box .loginstandard .card-body .row.wrap-form-submit{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.loginpage .login-box .loginstandard .card-body .row.wrap-form-submit .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.loginpage .login-box .loginstandard .card-body .panel-body .wrap-form-submit.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}

.loginpage .login-box .loginstandard .card-body .panel-body .flex.wrap-form-submit.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}

@media (min-width: 768px /* 768px */){
  .wrap-form-submit{
    gap: calc(16/1920*100rem) /* 16px */;
  }
}
.wrap-form-submit .frm-captcha, .wrap-form-submit .frm-btnwrap {
  opacity: 1;
}
.wrap-form-submit .frm-captcha{
  display: flex;
  flex: 1 1 0%;
  flex-direction: row-reverse;
  align-items: center;
}
.loginpage .panel-body .wrap-form-submit .frm-captcha.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.wrap-form-submit .frm-captcha{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.wrap-form-submit .frm-captcha .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .wrap-form-submit .frm-captcha.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.wrap-form-submit .frm-captcha .RadCaptcha {
  position: relative;
  width: fit-content !important;
}
.wrap-form-submit .frm-captcha .RadCaptcha > span{
  --tw-text-opacity: 1;
  position: absolute;
  top: 100%;
  left: 0px;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.wrap-form-submit .frm-captcha .RadCaptcha > div > div{
  display: flex;
  align-items: center;
}
.loginpage .panel-body .wrap-form-submit .frm-captcha .RadCaptcha > div > div.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.wrap-form-submit .frm-captcha .RadCaptcha > div > div{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.wrap-form-submit .frm-captcha .RadCaptcha > div > div .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .wrap-form-submit .frm-captcha .RadCaptcha > div > div.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.wrap-form-submit .frm-captcha .RadCaptcha img {
  --tw-border-opacity: 1 !important;
  border-width: 1px !important;
  border-color: rgb(238 238 238 / var(--tw-border-opacity)) !important;
  width: 8.28125rem !important;
  height: 2.6041666667rem !important;
}
.wrap-form-submit .frm-captcha .RadCaptcha a.rcRefreshImage{
  --tw-text-opacity: 1;
  width: 100%;
  height: 100%;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  font-size: 0;
  line-height: 0;
}
.wrap-form-submit .frm-captcha .RadCaptcha a.rcRefreshImage::before{
  --tw-content: "";
  display: inline-block;
  margin-right: calc(12/1920*100rem) /* 12px */;
  margin-left: calc(12/1920*100rem) /* 12px */;
  content: var(--tw-content);
  font-size: calc(24/1920*100rem);
  font-family: "Font Awesome 6 Pro";
}
.wrap-form-submit .frm-captcha .RadCaptcha a.rcRefreshImage{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.wrap-form-submit .frm-captcha .frm-captcha-input{
  flex: 1 1 0%;
}
.wrap-form-submit .frm-captcha .frm-captcha-input label{
  display: none;
}
@media (max-width: 767.98px) {
  .wrap-form-submit .frm-btnwrap{
    flex: 0 0 100%;
  }
}
.wrap-form-submit .frm-btnwrap label{
  display: none;
}

.RadUpload {
  width: auto !important;
}

.search-page {
  padding: 40px 0;
}
.search-page h1 {
  margin-bottom: 20px;
  color: #333333;
  font-weight: 500;
  font-size: 45px;
  line-height: 55px;
  letter-spacing: -2px;
}
@media (max-width: 1024px) {
  .search-page h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.search-page h1.center {
  text-align: center;
}
.search-page .btn-reindex {
  display: none;
}
.search-page .searchcontrols .form-group {
  position: static;
}
.search-page .searchcontrols .form-inline {
  position: relative;
}
.search-page .searchcontrols .form-inline:before {
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  top: 0px;
  right: 0px;
  justify-content: center;
  align-items: center;
  padding-right: calc(16/1920*100rem) /* 16px */;
  padding-left: calc(16/1920*100rem) /* 16px */;
  height: calc(50/1920*100rem) /* 50px */;
  content: "\f002";
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-family: "Font Awesome 6 Pro";
}
.search-page .searchcontrols .frm-btn {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
}
.search-page input[type=text] {
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
  border: 1px solid #dfe1e5;
  border-radius: 22px;
  background-color: #fff;
  padding-right: 54px;
  padding-left: 20px;
  width: 100%;
  height: 100%;
  height: calc(50/1920*100rem) /* 50px */;
  color: #333;
  font-weight: 400;
  font-size: 0.875rem;
}
.search-page input[type=submit]{
  display: flex;
  position: absolute;
  top: 0px;
  right: 0px;
  justify-content: center;
  align-items: center;
  padding-right: calc(16/1920*100rem) /* 16px */;
  padding-left: calc(16/1920*100rem) /* 16px */;
  height: 100%;
  height: calc(50/1920*100rem) /* 50px */;
  font-size: 0;
  line-height: 0;
}
.search-page .text-danger {
  margin-top: 20px;
  color: #333;
  font-style: italic;
  font-weight: 600;
  font-size: 15px;
}
.search-page .searchresultsummary {
  margin-bottom: 20px;
}
.search-page .searchresults {
  margin-top: 30px;
}
.search-page .searchresults .modulepager:first-child {
  display: none;
}
.search-page .searchresultlist {
  margin-bottom: 20px;
}
.search-page .searchresult {
  margin-bottom: 30px;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
  border-radius: 8px;
  padding: 16px;
}
.search-page .searchresult:last-child {
  margin-bottom: 0;
}
.search-page .searchresult h3 {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
}
.search-page .searchresult h3 a {
  color: #1A0DAB;
  font-weight: 500;
  text-decoration: none;
}
.search-page .searchresult h3 a:hover {
  text-decoration: underline;
}
.search-page .searchresult .searchresultdesc {
  word-wrap: break-word;
  margin-bottom: 10px;
  color: #545454;
  font-weight: 400;
  font-size: small;
  line-height: 1.54;
}
.search-page .searchresult .searchterm {
  word-wrap: break-word;
  color: #6a6a6a;
  font-style: normal;
  font-weight: bold;
  font-size: small;
  line-height: 1.54;
}
.search-page .searchresult hr {
  display: none !important;
}

.h-full-module [class*=Module] {
  height: 100%;
}

.notfound .notfound-404 h1 {
  -webkit-background-clip: text;
  display: inline-block;
  background-image: linear-gradient(to right, #ed1b24, #bc0049) !important;
  color: transparent;
}

.notfound a {
  background: linear-gradient(90deg, #ed1b24, #bc0049) !important;
}

.mobile-only{
  display: block;
}

@media (min-width: 1024px /* 1024px */){
  .mobile-only{
    display: none;
  }
}

.desktop-only{
  display: none;
}

@media (min-width: 1024px /* 1024px */){
  .desktop-only{
    display: block;
  }
}

.header-search-form {
  --tw-bg-opacity: 0.7;
  --tw-backdrop-blur: blur(12px);
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.loginpage .panel-body .header-search-form.justify-between.mt-3 {
  display: none;
}

.loginpage .login-box .loginstandard .card-body .row.header-search-form{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.loginpage .login-box .loginstandard .card-body .row.header-search-form .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.loginpage .login-box .loginstandard .card-body .panel-body .header-search-form.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.header-search-form .close{
  right: 0px;
}
.header-search-form.active{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.header-search-form .wrap-form-search-product {
  margin: 0 auto;
  width: 100%;
  max-width: 50rem;
}
.header-search-form .wrap-form-search-product .productsearchbox{
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
}
.loginpage .panel-body .header-search-form .wrap-form-search-product .productsearchbox.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .header-search-form .wrap-form-search-product .productsearchbox.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.header-search-form .wrap-form-search-product .productsearchbox [class*=Module] {
  width: 100% !important;
}
.header-search-form .wrap-form-search-product .productsearchbox .searchbox{
  display: flex;
  width: 100%;
}
.loginpage .panel-body .header-search-form .wrap-form-search-product .productsearchbox .searchbox.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .header-search-form .wrap-form-search-product .productsearchbox .searchbox.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.header-search-form .wrap-form-search-product .productsearchbox input{
  --tw-bg-opacity: 1 !important;
  flex: 1 1 0% !important;
  outline-width: 0px !important;
  border-width: 0px !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-right: calc(24/1920*100rem) /* 24px */ !important;
  padding-left: calc(24/1920*100rem) /* 24px */ !important;
  height: calc(50 / 1920 * 100rem) !important;
  font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem)) !important;
}
.header-search-form .wrap-form-search-product .productsearchbox button{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  outline-width: 0px;
  border-width: 0px;
  border-left-width: 1px;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: calc(36/1920*100rem) /* 36px */;
  font-size: 0px;
}
.loginpage .panel-body .header-search-form .wrap-form-search-product .productsearchbox button.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.header-search-form .wrap-form-search-product .productsearchbox button{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.header-search-form .wrap-form-search-product .productsearchbox button .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .header-search-form .wrap-form-search-product .productsearchbox button.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.header-search-form .wrap-form-search-product .productsearchbox button::before {
  content: "\f002";
  color: #222222;
  font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
  font-family: "Font Awesome 6 Pro";
}

.btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.loginpage .login-box .loginstandard .card-body .row.btn{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.loginpage .login-box .loginstandard .card-body .row.btn .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.btn.btn-1{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  gap: calc(12/1920*100rem) /* 12px */;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(206 220 233 / var(--tw-bg-opacity));
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(24/1920*100rem) /* 24px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(24/1920*100rem) /* 24px */;
  min-width: calc(195 / 1920 * 100rem);
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.btn.btn-1:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-2{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  gap: calc(12/1920*100rem) /* 12px */;
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(24/1920*100rem) /* 24px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(24/1920*100rem) /* 24px */;
  min-width: calc(171 / 1920 * 100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.btn.btn-3{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  gap: calc(12/1920*100rem) /* 12px */;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(30/1920*100rem) /* 30px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(30/1920*100rem) /* 30px */;
  min-width: calc(304 / 1920 * 100rem);
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.btn.btn-3:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(12/1920*100rem) /* 12px */;
  margin-top: calc(32/1920*100rem) /* 32px */;
}
.pagination li.active a, .pagination li.active span{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.pagination a, .pagination span{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: transparent;
  width: calc(44/1920*100rem) /* 44px */;
  height: calc(44/1920*100rem) /* 44px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.loginpage .login-box .loginstandard .card-body .row.pagination a,.loginpage .login-box .loginstandard .card-body .row .pagination span{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.pagination a .col-12,.loginpage .login-box .loginstandard .card-body .row .pagination span .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.pagination a, .pagination span{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.pagination a:hover, .pagination span:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pagination a.FirstPage, .pagination a.BackPage, .pagination a.NextPage, .pagination a.LastPage, .pagination span.FirstPage, .pagination span.BackPage, .pagination span.NextPage, .pagination span.LastPage{
  display: none;
}

.fancybox__content{
  padding: 0px;
}
.fancybox__content .is-close {
  --tw-bg-opacity: 1 !important;
  top: 0px !important;
  right: -2.2916666667rem !important;
  border-radius: 0px !important;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity)) !important;
  width: calc(44/1920*100rem) /* 44px */ !important;
  height: calc(44/1920*100rem) /* 44px */ !important;
}

.section-large{
  padding-top: calc(40/1920*100rem) /* 40px */;
  padding-bottom: calc(40/1920*100rem) /* 40px */;
}
@media (min-width: 768px /* 768px */) {
  .section-large{
    padding-top: calc(100/1920*100rem) /* 100px */;
    padding-bottom: calc(100/1920*100rem) /* 100px */;
  }
}

.section-medium{
  padding-top: calc(40/1920*100rem) /* 40px */;
  padding-bottom: calc(40/1920*100rem) /* 40px */;
}
@media (min-width: 768px /* 768px */) {
  .section-medium{
    padding-top: calc(80/1920*100rem) /* 80px */;
    padding-bottom: calc(80/1920*100rem) /* 80px */;
  }
}

.section-small{
  padding-top: calc(30/1920*100rem) /* 30px */;
  padding-bottom: calc(30/1920*100rem) /* 30px */;
}
@media (min-width: 768px /* 768px */) {
  .section-small{
    padding-top: calc(60/1920*100rem) /* 60px */;
    padding-bottom: calc(60/1920*100rem) /* 60px */;
  }
}

.title-global-1{
  --tw-text-opacity: 1;
  position: relative;
  margin-bottom: calc(44 / 1920 * 100rem);
  width: fit-content;
  color: rgb(34 23 20 / var(--tw-text-opacity));
  text-transform: uppercase;
}
.title-global-1::before {
  position: absolute;
  top: calc(100% + 9px);
  left: 0px;
  border-radius: calc(5 / 1920 * 100rem);
  width: 100%;
  height: calc(4/1920*100rem) /* 4px */;
  content: "";
}

.social-fixed li:nth-child(1) a{
  --tw-bg-opacity: 1;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  height: calc(48 / 1920 * 100rem);
}
.social-fixed li:nth-child(3) a, .social-fixed li:nth-child(2) a{
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
  padding: calc(12/1920*100rem) /* 12px */;
  height: calc(72 / 1920 * 100rem);
}
.social-fixed li:nth-child(3) img, .social-fixed li:nth-child(2) img{
  height: calc(48 / 1920 * 100rem);
  object-fit: contain;
}
.social-fixed a{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  width: calc(72 / 1920 * 100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.social-fixed a em{
  font-size: calc(24/1920*100rem);
}
.social-fixed a span{
  margin-top: calc(4/1920*100rem) /* 4px */;
  font-size: calc(12 / 1920 * 100rem);
  line-height: 1.5;
}

.social-fixed-wrapper .ActionMenuBody {
  right: 0px;
  left: unset !important;
}

@media (min-width: 1280px /* 1280px */){
  .about-page .home-5 .img-src{
    --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));
  }
}

@media (min-width: 1024px /* 1024px */){
  .contact-page .contact-left{
    padding-right: calc(80/1920*100rem) /* 80px */;
  }
}
.contact-page .contact-left h1 {
  --tw-text-opacity: 1;
  position: relative;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(24/1920*100rem) /* 24px */;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: 2.9166666667rem;
  line-height: 1.25;
  font-family: Italianno, cursive;
}
@media (max-width: 767.98px) {
  .home-2 .contact-page .contact-left h1 {
    font-size: 40px;
  }
}
.home-5 .contact-page .contact-left h1{
  margin-bottom: calc(8/1920*100rem) /* 8px */;
}
@media (max-width: 767.98px) {
  .home-5 .contact-page .contact-left h1 {
    font-size: 40px;
  }
}
.contact-page .contact-left h1 span{
  --tw-text-opacity: 1;
  display: block;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 100;
  font-size: calc(32/1920*100rem);
  line-height: 1.166666;
  font-family: League Spartan, sans-serif;
}
@media (min-width: 768px /* 768px */) {
    .contact-page .contact-left h1 span{
    font-size: calc(48/1920*100rem);
  }
  }
.contact-page .contact-left h1::after {
  --tw-bg-opacity: 1;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
  width: 100%;
  height: calc(1 / 1920 * 100rem);
  content: "";
}
.contact-page .contact-left .item{
  position: relative;
  padding-top: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(20/1920*100rem) /* 20px */;
}
.contact-page .contact-left .item::after {
  --tw-bg-opacity: 1;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
  width: 100%;
  height: calc(1 / 1920 * 100rem);
  content: "";
}
.contact-page .contact-left .item li{
  display: flex;
  gap: calc(20/1920*100rem) /* 20px */;
}
.loginpage .panel-body .contact-page .contact-left .item li.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .contact-page .contact-left .item li.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 768px /* 768px */){
  .contact-page .contact-left .item li{
    gap: calc(12/1920*100rem) /* 12px */;
  }
}
.contact-page .contact-left .item li + li{
  margin-top: calc(8/1920*100rem) /* 8px */;
}
.contact-page .contact-left .desc{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.contact-page .contact-left .desc > a{
  --tw-text-opacity: 1;
  color: rgb(0 139 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
.contact-page .contact-left .icon {
  flex: 0 0 4.2857142857%;
  width: 100%;
  max-width: 4.2857142857%;
  height: 1.25rem;
}
.contact-page .contact-left .icon em{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1;
}
.contact-page .contact-left .location-company{
  margin-bottom: calc(16/1920*100rem) /* 16px */;
  font-weight: 500;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.contact-page .contact-right{
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
  padding-top: calc(44/1920*100rem) /* 44px */;
  padding-right: calc(32/1920*100rem) /* 32px */;
  padding-bottom: calc(44/1920*100rem) /* 44px */;
  padding-left: calc(32/1920*100rem) /* 32px */;
}
@media (min-width: 1024px /* 1024px */){
  .contact-page .contact-right{
    margin-right: calc(calc(32/1920*100rem) /* 32px */ * -1);
  }
}
.contact-page .form-title{
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  text-align: center;
}
.contact-page .form-title span{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.contact-page .form-contact .form-group{
  margin-top: calc(12/1920*100rem) /* 12px */;
}
.loginpage .panel-body .flex.justify-between.contact-page .form-contact .form-group {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.justify-between.contact-page .form-contact .form-group {
  margin-top: 30px;
  font-size: 14px;
}
.contact-page .form-contact .frm-btnwrap{
  display: flex;
  justify-content: center;
}
.loginpage .panel-body .contact-page .form-contact .frm-btnwrap.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .contact-page .form-contact .frm-btnwrap.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.contact-page .form-contact input:not([type=submit]), .contact-page .form-contact textarea{
  border-radius: calc(4/1920*100rem) /* 4px */;
  width: 100%;
  resize: none;
}
.contact-page .form-contact input:not([type=submit])::placeholder, .contact-page .form-contact textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.contact-page .form-contact input:not([type=submit]){
  --tw-text-opacity: 1;
  padding-top: calc(12/1920*100rem) /* 12px */;
  padding-right: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(12/1920*100rem) /* 12px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.contact-page .form-contact input[type=submit]{
  position: absolute !important;
  cursor: pointer !important;
  inset: 0px !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.contact-page .form-contact textarea{
  padding-top: calc(12/1920*100rem) /* 12px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
  height: calc(112 / 1920 * 100rem);
}
.contact-page .form-contact .frm-btn{
  --tw-bg-opacity: 1;
  display: inline-flex;
  position: relative;
  align-items: center;
  gap: calc(12/1920*100rem) /* 12px */;
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  padding-right: calc(60/1920*100rem) /* 60px */;
  padding-left: calc(60/1920*100rem) /* 60px */;
  height: calc(44/1920*100rem) /* 44px */;
}
.loginpage .login-box .loginstandard .card-body .row.contact-page .form-contact .frm-btn{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.contact-page .form-contact .frm-btn .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.contact-page .form-contact .frm-btn::before {
  --tw-text-opacity: 1;
  content: "Send";
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(20/1920*100rem);
  line-height: 28/20;
}
.contact-page .form-contact .frm-btn::after {
  --tw-text-opacity: 1;
  content: "\f178";
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 300;
  font-size: calc(20/1920*100rem);
  line-height: 1;
  font-family: "Font Awesome 6 Pro";
}

.post-detail {
  font-family: League Spartan;
}
.post-detail .post-title {
  color: #08518F;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.1666666667;
}
.post-detail .full-content p{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.post-detail .full-content p:first-child{
  font-weight: 500;
}
.post-detail .full-content p + p{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
.post-detail .full-content p img{
  width: 100%;
  object-fit: cover;
}
.post-detail .full-content a{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.post-detail .full-content iframe{
  display: inline;
}
.post-detail .post-left{
  position: relative;
}
.post-detail .post-left .post-date{
  --tw-text-opacity: 1;
  display: flex;
  position: relative;
  gap: calc(8/1920*100rem) /* 8px */;
  margin-top: calc(24/1920*100rem) /* 24px */;
  margin-bottom: calc(24/1920*100rem) /* 24px */;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.loginpage .panel-body .post-detail .post-left .post-date.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .post-detail .post-left .post-date.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.post-detail .post-left .post-date em{
  line-height: 1.25;
}
.post-detail .post-left .post-date p{
  line-height: 1.5;
}
.post-detail .post-left .post-date::after {
  --tw-translate-y: -50%;
  --tw-bg-opacity: 1;
  position: absolute;
  top: 50%;
  right: 0px;
  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));
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  width: calc(100% - 6.25rem);
  height: calc(1 / 1920 * 100rem);
  content: "";
}
.post-detail .post-right h2{
  --tw-text-opacity: 1;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.post-detail .showListPostNews + .showListPostNews{
  margin-top: calc(16/1920*100rem) /* 16px */;
}
.post-detail .showListPostNews:hover .post-list-title::before{
  --tw-bg-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
.post-detail .showListPostNews:hover h3{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.post-detail .showListPostNews .post-image, .post-detail .showListPostNews .post-list-title{
  width: 100%;
}
.post-detail .showListPostNews .post-image {
  flex: 0 0 33.1730769231%;
  max-width: 33.1730769231%;
  height: 4.7916666667rem;
}
.post-detail .showListPostNews .post-image > a{
  display: block;
  width: 100%;
  height: 100%;
}
.post-detail .showListPostNews .post-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-detail .showListPostNews .post-list-title {
  position: relative;
  flex: 0 0 62.7403846154%;
  padding-top: calc(8/1920*100rem) /* 8px */;
  max-width: 62.7403846154%;
}
.post-detail .showListPostNews .post-list-title::before {
  position: absolute;
  top: 0px;
  left: 0px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
  width: 100%;
  height: calc(2 / 1920 * 100rem);
  content: "";
}
.post-detail .showListPostNews .post-date{
  --tw-text-opacity: 1;
  display: flex;
  gap: calc(8/1920*100rem) /* 8px */;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.loginpage .panel-body .post-detail .showListPostNews .post-date.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .post-detail .showListPostNews .post-date.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.post-detail .showListPostNews .post-date em{
  line-height: 1.25;
}
.post-detail .showListPostNews .post-date p{
  line-height: 1.5;
}
.post-detail .showListPostNews h3{
  -webkit-box-orient: vertical;
  --tw-text-opacity: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}

.social-share{
  margin-top: calc(32/1920*100rem) /* 32px */;
}
.social-share a{
  --tw-bg-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: rgb(231 238 244 / var(--tw-bg-opacity));
  width: calc(48/1920*100rem) /* 48px */;
  height: calc(48/1920*100rem) /* 48px */;
}
.loginpage .login-box .loginstandard .card-body .row.social-share a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.social-share a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.social-share a{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
}
@media (min-width: 1280px /* 1280px */) {
  .social-share {
    position: absolute;
    top: 0px;
    left: -4.1666666667rem;
    margin-top: 0px;
  }
}

.news-detail-page .show-news{
  display: block;
}

.global-breadcrumb{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.global-breadcrumb ol{
  display: flex;
  align-items: center;
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
}
.loginpage .panel-body .global-breadcrumb ol.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.global-breadcrumb ol{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.global-breadcrumb ol .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .global-breadcrumb ol.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (max-width: 566.98px) {
  .global-breadcrumb ol{
    overflow-x: auto;
  }
}
.global-breadcrumb li:first-child a{
  font-size: 0;
  line-height: 0;
}
.global-breadcrumb li:first-child a::before {
  content: "\f015";
  font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
  line-height: 1.25;
  font-family: "Font Awesome 6 Pro";
}
.global-breadcrumb li:not(:first-child)::before {
  --tw-text-opacity: 1;
  margin-right: calc(8/1920*100rem) /* 8px */;
  margin-left: calc(8/1920*100rem) /* 8px */;
  content: "\f105";
  color: rgb(119 119 119 / var(--tw-text-opacity));
  font-family: "Font Awesome 6 Pro";
}
.global-breadcrumb li a{
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
  white-space: nowrap;
}

footer{
  --tw-bg-opacity: 1;
  background-color: rgb(228 237 251 / var(--tw-bg-opacity));
}
footer::before {
  position: absolute;
  top: calc(calc(24/1920*100rem) /* 24px */ * -1);
  left: 0px;
  z-index: 10;
  background-image: url("../img/home/7.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(230 / 1920 * 100rem);
  content: "";
}
@media (min-width: 768px /* 768px */){
  footer::before{
    height: calc(160 / 1920 * 100rem);
  }
}
footer h3{
  --tw-text-opacity: 1;
  margin-bottom: calc(12/1920*100rem) /* 12px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
footer .footer-mail{
  --tw-text-opacity: 1;
  display: flex;
  gap: calc(12/1920*100rem) /* 12px */;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.loginpage .panel-body footer .footer-mail.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body footer .footer-mail.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
footer .footer-socials{
  display: flex;
  gap: calc(10/1920*100rem) /* 10px */;
}
.loginpage .panel-body footer .footer-socials.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body footer .footer-socials.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
footer .footer-socials a{
  --tw-bg-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: calc(48/1920*100rem) /* 48px */;
  height: calc(48/1920*100rem) /* 48px */;
}
.loginpage .login-box .loginstandard .card-body footer.row .footer-socials a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body footer.row .footer-socials a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
footer .footer-socials a{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
}
footer .footer-links{
  display: flex;
  align-items: center;
  gap: calc(34/1920*100rem) /* 34px */;
  margin-bottom: calc(12/1920*100rem) /* 12px */;
}
.loginpage .panel-body footer .footer-links.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body footer.row .footer-links{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body footer.row .footer-links .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body footer .footer-links.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
footer .footer-links a{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  line-height: calc(28 / 16);
}
footer .copy-right{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
footer .logo-bct{
  margin-top: calc(16/1920*100rem) /* 16px */;
  width: calc(158 / 1920 * 100rem);
}
footer .logo-bct img{
  width: 100%;
  object-fit: contain;
}
footer .subscribe{
  margin-top: calc(12/1920*100rem) /* 12px */;
}
.loginpage .panel-body footer.flex.justify-between .subscribe {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body footer.flex.justify-between .subscribe {
  margin-top: 30px;
  font-size: 14px;
}
footer .subscribe .subscribefrm{
  --tw-bg-opacity: 1;
  position: relative;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(30/1920*100rem) /* 30px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(30/1920*100rem) /* 30px */;
  max-width: calc(304 / 1920 * 100rem);
}
footer .subscribe .subscribefrm:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
footer .subscribe .subscribefrm:hover input{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .subscribe .subscribefrm:hover input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .subscribe .subscribefrm:hover button i{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .subscribe input{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-right: calc(28/1920*100rem) /* 28px */;
  width: 100%;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
footer .subscribe input::placeholder{
  --tw-text-opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
footer .subscribe input:focus {
  outline: none;
}
footer .subscribe button{
  --tw-translate-y: -50%;
  display: flex;
  position: absolute;
  top: 50%;
  right: calc(30/1920*100rem) /* 30px */;
  justify-content: center;
  align-items: center;
  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));
}
footer .subscribe button i{
  --tw-text-opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1;
}
footer .subscribe span{
  position: absolute;
  top: 130%;
}
@media (max-width: 1023.98px) {
  footer .row .col:last-child{
    margin-top: calc(30/1920*100rem) /* 30px */;
  }
}
@media (max-width: 767.98px) {
  footer .row .col + .col{
    margin-top: calc(30/1920*100rem) /* 30px */;
  }
}

body {
  --menu: #08518F;
  --menu-active: #C4212B;
  --border: #CCCCCC;
  --background: white;
}

.homepage {
  --menu: #08518F;
  --menu-active: #C4212B;
  --border: #CCCCCC;
  --background: white;
}
@media (min-width: 1280px /* 1280px */) {
  .homepage {
    --menu: white;
    --border: white;
    --background: transparent;
    --menu-active: white;
  }
}
.homepage .header-logo a.header-logo-desktop{
  display: none;
}
.homepage .header-logo a.header-logo-mobile{
  display: block;
}
@media (min-width: 1280px /* 1280px */) {
  .homepage .header-logo a.header-logo-desktop{
    display: block;
  }
  .homepage .header-logo a.header-logo-mobile{
    display: none;
  }
}

header {
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  align-items: center;
  z-index: 1000;
  background-color: var(--background);
  width: 100%;
  height: calc(80/1920*100rem) /* 80px */;
}

.loginpage .panel-body header.justify-between.mt-3 {
  display: none;
}

.loginpage .login-box .loginstandard .card-body header.row{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.loginpage .login-box .loginstandard .card-body header.row .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.loginpage .login-box .loginstandard .card-body .panel-body header.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}

@media (min-width: 1024px /* 1024px */){
  header{
    height: calc(100/1920*100rem) /* 100px */;
  }
}
header.active{
  --tw-bg-opacity: 1;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
header.active .header-logo a.header-logo-desktop{
  display: none;
}
header.active .header-logo a.header-logo-mobile{
  display: block;
}
header.active .menu > li.active a, header.active .menu > li:hover a{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
header.active .menu > li.active a::before, header.active .menu > li:hover a::before{
  --tw-bg-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
header.active .menu > li.has-child{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
header.active .menu > li.has-child em{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
header.active .menu > li.has-child:hover em{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
header.active .menu a{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
header.active .header-language ul li.active a, header.active .header-language ul li:hover a{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
header.active .header-language ul li.active a::before, header.active .header-language ul li:hover a::before{
  --tw-bg-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
header.active .header-language ul li::after{
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}
header.active .header-language ul li a{
  --tw-text-opacity: 1;
  position: relative;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
header.active .header-menu-search em{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
header .header-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: calc(40/1920*100rem) /* 40px */;
  padding-left: calc(40/1920*100rem) /* 40px */;
  width: 100%;
}
.loginpage .panel-body header .header-wrapper.justify-between.mt-3 {
  display: none;
}
.loginpage .panel-body header.flex .header-wrapper.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body header.row .header-wrapper{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body header.row .header-wrapper .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body header .header-wrapper.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body header.flex .header-wrapper.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 768px /* 768px */){
  header .header-wrapper{
    padding-right: calc(100/1920*100rem) /* 100px */;
    padding-left: calc(100/1920*100rem) /* 100px */;
  }
}
header .header-logo{
  flex-shrink: 0;
  flex-basis: calc(220 / 1920 * 100rem);
  width: 100%;
  max-width: calc(220 / 1920 * 100rem);
  height: 100%;
  max-height: calc(75 / 1920 * 100rem);
}
header .header-logo a{
  display: block;
  height: 100%;
}
header .header-logo a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header-logo a.header-logo-desktop{
  display: none;
}
header .header-logo a.header-logo-mobile{
  display: block;
}
header .header-hambuger{
  display: flex;
  flex-shrink: 0;
  flex-basis: calc(40 / 1920 * 100rem);
  flex-direction: column;
  gap: calc(4/1920*100rem) /* 4px */;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  max-width: calc(40 / 1920 * 100rem);
}
.loginpage .panel-body header .header-hambuger.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body header .header-hambuger.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 1280px /* 1280px */){
  header .header-hambuger{
    display: none;
  }
}
header .header-hambuger.active span:first-child {
  transform: translateY(10px) rotate(45deg);
}
header .header-hambuger.active span:nth-child(2) {
  transform: scaleX(0);
}
header .header-hambuger.active span:last-child {
  transform: translateY(-7px) rotate(-45deg);
}
header .header-hambuger span{
  --tw-bg-opacity: 1;
  display: block;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 1.5rem;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  width: 100%;
  height: 5px;
  pointer-events: none;
}
header .header-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.loginpage .panel-body header .header-content.justify-between.mt-3 {
  display: none;
}
.loginpage .panel-body header.flex .header-content.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body header.row .header-content{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body header.row .header-content .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body header .header-content.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body header.flex .header-content.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 1280px /* 1280px */){
  header .header-content{
    flex-shrink: 0;
    flex-basis: calc(1388 / 1920 * 100rem);
    width: 100%;
    max-width: calc(1388 / 1920 * 100rem);
  }
}
header .header-menu {
  flex: 1;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1279.98px) {
  header .header-menu{
    display: none;
  }
}
header .menu{
  display: flex;
  align-items: center;
  gap: calc(56/1920*100rem) /* 56px */;
}
.loginpage .panel-body header .menu.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body header.row .menu{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body header.row .menu .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body header .menu.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
header .menu > li{
  display: inline-flex;
  position: relative;
  align-items: center;
}
.loginpage .login-box .loginstandard .card-body header.row .menu > li{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body header.row .menu > li .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
header .menu > li:first-child a::after {
  content: "\f015";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro";
}
header .menu > li:first-child span{
  font-size: 0;
  line-height: 0;
}
header .menu > li.active > a, header .menu > li:hover > a {
  color: var(--menu-active);
}
header .menu > li.active > a::before, header .menu > li:hover > a::before {
  background-color: var(--menu-active);
}
header .menu > li.active.has-child em, header .menu > li:hover.has-child em {
  color: var(--menu-active);
}
header .menu > li.has-child em {
  padding-left: calc(16/1920*100rem) /* 16px */;
  color: var(--menu);
  font-size: calc(20/1920*100rem);
}
header .menu > li.has-child:hover em {
  color: var(--menu-active);
}
header .menu > li.has-child:hover .drop-down{
  visibility: visible;
  opacity: 1;
}
header .menu a {
  display: inline-flex;
  position: relative;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--menu);
  font-weight: 500;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  text-transform: uppercase;
  white-space: nowrap;
}
header .menu a::before {
  position: absolute;
  top: calc(100% + 0.3125rem);
  left: 0px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
  width: 100%;
  height: calc(1 / 1920 * 100rem);
  content: "";
}
header .menu .drop-down{
  position: absolute;
  top: 100%;
  left: 0px;
  visibility: hidden;
  opacity: 0;
}
header .menu .drop-down ul{
  padding-top: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(20/1920*100rem) /* 20px */;
}
header .menu .drop-down li{
  padding-right: calc(20/1920*100rem) /* 20px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
}
header .menu .drop-down li + li{
  margin-top: calc(16/1920*100rem) /* 16px */;
}
header .menu .drop-down li.active > a span{
  --tw-border-opacity: 1;
  opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
header .menu .drop-down li a{
  display: inline-flex;
}
header .menu .drop-down li a:hover span{
  opacity: 1;
}
header .menu .drop-down li span{
  --tw-text-opacity: 1;
  opacity: 0.75;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
header .menu .box-parent-category{
  --tw-bg-opacity: 1;
  position: relative;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  height: calc(244 / 1920 * 100rem);
}
header .menu .box-parent-category li:hover .sub-menu-product{
  visibility: visible;
  opacity: 1;
}
header .menu .sub-menu-product{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  position: absolute;
  top: 0px;
  left: 100%;
  visibility: hidden;
  opacity: 0;
  border-left-width: 1px;
  border-color: rgb(208 77 85 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  height: calc(244 / 1920 * 100rem);
  overflow: auto;
}
header .header-language{
  position: relative;
}
header .header-language ul{
  display: flex;
  align-items: center;
}
.loginpage .panel-body header .header-language ul.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body header.row .header-language ul{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body header.row .header-language ul .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body header .header-language ul.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
header .header-language ul li{
  position: relative;
  margin-left: calc(13.5 / 1920 * 100rem);
  padding-left: calc(13.5 / 1920 * 100rem);
}
header .header-language ul li.active a, header .header-language ul li:hover a {
  color: var(--menu-active);
}
header .header-language ul li.active a::before, header .header-language ul li:hover a::before {
  background-color: var(--menu-active);
}
header .header-language ul li::after {
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  left: 0px;
  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));
  background-color: var(--border);
  width: calc(2 / 1920 * 100rem);
  height: calc(20/1920*100rem) /* 20px */;
  content: "";
}
header .header-language ul li a {
  position: relative;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--menu);
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  text-transform: uppercase;
}
header .header-language ul li a::before {
  position: absolute;
  top: calc(100% + 0.3125rem);
  left: 0px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
  width: 100%;
  height: calc(1 / 1920 * 100rem);
  content: "";
}
@media (max-width: 1279.98px) {
  header .header-language{
    display: none;
  }
}
header .header-menu-search em {
  cursor: pointer;
  color: var(--menu);
  font-size: calc(20/1920*100rem);
}

.header-menu-mobile{
  --tw-translate-x: -100%;
  --tw-bg-opacity: 1;
  position: fixed;
  top: calc(80/1920*100rem) /* 80px */;
  left: 0px;
  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));
  z-index: 100;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgb(250 250 245 / var(--tw-bg-opacity));
  width: 100%;
  height: 100vh;
}

@media (min-width: 1024px /* 1024px */){
  .header-menu-mobile{
    top: calc(100/1920*100rem) /* 100px */;
  }
}

@media (min-width: 1280px /* 1280px */){
  .header-menu-mobile{
    display: none;
  }
}
.header-menu-mobile.active{
  --tw-translate-x: 0px;
  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));
}
.header-menu-mobile .header-language{
  display: block;
}
.header-menu-mobile .header-language ul{
  display: flex;
  gap: calc(20/1920*100rem) /* 20px */;
  padding-left: calc(16/1920*100rem) /* 16px */;
}
.loginpage .panel-body .header-menu-mobile .header-language ul.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .header-menu-mobile .header-language ul.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.header-menu-mobile .header-language li.active a{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.header-menu-mobile .header-language a{
  --tw-text-opacity: 1;
  display: inline-flex;
  padding-top: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(20/1920*100rem) /* 20px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  text-transform: uppercase;
}
.header-menu-mobile .header-menu{
  display: block;
}
.header-menu-mobile .header-menu > ul li{
  position: relative;
}
.header-menu-mobile .header-menu > ul li.active > a{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  color: rgb(250 250 245 / var(--tw-text-opacity));
  font-weight: 700;
}
.header-menu-mobile .header-menu > ul > li{
  position: relative;
  border-bottom-width: 1px;
  border-color: rgb(8 81 143 / 0.6);
}
.header-menu-mobile .header-menu > ul > li:first-child{
  border-top-width: 0px;
}
.header-menu-mobile .header-menu > ul > li > a{
  --tw-text-opacity: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: calc(16/1920*100rem) /* 16px */;
  padding-left: calc(16/1920*100rem) /* 16px */;
  height: 45px;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.loginpage .panel-body .header-menu-mobile .header-menu > ul > li > a.justify-between.mt-3 {
  display: none;
}
.loginpage .panel-body .flex.header-menu-mobile .header-menu > ul > li > a.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.header-menu-mobile .header-menu > ul > li > a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.header-menu-mobile .header-menu > ul > li > a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .header-menu-mobile .header-menu > ul > li > a.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.header-menu-mobile .header-menu > ul > li > a.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.header-menu-mobile .header-menu > ul > li.has-child > em{
  display: none;
}
.header-menu-mobile .header-menu > ul > li.has-child .drop-down{
  display: none;
}
.header-menu-mobile .header-menu > ul > li .dropdown-button{
  display: flex;
  position: absolute;
  top: 0px;
  right: 0px;
  justify-content: center;
  align-items: center;
  padding-right: calc(16/1920*100rem) /* 16px */;
  padding-left: calc(16/1920*100rem) /* 16px */;
  height: 42px;
}
.header-menu-mobile .header-menu > ul > li .dropdown-button em{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.header-menu-mobile .header-menu > ul > li .dropdown-button.active em{
  --tw-rotate: 90deg;
  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));
}
.header-menu-mobile .header-menu > ul > li .box-parent-category > ul > li > a{
  font-weight: 700;
}
.header-menu-mobile .header-menu > ul > li ul > li:last-child > a{
  border-bottom-width: 0px;
}
.header-menu-mobile .header-menu > ul > li ul > li > ul > li > a {
  padding-left: 40px;
}
.header-menu-mobile .header-menu > ul > li ul li a{
  --tw-bg-opacity: 1;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / 0.3);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(16/1920*100rem) /* 16px */;
  padding-right: calc(16/1920*100rem) /* 16px */;
  padding-bottom: calc(16/1920*100rem) /* 16px */;
  padding-left: calc(40/1920*100rem) /* 40px */;
}
.loginpage .panel-body .header-menu-mobile .header-menu > ul > li ul li a.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.header-menu-mobile .header-menu > ul > li ul li a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.header-menu-mobile .header-menu > ul > li ul li a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .header-menu-mobile .header-menu > ul > li ul li a.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.header-menu-mobile .header-menu > ul > li ul li ul li a{
  padding-left: calc(60/1920*100rem) /* 60px */;
}

.home-banner .swiper-slide .video-wrapper{
  height: 100vh;
}
.home-banner .swiper-slide .video-wrapper video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner .play-icon{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  width: calc(80/1920*100rem) /* 80px */;
  height: calc(80/1920*100rem) /* 80px */;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
}
.home-banner .play-icon.is-playing{
  display: none;
}
.home-banner::before {
  --tw-translate-y: calc(20/1920*100rem) /* 20px */;
  position: absolute;
  bottom: 0px;
  left: 0px;
  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));
  z-index: 20;
  background-image: url("../img/icon/before_homebanner.svg");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 38px;
  content: "";
}
@media (min-width: 768px /* 768px */) {
  .home-banner::before{
    --tw-translate-y: calc(128 / 1920 * 100rem);
    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));
    z-index: 10;
    height: calc(170 / 1920 * 100rem);
  }
}
.home-banner .item{
  position: relative;
  z-index: 1;
}
.home-banner .item::before, .home-banner .item::after {
  position: absolute;
  left: 0px;
  z-index: 10;
  width: 100%;
  content: "";
}
.home-banner .item::before {
  top: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  height: calc(170 / 1920 * 100rem);
}
.home-banner .item::after {
  bottom: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  height: calc(290 / 1920 * 100rem);
}
.home-banner .box-content{
  --tw-translate-x: -50%;
  position: absolute;
  bottom: 20%;
  left: 50%;
  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));
  z-index: 20;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px /* 768px */){
  .home-banner .box-content{
    bottom: 15%;
  }
}
@media (min-width: 1280px /* 1280px */){
  .home-banner .box-content{
    bottom: calc(160 / 1920 * 100rem);
  }
}
.home-banner .box-content p{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
@media (min-width: 768px /* 768px */){
  .home-banner .box-content p{
    font-size: calc(28/1920*100rem);
    line-height: 1.2;
  }
  @media (min-width: 768px /* 768px */) {
    .home-banner .box-content p{
      font-size: calc(40/1920*100rem);
    }
  }
}
@media (min-width: 1280px /* 1280px */){
  .home-banner .box-content p{
    font-size: calc(32/1920*100rem);
    line-height: 1.166666;
  }
  @media (min-width: 768px /* 768px */) {
    .home-banner .box-content p{
      font-size: calc(48/1920*100rem);
    }
  }
}
.home-banner .box-content p span{
  display: inline-block;
  margin-right: calc(12/1920*100rem) /* 12px */;
  margin-left: calc(12/1920*100rem) /* 12px */;
  font-weight: 700;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
@media (min-width: 768px /* 768px */){
  .home-banner .box-content p span{
    font-size: calc(28/1920*100rem);
    line-height: 1.2;
  }
  @media (min-width: 768px /* 768px */) {
    .home-banner .box-content p span{
      font-size: calc(40/1920*100rem);
    }
  }
}
@media (min-width: 1280px /* 1280px */){
  .home-banner .box-content p span{
    margin-right: calc(20/1920*100rem) /* 20px */;
    margin-left: calc(20/1920*100rem) /* 20px */;
    font-size: calc(64/1920*100rem);
    line-height: calc(64 / 56);
  }
}
.home-banner .swiper-pagination{
  pointer-events: none;
}
.home-banner .swiper-pagination .swiper-pagination-bullet{
  pointer-events: auto;
}
@media (max-width: 1279.98px) {
  .home-banner .container{
    padding-right: calc(15/1920*100rem) /* 15px */ !important;
    padding-left: calc(15/1920*100rem) /* 15px */ !important;
    max-width: 100% !important;
  }
}

.page-banner .box-content{
  position: relative;
}
.page-banner .box-content::after {
  position: absolute;
  bottom: calc(calc(63 / 1920 * 100rem) * -1);
  left: 0px;
  background-image: url("../img/about/7.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(100/1920*100rem) /* 100px */;
  content: "";
}
.page-banner .box-content img, .page-banner .box-content video, .page-banner .box-content iframe{
  width: 100%;
}
.page-banner .box-content iframe {
  height: 31.25rem;
}

@media (min-width: 1024px /* 1024px */) {
  .about-1.section-large{
    padding-bottom: calc(200 / 1920 * 100rem);
  }
}
.about-1 .content{
  position: relative;
  margin-top: calc(24/1920*100rem) /* 24px */;
  padding-left: calc(80/1920*100rem) /* 80px */;
  max-width: calc(608 / 1920 * 100rem);
}
.about-1 .content::before, .about-1 .content::after {
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(60/1920*100rem) /* 60px */;
  height: calc(60/1920*100rem) /* 60px */;
  content: "";
}
.about-1 .content::before {
  top: 0px;
  left: 0px;
  background-image: url("../img/about/1.png");
}
.about-1 .content::after {
  right: 0px;
  bottom: 0px;
  background-image: url("../img/about/2.png");
}
.about-1 .desc{
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.about-1 .desc p{
  position: relative;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(20/1920*100rem) /* 20px */;
}
.about-1 .desc p::after {
  --tw-bg-opacity: 1;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  width: calc(80/1920*100rem) /* 80px */;
  height: calc(2 / 1920 * 100rem);
  content: "";
}
.about-1 .name{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.about-1 .name span{
  --tw-text-opacity: 1;
  display: block;
  margin-bottom: calc(4/1920*100rem) /* 4px */;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  font-weight: 400;
}
.about-1 .img-src img {
  opacity: 0.45 !important;
  mix-blend-mode: luminosity;
  object-fit: contain !important;
}
.about-1 .avatar{
  position: absolute;
  top: calc(24/1920*100rem) /* 24px */;
  right: 0px;
  width: 100%;
  height: 100%;
}
@media (min-width: 576px /* 576px */){
  .about-1 .avatar{
    width: calc(496 / 1920 * 100rem);
    height: calc(593 / 1920 * 100rem);
  }
}
@media (min-width: 768px /* 768px */) {
  .about-1 .avatar::after {
    position: absolute;
    bottom: calc(calc(4/1920*100rem) /* 4px */ * -1);
    left: 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    width: 100%;
    height: calc(179 / 1920 * 100rem);
    content: "";
  }
}
@media (max-width: 1023.98px) {
  .about-1 .avatar{
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    top: 50%;
    left: 50%;
    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));
  }
}
.about-1 .avatar img{
  height: 100%;
}

@media (max-width: 767.98px) {
  .about-2{
    margin-bottom: calc(40/1920*100rem) /* 40px */;
  }
}
.about-2 .swiper-thumb::before {
  --tw-translate-x: -50%;
  --tw-bg-opacity: 1;
  position: absolute;
  top: 21%;
  left: 50%;
  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));
  background-color: rgb(206 220 233 / var(--tw-bg-opacity));
  width: 100%;
  height: calc(2 / 1920 * 100rem);
  content: "";
}
.about-2 .swiper-thumb .icon{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-scale-x: 77%;
  --tw-scale-y: 77%;
  position: relative;
  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));
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
  border-width: 1px;
  border-color: rgb(8 81 143 / var(--tw-border-opacity));
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: calc(32/1920*100rem) /* 32px */;
  height: calc(32/1920*100rem) /* 32px */;
}
.about-2 .swiper-thumb .icon::before {
  --tw-scale-x: 60%;
  --tw-scale-y: 60%;
  --tw-bg-opacity: 1;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  left: 50%;
  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));
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 9999px;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  width: calc(8/1920*100rem) /* 8px */;
  height: calc(8/1920*100rem) /* 8px */;
  content: "";
}
.about-2 .swiper-thumb .year{
  --tw-text-opacity: 1;
  margin-top: calc(9/1920*100rem) /* 9px */;
  color: rgb(57 116 165 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  text-align: center;
}
.about-2 .swiper-thumb .swiper-slide-thumb-active .icon{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-border-opacity: 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));
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
}
.about-2 .swiper-thumb .swiper-slide-thumb-active .icon::before{
  --tw-bg-opacity: 1;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
}
.about-2 .swiper-thumb .swiper-slide-thumb-active .year{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.about-2 .swiper-main{
  margin: calc(calc(32/1920*100rem) /* 32px */ * -1);
  padding-bottom: calc(20/1920*100rem) /* 20px */;
}
.about-2 .swiper-main .wrapper{
  padding: calc(32/1920*100rem) /* 32px */;
  overflow: hidden;
}
.about-2 .swiper-main .swiper-slide{
  opacity: 0.4;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1280px /* 1280px */) {
  .about-2 .swiper-main .swiper-slide:hover{
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    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;
  }
}
.about-2 .swiper-main h3{
  --tw-text-opacity: 1;
  margin-top: calc(20/1920*100rem) /* 20px */;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: calc(32/1920*100rem);
  line-height: 1.25;
  text-align: center;
}
.about-2 .swiper-main .desc{
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  text-align: center;
}
.about-2 .swiper-main .img-src img{
  border-radius: calc(4/1920*100rem) /* 4px */;
}
@media (min-width: 768px /* 768px */) {
  .about-2 .swiper-main .swiper{
    margin-left: 0px;
    overflow: visible;
  }
}
@media (min-width: 1280px /* 1280px */) {
  .about-2 .swiper-main{
    padding-bottom: 0px;
  }
}
@media (max-width: 1279.98px) {
  .about-2 .swiper-main .swiper-slide-active{
    opacity: 1;
  }
}

.about-3 .item + .item{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
.about-3 .box-img, .about-3 .box-content {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.about-3 .box-img img{
  border-radius: calc(4/1920*100rem) /* 4px */;
}
.about-3 .box-content{
  --tw-bg-opacity: 1;
  display: flex;
  align-items: center;
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
}
.loginpage .panel-body .about-3 .box-content.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.about-3 .box-content{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.about-3 .box-content .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .about-3 .box-content.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.about-3 .box-content h3{
  font-weight: 700;
  font-size: calc(32/1920*100rem);
  line-height: 1.166666;
}
@media (min-width: 768px /* 768px */) {
    .about-3 .box-content h3{
    font-size: calc(48/1920*100rem);
  }
  }
.about-3 .box-content .desc{
  margin-top: calc(24/1920*100rem) /* 24px */;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
@media (min-width: 1024px /* 1024px */) {
  .about-3 .box-content .desc {
    padding-right: calc(8/1920*100rem) /* 8px */;
    max-height: 8.75rem;
    overflow-y: auto;
  }
  .about-3 .box-content .desc::-webkit-scrollbar {
    --tw-bg-opacity: 1;
    border-radius: 0.4166666667rem;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    width: 0.4166666667rem;
  }
  .about-3 .box-content .desc::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    outline: 1px solid white;
    border-radius: 0.4166666667rem;
    background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  }
  .about-3 .box-img {
    flex: 0 0 calc(50% - 0.5208333333rem);
    max-width: calc(50% - 0.5208333333rem);
  }
  .about-3 .box-content {
    flex: 0 0 calc(50% - 0.5208333333rem);
    max-width: calc(50% - 0.5208333333rem);
  }
  .about-3 .item:nth-child(odd) .box-img{
    order: 1;
  }
  .about-3 .item:nth-child(odd) .box-content{
    order: 2;
  }
  .about-3 .item:nth-child(even) .box-img{
    order: 2;
  }
  .about-3 .item:nth-child(even) .box-content{
    --tw-bg-opacity: 1;
    order: 1;
    background-color: rgb(6 61 107 / var(--tw-bg-opacity));
  }
}

.about-4{
  position: relative;
}
@media (max-width: 767.98px) {
  .about-4 h2{
    margin-bottom: calc(40/1920*100rem) /* 40px */;
  }
}
.about-4 .wrapper{
  position: relative;
  padding-top: calc(60/1920*100rem) /* 60px */;
  padding-bottom: calc(60/1920*100rem) /* 60px */;
}
.about-4 .wrapper::before {
  position: absolute;
  inset: 0px;
  background: linear-gradient(180deg, rgba(232, 248, 255, 0) 0%, #E8F8FF 50%, rgba(238, 221, 232, 0) 100%, rgba(232, 248, 255, 0) 100%);
  content: "";
}
@media (min-width: 1024px /* 1024px */) {
  .about-4 .wrapper {
    transform: translateY(-0.78125rem);
    padding-top: calc(120 / 1920 * 100rem);
    padding-bottom: calc(120 / 1920 * 100rem);
  }
}
.about-4 .tabslet-tab{
  position: relative;
  z-index: 20;
}
.about-4 .tabslet-tab li{
  display: flex;
  align-items: center;
}
.loginpage .panel-body .about-4 .tabslet-tab li.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.about-4 .tabslet-tab li{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.about-4 .tabslet-tab li .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .about-4 .tabslet-tab li.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 768px /* 768px */){
  .about-4 .tabslet-tab li{
    align-items: flex-start;
  }
}
.about-4 .tabslet-tab li + li{
  margin-top: calc(40/1920*100rem) /* 40px */;
}
@media (min-width: 1024px /* 1024px */){
  .about-4 .tabslet-tab li + li{
    margin-top: calc(80/1920*100rem) /* 80px */;
  }
}
.about-4 .tabslet-tab a, .about-4 .tabslet-tab .content{
  width: 100%;
}
.about-4 .tabslet-tab a {
  flex: 0 0 25%;
  max-width: 25%;
}
.about-4 .tabslet-tab a:hover .img-src img{
  --tw-border-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
}
.about-4 .tabslet-tab a:hover + .content p{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.about-4 .tabslet-tab a .img-src img{
  --tw-border-opacity: 1;
  border-width: calc(4 / 1920 * 100rem);
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  border-radius: 9999px;
}
@media (min-width: 768px /* 768px */) {
  .about-4 .tabslet-tab a {
    flex: 0 0 38.4615384615%;
    max-width: 38.4615384615%;
  }
}
.about-4 .tabslet-tab .content {
  flex: 0 0 75%;
  max-width: 75%;
}
.about-4 .tabslet-tab .content .icon{
  margin-bottom: calc(12/1920*100rem) /* 12px */;
  height: calc(48 / 1920 * 100rem);
}
.about-4 .tabslet-tab .content .icon img{
  height: 100%;
  object-fit: contain;
}
.about-4 .tabslet-tab .content p{
  --tw-text-opacity: 1;
  position: relative;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(28/1920*100rem);
  line-height: 1.25;
  text-transform: uppercase;
}
.about-4 .tabslet-tab .content p::after {
  --tw-bg-opacity: 1;
  position: absolute;
  top: calc(100% + 0.625rem);
  left: 0px;
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  width: calc(40/1920*100rem) /* 40px */;
  height: calc(1 / 1920 * 100rem);
  content: "";
}
@media (min-width: 768px /* 768px */) {
  .about-4 .tabslet-tab .content {
    flex: 0 0 61.5384615385%;
    max-width: 61.5384615385%;
  }
}
.about-4 .tabslet-tab.tab-left{
  margin-top: calc(80/1920*100rem) /* 80px */;
}
@media (min-width: 768px /* 768px */) {
  .about-4 .tabslet-tab.tab-left{
    margin-top: 0px;
  }
  .about-4 .tabslet-tab.tab-left a{
    order: 2;
  }
  .about-4 .tabslet-tab.tab-left .content{
    order: 1;
    text-align: right;
  }
  .about-4 .tabslet-tab.tab-left .content p::after {
    right: 0px;
    left: unset;
  }
  .about-4 .tabslet-tab.tab-right a{
    order: 1;
  }
  .about-4 .tabslet-tab.tab-right .content{
    order: 2;
    text-align: left;
  }
}
@media (min-width: 1024px /* 1024px */) {
  .about-4 .tabslet-tab.tab-left li{
    --tw-translate-x: 15%;
    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));
  }
  .about-4 .tabslet-tab.tab-right li{
    --tw-translate-x: -15%;
    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));
  }
}
.about-4 .col.col-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-4 .tabslet-content h3{
  --tw-text-opacity: 1;
  margin-bottom: calc(12/1920*100rem) /* 12px */;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(28/1920*100rem);
  line-height: 1.2;
}
@media (min-width: 768px /* 768px */) {
    .about-4 .tabslet-content h3{
    font-size: calc(40/1920*100rem);
  }
  }
.about-4 .tabslet-content .desc{
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.about-4 .item{
  position: relative;
  padding-top: 70%;
  width: 100%;
}
@media (min-width: 768px /* 768px */){
  .about-4 .item{
    padding-top: 100%;
  }
}
.about-4 .item .bg-img{
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  left: 50%;
  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));
  width: 100%;
  height: calc(420 / 1920 * 100rem);
}
@media (min-width: 576px /* 576px */){
  .about-4 .item .bg-img{
    width: calc(420 / 1920 * 100rem);
  }
}
@media (min-width: 768px /* 768px */){
  .about-4 .item .bg-img{
    width: calc(584 / 1920 * 100rem);
    height: calc(584 / 1920 * 100rem);
  }
}
.about-4 .item .bg-img > img {
  mix-blend-mode: overlay;
}
.about-4 .item .bg-img::before {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  left: 50%;
  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));
  filter: blur(20px);
  background: linear-gradient(180deg, rgba(228, 242, 255, 0.2) 0%, #DBF6FF 25%, #C8EBFF 50%, rgba(228, 242, 255, 0.2) 82.29%, rgba(228, 242, 255, 0) 100%);
  width: 100%;
  height: calc(672 / 1920 * 100rem);
  content: "";
}
@media (min-width: 576px /* 576px */){
  .about-4 .item .bg-img::before{
    width: calc(672 / 1920 * 100rem);
  }
}
@media (max-width: 767.98px) {
  .about-4 .item .bg-img::before{
    height: calc(520 / 1920 * 100rem);
  }
}
.about-4 .item .content-innert {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-bg-opacity: 1;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  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));
  box-shadow: 0px 5px 25px 10px rgba(0, 0, 0, 0.1);
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: calc(260 / 1920 * 100rem);
  height: calc(260 / 1920 * 100rem);
}
@media (min-width: 768px /* 768px */){
  .about-4 .item .content-innert{
    width: calc(344 / 1920 * 100rem);
    height: calc(344 / 1920 * 100rem);
  }
}
.about-4 .item .img-src{
  height: calc(80/1920*100rem) /* 80px */;
}
@media (min-width: 768px /* 768px */){
  .about-4 .item .img-src{
    height: calc(97 / 1920 * 100rem);
  }
}
.about-4 .item .img-src img{
  height: 100%;
  object-fit: contain;
}
.about-4 .tabslet-wrapper{
  margin-top: calc(40/1920*100rem) /* 40px */;
  text-align: center;
}
@media (min-width: 1024px /* 1024px */){
  .about-4 .tabslet-wrapper{
    transform: translateY(1.3020833333rem);
    margin-top: 0px;
  }
}
@media (max-width: 1023.98px) {
  .about-4 .about-4-top .col:nth-child(1){
    order: 2;
  }
  .about-4 .about-4-top .col:nth-child(2){
    order: 1;
    margin-bottom: calc(40/1920*100rem) /* 40px */;
  }
  .about-4 .about-4-top .col:nth-child(3){
    order: 3;
  }
}
@media (max-width: 767.98px) {
  .about-4 .about-4-top .col:nth-child(3){
    margin-top: calc(40/1920*100rem) /* 40px */;
  }
}
.about-4 .mobile-tabslet-group{
  position: relative;
}
.about-4 .mobile-tabslet-group .tabslet-content{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
.about-4 .mobile-tabslet-group + .mobile-tabslet-group{
  margin-top: calc(40/1920*100rem) /* 40px */;
}

@media (min-width: 1280px /* 1280px */) {
  .about-6.section-medium{
    padding-top: calc(116 / 1920 * 100rem);
  }
}
.about-6::before {
  position: absolute;
  top: calc(calc(40/1920*100rem) /* 40px */ * -1);
  left: 0px;
  z-index: 10;
  background-image: url("../img/about/8.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(1483 / 1920 * 100rem);
  content: "";
}
.about-6 .box-content h3{
  --tw-text-opacity: 1;
  margin-top: calc(20/1920*100rem) /* 20px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(28/1920*100rem);
}
.about-6 .box-content ul{
  margin-top: calc(12/1920*100rem) /* 12px */;
}
.loginpage .panel-body .flex.justify-between.about-6 .box-content ul {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.justify-between.about-6 .box-content ul {
  margin-top: 30px;
  font-size: 14px;
}
.about-6 .box-content li{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;
  border-left-width: calc(2/1920*100rem);
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: calc(6/1920*100rem) /* 6px */;
  padding-bottom: calc(6/1920*100rem) /* 6px */;
  padding-left: calc(22/1920*100rem) /* 22px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.about-6 .box-content li + li{
  margin-top: calc(8/1920*100rem) /* 8px */;
}
@media (max-width: 1279.98px) {
  .about-6-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}

.home-1{
  position: relative;
  z-index: 10;
}
.home-1-swiper{
  margin-right: calc(calc(10/1920*100rem) /* 10px */ * -1);
  margin-left: calc(calc(10/1920*100rem) /* 10px */ * -1);
}
.home-1-swiper .swiper{
  padding-right: calc(10/1920*100rem) /* 10px */;
  padding-left: calc(10/1920*100rem) /* 10px */;
}
.home-1-swiper .swiper-slide{
  padding-top: calc(48/1920*100rem) /* 48px */;
  height: auto;
}
.home-1-swiper .item{
  height: 100%;
}
.home-1-swiper .item .box-img {
  background: none !important;
  padding: 0;
  height: 7.9166666667rem;
}
.home-1-swiper .item .box-img img{
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1279.98px) {
  .home-1-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}
.home-1 .item-product-cate:hover, .home-1 .item-product-cate .active {
  --tw-translate-y: calc(calc(20/1920*100rem) /* 20px */ * -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));
  box-shadow: 3px 3px 8px -2px rgb(0, 0, 0);
}

@media (max-width: 767.98px) {
  .home-2 .font-secondary {
    font-size: 40px;
  }
}
.home-2 .home-2-bottom{
  display: grid;
  gap: calc(30/1920*100rem) /* 30px */;
  margin-top: calc(24/1920*100rem) /* 24px */;
}
@media (min-width: 1024px /* 1024px */) {
  .home-2 .home-2-bottom{
    grid-template-rows: 9.5833333333rem repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0px;
  }
}
.home-2 .grid-item:nth-child(2) img {
  border-radius: 0.4166666667rem 0.4166666667rem 0 0;
}
.home-2 .grid-item:nth-child(2) .content {
  --tw-bg-opacity: 1;
  border-radius: 0 0 0.4166666667rem 0.4166666667rem;
  background-color: rgb(4 41 72 / var(--tw-bg-opacity));
  padding-top: calc(30/1920*100rem) /* 30px */;
  padding-right: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(24/1920*100rem) /* 24px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
}
.home-2 .grid-item:nth-child(3) img {
  border-radius: 0 0 0.4166666667rem 0.4166666667rem;
}
.home-2 .grid-item:nth-child(5) .img-src > img{
  border-radius: calc(8 / 1920 * 100rem);
}
@media (min-width: 1024px /* 1024px */) {
  .home-2 .grid-item:nth-child(1) {
    grid-area: 1/1/2/2;
    padding-bottom: calc(32/1920*100rem) /* 32px */;
  }
  .home-2 .grid-item:nth-child(2) {
    grid-area: 2/1/4/2;
    padding-bottom: calc(72/1920*100rem) /* 72px */;
  }
  .home-2 .grid-item:nth-child(3) {
    grid-area: 1/2/4/3;
  }
  .home-2 .grid-item:nth-child(4) {
    grid-area: 1/3/2/4;
    padding-bottom: calc(32/1920*100rem) /* 32px */;
  }
  .home-2 .grid-item:nth-child(5) {
    position: relative;
    grid-area: 2/3/4/4;
    padding-bottom: calc(72/1920*100rem) /* 72px */;
  }
}
.home-2 .grid-item .item > .number{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(28/1920*100rem);
  line-height: 1.2;
}
@media (min-width: 768px /* 768px */) {
    .home-2 .grid-item .item > .number{
    font-size: calc(40/1920*100rem);
  }
  }
.home-2 .grid-item .item > .number > span:not(:first-child){
  display: inline-block;
  margin-left: calc(8/1920*100rem) /* 8px */;
}
.home-2 .grid-item .item > p{
  --tw-text-opacity: 1;
  margin-top: calc(6/1920*100rem) /* 6px */;
  color: rgb(5 5 5 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.home-2 .grid-item .item + .item{
  margin-top: calc(23 / 1920 * 100rem);
}
.home-2 .grid-item .video-popup .btn-play {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  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: linear-gradient(129deg, #275394 0%, #2979B6 51.56%, #2B98D1 100%);
  width: calc(80/1920*100rem) /* 80px */;
  height: calc(80/1920*100rem) /* 80px */;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(32/1920*100rem);
}
.home-2 .grid-item .video-popup .btn-play:hover em{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.home-2 .grid-item .video-popup .btn-play em{
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.home-2 .content .icon{
  --tw-text-opacity: 1;
  display: flex;
  align-items: flex-end;
  gap: calc(12/1920*100rem) /* 12px */;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.loginpage .panel-body .home-2 .content .icon.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .home-2 .content .icon.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 768px /* 768px */){
  .home-2 .content .icon{
    gap: calc(32/1920*100rem) /* 32px */;
  }
}
.home-2 .content .icon em{
  font-size: calc(32/1920*100rem);
  line-height: 1.2;
}
@media (min-width: 768px /* 768px */){
  .home-2 .content .icon em{
    font-size: calc(48 / 1920 * 100rem);
  }
}
.home-2 .content .icon .number{
  font-weight: 500;
  font-size: calc(28/1920*100rem);
  line-height: 1.2;
}
@media (min-width: 768px /* 768px */){
  .home-2 .content .icon .number{
    font-size: calc(36/1920*100rem);
  }
}
.home-2 .content > p{
  --tw-text-opacity: 1;
  margin-top: calc(6/1920*100rem) /* 6px */;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}

.home-3 .desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.home-3 .box-img > img{
  object-fit: contain !important;
}
@media (max-width: 1023.98px) {
  .home-3 .box-img{
    padding-top: 80%;
  }
}
.home-3 .btn-wrap{
  margin-top: calc(20/1920*100rem) /* 20px */;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
}
.home-3-swiper img{
  border-radius: calc(16 / 1920 * 100rem);
}
.home-3-swiper .count-index{
  display: flex;
  gap: calc(80/1920*100rem) /* 80px */;
}
.loginpage .panel-body .home-3-swiper .count-index.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .home-3-swiper .count-index.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.home-3-swiper .count-index span{
  font-weight: 500;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.home-3-swiper .count-index span.number-index{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.home-3-swiper .count-index span.total-index{
  --tw-text-opacity: 1;
  position: relative;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.home-3-swiper .count-index span.total-index::before {
  --tw-bg-opacity: 1;
  --tw-translate-y: -50%;
  position: absolute;
  top: 50%;
  right: 1.3020833333rem;
  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));
  background-color: rgb(156 185 210 / var(--tw-bg-opacity));
  width: 2.5520833333rem;
  height: 0.0520833333rem;
  content: "";
}
@media (max-width: 1023.98px) {
  .home-3 .row .col + .col{
    margin-top: calc(30/1920*100rem) /* 30px */;
  }
}

.home-5.section-medium{
  padding-top: 0px;
}
@media (max-width: 1279.98px) {
  .home-5-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}
.home-5 .desc p{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.home-5 .desc p.high-light{
  --tw-text-opacity: 1;
  padding-top: calc(24/1920*100rem) /* 24px */;
  padding-bottom: calc(24/1920*100rem) /* 24px */;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.home-5 .font-secondary{
  margin-bottom: calc(8/1920*100rem) /* 8px */;
}
@media (max-width: 767.98px) {
  .home-5 .font-secondary {
    font-size: 40px;
  }
}
@media (min-width: 1280px /* 1280px */){
  .home-5 .img-src{
    --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));
  }
}
.home-5 .img-src img{
  width: 100%;
}
@media (max-width: 1023.98px) {
  .home-5 .row .col + .col{
    margin-top: calc(30/1920*100rem) /* 30px */;
  }
}

.about-page .home-5 .desc p{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.item.news-item:hover .content h3{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.item.news-item .img-src a{
  border-radius: calc(8 / 1920 * 100rem);
}
.item.news-item .content time{
  --tw-text-opacity: 1;
  display: inline-block;
  margin-top: calc(12/1920*100rem) /* 12px */;
  margin-bottom: calc(12/1920*100rem) /* 12px */;
  color: rgb(153 153 153 / var(--tw-text-opacity));
  line-height: 1.5;
}
.item.news-item .content time::before {
  display: inline-block;
  margin-right: calc(8/1920*100rem) /* 8px */;
  content: "\f017";
  font-size: calc(18/1920*100rem);
  line-height: 1.25;
  font-family: "Font Awesome 6 Pro";
}
.item.news-item .content h3{
  -webkit-box-orient: vertical;
  --tw-text-opacity: 1;
  display: -webkit-box;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}

@media (max-width: 1279.98px) {
  .home-4-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}
.home-4 .desc{
  --tw-text-opacity: 1;
  margin-top: calc(24/1920*100rem) /* 24px */;
  margin-bottom: calc(24/1920*100rem) /* 24px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
  text-align: center;
}
.home-4 .img-src {
  height: 7.1354166667rem;
  text-align: center;
}
.home-4 .img-src img{
  height: 100%;
  object-fit: contain;
}

.line-svg{
  position: relative;
  z-index: 10;
}
.line-svg svg{
  width: 100%;
}

@media (min-width: 1280px /* 1280px */) {
  .home-6.section-large{
    padding-bottom: calc(200 / 1920 * 100rem);
  }
}
.home-6::before {
  position: absolute;
  top: calc(calc(20/1920*100rem) /* 20px */ * -1);
  left: 0px;
  background-image: url(../img/home/6.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 8.3333333333rem;
  content: "";
}
.home-6 .desc{
  --tw-text-opacity: 1;
  margin-top: calc(24/1920*100rem) /* 24px */;
  margin-right: auto;
  margin-left: auto;
  max-width: calc(1056 / 1920 * 100rem);
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  text-align: center;
}

.product-detail.section-medium{
  padding-bottom: 0px;
}
.product-detail .box-left{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.loginpage .panel-body .product-detail .box-left.justify-between.mt-3 {
  display: none;
}
.loginpage .panel-body .flex.product-detail .box-left.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .product-detail .box-left.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.product-detail .box-left.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 1024px /* 1024px */){
  .product-detail .box-left{
    flex-wrap: nowrap;
  }
}
.product-detail .desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.product-detail .swiper-thumb, .product-detail .swiper-main {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.product-detail .swiper-thumb{
  order: 2;
  margin-top: calc(20/1920*100rem) /* 20px */;
}
@media (min-width: 1024px /* 1024px */){
  .product-detail .swiper-thumb{
    margin-top: 0px;
  }
}
.product-detail .swiper-thumb .btn-prev{
  position: absolute;
  top: 50%;
  left: 0px;
}
.product-detail .swiper-thumb .btn-prev::before {
  --tw-text-opacity: 1;
  content: "\f077";
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 300;
  font-size: calc(24/1920*100rem);
  line-height: 1;
}
@media (min-width: 768px /* 768px */){
  .product-detail .swiper-thumb .btn-prev::before{
    font-size: calc(40/1920*100rem);
  }
}
.product-detail .swiper-thumb .btn-next{
  position: absolute;
  top: 50%;
  right: 0px;
}
.product-detail .swiper-thumb .btn-next::before {
  --tw-text-opacity: 1;
  content: "\f078";
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 300;
  font-size: calc(24/1920*100rem);
  line-height: 1;
}
@media (min-width: 768px /* 768px */){
  .product-detail .swiper-thumb .btn-next::before{
    font-size: calc(40/1920*100rem);
  }
}
@media (max-width: 1023.98px) {
  .product-detail .swiper-thumb{
    padding-right: calc(56/1920*100rem) /* 56px */;
    padding-left: calc(56/1920*100rem) /* 56px */;
  }
  .product-detail .swiper-thumb .btn-prev, .product-detail .swiper-thumb .btn-next{
    --tw-translate-y: -50%;
    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));
  }
  .product-detail .swiper-thumb .btn-prev::before, .product-detail .swiper-thumb .btn-next::before{
    --tw-rotate: -90deg;
    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));
  }
}
@media (max-width: 767.98px) {
  .product-detail .swiper-thumb{
    padding-right: calc(30/1920*100rem) /* 30px */;
    padding-left: calc(30/1920*100rem) /* 30px */;
  }
}
@media (min-width: 1024px /* 1024px */) {
  .product-detail .swiper-thumb {
    flex: 0 0 11.8055555556%;
    order: 1;
    padding-top: calc(56/1920*100rem) /* 56px */;
    padding-bottom: calc(56/1920*100rem) /* 56px */;
    max-width: 11.8055555556%;
  }
  .product-detail .swiper-thumb .swiper {
    height: 21.1458333333rem;
  }
  .product-detail .swiper-thumb .btn-prev{
    --tw-translate-x: -50%;
    top: 0px;
    left: 50%;
    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));
  }
  .product-detail .swiper-thumb .btn-next {
    --tw-translate-x: -50%;
    top: unset;
    bottom: 0px;
    left: 50%;
    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));
  }
  .product-detail .swiper-main {
    flex: 0 0 87.037037037%;
    order: 2;
    max-width: 87.037037037%;
  }
}

.product-info .tabslet-tab{
  display: flex;
  gap: calc(20/1920*100rem) /* 20px */;
}

.loginpage .panel-body .product-info .tabslet-tab.justify-between.mt-3 {
  display: none;
}

.loginpage .login-box .loginstandard .card-body .panel-body .product-info .tabslet-tab.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.product-info .tabslet-tab li.active a{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.product-info .tabslet-tab a{
  --tw-text-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(10/1920*100rem) /* 10px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(10/1920*100rem) /* 10px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.loginpage .login-box .loginstandard .card-body .row.product-info .tabslet-tab a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.product-info .tabslet-tab a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.product-info .tabslet-tab a{
  --tw-border-opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: transparent;
}
.product-info .tabslet-tab a:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.product-info .tabslet-content{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
.product-info .tabslet-content h3{
  --tw-text-opacity: 1;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.product-info .tabslet-content p{
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.product-info .tabslet-content p + p{
  margin-top: calc(8/1920*100rem) /* 8px */;
}

.productpage .product-form{
  display: none;
}

.product-form .form-wrap input:not([type=submit]), .product-form .form-wrap textarea{
  border-radius: calc(4/1920*100rem) /* 4px */;
  width: 100%;
  resize: none;
}
.product-form .form-wrap input:not([type=submit])::placeholder, .product-form .form-wrap textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.product-form .form-wrap input:not([type=submit]){
  --tw-text-opacity: 1;
  padding-top: calc(12/1920*100rem) /* 12px */;
  padding-right: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(12/1920*100rem) /* 12px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.product-form .form-wrap input[type=submit]{
  position: absolute !important;
  cursor: pointer !important;
  inset: 0px !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.product-form .form-wrap textarea{
  margin-top: calc(20/1920*100rem) /* 20px */;
  padding-top: calc(12/1920*100rem) /* 12px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
  height: calc(112 / 1920 * 100rem);
}
.product-form .form-wrap .frm-btn{
  --tw-bg-opacity: 1;
  display: inline-flex;
  align-items: center;
  gap: calc(12/1920*100rem) /* 12px */;
  margin-top: calc(20/1920*100rem) /* 20px */;
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  padding-right: calc(60/1920*100rem) /* 60px */;
  padding-left: calc(60/1920*100rem) /* 60px */;
  height: calc(44/1920*100rem) /* 44px */;
}
.loginpage .login-box .loginstandard .card-body .row.product-form .form-wrap .frm-btn{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.product-form .form-wrap .frm-btn .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.product-form .form-wrap .frm-btn::before {
  --tw-text-opacity: 1;
  content: "Send";
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(20/1920*100rem);
  line-height: 28/20;
}
.product-form .form-wrap .frm-btn::after {
  --tw-text-opacity: 1;
  content: "\f178";
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 300;
  font-size: calc(20/1920*100rem);
  line-height: 1;
  font-family: "Font Awesome 6 Pro";
}

@media (max-width: 1279.98px) {
  .product-other-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}

.product-list .box-top.section-medium{
  padding-bottom: 0px;
}
.product-list .box-top-swiper{
  margin-right: calc(calc(10/1920*100rem) /* 10px */ * -1);
  margin-left: calc(calc(10/1920*100rem) /* 10px */ * -1);
}
.product-list .box-top-swiper .swiper{
  padding-right: calc(10/1920*100rem) /* 10px */;
  padding-left: calc(10/1920*100rem) /* 10px */;
}
.product-list .box-top-swiper .btn-prev, .product-list .box-top-swiper .btn-next {
  --tw-translate-y: -0px;
  top: 24%;
  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));
}
@media (max-width: 1279.98px) {
  .product-list .box-top-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}
.product-list .box-top .desc{
  --tw-text-opacity: 1;
  margin-top: calc(32/1920*100rem) /* 32px */;
  color: rgb(21 21 21 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.product-list .box-top .item-product-cate{
  padding-top: calc(32/1920*100rem) /* 32px */;
}
.product-list .box-top .item-product-cate:hover .box-img, .product-list .box-top .item-product-cate.active .box-img {
  --tw-translate-y: calc(calc(20/1920*100rem) /* 20px */ * -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));
  box-shadow: 3px 3px 8px -2px rgb(0, 0, 0);
}
.product-list .box-bottom{
  overflow: hidden;
}
.product-list .box-bottom ul{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(20/1920*100rem) /* 20px */;
  margin-top: calc(20/1920*100rem) /* 20px */;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
}
.loginpage .panel-body .product-list .box-bottom ul.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.product-list .box-bottom ul{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.product-list .box-bottom ul .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .product-list .box-bottom ul.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.product-list .box-bottom ul li.active a{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.product-list .box-bottom ul a{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: transparent;
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(10/1920*100rem) /* 10px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(10/1920*100rem) /* 10px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.loginpage .login-box .loginstandard .card-body .row.product-list .box-bottom ul a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.product-list .box-bottom ul a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.product-list .box-bottom ul a{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.product-list .box-bottom ul a:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.product-list .box-bottom .desc{
  --tw-text-opacity: 1;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
  color: rgb(21 21 21 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}

.item-product-cate{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.item-product-cate:hover .content h3, .item-product-cate.active .content h3{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.item-product-cate:hover .content h3::after, .item-product-cate.active .content h3::after{
  opacity: 1;
}
.item-product-cate .box-img {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.4166666667rem;
  background: rgba(204, 204, 204, 0.5);
  padding: 0.2604166667rem 0.78125rem;
  text-align: center;
}
.item-product-cate .box-img img {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.4166666667rem;
}
.item-product-cate .content{
  margin-top: calc(20/1920*100rem) /* 20px */;
  text-align: center;
}
.item-product-cate .content h3{
  display: flex;
  flex-direction: column;
  gap: calc(4/1920*100rem) /* 4px */;
  font-weight: 500;
  font-size: calc(28/1920*100rem);
  line-height: 1.33333;
  text-transform: capitalize;
}
.loginpage .panel-body .item-product-cate .content h3.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .item-product-cate .content h3.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.item-product-cate .content h3{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.item-product-cate .content h3::after {
  --tw-text-opacity: 1;
  opacity: 0;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: "\f0d7";
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 900;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
  font-family: "Font Awesome 6 Pro";
}

.item-product:hover h3{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.item-product .box-content{
  margin-top: calc(15/1920*100rem) /* 15px */;
}
.item-product h3{
  --tw-text-opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
  text-transform: capitalize;
}

.news-1 {
  display: flex;
  background: #f7fafe;
}
.news-1::before {
  position: absolute;
  bottom: calc(calc(20/1920*100rem) /* 20px */ * -1);
  left: 0px;
  background-image: url("../img/news/line.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(160/1920*100rem) /* 160px */;
  content: "";
}
.news-1 .heading {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 1.1666666667;
  font-family: League Spartan;
  text-transform: uppercase;
}
.news-1-swiper .swiper-container {
  position: relative;
  margin: 0 auto;
  width: 70%;
}
.news-1-swiper .swiper-button-next, .news-1-swiper .swiper-button-prev {
  border: 1px solid #9CB9D2;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  color: #08518F;
}
@media (max-width: 1279.98px) {
  .news-1-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}

.news-item:hover h4{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.news-item .news-slide-date{
  --tw-text-opacity: 1;
  display: flex;
  gap: calc(8/1920*100rem) /* 8px */;
  margin-top: calc(20/1920*100rem) /* 20px */;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
  color: rgb(153 153 153 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
}
.loginpage .panel-body .news-item .news-slide-date.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .news-item .news-slide-date.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.news-item .news-slide-date p{
  line-height: 1.25;
}
.news-item h4{
  -webkit-box-orient: vertical;
  --tw-text-opacity: 1;
  display: -webkit-box;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(28/1920*100rem);
  line-height: 1.25;
}

.news-2 ul{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(20/1920*100rem) /* 20px */;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
}

.loginpage .panel-body .news-2 ul.justify-between.mt-3 {
  display: none;
}

.loginpage .login-box .loginstandard .card-body .row.news-2 ul{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.loginpage .login-box .loginstandard .card-body .row.news-2 ul .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.loginpage .login-box .loginstandard .card-body .panel-body .news-2 ul.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.news-2 ul li.active a{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.news-2 ul a{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: transparent;
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(10/1920*100rem) /* 10px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(10/1920*100rem) /* 10px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.loginpage .login-box .loginstandard .card-body .row.news-2 ul a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.news-2 ul a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.news-2 ul a{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.news-2 ul a:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.showListNews:hover h4{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.showListNews .news-slide-date{
  --tw-text-opacity: 1;
  display: flex;
  gap: calc(8/1920*100rem) /* 8px */;
  margin-top: calc(12/1920*100rem) /* 12px */;
  margin-bottom: calc(12/1920*100rem) /* 12px */;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.loginpage .panel-body .showListNews .news-slide-date.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .showListNews .news-slide-date.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.showListNews .news-slide-date p{
  line-height: 1.25;
}
.showListNews h4{
  -webkit-box-orient: vertical;
  --tw-text-opacity: 1;
  display: -webkit-box;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}

.recruitment-detail {
  background-position: 223px 0;
}
.recruitment-detail .info{
  --tw-bg-opacity: 1;
  display: flex;
  row-gap: calc(20/1920*100rem) /* 20px */;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
  padding: calc(32/1920*100rem) /* 32px */;
}
.loginpage .panel-body .recruitment-detail .info.justify-between.mt-3 {
  display: none;
}
.loginpage .panel-body .flex.recruitment-detail .info.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .recruitment-detail .info.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.recruitment-detail .info.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 1024px /* 1024px */){
  .recruitment-detail .info{
    flex-wrap: nowrap;
  }
}
.recruitment-detail .info .box-img, .recruitment-detail .info .box-content {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.recruitment-detail .info .box-img img{
  border-radius: calc(4/1920*100rem) /* 4px */;
}
.recruitment-detail .info .box-content table{
  width: 100%;
}
.recruitment-detail .info .box-content td{
  --tw-text-opacity: 1;
  padding-top: calc(10/1920*100rem) /* 10px */;
  padding-bottom: calc(10/1920*100rem) /* 10px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.recruitment-detail .info .box-content td:first-child{
  font-weight: 600;
}
.recruitment-detail .info .box-content tr{
  --tw-border-opacity: 1;
  border-top-width: 1px;
  border-color: rgb(225 225 225 / var(--tw-border-opacity));
}
.recruitment-detail .info .box-content tr:last-child{
  --tw-border-opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(225 225 225 / var(--tw-border-opacity));
}
.recruitment-detail .info .box-content tr:last-child td{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
@media (min-width: 1024px /* 1024px */) {
  .recruitment-detail .info .box-img {
    flex: 0 0 42.4342105263%;
    max-width: 42.4342105263%;
  }
  .recruitment-detail .info .box-content {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
}
.recruitment-detail .attributes .item{
  --tw-bg-opacity: 1;
  margin-top: calc(32/1920*100rem) /* 32px */;
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
  padding: calc(32/1920*100rem) /* 32px */;
}
.recruitment-detail .attributes .item ul.describe li{
  --tw-text-opacity: 1;
  display: flex;
  gap: calc(10/1920*100rem) /* 10px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.loginpage .panel-body .recruitment-detail .attributes .item ul.describe li.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .recruitment-detail .attributes .item ul.describe li.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.recruitment-detail .attributes .item ul.describe li::before {
  --tw-bg-opacity: 1;
  display: inline-block;
  flex: 0 0 0.3125rem;
  margin-top: calc(8/1920*100rem) /* 8px */;
  border-radius: 9999px;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
  max-width: 0.3125rem;
  height: 0.3125rem;
  content: "";
}
.recruitment-detail .attributes .item ul li{
  display: flex;
  gap: calc(12/1920*100rem) /* 12px */;
}
.loginpage .panel-body .recruitment-detail .attributes .item ul li.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .recruitment-detail .attributes .item ul li.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.recruitment-detail .attributes .item ul li + li{
  margin-top: calc(8/1920*100rem) /* 8px */;
}
.recruitment-detail .attributes .item ul .desc{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.recruitment-detail .attributes .item ul .desc > a{
  --tw-text-opacity: 1;
  color: rgb(0 139 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
.recruitment-detail .attributes .item ul .icon {
  flex: 0 0 1.25rem;
  width: 100%;
  max-width: 1.25rem;
  height: 1.25rem;
}
.recruitment-detail .attributes .item ul .icon em{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1;
}
.recruitment-detail .buttom-wrapper{
  --tw-bg-opacity: 1;
  display: flex;
  flex-direction: column;
  gap: calc(10/1920*100rem) /* 10px */;
  margin-bottom: calc(32/1920*100rem) /* 32px */;
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  padding: calc(32/1920*100rem) /* 32px */;
}
.loginpage .panel-body .recruitment-detail .buttom-wrapper.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .recruitment-detail .buttom-wrapper.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.recruitment-detail .buttom-wrapper a{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(8 / 1920 * 100rem);
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
}
.recruitment-detail .buttom-wrapper a:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.recruitment-detail .buttom-wrapper a:first-child span{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.recruitment-detail .buttom-wrapper a:last-child{
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
}
.recruitment-detail .buttom-wrapper a:last-child span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.recruitment-detail .buttom-wrapper a span{
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.recruitment-detail .recruitment-other h2{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.recruitment-detail .recruitment-other .item{
  --tw-border-opacity: 1;
  margin-top: calc(12/1920*100rem) /* 12px */;
  border-width: 1px;
  border-color: rgb(225 225 225 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem) /* 4px */;
  padding: calc(24/1920*100rem) /* 24px */;
}
.loginpage .panel-body .flex.justify-between.recruitment-detail .recruitment-other .item {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.justify-between.recruitment-detail .recruitment-other .item {
  margin-top: 30px;
  font-size: 14px;
}
.recruitment-detail .recruitment-other .item h3{
  --tw-text-opacity: 1;
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: calc(12/1920*100rem) /* 12px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.recruitment-detail .recruitment-other .item h3:hover{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.recruitment-detail .recruitment-other .item p{
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.recruitment-detail .recruitment-other .item .location{
  --tw-text-opacity: 1;
  margin-bottom: calc(8/1920*100rem) /* 8px */;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.recruitment-detail .recruitment-other .item .end-day{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}

.apply-frm.row{
  margin: 0px;
}
.apply-frm h4{
  --tw-text-opacity: 1;
  margin-bottom: calc(18/1920*100rem) /* 18px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(36/1920*100rem);
  line-height: 1.166666;
}
.apply-frm [id*=_jobApply_upContact]{
  width: 100%;
}
.apply-frm .col-left{
  display: flex;
  flex-wrap: wrap;
  gap: calc(16/1920*100rem) /* 16px */;
}
.loginpage .panel-body .apply-frm .col-left.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .apply-frm .col-left.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.apply-frm .col-left .form-group {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px /* 768px */) {
  .apply-frm .col-left .form-group {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
.apply-frm .form-group{
  width: 100%;
}
.apply-frm .form-group input:not([type=submit]), .apply-frm .form-group textarea{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-width: 1px;
  border-left-color: rgb(206 220 233 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem) /* 4px */;
  padding-top: calc(12/1920*100rem) /* 12px */;
  padding-right: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(12/1920*100rem) /* 12px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
  width: 100%;
  resize: none;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.apply-frm .form-group input:not([type=submit])::placeholder, .apply-frm .form-group textarea::placeholder{
  --tw-text-opacity: 1;
  width: 100%;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.apply-frm .form-group input[type=submit]{
  position: absolute;
  cursor: pointer;
  inset: 0px;
  font-size: 0;
  line-height: 0;
}
.apply-frm .form-group textarea {
  min-height: 6.25rem;
}
.apply-frm .form-group[class*=attachfile] label{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
  line-height: 1.5;
}
.apply-frm .form-group[class*=attachfile] span{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.apply-frm .form-group[class*=attachfile] .ruFileWrap{
  width: calc(140 / 1920 * 100rem);
  height: calc(44/1920*100rem) /* 44px */;
}
.apply-frm .form-group[class*=attachfile] .ruInputs{
  display: flex;
  flex-direction: column-reverse;
}
.loginpage .panel-body .apply-frm .form-group[class*=attachfile] .ruInputs.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .apply-frm .form-group[class*=attachfile] .ruInputs.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.apply-frm .form-group[class*=attachfile] .ruInputs li:last-child .ruFileWrap::before {
  --tw-text-opacity: 1;
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  justify-content: center;
  align-items: center;
  z-index: 1;
  border-style: none;
  border-radius: calc(8 / 1920 * 100rem);
  width: calc(140 / 1920 * 100rem);
  height: calc(44/1920*100rem) /* 44px */;
  content: "Upload File";
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.apply-frm .form-group[class*=attachfile] .ruFileInput, .apply-frm .form-group[class*=attachfile] .ruBrowse{
  --tw-bg-opacity: 1;
  left: 0px;
  border-style: none;
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
  padding: 0px;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
}
.apply-frm .form-group[class*=attachfile] .ruRemove{
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
}
.apply-frm .form-group[class*=attachfile] [id*=_uplAttachFile1row], .apply-frm .form-group[class*=attachfile] [id*=_uplAttachFile2row]{
  position: relative;
}
.apply-frm .col-right{
  display: flex;
  flex-wrap: wrap;
  gap: calc(16/1920*100rem) /* 16px */;
  margin-top: calc(16/1920*100rem) /* 16px */;
}
.loginpage .panel-body .apply-frm .col-right.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .apply-frm .col-right.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.apply-frm .col-right .form-group {
  flex: 0 0 100%;
  max-width: 100%;
}
.apply-frm .col-right .form-group[class*=attachfile] {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px /* 768px */) {
  .apply-frm .col-right .form-group[class*=attachfile] {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
.apply-frm .col-right .form-group[class*=attachfile] label{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
  line-height: 1.5;
}
.apply-frm .col-right .form-group[class*=attachfile] label .required{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
.apply-frm .frm-btn{
  --tw-bg-opacity: 1;
  display: inline-flex;
  position: relative;
  align-items: center;
  gap: calc(12/1920*100rem) /* 12px */;
  margin-top: calc(32/1920*100rem) /* 32px */;
  border-radius: calc(8 / 1920 * 100rem);
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  padding-right: calc(60/1920*100rem) /* 60px */;
  padding-left: calc(60/1920*100rem) /* 60px */;
  height: calc(44/1920*100rem) /* 44px */;
}
.loginpage .login-box .loginstandard .card-body .row.apply-frm .frm-btn{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.apply-frm .frm-btn .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.apply-frm .frm-btn::before {
  --tw-text-opacity: 1;
  content: "Send";
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 400;
  font-size: calc(20/1920*100rem);
  line-height: 28/20;
}
.apply-frm .frm-btn::after {
  --tw-text-opacity: 1;
  content: "\f178";
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 300;
  font-size: calc(20/1920*100rem);
  line-height: 1;
  font-family: "Font Awesome 6 Pro";
}

.recruitment-detail-page .fancybox__content {
  padding-top: calc(40/1920*100rem) /* 40px */ !important;
  padding-right: calc(80/1920*100rem) /* 80px */ !important;
  padding-bottom: calc(40/1920*100rem) /* 40px */ !important;
  padding-left: calc(80/1920*100rem) /* 80px */ !important;
  width: 100% !important;
  max-width: 56.6666666667rem !important;
}
.recruitment-detail-page .fancybox__content .is-close{
  position: absolute !important;
  right: 0px !important;
}

.recruitment-our .desc{
  --tw-text-opacity: 1;
  position: relative;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}

@media (min-width: 1024px /* 1024px */){
  .recruitment-our .desc{
    padding-left: calc(32/1920*100rem) /* 32px */;
  }
  .recruitment-our .desc::before {
    --tw-bg-opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(156 185 210 / var(--tw-bg-opacity));
    width: calc(1 / 1920 * 100rem);
    height: 100%;
    content: "";
  }
}

.recruitment-welfare .desc{
  --tw-text-opacity: 1;
  margin-right: auto;
  margin-bottom: calc(32/1920*100rem) /* 32px */;
  margin-left: auto;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
  text-align: center;
}

@media (min-width: 1280px /* 1280px */){
  .recruitment-welfare .desc{
    max-width: calc(1184 / 1920 * 100rem);
  }
}
.recruitment-welfare .item{
  --tw-bg-opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
  padding-top: calc(32/1920*100rem) /* 32px */;
  padding-right: calc(20/1920*100rem) /* 20px */;
  padding-bottom: calc(32/1920*100rem) /* 32px */;
  padding-left: calc(20/1920*100rem) /* 20px */;
  height: 100%;
  text-align: center;
}
.loginpage .panel-body .recruitment-welfare .item.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.recruitment-welfare .item{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.recruitment-welfare .item .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .recruitment-welfare .item.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.recruitment-welfare .item{
  min-height: calc(264 / 1920 * 100rem);
}
.recruitment-welfare .box-content{
  margin-top: calc(12/1920*100rem) /* 12px */;
}
.loginpage .panel-body .flex.justify-between.recruitment-welfare .box-content {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .panel-body .flex.justify-between.recruitment-welfare .box-content {
  margin-top: 30px;
  font-size: 14px;
}
.recruitment-welfare .box-content h3{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 600;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.recruitment-welfare .box-content .desc{
  --tw-text-opacity: 1;
  margin-top: calc(8/1920*100rem) /* 8px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.recruitment-welfare .box-img{
  --tw-bg-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  width: calc(80 / 1920 * 100rem);
  height: calc(80 / 1920 * 100rem);
}
.loginpage .login-box .loginstandard .card-body .row.recruitment-welfare .box-img{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.recruitment-welfare .box-img .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.recruitment-welfare .img-src{
  height: calc(44 / 1920 * 100rem);
}
.recruitment-welfare .img-src img{
  height: 100%;
  object-fit: contain;
}

.recruitment-list .table-wrapper table{
  width: 100%;
}
.recruitment-list .table-wrapper thead tr{
  --tw-bg-opacity: 1;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
}
.recruitment-list .table-wrapper thead td{
  --tw-text-opacity: 1;
  padding-top: calc(14/1920*100rem) /* 14px */;
  padding-bottom: calc(14/1920*100rem) /* 14px */;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.recruitment-list .table-wrapper thead td:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.recruitment-list .table-wrapper tbody tr:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(206 220 233 / var(--tw-bg-opacity));
}
.recruitment-list .table-wrapper tbody tr:not(first-child) {
  border-left: 1px solid #E3EDFB;
}
.recruitment-list .table-wrapper tbody tr:not(first-child) td {
  border-right: 1px solid #E3EDFB;
  border-bottom: 1px solid #E3EDFB;
}
.recruitment-list .table-wrapper tbody td{
  --tw-text-opacity: 1;
  padding-top: calc(12/1920*100rem) /* 12px */;
  padding-bottom: calc(12/1920*100rem) /* 12px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
  text-align: center;
}
.recruitment-list .table-wrapper tbody td:nth-child(2){
  padding-left: calc(20/1920*100rem) /* 20px */;
  text-align: left;
}
.recruitment-list .table-wrapper tbody td:nth-child(2) a{
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.recruitment-list .table-wrapper tbody td:nth-child(2) a:hover{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.recruitment-list .table-wrapper tbody td:last-child a{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
@media (max-width: 575.98px) {
  .recruitment-list .table-wrapper{
    overflow: auto;
  }
  .recruitment-list .table-wrapper table{
    width: calc(780 / 1920 * 100rem);
  }
}
.recruitment-list .btn-1{
  min-width: fit-content;
}

.sustainability-1 .desc{
  --tw-text-opacity: 1;
  margin-top: calc(32/1920*100rem) /* 32px */;
  margin-bottom: calc(32/1920*100rem) /* 32px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.sustainability-1 .desc p + p{
  margin-top: calc(8/1920*100rem) /* 8px */;
}
.sustainability-1 .img-src img{
  border-radius: calc(4/1920*100rem) /* 4px */;
}

.sustainability-3 .desc{
  --tw-text-opacity: 1;
  margin-top: calc(24/1920*100rem) /* 24px */;
  margin-bottom: calc(24/1920*100rem) /* 24px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
  text-align: center;
}
.sustainability-3-swiper .img-src {
  height: 7.1354166667rem;
  text-align: center;
}
.sustainability-3-swiper .img-src img{
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1279.98px) {
  .sustainability-3-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}

.sustainability-2 .box-img, .sustainability-2 .box-content {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.sustainability-2 .box-img img{
  border-radius: calc(4/1920*100rem) /* 4px */;
}
.sustainability-2 .box-content{
  --tw-bg-opacity: 1;
  display: flex;
  align-items: center;
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: rgb(6 61 107 / var(--tw-bg-opacity));
}
.loginpage .panel-body .sustainability-2 .box-content.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.sustainability-2 .box-content{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.sustainability-2 .box-content .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .sustainability-2 .box-content.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.sustainability-2 .box-content h3{
  font-weight: 500;
  font-size: calc(36/1920*100rem);
  line-height: 1.166666;
}
.sustainability-2 .box-content .desc{
  margin-top: calc(24/1920*100rem) /* 24px */;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
@media (min-width: 1024px /* 1024px */) {
  .sustainability-2 .box-content .desc {
    padding-right: calc(8/1920*100rem) /* 8px */;
    max-height: 8.75rem;
    overflow-y: auto;
  }
  .sustainability-2 .box-content .desc::-webkit-scrollbar {
    --tw-bg-opacity: 1;
    border-radius: 0.4166666667rem;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    width: 0.4166666667rem;
  }
  .sustainability-2 .box-content .desc::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    outline: 1px solid white;
    border-radius: 0.4166666667rem;
    background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  }
}
.sustainability-2 .desc{
  margin-top: calc(32/1920*100rem) /* 32px */;
  margin-bottom: calc(32/1920*100rem) /* 32px */;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.sustainability-2-swiper .img-src img{
  border-radius: calc(4/1920*100rem) /* 4px */;
}
@media (max-width: 1279.98px) {
  .sustainability-2-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}
@media (min-width: 1024px /* 1024px */) {
  .sustainability-2 .box-img, .sustainability-2 .box-content {
    flex: 0 0 calc(50% - 0.5208333333rem);
    max-width: calc(50% - 0.5208333333rem);
  }
}

@media (min-width: 1280px /* 1280px */) {
  .sustainability-4.section-large{
    padding-top: calc(180 / 1920 * 100rem);
    padding-top: calc(114 / 1920 * 100rem);
    padding-bottom: calc(180 / 1920 * 100rem);
  }
}
.sustainability-4 .desc{
  --tw-text-opacity: 1;
  margin-top: calc(24/1920*100rem) /* 24px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
@media (max-width: 1023.98px) {
  .sustainability-4 {
    --tw-bg-opacity: 1;
    background-image: none !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  }
}

@media (min-width: 1280px /* 1280px */) {
  .sustainability-5.section-medium{
    padding-top: calc(32/1920*100rem) /* 32px */;
  }
}
.sustainability-5 ul{
  display: flex;
  align-items: center;
  gap: calc(20/1920*100rem) /* 20px */;
  margin-bottom: calc(20/1920*100rem) /* 20px */;
}
.loginpage .panel-body .sustainability-5 ul.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.sustainability-5 ul{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.sustainability-5 ul .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .sustainability-5 ul.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
@media (min-width: 576px /* 576px */){
  .sustainability-5 ul{
    justify-content: center;
  }
}
.sustainability-5 ul li.active a{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sustainability-5 ul a{
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-color: rgb(156 185 210 / var(--tw-border-opacity));
  border-radius: calc(4/1920*100rem) /* 4px */;
  background-color: transparent;
  padding-top: calc(8/1920*100rem) /* 8px */;
  padding-right: calc(10/1920*100rem) /* 10px */;
  padding-bottom: calc(8/1920*100rem) /* 8px */;
  padding-left: calc(10/1920*100rem) /* 10px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  white-space: nowrap;
}
.loginpage .login-box .loginstandard .card-body .row.sustainability-5 ul a{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.sustainability-5 ul a .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.sustainability-5 ul a{
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.sustainability-5 ul a:hover{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(196 33 43 / var(--tw-border-opacity));
  background-color: rgb(196 33 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (max-width: 575.98px) {
  .sustainability-5 ul{
    overflow-x: scroll;
  }
}
.sustainability-5-swiper .swiper-slide{
  height: auto;
}
.sustainability-5-swiper .item{
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
  height: 100%;
}
.sustainability-5-swiper .box-img img {
  border-radius: 0.2083333333rem 0.2083333333rem 0px 0px;
}
.sustainability-5-swiper .box-content {
  border-radius: 0px 0px 0.2083333333rem 0.2083333333rem;
  padding: calc(24/1920*100rem) /* 24px */;
}
.sustainability-5-swiper h3{
  --tw-text-opacity: 1;
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: calc(12/1920*100rem) /* 12px */;
  color: rgb(8 81 143 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.sustainability-5-swiper h3:hover{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.sustainability-5-swiper .desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(18/1920*100rem);
  line-height: 1.33333;
}
@media (max-width: 1279.98px) {
  .sustainability-5-swiper{
    padding-bottom: calc(20/1920*100rem) /* 20px */;
  }
}

.wwd-detail .aquaculture .desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
.wwd-detail .aquaculture .item{
  text-align: center;
}
.wwd-detail .aquaculture .item h4{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
  font-weight: 700;
  font-size: calc(28/1920*100rem);
  line-height: 1.2;
}
@media (min-width: 768px /* 768px */) {
    .wwd-detail .aquaculture .item h4{
    font-size: calc(40/1920*100rem);
  }
  }
.wwd-detail .aquaculture .item .desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
}
.wwd-detail .certifications{
  padding-top: calc(48/1920*100rem) /* 48px */;
  padding-bottom: calc(48/1920*100rem) /* 48px */;
}
.wwd-detail .certifications .item{
  text-align: center;
}
.wwd-detail .certifications .desc{
  --tw-text-opacity: 1;
  margin-top: calc(24/1920*100rem) /* 24px */;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  font-size: calc(24/1920*100rem);
  line-height: 1.33333;
}
@media (max-width: 767.98px) {
  .wwd-detail .certifications{
    padding-bottom: calc(40/1920*100rem) /* 40px */;
  }
  .wwd-detail .certifications .swiper-pagination{
    bottom: calc(10/1920*100rem) /* 10px */;
  }
}
.wwd-detail .info .item + .item{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
.wwd-detail .info .item:nth-child(odd) .box-content{
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
}
.wwd-detail .info .item:nth-child(odd) .box-content h3{
  --tw-text-opacity: 1;
  color: rgb(8 81 143 / var(--tw-text-opacity));
}
.wwd-detail .info .item:nth-child(odd) .box-content .desc{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.wwd-detail .info .item:nth-child(even) .box-content{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px /* 1024px */) {
  .wwd-detail .info .item:nth-child(odd) .box-img{
    order: 2;
  }
  .wwd-detail .info .item:nth-child(odd) .box-content{
    order: 1;
  }
  .wwd-detail .info .item:nth-child(even) .box-img{
    order: 1;
  }
  .wwd-detail .info .item:nth-child(even) .box-content{
    order: 2;
  }
}
.wwd-detail .info .box-content, .wwd-detail .info .box-img {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.wwd-detail .info .box-content img, .wwd-detail .info .box-img img{
  border-radius: calc(4/1920*100rem) /* 4px */;
}
.wwd-detail .info .box-content{
  display: flex;
  align-items: center;
  border-radius: calc(4/1920*100rem) /* 4px */;
}
.loginpage .panel-body .wwd-detail .info .box-content.justify-between.mt-3 {
  display: none;
}
.loginpage .login-box .loginstandard .card-body .row.wwd-detail .info .box-content{
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.loginpage .login-box .loginstandard .card-body .row.wwd-detail .info .box-content .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.loginpage .login-box .loginstandard .card-body .panel-body .wwd-detail .info .box-content.justify-between.mt-3 {
  margin-top: 30px;
  font-size: 14px;
}
.wwd-detail .info .box-content h3{
  font-weight: 500;
  font-size: calc(36/1920*100rem);
  line-height: 1.166666;
  text-transform: uppercase;
}
.wwd-detail .info .box-content .desc{
  margin-top: calc(24/1920*100rem) /* 24px */;
  font-size: calc(20/1920*100rem);
  line-height: 1.4;
  @media (min-width: 1024px /* 1024px */);
  padding-right: calc(8/1920*100rem) /* 8px */;
  max-height: 8.75rem;
  overflow-y: auto;
}
.wwd-detail .info .box-content .desc::-webkit-scrollbar {
  --tw-bg-opacity: 1;
  border-radius: 0.4166666667rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: 0.4166666667rem;
}
.wwd-detail .info .box-content .desc::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  outline: 1px solid white;
  border-radius: 0.4166666667rem;
  background-color: rgb(8 81 143 / var(--tw-bg-opacity));
}
@media (min-width: 1024px /* 1024px */) {
  .wwd-detail .info .box-img {
    flex: 0 0 calc(50% - 0.5208333333rem);
    max-width: calc(50% - 0.5208333333rem);
  }
  .wwd-detail .info .box-content {
    flex: 0 0 calc(50% - 0.5208333333rem);
    max-width: calc(50% - 0.5208333333rem);
  }
}

.wwd-list .item + .item{
  margin-top: calc(20/1920*100rem) /* 20px */;
}
@media (min-width: 1024px /* 1024px */) {
  .wwd-list .item:nth-child(odd) .box-img{
    order: 1;
  }
  .wwd-list .item:nth-child(odd) .box-content{
    order: 1;
  }
  .wwd-list .item:nth-child(even) .box-img{
    order: 2;
  }
  .wwd-list .item:nth-child(even) .box-content{
    order: 1;
  }
}
.wwd-list .box-img, .wwd-list .box-content {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.wwd-list .box-content{
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 253 / var(--tw-bg-opacity));
}
.wwd-list .box-content .icon{
  width: calc(64/1920*100rem) /* 64px */;
  height: calc(64/1920*100rem) /* 64px */;
}
.wwd-list .box-content .icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1024px /* 1024px */) {
  .wwd-list .box-img {
    flex: 0 0 65.8536585366%;
    max-width: 65.8536585366%;
  }
  .wwd-list .box-content {
    flex: 0 0 32.6219512195%;
    max-width: 32.6219512195%;
  }
}
.first\:border-t-0:first-child{
  border-top-width: 0px;
}
.empty\:hidden:empty{
  display: none;
}
.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(196 33 43 / var(--tw-text-opacity));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 576px /* 576px */){
  .sm\:h-\[calc\(593\/1920\*100rem\)\]{
    height: calc(593 / 1920 * 100rem);
  }
  .sm\:w-\[calc\(420\/1920\*100rem\)\]{
    width: calc(420 / 1920 * 100rem);
  }
  .sm\:w-\[calc\(496\/1920\*100rem\)\]{
    width: calc(496 / 1920 * 100rem);
  }
  .sm\:w-\[calc\(672\/1920\*100rem\)\]{
    width: calc(672 / 1920 * 100rem);
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:justify-center{
    justify-content: center;
  }
  .sm\:p-15{
    padding: calc(60/1920*100rem) /* 60px */;
  }
  .sm\:pt-\[26\%\]{
    padding-top: 26%;
  }
  .sm\:pt-\[calc\(551\/568\*100\%\)\]{
    padding-top: calc(551 / 568 * 100%);
  }
}
@media (min-width: 768px /* 768px */){
  .md\:bottom-\[15\%\]{
    bottom: 15%;
  }
  .md\:h-15{
    height: calc(60/1920*100rem) /* 60px */;
  }
  .md\:h-\[calc\(160\/1920\*100rem\)\]{
    height: calc(160 / 1920 * 100rem);
  }
  .md\:h-\[calc\(344\/1920\*100rem\)\]{
    height: calc(344 / 1920 * 100rem);
  }
  .md\:h-\[calc\(584\/1920\*100rem\)\]{
    height: calc(584 / 1920 * 100rem);
  }
  .md\:h-\[calc\(97\/1920\*100rem\)\]{
    height: calc(97 / 1920 * 100rem);
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-10\/12{
    width: 83.333333%;
  }
  .md\:w-15{
    width: calc(60/1920*100rem) /* 60px */;
  }
  .md\:w-4\/12{
    width: 33.333333%;
  }
  .md\:w-6\/12{
    width: 50%;
  }
  .md\:w-7\/12{
    width: 58.333333%;
  }
  .md\:w-\[calc\(224\/1920\*100rem\)\]{
    width: calc(224 / 1920 * 100rem);
  }
  .md\:w-\[calc\(287\/1920\*100rem\)\]{
    width: calc(287 / 1920 * 100rem);
  }
  .md\:w-\[calc\(344\/1920\*100rem\)\]{
    width: calc(344 / 1920 * 100rem);
  }
  .md\:w-\[calc\(584\/1920\*100rem\)\]{
    width: calc(584 / 1920 * 100rem);
  }
  .md\:w-\[calc\(720\/1920\*100rem\)\]{
    width: calc(720 / 1920 * 100rem);
  }
  .md\:w-\[calc\(79\/1920\*100rem\)\]{
    width: calc(79 / 1920 * 100rem);
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:items-start{
    align-items: flex-start;
  }
  .md\:gap-3{
    gap: calc(12/1920*100rem) /* 12px */;
  }
  .md\:gap-8{
    gap: calc(32/1920*100rem) /* 32px */;
  }
  .md\:p-15{
    padding: calc(60/1920*100rem) /* 60px */;
  }
  .md\:p-8{
    padding: calc(32/1920*100rem) /* 32px */;
  }
  .md\:px-25{
    padding-right: calc(100/1920*100rem) /* 100px */;
    padding-left: calc(100/1920*100rem) /* 100px */;
  }
  .md\:pb-20{
    padding-bottom: calc(80/1920*100rem) /* 80px */;
  }
  .md\:pb-\[calc\(148\/1920\*100rem\)\]{
    padding-bottom: calc(148 / 1920 * 100rem);
  }
  .md\:pt-20{
    padding-top: calc(80/1920*100rem) /* 80px */;
  }
  .md\:pt-\[calc\(108\/1920\*100rem\)\]{
    padding-top: calc(108 / 1920 * 100rem);
  }
  .md\:pt-full{
    padding-top: 100%;
  }
  .md\:text-40{
    font-size: calc(40/1920*100rem);
  }
  .md\:text-4xl{
    font-size: calc(36/1920*100rem);
  }
  .md\:text-\[calc\(48\/1920\*100rem\)\]{
    font-size: calc(48 / 1920 * 100rem);
  }
  .md\:text-\[calc\(80\/1920\*100rem\)\]{
    font-size: calc(80 / 1920 * 100rem);
  }
  .md\:global-text-40{
    font-size: calc(28/1920*100rem);
    line-height: 1.2;
  }
  @media (min-width: 768px /* 768px */) {
    {
      font-size: calc(48/1920*100rem);
    }
    .md\:global-text-40{
      font-size: calc(40/1920*100rem);
    }
  }
}
@media (min-width: 1024px /* 1024px */){
  .lg\:right-15{
    right: calc(60/1920*100rem) /* 60px */;
  }
  .lg\:top-25{
    top: calc(100/1920*100rem) /* 100px */;
  }
  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .lg\:-mr-8{
    margin-right: calc(calc(32/1920*100rem) /* 32px */ * -1);
  }
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:mt-20{
    margin-top: calc(80/1920*100rem) /* 80px */;
  }
  .lg\:h-25{
    height: calc(100/1920*100rem) /* 100px */;
  }
  .lg\:w-1\/2{
    width: 50%;
  }
  .lg\:w-3\/12{
    width: 25%;
  }
  .lg\:w-4\/12{
    width: 33.333333%;
  }
  .lg\:w-5\/12{
    width: 41.666667%;
  }
  .lg\:w-6\/12{
    width: 50%;
  }
  .lg\:w-7\/12{
    width: 58.333333%;
  }
  .lg\:w-8\/12{
    width: 66.666667%;
  }
  .lg\:w-9\/12{
    width: 75%;
  }
  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .lg\:gap-7{
    gap: calc(28/1920*100rem) /* 28px */;
  }
  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:py-10{
    padding-top: calc(40/1920*100rem) /* 40px */;
    padding-bottom: calc(40/1920*100rem) /* 40px */;
  }
  .lg\:pl-20{
    padding-left: calc(80/1920*100rem) /* 80px */;
  }
  .lg\:pl-8{
    padding-left: calc(32/1920*100rem) /* 32px */;
  }
  .lg\:pr-11{
    padding-right: calc(44/1920*100rem) /* 44px */;
  }
  .lg\:pr-14{
    padding-right: calc(56/1920*100rem) /* 56px */;
  }
  .lg\:pr-20{
    padding-right: calc(80/1920*100rem) /* 80px */;
  }
  .lg\:pt-\[calc\(183\/416\*100\%\)\]{
    padding-top: calc(183 / 416 * 100%);
  }
  .lg\:pt-\[calc\(222\/416\*100\%\)\]{
    padding-top: calc(222 / 416 * 100%);
  }
  .lg\:pt-\[calc\(334\/416\*100\%\)\]{
    padding-top: calc(334 / 416 * 100%);
  }
}
@media (min-width: 1280px /* 1280px */){
  .xl\:absolute{
    position: absolute;
  }
  .xl\:bottom-\[calc\(160\/1920\*100rem\)\]{
    bottom: calc(160 / 1920 * 100rem);
  }
  .xl\:left-5{
    left: calc(20/1920*100rem) /* 20px */;
  }
  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .xl\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .xl\:mx-5{
    margin-right: calc(20/1920*100rem) /* 20px */;
    margin-left: calc(20/1920*100rem) /* 20px */;
  }
  .xl\:hidden{
    display: none;
  }
  .xl\:w-full{
    width: 100%;
  }
  .xl\:max-w-\[calc\(1184\/1920\*100rem\)\]{
    max-width: calc(1184 / 1920 * 100rem);
  }
  .xl\:max-w-\[calc\(1388\/1920\*100rem\)\]{
    max-width: calc(1388 / 1920 * 100rem);
  }
  .xl\:flex-shrink-0{
    flex-shrink: 0;
  }
  .xl\:basis-\[calc\(1388\/1920\*100rem\)\]{
    flex-basis: calc(1388 / 1920 * 100rem);
  }
  .xl\:scale-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));
  }
  .xl\:scale-110{
    --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));
  }
  .xl\:gap-\[calc\(198\/1920\*100rem\)\]{
    gap: calc(198 / 1920 * 100rem);
  }
  .xl\:text-64{
    font-size: calc(64/1920*100rem);
  }
  .xl\:text-base{
    font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
  }
  .xl\:leading-\[calc\(64\/56\)\]{
    line-height: calc(64 / 56);
  }
  .xl\:global-text-48{
    font-size: calc(32/1920*100rem);
    line-height: 1.166666;
  }
  @media (min-width: 768px /* 768px */) {
    .xl\:global-text-48{
      font-size: calc(48/1920*100rem);
    }
    {
      font-size: calc(40/1920*100rem);
    }
  }
}
/*# sourceMappingURL=main.min.css.map */