@font-face {
  font-family: "1FTV VIP Shogeking Oniki";
  src: url("../fonts/custom/1FTVVIPShogekingOniki.woff2") format("woff2"), url("../fonts/custom/1FTVVIPShogekingOniki.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SN Samsung Sharp Sans";
  src: url("../fonts/custom/SNSamsungSharpSans-Bold.woff2") format("woff2"), url("../fonts/custom/SNSamsungSharpSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SN Samsung Sharp Sans";
  src: url("../fonts/custom/SNSamsungSharpSans-Medium.woff2") format("woff2"), url("../fonts/custom/SNSamsungSharpSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Hiro Misake";
  src: url("../fonts/custom/SVN-HiroMisake-Regular.woff2") format("woff2"), url("../fonts/custom/SVN-HiroMisake-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shake-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10%, 30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20%, 40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }
  100%, 50% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fadeup {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pulse-animation {
  0% {
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  10% {
    transform: scale3d(1.1, 1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale3d(1.6, 1.6, 1.6);
    opacity: 0;
  }
}
@keyframes border-animation {
  0% {
    transform: scale3d(0.6, 0.6, 0.6);
    opacity: 0;
  }
  20% {
    transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
  }
  100% {
    transform: scale3d(1.4, 1.4, 1.4);
    opacity: 0;
  }
}
@keyframes skeleton {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
/* From Uiverse.io by alexruix */
.loader {
  --cell-size: 52px;
  --cell-spacing: 1px;
  --cells: 3;
  --total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));
  display: flex;
  flex-wrap: wrap;
  width: var(--total-size);
  height: var(--total-size);
}

.cell {
  flex: 0 0 var(--cell-size);
  margin: var(--cell-spacing);
  background-color: transparent;
  box-sizing: border-box;
  border-radius: 4px;
  animation: 1.5s ripple ease infinite;
}

.cell.d-1 {
  animation-delay: 100ms;
}

.cell.d-2 {
  animation-delay: 200ms;
}

.cell.d-3 {
  animation-delay: 300ms;
}

.cell.d-4 {
  animation-delay: 400ms;
}

.cell:nth-child(1) {
  --cell-color: #00FF87;
}

.cell:nth-child(2) {
  --cell-color: #0CFD95;
}

.cell:nth-child(3) {
  --cell-color: #17FBA2;
}

.cell:nth-child(4) {
  --cell-color: #23F9B2;
}

.cell:nth-child(5) {
  --cell-color: #30F7C3;
}

.cell:nth-child(6) {
  --cell-color: #3DF5D4;
}

.cell:nth-child(7) {
  --cell-color: #45F4DE;
}

.cell:nth-child(8) {
  --cell-color: #53F1F0;
}

.cell:nth-child(9) {
  --cell-color: #60EFFF;
}

/*Animation*/
@keyframes ripple {
  0% {
    background-color: transparent;
  }
  30% {
    background-color: var(--cell-color);
  }
  60% {
    background-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.inset-0 {
  inset: 0;
}

.pointer {
  cursor: pointer;
}

.z--1 {
  z-index: -1;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}

.isolate {
  isolation: isolate;
}

.ovf-hidden {
  overflow: hidden;
}

.square {
  aspect-ratio: 1/1;
}

:root {
  --max-width: min(1200px, calc(100% - 30px));
  --max-padding: 1fr;
  --primary-color: #b83f2e;
  --white-color: #faefdb;
  --dark-color: #0d1112;
  --font-family: "SN Samsung Sharp Sans", sans-serif;
  --second-family: "SVN-Hiro Misake", sans-serif;
  --third-family: "Roboto", sans-serif;
  --font3: "1FTV VIP Shogeking Oniki", sans-serif;
  --font4: "SVN-Gilroy", sans-serif;
  --line: 3;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.5;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 5px;
}

body {
  top: 0 !important;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-family: var(--font-family);
  font-size: 14px;
  background: var(--white-color);
}

button {
  all: unset;
  box-sizing: border-box;
}

picture {
  display: flex;
}
picture:has(> img.w-100) {
  width: 100%;
  height: auto;
}

img {
  max-width: 100%;
  object-fit: cover;
  display: inline-block;
  height: auto;
}
img.lazy {
  display: flex;
  opacity: 0;
}
img:not(.initial) {
  transition: opacity 1s;
}
img:not([src]) {
  visibility: hidden;
}
img:is(.loaded, .error) {
  opacity: 1;
}

a,
input,
textarea {
  outline: none;
  padding: 0;
}

input[type=number] {
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wrap-content {
  display: grid;
  width: 100% !important;
  grid-column: main;
  grid-template-columns: [main-start] var(--max-padding) [content-start] var(--max-width) [content-end] var(--max-padding) [main-end];
}
.wrap-content > *:not(.fw, .wrap-content) {
  grid-column: content;
}
.wrap-content > .fw {
  grid-column: main;
}

.pagination {
  --bs-pagination-color: var(--primary-color);
  --bs-pagination-hover-color: var(--primary-color);
  --bs-pagination-active-bg: var(--primary-color);
  --bs-pagination-active-border-color: var(--primary-color);
  flex-wrap: wrap;
  margin: 20px 0 0 0 !important;
}
.pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

:is(.title-main, .title-detail) {
  text-align: center;
  margin-bottom: clamp(15px, 2.4390243902vw, 30px);
}
:is(.title-main, .title-detail) :is(span, h1, h2, h3, h4, h5) {
  font: 400 clamp(30px, 5.4471544715vw, 67px)/1.4626865672 var(--second-family);
  text-transform: uppercase;
  color: var(--dark-color);
  margin-bottom: 0;
}
:is(.title-main, .title-detail) p {
  font: 500 14px/2.14286 var(--font-family);
  color: #32302c;
  margin-top: calc(-1 * clamp(5px, 0.8943089431vw, 11px));
}

.time-main {
  color: #999;
  margin-bottom: 0.75rem;
}
.time-main i {
  margin: 3px 7px 0 0;
  vertical-align: top;
}
.time-main span {
  display: inline-block;
  vertical-align: top;
}

.share {
  background: hsla(0, 0%, 50%, 0.15);
  border-radius: 5px;
  line-height: normal;
  margin-top: 15px;
  padding: 17px 15px 10px;
}
.share b {
  display: block;
  margin-bottom: 5px;
}

footer {
  background: var(--dark-color);
}
footer hr {
  border-color: #293437;
  border-width: 2px;
}

.footer-top {
  padding: clamp(20px, 5.6910569106vw, 70px) 0 clamp(14px, 2.2764227642vw, 28px);
  display: grid;
  --gap: clamp(8px, calc(20 / 1230 * 100vw), 20px);
  gap: var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(max(250px, (100% - var(--gap) * 3) / 4), 1fr));
}

.footer-title {
  font: 700 15px var(--font-family);
  color: #fff;
  margin-bottom: clamp(6px, 1.0569105691vw, 13px);
}

.footer-listview_item {
  font: 500 12px/2.91667 var(--font-family);
  color: #fff;
}
.footer-listview_item:hover {
  color: var(--primary-color);
}

.footer-powered {
  font: 500 12px/2.91667 var(--font-family);
  color: #fff;
  padding: clamp(12px, 1.9512195122vw, 24px);
}

#footer-map {
  height: 500px;
  position: relative;
}
#footer-map iframe {
  height: 100% !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}

@media (min-width: 1200px) {
  .footer-top {
    gap: clamp(20px, 6.5040650407vw, 80px);
    grid-template-columns: 100px 175px 270px 335px;
    justify-content: space-between;
  }
}
.text-split {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line);
  box-orient: vertical;
  line-clamp: var(--line);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: calc(var(--line) * 1lh);
}

.scale-img {
  display: block;
  overflow: hidden;
}
.scale-img img {
  transition: all 0.3s;
  transform: scale(1);
}

:is([class*=_item]:hover .scale-img, .scale-img:hover) > img,
:is([class*=_item]:hover .scale-img, .scale-img:hover) picture > img {
  transition: all 0.3s;
  transform: scale(1.1);
}

[class*=-xemthem] {
  transition: all 0.6s;
  position: relative;
  overflow: hidden;
}
[class*=-xemthem]::before {
  transition: all 0.6s;
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(20deg, var(--bg, transparent) 50%, var(--xemthem-color, var(--primary-color)) 50%);
  background-size: 600%;
}
[class*=-xemthem]:hover {
  color: white;
  transform: translateX(0.5rem);
}
[class*=-xemthem]:hover::before {
  background-position: 100%;
}

.transition {
  transition: all 0.3s;
}

.cart-fixed {
  color: #fff !important;
  z-index: 10;
}
.cart-fixed i {
  font-size: 20px;
}
.cart-fixed span {
  background: var(--primary-color);
  border-radius: 100%;
  color: #fff;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: 0;
  width: 25px;
}

.a2a_kit .a2a_svg {
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.qty-pro {
  flex: 0 0 100px !important;
}

.skeleton :is([class*="-pic "], [class*="-title "], [class*="-desc "], [class*="-content "], [class*="-price "]) {
  background: #e4e4e4;
  border-radius: 5px;
  animation: skeleton 2s ease-in-out infinite;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.skeleton .pagination-ajax {
  filter: grayscale(1);
  position: relative;
}
.skeleton .pagination-ajax::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}
.skeleton img {
  opacity: 0;
}

.htmx-indicator:not(.htmx-request) {
  display: none !important;
}

.aos-overflow {
  overflow: hidden !important;
  overflow: clip visible !important;
}

.search-form {
  width: 37.5%;
}
.search-form input:is(:focus, :focus-visible, :focus-within) {
  border: unset !important;
  outline: unset;
  box-shadow: unset;
}
.search-form button {
  border-radius: 100%;
  width: 42px;
  color: white;
  font-size: 16px;
}

.menu-res {
  background: var(--dark-color);
  z-index: 100;
  display: none;
}
.menu-res .header-cart img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(8%) hue-rotate(353deg) brightness(104%) contrast(104%);
}

.search-res {
  position: relative;
}
.search-res input[type=checkbox]:checked + label {
  border-radius: 50%;
  background-color: white;
  color: var(--primary-color);
}
.search-res input[type=checkbox]:checked + label + .search-grid {
  opacity: 1;
  grid-template-columns: 1fr;
}
.search-res .search-grid {
  display: grid;
  grid-template-columns: 0fr;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 2;
  width: max-content;
}

.grid-sp {
  display: grid;
  --gap: clamp(8px, calc(36 / 1230 * 100vw), 36px);
  gap: var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--gap) * 2) / 3), 1fr));
}

.sp-brand-name {
  font: 700 clamp(14px, 1.4634146341vw, 18px)/1.2222222222 var(--font-family);
  letter-spacing: 0.18em;
  color: #fff;
  padding: clamp(4px, 0.7317073171vw, 9px);
  text-align: center;
  width: 100%;
  background: var(--dark-color);
  margin-top: clamp(10px, 1.6260162602vw, 20px);
}

.sp-pic {
  margin: clamp(12px, 1.9512195122vw, 24px) 0 clamp(13px, 2.1138211382vw, 26px);
}

.sp-title {
  font: 700 clamp(16px, 1.6260162602vw, 20px)/1.25 var(--font-family);
  text-align: center;
  color: #0d1112;
  margin-bottom: clamp(15px, 2.4390243902vw, 30px);
}

.sp-bg {
  inset: 0 clamp(8px, 1.3008130081vw, 16px);
  background: #fffaf2;
}

.sp-body {
  padding: 0 clamp(21px, 3.4146341463vw, 42px);
}

.wrap-gt_home {
  padding: clamp(20px, 6.5040650407vw, 80px) 0 clamp(20px, 5.3658536585vw, 66px);
  overflow: hidden;
}
.wrap-gt_home > .row.g-0 {
  --bs-gutter-x: clamp(18px, calc(36 / 1230 * 100vw), 36px);
  --bs-gutter-y: clamp(18px, calc(36 / 1230 * 100vw), 36px);
}

.gt_home-bamboo {
  top: -9px;
  right: -143px;
}

.gt_home-tower {
  right: -6px;
  top: 210px;
}

.gt_home-wave-left {
  left: 0;
  top: 287px;
}

.gt_home-wave-bottom {
  bottom: 53px;
  right: 96px;
}

@keyframes fish_animation {
  0% {
    transform: perspective(400px) rotateY(7deg) rotateZ(3deg);
  }
  50% {
    transform: perspective(400px) rotateY(-7deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(400px) rotateY(7deg) rotateZ(3deg);
  }
}
.gt_home-fish {
  top: 0;
  right: -64px;
  transform-origin: left bottom;
  animation: fish_animation 1.3s ease-in-out alternate infinite;
}

.gt_home-banners {
  aspect-ratio: 577/613;
  width: min(577px, 100%);
}

.gt_home-label {
  font: 400 clamp(25px, 4.0650406504vw, 50px)/1.14 var(--font3);
  color: #0d1112;
}

.gt_home-title {
  font: 400 clamp(30px, 4.6341463415vw, 57px) var(--second-family);
  text-transform: uppercase;
  color: #0d1112;
  margin-bottom: clamp(4px, 0.6504065041vw, 8px);
}

.gt_home-desc {
  font: 500 clamp(12px, 1.1382113821vw, 14px)/2.14286 var(--font-family);
  color: #33302a;
  margin-bottom: clamp(20px, 5.2032520325vw, 64px);
}

.gt_home-xemthem {
  color: var(--primary-color) !important;
}
.gt_home-xemthem span {
  font: 700 14px/2.14286 var(--font-family);
  text-align: justify;
  color: #fff;
}
.gt_home-xemthem::before {
  display: none;
}

.wrap-splistnb {
  background: var(--dark-color);
  padding: clamp(20px, 4.8780487805vw, 60px) 0 clamp(20px, 7.3983739837vw, 91px);
}
.wrap-splistnb .title-main h2 {
  color: var(--white-color);
}

.splistnb_item {
  padding-bottom: clamp(14px, 2.2764227642vw, 28px);
  isolation: isolate;
  background: var(--dark-color);
}
.splistnb_item::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: clamp(11.6px, 2.3577235772vw, 29px);
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #faefdb;
  border-radius: 10px;
}

.splistnb-title {
  background: var(--dark-color);
  font: 700 clamp(18px, 2.4390243902vw, 30px)/1.2333333333 var(--font-family);
  text-transform: uppercase;
  text-align: center;
  color: #faefdb;
  border: 2px solid #faefdb;
  border-radius: 10px;
  padding: 10px;
  width: min(250px, 100% - 10px);
  margin: 0 auto;
  margin-bottom: clamp(13px, 2.1138211382vw, 26px);
}

.splistnb-children {
  --_gap: clamp(26px, calc(53 / 1230 * 100vw), 53px);
  gap: var(--_gap);
  height: calc(7lh + var(--_gap) * 6);
  font: 700 clamp(14px, 1.3008130081vw, 16px)/1.25 var(--font-family);
  color: #faefdb;
  padding: 0 clamp(10px, 1.6260162602vw, 20px);
  margin: 0 clamp(10px, 1.6260162602vw, 20px);
}
.splistnb-children-title {
  font: 500 clamp(12px, 1.1382113821vw, 14px) var(--font-family);
  color: #faefdb;
}
.splistnb-children_item {
  position: relative;
  isolation: isolate;
}
.splistnb-children_item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-1 * var(--_gap) / 2);
  translate: 0 -50%;
  height: 1px;
  width: 100%;
  background: #3c3d3d;
}

