@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Black.woff2") format("woff2"), url("../webfonts/Inter-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-BlackItalic.woff2") format("woff2"), url("../webfonts/Inter-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-ExtraBold.woff2") format("woff2"), url("../webfonts/Inter-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-ExtraBoldItalic.woff2") format("woff2"), url("../webfonts/Inter-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Bold.woff2") format("woff2"), url("../webfonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-BoldItalic.woff2") format("woff2"), url("../webfonts/Inter-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-SemiBold.woff2") format("woff2"), url("../webfonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-SemiBoldItalic.woff2") format("woff2"), url("../webfonts/Inter-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Medium.woff2") format("woff2"), url("../webfonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-MediumItalic.woff2") format("woff2"), url("../webfonts/Inter-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Regular.woff2") format("woff2"), url("../webfonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Italic.woff2") format("woff2"), url("../webfonts/Inter-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Light.woff2") format("woff2"), url("../webfonts/Inter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-LightItalic.woff2") format("woff2"), url("../webfonts/Inter-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-ExtraLight.woff2") format("woff2"), url("../webfonts/Inter-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-ExtraLightItalic.woff2") format("woff2"), url("../webfonts/Inter-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-Thin.woff2") format("woff2"), url("../webfonts/Inter-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../webfonts/Inter-ThinItalic.woff2") format("woff2"), url("../webfonts/Inter-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Black.woff2") format("woff2"), url("../webfonts/Roboto-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-BlackItalic.woff2") format("woff2"), url("../webfonts/Roboto-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Bold.woff2") format("woff2"), url("../webfonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-BoldItalic.woff2") format("woff2"), url("../webfonts/Roboto-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Medium.woff2") format("woff2"), url("../webfonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-MediumItalic.woff2") format("woff2"), url("../webfonts/Roboto-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Regular.woff2") format("woff2"), url("../webfonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Italic.woff2") format("woff2"), url("../webfonts/Roboto-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Light.woff2") format("woff2"), url("../webfonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-LightItalic.woff2") format("woff2"), url("../webfonts/Roboto-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-Thin.woff2") format("woff2"), url("../webfonts/Roboto-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../webfonts/Roboto-ThinItalic.woff2") format("woff2"), url("../webfonts/Roboto-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
:root {
  --scrollbar-width: 0px;
}

body {
  font-family: "Roboto";
}
body a {
  text-decoration: none;
}

