@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Bold.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-BoldItalic.woff2") format("woff2"), url("../webfonts/SanFranciscoText-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Heavy.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-HeavyItalic.woff2") format("woff2"), url("../webfonts/SanFranciscoText-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Italic.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Light.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-LightItalic.woff2") format("woff2"), url("../webfonts/SanFranciscoText-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Medium.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-MediumItalic.woff2") format("woff2"), url("../webfonts/SanFranciscoText-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Regular.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Semibold.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-SemiboldItalic.woff2") format("woff2"), url("../webfonts/SanFranciscoText-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-Thin.woff2") format("woff2"), url("../webfonts/SanFranciscoText-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "San Francisco Text";
  src: url("../webfonts/SanFranciscoText-ThinItalic.woff2") format("woff2"), url("../webfonts/SanFranciscoText-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
:root {
  --scrollbar-width: 0px;
}

body {
  font-family: "San Francisco Text";
}
body a {
  text-decoration: none;
}

.top-header {
  width: 100%;
  height: min(0.0388888889 * (100vw - var(--scrollbar-width)), 56px);
  position: sticky;
  top: 0;
  z-index: 100;
  border: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #E5E5E5;
  background-color: white;
}
@media (max-width: 767.98px) {
  .top-header {
    height: calc(0.1272727273 * (100vw - var(--scrollbar-width)));
    border: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #E5E5E5;
  }
}
.top-header .wrapper {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
}
@media (max-width: 767.98px) {
  .top-header .wrapper {
    justify-content: unset;
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .top-header-info-wrapper {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.top-header .top-header-info-wrapper::-webkit-scrollbar {
  display: none;
}
.top-header .top-header-info {
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  width: fit-content;
}
@media (max-width: 767.98px) {
  .top-header .top-header-info {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    animation: marquee 8s linear infinite;
  }
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
}
.top-header .top-header-info .item {
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  .top-header .top-header-info .item {
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .top-header-info .item i {
  color: #C4171B;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .top-header .top-header-info .item i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .top-header-info .item span, .top-header .top-header-info .item a {
  color: black;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .top-header .top-header-info .item span, .top-header .top-header-info .item a {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .social-icon {
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .top-header .social-icon {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .social-icon a {
  width: min(0.025 * (100vw - var(--scrollbar-width)), 36px);
  height: min(0.025 * (100vw - var(--scrollbar-width)), 36px);
  border-radius: 50%;
  background-color: #c38b52;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: transform 0.3s ease;
}
.top-header .social-icon a:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  .top-header .social-icon a {
    width: calc(0.0818181818 * (100vw - var(--scrollbar-width)));
    height: calc(0.0818181818 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
  .top-header .social-icon a:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}

.form-top {
  max-width: 300px;
}
.form-top .btn-gold {
  background: #996633;
  color: #fff;
}
@media (max-width: 767.98px) {
  .form-top {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .form-top {
    max-width: 200px;
  }
  .form-top input {
    padding-top: 0;
    padding-bottom: 0;
  }
}

#header {
  height: min(0.0527777778 * (100vw - var(--scrollbar-width)), 76px);
  background-color: white;
  position: sticky;
  top: min(0.0388888889 * (100vw - var(--scrollbar-width)), 56px);
  z-index: 100;
  box-shadow: 0 min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)) rgba(0, 0, 0, 0.1294117647);
  width: 100%;
}
@media (max-width: 767.98px) {
  #header {
    height: calc(0.1727272727 * (100vw - var(--scrollbar-width)));
    box-shadow: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.1294117647);
    top: calc(0.1272727273 * (100vw - var(--scrollbar-width)));
  }
}
#header .wrapper {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#header #navbar {
  width: min(0.8333333333 * (100vw - var(--scrollbar-width)), 1200px);
  height: min(0.0527777778 * (100vw - var(--scrollbar-width)), 76px);
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  position: relative;
}
#header #navbar .logo {
  object-fit: contain;
  width: min(0.1173611111 * (100vw - var(--scrollbar-width)), 169px);
}
#header #navbar .hover-underline {
  position: relative;
}
#header #navbar .hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #996633;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
#header #navbar .hover-underline:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
#header #navbar .dropdown {
  position: relative;
}
#header #navbar .dropdown .btn {
  font-weight: 700;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  border: none !important;
  color: #996633 !important;
  padding: 0;
}
#header #navbar .dropdown .dropdown-menu {
  padding: 0;
  margin-top: 0 !important;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px));
  transition: all 0.3s ease;
  min-width: fit-content;
  border-radius: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
#header #navbar .dropdown .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 700;
  color: #996633 !important;
  background-color: white;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #996633;
  transition: all 0.3s ease;
}
#header #navbar .dropdown .dropdown-menu li a:hover {
  background-color: #996633;
  color: white !important;
}
#header #navbar .dropdown .dropdown-menu li:first-child a {
  border-radius: min(0.0041666667 * (100vw - var(--scrollbar-width)), 6px) min(0.0041666667 * (100vw - var(--scrollbar-width)), 6px) 0 0;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #996633;
}
#header #navbar .dropdown .dropdown-menu li:last-child a {
  border-radius: 0 0 min(0.0041666667 * (100vw - var(--scrollbar-width)), 6px) min(0.0041666667 * (100vw - var(--scrollbar-width)), 6px);
  border-bottom: none;
}
#header #navbar .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#header #navbar #hid-searchbar-magnify-dt {
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  color: black;
  cursor: pointer;
}
#header #navbar #hidden-search-bar-dt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  align-items: center;
  gap: min(0.0444444444 * (100vw - var(--scrollbar-width)), 64px);
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
}
#header #navbar #hidden-search-bar-dt form {
  height: 60%;
  width: 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
#header #navbar #hidden-search-bar-dt form input {
  color: #996633;
  border: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #996633;
  border-radius: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  padding-left: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  height: 100%;
  width: 100%;
}
#header #navbar #hidden-search-bar-dt form input::placeholder {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  line-height: 100%;
  color: #996633;
}
#header #navbar #hidden-search-bar-dt form input:focus {
  outline: none;
  box-shadow: none;
}
#header #navbar #hidden-search-bar-dt form input:-webkit-autofill,
#header #navbar #hidden-search-bar-dt form input:-webkit-autofill:hover,
#header #navbar #hidden-search-bar-dt form input:-webkit-autofill:focus,
#header #navbar #hidden-search-bar-dt form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px min(0.6944444444 * (100vw - var(--scrollbar-width)), 1000px) white inset;
  -webkit-text-fill-color: #996633;
  transition: background-color 5000s ease-in-out 0s;
}
#header #navbar #hidden-search-bar-dt form button {
  border: none;
  background-color: transparent;
}
#header #navbar #hidden-search-bar-dt form button i {
  color: #996633;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
}
#header #navbar #hidden-search-bar-dt i {
  color: #dd3333;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  cursor: pointer;
}
#header #navbar #hidden-search-bar-dt.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
#header .mobile-header {
  position: relative;
  background-color: white;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  width: 100%;
}
#header .mobile-header .mobile-menu-toggle {
  width: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  height: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