.splistnb-bg {
  mix-blend-mode: luminosity;
  opacity: 0.34;
}

@keyframes splistnbCherry {
  0% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(3deg);
  }
}
@keyframes splistnbCloud {
  0% {
    transform: translateX(10);
  }
  100% {
    transform: translateX(-10px);
  }
}
.splistnb-cherry {
  top: 15px;
  left: -5px;
  transform-origin: left center;
  animation: splistnbCherry 1.4s ease-in-out infinite alternate;
}

.splistnb-sun {
  top: 62px;
  left: 166px;
}

.splistnb-cloud {
  top: 322px;
  right: 80px;
  animation: splistnbCloud 1.4s ease-in-out infinite alternate;
}

.splistnb-caro {
  top: 443px;
  right: 0;
}

.wrap-spnb {
  padding: clamp(20px, 5.6910569106vw, 70px) 0 clamp(20px, 7.3170731707vw, 90px);
}

@keyframes spnbWindChime {
  0% {
    transform: rotateZ(-5deg);
  }
  100% {
    transform: rotateZ(5deg);
  }
}
.spnb-wind-chime {
  top: 0;
  left: -238px;
  transform-origin: top center;
  animation: spnbWindChime 1.4s ease-in-out infinite alternate;
}

.wrap-album {
  padding: clamp(20px, 3.4959349593vw, 43px) 0 clamp(20px, 8.1300813008vw, 100px);
  --max-width: min(1180px, calc(100% - 30px));
}

