@charset "UTF-8";
@import url(./fonts/typography.css);
@import url(_main.scss);
@import url(_reset.scss);
:root {
  --f-body: "LexendDeca";
  --red: #FE3131;
  --green: #3DA333;
  --white: #fff;
  --black: #414141;
}
body {
  font-family: var(--f-body);
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, video, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body, html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
  color: currentColor;
}

*:before,
*:after {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Text-level semantic
 */
:active {
  outline: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

/**
 * Embedded content
 */
img, video {
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

/**
 * Grouping content
 */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

pre {
  overflow: auto;
}

.recaptcha{
  margin-bottom: 1rem;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
}

/**
 * Forms
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
input[type=submit] {
  padding: 0;
  overflow: visible;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  border-radius: 0;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: inherit;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/**
 * Tables
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

a {
  text-decoration: none;
}

img, video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

input,
textarea,
select {
  outline: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

figure {
  margin: 0;
}

.current-lang {
  display: none !important;
}
/* Đảm bảo sub-menu hiển thị khi hover */
.menu-item-has-children:hover > .sub-menu {
  display: block;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0.8;
  background: #000;
  z-index: 9990;
  cursor: pointer;
  display: none;
}
.backdrop.show {
  display: block;
}

.backdrop-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background: #000;
  z-index: 9990;
  visibility: hidden;
  transition: 0.6s all ease-in-out;
}
@media only screen and (max-width: 1060px) {
  .backdrop-menu.show {
    visibility: visible;
    opacity: 0.8;
  }
}

body {
  box-sizing: border-box;
  font-family: var(--f-body);
}

.pagination {
  display: flex;
  gap: 0.6875rem;
}
.pagination > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.25rem;
  color: #2A2B2E;
  font-size: 0.875rem;
  font-weight: 31.25rem;
  line-height: 150%;
  border: 1px solid var(--Primary-Color-50, #CDDEE8);
  background: var(--HEADER, #FFF);
}
@media only screen and (max-width: 767px) {
  .pagination > * {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.75rem;
  }
}
.pagination > *.current,
.pagination > *:not(.prev):not(.next):hover {
  background: #136451;
  color: var(--white);
}
.pagination > *.current svg circle,
.pagination > *:not(.prev):not(.next):hover svg circle {
  fill: var(--white);
}
.pagination .prev,
.pagination .next {
  border: none;
}


.ui-datepicker-div {
  font-family: var(--f-body) !important;
}

.ui-widget-header {
  border: 1px solid #136451 !important;
  background: var(--green) !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center !important;
}

.ui-widget-content {
  background: var(--white) !important;
}

.ui-state-default {
  background: var(--white) !important;
  color: #136451 !important;
}

.ui-state-default:hover,
.ui-state-default:focus,
.ui-state-hover,
.ui-state-active {
  border: 1px solid var(--green) !important;
  background: var(--green) !important;
  color: var(--white) !important;
}

/* Tạo sẵn kiểu mặc định khi phần tử chưa xuất hiện */
.fade-in {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Kiểu phần tử sau khi đã xuất hiện */
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

header .header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9996;
  height: 5.625rem;
  background: var(--white);
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper {
    height: 4rem;
  }
}
@media only screen and (max-width: 1060px) {
  header .header-wrapper {
    display: none;
  }
}
header .header-wrapper .container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container {
    padding: 1.25rem;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container {
    padding: 0.75rem;
  }
}
header .header-wrapper .container .logo {
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 4.5rem;
}
@media only screen and (max-width: 1640px) {
  header .header-wrapper .container .logo {
    margin-right: 3rem;
  }
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container .logo {
    width: 3rem;
    height: 3rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .logo {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.625rem;
  }
}
header .header-wrapper .container .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
header .header-wrapper .container .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.5rem;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 1640px) {
  header .header-wrapper .container .wrap {
    gap: 3rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container .wrap {
    gap: 1.25rem;
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .wrap {
    gap: 0.625rem;
    margin-right: 0.625rem;
  }
}
header .header-wrapper .container .wrap .main-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items {
  list-style: none;
  display: flex;
  gap: 2.5rem;
}
@media only screen and (max-width: 1640px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items {
    gap: 2rem;
  }
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items {
    gap: 1.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items {
    gap: 1rem;
  }
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item {
  position: relative;
  display: flex;
  gap: 0.4375rem;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #136451;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item {
    font-size: 0.875rem;
  }
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > a {
  color: inherit;
  text-decoration: none;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children > a {
  position: relative;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("path/to/your/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children > a.active::after {
  transform: translateY(-50%) rotate(180deg);
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .up,
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .down {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .up svg path,
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .down svg path {
  fill: #136451;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .up {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .up.show {
  visibility: visible;
  opacity: 1;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .down {
  visibility: visible;
  opacity: 1;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children .icon .down.show {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children:hover > a::after {
  transform: translateY(-50%) rotate(180deg);
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children:hover .icon .up {
  opacity: 1;
  visibility: visible;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children:hover .icon .down {
  opacity: 0;
  visibility: hidden;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children:hover .sub-menu .menu-item-has-children:hover > .sub-menu {
  opacity: 0;
  visibility: hidden;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children:hover .icon .up svg path,
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item.menu-item-has-children:hover .icon .down svg path {
  fill: var(--black);
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > .sub-menu {
  width: -moz-max-content;
  width: max-content;
  border-radius: 1rem;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 3.75rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  transform: translateY(-10px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  margin: 0;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > .sub-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > .sub-menu > li {
  box-sizing: border-box;
  width: auto;
  padding: 1rem 2.25rem;
  font-weight: 400;
  line-height: 150%;
  color: var(--black);
  background: var(--white);
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > .sub-menu > li {
    padding: 0.5rem 1.5rem;
    display: flex;
    align-items: center;
  }
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > .sub-menu > li:hover, header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > .sub-menu > li.current-menu-item {
  font-weight: 500;
  color: #136451;
  background: #F2F2F2;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item > .sub-menu > li > a {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li.menu-item:hover {
  color: var(--black);
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(2) {
  color: var(--white);
  background-color: var(--red);
  border: 1px solid var(--red);
  box-sizing: border-box;
  padding: 1rem 1rem;
  border-radius: 0.625rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  margin-right: -1rem;
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(2) {
    padding: 0.75rem 0.75rem;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(2) {
    font-size: 0.875rem;
    padding: 0.5rem 0.5rem;
  }
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(2):hover {
  color: red;
  background-color: var(--white);
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(1) {
  position: relative;
  padding-left: 1.5rem;
  color: #19786F;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}
@media only screen and (max-width: 1640px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(1) {
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(1) {
    font-size: 1rem;
  }
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(1)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  height: 50%;
  width: 0;
  border-left: 1px solid #999;
}
header .header-wrapper .container .wrap .main-navigation > .menu-items > li:nth-last-child(1) a img {
  width: 1.5rem !important;
  height: 1rem !important;
}
header .header-wrapper .container .wrap .button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  border-radius: 0.625rem;
  border: 1px solid var(--red);
  background: var(--red);
  color: var(--white);
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container .wrap .button {
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .wrap .button {
    padding: 0.5rem 0.625rem;
  }
}
header .header-wrapper .container .wrap .button a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .wrap .button a {
    font-size: 0.875rem;
  }
}
header .header-wrapper .container .wrap .button:hover {
  background: var(--white);
  color: var(--red);
}
header .header-wrapper .container .language {
  list-style: none;
  position: relative;
  padding-left: 1.5rem;
  border-left: 1px solid #999;
}
@media only screen and (max-width: 1640px) {
  header .header-wrapper .container .language {
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 1480px) {
  header .header-wrapper .container .language {
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .language {
    padding-left: 0.625rem;
  }
}
header .header-wrapper .container .language li {
  position: absolute;
  top: 0.5rem;
  left: 0;
  cursor: pointer;
  display: none;
}
header .header-wrapper .container .language li a {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .language li a {
    gap: 0.25rem;
  }
}
header .header-wrapper .container .language li a img {
  width: 1.4375rem;
  height: 1rem;
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .language li a img {
    width: 1.25rem;
    height: 0.875rem;
  }
}
header .header-wrapper .container .language li a span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
  color: #19786F;
}
@media only screen and (max-width: 1280px) {
  header .header-wrapper .container .language li a span {
    font-size: 1.125rem;
  }
}
header .header-wrapper .container .language li a .icon {
  display: none;
}
header .header-wrapper .container .language li a .icon svg {
  width: 1.125rem;
  height: 1.125rem;
}
header .header-wrapper .container .language li.active {
  top: -0.875rem;
  display: block;
}
header .header-wrapper .container .language li.active a .icon {
  display: block;
}
header .header-mobile {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--white);
  z-index: 9997;
}
@media only screen and (max-width: 1060px) {
  header .header-mobile {
    display: block;
    height: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  header .header-mobile {
    display: block;
    height: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
header .header-mobile .logo img {
  width: 3rem;
  height: 3rem;
}
@media only screen and (max-width: 767px) {
  header .header-mobile .logo img {
    width: 2.5rem;
    height: 2.5rem;
  }
}
header .header-mobile .icon {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  header .header-mobile .icon {
    width: 1.75rem;
    height: 1.75rem;
  }
}
header .header-mobile .icon svg {
  width: inherit;
  height: inherit;
  color: var(--red);
}
header .menu-mobile {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: -100%;
  height: 100vh;
  width: 22.5rem;
  background-color: var(--white);
  z-index: 9998;
  transition: 0.6s all ease-in-out;
  padding: 1rem 2rem;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  gap: 1rem;
}
@media only screen and (min-width: 1800px) {
  header .menu-mobile {
    visibility: hidden;
  }
}
@media only screen and (min-width: 1640px) and (max-width: 1800px) {
  header .menu-mobile {
    visibility: hidden;
  }
}
@media only screen and (max-width: 1640px) {
  header .menu-mobile {
    visibility: hidden;
  }
}
@media only screen and (max-width: 1060px) {
  header .menu-mobile.show {
    visibility: visible;
    left: 0;
  }
}
header .menu-mobile .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
}
header .menu-mobile .top img {
  width: 3rem;
  height: 3rem;
}
header .menu-mobile .top .close-menu {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
header .menu-mobile .top .close-menu svg {
  width: inherit;
  height: inherit;
}
header .menu-mobile .main-navigation {
  margin-bottom: 1.5rem;
  border-bottom: 0.125rem solid var(--red);
}
header .menu-mobile .main-navigation .menu-items {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
header .menu-mobile .main-navigation .menu-items > li {
  position: relative;
  padding: 0.625rem 0.5rem;
  color: #136451;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}
header .menu-mobile .main-navigation .menu-items > li:hover {
  color: var(--black);
}
header .menu-mobile .main-navigation .menu-items > li.current-menu-item > a {
  color: var(--red);
  font-weight: 600;
}
header .menu-mobile .main-navigation .menu-items > li > a {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
}
header .menu-mobile .main-navigation .menu-items > li.menu-item-has-children .icon {
  margin-left: 0.25rem;
  margin-top: 0.25rem;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.22603 7.26631C4.4701 7.02224 4.86583 7.02224 5.10991 7.26631L9.9373 12.0938C10.0187 12.1751 10.1505 12.1751 10.232 12.0938L15.0594 7.26631C15.3035 7.02223 15.6991 7.02223 15.9432 7.26631C16.1873 7.51039 16.1873 7.90611 15.9432 8.1502L11.1158 12.9776C10.5463 13.5471 9.62297 13.5471 9.05347 12.9776L4.22603 8.1502C3.98195 7.90612 3.98195 7.51039 4.22603 7.26631Z' fill='%23136451'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
  cursor: pointer;
}
header .menu-mobile .main-navigation .menu-items > li.menu-item-has-children.active > a .icon {
  transform: rotate(180deg);
}
header .menu-mobile .main-navigation .menu-items > li .sub-menu {
  display: none;
  list-style: none;
  padding: 0.5rem 0 0 0.5rem;
  margin: 0;
}
header .menu-mobile .main-navigation .menu-items > li .sub-menu.show {
  display: block;
}
header .menu-mobile .main-navigation .menu-items > li .sub-menu li {
  font-size: 1rem;
  padding: 0.375rem 0;
}
header .menu-mobile .main-navigation .menu-items > li .sub-menu li a {
  color: inherit;
  text-decoration: underline;
}
header .menu-mobile .main-navigation .menu-items > li:last-child a {
  margin-top: 0.125rem;
}
header .menu-mobile .main-navigation .menu-items > li:last-child a img {
  width: 1.5rem !important;
  height: 1rem !important;
}
header .menu-mobile .main-navigation .menu-items > li:last-child.menu-item-has-children .icon {
  margin-left: 0.25rem;
  margin-top: 0;
}

main {
  position: relative;
}
main .container {
  width: 80rem;
}
@media only screen and (max-width: 1480px) {
  main .container {
    width: 72rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .container {
    width: 60rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .container {
    width: 44rem;
  }
}
@media only screen and (max-width: 767px) {
  main .container {
    width: 28rem;
  }
}
@media only screen and (max-width: 480px) {
  main .container {
    width: 22rem;
  }
}
main .icon-contact {
  position: fixed;
  bottom: 5%;
  right: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 40;
}
@media only screen and (max-width: 1060px) {
  main .icon-contact {
    right: 1rem;
  }
}
main .icon-contact .child {
  cursor: pointer;
}
main .icon-contact .child figure {
  width: 3rem;
  height: 3rem;
  position: relative;
  background: #f2fbff;
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.6s;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1060px) {
  main .icon-contact .child figure {
    width: 2rem;
    height: 2rem;
  }
}
main .icon-contact .child figure svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
}
@media only screen and (max-width: 1060px) {
  main .icon-contact .child figure svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
main .icon-contact .child.back-to-top {
  display: none;
}
main .icon-contact .child.back-to-top figure {
  background: #136451;
}
main .icon-contact .child.back-to-top.show {
  display: block;
}
main .section-banner-home {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 59.375rem;
}
@media only screen and (max-width: 1480px) {
  main .section-banner-home {
    height: 54rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-banner-home {
    height: 46rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-banner-home {
    height: 40rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-banner-home {
    height: 24rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-banner-home {
    height: 20rem;
  }
}
.section-banner-home .sound .unmute{
        z-index: 30;
        position: absolute;
        bottom: 3rem;
        right: 3rem;
        width: 40px;
        height: 40px;
        background: #136451;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        cursor: pointer;
        @media only screen and (max-width: 767px) {
           bottom: 1rem;
           right: 1rem;
           width: 30px;
           height: 30px;
        }
}
.section-banner-home .sound .mute{
        z-index: 30;
        position: absolute;
        bottom: 3rem;
        right: 3rem;
        width: 40px;
        height: 40px;
        background: #D32F2F;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        cursor: pointer;
        @media only screen and (max-width: 767px) {
           bottom: 1rem;
           right: 1rem;
           width: 30px;
           height: 30px;
        }
}
main .section-banner-home .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
main .section-banner-home .list-slide {
  width: 100%;
  height: 100%;
}
main .section-banner-home .list-slide .child {
  display: none;
}
main .section-banner-home .list-slide .child.active {
  display: block;
  height: 100%;
}
main .section-banner-home .list-slide .child.active .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
main .section-banner-home .list-slide .child.active .slider img {
  width: 100%;
  height: 100%;
}
main .section-banner-home .list-slide .child.active .slider video {
  width: 100%;
  height: 100%;
}
main .section-banner-home .list-slide .child.active .container {
  height: 100%;
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-banner-home .list-slide .child.active .container {
    gap: 1rem;
  }
}
main .section-banner-home .container {
  position: relative;
  width: 100%;
  height: 100%;
}
main .section-banner-home .container .wrap {
  position: absolute;
  bottom: 5rem;
  left: 2rem;
  background: #FFFFFF;
  opacity: 0.6;
  @media only screen and (max-width: 1060px) {
     bottom: 3rem;
  }
}
main .section-banner-home .title {
  width: 35.625rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%;
  color: #414141;
}
@media only screen and (max-width: 1280px) {
  main .section-banner-home .title {
    width: 32rem;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-banner-home .title {
    width: 28rem;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-banner-home .title {
    width: 20rem;
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-banner-home .title {
    width: 14rem;
    font-size: 1rem;
  }
}
main .section-banner-home .list-slide .child.active .container .text {
  width: 33.375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 1280px) {
  main .section-banner-home .list-slide .child.active .container .text {
    width: 30rem;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-banner-home .list-slide .child.active .container .text {
    width: 25rem;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-banner-home .list-slide .child.active .container .text {
    width: 18rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-banner-home .list-slide .child.active .container .text {
    display: none;
  }
}
main .section-banner-home .list-slide .list-dot {
  list-style: none;
  position: absolute;
  top: 60%;
  right: 1.5rem;
  display: inline-flex;
  transform: rotate(90deg);
  align-items: center;
  gap: 0.5rem;
  z-index: 20;
}
@media only screen and (max-width: 1280px) {
  main .section-banner-home .list-slide .list-dot {
    top: 50%;
    right: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-banner-home .list-slide .list-dot {
    transform: none;
    bottom: -9rem;
    right: 30%;
  }
}
@media only screen and (max-width: 480px) {
  main .section-banner-home .list-slide .list-dot {
    bottom: -8rem;
  }
}
main .section-banner-home .list-slide .list-dot li {
  cursor: pointer;
  width: 0.625rem;
  height: 0.625rem;
  padding: 0.375rem;
}
main .section-banner-home .list-slide .list-dot li span {
  display: flex;
  width: inherit;
  height: inherit;
  border-radius: 0.3125rem;
  background: var(--white);
}
main .section-banner-home .list-slide .list-dot li:hover span {
  background-color: var(--green);
}
main .section-banner-home .list-slide .list-dot li.active {
  border: 1px solid var(--green);
  border-radius: 1.25rem;
}
main .section-banner-home .list-slide .list-dot li.active span {
  background-color: var(--green);
}
main .section-1-home {
  position: relative;
  padding: 6.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  main .section-1-home {
    padding: 3.125rem 0;
  }
}
main .section-1-home .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 52.625rem;
  height: 40.375rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 1480px) {
  main .section-1-home .background {
    width: 45rem;
    height: 35rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .background {
    width: 40rem;
    height: 32rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-home .background {
    width: 30rem;
    height: 25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-1-home .background {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  main .section-1-home .background {
    width: 24rem;
    height: 18rem;
  }
}
main .section-1-home .background img {
  opacity: 0.6;
  mix-blend-mode: darken;
  width: 100%;
  height: 100%;
}
main .section-1-home .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 8.75rem;
       column-gap: 8.75rem;
  height: auto;
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .container {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-home .container {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-1-home .container {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }
}
main .section-1-home .container .left {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
main .section-1-home .container .left .wrap {
  position: relative;
  width: 100%;
  height: 36.875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .container .left .wrap {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    height: 30rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-home .container .left .wrap {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    height: 28.25rem;
  }
}
main .section-1-home .container .left .wrap .image-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 27rem;
  height: 33.5rem;
  border-radius: 0.75rem;
}
@media only screen and (max-width: 1480px) {
  main .section-1-home .container .left .wrap .image-1 {
    width: 24rem;
    height: 32rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .container .left .wrap .image-1 {
    width: 18rem;
    height: 26rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-home .container .left .wrap .image-1 {
    border-radius: 0.5rem;
    width: 16rem;
    height: 23rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-1-home .container .left .wrap .image-1 {
    width: 18rem;
    height: 24rem;
  }
}
main .section-1-home .container .left .wrap .image-1 img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
main .section-1-home .container .left .wrap .image-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 23.25rem;
  height: 17.625rem;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  border-radius: 1.125rem;
  background-color: var(--white);
}
@media only screen and (max-width: 1480px) {
  main .section-1-home .container .left .wrap .image-2 {
    width: 20rem;
    height: 16rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .container .left .wrap .image-2 {
    border-radius: 1rem;
    width: 18rem;
    height: 12rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-home .container .left .wrap .image-2 {
    border-radius: 0.5rem;
    width: 13rem;
    height: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-1-home .container .left .wrap .image-2 {
    width: 14rem;
    height: 10rem;
  }
}
main .section-1-home .container .left .wrap .image-2 img {
  border-radius: 1rem;
  height: inherit;
}
@media only screen and (max-width: 1060px) {
  main .section-1-home .container .left .wrap .image-2 img {
    border-radius: 0.5rem;
  }
}
main .section-1-home .container .right h2.title {
  color: var(--black);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .container .right h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-1-home .container .right h2.title {
    font-size: 1.375rem;
  }
}
main .section-1-home .container .right .sub-1 {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  border-left: 2px solid var(--Main, #136451);
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .container .right .sub-1 {
    padding-left: 1rem;
    border-left: 1px solid var(--Main, #136451);
  }
}
main .section-1-home .container .right .sub-1 .content {
  width: 32.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.01rem;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-1-home .container .right .sub-1 .content {
    width: 100%;
  }
}
main .section-1-home .container .right .sub-2 {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1060px) {
  main .section-1-home .container .right .sub-2 {
    margin-bottom: 1.5rem;
  }
}
main .section-1-home .container .right .sub-2 .content {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
main .section-1-home .container .right .button {
  position: relative;
  padding: 0.75rem 2rem;
  border-radius: 0.625rem;
  border: 1.5px solid var(--red);
  background: var(--white);
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  main .section-1-home .container .right .button {
    border: 1px solid var(--red);
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
  }
}
main .section-1-home .container .right .button a {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: var(--red);
}
main .section-1-home .container .right .button a .icon {
  display: flex;
  align-items: center;
}
main .section-1-home .container .right .button:hover {
  background: var(--red);
}
main .section-1-home .container .right .button:hover a {
  color: var(--white);
}
main .section-1-home .container .right .button:hover a .icon svg path {
  fill: var(--white);
  stroke: var(--white);
}
main .section-2-home {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 31.375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-2-home {
    min-height: 28rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-2-home {
    min-height: 22rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-2-home {
    min-height: 18rem;
  }
}
main .section-2-home .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
main .section-2-home .background img {
  width: 100%;
  height: 100%;
}
main .section-2-home .container {
  padding: 1.5rem 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
main .section-2-home .container h2.title {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-2-home .container h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-2-home .container h2.title {
    margin-bottom: 0.75rem;
    font-size: 1.375rem;
  }
}
main .section-2-home .container h2.title span {
  color: var(--green);
}
main .section-2-home .container .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
  color: var(--white);
  padding: 0 14.0625rem;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 1280px) {
  main .section-2-home .container .description {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-2-home .container .description {
    padding: 0 4rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-2-home .container .description {
    font-size: 0.75rem;
    padding: 0;
    margin-bottom: 1.5rem;
  }
}
main .section-2-home .container .description .wrap.expanded {
  -webkit-line-clamp: unset;
}
main .section-2-home .container .description .wrap {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
main .section-2-home .container .description #toggle-button-section-2 {
  display: none;
  text-decoration: underline;
  cursor: pointer;
}
main .section-2-home .container a {
  padding: 1rem 2rem;
  color: var(--white);
  border-radius: 0.625rem;
  background: var(--red);
  border: 1px solid var(--red);
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 1060px) {
  main .section-2-home .container a {
    padding: 0.875rem 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-2-home .container a {
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
  }
}
main .section-2-home .container a:hover {
  background: var(--white);
  color: var(--red);
}
main .section-3-home {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6.25rem 0;
}
@media only screen and (max-width: 767px) {
  main .section-3-home {
    padding: 3.125rem 0;
  }
}
main .section-3-home .container .top {
  text-align: center;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .top {
    margin-bottom: 2rem;
  }
}
main .section-3-home .container .top h2.title {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .top h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-3-home .container .top h2.title {
    font-size: 1.375rem;
  }
}
main .section-3-home .container .top h2.title span {
  color: var(--green);
}
main .section-3-home .container .top .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
  color: var(--black);
  padding: 0 14.0625rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .top .description {
    padding: 0 10rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .top .description {
    padding: 0 6rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .top .description {
    padding: 0;
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
main .section-3-home .container .top nav.tab::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-3-home .container .top nav.tab {
  display: flex;
  justify-content: space-evenly;
  overflow: auto;
}
main .section-3-home .container .top nav.tab ul {
  list-style: none;
  display: flex;
  gap: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .top nav.tab ul {
    gap: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .top nav.tab ul {
    gap: 0.5rem;
  }
}
main .section-3-home .container .top nav.tab ul li {
  white-space: nowrap;
  padding: 0.625rem 1.25rem;
  border-radius: 3.375rem;
  background: #CCC;
  color: var(--white);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 215%;
  letter-spacing: 0.0088rem;
  cursor: pointer;
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .top nav.tab ul li {
    padding: 0.5rem 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .top nav.tab ul li {
    padding: 0.125rem 0.375rem;
  }
}
main .section-3-home .container .top nav.tab ul li.active {
  background: #136451;
}
main .section-3-home .container .top nav.tab ul li.active:hover {
  background: #136451;
}
main .section-3-home .container .top nav.tab ul li:hover {
  background: #c1e1b7;
}
main .section-3-home .container .bottom .child {
  display: none;
}
main .section-3-home .container .bottom .child.active {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5.5rem;
  height: auto;
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .bottom .child.active {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .bottom .child.active {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}
main .section-3-home .container .bottom .child.active .left h3 {
  color: var(--black);
  font-size: 1.5rem;
  line-height: 600;
  line-height: normal;
  margin-top: 3.75rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .bottom .child.active .left h3 {
    margin-top: 0;
  }
}
main .section-3-home .container .bottom .child.active .left .sub-setion {
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
main .section-3-home .container .bottom .child.active .left .content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .bottom .child.active .left .content {
    gap: 1rem;
    margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .bottom .child.active .left .content {
    gap: 0.5rem;
    margin-bottom: 0.75rem;
  }
}
main .section-3-home .container .bottom .child.active .left .download {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .bottom .child.active .left .download {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active .left .download {
    margin-bottom: 1rem;
  }
}
main .section-3-home .container .bottom .child.active .left .download ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
main .section-3-home .container .bottom .child.active .left .download ul li {
  position: relative;
  background: #EDF9EC;
  border-radius: 0.4375rem;
  width: 30.125rem;
  height: 3.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .bottom .child.active .left .download ul li {
    width: 100%;
  }
}
main .section-3-home .container .bottom .child.active .left .download ul li a {
  box-sizing: border-box;
  display: block;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active .left .download ul li a {
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active .left .download ul li a {
    padding: 0 0.75rem;
  }
}
main .section-3-home .container .bottom .child.active .left .download ul li a span {
  display: flex;
  align-items: center;
  color: #414141;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active .left .download ul li a span {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active .left .download ul li a svg {
    width: 1rem;
    height: 1rem;
  }
}
main .section-3-home .container .bottom .child.active .left .view-more {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--red);
  font-size: 1rem;
  font-weight: 400;
  line-height: 185%;
  letter-spacing: 0.0088rem;
}
main .section-3-home .container .bottom .child.active .left .view-more .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-3-home .container .bottom .child.active .right {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
main .section-3-home .container .bottom .child.active .right .wrap {
  position: relative;
  width: 100%;
  height: 36.875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .bottom .child.active .right .wrap {
    height: 30rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .bottom .child.active .right .wrap {
    height: 28.25rem;
  }
}
main .section-3-home .container .bottom .child.active .right .wrap .image-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 27rem;
  height: 33.5rem;
  border-radius: 0.75rem;
}
@media only screen and (max-width: 1480px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-1 {
    width: 24rem;
    height: 32rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-1 {
    width: 18rem;
    height: 26rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-1 {
    border-radius: 0.5rem;
    width: 16rem;
    height: 23rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-1 {
    width: 18rem;
    height: 24rem;
  }
}
main .section-3-home .container .bottom .child.active .right .wrap .image-1 img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
main .section-3-home .container .bottom .child.active .right .wrap .image-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 23.25rem;
  height: 17.625rem;
  padding-right: .5rem;
  padding-top: .5rem;
  border-radius: 1.125rem;
  background-color: var(--white);
}
@media only screen and (max-width: 1480px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-2 {
    width: 20rem;
    height: 16rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-2 {
    border-radius: 1rem;
    width: 18rem;
    height: 12rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-2 {
    border-radius: 0.5rem;
    width: 13rem;
    height: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-home .container .bottom .child.active .right .wrap .image-2 {
    width: 14rem;
    height: 10rem;
  }
}
main .section-3-home .container .bottom .child.active .right .wrap .image-2 img {
  border-radius: 1rem;
  height: inherit;
}
main .section-4-home {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5.625rem 0;
}
@media only screen and (max-width: 767px) {
  main .section-4-home {
    padding: 3.125rem 0;
  }
}
main .section-4-home .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .section-4-home .background img {
  width: 100%;
  height: 100%;
}
main .section-4-home .container {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .section-4-home .container h2.title {
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1060px) {
  main .section-4-home .container h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container h2.title {
    font-size: 1.375rem;
    margin-bottom: 0.5rem;
  }
}
main .section-4-home .container > .description {
  color: var(--white);
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.01rem;
  padding: 0 14.0625rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-4-home .container > .description {
    padding: 0 10rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-4-home .container > .description {
    padding: 0 6rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-4-home .container > .description {
    padding: 0;
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
main .section-4-home .container .wrap-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-4-home .container .wrap-list {
  display: flex;
  justify-content: space-evenly;
  overflow: scroll;
  width: 100%;
}
main .section-4-home .container .wrap-list .list-training {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25rem;
  justify-content: space-evenly;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 1060px) {
  main .section-4-home .container .wrap-list .list-training {
    gap: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-4-home .container .wrap-list .list-training {
    display: grid;
    grid-template-columns: 15rem 15rem 15rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training {
    grid-template-columns: 13.5rem 13.5rem 13.5rem;
    gap: 0.5rem;
  }
}
main .section-4-home .container .wrap-list .list-training .child {
  background: var(--white);
  padding: 1.875rem 1.5625rem;
  border-radius: 0.75rem;
}
@media only screen and (max-width: 1060px) {
  main .section-4-home .container .wrap-list .list-training .child {
    padding: 1.5rem 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child {
    padding: 1rem 0.625rem;
  }
}
main .section-4-home .container .wrap-list .list-training .child h4 {
  color: #136451;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 0.9375rem;
}
@media only screen and (max-width: 1060px) {
  main .section-4-home .container .wrap-list .list-training .child h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child h4 {
    font-size: 1rem;
  }
}
main .section-4-home .container .wrap-list .list-training .child h4:hover {
  color: var(--black);
}
main .section-4-home .container .wrap-list .list-training .child .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0.9375rem;
}
@media only screen and (max-width: 1060px) {
  main .section-4-home .container .wrap-list .list-training .child .description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child .description {
    font-size: 0.75rem;
    -webkit-line-clamp: 2;
  }
}
main .section-4-home .container .wrap-list .list-training .child .time {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 0.625rem;
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child .time {
    gap: 0.5rem;
  }
}
main .section-4-home .container .wrap-list .list-training .child .time > div {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
main .section-4-home .container .wrap-list .list-training .child .time > div p {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child .time > div p {
    font-size: 0.75rem;
  }
}
main .section-4-home .container .wrap-list .list-training .child .time > div span {
  color: #ABABAB;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 130%;
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child .time > div span {
    font-size: 0.625rem;
  }
}
main .section-4-home .container .wrap-list .list-training .child .address {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child .address {
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-4-home .container .wrap-list .list-training .child .address {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-4-home .container .wrap-list .list-training .child .address {
    margin-bottom: 0.875rem;
  }
  main .section-4-home .container .wrap-list .list-training .child .address span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-home .container .wrap-list .list-training .child .address span {
    font-size: 0.75rem;
  }
}
main .section-4-home .container .wrap-list .list-training .child .view-more {
  color: var(--red);
  font-size: 0.875rem;
  font-size: 400;
  line-height: normal;
  display: flex;
  gap: 0.3125rem;
  align-items: center;
}
main .section-4-home .container .wrap-list .list-training .child .view-more .icon {
  display: flex;
  align-items: center;
}
main .section-5-home {
  padding: 4.375rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EDF9EC;
}
@media only screen and (max-width: 767px) {
  main .section-5-home {
    padding: 3.125rem 0;
  }
}
main .section-5-home .container .top {
  text-align: center;
  margin-bottom: 2.625rem;
}
main .section-5-home .container .top h2.title {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-5-home .container .top h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-5-home .container .top h2.title {
    font-size: 1.375rem;
  }
}
main .section-5-home .container .top .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
  color: var(--black);
  padding: 0 14.0625rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-5-home .container .top .description {
    padding: 0 10rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-5-home .container .top .description {
    padding: 0 6rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-5-home .container .top .description {
    padding: 0;
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
main .section-5-home .container .bottom::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-5-home .container .bottom {
  display: flex;
  justify-content: space-evenly;
  overflow: scroll;
}
main .section-5-home .container .bottom .wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
}
main .section-5-home .container .bottom .wrap .slideshow {
  display: flex;
  transition: transform 0.5s ease;
}
main .section-5-home .container .bottom .wrap .slideshow .slide {
  padding: 0 1rem;
  box-sizing: border-box;
  flex: 0 0 33.333%;
  max-width: 33.333%;
  height: 200px; /* Adjust as needed */
}
@media only screen and (max-width: 1280px) {
  main .section-5-home .container .bottom .wrap .slideshow .slide {
    height: 10rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-5-home .container .bottom .wrap .slideshow .slide {
    height: 7rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-5-home .container .bottom .wrap .slideshow .slide {
    padding: 0 0.25rem;
    height: 4.5rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-5-home .container .bottom .wrap .slideshow .slide {
    height: 4rem;
  }
}
main .section-5-home .container .bottom .wrap .slideshow .slide img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: var(--white);
}
main .section-6-home {
  padding-top: 6.25rem;
  padding-bottom: 10.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-6-home .container .top {
  display: flex;
  align-items: baseline;
  margin-bottom: 3.125rem;
  gap: 7.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-6-home .container .top {
    gap: 6rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-6-home .container .top {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .top {
    margin-bottom: 1.5rem;
  }
}
main .section-6-home .container .top h2.title {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 160%;
  color: var(--black);
  white-space: nowrap;
}
@media only screen and (max-width: 1280px) {
  main .section-6-home .container .top h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-6-home .container .top h2.title {
    font-size: 1.375rem;
  }
}
main .section-6-home .container .top nav.tab::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-6-home .container .top nav.tab {
  display: flex;
  overflow: auto;
  width: 100%;
}
main .section-6-home .container .top nav.tab ul {
  display: flex;
  gap: 3rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 1280px) {
  main .section-6-home .container .top nav.tab ul {
    gap: 2rem;
  }
}
main .section-6-home .container .top nav.tab ul li {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
  padding: 0.3125rem 0.5rem;
  border-bottom: 0px solid #136451;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  main .section-6-home .container .top nav.tab ul li {
    font-size: 0.875rem;
  }
}
main .section-6-home .container .top nav.tab ul li.active {
  font-weight: 600;
  color: #136451;
}
main .section-6-home .container .top nav.tab ul li.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 2px;
  background-color: #136451;
  transition: width 0.3s ease;
}
main .section-6-home .container .top nav.tab ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #136451;
  transition: width 0.3s ease;
}
main .section-6-home .container .top nav.tab ul li:hover::after {
  width: 50%;
}
main .section-6-home .container .bottom {
  display: flex;
  gap: 3.4375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-6-home .container .bottom {
    flex-direction: column;
    gap: 2rem;
  }
}
main .section-6-home .container .bottom .left .list-news::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-6-home .container .bottom .left .list-news {
  display: none;
}
main .section-6-home .container .bottom .left .list-news.active {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  width: 52.875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-6-home .container .bottom .left .list-news.active {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .bottom .left .list-news.active {
    overflow: scroll;
    display: flex;
    padding-bottom: 0.5rem;
  }
}
main .section-6-home .container .bottom .left .list-news.active .child {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media only screen and (max-width: 1060px) {
  main .section-6-home .container .bottom .left .list-news.active .child {
    border: 1px solid #ABABAB;
  }
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .bottom .left .list-news.active .child {
    width: 80%;
    flex: none;
    gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-6-home .container .bottom .left .list-news.active .child {
    width: 90%;
  }
}
main .section-6-home .container .bottom .left .list-news.active .child > a {
  width: 25.75rem;
  height: 15.875rem;
  border-radius: inherit;
}
@media only screen and (max-width: 1280px) {
  main .section-6-home .container .bottom .left .list-news.active .child > a {
    width: 100%;
    height: 17rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-6-home .container .bottom .left .list-news.active .child > a {
    height: 15rem;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .bottom .left .list-news.active .child > a {
    height: 10.5rem;
  }
}
main .section-6-home .container .bottom .left .list-news.active .child > a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-6-home .container .bottom .left .list-news.active .child .infor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 1060px) {
  main .section-6-home .container .bottom .left .list-news.active .child .infor {
    padding: 0 1rem 1rem 1rem;
  }
}
main .section-6-home .container .bottom .left .list-news.active .child .infor h3 {
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .bottom .left .list-news.active .child .infor h3 {
    font-size: 1rem;
  }
}
main .section-6-home .container .bottom .left .list-news.active .child .infor h3:hover {
  color: #136451;
}
main .section-6-home .container .bottom .left .list-news.active .child .infor .date-and-views {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .bottom .left .list-news.active .child .infor .date-and-views {
    gap: 5px;
  }
}
main .section-6-home .container .bottom .left .list-news.active .child .infor .date-and-views .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #136451;
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .bottom .left .list-news.active .child .infor .date-and-views .date {
    gap: 0.5rem;
    font-size: 0.75rem;
  }
}
main .section-6-home .container .bottom .left .list-news.active .child .infor .date-and-views .minus,
main .section-6-home .container .bottom .left .list-news.active .child .infor .date-and-views .views {
  color: var(--black);
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-6-home .container .bottom .left .list-news.active .child .infor .date-and-views .views {
    font-size: 0.75rem;
  }
}
main .section-6-home .container .bottom .right {
  display: none;
}
main .section-6-home .container .bottom .right.active {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
main .section-6-home .container .bottom .right.active .child {
  padding-bottom: 2rem;
  border-bottom: 1px solid #D9D9D9;
}
main .section-6-home .container .bottom .right.active .child:last-child {
  border-bottom: none;
}
main .section-6-home .container .bottom .right.active .child h3 {
  color: var(--black);
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.01rem;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
main .section-6-home .container .bottom .right.active .child h3:hover {
  color: #136451;
}
main .section-6-home .container .bottom .right.active .child .date-and-views {
  display: flex;
  gap: 0.625rem;
}
main .section-6-home .container .bottom .right.active .child .date-and-views .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #136451;
}
main .section-6-home .container .bottom .right.active .child .date-and-views .minus,
main .section-6-home .container .bottom .right.active .child .date-and-views .views {
  color: var(--black);
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}
main .section-7-home {
  display: none !important;
  padding-top: 6.25rem;
  padding-bottom: 10.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  main .section-7-home {
    padding-top: 3.125rem;
  }
}
main .section-7-home .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .section-7-home .image img {
  width: 100%;
  height: 100%;
}
main .section-7-home .container {
  z-index: 10;
}
main .section-7-home .container .top {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  main .section-7-home .container .top {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-7-home .container .top {
    margin-bottom: 1rem;
  }
}
main .section-7-home .container .top h2.title {
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 160%;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-7-home .container .top h2.title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-7-home .container .top h2.title {
    font-size: 1.375rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-7-home .container .top nav.tab {
    padding-right: 0.5rem;
  }
}
main .section-7-home .container .top nav.tab ul::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-7-home .container .top nav.tab ul {
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 1280px) {
  main .section-7-home .container .top nav.tab ul {
    gap: 2rem;
    box-sizing: border-box;
    overflow: scroll;
  }
}
main .section-7-home .container .top nav.tab ul li {
  position: relative;
  display: inline-block;
  color: var(--black);
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  padding-bottom: 0.3125rem;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  main .section-7-home .container .top nav.tab ul li {
    flex: none;
  }
}
main .section-7-home .container .top nav.tab ul li.active {
  font-weight: 600;
  color: #136451;
}
main .section-7-home .container .top nav.tab ul li.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 85%;
  height: 2px;
  background-color: #136451;
  transition: width 0.3s ease;
}
main .section-7-home .container .top nav.tab ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #136451;
  transition: width 0.3s ease;
}
main .section-7-home .container .top nav.tab ul li:hover::after {
  width: 85%;
}
main .section-7-home .container .bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
}
main .section-7-home .container .bottom .list {
  display: none;
}
main .section-7-home .container .bottom .list.active {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
}
@media only screen and (max-width: 1060px) {
  main .section-7-home .container .bottom .list.active {
    align-items: flex-start;
  }
}
main .section-7-home .container .bottom .list.active .wrap::-webkit-scrollbar {
  width: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-7-home .container .bottom .list.active .wrap {
  width: 100%;
  overflow: scroll;
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 1060px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list {
    padding: 0;
  }
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media only screen and (max-width: 1060px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list .child {
    width: 20rem;
    gap: 1rem;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background: var(--white);
  }
}
@media only screen and (max-width: 767px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list .child {
    width: 17rem;
  }
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child a {
  width: 100%;
  height: 15.625rem;
  border-radius: inherit;
}
@media only screen and (max-width: 1280px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list .child a {
    border-radius: 1rem 1rem 0 0;
  }
}
@media only screen and (max-width: 767px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list .child a {
    height: 10rem;
  }
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media only screen and (max-width: 1060px) {
  main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor {
    padding: 0 1rem 1rem 1rem;
    border-radius: 0 0 1rem 1rem;
  }
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor .date-and-hour .date,
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor .date-and-hour .date .icon,
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor h3 {
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
main .section-7-home .container .bottom .list.active .wrap .wrap-list .child .infor h3:hover {
  color: #136451;
}
main .section-7-home .container .bottom .list.active .view-more {
  padding: 0.75rem 2rem !important;
  background: var(--red);
  color: var(--white);
  border: 1.5px solid var(--red);
  font-size: 1rem;
  font-weight: 400;
  line-height: 185%;
  letter-spacing: 0.01rem;
  border-radius: 0.625rem;
  align-self: center;
}
@media only screen and (max-width: 767px) {
  main .section-7-home .container .bottom .list.active .view-more {
    font-size: 0.75rem;
  }
}
main .section-7-home .container .bottom .list.active .view-more:hover {
  color: var(--red);
  background: var(--white);
}
main .section-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38.75rem;
  z-index: 10;
}
@media only screen and (max-width: 1280px) {
  main .section-banner {
    height: 35rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-banner {
    height: 30rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-banner {
    height: 24rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-banner {
    height: 20rem;
  }
}
main .section-banner .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
main .section-banner .banner img {
  width: 100%;
  height: 100%;
}
main .section-banner .backdrop-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
}
main .section-banner .container {
  z-index: 10;
  color: var(--white);
  width: 39.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  main .section-banner .container {
    padding-top: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-banner .container {
    padding-top: 3rem;
  }
}
main .section-banner .container .bot {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4375rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-banner .container .bot {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
main .section-banner .container .bot * {
  display: flex;
}
main .section-banner .container .bot a:hover,
main .section-banner .container .bot span:hover {
  color: var(--green);
}
main .section-banner .container .bot svg:hover path {
  fill: var(--green);
}
main .section-banner .container h2.title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 1.875rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1060px) {
  main .section-banner .container h2.title {
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-banner .container h2.title {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-banner .container h2.title {
    font-size: 1.375rem;
    margin-bottom: 1rem;
  }
}
main .section-banner .container > span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  main .section-banner .container > span {
    font-size: 0.875rem;
  }
}
main .section-1-about {
  position: relative;
  padding-top: 6.25rem;
  margin-bottom: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  main .section-1-about {
    padding-top: 3rem;
    margin-bottom: 3rem;
  }
}
main .section-1-about .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 52.625rem;
  height: 40.375rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 1480px) {
  main .section-1-about .background {
    width: 45rem;
    height: 35rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-1-about .background {
    width: 40rem;
    height: 32rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-about .background {
    width: 30rem;
    height: 25rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-1-about .background {
    width: 24rem;
    height: 18rem;
  }
}
main .section-1-about .background img {
  opacity: 0.6;
  mix-blend-mode: darken;
  width: 100%;
  height: 100%;
}
main .section-1-about .container h2.title {
  color: var(--black);
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 1280px) {
  main .section-1-about .container h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-1-about .container h2.title {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-1-about .container h2.title {
    font-size: 1.375rem;
  }
}
main .section-1-about .container .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 8.75rem;
       column-gap: 8.75rem;
  height: auto;
}
@media only screen and (max-width: 1280px) {
  main .section-1-about .container .content {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-about .container .content {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-1-about .container .content {
    grid-template-columns: 1fr;
  }
}
main .section-1-about .container .content .left {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
main .section-1-about .container .content .left .wrap {
  position: relative;
  width: 100%;
  height: 36.875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-1-about .container .content .left .wrap {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    height: 30rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-about .container .content .left .wrap {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    height: 28.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-1-about .container .content .left .wrap {
    display: none;
  }
}
main .section-1-about .container .content .left .wrap .image-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 27rem;
  height: 33.5rem;
  border-radius: 0.75rem;
}
@media only screen and (max-width: 1480px) {
  main .section-1-about .container .content .left .wrap .image-1 {
    width: 24rem;
    height: 32rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-1-about .container .content .left .wrap .image-1 {
    width: 18rem;
    height: 26rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-about .container .content .left .wrap .image-1 {
    border-radius: 0.5rem;
    width: 16rem;
    height: 23rem;
  }
}
main .section-1-about .container .content .left .wrap .image-1 img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
main .section-1-about .container .content .left .wrap .image-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 23.25rem;
  height: 17.625rem;
  padding-left: .5rem;
  padding-top: .5rem;
  border-radius: 1.125rem;
  background-color: var(--white);
}
@media only screen and (max-width: 1480px) {
  main .section-1-about .container .content .left .wrap .image-2 {
    width: 20rem;
    height: 16rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-1-about .container .content .left .wrap .image-2 {
    border-radius: 1rem;
    width: 18rem;
    height: 12rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-1-about .container .content .left .wrap .image-2 {
    border-radius: 0.5rem;
    width: 13rem;
    height: 10rem;
  }
}
main .section-1-about .container .content .left .wrap .image-2 img {
  border-radius: 1rem;
  height: inherit;
}
@media only screen and (max-width: 1060px) {
  main .section-1-about .container .content .left .wrap .image-2 img {
    border-radius: 0.5rem;
  }
}
main .section-1-about .container .content .right {
  z-index: 90;
  display: flex;
  gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  main .section-1-about .container .content .right {
    gap: 1.5rem;
  }
}
main .section-1-about .container .content .right a {
  color: #0000EE;
  text-decoration: underline;
}
main .section-1-about .container .content .right ul {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  main .section-1-about .container .content .right ul {
    gap: 1.25rem;
  }
}
main .section-1-about .container .content .right ul li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
main .section-1-about .container .content .right ul li img {
  width: 2rem;
  height: 2rem;
}
main .section-1-about .container .content .right ul li b {
  color: var(--black);
  font-size: 1rem;
  font-weight: 700;
  line-height: 160%;
}
main .section-2-about {
  margin-bottom: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  main .section-2-about {
    margin-bottom: 3rem;
  }
}
main .section-2-about .container .top {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  main .section-2-about .container .top {
    margin-bottom: 2rem;
  }
}
main .section-2-about .container .top h2.title {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-2-about .container .top h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-2-about .container .top h2.title {
    font-size: 1.375rem;
  }
}
main .section-2-about .container .top .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
  color: var(--black);
  padding: 0 14.0625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-2-about .container .top .description {
    font-size: 0.875rem;
    padding: 0 10rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-2-about .container .top .description {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-2-about .container .top .description {
    font-size: 0.75rem;
    padding: 0;
  }
}
main .section-2-about .container .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-2-about .container .bottom img {
  width: 100%;
  height: 100%;
  padding: 0 10.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-2-about .container .bottom img {
    padding: 0;
  }
}
main .section-3-about {
  margin-bottom: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  main .section-3-about {
    margin-bottom: 3rem;
  }
}
main .section-3-about .container .top {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  main .section-3-about .container .top {
    margin-bottom: 2rem;
  }
}
main .section-3-about .container .top h2.title {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-3-about .container .top h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-3-about .container .top h2.title {
    font-size: 1.375rem;
  }
}
main .section-3-about .container .top .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
  color: var(--black);
  padding: 0 14.0625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-3-about .container .top .description {
    font-size: 0.875rem;
    padding: 0 10rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-3-about .container .top .description {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-about .container .top .description {
    font-size: 0.75rem;
    padding: 0;
  }
}
main .section-3-about .container .bottom {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1060px) {
  main .section-3-about .container .bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    row-gap: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-3-about .container .bottom {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-3-about .container .bottom {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}
main .section-3-about .container .bottom .child {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  padding: 1.0625rem 1.25rem;
  border-radius: 0.4375rem;
  background: #EDF9EC;
}
@media only screen and (max-width: 1060px) {
  main .section-3-about .container .bottom .child {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1480px) {
  main .section-3-about .container .bottom .child {
    padding: 0.875rem 1rem;
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-3-about .container .bottom .child {
    padding: 0.75rem 0.5rem;
    gap: 0.375rem;
  }
}
main .section-3-about .container .bottom .child .logo {
  width: 1.5rem;
  height: 1.5rem;
}
main .section-3-about .container .bottom .child .logo img {
  width: 100%;
  height: 100%;
}
main .section-3-about .container .bottom .child span {
  color: #414141;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 1280px) {
  main .section-3-about .container .bottom .child span {
    font-size: 0.875rem;
  }
}
main .section-3-about .container .bottom .child .download svg {
  width: 1.25rem;
  height: 1.25rem;
}
main .section-4-about {
  padding: 4.375rem 0;
  margin-bottom: 13.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EDF9EC;
}
@media only screen and (max-width: 767px) {
  main .section-4-about {
    padding: 3rem 0;
    margin-bottom: 10rem;
  }
}
main .section-4-about .container .top {
  text-align: center;
  margin-bottom: 2.625rem;
}
main .section-4-about .container .top h2.title {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 160%;
  color: var(--black);
}
@media only screen and (max-width: 1280px) {
  main .section-4-about .container .top h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-about .container .top h2.title {
    font-size: 1.375rem;
  }
}
main .section-4-about .container .top .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
  color: var(--black);
  padding: 0 14.0625rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-4-about .container .top .description {
    padding: 0 10rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-4-about .container .top .description {
    padding: 0 6rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-4-about .container .top .description {
    padding: 0;
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
main .section-4-about .container .bottom::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-4-about .container .bottom {
  display: flex;
  justify-content: space-evenly;
  overflow: scroll;
}
main .section-4-about .container .bottom .wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
}
main .section-4-about .container .bottom .wrap .slideshow {
  display: flex;
  transition: transform 0.5s ease;
}
main .section-4-about .container .bottom .wrap .slideshow .slide {
  padding: 0 1rem;
  box-sizing: border-box;
  flex: 0 0 33.333%;
  max-width: 33.333%;
  height: 200px; /* Adjust as needed */
}
@media only screen and (max-width: 1280px) {
  main .section-4-about .container .bottom .wrap .slideshow .slide {
    height: 10rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-4-about .container .bottom .wrap .slideshow .slide {
    height: 7rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-4-about .container .bottom .wrap .slideshow .slide {
    padding: 0 0.25rem;
    height: 4.5rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-4-about .container .bottom .wrap .slideshow .slide {
    height: 4rem;
  }
}
main .section-4-about .container .bottom .wrap .slideshow .slide img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: var(--white);
}
main .section-service {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
main .section-halal {
  margin-bottom: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  main .section-halal {
    margin-bottom: 12.25rem;
  }
}
main .section-halal .category {
  padding-top: 5.625rem;
}
main .section-halal .list-menu:nth-child(odd) .background {
  opacity: 1;
}
@media only screen and (max-width: 1280px) {
  main .section-halal .list-menu:nth-child(odd) .container .list .child {
    background: var(--white);
  }
}
main .section-halal .list-menu:nth-child(even) .background {
  opacity: 0;
}
main .section-halal .list-menu {
  position: relative;
  width: 100%;
  padding: 4.625rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
}
@media only screen and (max-width: 1280px) {
  main .section-halal .list-menu {
    gap: 2rem;
  }
}
main .section-halal .list-menu .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .section-halal .list-menu .background img {
  width: 100%;
  height: 100%;
}
main .section-halal .list-menu .container {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
}
main .section-halal .list-menu .container h2.title {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: normal;
  color: #136451;
  align-self: flex-start;
}
@media only screen and (max-width: 1280px) {
  main .section-halal .list-menu .container h2.title {
    font-size: 1.75rem;
  }
}
main .section-halal .list-menu .container .list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  main .section-halal .list-menu .container .list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 480px) {
  main .section-halal .list-menu .container .list {
    grid-template-columns: 1fr;
  }
}
main .section-halal .list-menu .container .list .child {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media only screen and (max-width: 1060px) {
  main .section-halal .list-menu .container .list .child {
    gap: 1rem;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  }
}
main .section-halal .list-menu .container .list .child a {
  width: 100%;
  height: 15.625rem;
  border-radius: 1rem;
}
@media only screen and (max-width: 1280px) {
  main .section-halal .list-menu .container .list .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-halal .list-menu .container .list .child a {
    height: 10rem;
    border-radius: 1rem 1rem 0 0;
  }
}
main .section-halal .list-menu .container .list .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-halal .list-menu .container .list .child .infor {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-halal .list-menu .container .list .child .infor {
    padding: 0 1rem 1rem 1rem;
    border-radius: 0 0 1rem 1rem;
  }
}
main .section-halal .list-menu .container .list .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
main .section-halal .list-menu .container .list .child .infor .date-and-hour .date,
main .section-halal .list-menu .container .list .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-halal .list-menu .container .list .child .infor .date-and-hour .date .icon,
main .section-halal .list-menu .container .list .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-halal .list-menu .container .list .child .infor h3 {
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
main .section-halal .list-menu .container .list .child .infor h3:hover {
  color: #136451;
}
main .section-halal .list-menu .container .view-more {
  padding: 0.75rem 2rem !important;
  background: var(--white);
  color: var(--red);
  padding: 1.5px;
  border: 1.5px solid var(--red);
  font-size: 1rem;
  font-weight: 400;
  line-height: 185%;
  letter-spacing: 0.01rem;
  border-radius: 0.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-halal .list-menu .container .view-more {
    font-size: 0.75rem;
  }
}
main .section-halal .list-menu .container .view-more:hover {
  color: var(--white);
  background: var(--red);
}
main .section-halal .list-menu .container .pagination {
  justify-content: end;
}
main .section-detail-halal {
  padding-top: 11.875rem;
  padding-bottom: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6.25rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal {
    padding-top: 8rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-halal {
    padding-top: 6.25rem;
  }
}
main .section-detail-halal .container {
  position: relative;
  display: flex;
  gap: 5rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-halal .container {
    gap: 3rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container {
    flex-direction: column;
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container {
    gap: 1.5rem;
  }
}
main .section-detail-halal .container .bot {
  position: absolute;
  width: 52.875rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-halal .container .bot {
    width: 47rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .bot {
    width: 100%;
    position: static;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-halal .container .bot {
    font-size: 0.875rem;
  }
}
main .section-detail-halal .container .bot ul {
  color: var(--black);
}
main .section-detail-halal .container .bot ul li {
  display: inline;
}
main .section-detail-halal .container .bot ul li:hover {
  color: var(--red);
}
main .section-detail-halal .container .bot ul .icon {
  display: inline-flex;
  vertical-align: middle;
}
main .section-detail-halal .container .left {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  margin-top: 4.875rem;
  width: 52.875rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-halal .container .left {
    width: 47rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .left {
    width: 100%;
    margin-top: 0;
  }
}
main .section-detail-halal .container .left .thumbnail {
  width: 100%;
  height: 28.75rem;
  border-radius: 0.625rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-halal .container .left .thumbnail {
    width: 47rem;
    height: 27rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .left .thumbnail {
    width: 100%;
    height: 30rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-halal .container .left .thumbnail {
    height: 25rem;
    border-radius: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container .left .thumbnail {
    height: 17rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .container .left .thumbnail {
    height: 14rem;
  }
}
main .section-detail-halal .container .left .thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-halal .container .left .date-and-address {
  display: flex;
  gap: 1rem;
  color: var(--green);
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container .left .date-and-address {
    gap: 0.75rem;
    font-size: 0.875rem;
  }
}
main .section-detail-halal .container .left h2.title {
  width: 100%;
  color: var(--black);
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 160%;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .left h2.title {
    font-size: 1.75rem;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container .left h2.title {
    font-size: 1.5rem;
  }
}
main .section-detail-halal .container .left .content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container .left .content {
    gap: 1.25rem;
  }
}
main .section-detail-halal .container .left .content * {
  width: auto !important;
}
main .section-detail-halal .container .left .content img {
  border-radius: 0.625rem;
}
main .section-detail-halal .container .left .share {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 1.875rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container .left .share {
    margin-bottom: 0;
  }
}
main .section-detail-halal .container .left .share span {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-detail-halal .container .right {
  margin-top: 4.875rem;
}
main .section-detail-halal .container .right h2.title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
  color: var(--black);
  margin-bottom: 1.75rem;
}
main .section-detail-halal .container .right .list:nth-child(n+4) {
  display: none;
}
main .section-detail-halal .container .right .list::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-detail-halal .container .right .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .right .list {
    justify-content: center;
    flex-direction: row;
    gap: 1.25rem;
    overflow: scroll;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container .right .list {
    gap: 1rem;
  }
}
main .section-detail-halal .container .right .list .child {
  display: flex;
  gap: 1rem;
  border-radius: 1rem;
  width: 100%;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .right .list .child {
    width: 18.75rem;
    flex-direction: column;
    flex: none;
    overflow: hidden;
    gap: 1.25rem;
    border: 1px solid #ABABAB;
  }
  main .section-detail-halal .container .right .list .child:nth-child(n+5) {
    display: none;
  }
}
main .section-detail-halal .container .right .list .child a {
  width: 100%;
  height: 6.25rem;
  border-radius: 0.4375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .right .list .child a {
    height: 9.5rem;
    border-radius: initial;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-halal .container .right .list .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .container .right .list .child a {
    height: 9rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .container .right .list .child a {
    height: 7rem;
  }
}
main .section-detail-halal .container .right .list .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-halal .container .right .list .child .infor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .right .list .child .infor {
    padding: 0 1rem 1rem;
  }
}
main .section-detail-halal .container .right .list .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .container .right .list .child .infor .date-and-hour {
    font-size: 0.625rem;
    gap: 0.25rem;
  }
}
main .section-detail-halal .container .right .list .child .infor .date-and-hour .date,
main .section-detail-halal .container .right .list .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-detail-halal .container .right .list .child .infor .date-and-hour .date .icon,
main .section-detail-halal .container .right .list .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-detail-halal .container .right .list .child .infor h3 {
  width: 12.625rem;
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .container .right .list .child .infor h3 {
    width: 100%;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .container .right .list .child .infor h3 {
    font-size: 0.875rem;
  }
}
main .section-detail-halal .container .right .list .child .infor h3:hover {
  color: var(--green);
}
main .section-detail-halal .relate::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-detail-halal .relate {
  overflow: auto;
  width: 80rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-halal .relate {
    width: 72rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .relate {
    width: 60rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-halal .relate {
    width: 44rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .relate {
    width: 28rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .relate {
    width: 22rem;
  }
}
main .section-detail-halal .relate h2.title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100%;
  color: var(--black);
  margin-bottom: 1.75rem;
  align-self: flex-start;
}
main .section-detail-halal .relate .list::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-detail-halal .relate .list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .relate .list {
    justify-content: center;
    flex-direction: row;
    gap: 1.25rem;
    overflow: scroll;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .relate .list {
    gap: 1rem;
  }
}
main .section-detail-halal .relate .list .child {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border-radius: 1rem;
  overflow: hidden;
}
main .section-detail-halal .relate .list .child:nth-child(n+5) {
  display: none;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .relate .list .child {
    width: 18.75rem;
    flex-direction: column;
    flex: none;
    overflow: hidden;
    gap: 1.25rem;
    border: 1px solid #ABABAB;
  }
}
main .section-detail-halal .relate .list .child a {
  width: 100%;
  height: 200px;
  border-radius: 0.4375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .relate .list .child a {
    height: 9.5rem;
    border-radius: initial;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-halal .relate .list .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-halal .relate .list .child a {
    height: 9rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .relate .list .child a {
    height: 7rem;
  }
}
main .section-detail-halal .relate .list .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-halal .relate .list .child .infor {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-halal .relate .list .child .infor {
    padding: 0 1rem 1rem;
  }
}
main .section-detail-halal .relate .list .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .relate .list .child .infor .date-and-hour {
    font-size: 0.625rem;
    gap: 0.25rem;
  }
}
main .section-detail-halal .relate .list .child .infor .date-and-hour .date,
main .section-detail-halal .relate .list .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-detail-halal .relate .list .child .infor .date-and-hour .date .icon,
main .section-detail-halal .relate .list .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-detail-halal .relate .list .child .infor h3 {
  color: var(--black);
  font-size: 1rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 480px) {
  main .section-detail-halal .relate .list .child .infor h3 {
    font-size: 0.875rem;
  }
}
main .section-detail-halal .relate .list .child .infor h3:hover {
  color: var(--green);
}
main .section-news-and-event {
  margin-bottom: 12.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-news-and-event .container {
  padding-top: 6.25rem;
  display: flex;
  flex-direction: column;
  gap: 6.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-news-and-event .container {
    padding-top: 3.125rem;
  }
}
main .section-news-and-event .container .list-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
}
@media only screen and (max-width: 1280px) {
  main .section-news-and-event .container .list-menu {
    gap: 2rem;
  }
}
main .section-news-and-event .container .list-menu h2.title {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: normal;
  color: var(--black);
  align-self: flex-start;
}
@media only screen and (max-width: 1280px) {
  main .section-news-and-event .container .list-menu h2.title {
    font-size: 1.75rem;
  }
}
main .section-news-and-event .container .list-menu .list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 3.125rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  main .section-news-and-event .container .list-menu .list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 480px) {
  main .section-news-and-event .container .list-menu .list {
    grid-template-columns: 1fr;
  }
}
main .section-news-and-event .container .list-menu .list .child {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media only screen and (max-width: 1060px) {
  main .section-news-and-event .container .list-menu .list .child {
    gap: 1rem;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  }
}
main .section-news-and-event .container .list-menu .list .child a {
  width: 100%;
  height: 15.625rem;
  border-radius: 1rem;
}
@media only screen and (max-width: 1280px) {
  main .section-news-and-event .container .list-menu .list .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-news-and-event .container .list-menu .list .child a {
    height: 10rem;
    border-radius: 1rem 1rem 0 0;
  }
}
main .section-news-and-event .container .list-menu .list .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-news-and-event .container .list-menu .list .child .infor {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media only screen and (max-width: 1060px) {
  main .section-news-and-event .container .list-menu .list .child .infor {
    padding: 0 1rem 1rem 1rem;
    border-radius: 0 0 1rem 1rem;
  }
}
main .section-news-and-event .container .list-menu .list .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
main .section-news-and-event .container .list-menu .list .child .infor .date-and-hour .date,
main .section-news-and-event .container .list-menu .list .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-news-and-event .container .list-menu .list .child .infor .date-and-hour .date .icon,
main .section-news-and-event .container .list-menu .list .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-news-and-event .container .list-menu .list .child .infor h3 {
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
main .section-news-and-event .container .list-menu .list .child .infor h3:hover {
  color: var(--green);
}
main .section-news-and-event .container .list-menu .view-more {
  padding: 0.75rem 2rem !important;
  background: var(--white);
  color: var(--red);
  padding: 1.5px;
  border: 1.5px solid var(--red);
  font-size: 1rem;
  font-weight: 400;
  line-height: 185%;
  letter-spacing: 0.01rem;
  border-radius: 0.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-news-and-event .container .list-menu .view-more {
    font-size: 0.75rem;
  }
}
main .section-news-and-event .container .list-menu .view-more:hover {
  color: var(--white);
  background: var(--red);
}
main .section-detail-news-and-event {
  padding-top: 11.875rem;
  padding-bottom: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6.25rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event {
    padding-top: 8rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-news-and-event {
    padding-top: 6.25rem;
  }
}
main .section-detail-news-and-event .container {
  position: relative;
  display: flex;
  gap: 5rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-news-and-event .container {
    gap: 3rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container {
    flex-direction: column;
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container {
    gap: 1.5rem;
  }
}
main .section-detail-news-and-event .container .bot {
  position: absolute;
  width: 52.875rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-news-and-event .container .bot {
    width: 47rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .bot {
    width: 100%;
    position: static;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-news-and-event .container .bot {
    font-size: 0.875rem;
  }
}
main .section-detail-news-and-event .container .bot ul {
  color: var(--black);
}
main .section-detail-news-and-event .container .bot ul li {
  display: inline;
}
main .section-detail-news-and-event .container .bot ul li:hover {
  color: var(--red);
}
main .section-detail-news-and-event .container .bot ul .icon {
  display: inline-flex;
  vertical-align: middle;
}
main .section-detail-news-and-event .container .left {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  margin-top: 4.875rem;
  width: 52.875rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-news-and-event .container .left {
    width: 47rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .left {
    width: 100%;
    margin-top: 0;
  }
}
main .section-detail-news-and-event .container .left .thumbnail {
  width: 100%;
  height: 28.75rem;
  border-radius: 0.625rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-news-and-event .container .left .thumbnail {
    width: 47rem;
    height: 27rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .left .thumbnail {
    width: 100%;
    height: 30rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-news-and-event .container .left .thumbnail {
    height: 25rem;
    border-radius: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container .left .thumbnail {
    height: 17rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .container .left .thumbnail {
    height: 14rem;
  }
}
main .section-detail-news-and-event .container .left .thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-news-and-event .container .left .date-and-address {
  display: flex;
  gap: 1rem;
  color: var(--green);
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container .left .date-and-address {
    gap: 0.75rem;
    font-size: 0.875rem;
  }
}
main .section-detail-news-and-event .container .left h2.title {
  width: 100%;
  color: var(--black);
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 160%;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .left h2.title {
    font-size: 1.75rem;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container .left h2.title {
    font-size: 1.5rem;
  }
}
main .section-detail-news-and-event .container .left .content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  font-size: 1rem;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container .left .content {
    gap: 1.25rem;
  }
}
main .section-detail-news-and-event .container .left .content > * {
  display: flex;
  flex-direction: column;
  line-height: 150%;
  width: auto !important;
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container .left .content > * {
    gap: 1.25rem;
  }
}
main .section-detail-news-and-event .container .left .content img {
  border-radius: 0.625rem;
}
main .section-detail-news-and-event .container .left .share {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 1.875rem;
}
main .section-detail-news-and-event .container .left .share span {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-detail-news-and-event .container .right {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  margin-top: 4.875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .right {
    flex-direction: column-reverse;
  }
}
main .section-detail-news-and-event .container .right .top h2.title,
main .section-detail-news-and-event .container .right .bottom h2.title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
  color: var(--black);
  margin-bottom: 1.75rem;
}
main .section-detail-news-and-event .container .right .top .list:nth-child(n+4),
main .section-detail-news-and-event .container .right .bottom .list:nth-child(n+4) {
  display: none;
}
main .section-detail-news-and-event .container .right .top .list::-webkit-scrollbar,
main .section-detail-news-and-event .container .right .bottom .list::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-detail-news-and-event .container .right .top .list,
main .section-detail-news-and-event .container .right .bottom .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .right .top .list,
  main .section-detail-news-and-event .container .right .bottom .list {
    justify-content: center;
    flex-direction: row;
    gap: 1.25rem;
    overflow: scroll;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container .right .top .list,
  main .section-detail-news-and-event .container .right .bottom .list {
    gap: 1rem;
  }
}
main .section-detail-news-and-event .container .right .top .list .child,
main .section-detail-news-and-event .container .right .bottom .list .child {
  display: flex;
  gap: 1rem;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .right .top .list .child,
  main .section-detail-news-and-event .container .right .bottom .list .child {
    width: 18.75rem;
    flex-direction: column;
    flex: none;
    overflow: hidden;
    gap: 1.25rem;
    border: 1px solid #ABABAB;
  }
  main .section-detail-news-and-event .container .right .top .list .child:nth-child(n+5),
  main .section-detail-news-and-event .container .right .bottom .list .child:nth-child(n+5) {
    display: none;
  }
}
main .section-detail-news-and-event .container .right .top .list .child a,
main .section-detail-news-and-event .container .right .bottom .list .child a {
  width: 100%;
  height: 6.25rem;
  border-radius: 0.4375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .right .top .list .child a,
  main .section-detail-news-and-event .container .right .bottom .list .child a {
    height: 9.5rem;
    border-radius: initial;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-news-and-event .container .right .top .list .child a,
  main .section-detail-news-and-event .container .right .bottom .list .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .container .right .top .list .child a,
  main .section-detail-news-and-event .container .right .bottom .list .child a {
    height: 9rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .container .right .top .list .child a,
  main .section-detail-news-and-event .container .right .bottom .list .child a {
    height: 7rem;
  }
}
main .section-detail-news-and-event .container .right .top .list .child a img,
main .section-detail-news-and-event .container .right .bottom .list .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-news-and-event .container .right .top .list .child .infor,
main .section-detail-news-and-event .container .right .bottom .list .child .infor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .right .top .list .child .infor,
  main .section-detail-news-and-event .container .right .bottom .list .child .infor {
    padding: 0 1rem 1rem;
  }
}
main .section-detail-news-and-event .container .right .top .list .child .infor .date-and-hour,
main .section-detail-news-and-event .container .right .bottom .list .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .container .right .top .list .child .infor .date-and-hour,
  main .section-detail-news-and-event .container .right .bottom .list .child .infor .date-and-hour {
    font-size: 0.625rem;
    gap: 0.25rem;
  }
}
main .section-detail-news-and-event .container .right .top .list .child .infor .date-and-hour .date,
main .section-detail-news-and-event .container .right .top .list .child .infor .date-and-hour .time,
main .section-detail-news-and-event .container .right .bottom .list .child .infor .date-and-hour .date,
main .section-detail-news-and-event .container .right .bottom .list .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-detail-news-and-event .container .right .top .list .child .infor .date-and-hour .date .icon,
main .section-detail-news-and-event .container .right .top .list .child .infor .date-and-hour .time .icon,
main .section-detail-news-and-event .container .right .bottom .list .child .infor .date-and-hour .date .icon,
main .section-detail-news-and-event .container .right .bottom .list .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-detail-news-and-event .container .right .top .list .child .infor h3,
main .section-detail-news-and-event .container .right .bottom .list .child .infor h3 {
  width: 12.625rem;
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .container .right .top .list .child .infor h3,
  main .section-detail-news-and-event .container .right .bottom .list .child .infor h3 {
    width: 100%;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .container .right .top .list .child .infor h3,
  main .section-detail-news-and-event .container .right .bottom .list .child .infor h3 {
    font-size: 0.875rem;
  }
}
main .section-detail-news-and-event .container .right .top .list .child .infor h3:hover,
main .section-detail-news-and-event .container .right .bottom .list .child .infor h3:hover {
  color: var(--green);
}
main .section-detail-news-and-event .relate {
  width: 80rem;
  overflow: auto;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-news-and-event .relate {
    width: 72rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .relate {
    width: 60rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-news-and-event .relate {
    width: 44rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .relate {
    width: 28rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .relate {
    width: 22rem;
  }
}
main .section-detail-news-and-event .relate h2.title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100%;
  color: var(--black);
  margin-bottom: 1.75rem;
  align-self: flex-start;
}
main .section-detail-news-and-event .relate .list::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-detail-news-and-event .relate .list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .relate .list {
    justify-content: center;
    flex-direction: row;
    gap: 1.25rem;
    overflow: scroll;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .relate .list {
    gap: 1rem;
  }
}
main .section-detail-news-and-event .relate .list .child {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border-radius: 1rem;
  overflow: hidden;
}
main .section-detail-news-and-event .relate .list .child:nth-child(n+5) {
  display: none;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .relate .list .child {
    width: 18.75rem;
    flex-direction: column;
    flex: none;
    overflow: hidden;
    gap: 1.25rem;
    border: 1px solid #ABABAB;
  }
}
main .section-detail-news-and-event .relate .list .child a {
  width: 100%;
  height: 11.375rem;
  border-radius: 0.4375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .relate .list .child a {
    height: 9.5rem;
    border-radius: initial;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-news-and-event .relate .list .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-news-and-event .relate .list .child a {
    height: 9rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .relate .list .child a {
    height: 7rem;
  }
}
main .section-detail-news-and-event .relate .list .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-news-and-event .relate .list .child .infor {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-news-and-event .relate .list .child .infor {
    padding: 0 1rem 1rem;
  }
}
main .section-detail-news-and-event .relate .list .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .relate .list .child .infor .date-and-hour {
    font-size: 0.625rem;
    gap: 0.25rem;
  }
}
main .section-detail-news-and-event .relate .list .child .infor .date-and-hour .date,
main .section-detail-news-and-event .relate .list .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-detail-news-and-event .relate .list .child .infor .date-and-hour .date .icon,
main .section-detail-news-and-event .relate .list .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-detail-news-and-event .relate .list .child .infor h3 {
  color: var(--black);
  font-size: 1rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 480px) {
  main .section-detail-news-and-event .relate .list .child .infor h3 {
    font-size: 0.875rem;
  }
}
main .section-detail-news-and-event .relate .list .child .infor h3:hover {
  color: var(--green);
}
main .section-customer {
  position: relative;
}
main .section-customer .wrap-customer {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-customer .wrap-customer .container {
  position: relative;
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container {
    padding-top: 3.125rem;
    padding-bottom: 12.25rem;
  }
}
main .section-customer .wrap-customer .container h2.title {
  display: flex;
  justify-content: center;
  text-align: center;
  color: var(--black);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container h2.title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-customer .wrap-customer .container h2.title {
    font-size: 1.375rem;
  }
}
main .section-customer .wrap-customer .container .description {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0 17.25rem;
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container .description {
    font-size: 0.875rem;
    padding: 0 10rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container .description {
    padding: 0 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container .description {
    font-size: 0.75rem;
    padding: 0;
    margin-bottom: 1rem;
  }
}
main .section-customer .wrap-customer .container .list-customer::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-customer .wrap-customer .container .list-customer {
  margin-bottom: 6.25rem;
  overflow: scroll;
  display: flex;
  justify-content: space-evenly;
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container .list-customer {
    margin-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-customer .wrap-customer .container .list-customer {
    margin-bottom: 2rem;
  }
}
main .section-customer .wrap-customer .container .list-customer .wrap {
  display: flex;
  justify-content: flex-start;
  gap: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container .list-customer .wrap {
    gap: 1rem;
  }
}
main .section-customer .wrap-customer .container .list-customer .wrap span {
  box-sizing: border-box;
  width: 12.25rem;
  height: 7.1875rem;
  border-radius: 0.5rem;
  background: #EDF9EC;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container .list-customer .wrap span {
    height: 6rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container .list-customer .wrap span {
    height: 5.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container .list-customer .wrap span {
    width: 10rem;
    height: 4rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-customer .wrap-customer .container .list-customer .wrap span {
    width: 8rem;
    height: 3.5rem;
  }
}
main .section-customer .wrap-customer .container .list-customer .wrap span img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: multiply;
}
main .section-customer .wrap-customer .container .list-customer .wrap span:hover {
  border: 1.5px solid var(--green);
}
main .section-customer .wrap-customer .container form {
  display: flex;
  flex-flow: wrap;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto; /* Hai hàng tự động */
    row-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container form {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-customer .wrap-customer .container form {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
}
main .section-customer .wrap-customer .container form input:focus {
  border: 1px solid var(--black);
}
main .section-customer .wrap-customer .container form input::-moz-placeholder {
  color: #BFBFBF;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-customer .wrap-customer .container form input::placeholder {
  color: #BFBFBF;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-customer .wrap-customer .container form .search,
main .section-customer .wrap-customer .container form .filter {
  position: relative;
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container form .search {
    width: 100%;
    grid-column: 1/-1;
  }
}
main .section-customer .wrap-customer .container form .search input {
  box-sizing: border-box;
  padding: 0.9375rem 0.9375rem 0.9375rem 2.8125rem;
  border-radius: 0.4375rem;
  border: 1px solid #D3D3D3;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container form .search input {
    padding: 0.75rem 0.75rem 0.75rem 2.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container form .search input {
    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
  }
}
main .section-customer .wrap-customer .container form .search input {
  width: 19.0625rem;
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container form .search input {
    width: 100%;
  }
}
main .section-customer .wrap-customer .container form .search button {
  position: absolute;
  top: 1rem;
  left: 0.9375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container form .search button {
    top: 0.875rem;
    left: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container form .search button {
    top: 0.75rem;
    left: 0.5rem;
  }
  main .section-customer .wrap-customer .container form .search button svg {
    width: 1rem;
    height: 1rem;
  }
}
main .section-customer .wrap-customer .container form .filter {
  grid-column: span 1; /* Mỗi phần tử chiếm nửa hàng sau */
  grid-row: 2;
}
main .section-customer .wrap-customer .container form .filter input {
  box-sizing: border-box;
  padding: 0.9375rem 0.9375rem 0.9375rem 5.75rem;
  border-radius: 0.4375rem;
  border: 1px solid #D3D3D3;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container form .filter input {
    padding: 0.75rem 0.75rem 0.75rem 5.75rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container form .filter input {
    padding: 0.5rem 0.5rem 0.5rem 4.75rem;
  }
}
main .section-customer .wrap-customer .container form .filter input {
  width: 14rem;
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container form .filter input {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  main .section-customer .wrap-customer .container form .filter input {
    font-size: 0.875rem;
  }
}
main .section-customer .wrap-customer .container form .filter label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  left: 0.9375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container form .filter label {
    top: 0.75rem;
    left: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container form .filter label {
    top: 0.5rem;
    left: 0.5rem;
  }
  main .section-customer .wrap-customer .container form .filter label svg {
    width: 1rem;
    height: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-customer .wrap-customer .container form .filter label {
    font-size: 0.875rem;
  }
}
main .section-customer .wrap-customer .container .table-wrapper::-webkit-scrollbar {
  height: 2px; /* Điều chỉnh chiều rộng của thanh cuộn */
}
main .section-customer .wrap-customer .container .table-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}
main .section-customer .wrap-customer .container .table-wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
main .section-customer .wrap-customer .container .table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555; /* Màu của thumb khi hover */
}
main .section-customer .wrap-customer .container .table-wrapper {
  overflow: auto;
}
main .section-customer .wrap-customer .container .table-wrapper table {
  width: 100%;
  border-radius: 0.75rem 0.75rem 0 0;
  overflow: hidden;
  margin-bottom: 0.125rem;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container .table-wrapper table {
    width: 72rem;
    overflow: scroll;
  }
}
main .section-customer .wrap-customer .container .table-wrapper table tr:nth-child(even) {
  background-color: #EDF9EC;
}
main .section-customer .wrap-customer .container .table-wrapper table tr {
  color: #2A2B2E;
  font-size: 1rem;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container .table-wrapper table tr {
    overflow: scroll;
    width: auto;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container .table-wrapper table tr {
    overflow: scroll;
    font-size: 0.875rem;
  }
}
main .section-customer .wrap-customer .container .table-wrapper table tr th {
  text-align: start;
  font-weight: 500;
  line-height: 125%;
  padding: 1.25rem 0.75rem;
  color: #848484;
  background-color: #EDF9EC;
}
@media only screen and (max-width: 1280px) {
  main .section-customer .wrap-customer .container .table-wrapper table tr th {
    width: inherit;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .wrap-customer .container .table-wrapper table tr th {
    padding: 0.75rem 0.5rem;
  }
}
main .section-customer .wrap-customer .container .table-wrapper table tr td {
  width: 13.75rem;
  font-weight: 400;
  line-height: 180%;
  padding: 1.5625rem 0.75rem;
}
@media only screen and (max-width: 1060px) {
  main .section-customer .wrap-customer .container .table-wrapper table tr td {
    width: inherit;
  }
}
@media only screen and (max-width: 1060px) and (max-width: 767px) {
  main .section-customer .wrap-customer .container .table-wrapper table tr td {
    padding: 1rem 0.5rem;
  }
}
main .section-customer .wrap-customer .container .pagination {
  margin-top: 2.5rem;
  justify-content: end;
}
main .section-customer .list-modal-customer {
  position: fixed;
  z-index: 9995;
  box-sizing: border-box;
  top: 20rem;
  width: 100%;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer {
    top: 10rem;
  }
}
main .section-customer .list-modal-customer .modal {
  border-radius: 1rem;
  overflow: hidden;
}
main .section-customer .list-modal-customer .modal > .child.active {
  display: flex;
  cursor: auto;
}
main .section-customer .list-modal-customer .modal > .child {
  display: none;
  width: inherit;
  box-sizing: border-box;
  padding: 3.125rem 2.5rem;
  border-radius: inherit;
  background: var(--white);
  gap: 2.5rem;
  width: 60rem;
}
@media only screen and (max-width: 1480px) {
  main .section-customer .list-modal-customer .modal > .child {
    top: 16rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-customer .list-modal-customer .modal > .child {
    height: 20.625rem;
    top: 14rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-customer .list-modal-customer .modal > .child {
    padding: 2rem 1.75rem;
    gap: 2rem;
    width: 44rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer .modal > .child {
    padding: 1rem 0.75rem;
    gap: 1rem;
    width: 28rem;
    top: 10rem;
    height: 16rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-customer .list-modal-customer .modal > .child {
    width: 22rem;
    height: 14rem;
  }
}
main .section-customer .list-modal-customer .modal > .child .image {
  width: 19.125rem;
  height: 12.625rem;
  border-radius: 0.75rem;
  background: rgba(61, 163, 51, 0.05);
}
@media only screen and (max-width: 1060px) {
  main .section-customer .list-modal-customer .modal > .child .image {
    width: 16rem;
    height: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer .modal > .child .image {
    width: 10rem;
    height: 6rem;
  }
}
main .section-customer .list-modal-customer .modal > .child .image img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: multiply;
}
main .section-customer .list-modal-customer .modal > .child .infor {
  width: 34.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer .modal > .child .infor {
    width: 100%;
  }
}
main .section-customer .list-modal-customer .modal > .child .infor h3.name {
  color: #2A2B2E;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer .modal > .child .infor h3.name {
    margin-bottom: 1rem;
  }
}
main .section-customer .list-modal-customer .modal > .child .infor .bottom::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-customer .list-modal-customer .modal > .child .infor .bottom {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (max-width: 1060px) {
  main .section-customer .list-modal-customer .modal > .child .infor .bottom {
    gap: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer .modal > .child .infor .bottom {
    overflow: scroll;
    max-height: 100%;
  }
}
main .section-customer .list-modal-customer .modal > .child .infor .bottom > .child {
  width: 100%;
  display: flex;
  align-items: start;
  gap: 2.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer .modal > .child .infor .bottom > .child:last-child {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-customer .list-modal-customer .modal > .child .infor .bottom > .child {
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-customer .list-modal-customer .modal > .child .infor .bottom > .child {
    flex-direction: column;
    gap: 0.5rem;
  }
}
main .section-customer .list-modal-customer .modal > .child .infor .bottom > .child .left {
  display: flex;
  align-items: start;
  gap: 0.375rem;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
}
main .section-customer .list-modal-customer .modal > .child .infor .bottom > .child .left b {
  width: 11rem;
}
main .section-customer .list-modal-customer .modal > .child .infor .bottom > .child .right {
  color: #2A2B2E;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
main .section-training {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-training .container {
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-training .container {
    padding-top: 3.125rem;
    padding-bottom: 12.25rem;
  }
}
main .section-training .container h2.title {
  color: var(--black);
  font-size: 2rem;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-training .container h2.title {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container h2.title {
    font-size: 1.375rem;
  }
}
main .section-training .container form {
  display: flex;
  flex-flow: wrap;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1060px) {
  main .section-training .container form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto; /* Hai hàng tự động */
    row-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container form {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-training .container form {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
}
main .section-training .container form input:focus {
  border: 1px solid var(--black);
}
main .section-training .container form input::-moz-placeholder {
  color: #BFBFBF;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-training .container form input::placeholder {
  color: #BFBFBF;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-training .container form .search,
main .section-training .container form .filter {
  position: relative;
}
@media only screen and (max-width: 1060px) {
  main .section-training .container form .search {
    width: 100%;
    grid-column: 1/-1;
  }
}
main .section-training .container form .search input {
  box-sizing: border-box;
  padding: 0.9375rem 0.9375rem 0.9375rem 2.8125rem;
  border-radius: 0.4375rem;
  border: 1px solid #D3D3D3;
}
@media only screen and (max-width: 1280px) {
  main .section-training .container form .search input {
    padding: 0.75rem 0.75rem 0.75rem 2.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container form .search input {
    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
  }
}
main .section-training .container form .search input {
  width: 19.0625rem;
}
@media only screen and (max-width: 1060px) {
  main .section-training .container form .search input {
    width: 100%;
  }
}
main .section-training .container form .search button {
  position: absolute;
  top: 1rem;
  left: 0.9375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-training .container form .search button {
    top: 0.875rem;
    left: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container form .search button {
    top: 0.75rem;
    left: 0.5rem;
  }
  main .section-training .container form .search button svg {
    width: 1rem;
    height: 1rem;
  }
}
main .section-training .container form .filter {
  grid-column: span 1; /* Mỗi phần tử chiếm nửa hàng sau */
  grid-row: 2;
}
main .section-training .container form .filter input {
  box-sizing: border-box;
  padding: 0.9375rem 0.9375rem 0.9375rem 5.75rem;
  border-radius: 0.4375rem;
  border: 1px solid #D3D3D3;
}
@media only screen and (max-width: 1280px) {
  main .section-training .container form .filter input {
    padding: 0.75rem 0.75rem 0.75rem 5.75rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container form .filter input {
    padding: 0.5rem 0.5rem 0.5rem 4.75rem;
  }
}
main .section-training .container form .filter input {
  width: 14rem;
}
@media only screen and (max-width: 1060px) {
  main .section-training .container form .filter input {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  main .section-training .container form .filter input {
    font-size: 0.875rem;
  }
}
main .section-training .container form .filter label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  left: 0.9375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-training .container form .filter label {
    top: 0.75rem;
    left: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container form .filter label {
    top: 0.5rem;
    left: 0.5rem;
  }
  main .section-training .container form .filter label svg {
    width: 1rem;
    height: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-training .container form .filter label {
    font-size: 0.875rem;
  }
}
main .section-training .container .table-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-training .container .table-wrapper {
  overflow: auto;
}
main .section-training .container .table-wrapper table {
  width: 100%;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1060px) {
  main .section-training .container .table-wrapper table {
    width: 60rem;
    overflow: scroll;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container .table-wrapper table {
    width: 54rem;
    margin-bottom: 0;
  }
}
main .section-training .container .table-wrapper table tr {
  color: #2A2B2E;
  font-size: 1rem;
}
main .section-training .container .table-wrapper table tr th:nth-child(1),
main .section-training .container .table-wrapper table tr td:nth-child(1) {
  width: 6.25rem;
}
@media only screen and (max-width: 1060px) {
  main .section-training .container .table-wrapper table tr th:nth-child(1),
  main .section-training .container .table-wrapper table tr td:nth-child(1) {
    width: 3rem;
  }
}
main .section-training .container .table-wrapper table tr th:nth-child(2),
main .section-training .container .table-wrapper table tr td:nth-child(2) {
  width: 18rem;
}
@media only screen and (max-width: 767px) {
  main .section-training .container .table-wrapper table tr th:nth-child(2),
  main .section-training .container .table-wrapper table tr td:nth-child(2) {
    width: 16rem;
  }
}
main .section-training .container .table-wrapper table tr th:nth-child(3), main .section-training .container .table-wrapper table tr th:nth-child(4),
main .section-training .container .table-wrapper table tr td:nth-child(3),
main .section-training .container .table-wrapper table tr td:nth-child(4) {
  width: 14rem;
}
@media only screen and (max-width: 1060px) {
  main .section-training .container .table-wrapper table tr th:nth-child(3), main .section-training .container .table-wrapper table tr th:nth-child(4),
  main .section-training .container .table-wrapper table tr td:nth-child(3),
  main .section-training .container .table-wrapper table tr td:nth-child(4) {
    width: 12.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-training .container .table-wrapper table tr {
    font-size: 0.75rem;
  }
}
main .section-training .container .table-wrapper table tr th {
  text-align: start;
  font-weight: 500;
  line-height: 125%;
  padding-bottom: 1.5625rem;
  color: #848484;
}
main .section-training .container .table-wrapper table tr td {
  width: 13.75rem;
  font-weight: 500;
  line-height: 180%;
  padding: 1.5625rem 0 0 0;
  border-top: 1px solid #D3D3D3;
}
main .section-training .container .table-wrapper table tr td:nth-child(2) {
  font-weight: 600;
  color: #136451;
}
main .section-training .container .table-wrapper table tr td span {
  color: #ABABAB;
  font-size: 0.75rem;
  line-height: 130%;
}
@media only screen and (max-width: 767px) {
  main .section-training .container .table-wrapper table tr td span {
    font-size: 0.5rem;
  }
}
main .section-training .container .pagination {
  justify-content: end;
}
main .section-detail-training {
  padding-top: 11.875rem;
  padding-bottom: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6.25rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training {
    padding-top: 8rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-training {
    padding-top: 6.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training {
    padding-bottom: 13.75rem;
  }
}
main .section-detail-training .container {
  position: relative;
  display: flex;
  gap: 5rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-training .container {
    gap: 3rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container {
    flex-direction: column;
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container {
    gap: 1.5rem;
  }
}
main .section-detail-training .container .bot {
  position: absolute;
  width: 52.875rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-training .container .bot {
    width: 47rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .bot {
    width: 100%;
    position: static;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-training .container .bot {
    font-size: 0.875rem;
  }
}
main .section-detail-training .container .bot ul {
  color: var(--black);
}
main .section-detail-training .container .bot ul li {
  display: inline;
}
main .section-detail-training .container .bot ul li:hover {
  color: var(--red);
}
main .section-detail-training .container .bot ul .icon {
  display: inline-flex;
  vertical-align: middle;
}
main .section-detail-training .container .left {
  display: flex;
  flex-direction: column;
  margin-top: 4.875rem;
  width: 52.2656rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-training .container .left {
    width: 47rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .left {
    width: 100%;
    margin-top: 0;
  }
}
main .section-detail-training .container .left h2.title {
  width: 100%;
  color: var(--black);
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .left h2.title {
    font-size: 1.75rem;
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left h2.title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
main .section-detail-training .container .left .share {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 1.875rem;
}
main .section-detail-training .container .left .share span {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-detail-training .container .left .time,
main .section-detail-training .container .left .address {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .time,
  main .section-detail-training .container .left .address {
    margin-bottom: 1rem;
  }
}
main .section-detail-training .container .left .time h4,
main .section-detail-training .container .left .address h4 {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .time h4,
  main .section-detail-training .container .left .address h4 {
    font-size: 1rem;
  }
}
main .section-detail-training .container .left .time .infor,
main .section-detail-training .container .left .address .infor {
  display: flex;
  align-items: center;
  gap: 1rem;
}
main .section-detail-training .container .left .time .infor span,
main .section-detail-training .container .left .address .infor span {
  color: #2A2B2E;
  font-size: 1rem;
  font-weight: 400;
  line-height: 180%;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .time .infor span,
  main .section-detail-training .container .left .address .infor span {
    font-size: 0.875rem;
  }
}
main .section-detail-training .container .left .address .infor span {
  width: 27.75rem;
}
main .section-detail-training .container .left .explain,
main .section-detail-training .container .left .organize {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .explain,
  main .section-detail-training .container .left .organize {
    margin-bottom: 1rem;
  }
}
main .section-detail-training .container .left .explain h4,
main .section-detail-training .container .left .organize h4 {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .explain h4,
  main .section-detail-training .container .left .organize h4 {
    font-size: 1rem;
  }
}
main .section-detail-training .container .left .explain span,
main .section-detail-training .container .left .organize span {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .explain span,
  main .section-detail-training .container .left .organize span {
    font-size: 0.875rem;
  }
}
main .section-detail-training .container .left .content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  width: 52.2656rem;
  color: #2A2B2E;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-training .container .left .content {
    width: 47rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .left .content {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .content {
    gap: 1.25rem;
    margin-bottom: 0;
  }
}
main .section-detail-training .container .left .content * {
  width: auto !important;
}
main .section-detail-training .container .left .content img {
  border-radius: 0.625rem;
  margin: 1rem 0;
}
main .section-detail-training .container .left .thumbnail {
  width: 100%;
  height: 28.75rem;
  border-radius: 0.625rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-training .container .left .thumbnail {
    width: 47rem;
    height: 27rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .left .thumbnail {
    width: 100%;
    height: 30rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-training .container .left .thumbnail {
    height: 25rem;
    border-radius: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .left .thumbnail {
    height: 17rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-training .container .left .thumbnail {
    height: 14rem;
  }
}
main .section-detail-training .container .left .thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-training .container .right {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  margin-top: 4.875rem;
  width: 100%;
}
main .section-detail-training .container .right h2.title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
  color: var(--black);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .right .training {
    display: none;
  }
}
main .section-detail-training .container .right .training .list-training {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
main .section-detail-training .container .right .training .list-training .child {
  padding-bottom: 1.25rem;
}
main .section-detail-training .container .right .training .list-training .child:nth-child(1), main .section-detail-training .container .right .training .list-training .child:nth-child(2) {
  border-bottom: 1px solid #BFBFBF;
}
main .section-detail-training .container .right .training .list-training .child:nth-child(3) {
  display: none;
}
main .section-detail-training .container .right .training .list-training .child h3 {
  color: #3CA333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 0.9375rem;
}
main .section-detail-training .container .right .training .list-training .child h3:hover {
  color: var(--black);
}
main .section-detail-training .container .right .training .list-training .child .time {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 0.625rem;
}
main .section-detail-training .container .right .training .list-training .child .time > div {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
main .section-detail-training .container .right .training .list-training .child .time > div p {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-detail-training .container .right .training .list-training .child .time > div span {
  color: #ABABAB;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 130%;
}
main .section-detail-training .container .right .training .list-training .child .address {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .right .training .list-training .child .address {
    font-size: 0.875rem;
  }
}
main .section-detail-training .container .right .news .list-news::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-detail-training .container .right .news .list-news {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .right .news .list-news {
    justify-content: center;
    flex-direction: row;
    gap: 1.25rem;
    overflow: scroll;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .right .news .list-news {
    gap: 1rem;
    padding-bottom: 0;
  }
}
main .section-detail-training .container .right .news .list-news .child {
  display: flex;
  gap: 1rem;
  border-radius: 1rem;
  width: 100%;
}
main .section-detail-training .container .right .news .list-news .child:nth-child(n+4) {
  display: none;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .right .news .list-news .child {
    width: 18.75rem;
    flex-direction: column;
    flex: none;
    overflow: hidden;
    gap: 1.25rem;
    border: 1px solid #ABABAB;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-training .container .right .news .list-news .child {
    width: 16rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .right .news .list-news .child {
    width: 14rem;
  }
}
main .section-detail-training .container .right .news .list-news .child a {
  width: 100%;
  height: 6.25rem;
  border-radius: 0.4375rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .right .news .list-news .child a {
    height: 10.625rem;
    border-radius: initial;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-training .container .right .news .list-news .child a {
    height: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .container .right .news .list-news .child a {
    height: 9rem;
  }
}
main .section-detail-training .container .right .news .list-news .child a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
main .section-detail-training .container .right .news .list-news .child .infor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .right .news .list-news .child .infor {
    padding: 0 1rem 1rem;
  }
}
main .section-detail-training .container .right .news .list-news .child .infor .date-and-hour {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 480px) {
  main .section-detail-training .container .right .news .list-news .child .infor .date-and-hour {
    font-size: 0.625rem;
    gap: 0.25rem;
  }
}
main .section-detail-training .container .right .news .list-news .child .infor .date-and-hour .date,
main .section-detail-training .container .right .news .list-news .child .infor .date-and-hour .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
main .section-detail-training .container .right .news .list-news .child .infor .date-and-hour .date .icon,
main .section-detail-training .container .right .news .list-news .child .infor .date-and-hour .time .icon {
  display: flex;
}
main .section-detail-training .container .right .news .list-news .child .infor h3 {
  width: 12.625rem;
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.0112rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .container .right .news .list-news .child .infor h3 {
    width: 100%;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-training .container .right .news .list-news .child .infor h3 {
    font-size: 0.875rem;
  }
}
main .section-detail-training .container .right .news .list-news .child .infor h3:hover {
  color: var(--green);
}
main .section-detail-training .relate::-webkit-scrollbar,
main .section-detail-training .latest::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chiều rộng của thanh cuộn */
  background: transparent;
  /* Làm thanh cuộn trong suốt */
}
main .section-detail-training .latest {
  display: none;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .latest {
    display: block;
  }
}
main .section-detail-training .relate,
main .section-detail-training .latest {
  overflow: auto;
  width: 80rem;
}
@media only screen and (max-width: 1480px) {
  main .section-detail-training .relate,
  main .section-detail-training .latest {
    width: 72rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .relate,
  main .section-detail-training .latest {
    width: 60rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-detail-training .relate,
  main .section-detail-training .latest {
    width: 44rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .relate,
  main .section-detail-training .latest {
    width: 28rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-detail-training .relate,
  main .section-detail-training .latest {
    width: 22rem;
  }
}
main .section-detail-training .relate h3.title,
main .section-detail-training .latest h3.title {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .relate h3.title,
  main .section-detail-training .latest h3.title {
    margin-bottom: 1.25rem;
  }
}
main .section-detail-training .relate table,
main .section-detail-training .latest table {
  width: 100%;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-detail-training .relate table,
  main .section-detail-training .latest table {
    width: 60rem;
    overflow: scroll;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .relate table,
  main .section-detail-training .latest table {
    margin-bottom: 0;
  }
}
main .section-detail-training .relate table tr,
main .section-detail-training .latest table tr {
  color: #2A2B2E;
  font-size: 1rem;
}
main .section-detail-training .relate table tr th:nth-child(1),
main .section-detail-training .relate table tr td:nth-child(1),
main .section-detail-training .latest table tr th:nth-child(1),
main .section-detail-training .latest table tr td:nth-child(1) {
  padding-right: 0.625rem;
  width: 18rem;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .relate table tr th:nth-child(1),
  main .section-detail-training .relate table tr td:nth-child(1),
  main .section-detail-training .latest table tr th:nth-child(1),
  main .section-detail-training .latest table tr td:nth-child(1) {
    width: 16rem;
  }
}
main .section-detail-training .relate table tr th:nth-child(2), main .section-detail-training .relate table tr th:nth-child(3),
main .section-detail-training .relate table tr td:nth-child(2),
main .section-detail-training .relate table tr td:nth-child(3),
main .section-detail-training .latest table tr th:nth-child(2),
main .section-detail-training .latest table tr th:nth-child(3),
main .section-detail-training .latest table tr td:nth-child(2),
main .section-detail-training .latest table tr td:nth-child(3) {
  width: 14rem;
}
@media only screen and (max-width: 1060px) {
  main .section-detail-training .relate table tr th:nth-child(2), main .section-detail-training .relate table tr th:nth-child(3),
  main .section-detail-training .relate table tr td:nth-child(2),
  main .section-detail-training .relate table tr td:nth-child(3),
  main .section-detail-training .latest table tr th:nth-child(2),
  main .section-detail-training .latest table tr th:nth-child(3),
  main .section-detail-training .latest table tr td:nth-child(2),
  main .section-detail-training .latest table tr td:nth-child(3) {
    width: 11rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .relate table tr,
  main .section-detail-training .latest table tr {
    font-size: 0.75rem;
  }
}
main .section-detail-training .relate table tr th,
main .section-detail-training .latest table tr th {
  text-align: start;
  font-weight: 500;
  line-height: 125%;
  padding-bottom: 1.5625rem;
}
main .section-detail-training .relate table tr td,
main .section-detail-training .latest table tr td {
  width: 13.75rem;
  font-weight: 500;
  line-height: 180%;
  padding: 1.5625rem 0;
  border-top: 1px solid #D3D3D3;
}
main .section-detail-training .relate table tr td:nth-child(1),
main .section-detail-training .latest table tr td:nth-child(1) {
  font-weight: 600;
  color: #136451;
}
main .section-detail-training .relate table tr td:nth-child(1):hover,
main .section-detail-training .latest table tr td:nth-child(1):hover {
  color: var(--black);
}
main .section-detail-training .relate table tr td span,
main .section-detail-training .latest table tr td span {
  color: #ABABAB;
  font-size: 0.75rem;
  line-height: 130%;
}
@media only screen and (max-width: 767px) {
  main .section-detail-training .relate table tr td span,
  main .section-detail-training .latest table tr td span {
    font-size: 0.5rem;
  }
}
main .section-halal-nqi {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-halal-nqi .container {
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
  display: flex;
  gap: 3.75rem;
}
@media only screen and (max-width: 1280px) {
  main .section-halal-nqi .container {
    gap: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container {
    gap: 1rem;
    padding-top: 3rem;
    padding-bottom: 10rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-halal-nqi .container {
    flex-direction: column;
  }
}
main .section-halal-nqi .button-nqi .view-more {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--red);
  font-size: 1rem;
  font-weight: 400;
  line-height: 185%;
  letter-spacing: 0.0088rem;
}
main .section-halal-nqi .button-nqi .view-more .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-halal-nqi .container .left {
  width: 25.75rem;
}
@media only screen and (max-width: 1480px) {
  main .section-halal-nqi .container .left {
    width: 20rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-halal-nqi .container .left {
    width: 17rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .left {
    width: 10rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-halal-nqi .container .left {
    width: 100%;
  }
}
main .section-halal-nqi .container .left nav {
  width: inherit;
}
main .section-halal-nqi .container .left nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  main .section-halal-nqi .container .left nav ul {
    flex-direction: row;
    flex-flow: wrap;
  }
}
main .section-halal-nqi .container .left nav ul li {
  position: relative;
  border-radius: 0.4375rem;
}
main .section-halal-nqi .container .left nav ul li a {
  display: block;
  border-radius: inherit;
  padding: 1rem 1.5rem;
  background: #EDF9EC;
  color: #515151;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 1480px) {
  main .section-halal-nqi .container .left nav ul li a {
    font-size: 1.125rem;
    padding: 0.875rem 1.25rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-halal-nqi .container .left nav ul li a {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .left nav ul li a {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
  }
}
main .section-halal-nqi .container .left nav ul li.active a,
main .section-halal-nqi .container .left nav ul li:hover a {
  background: #136451;
  color: var(--white);
}
main .section-halal-nqi .container .right {
    width: 100%;
}
main .section-halal-nqi .container .right .child.active {
  display: block;
}
main .section-halal-nqi .container .right .child {
  display: none;
  width: 100%;
}
main .section-halal-nqi .container .right .child h3.title {
  color: #515151;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child h3.title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
main .section-halal-nqi .container .right .child .content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 2.5rem;
  color: #2A2B2E;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 180%;
}
@media only screen and (max-width: 1280px) {
  main .section-halal-nqi .container .right .child .content {
    gap: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-halal-nqi .container .right .child .content {
    font-size: 1rem;
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child .content {
    gap: 1rem;
    font-size: 0.75rem;
  }
}
main .section-halal-nqi .container .right .child .content > * {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-halal-nqi .container .right .child .content > * {
    gap: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-halal-nqi .container .right .child .content > * {
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child .content > * {
    gap: 1rem;
  }
}
main .section-halal-nqi .container .right .child .content img {
  width: 100%;
  border-radius: 0.625rem;
}
main .section-halal-nqi .container .right .child .list-policy-1 {
  margin-bottom: 2.5rem;
}
main .section-halal-nqi .container .right .child ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
@media only screen and (max-width: 1280px) {
  main .section-halal-nqi .container .right .child ul {
    gap: 1.75rem;
  }
}
main .section-halal-nqi .container .right .child ul li {
  position: relative;
  background: #EDF9EC;
  border-radius: 0.4375rem;
  width: 30.125rem;
  height: 3.5rem;
  box-sizing: border-box;
  cursor: pointer;
}
@media only screen and (max-width: 1060px) {
  main .section-halal-nqi .container .right .child ul li {
    width: 100%;
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child ul li {
    padding: 0 0.75rem;
  }
}
main .section-halal-nqi .container .right .child ul li a {
  box-sizing: border-box;
  display: block;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child ul li a {
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child ul li a {
    padding: 0 0.75rem;
  }
}
main .section-halal-nqi .container .right .child ul li a span {
  display: flex;
  align-items: center;
  color: #414141;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child ul li a span {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-halal-nqi .container .right .child ul li a svg {
    width: 1rem;
    height: 1rem;
  }
}
main .section-halal-nqi .container .right .child .list-policy-2 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #CFCFCF;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq:last-child {
  border: none;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question {
  display: flex;
  justify-content: space-between;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .title {
  padding-right: 2rem;
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .title.show {
  color: #136451;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .icon {
  position: relative;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .icon .plus-icon,
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .icon .minus-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .icon .plus-icon {
  display: block;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .icon .plus-icon.hide {
  display: none;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .icon .minus-icon {
  display: none;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .question .icon .minus-icon.show {
  display: block;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .answer {
  display: none;
  margin-top: 0.75rem;
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  transition: 0.5s ease-in-out;
}
main .section-halal-nqi .container .right .child .list-policy-2 .child-faq .answer.show {
  display: block;
}
main .section-cretify {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-cretify .container {
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container {
    padding-top: 3rem;
    padding-bottom: 12.25rem;
  }
}
main .section-cretify .container h2.title {
  color: var(--black);
  font-size: 2rem;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-cretify .container h2.title {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container h2.title {
    font-size: 1.375rem;
  }
}
main .section-cretify .container .top {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 3rem;
}
main .section-cretify .container .top .content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  color: var(--black);
}
main .section-cretify .container .top .view-more {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--red);
  font-size: 1rem;
  font-weight: 400;
  line-height: 185%;
  letter-spacing: 0.0088rem;
}
main .section-cretify .container .top .view-more .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-cretify .container .top .button {
  padding: .75rem .5rem;
  border: 1px solid #136451;
  border-radius: 10px;
  width: fit-content;
  color: var(--white);
  background: #136451;
}
main .section-cretify .container .top .button:hover {
  background: #fff;
  color: #136451;
}
main .section-cretify .container .wrap {
  display: flex;
  gap: 3.75rem;
}
@media only screen and (max-width: 1280px) {
  main .section-cretify .container .wrap {
    gap: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container .wrap {
    gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-cretify .container .wrap {
    flex-direction: column;
  }
}
main .section-cretify .container .left {
  width: 25.75rem;
}
@media only screen and (max-width: 1480px) {
  main .section-cretify .container .left {
    width: 20rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-cretify .container .left {
    width: 17rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container .left {
    width: 10rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-cretify .container .left {
    width: 100%;
  }
}
main .section-cretify .container .left nav {
  width: inherit;
}
main .section-cretify .container .left nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  main .section-cretify .container .left nav ul {
    flex-direction: row;
    flex-flow: wrap;
  }
}
main .section-cretify .container .left nav ul li {
  position: relative;
  border-radius: 0.4375rem;
}
main .section-cretify .container .left nav ul li a {
  display: block;
  border-radius: inherit;
  padding: 1rem 1.5rem;
  background: #EDF9EC;
  color: #515151;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 1480px) {
  main .section-cretify .container .left nav ul li a {
    font-size: 1.125rem;
    padding: 0.875rem 1.25rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-cretify .container .left nav ul li a {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container .left nav ul li a {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
  }
}
main .section-cretify .container .left nav ul li.active a,
main .section-cretify .container .left nav ul li:hover a {
  background: #136451;
  color: var(--white);
}
@media only screen and (max-width: 1280px) {
  main .section-cretify .container .right {
    width: 100%;
  }
}
main .section-cretify .container .right .child.active {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
main .section-cretify .container .right .child {
  display: none;
  width: 100%;
}
main .section-cretify .container .right .child .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
  line-height: 150%;
  font-weight: 400;
}
main .section-cretify .container .right .child .content > * {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
main .section-cretify .container .right .child .content img {
  width: 100%;
  border-radius: 0.625rem;
}
main .section-cretify .container .right .child ul {
  list-style: none;
  width: inherit;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 36.875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-cretify .container .right .child ul {
    width: inherit;
  }
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container .right .child ul {
    gap: 1.5rem;
  }
}
main .section-cretify .container .right .child ul li {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container .right .child ul li {
    gap: 0.5rem;
  }
}
main .section-cretify .container .right .child ul li h4 {
  color: #515151;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 125%;
}
@media only screen and (max-width: 1060px) {
  main .section-cretify .container .right .child ul li h4 {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container .right .child ul li h4 {
    font-size: 1.125rem;
  }
}
main .section-cretify .container .right .child ul li span {
  position: relative;
  background: #EDF9EC;
  border-radius: 0.4375rem;
  cursor: pointer;
}
main .section-cretify .container .right .child ul li span a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
}
@media only screen and (max-width: 1060px) {
  main .section-cretify .container .right .child ul li span a {
    padding: 0.75rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-cretify .container .right .child ul li span a {
    padding: 0.5rem 0.5rem;
  }
}
main .section-cretify .container .right .child ul li span a p {
  color: var(--black);
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-cretify .container .right .child ul li span a svg {
  width: 1.5rem;
  height: 1.5rem;
}
main .section-register-cretify {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-register-cretify img.background {
  width: 100%;
  height: 87.875rem;
  position: absolute;
  top: -10rem;
  left: 0;
  flex-shrink: 0;
  opacity: 0.8;
}
main .section-register-cretify .container {
  z-index: 10;
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
}
main .section-register-cretify .container h2.title {
  color: #136451;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 115%;
  margin-bottom: 0.375rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container h2.title {
    font-size: 1.5rem;
  }
}
main .section-register-cretify .container .description {
  padding: 0 20rem;
  text-align: center;
  color: #373737;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  main .section-register-cretify .container .description {
    padding: 0 10rem;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-register-cretify .container .description {
    padding: 0 8rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .description {
    padding: 0;
    font-size: 0.75rem;
  }
}
main .section-register-cretify .container .form {
  display: grid;
  grid-template-columns: 52.875rem auto;
  gap: 4.375rem;
}
@media only screen and (max-width: 1480px) {
  main .section-register-cretify .container .form {
    grid-template-columns: 48rem auto;
    gap: 3rem;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-register-cretify .container .form {
    display: flex;
    flex-direction: column;
  }
}
main .section-register-cretify .container .form .wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .section-register-cretify .container .form .wpcf7-form .error-message {
  color: var(--red);
}
main .section-register-cretify .container .form .wpcf7-form h3 {
  align-self: flex-start;
  color: #3CA333;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 160%;
}
main .section-register-cretify .container .form .wpcf7-form .line {
  margin-bottom: 1.875rem;
  width: 100%;
}
@media only screen and (max-width: 1060px) {
  main .section-register-cretify .container .form .wpcf7-form .line {
    margin-bottom: 1.5rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form .line .form-group {
  position: relative;
}
main .section-register-cretify .container .form .wpcf7-form .line .form-group label {
  position: absolute;
  top: 0.625rem;
  left: 0.75rem;
  padding: 0 0.5rem;
  background: var(--white);
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .form .wpcf7-form .line .form-group label {
    font-size: 0.875rem;
    left: 0.5rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form .line .form-group input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.875rem 1.25rem;
  border: 1px solid #999;
  border-radius: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .form .wpcf7-form .line .form-group input {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form .line .form-group input::-moz-placeholder {
  font-size: 1rem;
  color: #BDBDBD;
}
main .section-register-cretify .container .form .wpcf7-form .line .form-group input::placeholder {
  font-size: 1rem;
  color: #BDBDBD;
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .form .wpcf7-form .line .form-group input::-moz-placeholder {
    font-size: 0.75rem;
  }
  main .section-register-cretify .container .form .wpcf7-form .line .form-group input::placeholder {
    font-size: 0.75rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form .form-wrapper {
  display: contents;
}
main .section-register-cretify .container .form .wpcf7-form .line-1,
main .section-register-cretify .container .form .wpcf7-form .line-3,
main .section-register-cretify .container .form .wpcf7-form .line-5,
main .section-register-cretify .container .form .wpcf7-form .line-7,
main .section-register-cretify .container .form .wpcf7-form .line-9 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.375rem;
}
main .section-register-cretify .container .form .wpcf7-form .form-register {
  position: relative;
  box-sizing: border-box;
  background: #EDF9EC;
  border-radius: 0.4375rem;
  margin-bottom: 1.25rem;
}
main .section-register-cretify .container .form .wpcf7-form .form-register a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .form .wpcf7-form .form-register a {
    padding: 0.5rem 0.75rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form .form-register a span {
  color: #414141;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .form .wpcf7-form .form-register a span {
    font-size: 0.875rem;
  }
  main .section-register-cretify .container .form .wpcf7-form .form-register a span svg {
    width: 1rem;
    height: 1rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form #remove-file {
  margin-left: 0.625rem;
}
main .section-register-cretify .container .form .wpcf7-form .line-10 {
  width: 100%;
  height: 7.8125rem;
  position: relative;
  margin-bottom: 2.5rem;
}
main .section-register-cretify .container .form .wpcf7-form .line-10 label {
  cursor: pointer;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px dashed var(--csk-3-da-333500, #3CA333);
  background: var(--Base-Base-White, #FFF);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
main .section-register-cretify .container .form .wpcf7-form .line-10 label span {
  color: var(--green);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .form .wpcf7-form .line-10 label span {
    font-size: 0.875rem;
  }
  main .section-register-cretify .container .form .wpcf7-form .line-10 label span svg {
    width: 1rem;
    height: 1rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form .line-10 label:hover {
  border: 1px dashed var(--white);
  background: #3CA333;
}
main .section-register-cretify .container .form .wpcf7-form .line-10 label:hover svg path {
  fill: var(--white);
}
main .section-register-cretify .container .form .wpcf7-form .line-10 label:hover span {
  color: var(--white);
}
main .section-register-cretify .container .form .wpcf7-form .line-10 input {
  display: none;
}
main .section-register-cretify .container .form .wpcf7-form .line-10 #file-info {
  position: absolute;
  z-index: 999;
}
main .section-register-cretify .container .form .wpcf7-form button[type=submit] {
  align-items: center;
  padding: 1rem 3.75rem;
  background: #FE3131;
  border: 1px solid #FE3131;
  border-radius: 0.625rem;
  color: #FFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-register-cretify .container .form .wpcf7-form button[type=submit] {
    padding: 0.75rem 2.5rem;
    font-size: 0.875rem;
  }
}
main .section-register-cretify .container .form .wpcf7-form button[type=submit]:hover {
  background: var(--white);
  color: #FE3131;
}
main .section-register-cretify .container .form .wpcf7-form .notice {
  margin-top: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  color: #ED1E29;
}
main .section-register-cretify .container .form .notice h3 {
  color: var(--red);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1.25rem;
}
main .section-register-cretify .container .form .notice strong {
  color: var(--black);
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
main .section-register-cretify .container .form .notice > ul {
  margin-top: 1.25rem;
  margin-bottom: 1.625rem;
  display: flex;
  flex-direction: column;
  list-style: disc;
  padding-left: 1.75rem;
}
main .section-register-cretify .container .form .notice > ul li {
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
main .section-register-cretify .container .form .notice .infor {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
}
main .section-register-cretify .container .form .notice .infor .child {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
main .section-register-cretify .container .form .notice .infor .child .icon svg {
  padding: 1rem;
  border-radius: 12.5rem;
  background: var(--csk-3-da-33350, #EDF9EC);
}
main .section-register-cretify .container .form .notice .infor .child .right {
  color: var(--black);
}
main .section-register-cretify .container .form .notice .infor .child .right p {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
main .section-register-cretify .container .form .notice .infor .child .right span {
  display: flex;
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
main .section-faqs {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-faqs .container {
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
  display: grid;
  grid-template-columns: 39.375rem auto;
  gap: 4.375rem;
  align-items: center;
}
@media only screen and (max-width: 1480px) {
  main .section-faqs .container {
    grid-template-columns: 34rem auto;
  }
}
@media only screen and (max-width: 1280px) {
  main .section-faqs .container {
    grid-template-columns: 28rem auto;
  }
}
@media only screen and (max-width: 1060px) {
  main .section-faqs .container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-faqs .container {
    padding-top: 1.625rem;
  }
}
main .section-faqs .container .left {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
main .section-faqs .container .left .child-faq {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #CFCFCF;
}
main .section-faqs .container .left .child-faq:last-child {
  border: none;
}
main .section-faqs .container .left .child-faq .question {
  display: flex;
  justify-content: space-between;
}
main .section-faqs .container .left .child-faq .question .title {
  padding-right: 2rem;
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}
main .section-faqs .container .left .child-faq .question .title.show {
  color: #136451;
}
main .section-faqs .container .left .child-faq .question .icon {
  position: relative;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
main .section-faqs .container .left .child-faq .question .icon .plus-icon,
main .section-faqs .container .left .child-faq .question .icon .minus-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}
main .section-faqs .container .left .child-faq .question .icon .plus-icon {
  display: block;
}
main .section-faqs .container .left .child-faq .question .icon .plus-icon.hide {
  display: none;
}
main .section-faqs .container .left .child-faq .question .icon .minus-icon {
  display: none;
}
main .section-faqs .container .left .child-faq .question .icon .minus-icon.show {
  display: block;
}
main .section-faqs .container .left .child-faq .answer {
  display: none;
  margin-top: 0.75rem;
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  transition: 0.5s ease-in-out;
}
main .section-faqs .container .left .child-faq .answer.show {
  display: block;
}
main .section-faqs .container .right h2.title {
  color: #136451;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 1.875rem;
}
@media only screen and (max-width: 1280px) {
  main .section-faqs .container .right h2.title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
main .section-faqs .container .right .wpcf7-form .error-message {
  color: var(--red);
}
main .section-faqs .container .right .wpcf7-form h4 {
  color: #3F3F3F;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  main .section-faqs .container .right .wpcf7-form h4 {
    font-size: 1rem;
  }
}
main .section-faqs .container .right .wpcf7-form .line {
  width: 100%;
}
main .section-faqs .container .right .wpcf7-form .line .form-group {
  position: relative;
}
main .section-faqs .container .right .wpcf7-form .line .form-group label {
  position: absolute;
  top: 0.625rem;
  left: 0.75rem;
  padding: 0 0.5rem;
  background: var(--white);
}
@media only screen and (max-width: 767px) {
  main .section-faqs .container .right .wpcf7-form .line .form-group label {
    font-size: 0.875rem;
    left: 0.5rem;
  }
}
main .section-faqs .container .right .wpcf7-form .line .form-group input,
main .section-faqs .container .right .wpcf7-form .line .form-group select,
main .section-faqs .container .right .wpcf7-form .line .form-group textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.875rem 1.25rem;
  border: 1px solid #999;
  border-radius: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  main .section-faqs .container .right .wpcf7-form .line .form-group input,
  main .section-faqs .container .right .wpcf7-form .line .form-group select,
  main .section-faqs .container .right .wpcf7-form .line .form-group textarea {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
main .section-faqs .container .right .wpcf7-form .line .form-group textarea {
  height: 11.5rem;
  box-sizing: border-box;
  resize: none;
}
main .section-faqs .container .right .wpcf7-form .line .form-group input::-moz-placeholder, main .section-faqs .container .right .wpcf7-form .line .form-group textarea::-moz-placeholder {
  font-size: 1rem;
  color: #BDBDBD;
}
main .section-faqs .container .right .wpcf7-form .line .form-group input::placeholder,
main .section-faqs .container .right .wpcf7-form .line .form-group textarea::placeholder {
  font-size: 1rem;
  color: #BDBDBD;
}
@media only screen and (max-width: 767px) {
  main .section-faqs .container .right .wpcf7-form .line .form-group input::-moz-placeholder, main .section-faqs .container .right .wpcf7-form .line .form-group textarea::-moz-placeholder {
    font-size: 0.75rem;
  }
  main .section-faqs .container .right .wpcf7-form .line .form-group input::placeholder,
  main .section-faqs .container .right .wpcf7-form .line .form-group textarea::placeholder {
    font-size: 0.75rem;
  }
}
main .section-faqs .container .right .wpcf7-form .line .form-group .select {
  font-size: 1rem;
  color: var(--black);
}
@media only screen and (max-width: 767px) {
  main .section-faqs .container .right .wpcf7-form .line .form-group .select {
    font-size: 0.75rem;
  }
}
main .section-faqs .container .right .wpcf7-form .line-1 {
  margin-bottom: 1.875rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
main .section-faqs .container .right .wpcf7-form .line-2 {
  margin-bottom: 2.25rem;
}
main .section-faqs .container .right .wpcf7-form .line-3 {
  margin-bottom: 1.875rem;
}
main .section-faqs .container .right .wpcf7-form button[type=submit] {
  padding: 1rem 2rem;
  box-sizing: border-box;
  border-radius: 0.625rem;
  color: var(--white);
  background: var(--red);
  border: 1px solid var(--red);
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-faqs .container .right .wpcf7-form button[type=submit] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}
main .section-faqs .container .right .wpcf7-form button[type=submit]:hover {
  color: var(--red);
  background: var(--white);
}
main .section-faqs .container .right .wpcf7-form .notice {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  color: #ED1E29;
}
main .section-contact {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-contact .container {
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
}
@media only screen and (max-width: 480px) {
  main .section-contact .container {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
main .section-contact .container h2.title {
  color: var(--black);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1060px) {
  main .section-contact .container h2.title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-contact .container h2.title {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-contact .container h2.title {
    font-size: 1.5rem;
    padding-top: 2rem;
  }
}
main .section-contact .container .form-and-infor {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 6.25rem;
}
@media only screen and (max-width: 1060px) {
  main .section-contact .container .form-and-infor {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
main .section-contact .container .form-and-infor .wpcf7-form {
  display: flex;
  flex-direction: column;
  width: inherit;
  padding-right: 3.75rem;
  border-right: 1px solid #999;
}
@media only screen and (max-width: 1060px) {
  main .section-contact .container .form-and-infor .wpcf7-form {
    padding-right: 0;
    border: none;
  }
}
main .section-contact .container .form-and-infor .wpcf7-form .error-message {
  color: var(--red);
}
main .section-contact .container .form-and-infor .wpcf7-form h4.guide {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 1.25rem;
}
main .section-contact .container .form-and-infor .wpcf7-form > p {
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.875rem;
}
main .section-contact .container .form-and-infor .wpcf7-form .line {
  width: inherit;
}
main .section-contact .container .form-and-infor .wpcf7-form .line br {
  display: none;
}
main .section-contact .container .form-and-infor .wpcf7-form .line .wpcf7-form-control-wrap {
  width: 100%;
}
main .section-contact .container .form-and-infor .wpcf7-form .line input,
main .section-contact .container .form-and-infor .wpcf7-form .line select,
main .section-contact .container .form-and-infor .wpcf7-form .line textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--Primary-Color-600, #999);
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .form-and-infor .wpcf7-form .line input,
  main .section-contact .container .form-and-infor .wpcf7-form .line select,
  main .section-contact .container .form-and-infor .wpcf7-form .line textarea {
    padding: 0.5rem;
    font-size: 0.875rem;
  }
}
main .section-contact .container .form-and-infor .wpcf7-form .line textarea {
  box-sizing: border-box;
  resize: none;
}
main .section-contact .container .form-and-infor .wpcf7-form .line input:focus,
main .section-contact .container .form-and-infor .wpcf7-form .line select:focus,
main .section-contact .container .form-and-infor .wpcf7-form .line textarea:focus {
  border: 1px solid var(--Primary-Color-600, #3CA333);
}
main .section-contact .container .form-and-infor .wpcf7-form .line input:focus::-moz-placeholder, main .section-contact .container .form-and-infor .wpcf7-form .line select:focus::-moz-placeholder, main .section-contact .container .form-and-infor .wpcf7-form .line textarea:focus::-moz-placeholder {
  color: #3CA333;
}
main .section-contact .container .form-and-infor .wpcf7-form .line input:focus::placeholder,
main .section-contact .container .form-and-infor .wpcf7-form .line select:focus::placeholder,
main .section-contact .container .form-and-infor .wpcf7-form .line textarea:focus::placeholder {
  color: #3CA333;
}
main .section-contact .container .form-and-infor .wpcf7-form .line input::-moz-placeholder, main .section-contact .container .form-and-infor .wpcf7-form .line select::-moz-placeholder, main .section-contact .container .form-and-infor .wpcf7-form .line textarea::-moz-placeholder {
  color: #999;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
main .section-contact .container .form-and-infor .wpcf7-form .line input::placeholder,
main .section-contact .container .form-and-infor .wpcf7-form .line select::placeholder,
main .section-contact .container .form-and-infor .wpcf7-form .line textarea::placeholder {
  color: #999;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .form-and-infor .wpcf7-form .line input::-moz-placeholder, main .section-contact .container .form-and-infor .wpcf7-form .line select::-moz-placeholder, main .section-contact .container .form-and-infor .wpcf7-form .line textarea::-moz-placeholder {
    font-size: 0.875rem;
  }
  main .section-contact .container .form-and-infor .wpcf7-form .line input::placeholder,
  main .section-contact .container .form-and-infor .wpcf7-form .line select::placeholder,
  main .section-contact .container .form-and-infor .wpcf7-form .line textarea::placeholder {
    font-size: 0.875rem;
  }
}
main .section-contact .container .form-and-infor .wpcf7-form .line textarea {
  resize: none;
  height: 8.25rem;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  main .section-contact .container .form-and-infor .wpcf7-form .line textarea {
    height: 6.25rem;
  }
}
main .section-contact .container .form-and-infor .wpcf7-form .line-1,
main .section-contact .container .form-and-infor .wpcf7-form .line-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.875rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 480px) {
  main .section-contact .container .form-and-infor .wpcf7-form .line-1,
  main .section-contact .container .form-and-infor .wpcf7-form .line-2 {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
main .section-contact .container .form-and-infor .wpcf7-form .line-3 {
  margin-bottom: 55px;
}
main .section-contact .container .form-and-infor .wpcf7-form button[type=submit] {
  border: 1px solid #FE3131;
  background: #FE3131;
  color: var(--white);
  border-radius: 0.625rem;
  padding: 1rem 2.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  align-self: end;
}
@media only screen and (max-width: 480px) {
  main .section-contact .container .form-and-infor .wpcf7-form button[type=submit] {
    padding: 0.5rem 1.5rem;
  }
}
main .section-contact .container .form-and-infor .wpcf7-form button[type=submit]:hover {
  color: #FE3131;
  background: var(--white);
}
main .section-contact .container .form-and-infor .wpcf7-form .notice {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  color: #ED1E29;
}
main .section-contact .container .form-and-infor .infor {
  margin-left: 3.75rem;
}
@media only screen and (max-width: 1060px) {
  main .section-contact .container .form-and-infor .infor {
    margin-left: 0;
    padding: 2rem 3rem;
    box-shadow: 0rem 0.25rem 1.25rem 0rem rgba(21, 21, 21, 0.1);
  }
}
main .section-contact .container .form-and-infor .infor h3.title {
  color: var(--Primary-Color-500, #136451);
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 2.625rem;
}
@media only screen and (max-width: 1060px) {
  main .section-contact .container .form-and-infor .infor h3.title {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .form-and-infor .infor h3.title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  main .section-contact .container .form-and-infor .infor h3.title {
    font-size: 1rem;
  }
}
main .section-contact .container .form-and-infor .infor .infor-detail {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
}
main .section-contact .container .form-and-infor .infor .infor-detail .phone-number,
main .section-contact .container .form-and-infor .infor .infor-detail .address,
main .section-contact .container .form-and-infor .infor .infor-detail .email,
main .section-contact .container .form-and-infor .infor .infor-detail .social-media {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
main .section-contact .container .form-and-infor .infor .infor-detail .phone-number h4,
main .section-contact .container .form-and-infor .infor .infor-detail .address h4,
main .section-contact .container .form-and-infor .infor .infor-detail .email h4,
main .section-contact .container .form-and-infor .infor .infor-detail .social-media h4 {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .form-and-infor .infor .infor-detail .phone-number h4,
  main .section-contact .container .form-and-infor .infor .infor-detail .address h4,
  main .section-contact .container .form-and-infor .infor .infor-detail .email h4,
  main .section-contact .container .form-and-infor .infor .infor-detail .social-media h4 {
    font-size: 1rem;
  }
}
main .section-contact .container .form-and-infor .infor .infor-detail .phone-number span,
main .section-contact .container .form-and-infor .infor .infor-detail .address span,
main .section-contact .container .form-and-infor .infor .infor-detail .email span {
  display: flex;
  gap: 0.75rem;
}
main .section-contact .container .form-and-infor .infor .infor-detail .phone-number span svg,
main .section-contact .container .form-and-infor .infor .infor-detail .address span svg,
main .section-contact .container .form-and-infor .infor .infor-detail .email span svg {
  padding: 0.5rem;
  border-radius: 50px;
  background: var(--csk-3-da-333100, #DAF3D8);
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .form-and-infor .infor .infor-detail .phone-number span svg,
  main .section-contact .container .form-and-infor .infor .infor-detail .address span svg,
  main .section-contact .container .form-and-infor .infor .infor-detail .email span svg {
    width: 1rem;
    height: 1rem;
  }
}
main .section-contact .container .form-and-infor .infor .infor-detail .phone-number span p,
main .section-contact .container .form-and-infor .infor .infor-detail .address span p,
main .section-contact .container .form-and-infor .infor .infor-detail .email span p {
  display: flex;
  align-items: center;
  color: #136451;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .form-and-infor .infor .infor-detail .phone-number span p,
  main .section-contact .container .form-and-infor .infor .infor-detail .address span p,
  main .section-contact .container .form-and-infor .infor .infor-detail .email span p {
    font-size: 0.875rem;
  }
}
main .section-contact .container .form-and-infor .infor .infor-detail .social-media .list {
  display: flex;
  gap: 0.625rem;
}
main .section-contact .container .form-and-infor .infor .infor-detail .social-media .list a {
  width: 2.25rem;
  height: auto;
  border-radius: 2.25rem;
}
main .section-contact .container .form-and-infor .infor .infor-detail .social-media .list a img {
  width: 100%;
  height: 100%;
}
main .section-contact .container .mapouter {
  width: inherit;
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .mapouter {
    margin-bottom: 5rem;
  }
}
main .section-contact .container .mapouter .gmap_canvas {
  width: inherit;
}
main .section-contact .container .mapouter .gmap_canvas iframe {
  width: inherit;
  height: 31.625rem;
}
@media only screen and (max-width: 767px) {
  main .section-contact .container .mapouter .gmap_canvas iframe {
    height: 24rem;
  }
}

footer {
  position: relative;
  display: flex;
  justify-content: center;
  height: auto;
}
footer > .background {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background: lightgray -4px -852.883px/100.104% 248.607% no-repeat, #1A5B33;
}
footer > .background img {
  width: 100%;
  height: 100%;
}
footer .container {
  width: 80rem;
  z-index: 10;
  position: relative;
}
@media only screen and (max-width: 1480px) {
  footer .container {
    width: 72rem;
  }
}
@media only screen and (max-width: 1280px) {
  footer .container {
    width: 60rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container {
    width: 44rem;
  }
}
@media only screen and (max-width: 767px) {
  footer .container {
    width: 28rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container {
    width: 22rem;
  }
}
footer .container .top {
  width: 100%;
  position: absolute;
  height: 15rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4.375rem;
  top: -7.5rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  footer .container .top {
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .top {
    height: 12rem;
    margin-bottom: 2rem;
    top: -6rem;
  }
}
footer .container .top > .background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
footer .container .top > .background img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
footer .container .top .left,
footer .container .top .right {
  position: relative;
  z-index: 20;
}
footer .container .top .left {
  padding-left: 6.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (max-width: 1480px) {
  footer .container .top .left {
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .top .left {
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  footer .container .top .left {
    gap: 0.5rem;
    padding-left: 0;
    justify-content: center;
    text-align: center;
  }
}
footer .container .top .left h3 {
  color: var(--black);
  font-size: 2.125rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0425rem;
}
@media only screen and (max-width: 1060px) {
  footer .container .top .left h3 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .top .left h3 {
    font-size: 1.5rem;
  }
}
footer .container .top .left span {
  width: 29.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 1280px) {
  footer .container .top .left span {
    width: 23rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .top .left span {
    font-size: 0.875rem;
    width: 18rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .top .left span {
    font-size: 0.75rem;
    width: 16rem;
  }
}
footer .container .top .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
}
footer .container .top .right .wpcf7-form {
  width: inherit;
  height: inherit;
  position: relative;
}
footer .container .top .right .wpcf7-form br {
  display: none;
}
footer .container .top .right .wpcf7-form label {
  position: absolute;
  top: 33%;
  left: 1.375rem;
}
@media only screen and (max-width: 1060px) {
  footer .container .top .right .wpcf7-form label {
    top: 35%;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .top .right .wpcf7-form label {
    left: 1rem;
  }
  footer .container .top .right .wpcf7-form label svg {
    width: 1rem;
    height: 1rem;
  }
}
footer .container .top .right .wpcf7-form input {
  color: var(--black);
  width: 34.25rem;
  height: 3.75rem;
  border-radius: 0.75rem;
  padding-left: 3.125rem;
  background: var(--white);
  border: none;
  font-weight: 400;
  line-height: 150%;
  box-sizing: border-box;
  padding-right: 8rem;
}
@media only screen and (max-width: 1280px) {
  footer .container .top .right .wpcf7-form input {
    width: 27rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .top .right .wpcf7-form input {
    width: 20.5rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .top .right .wpcf7-form input {
    padding-left: 2.25rem;
    width: 16rem;
    height: 2.75rem;
    padding-right: 5rem;
  }
}
footer .container .top .right .wpcf7-form input::-moz-placeholder {
  color: #8C8C8C;
  font-size: 1rem;
  font-weight: 400;
}
footer .container .top .right .wpcf7-form input::placeholder {
  color: #8C8C8C;
  font-size: 1rem;
  font-weight: 400;
}
@media only screen and (max-width: 1060px) {
  footer .container .top .right .wpcf7-form input::-moz-placeholder {
    font-size: 0.75rem;
  }
  footer .container .top .right .wpcf7-form input::placeholder {
    font-size: 0.75rem;
  }
}
footer .container .top .right .wpcf7-form button {
  position: absolute;
  top: 9px;
  right: 0.375rem;
  height: 2.75rem;
  width: 6.75rem;
  border: 1px solid var(--red);
  background: var(--red);
  color: var(--white);
  font-size: 0.875rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 480px) {
  footer .container .top .right .wpcf7-form button {
    top: 7px;
    font-size: 0.75rem;
    width: 4rem;
    height: 1.75rem;
  }
}
footer .container .top .right .wpcf7-form button:hover {
  color: #ED1E29;
  background-color: var(--white);
}
footer .container .top .right .notice {
  align-self: flex-start;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  color: #ED1E29;
}
footer .container .bottom {
  width: 100%;
  display: grid;
  grid-template-columns: 23.5rem 32.5rem 19rem;
  gap: 2.5rem;
  padding-top: 11.875rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1480px) {
  footer .container .bottom {
    gap: 1.375rem;
    grid-template-columns: 20.25rem 30rem 19rem;
  }
}
@media only screen and (max-width: 1280px) {
  footer .container .bottom {
    grid-template-columns: 16.375rem 25rem 15.875rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom {
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .bottom {
    padding-top: 8rem;
  }
}
footer .container .bottom .col-1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-1 {
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }
}
footer .container .bottom .col-1 .logo {
  align-self: center;
  width: 4rem;
  height: 4rem;
}
footer .container .bottom .col-1 .logo img {
  width: 100%;
  height: 100%;
}
footer .container .bottom .col-1 span {
  text-align: justify;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  color: var(--white);
}
@media only screen and (max-width: 1480px) {
  footer .container .bottom .col-1 span {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  footer .container .bottom .col-1 span {
    width: 16.275rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-1 span {
    text-align: center;
    width: 100%;
    font-size: 0.875rem;
  }
}
footer .container .bottom .col-1 .social-media {
  display: flex;
  align-self: center;
  gap: 1rem;
}
footer .container .bottom .col-1 .social-media .child {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 22px;
}
footer .container .bottom .col-1 .social-media .child img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
@media only screen and (max-width: 480px) {
  footer .container .bottom .col-1 .social-media .child {
    width: 2rem;
    height: 2rem;
  }
}
footer .container .bottom .col-1 .views-page {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  color: var(--white);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-1 .views-page {
    font-size: 0.875rem;
  }
}
footer .container .bottom .col-1 .views-page .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .container .bottom .col-2 {
  width: 33rem;
  display: flex;
  flex-direction: column;
  gap: 3.375rem;
}
@media only screen and (max-width: 1480px) {
  footer .container .bottom .col-2 {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  footer .container .bottom .col-2 {
    width: 100%;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 {
    gap: 1.5rem;
    width: 100%;
  }
}
footer .container .bottom .col-2 .link {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
@media only screen and (max-width: 767px) {
  footer .container .bottom .col-2 .link {
    flex-direction: column;
    gap: 1.5rem;
  }
}
footer .container .bottom .col-2 .link .wrap h3 {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 .link .wrap h3 {
    font-size: 1.125rem;
  }
}
footer .container .bottom .col-2 .link .wrap ul {
  width: 26.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 1.5rem;
  list-style: disc;
  color: var(--white);
  padding-left: 2rem;
  font-weight: 300;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 .link .wrap ul {
    font-size: 0.875rem;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  footer .container .bottom .col-2 .link .wrap ul {
    width: -moz-fit-content;
    width: fit-content;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .bottom .col-2 .link .wrap ul {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 0.75rem;
  }
}
footer .container .bottom .col-2 .link .train {
  display: none;
  color: var(--white);
  width: 17rem;
  height: auto;
  display: none;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 .link .train {
    display: block;
  }
}
footer .container .bottom .col-2 .link .train h3 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1rem;
}
footer .container .bottom .col-2 .link .train a {
  display: flex;
  width: 100%;
  max-height: 100%;
  border-radius: 0.625rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  footer .container .bottom .col-2 .link .train a {
    height: 10rem;
  }
}
footer .container .bottom .col-2 .link .train a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
footer .container .bottom .col-2 .link .train .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 170%;
  margin-bottom: 0.5rem;
}
footer .container .bottom .col-2 .link .train .date .icon {
  display: flex;
  align-items: center;
}
footer .container .bottom .col-2 .link .train .date .icon svg {
  width: 1rem;
  height: 1rem;
}
footer .container .bottom .col-2 .link .train span {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
footer .container .bottom .col-2 .contact {
  max-width: 100%;
  overflow: hidden;
}
footer .container .bottom .col-2 .contact h3 {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 .contact h3 {
    font-size: 1.125rem;
  }
}
footer .container .bottom .col-2 .contact ul {
  display: flex;
  flex-flow: wrap;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  footer .container .bottom .col-2 .contact ul {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 .contact ul {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .bottom .col-2 .contact ul {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 1rem;
  }
}
footer .container .bottom .col-2 .contact ul li {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media only screen and (max-width: 1280px) {
  footer .container .bottom .col-2 .contact ul li {
    gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  footer .container .bottom .col-2 .contact ul li {
    gap: 1rem;
  }
}
footer .container .bottom .col-2 .contact ul li:nth-child(1), footer .container .bottom .col-2 .contact ul li:nth-child(2) {
  grid-column: span 1;
}
footer .container .bottom .col-2 .contact ul li:nth-child(3) {
  grid-column: span 2;
  width: 29.625rem;
}
@media only screen and (max-width: 1480px) {
  footer .container .bottom .col-2 .contact ul li:nth-child(3) {
    width: 100%;
  }
}
footer .container .bottom .col-2 .contact ul li .icon {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 12.5rem;
}
@media only screen and (max-width: 480px) {
  footer .container .bottom .col-2 .contact ul li .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
footer .container .bottom .col-2 .contact ul li .icon .wrap {
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
footer .container .bottom .col-2 .contact ul li .icon .wrap img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
footer .container .bottom .col-2 .contact ul li .right {
  color: var(--white);
}
footer .container .bottom .col-2 .contact ul li .right p {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: normal;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 .contact ul li .right p {
    font-size: 0.75rem;
  }
}
footer .container .bottom .col-2 .contact ul li .right span {
  display: flex;
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-2 .contact ul li .right span {
    font-size: 0.875rem;
  }
}
footer .container .bottom .col-3 {
  color: var(--white);
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-3 {
    display: none;
  }
}
footer .container .bottom .col-3 h3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 2rem;
}
footer .container .bottom .col-3 a {
  display: flex;
  width: 100%;
  height: 11.75rem;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1280px) {
  footer .container .bottom .col-3 a {
    height: 9rem;
  }
}
@media only screen and (max-width: 1060px) {
  footer .container .bottom .col-3 a {
    height: 12rem;
  }
}
footer .container .bottom .col-3 a img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
footer .container .bottom .col-3 .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1280px) {
  footer .container .bottom .col-3 .date {
    font-size: 11px;
  }
}
footer .container .bottom .col-3 .date .icon {
  display: flex;
  align-items: center;
}
footer .container .bottom .col-3 span {
  font-size: 14px;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.0088rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
footer .container .copyright {
  color: var(--white);
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  padding-top: 1.75rem;
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 1060px) {
  footer .container .copyright {
    font-size: 0.875rem;
  }
}/*# sourceMappingURL=custom.css.map */