#header .mobile-header .mobile-menu-toggle span {
  height: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  background-color: black;
  border-radius: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  transition: all 0.4s ease, background-color 0.4s ease;
}
#header .mobile-header .mobile-menu-toggle span:nth-child(1) {
  width: 70%;
}
#header .mobile-header .mobile-menu-toggle span:nth-child(2) {
  width: 100%;
}
#header .mobile-header .mobile-menu-toggle span:nth-child(3) {
  width: 40%;
}
#header .mobile-header .mobile-menu-toggle.active span:nth-child(1) {
  animation: spin-top 0.8s ease-in-out forwards;
  background-color: black;
}
#header .mobile-header .mobile-menu-toggle.active span:nth-child(2) {
  animation: hide-middle 0.8s ease-in-out forwards;
  background-color: black;
}
#header .mobile-header .mobile-menu-toggle.active span:nth-child(3) {
  animation: spin-bottom 0.8s ease-in-out forwards;
  background-color: black;
}
@keyframes spin-top {
  0% {
    transform: rotate(0deg);
    width: 70%;
  }
  100% {
    transform: rotate(45deg) translate(calc(0.0090909091 * (100vw - var(--scrollbar-width))), calc(0.0068181818 * (100vw - var(--scrollbar-width))));
    width: 100%;
  }
}
@keyframes spin-bottom {
  0% {
    transform: rotate(0deg);
    width: 40%;
  }
  100% {
    transform: rotate(-405deg) translate(calc(0.0181818182 * (100vw - var(--scrollbar-width))), calc(-1 * 0.0181818182 * (100vw - var(--scrollbar-width))));
    width: 100%;
  }
}
@keyframes hide-middle {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(calc(0.0681818182 * (100vw - var(--scrollbar-width))));
    opacity: 0;
  }
}
@keyframes spin-top-reverse {
  0% {
    transform: rotate(45deg) translate(calc(0.0090909091 * (100vw - var(--scrollbar-width))), calc(0.0068181818 * (100vw - var(--scrollbar-width))));
    width: 100%;
  }
  100% {
    transform: rotate(0deg);
    width: 70%;
  }
}
@keyframes spin-bottom-reverse {
  0% {
    transform: rotate(-405deg) translate(calc(0.0181818182 * (100vw - var(--scrollbar-width))), calc(-1 * 0.0181818182 * (100vw - var(--scrollbar-width))));
    width: 100%;
  }
  100% {
    transform: rotate(0deg);
    width: 40%;
  }
}
@keyframes show-middle {
  0% {
    transform: translateX(calc(0.0681818182 * (100vw - var(--scrollbar-width))));
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
#header .mobile-header .reverse-top {
  animation: spin-top-reverse 0.8s ease-in-out forwards;
  background-color: black !important;
}
#header .mobile-header .reverse-bottom {
  animation: spin-bottom-reverse 0.8s ease-in-out forwards;
  background-color: black !important;
}
#header .mobile-header .reverse-middle {
  animation: show-middle 0.8s ease-in-out forwards;
  background-color: black !important;
}
#header .mobile-header .mobile-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#header .mobile-header .mobile-logo img {
  width: calc(0.3840909091 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
}
#header .mobile-header .actions {
  display: flex;
  align-items: center;
  gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
}
#header .mobile-header .actions i {
  color: black;
  font-size: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  cursor: pointer;
}
#header .mobile-header #hidden-search-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  align-items: center;
  gap: min(0.0444444444 * (100vw - var(--scrollbar-width)), 64px);
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
}
#header .mobile-header #hidden-search-bar form {
  height: 60%;
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
}
#header .mobile-header #hidden-search-bar form input {
  height: 100%;
  width: 100%;
  color: #996633;
  border: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #996633;
  border-radius: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
  padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
}
#header .mobile-header #hidden-search-bar form input::placeholder {
  font-weight: 400;
  font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  line-height: 100%;
  color: #996633;
}
#header .mobile-header #hidden-search-bar form input:focus {
  outline: none;
  box-shadow: none;
}
#header .mobile-header #hidden-search-bar form input:-webkit-autofill,
#header .mobile-header #hidden-search-bar form input:-webkit-autofill:hover,
#header .mobile-header #hidden-search-bar form input:-webkit-autofill:focus,
#header .mobile-header #hidden-search-bar form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px calc(2.2727272727 * (100vw - var(--scrollbar-width))) white inset;
  -webkit-text-fill-color: #996633;
  transition: background-color 5000s ease-in-out 0s;
}
#header .mobile-header #hidden-search-bar form button {
  border: none;
  background-color: transparent;
}
#header .mobile-header #hidden-search-bar form button i {
  color: #996633;
  font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
}
#header .mobile-header #hidden-search-bar i {
  color: #dd3333;
  font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  cursor: pointer;
}
#header .mobile-header #hidden-search-bar.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
#header #mobile-menu {
  position: absolute;
  top: calc(0.1727272727 * (100vw - var(--scrollbar-width)));
  width: 100%;
  height: calc(100vh - 0.1727272727 * (100vw - var(--scrollbar-width)));
  left: 0;
  display: flex;
  justify-content: center;
}
#header #mobile-menu #mobile-menu-sidebar {
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100vh - 0.1727272727 * (100vw - var(--scrollbar-width)));
  width: 80%;
  overflow-y: auto;
  background-color: white;
  transform: translateX(-100%);
  transition: transform 0.8s ease, opacity 0.8s ease;
  opacity: 0;
  z-index: 0;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown {
  border-bottom: calc(0.0011363636 * (100vw - var(--scrollbar-width))) solid rgba(153, 102, 51, 0.2);
  position: relative;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown:first-child {
  border-top: calc(0.0011363636 * (100vw - var(--scrollbar-width))) solid #996633;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .btn {
  border: none;
  width: 100%;
  padding: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  font-weight: 500;
  color: #996633 !important;
  font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .btn a {
  color: #996633 !important;
  text-decoration: none !important;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .btn:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .btn::after {
  display: none !important;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu {
  padding: 0;
  margin-top: 0 !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, max-height 0.3s ease;
  position: relative;
  width: 100%;
  border: none;
  border-radius: 0;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu.show {
  opacity: 1;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu li a {
  pointer-events: all;
  display: block;
  width: 100%;
  padding: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  font-weight: 500;
  color: white !important;
  background-color: #996633;
  border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid rgba(255, 255, 255, 0.2);
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu li:first-child a {
  border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid rgba(255, 255, 255, 0.2);
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu li:last-child a {
  border-bottom: none;
}
#header #mobile-menu #mobile-menu-sidebar.open {
  transform: translateX(0);
  opacity: 1;
  z-index: 999;
}
#header #mobile-menu #mobile-menu-sidebar.close {
  transform: translateX(-100%);
  opacity: 0;
  z-index: 0;
}
#header #mobile-menu .mobile-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.8s ease, opacity 0.8s ease;
  opacity: 0;
}
#header #mobile-menu .mobile-overlay.open {
  transform: translateX(0);
  opacity: 1;
}
#header #mobile-menu .mobile-overlay.close {
  transform: translateX(100%);
  opacity: 0;
}

#main {
  overflow: hidden;
}

#section-intro {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #section-intro {
    margin-top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .wrapper {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  align-items: center;
  gap: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
}
@media (max-width: 767.98px) {
  #section-intro .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    gap: calc(0 * (100vw - var(--scrollbar-width)));
    align-items: center;
  }
}
#section-intro .wrapper .banner-sm {
  display: flex;
  flex-direction: column;
  gap: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-sm {
    display: none;
  }
}
#section-intro .wrapper .banner-sm .banner, #section-intro .wrapper .banner-sm .video {
  width: min(0.1972222222 * (100vw - var(--scrollbar-width)), 284px);
  height: min(0.1090277778 * (100vw - var(--scrollbar-width)), 157px);
  position: relative;
}
#section-intro .wrapper .banner-sm .banner::after, #section-intro .wrapper .banner-sm .video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
#section-intro .wrapper .banner-sm .banner img, #section-intro .wrapper .banner-sm .video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-intro .wrapper .banner-sm .banner span, #section-intro .wrapper .banner-sm .video span {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 700;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: white;
  z-index: 1;
}
#section-intro .wrapper .banner-sm .banner .ic-play, #section-intro .wrapper .banner-sm .video .ic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #EEAF6C;
  background-color: white;
  border-radius: 50%;
  width: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  height: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-sm .banner .ic-play, #section-intro .wrapper .banner-sm .video .ic-play {
    width: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .wrapper .banner-sm .banner .ic-play i, #section-intro .wrapper .banner-sm .video .ic-play i {
  transform: translateX(min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px));
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-sm .banner .ic-play i, #section-intro .wrapper .banner-sm .video .ic-play i {
    transform: translateX(calc(0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-intro .wrapper .banner-lg {
  width: min(0.6236111111 * (100vw - var(--scrollbar-width)), 898px);
}
#section-intro .wrapper .banner-lg .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  left: 50%;
  transform: translateX(-50%);
  height: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg .slick-dots {
    bottom: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .wrapper .banner-lg .slick-dots li {
  margin-right: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  width: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  height: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg .slick-dots li {
    margin-right: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
    width: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    height: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .wrapper .banner-lg .slick-dots li.slick-active button {
  background-color: #EEAF6C;
  box-sizing: border-box;
}
#section-intro .wrapper .banner-lg .slick-dots button {
  background-color: #D9D9D9;
  padding: 0;
  color: transparent;
  width: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  height: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  border-radius: 50%;
  border: none;
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg .slick-dots button {
    width: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    height: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .wrapper .banner-lg > .slide:not(:first-child) {
  display: none;
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg {
    width: 100%;
  }
}
#section-intro .wrapper .banner-lg .slide {
  /*display: block !important;*/
}
#section-intro .wrapper .banner-lg .slide .banner, #section-intro .wrapper .banner-lg .slide .video {
  height: min(0.3465277778 * (100vw - var(--scrollbar-width)), 499px);
  display: block;
  position: relative;
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg .slide .banner, #section-intro .wrapper .banner-lg .slide .video {
    height: calc(0.4545454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .wrapper .banner-lg .slide .banner::after, #section-intro .wrapper .banner-lg .slide .video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
#section-intro .wrapper .banner-lg .slide .banner img, #section-intro .wrapper .banner-lg .slide .video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-intro .wrapper .banner-lg .slide .banner span, #section-intro .wrapper .banner-lg .slide .video span {
  width: 100%;
  position: absolute;
  bottom: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  left: 0;
  padding: 0 min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 700;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  color: white;
  z-index: 1;
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg .slide .banner span, #section-intro .wrapper .banner-lg .slide .video span {
    bottom: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 3em;
  }
}
#section-intro .wrapper .banner-lg .slide .banner .ic-play, #section-intro .wrapper .banner-lg .slide .video .ic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #EEAF6C;
  background-color: white;
  border-radius: 50%;
  width: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  height: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg .slide .banner .ic-play, #section-intro .wrapper .banner-lg .slide .video .ic-play {
    width: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .wrapper .banner-lg .slide .banner .ic-play i, #section-intro .wrapper .banner-lg .slide .video .ic-play i {
  transform: translateX(min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px));
}
@media (max-width: 767.98px) {
  #section-intro .wrapper .banner-lg .slide .banner .ic-play i, #section-intro .wrapper .banner-lg .slide .video .ic-play i {
    transform: translateX(calc(0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}

#section-about-home {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  margin-top: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
}
@media (max-width: 767.98px) {
  #section-about-home {
    margin-top: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .title {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-about-home .title {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .title::after {
  content: "";
  position: absolute;
  left: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  right: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  bottom: 0;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #E9ECEF;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-about-home .title::after {
    left: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    right: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.0022727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .title span {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: #AF7C43;
  text-align: center;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #AF7C43;
  line-height: 120%;
}
@media (max-width: 767.98px) {
  #section-about-home .title span {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #AF7C43;
  }
}
#section-about-home .wrapper {
  width: 100%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper {
    flex-direction: column;
    gap: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .banner-about {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: block;
  /*            width: width-dt(589px);
              height: width-dt(326px);
  */
  position: relative;
  /*            &::before {
                  content: "";
                  position: absolute;
                  bottom: calc(-1*width-dt(32px));
                  right: calc(-1*width-dt(24px));
                  border: width-dt(5px) solid #EDB673;
                  pointer-events: none;
                  width: 100%;
                  height: 100%;
                  z-index: -1;

                  @media (max-width: 767.98px) {
                      bottom: calc(-1*width-mb(32px));
                      right: calc(-1*width-mb(24px));
                      border: width-mb(5px) solid #EDB673;
                  }
              }
  */
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .banner-about {
    width: 100%;
    /*height: width-mb(243.5px);*/
  }
}
#section-about-home .wrapper .banner-about img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-about-home .wrapper .banner-about .ic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #EEAF6C;
  background-color: white;
  border-radius: 50%;
  width: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  height: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .banner-about .ic-play {
    width: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .banner-about .ic-play i {
  transform: translateX(min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px));
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .banner-about .ic-play i {
    transform: translateX(calc(0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-about-home .wrapper .content {
  display: flex;
  flex-direction: column;
  gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  position: relative;
  width: min(0.3847222222 * (100vw - var(--scrollbar-width)), 554px);
  height: 100%;
  padding-top: min(0.0444444444 * (100vw - var(--scrollbar-width)), 64px);
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    width: 100%;
    padding-top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content img {
  position: absolute;
  top: 0;
  left: 0;
  width: min(0.1055555556 * (100vw - var(--scrollbar-width)), 152px);
  object-fit: contain;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content img {
    width: calc(0.3454545455 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content .text {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  text-align: justify;
  color: black;
  line-height: 120%;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .text {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .btn-more {
  width: min(0.0958333333 * (100vw - var(--scrollbar-width)), 138px);
  height: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  justify-content: center;
  background: linear-gradient(90deg, #EEAF6C 0%, #C38B52 100%);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .btn-more {
    width: calc(0.3136363636 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    justify-self: center;
    margin-top: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
    align-self: center;
  }
}
#section-about-home .wrapper .btn-more span {
  color: white;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 600;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .btn-more span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .btn-more i {
  color: white;
  font-size: min(0.0128472222 * (100vw - var(--scrollbar-width)), 18.5px);
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .btn-more i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .btn-more:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .btn-more:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}

#section-hot-articles {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: min(0.0555555556 * (100vw - var(--scrollbar-width)), 80px);
  /*background-image: url('/Content/images/bg-hot-articles.jpg?v=1');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767.98px) {
  #section-hot-articles {
    margin-top: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .title {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px) 0;
  position: relative;
}
@media (max-width: 767.98px) {
  #section-hot-articles .title {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin: calc(0.0727272727 * (100vw - var(--scrollbar-width))) 0;
  }
}
#section-hot-articles .title::after {
  content: "";
  position: absolute;
  left: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  right: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  bottom: 0;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #E9ECEF;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-hot-articles .title::after {
    left: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    right: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.0022727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .title span {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: #AF7C43;
  text-align: center;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #AF7C43;
  line-height: 120%;
}
@media (max-width: 767.98px) {
  #section-hot-articles .title span {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #AF7C43;
  }
}
#section-hot-articles .wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: min(0.0114583333 * (100vw - var(--scrollbar-width)), 16.5px);
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
  padding-bottom: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper {
    display: flex;
    flex-direction: column;
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .articles {
  display: flex;
  align-items: center;
  gap: min(0.0114583333 * (100vw - var(--scrollbar-width)), 16.5px);
  width: min(0.5517361111 * (100vw - var(--scrollbar-width)), 794.5px);
  height: min(0.4388888889 * (100vw - var(--scrollbar-width)), 632px);
  flex-wrap: wrap;
  justify-content: center;
  row-gap: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles {
    display: flex;
    flex-direction: column;
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    width: 100%;
    height: auto;
  }
}
#section-hot-articles .wrapper .articles .article {
  width: min(0.2701388889 * (100vw - var(--scrollbar-width)), 389px);
  height: min(0.2201388889 * (100vw - var(--scrollbar-width)), 317px);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article {
    width: 100%;
    height: auto;
  }
}
#section-hot-articles .wrapper .articles .article:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-hot-articles .wrapper .articles .article .article-img {
  width: 100%;
  height: min(0.15 * (100vw - var(--scrollbar-width)), 216px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .article-img {
    height: calc(0.4772727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .articles .article .article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-hot-articles .wrapper .articles .article .article-date {
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  margin-top: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .article-date {
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
    margin-top: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .articles .article .article-date i {
  color: #929191;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .article-date i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .articles .article .article-date span {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #595959;
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .article-date span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .articles .article .article-title {
  font-weight: 700;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  text-align: justify;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .article-title {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    height: auto;
  }
}
#section-hot-articles .wrapper .articles .article .btn-more {
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .btn-more {
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .articles .article .btn-more span {
  font-weight: 500;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  text-transform: uppercase;
  color: #595959;
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .btn-more span {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .articles .article .btn-more i {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #595959;
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .articles .article .btn-more i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .slides {
  width: min(0.2701388889 * (100vw - var(--scrollbar-width)), 389px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .slides {
    width: 100%;
  }
}
#section-hot-articles .wrapper .slides .slide {
  display: block !important;
}
#section-hot-articles .wrapper .slides .slide .banner {
  width: 100%;
  height: min(0.4486111111 * (100vw - var(--scrollbar-width)), 646px);
}
@media (max-width: 767.98px) {
  #section-hot-articles .wrapper .slides .slide .banner {
    height: calc(1.3829545455 * (100vw - var(--scrollbar-width)));
  }
}
#section-hot-articles .wrapper .slides .slide .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#section-news {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#section-news .title {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px) 0;
  position: relative;
}
@media (max-width: 767.98px) {
  #section-news .title {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin: calc(0.0727272727 * (100vw - var(--scrollbar-width))) 0;
  }
}
#section-news .title::after {
  content: "";
  position: absolute;
  left: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  right: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  bottom: 0;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #E9ECEF;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-news .title::after {
    left: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    right: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.0022727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .title span {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: #AF7C43;
  text-align: center;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #AF7C43;
  line-height: 120%;
}
@media (max-width: 767.98px) {
  #section-news .title span {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #AF7C43;
  }
}
#section-news .wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: min(0.0104166667 * (100vw - var(--scrollbar-width)), 15px);
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-news .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    gap: 0;
  }
}
#section-news .wrapper .first-article {
  width: min(0.2625 * (100vw - var(--scrollbar-width)), 378px);
  height: min(0.2298611111 * (100vw - var(--scrollbar-width)), 331px);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: transform 0.3s ease;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-news .wrapper .first-article {
    display: none;
  }
}
#section-news .wrapper .first-article:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
#section-news .wrapper .first-article .article-img {
  width: 100%;
  height: min(0.1409722222 * (100vw - var(--scrollbar-width)), 203px);
}
#section-news .wrapper .first-article .article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-news .wrapper .first-article .article-date {
  margin-top: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
#section-news .wrapper .first-article .article-date i {
  color: #929191;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
#section-news .wrapper .first-article .article-date span {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #595959;
}
#section-news .wrapper .first-article .article-title {
  font-weight: 700;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  text-align: justify;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
}
#section-news .wrapper .first-article .article-des {
  font-weight: 300;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  text-align: justify;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
}
#section-news .wrapper .articles {
  display: flex;
  align-items: center;
  gap: min(0.0090277778 * (100vw - var(--scrollbar-width)), 13px);
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: min(0.0090277778 * (100vw - var(--scrollbar-width)), 13px);
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles {
    display: flex;
    flex-direction: column;
    gap: calc(0.0295454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .wrapper .articles .article {
  width: min(0.2743055556 * (100vw - var(--scrollbar-width)), 395px);
  height: min(0.0506944444 * (100vw - var(--scrollbar-width)), 73px);
  display: flex;
  align-items: center;
  gap: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article {
    width: calc(0.8636363636 * (100vw - var(--scrollbar-width)));
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
#section-news .wrapper .articles .article:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-news .wrapper .articles .article .article-img {
  width: min(0.0881944444 * (100vw - var(--scrollbar-width)), 127px);
  height: min(0.0506944444 * (100vw - var(--scrollbar-width)), 73px);
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article .article-img {
    width: 100%;
    height: calc(0.4828181818 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .wrapper .articles .article .article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#section-news .wrapper .articles .article .article-content {
  width: min(0.1791666667 * (100vw - var(--scrollbar-width)), 258px);
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article .article-content {
    width: 100%;
  }
}
#section-news .wrapper .articles .article .article-content .article-date {
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article .article-content .article-date {
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .wrapper .articles .article .article-content .article-date i {
  color: #929191;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article .article-content .article-date i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .wrapper .articles .article .article-content .article-date span {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #595959;
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article .article-content .article-date span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .wrapper .articles .article .article-content .article-title {
  font-weight: 700;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  text-align: justify;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 3em;
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article .article-content .article-title {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    height: auto;
  }
}
#section-news .wrapper .articles .article .article-content .article-des {
  font-weight: 300;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  text-align: justify;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: none;
}
@media (max-width: 767.98px) {
  #section-news .wrapper .articles .article .article-content .article-des {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: inline;
  }
}
#section-news .btn-more {
  width: min(0.0958333333 * (100vw - var(--scrollbar-width)), 138px);
  height: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  justify-content: center;
  background: linear-gradient(90deg, #EEAF6C 0%, #BF8E53 100%);
  transition: transform 0.3s ease;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-news .btn-more {
    width: calc(0.3136363636 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .btn-more span {
  color: white;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 600;
}
@media (max-width: 767.98px) {
  #section-news .btn-more span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .btn-more i {
  color: white;
  font-size: min(0.0128472222 * (100vw - var(--scrollbar-width)), 18.5px);
}
@media (max-width: 767.98px) {
  #section-news .btn-more i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-news .btn-more:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #section-news .btn-more:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}

#section-contact-home {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-contact-home {
    margin-top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper {
  width: 100%;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
  align-items: center;
  height: min(0.1548611111 * (100vw - var(--scrollbar-width)), 223px);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.4090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper .bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(0.8333333333 * (100vw - var(--scrollbar-width)), 1200px);
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper .bg {
    width: calc(0.8636363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper .title {
  padding: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  padding-bottom: 0;
  font-weight: 700;
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  color: white;
  width: min(0.5555555556 * (100vw - var(--scrollbar-width)), 800px);
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper .title {
    width: 100%;
    padding: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: 0;
    font-weight: 700;
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper .description {
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: white;
  margin-left: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper .description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-left: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper .description p {
  margin: 0;
}
#section-contact-home .wrapper .tel-wrapper {
  padding-left: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper .tel-wrapper {
    padding-left: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper .tel-wrapper .hotline {
  width: min(0.1527777778 * (100vw - var(--scrollbar-width)), 220px);
  height: min(0.0368055556 * (100vw - var(--scrollbar-width)), 53px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  background: linear-gradient(90deg, #EEAF6C 0%, #BF8E53 100%);
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper .tel-wrapper .hotline {
    width: calc(0.3772727273 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper .tel-wrapper .hotline i {
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  color: white;
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper .tel-wrapper .hotline i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact-home .wrapper .tel-wrapper .hotline span {
  font-weight: 700;
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  color: white;
}
@media (max-width: 767.98px) {
  #section-contact-home .wrapper .tel-wrapper .hotline span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

#section-person {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-person {
    margin-top: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .bg {
  width: 100%;
  height: min(0.5083333333 * (100vw - var(--scrollbar-width)), 732px);
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  #section-person .bg {
    height: calc(1.6636363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .title {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-person .title {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin-top: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .title::after {
  content: "";
  position: absolute;
  left: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  right: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  bottom: 0;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #E9ECEF;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-person .title::after {
    left: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    right: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.0022727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .title span {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: white;
  text-align: center;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #EEAF6C;
  line-height: 120%;
}
@media (max-width: 767.98px) {
  #section-person .title span {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #EEAF6C;
  }
}
#section-person .wrapper {
  width: 100%;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
}
@media (max-width: 767.98px) {
  #section-person .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .wrapper .people .slick-list {
  margin: 0 calc(min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) * -1);
}
#section-person .wrapper .people .slick-slide {
  padding: 0 min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
#section-person .wrapper .people .slick-arrow {
  background-color: transparent;
  position: absolute;
  border: none;
  color: #E9ECEF;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.3s ease, background-color 0.3s ease;
}
#section-person .wrapper .people .slick-arrow i {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
#section-person .wrapper .people .slick-arrow:hover {
  color: #eeaf6c;
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .slick-arrow {
    display: none !important;
  }
}
#section-person .wrapper .people .slick-prev {
  left: calc(-1 * min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px));
}
#section-person .wrapper .people .slick-next {
  right: calc(-1 * min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px));
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .slick-list {
    margin: 0 0;
  }
  #section-person .wrapper .people .slick-slide {
    padding: 0 0;
  }
}
#section-person .wrapper .people .slick-prev {
  top: min(0.1180555556 * (100vw - var(--scrollbar-width)), 170px);
  left: calc(-1 * min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px));
}
#section-person .wrapper .people .slick-next {
  top: min(0.1180555556 * (100vw - var(--scrollbar-width)), 170px);
  right: calc(-1 * min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px));
}
#section-person .wrapper .people .people-wrapper {
  display: block !important;
  padding-top: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .people-wrapper {
    padding-top: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .wrapper .people .people-wrapper .person {
  width: min(0.2 * (100vw - var(--scrollbar-width)), 288px);
  height: min(0.25 * (100vw - var(--scrollbar-width)), 360px);
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  transition: transform 0.3s ease;
  display: block;
}
#section-person .wrapper .people .people-wrapper .person:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .people-wrapper .person:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-person .wrapper .people .people-wrapper .person:hover .person-name {
  background-color: #996633 !important;
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .people-wrapper .person {
    width: 100%;
    height: calc(1.0795454545 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .wrapper .people .people-wrapper .person .person-img {
  width: 100%;
  height: min(0.2319444444 * (100vw - var(--scrollbar-width)), 334px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .people-wrapper .person .person-img {
    height: calc(1 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .wrapper .people .people-wrapper .person .person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#section-person .wrapper .people .people-wrapper .person .person-img .person-name {
  width: 100%;
  height: min(0.0381944444 * (100vw - var(--scrollbar-width)), 55px);
  font-weight: 700;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  color: white;
  position: absolute;
  bottom: 0;
  background-color: #EEAF6C;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .people-wrapper .person .person-img .person-name {
    height: calc(0.125 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
#section-person .wrapper .people .people-wrapper .person .person-position {
  width: 100%;
  color: white;
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  #section-person .wrapper .people .people-wrapper .person .person-position {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

#section-video {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
#section-video .title-short {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(0.0444444444 * (100vw - var(--scrollbar-width)), 64px);
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-video .title-short {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin-top: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .title-short::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(0.1597222222 * (100vw - var(--scrollbar-width)), 230px);
  bottom: 0;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: white;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-video .title-short::after {
    height: calc(0.0022727273 * (100vw - var(--scrollbar-width)));
    width: calc(0.3409090909 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .title-short span {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: white;
  text-align: center;
  padding-bottom: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  position: relative;
  line-height: 100%;
}
@media (max-width: 767.98px) {
  #section-video .title-short span {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .wrapper {
  width: 100%;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
  padding-bottom: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-video .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .wrapper .slides .slick-list {
  margin: 0 calc(min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) * -1);
}
#section-video .wrapper .slides .slick-slide {
  padding: 0 min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slick-list {
    margin: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width)) * -1);
  }
  #section-video .wrapper .slides .slick-slide {
    padding: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .wrapper .slides .slide {
  display: block !important;
  padding: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px) 0;
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide {
    padding: calc(0.0181818182 * (100vw - var(--scrollbar-width))) 0;
  }
}
#section-video .wrapper .slides .slide .video {
  height: min(0.2048611111 * (100vw - var(--scrollbar-width)), 295px);
  width: 100%;
  box-shadow: 0 min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px) min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) 0 rgba(0, 0, 0, 0.1411764706);
  border-radius: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video {
    height: calc(0.7136363636 * (100vw - var(--scrollbar-width)));
    box-shadow: 0 calc(0.0045454545 * (100vw - var(--scrollbar-width))) calc(0.0090909091 * (100vw - var(--scrollbar-width))) 0 rgba(0, 0, 0, 0.1411764706);
    border-radius: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .wrapper .slides .slide .video:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
#section-video .wrapper .slides .slide .video:hover .image .ic-play {
  background-color: #EEAF6C;
  color: white;
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-video .wrapper .slides .slide .video .image {
  display: block;
  height: min(0.1666666667 * (100vw - var(--scrollbar-width)), 240px);
  width: 100%;
  position: relative;
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video .image {
    height: calc(0.5886363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .wrapper .slides .slide .video .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) 0 0;
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video .image img {
    border-radius: calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(0.0090909091 * (100vw - var(--scrollbar-width))) 0 0;
  }
}
#section-video .wrapper .slides .slide .video .image .ic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #EEAF6C;
  background-color: white;
  border-radius: 50%;
  width: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  height: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video .image .ic-play {
    width: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .wrapper .slides .slide .video .image .ic-play i {
  transform: translateX(min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px));
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video .image .ic-play i {
    transform: translateX(calc(0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-video .wrapper .slides .slide .video .video-name {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(0.0381944444 * (100vw - var(--scrollbar-width)), 55px);
  background-color: white;
  border-radius: 0 0 min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video .video-name {
    height: calc(0.125 * (100vw - var(--scrollbar-width)));
    border-radius: 0 0 calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-video .wrapper .slides .slide .video .video-name span {
  padding: 0 min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  width: 100%;
  height: 2.4em;
  text-align: center;
  font-weight: 700;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  line-height: 120%;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (max-width: 767.98px) {
  #section-video .wrapper .slides .slide .video .video-name span {
    padding: 0 calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

#section-feedbacks {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  /*background-image: url('/Content/images/bg-feedback.png?w=800');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#section-feedbacks .title {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-feedbacks .title {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin-top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .title::after {
  content: "";
  position: absolute;
  left: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  right: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  bottom: 0;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: white;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-feedbacks .title::after {
    left: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    right: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.0022727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .title span {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: #AF7C43;
  text-align: center;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #EEAF6C;
  line-height: 120%;
}
@media (max-width: 767.98px) {
  #section-feedbacks .title span {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #EEAF6C;
  }
}
#section-feedbacks .wrapper {
  width: 100%;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
  margin-bottom: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides {
  width: min(0.7638888889 * (100vw - var(--scrollbar-width)), 1100px);
  margin: 0 auto;
}
#section-feedbacks .wrapper .slides .slick-list {
  margin: 0 calc(min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) * -1);
}
#section-feedbacks .wrapper .slides .slick-slide {
  padding: 0 min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides {
    width: unset;
    margin: unset;
  }
  #section-feedbacks .wrapper .slides .slick-list {
    margin: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width)) * -1);
  }
  #section-feedbacks .wrapper .slides .slick-slide {
    padding: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides .slick-arrow {
  background-color: #EEAF6C;
  position: absolute;
  border: none;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  border-radius: 50%;
  width: min(0.0236111111 * (100vw - var(--scrollbar-width)), 34px);
  height: min(0.0236111111 * (100vw - var(--scrollbar-width)), 34px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#section-feedbacks .wrapper .slides .slick-arrow i {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
#section-feedbacks .wrapper .slides .slick-arrow:hover {
  background-color: #AF7C43;
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slick-arrow {
    display: none !important;
  }
}
#section-feedbacks .wrapper .slides .slick-prev {
  left: calc(-1 * min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px));
}
#section-feedbacks .wrapper .slides .slick-next {
  right: calc(-1 * min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px));
}
@media (min-width: 768px) {
  #section-feedbacks .wrapper .slides .slick-slide {
    transition: transform 0.3s ease;
    transform: scale(0.9);
  }
  #section-feedbacks .wrapper .slides .slick-center {
    transform: scale(1.1);
  }
}
#section-feedbacks .wrapper .slides .slide {
  display: block !important;
  padding: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px) 0;
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide {
    padding: calc(0.0181818182 * (100vw - var(--scrollbar-width))) 0;
  }
}
#section-feedbacks .wrapper .slides .slide .feedback {
  position: relative;
  height: min(0.2013888889 * (100vw - var(--scrollbar-width)), 290px);
  background-color: white;
  box-shadow: 0 min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px) min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) calc(-1 * min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px)) rgba(0, 0, 0, 0.1215686275);
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  border-radius: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  padding: 0 min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  padding-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback {
    height: calc(0.6590909091 * (100vw - var(--scrollbar-width)));
    box-shadow: 0 calc(0.0045454545 * (100vw - var(--scrollbar-width))) calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(-1 * 0.0022727273 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.1215686275);
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0545454545 * (100vw - var(--scrollbar-width)));
    padding-top: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides .slide .feedback:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-feedbacks .wrapper .slides .slide .feedback .db-quote {
  position: absolute;
  object-fit: contain;
  width: min(0.0256944444 * (100vw - var(--scrollbar-width)), 37px);
  left: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  top: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback .db-quote {
    width: calc(0.0840909091 * (100vw - var(--scrollbar-width)));
    left: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides .slide .feedback .scale {
  position: absolute;
  object-fit: contain;
  width: min(0.0611111111 * (100vw - var(--scrollbar-width)), 88px);
  right: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  top: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback .scale {
    width: calc(0.2 * (100vw - var(--scrollbar-width)));
    right: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
    top: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides .slide .feedback .feedback-img {
  width: min(0.05 * (100vw - var(--scrollbar-width)), 72px);
  height: min(0.05 * (100vw - var(--scrollbar-width)), 72px);
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback .feedback-img {
    width: calc(0.1636363636 * (100vw - var(--scrollbar-width)));
    height: calc(0.1636363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides .slide .feedback .feedback-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
#section-feedbacks .wrapper .slides .slide .feedback .feedback-name {
  font-weight: 700;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  color: #EEAF6C;
  margin-top: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  line-height: 100%;
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback .feedback-name {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    margin-top: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides .slide .feedback .feedback-role {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback .feedback-role {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-feedbacks .wrapper .slides .slide .feedback .feedback-comment {
  margin-top: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  font-weight: 300;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
  text-align: center;
}
@media (max-width: 767.98px) {
  #section-feedbacks .wrapper .slides .slide .feedback .feedback-comment {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-top: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}

#section-partners {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#section-partners .title {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-partners .title {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    margin-top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .title::after {
  content: "";
  position: absolute;
  left: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  right: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  bottom: 0;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #E9ECEF;
  z-index: -1;
}
@media (max-width: 767.98px) {
  #section-partners .title::after {
    left: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    right: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.0022727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .title span {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: #AF7C43;
  text-align: center;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #AF7C43;
  line-height: 120%;
}
@media (max-width: 767.98px) {
  #section-partners .title span {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #AF7C43;
  }
}
#section-partners .wrapper {
  width: 100%;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
  margin-bottom: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  padding-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  #section-partners .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-list {
  margin: 0 calc(min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) * -1);
}
#section-partners .wrapper .slides .slick-slide {
  padding: 0 min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
#section-partners .wrapper .slides .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  left: 50%;
  transform: translateX(-50%);
  height: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots {
    bottom: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-dots li {
  margin-right: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  width: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  height: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots li {
    margin-right: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
    width: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    height: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-dots li.slick-active button {
  background-color: #EEAF6C;
  box-sizing: border-box;
}
#section-partners .wrapper .slides .slick-dots button {
  background-color: #D9D9D9;
  padding: 0;
  color: transparent;
  width: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  height: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  border-radius: 50%;
  border: none;
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots button {
    width: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    height: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-list {
    margin: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width)) * -1);
  }
  #section-partners .wrapper .slides .slick-slide {
    padding: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-dots {
  bottom: calc(-1 * min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px));
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots {
    bottom: calc(-1 * 0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-dots li {
  width: min(0.0090277778 * (100vw - var(--scrollbar-width)), 13px);
  height: min(0.0090277778 * (100vw - var(--scrollbar-width)), 13px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots li {
    width: calc(0.0295454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.0295454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-dots li.slick-active {
  margin-right: min(0.0361111111 * (100vw - var(--scrollbar-width)), 52px);
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots li.slick-active {
    margin-right: calc(0.1181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-dots li.slick-active button {
  background-color: #EEAF6C;
  box-sizing: border-box;
}
#section-partners .wrapper .slides .slick-dots li.slick-active::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transform: translateY(-50%);
  width: min(0.0326388889 * (100vw - var(--scrollbar-width)), 47px);
  height: min(0.0005208333 * (100vw - var(--scrollbar-width)), 0.75px);
  background-color: #D9D9D9;
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots li.slick-active::after {
    left: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    width: calc(0.1068181818 * (100vw - var(--scrollbar-width)));
    height: calc(0.0017045455 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slick-dots button {
  width: min(0.0090277778 * (100vw - var(--scrollbar-width)), 13px);
  height: min(0.0090277778 * (100vw - var(--scrollbar-width)), 13px);
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slick-dots button {
    width: calc(0.0295454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.0295454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slide {
  display: block !important;
  padding: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) 0;
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slide {
    padding: calc(0.0181818182 * (100vw - var(--scrollbar-width))) 0;
  }
}
#section-partners .wrapper .slides .slide .banner {
  height: min(0.0798611111 * (100vw - var(--scrollbar-width)), 115px);
  background-color: white;
  box-shadow: 0 min(0.0012152778 * (100vw - var(--scrollbar-width)), 1.75px) min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) 0 rgba(0, 0, 0, 0.1490196078);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slide .banner {
    height: calc(0.2613636364 * (100vw - var(--scrollbar-width)));
    box-shadow: 0 calc(0.0039772727 * (100vw - var(--scrollbar-width))) calc(0.0090909091 * (100vw - var(--scrollbar-width))) 0 rgba(0, 0, 0, 0.1490196078);
    border-radius: calc(0.0045454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-partners .wrapper .slides .slide .banner:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slide .banner:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-partners .wrapper .slides .slide .banner img {
  object-fit: contain;
  max-height: 100%;
  width: min(0.1159722222 * (100vw - var(--scrollbar-width)), 167px);
}
@media (max-width: 767.98px) {
  #section-partners .wrapper .slides .slide .banner img {
    width: calc(0.3795454545 * (100vw - var(--scrollbar-width)));
  }
}

#footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #201E1D;
}
#footer .wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
  flex-direction: column;
  gap: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #footer .wrapper {
    padding: calc(0.0454545455 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper #scroll-btn {
  position: fixed;
  bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  right: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  width: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  border-radius: 50%;
  background-color: rgb(172.125, 114.75, 57.375);
  color: white;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  box-shadow: 0 min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px) rgba(0, 0, 0, 0.2);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  z-index: 8;
  animation: radiate-green 2s infinite, scroll-bounce 1.6s ease-in-out infinite;
}
#footer .wrapper #scroll-btn .box-shadow {
  box-shadow: 0 min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px) rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  #footer .wrapper #scroll-btn .box-shadow {
    box-shadow: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(0.0227272727 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.25);
  }
}
@keyframes scroll-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(calc(-1 * min(0.0041666667 * (100vw - var(--scrollbar-width)), 6px)));
    @media (max-width: 767.98px) {
      #footer .wrapper #scroll-btn {
        transform: translateY(calc(-1 * 0.0136363636 * (100vw - var(--scrollbar-width))));
      }
    }
  }
  60% {
    transform: translateY(min(0.0020833333 * (100vw - var(--scrollbar-width)), 3px));
    @media (max-width: 767.98px) {
      #footer .wrapper #scroll-btn {
        transform: translateY(calc(0.0068181818 * (100vw - var(--scrollbar-width))));
      }
    }
  }
}
@media (max-width: 767.98px) {
  #footer .wrapper #scroll-btn {
    bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    right: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
    width: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
    box-shadow: 0 calc(0.0068181818 * (100vw - var(--scrollbar-width))) calc(0.0181818182 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.2);
  }
}
#footer .wrapper #scroll-btn:hover {
  background-color: rgb(114.75, 76.5, 38.25);
  color: rgb(229.5, 229.5, 229.5);
  animation-play-state: paused;
}
#footer .wrapper #scroll-btn.show {
  opacity: 1;
  visibility: visible;
}
#footer .wrapper .gg-map {
  width: 100%;
}
#footer .wrapper .gg-map iframe {
  width: 100%;
}
#footer .wrapper .footer-content {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
#footer .wrapper .footer-content .bg {
  position: absolute;
  opacity: 0.1;
  width: min(0.3875 * (100vw - var(--scrollbar-width)), 558px);
  object-fit: contain;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content {
    display: flex;
    flex-direction: column;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content1 {
  display: flex;
  flex-direction: column;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content1 {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content1 img {
  object-fit: contain;
  width: min(0.1770833333 * (100vw - var(--scrollbar-width)), 255px);
  margin-bottom: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content1 img {
    width: calc(0.5795454545 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content1 .info {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content1 .info {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content1 .info i {
  color: white;
  width: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  height: 100%;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  padding-top: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content1 .info i {
    padding-top: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
    width: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content1 .info span {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: white;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content1 .info span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .title {
  font-weight: 700;
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  color: white;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .title {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content2 {
  display: flex;
  flex-direction: column;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content2 {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content2 .item {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: white;
  position: relative;
  width: fit-content;
}
#footer .wrapper .footer-content .content2 .item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: white;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
#footer .wrapper .footer-content .content2 .item:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content2 .item {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 {
  display: flex;
  flex-direction: column;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 .hotline {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .hotline {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 .hotline a {
  width: min(0.0986111111 * (100vw - var(--scrollbar-width)), 142px);
  height: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  background: linear-gradient(90deg, #EEAF6C 0%, #BF8E53 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .hotline a {
    width: calc(0.3227272727 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 .hotline a:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .hotline a:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#footer .wrapper .footer-content .content3 .hotline a i {
  color: white;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .hotline a i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 .hotline a span {
  color: white;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 700;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .hotline a span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 .social-icon {
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
#footer .wrapper .footer-content .content3 .social-icon a {
  width: min(0.025 * (100vw - var(--scrollbar-width)), 36px);
  height: min(0.025 * (100vw - var(--scrollbar-width)), 36px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C38B52;
  color: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .social-icon a {
    width: calc(0.0818181818 * (100vw - var(--scrollbar-width)));
    height: calc(0.0818181818 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 .social-icon a:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .social-icon a:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#footer .wrapper .footer-content .content3 .social-icon a i {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .social-icon a i {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .footer-content .content3 .social-icon a .icon-zalo {
  width: min(0.0194444444 * (100vw - var(--scrollbar-width)), 28px);
  height: min(0.0194444444 * (100vw - var(--scrollbar-width)), 28px);
  background-color: white;
  mask: url("/Content/images/zalo-icon.svg") no-repeat center/contain;
  -webkit-mask: url("/Content/images/zalo-icon.svg") no-repeat center/contain;
  background-image: none;
}
@media (max-width: 767.98px) {
  #footer .wrapper .footer-content .content3 .social-icon a .icon-zalo {
    width: calc(0.0636363636 * (100vw - var(--scrollbar-width)));
    height: calc(0.0636363636 * (100vw - var(--scrollbar-width)));
  }
}

#copyright {
  width: 100%;
  height: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C38B52;
  color: white;
  font-weight: 400;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  line-height: 100%;
}
@media (max-width: 767.98px) {
  #copyright {
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}

.media-article-item {
  display: flex;
  margin-bottom: 1rem;
}
.media-article-item img {
  width: min(0.1388888889 * (100vw - var(--scrollbar-width)), 200px);
  height: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  object-fit: cover;
  margin-right: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  border-radius: 1rem;
}
@media (max-width: 767.98px) {
  .media-article-item img {
    width: calc(0.4545454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.2727272727 * (100vw - var(--scrollbar-width)));
    margin-right: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.media-article-item .article-info {
  flex: 1;
}
.media-article-item .article-info .article-title {
  font-weight: 700;
  color: #996633;
}
.media-article-item .article-info .article-time {
  margin-top: 0.25rem;
  color: #999;
  font-size: 0.875rem;
}

@keyframes radiate-green {
  0% {
    box-shadow: 0 0 0 0 rgba(238, 175, 108, 0);
  }
  70% {
    box-shadow: 0 0 0 0 rgba(238, 175, 108, 0);
  }
  75% {
    box-shadow: 0 0 0 2px rgba(238, 175, 108, 0.45);
  }
  80% {
    box-shadow: 0 0 0 3px rgba(238, 175, 108, 0.35);
  }
  85% {
    box-shadow: 0 0 0 5px rgba(238, 175, 108, 0.25);
  }
  90% {
    box-shadow: 0 0 0 6px rgba(195, 139, 82, 0.22);
  }
  95% {
    box-shadow: 0 0 0 7px rgba(195, 139, 82, 0.15);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(238, 175, 108, 0);
  }
}
.header-subpage {
  background-color: #eeeeee;
  height: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  box-shadow: 0 min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px) min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) rgba(0, 0, 0, 0.08);
}
@media (max-width: 767.98px) {
  .header-subpage {
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    box-shadow: 0 calc(0.0045454545 * (100vw - var(--scrollbar-width))) calc(0.0181818182 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.08);
  }
}
.header-subpage .wrapper {
  padding-left: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  padding-top: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767.98px) {
  .header-subpage .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    padding-top: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}

.section-article .main-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-article .main-section .wrapper {
  padding: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper {
    padding: calc(0.0545454545 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    display: flex;
    flex-direction: column;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 65%;
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content {
    width: 100%;
  }
}
.section-article .main-section .wrapper .content .title {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 700;
  color: #996633;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #996633;
  line-height: 120%;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .title {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-left: calc(0.0113636364 * (100vw - var(--scrollbar-width))) solid #996633;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .description {
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
  font-style: italic;
  text-align: justify;
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw ul {
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  padding-left: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw ul {
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw ul li {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw ul li {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw h1 {
  font-size: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  font-weight: 700;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw h1 {
    font-size: calc(0.0636363636 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw h2 {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 600;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw h2 {
    font-size: calc(0.05 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw h3 {
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  font-weight: 600;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw h3 {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw h4 {
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  font-weight: 500;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw h4 {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw h5 {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 500;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw h5 {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw p {
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
  text-align: justify;
  width: 100%;
  line-height: 150%;
  word-break: break-word;
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .body-content .html-raw p {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .body-content .html-raw img {
  max-width: 100% !important;
  object-fit: contain !important;
  width: auto !important;
  height: auto !important;
}
@media (max-width: 767.98px) {
  .section-article .main-section .person-detail-wrapper {
    flex-direction: column-reverse;
  }
}

#section-contact .main-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
#section-contact .main-section .wrapper {
  padding: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper {
    padding: calc(0.0545454545 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    display: flex;
    flex-direction: column;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form {
  width: 70%;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form {
    width: 100%;
  }
}
#section-contact .main-section .wrapper .contact-form .alert {
  width: 100%;
  background-color: #996633;
  color: white;
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  border: none;
  text-align: center;
}
#section-contact .main-section .wrapper .contact-form .title {
  font-size: min(0.0194444444 * (100vw - var(--scrollbar-width)), 28px);
  font-weight: 700;
  color: #996633;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #996633;
  line-height: 120%;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .title {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-left: calc(0.0113636364 * (100vw - var(--scrollbar-width))) solid #996633;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .company-info {
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .company-info {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .company-info .info {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .company-info .info {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .company-info .info i {
  width: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  height: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .company-info .info i {
    width: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .company-info .info span {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  line-height: min(0.0152777778 * (100vw - var(--scrollbar-width)), 22px);
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .company-info .info span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    line-height: calc(0.05 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input {
  display: flex;
  align-items: center;
  gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  flex-wrap: wrap;
  row-gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input {
    row-gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group {
  width: 48.4%;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input .form-group {
    width: 100%;
  }
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group:nth-child(5) {
  width: 100%;
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group:nth-child(6) {
  width: 100%;
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group input {
  height: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input .form-group input {
    height: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group textarea {
  height: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input .form-group textarea {
    height: calc(0.2727272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group input, #section-contact .main-section .wrapper .contact-form .user-input .form-group textarea {
  background-color: #f6f6f6;
  border: none;
  width: 100%;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 500;
  color: black;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input .form-group input, #section-contact .main-section .wrapper .contact-form .user-input .form-group textarea {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group input:focus, #section-contact .main-section .wrapper .contact-form .user-input .form-group textarea:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
#section-contact .main-section .wrapper .contact-form .user-input .form-group input::placeholder, #section-contact .main-section .wrapper .contact-form .user-input .form-group textarea::placeholder {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 500;
  color: #777777;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input .form-group input::placeholder, #section-contact .main-section .wrapper .contact-form .user-input .form-group textarea::placeholder {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input .field-validation-error {
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  line-height: 100%;
  color: #FF5252;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input .field-validation-error {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input button {
  background-color: #996633;
  border-radius: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  border: none;
  aspect-ratio: 122/46;
  width: min(0.0847222222 * (100vw - var(--scrollbar-width)), 122px);
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 700;
  line-height: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  color: white;
  transition: background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-contact .main-section .wrapper .contact-form .user-input button {
    border-radius: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
    width: calc(0.2727272727 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    line-height: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}
#section-contact .main-section .wrapper .contact-form .user-input button:hover {
  background-color: rgb(114.75, 76.5, 38.25);
}

.breadcrumb {
  padding: 0;
  padding-right: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  margin: 0;
  background: transparent;
  border-radius: 0;
  display: flex;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  gap: 0;
}
@media (max-width: 767.98px) {
  .breadcrumb {
    padding-right: calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
.breadcrumb a {
  text-decoration: none;
  color: #996633;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: color 0.3s ease;
}
.breadcrumb a:hover {
  color: rgb(191.25, 127.5, 63.75);
}
@media (max-width: 767.98px) {
  .breadcrumb a {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.breadcrumb span {
  color: #996633;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .breadcrumb span {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.breadcrumb .breadcrumb-item {
  padding: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex: 0 0 auto;
}
.breadcrumb .breadcrumb-item i {
  margin-right: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .breadcrumb .breadcrumb-item i {
    margin-right: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.breadcrumb .breadcrumb-item.active {
  flex: 1 1 0%;
  min-width: 0;
}
.breadcrumb .breadcrumb-item.active > a,
.breadcrumb .breadcrumb-item.active > span {
  display: block;
  width: 100%;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.breadcrumb a.active {
  flex: 1 1 0%;
  min-width: 0;
  display: block;
  white-space: nowrap;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: #996633;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  padding: 0 min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}

.section-articles .main-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-articles .main-section .wrapper {
  padding: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper {
    padding: calc(0.0545454545 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    display: flex;
    flex-direction: column;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .title {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 700;
  color: #996633;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #996633;
  line-height: 120%;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .title {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-left: calc(0.0113636364 * (100vw - var(--scrollbar-width))) solid #996633;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 65%;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content {
    width: 100%;
  }
}
.section-articles .main-section .wrapper .content .body-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content {
    gap: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .description {
  font-weight: 600;
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  color: black;
  font-style: italic;
  text-align: justify;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .description {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .description p {
  margin: 0;
}
.section-articles .main-section .wrapper .content .body-content .article {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  align-items: flex-start;
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article {
    display: flex;
    flex-direction: column;
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-articles .main-section .wrapper .content .body-content .article img {
  object-fit: cover;
  width: min(0.1666666667 * (100vw - var(--scrollbar-width)), 240px);
  height: min(0.125 * (100vw - var(--scrollbar-width)), 180px);
  border-radius: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article img {
    width: 100%;
    height: calc(0.4886363636 * (100vw - var(--scrollbar-width)));
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-info {
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info .article-title {
  color: #996633;
  font-weight: 700;
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-info .article-title {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info .article-time {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  color: #999999;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-info .article-time {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info .article-des {
  color: black;
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: -webkit-box !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-info .article-des {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info .article-des p {
  margin: 0;
}

.section-videos .main-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-videos .main-section .wrapper {
  padding: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper {
    padding: calc(0.0545454545 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    display: flex;
    flex-direction: column;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-videos .main-section .wrapper .title {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 700;
  color: #996633;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #996633;
  line-height: 120%;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .title {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-left: calc(0.0113636364 * (100vw - var(--scrollbar-width))) solid #996633;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-videos .main-section .wrapper .content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 70%;
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content {
    width: 100%;
  }
}
.section-videos .main-section .wrapper .content .body-content {
  width: 100%;
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content {
    display: flex;
    flex-direction: column;
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-videos .main-section .wrapper .content .body-content .video {
  display: flex;
  flex-direction: column;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  transition: transform 0.3s ease;
  width: min(0.1805555556 * (100vw - var(--scrollbar-width)), 260px);
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content .video {
    display: flex;
    flex-direction: column;
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
    width: 100%;
  }
}
.section-videos .main-section .wrapper .content .body-content .video:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content .video:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-videos .main-section .wrapper .content .body-content .video:hover .image .ic-play {
  background-color: #EEAF6C;
  color: white;
}
.section-videos .main-section .wrapper .content .body-content .video .image {
  width: 100%;
  height: min(0.125 * (100vw - var(--scrollbar-width)), 180px);
  position: relative;
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content .video .image {
    height: calc(0.4886363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-videos .main-section .wrapper .content .body-content .video .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content .video .image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-videos .main-section .wrapper .content .body-content .video .image .ic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #EEAF6C;
  background-color: white;
  border-radius: 50%;
  width: min(0.0347222222 * (100vw - var(--scrollbar-width)), 50px);
  height: min(0.0347222222 * (100vw - var(--scrollbar-width)), 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.0173611111 * (100vw - var(--scrollbar-width)), 25px);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content .video .image .ic-play {
    width: calc(0.1136363636 * (100vw - var(--scrollbar-width)));
    height: calc(0.1136363636 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0568181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-videos .main-section .wrapper .content .body-content .video .image .ic-play i {
  transform: translateX(min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px));
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content .video .image .ic-play i {
    transform: translateX(calc(0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-videos .main-section .wrapper .content .body-content .video .video-name {
  color: #996633;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 700;
  display: block;
  width: 100%;
}
@media (max-width: 767.98px) {
  .section-videos .main-section .wrapper .content .body-content .video .video-name {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

.section-side-articles {
  position: sticky;
  top: 150px;
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  .section-side-articles {
    width: 100%;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .title {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 700;
  color: #996633;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #996633;
  line-height: 120%;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-side-articles .title {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-left: calc(0.0113636364 * (100vw - var(--scrollbar-width))) solid #996633;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .side-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.section-side-articles .side-content .items {
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-side-articles .side-content .items {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .side-content .items .item {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  text-decoration: none;
  border-bottom: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid rgba(0, 0, 0, 0.4);
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-side-articles .side-content .items .item {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid rgba(0, 0, 0, 0.4);
    padding-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .side-content .items .item:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  .section-side-articles .side-content .items .item:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-side-articles .side-content .items .item:hover .image .ic-play {
  background-color: #EEAF6C;
  color: white;
}
.section-side-articles .side-content .items .item:last-child {
  border-bottom: none;
}
.section-side-articles .side-content .items .item .image {
  position: relative;
}
.section-side-articles .side-content .items .item .image .ic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #EEAF6C;
  background-color: white;
  border-radius: 50%;
  width: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  height: min(0.0277777778 * (100vw - var(--scrollbar-width)), 40px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-side-articles .side-content .items .item .image .ic-play {
    width: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .side-content .items .item .image .ic-play i {
  transform: translateX(min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px));
}
@media (max-width: 767.98px) {
  .section-side-articles .side-content .items .item .image .ic-play i {
    transform: translateX(calc(0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-side-articles .side-content .items .item img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  object-fit: cover;
  width: min(0.0694444444 * (100vw - var(--scrollbar-width)), 100px);
}
@media (max-width: 767.98px) {
  .section-side-articles .side-content .items .item img {
    width: calc(0.2272727273 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .side-content .items .item span {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 400;
  color: black;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767.98px) {
  .section-side-articles .side-content .items .item span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

.section-people .main-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-people .main-section .wrapper {
  padding: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper {
    padding: calc(0.0545454545 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-people .main-section .wrapper .title {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 700;
  color: #996633;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #996633;
  line-height: 120%;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper .title {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-left: calc(0.0113636364 * (100vw - var(--scrollbar-width))) solid #996633;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-people .main-section .wrapper .body-content {
  width: 100%;
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper .body-content {
    display: flex;
    flex-direction: column;
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-people .main-section .wrapper .body-content .person {
  width: min(0.2 * (100vw - var(--scrollbar-width)), 288px);
  height: min(0.25 * (100vw - var(--scrollbar-width)), 360px);
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  transition: transform 0.3s ease;
  display: block;
}
.section-people .main-section .wrapper .body-content .person:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper .body-content .person:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-people .main-section .wrapper .body-content .person:hover .person-name {
  background-color: #996633 !important;
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper .body-content .person {
    width: 100%;
    height: calc(1.0795454545 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-people .main-section .wrapper .body-content .person .person-img {
  width: 100%;
  height: min(0.2319444444 * (100vw - var(--scrollbar-width)), 334px);
  position: relative;
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper .body-content .person .person-img {
    height: calc(1 * (100vw - var(--scrollbar-width)));
  }
}
.section-people .main-section .wrapper .body-content .person .person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-people .main-section .wrapper .body-content .person .person-img .person-name {
  width: 100%;
  text-align: center;
  height: min(0.0381944444 * (100vw - var(--scrollbar-width)), 55px);
  font-weight: 700;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  color: white;
  position: absolute;
  bottom: 0;
  background-color: #EEAF6C;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper .body-content .person .person-img .person-name {
    height: calc(0.125 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
.section-people .main-section .wrapper .body-content .person .person-position {
  width: 100%;
  color: black;
  margin-top: 0.25rem;
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .section-people .main-section .wrapper .body-content .person .person-position {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

.side-person {
  width: 30%;
}
@media (max-width: 767.98px) {
  .side-person {
    width: 100%;
  }
}
.side-person .title {
  font-weight: 700;
  color: #996633;
  line-height: 120%;
  font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  border-left: calc(0.0113636364 * (100vw - var(--scrollbar-width))) solid #996633;
  margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
}
.side-person .person {
  width: 100%;
  height: min(0.3125 * (100vw - var(--scrollbar-width)), 450px);
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  transition: transform 0.3s ease;
  display: block;
}
.side-person .person:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  .side-person .person:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.side-person .person:hover .person-name {
  background-color: #996633 !important;
}
@media (max-width: 767.98px) {
  .side-person .person {
    height: calc(1.0795454545 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.side-person .person .person-img {
  width: 100%;
  height: min(0.2743055556 * (100vw - var(--scrollbar-width)), 395px);
  position: relative;
}
@media (max-width: 767.98px) {
  .side-person .person .person-img {
    height: calc(1 * (100vw - var(--scrollbar-width)));
  }
}
.side-person .person .person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.side-person .person .person-img .person-name {
  width: 100%;
  height: min(0.0381944444 * (100vw - var(--scrollbar-width)), 55px);
  font-weight: 700;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
  color: white;
  position: absolute;
  bottom: 0;
  background-color: #EEAF6C;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  .side-person .person .person-img .person-name {
    height: calc(0.125 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
.side-person .person .person-position {
  width: 100%;
  color: black;
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  margin-top: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .side-person .person .person-position {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

.floating-contact {
  position: fixed;
  right: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  align-items: flex-end;
}
@media (max-width: 767.98px) {
  .floating-contact {
    right: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
.floating-contact .contact {
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  position: relative;
  z-index: 1;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .floating-contact .contact {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.floating-contact .contact .box-shadow {
  box-shadow: 0 min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px) rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .floating-contact .contact .box-shadow {
    box-shadow: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(0.0227272727 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.25);
  }
}
.floating-contact .contact .box-shadow .circle {
  width: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .floating-contact .contact .box-shadow .circle {
    width: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
.floating-contact .contact .box-shadow .circle i {
  color: white;
  font-size: min(0.0138888889 * (100vw - var(--scrollbar-width)), 20px);
}
@media (max-width: 767.98px) {
  .floating-contact .contact .box-shadow .circle i {
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
.floating-contact .contact .box-shadow .hotline {
  background-color: #c4171b;
  animation: radiate-red 2s infinite;
}
.floating-contact .contact .box-shadow .facebook {
  background-color: #0866ff;
  animation: radiate-blue 2s infinite;
}
.floating-contact .contact .box-shadow img {
  width: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  border-radius: 50%;
  animation: radiate-blue 2s infinite;
  box-shadow: 0 min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px) rgba(0, 0, 0, 0.25);
}
@media (max-width: 767.98px) {
  .floating-contact .contact .box-shadow img {
    width: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    height: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    box-shadow: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(0.0227272727 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.25);
  }
}
.floating-contact .contact:hover span {
  opacity: 1;
  visibility: visible;
}
.floating-contact .contact span {
  box-shadow: 0 min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px) min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px) rgba(0, 0, 0, 0.25);
  padding: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  width: fit-content;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.3s ease;
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  font-weight: 400;
  color: white;
  position: relative;
}
@media (max-width: 767.98px) {
  .floating-contact .contact span {
    box-shadow: 0 calc(0.0090909091 * (100vw - var(--scrollbar-width))) calc(0.0227272727 * (100vw - var(--scrollbar-width))) rgba(0, 0, 0, 0.25);
    padding: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-radius: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}
.floating-contact .contact span::after {
  content: "";
  width: 0;
  height: 0;
  border-width: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  border-style: solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: opacity 0.5s ease, visibility 0.3s ease;
}
@media (max-width: 767.98px) {
  .floating-contact .contact span::after {
    border-width: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
  }
}

.meta-post {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  font-style: italic;
}

@keyframes radiate-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(8, 102, 255, 0);
  }
  70% {
    box-shadow: 0 0 0 0 rgba(8, 102, 255, 0);
  }
  75% {
    box-shadow: 0 0 0 2px rgba(8, 102, 255, 0.25);
  }
  80% {
    box-shadow: 0 0 0 3px rgba(8, 102, 255, 0.2);
  }
  85% {
    box-shadow: 0 0 0 5px rgba(8, 102, 255, 0.15);
  }
  90% {
    box-shadow: 0 0 0 6px rgba(8, 102, 255, 0.12);
  }
  95% {
    box-shadow: 0 0 0 7px rgba(8, 102, 255, 0.08);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(8, 102, 255, 0);
  }
}
@keyframes radiate-red {
  0% {
    box-shadow: 0 0 0 0 rgba(196, 23, 27, 0);
  }
  70% {
    box-shadow: 0 0 0 0 rgba(196, 23, 27, 0);
  }
  75% {
    box-shadow: 0 0 0 2px rgba(196, 23, 27, 0.25);
  }
  80% {
    box-shadow: 0 0 0 3px rgba(196, 23, 27, 0.2);
  }
  85% {
    box-shadow: 0 0 0 5px rgba(196, 23, 27, 0.15);
  }
  90% {
    box-shadow: 0 0 0 6px rgba(196, 23, 27, 0.12);
  }
  95% {
    box-shadow: 0 0 0 7px rgba(196, 23, 27, 0.08);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(196, 23, 27, 0);
  }
}