@keyframes albumDecor {
  0% {
    transform: rotateZ(-5deg);
  }
  100% {
    transform: rotateZ(5deg);
  }
}
.album-decor {
  top: 9px;
  right: 0;
  transform-origin: bottom center;
  animation: albumDecor 1.2s ease-in-out infinite alternate;
}

.grid-album {
  display: grid;
  --gap: clamp(8px, calc(20 / 1230 * 100vw), 20px);
  gap: var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--gap) * 3) / 4), 1fr));
}

@media (min-width: 992px) {
  .grid-album {
    position: relative;
    aspect-ratio: 1.2638297872;
  }
  .grid-album > * {
    position: absolute;
  }
  .grid-album .album_item:nth-child(1) {
    width: 42.8451178451%;
    height: 31.914893617%;
    top: 0%;
    left: 0%;
  }
  .grid-album .album_item:nth-child(2) {
    width: 29.4612794613%;
    height: 24.1489361702%;
    top: 0%;
    left: 44.5286195286%;
  }
  .grid-album .album_item:nth-child(3) {
    width: 24.3265993266%;
    height: 51.0638297872%;
    top: 0%;
    left: 75.6734006734%;
  }
  .grid-album .album_item:nth-child(4) {
    width: 27.6936026936%;
    height: 31.914893617%;
    top: 34.0425531915%;
    left: 0%;
  }
  .grid-album .album_item:nth-child(5) {
    z-index: 2;
    position: absolute;
    outline: 8px solid var(--white-color);
    outline-offset: -8px;
    width: 44.6127946128%;
    height: 51.0638297872%;
    isolation: isolate;
    top: 26.2765957447%;
    left: 29.3771043771%;
  }
  .grid-album .album_item:nth-child(5) > img {
    position: relative;
    z-index: -1 !important;
  }
  .grid-album .album_item:nth-child(6) {
    width: 36.1952861953%;
    height: 31.914893617%;
    top: 68.085106383%;
    left: 0%;
  }
  .grid-album .album_item:nth-child(7) {
    width: 36.1952861953%;
    height: 20.5319148936%;
    top: 79.4680851064%;
    left: 37.8787878788%;
  }
  .grid-album .album_item:nth-child(8) {
    width: 24.3265993266%;
    height: 46.8085106383%;
    top: 53.1914893617%;
    left: 75.6734006734%;
  }
}
.wrap-tintuc {
  margin: clamp(20px, 3.3333333333vw, 41px) 0 clamp(20px, 7.3170731707vw, 90px);
}