.alert {
  width: 100%;
  background-color: #004973;
  color: white;
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  border: none;
  text-align: center;
}
@media (max-width: 767.98px) {
  .alert {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}

.top-header {
  width: 100%;
  height: min(0.0291666667 * (100vw - var(--scrollbar-width)), 42px);
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #004973;
}
@media (max-width: 767.98px) {
  .top-header {
    height: calc(0.0954545455 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .wrapper {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
}
@media (max-width: 767.98px) {
  .top-header .wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .top-header .wrapper::-webkit-scrollbar {
    display: none;
  }
}
.top-header .wrapper .wrapper-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .top-header .wrapper .wrapper-inner {
    width: fit-content;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    animation: marquee 8s linear infinite;
  }
  @keyframes marquee {
    0% {
      transform: translateX(105%);
    }
    100% {
      transform: translateX(-105%);
    }
  }
}
.top-header .wrapper .wrapper-inner .email {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  .top-header .wrapper .wrapper-inner .email {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .wrapper .wrapper-inner .email i {
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  color: white;
  padding-top: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  .top-header .wrapper .wrapper-inner .email i {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    padding-top: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .wrapper .wrapper-inner .email span {
  font-family: "Inter";
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  color: white;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .top-header .wrapper .wrapper-inner .email span {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .wrapper .wrapper-inner .hotline {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  .top-header .wrapper .wrapper-inner .hotline {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .wrapper .wrapper-inner .hotline i {
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  color: white;
}
@media (max-width: 767.98px) {
  .top-header .wrapper .wrapper-inner .hotline i {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}
.top-header .wrapper .wrapper-inner .hotline span {
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  color: white;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .top-header .wrapper .wrapper-inner .hotline span {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}

#header {
  height: min(0.0555555556 * (100vw - var(--scrollbar-width)), 80px);
  background-color: white;
  position: sticky;
  top: min(0.0291666667 * (100vw - var(--scrollbar-width)), 42px);
  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.1818181818 * (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.0954545455 * (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.0555555556 * (100vw - var(--scrollbar-width)), 80px);
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  position: relative;
}
#header #navbar .logo {
  object-fit: contain;
  width: min(0.05 * (100vw - var(--scrollbar-width)), 72px);
}
#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: #004973;
  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 .hover-underline:first-child {
  position: relative;
}
#header #navbar .hover-underline:first-child::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #017FB9;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
#header #navbar .hover-underline:first-child:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
#header #navbar .nav-item {
  display: flex;
  align-items: center;
  gap: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
#header #navbar .dropdown {
  position: relative;
}
#header #navbar .dropdown .btn {
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  border: none !important;
  color: #004973 !important;
  padding: 0;
}
#header #navbar .dropdown .btn .fa-house {
  color: #017FB9;
}
#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: 0;
  border: none;
}
#header #navbar .dropdown .dropdown-menu li {
  border-radius: 0;
}
#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: 500;
  color: #004973 !important;
  background-color: white;
  border: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid rgba(0, 73, 115, 0.175);
  transition: all 0.3s ease;
  position: relative;
}
#header #navbar .dropdown .dropdown-menu li a:hover {
  background-color: #004973;
  color: white !important;
}
#header #navbar .dropdown .dropdown-menu li a i {
  position: absolute;
  right: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  top: 50%;
  transform: translateY(-50%);
}
#header #navbar .dropdown .dropdown-menu li .greatChildren {
  padding-right: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
#header #navbar .dropdown .dropdown-menu .children {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease;
}
#header #navbar .dropdown .dropdown-menu .children.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#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: #004973;
  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: #004973;
  border: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #004973;
  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: #004973;
}
#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: #004973;
  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: #004973;
  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.1636363636 * (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: 60%;
  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: #004973;
  border: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #004973;
  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: #004973;
}
#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: #004973;
  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: #004973;
  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.1818181818 * (100vw - var(--scrollbar-width)));
  width: 100%;
  height: calc(100vh - 0.1818181818 * (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.1818181818 * (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(0, 73, 115, 0.2);
  position: relative;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown:first-child {
  border-top: calc(0.0011363636 * (100vw - var(--scrollbar-width))) solid rgba(0, 73, 115, 0.2);
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .btn {
  border: none;
  width: 100%;
  padding: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  font-weight: 500;
  color: #004973 !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: #004973 !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 {
  border: none !important;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu li .dropdown-item {
  pointer-events: all;
  display: block;
  width: 100%;
  padding: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  background-color: #004973;
  border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid rgba(255, 255, 255, 0.2);
  position: relative;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu li .dropdown-item a {
  color: white;
  font-weight: 500;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu li .dropdown-item i {
  position: absolute;
  right: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  top: 50%;
  transform: translateY(-50%);
  color: white;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu .children {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu .children.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
#header #mobile-menu #mobile-menu-sidebar .dropdown .dropdown-menu .children .dropdown-item {
  background-color: #017FB9;
  color: white;
  font-weight: 500;
}
#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 {
  position: relative;
}
#section-intro .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 .slick-dots {
    bottom: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .slick-dots li {
  margin-right: min(0.0041666667 * (100vw - var(--scrollbar-width)), 6px);
  width: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  height: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  #section-intro .slick-dots li {
    margin-right: calc(0.0136363636 * (100vw - var(--scrollbar-width)));
    width: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
    height: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .slick-dots li.slick-active button {
  background-color: #004973;
  box-sizing: border-box;
}
#section-intro .slick-dots button {
  background-color: white;
  padding: 0;
  color: transparent;
  width: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  height: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-radius: 50%;
  border: none;
}
@media (max-width: 767.98px) {
  #section-intro .slick-dots button {
    width: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
    height: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
#section-intro .slide {
  display: block !important;
}
#section-intro .slide img {
  object-fit: cover;
  height: min(0.3590277778 * (100vw - var(--scrollbar-width)), 517px);
  width: 100%;
  object-position: top;
}
@media (max-width: 767.98px) {
  #section-intro .slide img {
    object-fit: cover;
    height: calc(0.3590909091 * (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 .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);
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper {
    flex-direction: column-reverse;
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .banner-about {
  width: min(0.3666666667 * (100vw - var(--scrollbar-width)), 528px);
  height: min(0.275 * (100vw - var(--scrollbar-width)), 396px);
  position: relative;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .banner-about {
    width: 100%;
    height: calc(0.6045454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .banner-about img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: min(0.00625 * (100vw - var(--scrollbar-width)), 9px);
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .banner-about img {
    border-radius: calc(0.0204545455 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  width: min(0.4270833333 * (100vw - var(--scrollbar-width)), 615px);
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content {
    width: 100%;
  }
}
#section-about-home .wrapper .content .title1 {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #333333;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .title1 {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content .title2 {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: #017FB9;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .title2 {
    font-size: calc(0.0545454545 * (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: #333333;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .text {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content .textLink {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .textLink {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content .textLink:hover i {
  color: #004973;
}
#section-about-home .wrapper .content .textLink:hover span {
  color: #004973;
}
#section-about-home .wrapper .content .textLink i {
  font-size: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  color: #017FB9;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .textLink i {
    font-size: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content .textLink span {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #017FB9;
  font-weight: 400;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .textLink span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content .btn-more {
  margin-top: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  width: min(0.0930555556 * (100vw - var(--scrollbar-width)), 134px);
  height: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  background-color: #017FB9;
  transition: background-color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: min(0.0152777778 * (100vw - var(--scrollbar-width)), 22px);
  color: white;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 400;
}
@media (max-width: 767.98px) {
  #section-about-home .wrapper .content .btn-more {
    margin-top: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    width: calc(0.3045454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    border-radius: calc(0.05 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-about-home .wrapper .content .btn-more:hover {
  background-color: #004973;
}

#section-first-articleCat {
  background-color: #F2F3F4;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat {
    margin-top: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  padding: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding: calc(0.0363636364 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .headline {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .headline {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#section-first-articleCat .wrapper .headline .title {
  font-weight: 700;
  color: #017FB9;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .headline .title {
    font-size: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .headline a {
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .headline a {
    display: none;
  }
}
#section-first-articleCat .wrapper .headline a span {
  font-weight: 600;
  color: #004973;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: color 0.3s ease;
}
#section-first-articleCat .wrapper .headline a i {
  color: #004973;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  transition: color 0.3s ease;
}
#section-first-articleCat .wrapper .headline a:hover span {
  color: #017FB9;
}
#section-first-articleCat .wrapper .headline a:hover i {
  color: #017FB9;
}
#section-first-articleCat .wrapper .articles-wrapper {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: unset;
    align-items: center;
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article {
  width: min(0.4916666667 * (100vw - var(--scrollbar-width)), 708px);
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    justify-content: unset;
    padding-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0017045455 * (100vw - var(--scrollbar-width))) solid #d9d9d9;
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article:hover {
  transform: translateY(min(-0.0013888889 * (100vw - var(--scrollbar-width)), -2px));
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article:hover {
    transform: translateY(calc(-0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article:hover .article-info .article-name {
  color: #017FB9;
}
#section-first-articleCat .wrapper .articles-wrapper .first-article:hover .article-info .article-date {
  color: #017FB9;
}
#section-first-articleCat .wrapper .articles-wrapper .first-article .article-image {
  width: min(0.2215277778 * (100vw - var(--scrollbar-width)), 319px);
  height: min(0.1381944444 * (100vw - var(--scrollbar-width)), 199px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article .article-image {
    width: 100%;
    height: calc(0.5386363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article .article-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article .article-info {
  width: min(0.2513888889 * (100vw - var(--scrollbar-width)), 362px);
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article .article-info {
    width: 100%;
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article .article-info .article-name {
  font-weight: 600;
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  text-transform: uppercase;
  color: #004973;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article .article-info .article-name {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    display: block;
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article .article-info .article-description {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article .article-info .article-description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: block;
  }
}
#section-first-articleCat .wrapper .articles-wrapper .first-article .article-info .article-date {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #004973;
  transition: 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .first-article .article-info .article-date {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles {
  display: flex;
  flex-direction: column;
  gap: 0;
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article {
  width: min(0.3013888889 * (100vw - var(--scrollbar-width)), 434px);
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  padding: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px) 0;
  border-bottom: min(0.0005208333 * (100vw - var(--scrollbar-width)), 0.75px) solid #d9d9d9;
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article {
    width: calc(0.8636363636 * (100vw - var(--scrollbar-width)));
    padding: calc(0.0363636364 * (100vw - var(--scrollbar-width))) 0;
    border-bottom: calc(0.0017045455 * (100vw - var(--scrollbar-width))) solid #d9d9d9;
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article:hover {
  transform: translateY(min(-0.0013888889 * (100vw - var(--scrollbar-width)), -2px));
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article:hover {
    transform: translateY(calc(-0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article:hover .article-info .article-name {
  color: #017FB9;
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article:hover .article-info .article-date {
  color: #017FB9;
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article:first-child {
  padding: 0;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article:first-child {
    padding: calc(0.0363636364 * (100vw - var(--scrollbar-width))) 0;
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article:last-child {
  padding: 0;
  padding-top: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  border-bottom: none;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article:last-child {
    padding-top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article .article-image {
  width: min(0.06875 * (100vw - var(--scrollbar-width)), 99px);
  height: min(0.0458333333 * (100vw - var(--scrollbar-width)), 66px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article .article-image {
    width: calc(0.225 * (100vw - var(--scrollbar-width)));
    height: calc(0.15 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article .article-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article .article-image img {
    border-radius: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article .article-info {
  width: min(0.2222222222 * (100vw - var(--scrollbar-width)), 320px);
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article .article-info {
    width: calc(0.5909090909 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article .article-info .article-name {
  font-weight: 600;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  text-transform: uppercase;
  color: #004973;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article .article-info .article-name {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article .article-info .article-description {
  display: none;
}
#section-first-articleCat .wrapper .articles-wrapper .articles .article .article-info .article-date {
  font-weight: 400;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  color: #004973;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .articles-wrapper .articles .article .article-info .article-date {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
#section-first-articleCat .wrapper .btn-all-mb {
  display: none;
}
@media (max-width: 767.98px) {
  #section-first-articleCat .wrapper .btn-all-mb {
    display: flex;
    align-items: center;
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
    align-self: center;
  }
  #section-first-articleCat .wrapper .btn-all-mb span {
    font-weight: 600;
    color: #004973;
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    transition: color 0.3s ease;
  }
  #section-first-articleCat .wrapper .btn-all-mb i {
    color: #004973;
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
    transition: color 0.3s ease;
  }
  #section-first-articleCat .wrapper .btn-all-mb:hover span {
    color: #017FB9;
  }
  #section-first-articleCat .wrapper .btn-all-mb:hover i {
    color: #017FB9;
  }
}

#section-second-articleCat {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat {
    margin-top: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  flex-direction: column;
  gap: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .title {
  align-self: center;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  font-weight: 700;
  color: #017FB9;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .title {
    font-size: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .articles {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
#section-second-articleCat .wrapper .articles .articles-column {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column:first-child .article:first-child {
    padding: 0 !important;
    padding-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width))) !important;
  }
  #section-second-articleCat .wrapper .articles .articles-column:last-child .article:last-child {
    padding: 0 !important;
    padding-top: calc(0.0363636364 * (100vw - var(--scrollbar-width))) !important;
    border-bottom: none !important;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  width: min(0.2611111111 * (100vw - var(--scrollbar-width)), 376px);
  padding: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px) 0;
  border-bottom: min(0.0005208333 * (100vw - var(--scrollbar-width)), 0.75px) solid #d9d9d9;
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article {
    width: calc(0.8636363636 * (100vw - var(--scrollbar-width)));
    padding: calc(0.0363636364 * (100vw - var(--scrollbar-width))) 0 !important;
    border-bottom: calc(0.0017045455 * (100vw - var(--scrollbar-width))) solid #d9d9d9 !important;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:hover {
  transform: translateY(min(-0.0013888889 * (100vw - var(--scrollbar-width)), -2px));
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:hover {
    transform: translateY(calc(-0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:hover .article-info .article-name {
  color: #017FB9;
}
#section-second-articleCat .wrapper .articles .articles-column .article:hover .article-info .article-date {
  color: #017FB9;
}
#section-second-articleCat .wrapper .articles .articles-column .article:hover:first-child .article-info .article-name {
  color: #017FB9;
}
#section-second-articleCat .wrapper .articles .articles-column .article:hover:first-child .article-info .article-date {
  color: #017FB9;
}
#section-second-articleCat .wrapper .articles .articles-column .article:first-child {
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  align-items: flex-start;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  padding: 0;
  border-bottom: none;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:first-child {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    margin-bottom: 0;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-image {
  width: 100%;
  height: min(0.1631944444 * (100vw - var(--scrollbar-width)), 235px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-image {
    height: calc(0.5386363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-info {
  width: 100%;
}
#section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-info .article-name {
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  color: black;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-info .article-name {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    display: block;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-info .article-description {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  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-second-articleCat .wrapper .articles .articles-column .article:first-child .article-info .article-description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: block;
    height: auto;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-info .article-date {
  display: none;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:first-child .article-info .article-date {
    font-weight: 400;
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
    color: #004973;
    transition: color 0.3s ease;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:nth-child(2) {
  padding: 0;
  padding-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:nth-child(2) {
    padding: 0;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article:last-child {
  padding: 0;
  padding-top: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  border-bottom: none;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article:last-child {
    padding: 0;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article .article-image {
  width: min(0.06875 * (100vw - var(--scrollbar-width)), 99px);
  height: min(0.0458333333 * (100vw - var(--scrollbar-width)), 66px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article .article-image {
    height: calc(0.15 * (100vw - var(--scrollbar-width)));
    width: calc(0.225 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article .article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article .article-info {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: min(0.1819444444 * (100vw - var(--scrollbar-width)), 262px);
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article .article-info {
    width: calc(0.5909090909 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article .article-info .article-name {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article .article-info .article-name {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    color: #004973;
  }
}
#section-second-articleCat .wrapper .articles .articles-column .article .article-info .article-description {
  display: none;
}
#section-second-articleCat .wrapper .articles .articles-column .article .article-info .article-date {
  font-weight: 400;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  color: #004973;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .articles .articles-column .article .article-info .article-date {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .btn-all {
  width: min(0.0930555556 * (100vw - var(--scrollbar-width)), 134px);
  height: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: min(0.0152777778 * (100vw - var(--scrollbar-width)), 22px);
  background-color: #017FB9;
  align-self: center;
  font-weight: 300;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: white;
  transition: background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-second-articleCat .wrapper .btn-all {
    width: calc(0.3045454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    border-radius: calc(0.05 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-second-articleCat .wrapper .btn-all:hover {
  background-color: #004973;
}

.section-articleCat {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  .section-articleCat {
    margin-top: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-articleCat .wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  flex-direction: column;
  gap: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-articleCat .wrapper .headline {
  padding-bottom: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-bottom: min(0.0005208333 * (100vw - var(--scrollbar-width)), 0.75px) solid #d9d9d9;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .headline {
    padding: 0;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.section-articleCat .wrapper .headline .title {
  font-weight: 700;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  color: #017FB9;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .headline .title {
    font-size: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-articleCat .wrapper .headline a {
  display: flex;
  align-items: center;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .headline a {
    display: none;
  }
}
.section-articleCat .wrapper .headline a span {
  font-weight: 600;
  color: #004973;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: color 0.3s ease;
}
.section-articleCat .wrapper .headline a i {
  color: #004973;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  transition: color 0.3s ease;
}
.section-articleCat .wrapper .headline a:hover span {
  color: #017FB9;
}
.section-articleCat .wrapper .headline a:hover i {
  color: #017FB9;
}
.section-articleCat .wrapper .articles {
  display: flex;
  align-items: center;
  gap: min(0.0194444444 * (100vw - var(--scrollbar-width)), 28px);
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.section-articleCat .wrapper .articles .article {
  width: min(0.19375 * (100vw - var(--scrollbar-width)), 279px);
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles .article {
    width: 100%;
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    border-bottom: calc(0.0017045455 * (100vw - var(--scrollbar-width))) solid #d9d9d9;
    padding: calc(0.0363636364 * (100vw - var(--scrollbar-width))) 0;
  }
  .section-articleCat .wrapper .articles .article:first-child {
    padding: 0;
    padding-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
  .section-articleCat .wrapper .articles .article:last-child {
    padding: 0;
    padding-top: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    border-bottom: none;
  }
}
.section-articleCat .wrapper .articles .article:hover {
  transform: translateY(min(-0.0013888889 * (100vw - var(--scrollbar-width)), -2px));
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles .article:hover {
    transform: translateY(calc(-0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-articleCat .wrapper .articles .article:hover .article-info .article-name {
  color: #017FB9;
}
.section-articleCat .wrapper .articles .article:hover .article-info .article-date {
  color: #017FB9;
}
.section-articleCat .wrapper .articles .article .article-image {
  width: 100%;
  height: min(0.1361111111 * (100vw - var(--scrollbar-width)), 196px);
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles .article .article-image {
    height: calc(0.5386363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-articleCat .wrapper .articles .article .article-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: min(0.00625 * (100vw - var(--scrollbar-width)), 9px);
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles .article .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-articleCat .wrapper .articles .article .article-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.section-articleCat .wrapper .articles .article .article-info .article-name {
  color: black;
  text-transform: uppercase;
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles .article .article-info .article-name {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    display: block;
    color: #004973;
  }
}
.section-articleCat .wrapper .articles .article .article-info .article-description {
  color: black;
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles .article .article-info .article-description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
  }
}
.section-articleCat .wrapper .articles .article .article-info .article-date {
  color: #004973;
  font-weight: 400;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .articles .article .article-info .article-date {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-articleCat .wrapper .btn-all-mb {
  display: none;
}
@media (max-width: 767.98px) {
  .section-articleCat .wrapper .btn-all-mb {
    display: flex;
    align-items: center;
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
    align-self: center;
  }
  .section-articleCat .wrapper .btn-all-mb span {
    font-weight: 600;
    color: #004973;
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    transition: color 0.3s ease;
  }
  .section-articleCat .wrapper .btn-all-mb i {
    color: #004973;
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
    transition: color 0.3s ease;
  }
  .section-articleCat .wrapper .btn-all-mb:hover span {
    color: #017FB9;
  }
  .section-articleCat .wrapper .btn-all-mb:hover i {
    color: #017FB9;
  }
}

#section-newest-articles {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px) 0;
}
@media (max-width: 767.98px) {
  #section-newest-articles {
    margin: calc(0.0545454545 * (100vw - var(--scrollbar-width))) 0;
  }
}
#section-newest-articles .wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  display: flex;
  flex-direction: column;
  gap: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .title {
  font-weight: 700;
  color: #017FB9;
  font-size: min(0.0208333333 * (100vw - var(--scrollbar-width)), 30px);
  align-self: center;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .title {
    font-size: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles {
  display: flex;
  align-items: center;
  gap: min(0.0177083333 * (100vw - var(--scrollbar-width)), 25.5px);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
#section-newest-articles .wrapper .articles .first-article {
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: transform 0.3s ease;
  flex-basis: 50%;
}
#section-newest-articles .wrapper .articles .first-article:hover {
  transform: translateY(min(-0.0013888889 * (100vw - var(--scrollbar-width)), -2px));
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .first-article:hover {
    transform: translateY(calc(-0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-newest-articles .wrapper .articles .first-article:hover .article-info .article-name {
  color: #017FB9;
}
#section-newest-articles .wrapper .articles .first-article:hover .article-info .article-date {
  color: #017FB9;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .first-article {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .first-article .article-image {
  width: min(0.4076388889 * (100vw - var(--scrollbar-width)), 587px);
  height: min(0.2611111111 * (100vw - var(--scrollbar-width)), 376px);
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .first-article .article-image {
    width: 100%;
    height: calc(0.5386363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .first-article .article-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: min(0.0076388889 * (100vw - var(--scrollbar-width)), 11px);
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .first-article .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .first-article .article-info {
  display: flex;
  flex-direction: column;
  gap: 0;
}
#section-newest-articles .wrapper .articles .first-article .article-info .article-name {
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  font-weight: 600;
  color: #004973;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .first-article .article-info .article-name {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    display: block;
  }
}
#section-newest-articles .wrapper .articles .first-article .article-info .article-description {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .first-article .article-info .article-description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
  }
}
#section-newest-articles .wrapper .articles .first-article .article-info .article-date {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #004973;
  font-weight: 400;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .first-article .article-info .article-date {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .side-articles {
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  flex-wrap: wrap;
  row-gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  flex-basis: 50%;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles {
    width: 100%;
  }
}
#section-newest-articles .wrapper .articles .side-articles .article {
  flex-basis: 46%;
  margin: 0 1%;
  transition: transform 0.3s ease;
}
#section-newest-articles .wrapper .articles .side-articles .article:hover {
  transform: translateY(min(-0.0013888889 * (100vw - var(--scrollbar-width)), -2px));
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles .article:hover {
    transform: translateY(calc(-0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#section-newest-articles .wrapper .articles .side-articles .article:hover .article-info .article-name {
  color: #017FB9;
}
#section-newest-articles .wrapper .articles .side-articles .article:hover .article-info .article-date {
  color: #017FB9;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles .article {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    width: calc(0.4136363636 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .side-articles .article .article-image {
  width: 100%;
  height: min(0.1215277778 * (100vw - var(--scrollbar-width)), 175px);
  display: block;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles .article .article-image {
    height: calc(0.2727272727 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .side-articles .article .article-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles .article .article-image img {
    border-radius: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .side-articles .article .article-info {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 1rem;
}
#section-newest-articles .wrapper .articles .side-articles .article .article-info .article-name {
  color: black;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  width: 100%;
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles .article .article-info .article-name {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    color: #004973;
    height: calc(0.1090909091 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .articles .side-articles .article .article-info .article-description {
  display: none;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles .article .article-info .article-description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    color: black;
    font-weight: 400;
  }
}
#section-newest-articles .wrapper .articles .side-articles .article .article-info .article-date {
  color: #004973;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 400;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .articles .side-articles .article .article-info .article-date {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .btn-all {
  width: min(0.0930555556 * (100vw - var(--scrollbar-width)), 134px);
  height: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: min(0.0152777778 * (100vw - var(--scrollbar-width)), 22px);
  background-color: #017FB9;
  align-self: center;
  font-weight: 300;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: white;
  transition: background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  #section-newest-articles .wrapper .btn-all {
    width: calc(0.3045454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
    border-radius: calc(0.05 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#section-newest-articles .wrapper .btn-all:hover {
  background-color: #004973;
}

#footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #f2f3f4;
}
#footer .wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0;
  align-items: flex-start;
  justify-content: space-between;
  padding: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px) min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  max-width: 1440px;
}
@media (max-width: 767.98px) {
  #footer .wrapper {
    padding: calc(0.0727272727 * (100vw - var(--scrollbar-width))) calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    display: flex;
    flex-direction: column;
    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(0, 89.1869565217, 140.5);
  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-blue 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(0, 40.6260869565, 64);
  color: rgb(229.5, 229.5, 229.5);
  animation-play-state: paused;
}
#footer .wrapper #scroll-btn.show {
  opacity: 1;
  visibility: visible;
}
#footer .wrapper .logo {
  object-fit: contain;
  width: min(0.0763888889 * (100vw - var(--scrollbar-width)), 110px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .logo {
    width: calc(0.25 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content1 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
#footer .wrapper .content1 .title {
  font-weight: 600;
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  color: #004973;
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .content1 .title {
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content1 .info {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  align-items: flex-start;
  margin-bottom: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .content1 .info {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content1 .info i {
  color: white;
  width: min(0.01875 * (100vw - var(--scrollbar-width)), 27px);
  height: min(0.01875 * (100vw - var(--scrollbar-width)), 27px);
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: block;
  background-color: #017FB9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  #footer .wrapper .content1 .info i {
    width: calc(0.0613636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.0613636364 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content1 .info span {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
  font-weight: 300;
  width: min(0.2194444444 * (100vw - var(--scrollbar-width)), 316px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .content1 .info span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    width: calc(0.7840909091 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content2 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
#footer .wrapper .content2 .title {
  font-weight: 600;
  color: #004973;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  margin-bottom: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .content2 .title {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content2 a {
  font-weight: 300;
  color: black;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  margin-bottom: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  position: relative;
  width: fit-content;
  transition: color 0.3s ease;
}
#footer .wrapper .content2 a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px);
  background-color: #017FB9;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
#footer .wrapper .content2 a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
@media (max-width: 767.98px) {
  #footer .wrapper .content2 a {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content2 a:hover {
  color: #017FB9;
}
#footer .wrapper .content3 {
  display: flex;
  flex-direction: column;
  gap: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .content3 {
    gap: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content3 .fb-page-responsive {
  width: min(0.1979166667 * (100vw - var(--scrollbar-width)), 285px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .content3 .fb-page-responsive {
    width: calc(0.6477272727 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content3 .social-icon {
  display: flex;
  align-items: center;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
#footer .wrapper .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: #004973;
  color: white;
  border-radius: 50%;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 767.98px) {
  #footer .wrapper .content3 .social-icon a {
    width: calc(0.0818181818 * (100vw - var(--scrollbar-width)));
    height: calc(0.0818181818 * (100vw - var(--scrollbar-width)));
  }
}
#footer .wrapper .content3 .social-icon a:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
  background-color: #017FB9;
}
@media (max-width: 767.98px) {
  #footer .wrapper .content3 .social-icon a:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
#footer .wrapper .content3 .social-icon a i {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  #footer .wrapper .content3 .social-icon a i {
    font-size: calc(0.0363636364 * (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: #004973;
  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)));
  }
}

@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;
  flex-direction: column;
  gap: 0;
}
.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: #004973;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #004973;
  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 #004973;
    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;
}
.section-article .main-section .wrapper .content .share {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .share {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .share span {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: black;
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .share span {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .share a {
  border-radius: 50%;
  width: min(0.0256944444 * (100vw - var(--scrollbar-width)), 37px);
  height: min(0.0256944444 * (100vw - var(--scrollbar-width)), 37px);
  background-color: #F3FCFF;
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  color: #004973;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-article .main-section .wrapper .content .share a {
    width: calc(0.0840909091 * (100vw - var(--scrollbar-width)));
    height: calc(0.0840909091 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .wrapper .content .share a:hover {
  background-color: #004973;
  color: white;
}
.section-article .main-section .related-articles-wrapper {
  padding: 0 min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  padding-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper {
    padding: 0 calc(0.0681818182 * (100vw - var(--scrollbar-width)));
    padding-bottom: calc(0.0545454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .related-articles-wrapper .title {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 700;
  color: #004973;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #004973;
  line-height: 120%;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-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 #004973;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .related-articles-wrapper .slides .slick-list {
  margin: 0 calc(min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px) * -1);
}
.section-article .main-section .related-articles-wrapper .slides .slick-slide {
  padding: 0 min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slick-list {
    margin: 0 calc(0.0181818182 * (100vw - var(--scrollbar-width)) * -1);
  }
  .section-article .main-section .related-articles-wrapper .slides .slick-slide {
    padding: 0 calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .related-articles-wrapper .slides .slick-track {
  margin-left: 0 !important;
}
.section-article .main-section .related-articles-wrapper .slides .slide {
  display: block !important;
  padding-top: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide {
    padding-top: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .related-articles-wrapper .slides .slide .article {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: transform 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide .article {
    gap: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .related-articles-wrapper .slides .slide .article:hover {
  transform: translateY(min(-0.0013888889 * (100vw - var(--scrollbar-width)), -2px));
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide .article:hover {
    transform: translateY(calc(-0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-article .main-section .related-articles-wrapper .slides .slide .article:hover .article-info .article-name {
  color: #017FB9;
}
.section-article .main-section .related-articles-wrapper .slides .slide .article:hover .article-info .article-date {
  color: #017FB9;
}
.section-article .main-section .related-articles-wrapper .slides .slide .article .article-image {
  width: 100%;
  height: min(0.1361111111 * (100vw - var(--scrollbar-width)), 196px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide .article .article-image {
    height: calc(0.5386363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .related-articles-wrapper .slides .slide .article .article-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: min(0.00625 * (100vw - var(--scrollbar-width)), 9px);
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide .article .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-article .main-section .related-articles-wrapper .slides .slide .article .article-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.section-article .main-section .related-articles-wrapper .slides .slide .article .article-info .article-name {
  color: black;
  text-transform: uppercase;
  font-weight: 600;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide .article .article-info .article-name {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
    display: block;
    color: #004973;
  }
}
.section-article .main-section .related-articles-wrapper .slides .slide .article .article-info .article-description {
  color: black;
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide .article .article-info .article-description {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
  }
}
.section-article .main-section .related-articles-wrapper .slides .slide .article .article-info .article-date {
  color: #004973;
  font-weight: 400;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-article .main-section .related-articles-wrapper .slides .slide .article .article-info .article-date {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}

#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 .title {
  font-size: min(0.0194444444 * (100vw - var(--scrollbar-width)), 28px);
  font-weight: 700;
  color: #004973;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #004973;
  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 #004973;
    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: #004973;
  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(0, 40.6260869565, 64);
}

.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: #004973;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  transition: color 0.3s ease;
}
.breadcrumb a:hover {
  color: rgb(0, 105.3739130435, 166);
}
@media (max-width: 767.98px) {
  .breadcrumb a {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.breadcrumb span {
  color: #004973;
  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: #004973;
  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: #004973;
  padding-left: min(0.0083333333 * (100vw - var(--scrollbar-width)), 12px);
  border-left: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px) solid #004973;
  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 #004973;
    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:hover .article-info .article-title {
  color: #017FB9;
}
.section-articles .main-section .wrapper .content .body-content .article .article-image {
  width: min(0.1666666667 * (100vw - var(--scrollbar-width)), 240px);
  height: min(0.125 * (100vw - var(--scrollbar-width)), 180px);
  display: block;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-image {
    width: 100%;
    height: calc(0.4886363636 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-image img {
  object-fit: cover;
  border-radius: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info {
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
  width: min(0.3694444444 * (100vw - var(--scrollbar-width)), 532px);
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-info {
    width: 100%;
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info .article-title {
  color: #004973;
  font-weight: 600;
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  transition: color 0.3s ease;
}
@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)));
    display: block;
  }
}
.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);
}
.section-articles .main-section .wrapper .content .body-content .article .article-info .article-time i {
  color: #999999;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
}
@media (max-width: 767.98px) {
  .section-articles .main-section .wrapper .content .body-content .article .article-info .article-time i {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-articles .main-section .wrapper .content .body-content .article .article-info .article-time span {
  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 span {
    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;
  -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-side-articles {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: sticky;
  top: min(0.1041666667 * (100vw - var(--scrollbar-width)), 150px);
}
@media (max-width: 767.98px) {
  .section-side-articles {
    width: 100%;
    position: static;
    top: unset;
  }
}
.section-side-articles .search-bar {
  width: 100%;
  height: min(0.0333333333 * (100vw - var(--scrollbar-width)), 48px);
  position: relative;
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
}
@media (max-width: 767.98px) {
  .section-side-articles .search-bar {
    height: calc(0.1090909091 * (100vw - var(--scrollbar-width)));
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .search-bar input {
  color: #004973;
  border: min(0.0006944444 * (100vw - var(--scrollbar-width)), 1px) solid #004973;
  border-radius: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  padding-left: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  padding-right: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  height: 100%;
  width: 100%;
}
@media (max-width: 767.98px) {
  .section-side-articles .search-bar input {
    border-radius: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
    padding-left: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    padding-right: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .search-bar input::placeholder {
  font-weight: 400;
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  line-height: 100%;
  color: #004973;
}
@media (max-width: 767.98px) {
  .section-side-articles .search-bar input::placeholder {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .search-bar input:focus {
  outline: none;
  box-shadow: none;
}
.section-side-articles .search-bar input:-webkit-autofill,
.section-side-articles .search-bar input:-webkit-autofill:hover,
.section-side-articles .search-bar input:-webkit-autofill:focus,
.section-side-articles .search-bar input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px min(0.6944444444 * (100vw - var(--scrollbar-width)), 1000px) white inset;
  -webkit-text-fill-color: #004973;
  transition: background-color 5000s ease-in-out 0s;
}
.section-side-articles .search-bar button {
  border: none;
  background-color: #004973;
  border-radius: min(0.0034722222 * (100vw - var(--scrollbar-width)), 5px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
  width: min(0.0305555556 * (100vw - var(--scrollbar-width)), 44px);
  height: min(0.0222222222 * (100vw - var(--scrollbar-width)), 32px);
}
@media (max-width: 767.98px) {
  .section-side-articles .search-bar button {
    border-radius: calc(0.0113636364 * (100vw - var(--scrollbar-width)));
    right: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    width: calc(0.1 * (100vw - var(--scrollbar-width)));
    height: calc(0.0727272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .search-bar button i {
  color: white;
  font-size: min(0.0125 * (100vw - var(--scrollbar-width)), 18px);
}
@media (max-width: 767.98px) {
  .section-side-articles .search-bar button i {
    font-size: calc(0.0409090909 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .title {
  font-size: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  font-weight: 700;
  color: white !important;
  background-color: #004973;
  border-radius: 0 min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px) 0 min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  padding-left: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  margin-bottom: min(0.0166666667 * (100vw - var(--scrollbar-width)), 24px);
  display: block;
  height: min(0.0416666667 * (100vw - var(--scrollbar-width)), 60px);
  width: 100%;
  display: flex;
  align-items: center;
}
@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 #004973;
    margin-bottom: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    border-radius: 0 calc(0.0227272727 * (100vw - var(--scrollbar-width))) 0 calc(0.0227272727 * (100vw - var(--scrollbar-width)));
    height: calc(0.1363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .items {
  display: flex;
  flex-direction: column;
  gap: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
}
@media (max-width: 767.98px) {
  .section-side-articles .items {
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .items .item {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: space-between;
  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 .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 .items .item:hover {
  transform: translateY(calc(-1 * min(0.0013888889 * (100vw - var(--scrollbar-width)), 2px)));
}
@media (max-width: 767.98px) {
  .section-side-articles .items .item:hover {
    transform: translateY(calc(-1 * 0.0045454545 * (100vw - var(--scrollbar-width))));
  }
}
.section-side-articles .items .item:hover .article-info .article-name {
  color: #017FB9;
}
.section-side-articles .items .item .article-image {
  width: min(0.0833333333 * (100vw - var(--scrollbar-width)), 120px);
  height: min(0.0555555556 * (100vw - var(--scrollbar-width)), 80px);
}
@media (max-width: 767.98px) {
  .section-side-articles .items .item .article-image {
    width: calc(0.3 * (100vw - var(--scrollbar-width)));
    height: calc(0.2045454545 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .items .item .article-image img {
  border-radius: min(0.0069444444 * (100vw - var(--scrollbar-width)), 10px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .section-side-articles .items .item .article-image img {
    border-radius: calc(0.0227272727 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .items .item .article-info {
  width: min(0.1611111111 * (100vw - var(--scrollbar-width)), 232px);
  display: flex;
  flex-direction: column;
  gap: min(0.0027777778 * (100vw - var(--scrollbar-width)), 4px);
}
@media (max-width: 767.98px) {
  .section-side-articles .items .item .article-info {
    width: calc(0.5272727273 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .items .item .article-info .article-name {
  font-size: min(0.0111111111 * (100vw - var(--scrollbar-width)), 16px);
  font-weight: 400;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease;
}
@media (max-width: 767.98px) {
  .section-side-articles .items .item .article-info .article-name {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }
}
.section-side-articles .items .item .article-info .article-time {
  display: flex;
  align-items: center;
  gap: min(0.0055555556 * (100vw - var(--scrollbar-width)), 8px);
}
.section-side-articles .items .item .article-info .article-time i {
  color: #999999;
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
}
@media (max-width: 767.98px) {
  .section-side-articles .items .item .article-info .article-time i {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
.section-side-articles .items .item .article-info .article-time span {
  font-size: min(0.0097222222 * (100vw - var(--scrollbar-width)), 14px);
  color: #999999;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .section-side-articles .items .item .article-info .article-time span {
    font-size: calc(0.0318181818 * (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)));
  }
}

@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);
  }
}