.tintuc_item {
  gap: clamp(14px, 2.1951219512vw, 27px);
}

.tintuc-line {
  width: 3px;
  height: 330px;
  background: #623b10;
}

.tintuc-body {
  gap: clamp(10px, 1.6260162602vw, 20px);
}

.tintuc-numb {
  font: 400 clamp(30px, 4.8780487805vw, 60px)/1.3 var(--second-family);
  text-transform: uppercase;
  color: var(--white-color);
  text-shadow: rgb(98, 59, 16) 1px 0px 0px, rgb(98, 59, 16) 0.540302px 0.841471px 0px, rgb(98, 59, 16) -0.416147px 0.909297px 0px, rgb(98, 59, 16) -0.989992px 0.14112px 0px, rgb(98, 59, 16) -0.653644px -0.756802px 0px, rgb(98, 59, 16) 0.283662px -0.958924px 0px, rgb(98, 59, 16) 0.96017px -0.279415px 0px;
}

.tintuc-date {
  font: 500 13px/1.92308 var(--font-family);
  color: #b83f2e;
}

.tintuc-title {
  font: 700 clamp(16px, 1.6260162602vw, 20px)/1.75 var(--font-family);
  color: #282828;
  margin-top: clamp(6px, 0.9756097561vw, 12px);
}

.tintuc-xemthem {
  font: 600 16px/2.1875 var(--font4);
  color: #fff;
  margin-top: clamp(40px, 1.6260162602vw, 20px);
}

@supports (overflow: clip) {
  @media (min-width: 922px) {
    .tintuc-xemthem {
      margin-top: 0;
      margin-left: 13.75%;
    }
    .tintuc-slide {
      overflow: clip visible !important;
    }
    .tintuc-slide .tintuc_item {
      --diff_calc: calc(var(--diff) - 0.165);
      transform: translateY(calc(var(--diff_calc) * 500px));
    }
  }
}