@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;0,700;0,800;0,900;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
* {
  font-family: 'Sarabun', sans-serif;
  line-height: 1.5;
  box-sizing: border-box !important; }

pre {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  line-height: 1.5;
  box-sizing: border-box !important;
  white-space: pre-line;
  text-align: justify;
  color: #000415; }

.container {
  max-width: 1248px !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #404040; }

h1 {
  font-size: 36px; }
  h1.bigger {
    font-size: 56px; }

h2 {
  font-size: 32px; }
  h2.bigger {
    font-size: 40px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

.auto-padding {
  padding: 80px 0; }

.main-co {
  color: #111827 !important; }

.main-co-hv:hover {
  color: #111827 !important; }

.main-bg {
  background-color: #111827 !important; }

.sub-co {
  color: #404040 !important; }

.black-co {
  color: #000415 !important; }

.gray-co {
  color: #878787 !important; }

.gray-bg {
  background-color: #878787 !important; }

.main-tile {
  padding-bottom: 48px; }

.text-line1 {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line3 {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line4 {
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line7 {
  display: -webkit-box;
  line-clamp: 7;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line9 {
  display: -webkit-box;
  line-clamp: 9;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

a {
  text-decoration: none;
  color: #404040; }
  a.btn:hover {
    color: #fff; }

p {
  color: #000415;
  text-align: justify; }
  @media screen and (max-width: 576px) {
    p {
      font-size: 12px; } }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important; }

img {
  object-fit: cover;
  vertical-align: middle; }

.image-full {
  width: 100%;
  height: 100%; }

main {
  width: 100%;
  overflow-x: hidden; }

.btn:focus {
  border-color: #111827;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #fb910f8e; }

.btn-cus {
  background-color: #111827;
  border-radius: 0;
  color: #fff;
  font-weight: 400;
  padding: 14px 34px;
  border: 2px solid #111827; }
  .btn-cus--outline {
    color: #111827;
    background: unset;
    border-radius: 4px; }
    .btn-cus--outline:hover {
      color: #fff;
      background-color: #111827; }
  .btn-cus--radius {
    background-color: #fff;
    border: none;
    border-radius: 60px;
    color: #111827;
    padding: 24px 54px; }
    .btn-cus--radius:hover {
      color: #fff;
      background-color: #111827; }

.section__breadcrumb {
  height: 48px;
  display: flex;
  align-items: center;
  align-content: center;
  margin-bottom: 80px; }
  @media screen and (max-width: 1400px) {
    .section__breadcrumb {
      height: 45px;
      margin-bottom: 0px; } }
  @media screen and (max-width: 1200px) {
    .section__breadcrumb {
      height: 30px;
      font-size: 13px;
      margin-bottom: 0px; } }
  @media screen and (max-width: 992px) {
    .section__breadcrumb {
      height: auto;
      font-size: 13px;
      margin-bottom: 0px; } }

.breadcrumbs {
  padding: 6px 0px;
  list-style: none;
  color: #808080;
  opacity: 1 !important; }
  .breadcrumbs a {
    color: #111827;
    text-decoration: none; }
    .breadcrumbs a:hover {
      font-weight: bold;
      color: #111827; }
  .breadcrumbs a:last-child {
    color: #111827;
    font-weight: bold; }
  @media (max-width: 540px) {
    .breadcrumbs {
      margin-bottom: 0px; } }
  .breadcrumbs span {
    color: #111827; }
  .breadcrumbs .breadcrumb_last {
    color: #111827;
    font-weight: bold; }

@media (max-width: 1399px) {
  .auto-padding {
    padding: 36px 0; } }
@media (max-width: 991.98px) {
  h1 {
    font-size: 24px !important; }
    h1.bigger {
      font-size: 28px !important; }

  h2 {
    font-size: 20px; }

  h3 {
    font-size: 18px; }

  h4 {
    font-size: 16px; }

  h5 {
    font-size: 14px; }

  h6 {
    font-size: 14px;
    font-weight: normal; }

  .auto-padding {
    padding: 48px 0; }

  .btn-cus {
    padding: 6px 10px;
    font-weight: normal; } }
@media (max-width: 767.98px) {
  .auto-padding {
    padding: 24px 0; } }
*::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
  border-radius: 8px; }

*::-webkit-scrollbar-track {
  border-radius: 8px; }

*::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  background-clip: content-box;
  background-color: rgba(136, 136, 136, 0.65); }

*::-webkit-scrollbar-thumb:hover {
  background-color: #555; }

.home .home__notification {
  background: transparent;
  padding: 6px 0;
  border-bottom: 3px solid #111827; }
  .home .home__notification .home__notification-holder .text-container {
    padding: 0 24px; }
    .home .home__notification .home__notification-holder .text-container a {
      color: #111827; }
    .home .home__notification .home__notification-holder .text-container i {
      margin-right: 12px;
      color: #111827; }
@media screen and (max-width: 576px) {
  .home .home__orientation {
    padding: 0; } }
.home .home__orientation .home__orientation--title {
  text-align: center;
  margin-bottom: 48px; }
  @media screen and (max-width: 576px) {
    .home .home__orientation .home__orientation--title {
      margin-bottom: 12px; } }
.home .home__orientation .main-content-uudai {
  position: relative; }
  .home .home__orientation .main-content-uudai .owl-item.active .home__orientation-item .overlay_ecosystem h3 {
    -webkit-animation-duration: 1s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.5s; }
  .home .home__orientation .main-content-uudai .owl-item.active .home__orientation-item .overlay_ecosystem p {
    -webkit-animation-duration: 1s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.5s; }
  .home .home__orientation .main-content-uudai .owl-item.active .home__orientation-item img {
    animation: crescendo 3.5s alternate ease-in-out; }
  .home .home__orientation .main-content-uudai .home__orientation-item {
    max-height: 80vh; }
    .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect {
      position: relative;
      height: 80vh;
      width: 100%; }
      @media screen and (max-width: 576px) {
        .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect {
          height: unset; } }
      .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect:hover .overlay_ecosystem {
        background-color: rgba(0, 0, 0, 0.6); }
      .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
        @media screen and (max-width: 576px) {
          .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect img {
            height: 350px; } }
      .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.5);
        z-index: 80;
        width: 100%;
        height: 100%;
        padding: 0 12px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: left;
        justify-content: center;
        -webkit-transition: all 0.6s;
        transition: all 0.8s; }
        .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem p {
          display: none;
          text-align: left;
          color: #fff;
          font-size: 24px; }
        .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem h3 {
          font-size: 48px;
          text-align: left;
          color: #fff;
          text-transform: inherit;
          margin-bottom: 12px;
          font-weight: 400;
          max-width: 1248px !important;
          padding: 12px 0;
          margin: 0 auto; }
          @media screen and (max-width: 576px) {
            .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem h3 {
              font-size: 18px; } }
        .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem a {
          width: 100%; }
          .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem a button.overlay_ecosystem-btn {
            color: #fff;
            background: transparent;
            border: 2px solid #fff;
            padding: 8px 24px;
            border-radius: 4px; }
            .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem a button.overlay_ecosystem-btn:hover {
              background: #fff;
              transition: all 0.2s ease-in-out;
              color: #111827;
              box-shadow: 0 0 0 0.2rem #ffffff70; }
              .home .home__orientation .main-content-uudai .home__orientation-item .hovereffect .overlay_ecosystem a button.overlay_ecosystem-btn:hover svg path {
                fill: #111827;
                transition: all 0.3s ease-in-out; }
  .home .home__orientation .main-content-uudai .owl-theme .owl-nav [class*="owl-"] {
    margin: unset !important; }
  .home .home__orientation .main-content-uudai .owl-theme .owl-nav {
    margin: unset; }
  .home .home__orientation .main-content-uudai .owl-theme .custom-nav {
    position: absolute;
    top: 53%;
    left: 0;
    right: 0; }
    .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-prev,
    .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-next {
      position: absolute;
      top: -27px;
      padding: 24px 12px;
      color: inherit;
      background-color: rgba(255, 255, 255, 0.4);
      border: none;
      z-index: 2;
      display: flex;
      align-items: center; }
      .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-prev:hover i,
      .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-next:hover i {
        color: #111827; }
      .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-prev i,
      .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-next i {
        font-size: 1.5rem;
        color: white; }
    .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-prev {
      left: 0;
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: 0 8px 8px 0; }
    .home .home__orientation .main-content-uudai .owl-theme .custom-nav .owl-next {
      right: 0;
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: 0 8px 8px 0;
      transform: rotate(-180deg); }
@keyframes crescendo {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.05); }
  40% {
    transform: scale(1.05); }
  60% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }
.home .home__news {
  padding: 24px 0; }
  @media screen and (max-width: 576px) {
    .home .home__news {
      padding: 0 12px; } }
  .home .home__news .home__news-left {
    padding: 0; }
    .home .home__news .home__news-left .home__news-left--title {
      font-size: 28px;
      color: #111827;
      padding: 12px;
      border-bottom: 1px solid #dddddd;
      text-align: center; }
      @media screen and (max-width: 576px) {
        .home .home__news .home__news-left .home__news-left--title {
          font-size: 20px;
          padding: 8px 24px;
          border-bottom: none; } }
    .home .home__news .home__news-left .home__news-left--box1 .card {
      border: none; }
      .home .home__news .home__news-left .home__news-left--box1 .card .card__top img {
        height: 231px;
        width: 100%;
        object-fit: cover; }
      .home .home__news .home__news-left .home__news-left--box1 .card .card__body {
        height: 148px; }
        .home .home__news .home__news-left .home__news-left--box1 .card .card__body h3 {
          font-size: 20px;
          line-height: 1.3;
          height: 60px; }
          .home .home__news .home__news-left .home__news-left--box1 .card .card__body h3 a {
            display: inline-block; }
            .home .home__news .home__news-left .home__news-left--box1 .card .card__body h3 a:hover {
              color: #111827; }
            .home .home__news .home__news-left .home__news-left--box1 .card .card__body h3 a img {
              width: 33px;
              height: 16px;
              float: right;
              margin-top: 8px; }
        .home .home__news .home__news-left .home__news-left--box1 .card .card__body p {
          color: #737373; }
    .home .home__news .home__news-left .home__news-left--box22 {
      padding: 0 20px;
      position: relative;
      height: 100%; }
      .home .home__news .home__news-left .home__news-left--box22 .item__news-home {
        border-bottom: 1px dashed #ccc;
        padding: 12px 0 12px; }
        .home .home__news .home__news-left .home__news-left--box22 .item__news-home:first-child {
          padding: 0 0 12px; }
        .home .home__news .home__news-left .home__news-left--box22 .item__news-home .item__news-home--pd {
          padding: 0; }
        .home .home__news .home__news-left .home__news-left--box22 .item__news-home .item__news-home--content {
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .home .home__news .home__news-left .home__news-left--box22 .item__news-home .item__news-home--content p {
            margin: 0; }
            .home .home__news .home__news-left .home__news-left--box22 .item__news-home .item__news-home--content p a:hover {
              color: #111827; }
    .home .home__news .home__news-left .home__news-left--box2 {
      padding: 0 20px;
      position: relative;
      height: 100%; }
      .home .home__news .home__news-left .home__news-left--box2 .gallery-thumbs {
        order: -1;
        width: 100%;
        height: 388px;
        padding-left: 15px; }
        .home .home__news .home__news-left .home__news-left--box2 .gallery-thumbs .swiper-slide {
          display: flex !important;
          background: transparent;
          background-size: cover;
          height: 100%;
          border-bottom: 1px dashed #ccc; }
      .home .home__news .home__news-left .home__news-left--box2 .item__news-home {
        border-bottom: 1px dashed #ccc;
        padding: 0 0 4px;
        padding: 12px 0; }
        .home .home__news .home__news-left .home__news-left--box2 .item__news-home:first-child {
          padding: 0 0 12px; }
        .home .home__news .home__news-left .home__news-left--box2 .item__news-home .item__news-home--pd {
          padding: 0; }
        .home .home__news .home__news-left .home__news-left--box2 .item__news-home .item__news-home--content {
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .home .home__news .home__news-left .home__news-left--box2 .item__news-home .item__news-home--content p {
            margin: 0; }
            .home .home__news .home__news-left .home__news-left--box2 .item__news-home .item__news-home--content p a:hover {
              color: #111827; }
  .home .home__news .item__news-home img {
    height: 75px;
    width: 100%;
    object-fit: cover; }
  .home .home__news .item__news-home .item__news-home--content .item__news-home--content--time {
    display: flex;
    align-items: center;
    color: #737373;
    justify-content: space-between; }
    .home .home__news .item__news-home .item__news-home--content .item__news-home--content--time svg {
      margin-right: 8px; }
    .home .home__news .item__news-home .item__news-home--content .item__news-home--content--time img {
      width: 33px;
      height: 16px; }
.home .home__qc {
  padding: 48px 0 0; }
  @media screen and (max-width: 576px) {
    .home .home__qc {
      padding: 12px 0; } }
  .home .home__qc img {
    width: 100%; }
.home .home__review {
  margin: 24px 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("..//images/bg_review.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0 20px; }
  .home .home__review .owl-carousel .owl-stage-outer {
    overflow: unset;
    overflow-x: clip; }
  .home .home__review .item__review {
    position: relative;
    background: rgba(255, 255, 255, 0.2);
    padding: 60px 24px 24px;
    border-radius: 12px;
    height: 212px; }
    .home .home__review .item__review .item__review-name {
      text-align: center;
      color: #fff; }
    .home .home__review .item__review p {
      text-align: justify;
      color: #fff; }
    .home .home__review .item__review img {
      width: 100px;
      height: 100px;
      border-radius: 50%; }
    .home .home__review .item__review .item__review-po {
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 5;
      transform: translate(-50%, -50%); }
@media screen and (max-width: 576px) {
  .home .home__video {
    padding: 0 12px; } }
.home .home__video .home__video-primary {
  background-color: transparent;
  border: 2px solid #111827;
  border-radius: 12px;
  padding: 24px; }
  @media screen and (max-width: 576px) {
    .home .home__video .home__video-primary {
      border-radius: 0;
      padding: 12px; } }
  .home .home__video .home__video-primary .home__video-left {
    padding-right: 24px; }
    @media screen and (max-width: 576px) {
      .home .home__video .home__video-primary .home__video-left {
        padding: 0 24px; } }
    .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-title {
      padding: 0 0 0 26px;
      display: flex;
      border-bottom: 3px solid #fff;
      align-items: center; }
      @media screen and (max-width: 576px) {
        .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-title {
          padding: 0; } }
      .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-title i {
        font-size: 24px;
        color: #111827;
        margin-bottom: 8px; }
        @media screen and (max-width: 576px) {
          .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-title i {
            font-size: 18px; } }
      .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-title h3 {
        color: #111827;
        font-size: 28px;
        font-weight: bold;
        padding-left: 11px; }
        @media screen and (max-width: 576px) {
          .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-title h3 {
            font-size: 20px; } }
    .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl {
      position: relative; }
      .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl .home__video-left--box-item .hovereffect img {
        height: 337.03px;
        width: 100%;
        object-fit: cover;
        padding: 12px 0; }
        @media screen and (max-width: 576px) {
          .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl .home__video-left--box-item .hovereffect img {
            height: 200px; } }
      .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl .owl-nav {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 4;
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl .owl-nav .owl-prev {
          background-color: rgba(255, 255, 255, 0.2);
          border-radius: 0 8px 8px 0;
          padding: 24px 12px !important;
          color: #fff;
          margin: 0; }
          @media screen and (max-width: 576px) {
            .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl .owl-nav .owl-prev {
              padding: 12px 6px !important; } }
        .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl .owl-nav .owl-next {
          background-color: rgba(255, 255, 255, 0.2);
          border-radius: 8px 0 0 8px;
          padding: 24px 12px !important;
          color: #fff;
          margin: 0; }
          @media screen and (max-width: 576px) {
            .home .home__video .home__video-primary .home__video-left .home__video-left--box .home__video-left--box-owl .owl-nav .owl-next {
              padding: 12px 6px !important; } }
  .home .home__video .home__video-primary .home__video-right {
    padding-left: 24px; }
    @media screen and (max-width: 576px) {
      .home .home__video .home__video-primary .home__video-right {
        padding: 0; } }
    .home .home__video .home__video-primary .home__video-right .home__video-right--box .home__video-right--box-title {
      padding: 0 0 0 26px;
      display: flex;
      border-bottom: 3px solid #fff; }
      @media screen and (max-width: 576px) {
        .home .home__video .home__video-primary .home__video-right .home__video-right--box .home__video-right--box-title {
          padding: 0; } }
      .home .home__video .home__video-primary .home__video-right .home__video-right--box .home__video-right--box-title svg path {
        fill: #111827; }
      .home .home__video .home__video-primary .home__video-right .home__video-right--box .home__video-right--box-title h3 {
        color: #111827;
        font-size: 28px;
        font-weight: bold;
        padding-left: 11px; }
        @media screen and (max-width: 576px) {
          .home .home__video .home__video-primary .home__video-right .home__video-right--box .home__video-right--box-title h3 {
            font-size: 20px; } }
    .home .home__video .home__video-primary .home__video-right .home__video-right--box .home__video-right--box-iframe iframe {
      width: 100%;
      padding: 12px 0;
      height: 337.03px !important; }
      @media screen and (max-width: 576px) {
        .home .home__video .home__video-primary .home__video-right .home__video-right--box .home__video-right--box-iframe iframe {
          height: 200px !important;
          padding: 0 24px; } }
.home .home__gallery {
  margin: 48px 0 24px; }
  @media screen and (max-width: 576px) {
    .home .home__gallery {
      margin: 24px 0 12px; } }
  .home .home__gallery .home__gallery-title {
    text-align: center;
    font-size: 28px;
    color: #111827; }
  .home .home__gallery .home__gallery-sub {
    text-align: center;
    margin-bottom: 8px;
    color: #111827; }
  .home .home__gallery .home__gallery-box {
    padding: 12px 0; }
    .home .home__gallery .home__gallery-box .hovereffect {
      display: flex;
      justify-content: center; }
      .home .home__gallery .home__gallery-box .hovereffect img {
        width: 100%;
        height: 120px;
        object-fit: contain;
        max-height: 120px; }

.home__video-1 {
  margin: 30px 0 62px; }
  @media screen and (max-width: 576px) {
    .home__video-1 .home__video-left .home__video-box svg {
      width: 100%; } }
  .home__video-1 .home__video-left .home__video-box .home__video-category {
    position: relative;
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 100px 0 100px;
    transition: all 0.4s linear; }
    @media screen and (max-width: 576px) {
      .home__video-1 .home__video-left .home__video-box .home__video-category {
        border-radius: 80px 0 80px; } }
    .home__video-1 .home__video-left .home__video-box .home__video-category:hover {
      cursor: pointer; }
      .home__video-1 .home__video-left .home__video-box .home__video-category:hover .overlay {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); }
    .home__video-1 .home__video-left .home__video-box .home__video-category img {
      width: 100%;
      height: 208.51px; }
      @media screen and (max-width: 576px) {
        .home__video-1 .home__video-left .home__video-box .home__video-category img {
          height: 150px; } }
    .home__video-1 .home__video-left .home__video-box .home__video-category .overlay {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
      position: absolute;
      top: 50%;
      z-index: 10;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
      height: 100%;
      display: flex;
  align-items: center;
      justify-content: center; }
      .home__video-1 .home__video-left .home__video-box .home__video-category .overlay a {
        font-size: 18px;
        color: #c2c2c2;
        font-weight: bold;
         width: 70%;
        text-align: center;
        margin-left: 12px; }
        @media screen and (max-width: 576px) {
          .home__video-1 .home__video-left .home__video-box .home__video-category .overlay a {
            font-size: 12px;
            margin-left: 2px;
               text-align: center;} }
    .home__video-1 .home__video-left .home__video-box .home__video-category .overlay-2 {
      background: linear-gradient(0deg, rgba(15, 102, 112, 0.5), rgba(15, 102, 112, 0.5));
      position: absolute;
      top: 50%;
      z-index: 10;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
  /*.home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category {*/
  /*  border-radius: 0 100px 0 100px; }*/
  /*  @media screen and (max-width: 576px) {*/
  /*    .home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category {*/
  /*      border-radius: 0 80px 0 80px !important; } }*/
  
.home__video-1 .home__video-left .home__video-box .col-6:first-child .home__video-category,
.home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category {
    border-radius: 0 100px 0 100px; /* Áp dụng cùng một border-radius cho cả first và last child */
}
    .home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category .overlay {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
      position: absolute;
      top: 50%;
      z-index: 10;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      
    .home__video-1 .home__video-left .home__video-box .col-6:first-child .home__video-category .overlay {
      align-items: center; }
    .home__video-1 .home__video-left .home__video-box .col-6:nth-child(2) .home__video-category .overlay {
      align-items: center;
      justify-content: center;}
      
    .home__video-1 .home__video-left .home__video-box .col-6:nth-child(2) .home__video-category .overlay a {
        text-align: center;}
      
    .home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category .overlay {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
      position: absolute;
      top: 50%;
      z-index: 10;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      
      .home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category .overlay a {
        font-size: 18px;
        color: #c2c2c2;
        font-weight: bold;
        width: 100%;
        text-align: center;
        margin-right: 12px; }
        @media screen and (max-width: 576px) {
          .home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category .overlay a {
            font-size: 12px;
              margin-right: 2px;} }
    @media screen and (max-width: 576px) {
      .home__video-1 .home__video-left .home__video-box .col-6:last-child .home__video-category {
        border-radius: 0 80px 0 80px !important; } }
  
  
  /*end*/
  
  .home__video-1 .home__video-right .home__video-right--box {
    background: url(../img/home-video-right.svg);
    border-radius: 12px;
    padding: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-position: center; }
    @media screen and (max-width: 576px) {
      .home__video-1 .home__video-right .home__video-right--box {
        display: none; } }

.header {
  background: #f2f2f2; }
  .header .header__top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .header .header__top .logo img {
      height: 95px; }
      @media screen and (max-width: 576px) {
        .header .header__top .logo img {
          height: 50px; } }
      @media screen and (max-width: 576px) {
        .header .header__top .logo {
            width:100%;
            text-align:center;
            margin-bottom: 4px;} }
    .header .header__top .header__top-title h2 {
      font-size: 28px;
      color: #005d31;
      margin: 0;
      padding-left: 8px;
      font-family: "Kanit", sans-serif;
      font-weight: bold;
      text-align: center;}
      @media screen and (max-width: 576px) {
        .header .header__top .header__top-title h2 {
          font-size: 16px;
          text-align: center; } }
    .header .header__top .header__top-date {
      display: flex;
      padding: 9px 8px;
      box-shadow: -2px -2px 5px #ff6d00, 2px 2px 5px #ff6d00;
      border-radius: 12px;
      background: #f2f2f2; }
      .header .header__top .header__top-date .date {
        font-size: 14px; }
        .header .header__top .header__top-date .date:first-child {
          margin-right: 8px; }
        .header .header__top .header__top-date .date:nth-child(2) {
          margin-right: 8px; }
      @media screen and (max-width: 576px) {
        .header .header__top .header__top-date #printTime {
          display: none; } }
    .header .header__top .header__top-search .openBtn {
      background: #f2f2f2;
      box-shadow: -2px -2px 5px #ff6d00, 2px 2px 5px #ff6d00;
      border-radius: 12px;
      padding: 10px 15px;
      font-size: 14px;
      border: none;
      cursor: pointer; }
    .header .header__top .header__top-search .openBtn:hover {
      background: #bbb; }
    .header .header__top .header__top-search .overlay {
      height: 100%;
      width: 100%;
      display: none;
      position: fixed;
      z-index: 1888;
      top: 0;
      left: 0;
      background-color: black;
      background-color: rgba(0, 0, 0, 0.5); }
    .header .header__top .header__top-search #outer__content {
      height: 100%;
      width: 100%;
      display: none;
      position: fixed;
      z-index: 1888;
      top: 0;
      left: 0;
      background-color: black;
      background-color: rgba(0, 0, 0, 0.5); }
    .header .header__top .header__top-search .overlay-content {
      position: relative;
      top: 46%;
      width: 606px;
      text-align: center;
      margin-top: 30px;
      margin: auto;
      z-index: 9999; }
      @media screen and (max-width: 576px) {
        .header .header__top .header__top-search .overlay-content {
          width: 100%;
          padding: 0 12px; } }
    .header .header__top .header__top-search .overlay .closebtn {
      position: absolute;
      top: 20px;
      right: 45px;
      font-size: 60px;
      cursor: pointer;
      color: white; }
    .header .header__top .header__top-search .overlay .closebtn:hover {
      color: #ccc; }
    .header .header__top .header__top-search .overlay input[type="text"] {
      padding: 17px;
      font-size: 17px;
      background: #f2f2f2;
      border-radius: 12px;
      border: none;
      width: 606px;
      outline: none; }
      @media screen and (max-width: 576px) {
        .header .header__top .header__top-search .overlay input[type="text"] {
          width: 100%; } }
    .header .header__top .header__top-search .overlay form {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10; }
    .header .header__top .header__top-search .overlay input[type="text"]:hover {
      background: #f1f1f1; }
    .header .header__top .header__top-search .overlay button {
      position: absolute;
      right: 0;
      margin-right: 12px;
      padding: 12px;
      transform: translate(5%, 0);
      background: #111827;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      border: none;
      border-radius: 12px;
      color: #fff;
      cursor: pointer; }
    .header .header__top .header__top-search .overlay button:hover {
      transform: scale(1.1);
      transition: all 0.7s ease; }
    .header .header__top .header__top-search .SearchHero {
      background: #f2f2f2;
      box-shadow: -3px -3px 4px #ffffff, 4px 4px 4px #dddddd;
      border-radius: 12px; }
    .header .header__top .header__top-search .SearchHero p {
      font-size: 13px; }
    .header .header__top .header__top-call {
      background: #f2f2f2;
      box-shadow: -3px -3px 4px #ffffff, 4px 4px 4px #dddddd;
      border-radius: 12px;
      padding: 10px 15px;
      font-size: 14px;
      border: none;
      cursor: pointer; }
    .header .header__top .header__top-translate #gt_float_wrapper {
      position: relative; }
      .header .header__top .header__top-translate #gt_float_wrapper .gt_float_switcher {
        display: block;
        border-radius: 12px;
        background: #f2f2f2;
        box-shadow: -2px -2px 5px #ff6d00, 2px 2px 5px #ff6d00 !important; }
        @media screen and (max-width: 991px) {
          .header .header__top .header__top-translate #gt_float_wrapper .gt_float_switcher .gt-selected {
            z-index: 50; } }
        @media screen and (max-width: 576px) {
          .header .header__top .header__top-translate #gt_float_wrapper .gt_float_switcher .gt-selected {
            z-index: 50; } }
        .header .header__top .header__top-translate #gt_float_wrapper .gt_float_switcher .gt_options {
          position: absolute;
          bottom: -110%;
          border-radius: 12px; }
          .header .header__top .header__top-translate #gt_float_wrapper .gt_float_switcher .gt_options a {
            padding: 6px 16px !important; }
    .header .header__top .header__top-translate .gt_options .nturl {
      position: relative;
      overflow: hidden; }
      .header .header__top .header__top-translate .gt_options .nturl::before {
        content: attr(data-before);
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f2f2f2;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px; }
      .header .header__top .header__top-translate .gt_options .nturl:hover {
        color: #000; }
        .header .header__top .header__top-translate .gt_options .nturl:hover::before {
          background-color: #111827;
          color: #fff; }
    .header .header__top .header__top-translate .gt-selected .gt-current-lang {
      padding: 8px 12px;
      background: #f2f2f2;
      border-radius: 12px;
      display: flex; }
      .header .header__top .header__top-translate .gt-selected .gt-current-lang .gt-lang-code {
        font-size: 14px; }
      .header .header__top .header__top-translate .gt-selected .gt-current-lang img {
        display: none;
        margin: 0;
        width: 24px; }

.menu-header {
  background-color: #111827;
  position: sticky;
  top: -1px;
  z-index: 99;
  width: 100%; }
  @media screen and (max-width: 576px) {
    .menu-header .menu__mobi {
      flex: 1; } }
  @media screen and (max-width: 576px) {
    .menu-header .form__mobi {
      flex: 2;
      justify-content: end; } }
  .menu-header #mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .menu-header .register-services {
    background: #111827;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    box-shadow: -3px -3px 4px #f79693, 4px 4px 4px #111827;
    border-radius: 12px;
    outline: none; }
    .menu-header .register-services:focus {
      border: none; }
    @media screen and (max-width: 576px) {
      .menu-header .register-services {
        padding: 2px 6px;
        border-radius: 8px; } }

#register-services .form__register-service .group1 h3 {
  font-size: 24px;
  font-weight: bold;
  color: #111827; }
  @media screen and (max-width: 576px) {
    #register-services .form__register-service .group1 h3 {
      font-size: 16px; } }
#register-services .form__register-service .group1 label {
  color: #111827; }
  @media screen and (max-width: 576px) {
    #register-services .form__register-service .group1 label {
      font-size: 14px; } }
  #register-services .form__register-service .group1 label span {
    color: red; }
#register-services .form__register-service .group1 .wpcf7-textarea {
  max-height: 79px; }
#register-services .form__register-service .group1 .form-control-cus {
  outline: none;
  background: rgba(15, 102, 112, 0.1);
  border-radius: 12px;
  padding: 0.75rem 0.75rem; }
  @media screen and (max-width: 576px) {
    #register-services .form__register-service .group1 .form-control-cus {
      padding: 0.25rem 0.75rem; } }
  #register-services .form__register-service .group1 .form-control-cus:focus {
    box-shadow: none; }
#register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label {
  display: flex; }
  #register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"] {
    height: 22px;
    width: 30px;
    margin: 5px;
    padding: 0;
    opacity: 1;
    appearance: none;
    border: 2px solid #111827;
    border-radius: 3px;
    background: #fff;
    position: relative;
    margin-right: 10px; }
  #register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked {
    border: 2px solid #111827;
    background: #111827; }
  #register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:before,
  #register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #fff; }
  #register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:before {
    width: 8px;
    top: 11px;
    left: 2px;
    transform: rotate(44deg); }
  #register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:after {
    width: 14px;
    top: 8px;
    left: 5px;
    transform: rotate(-55deg); }
  #register-services .form__register-service .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:focus {
    outline: none; }
#register-services .form__register-service .notification {
  color: #111827; }
#register-services .form__register-service .btn-send {
  border: 2px solid #111827;
  padding: 4px 8px;
  border-radius: 26px;
  display: flex;
  justify-content: center;
  align-items: center; }
  #register-services .form__register-service .btn-send .wpcf7-spinner {
    display: none; }
  #register-services .form__register-service .btn-send input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #111827;
    outline: none; }
  #register-services .form__register-service .btn-send i {
    color: #111827; }
#register-services .modal-content {
  border-radius: 24px;
  z-index: 1000; }

.mega-menu-item-object-danh-muc-tin-tuc a .mega-indicator {
  transform: rotate(180deg); }
.mega-menu-item-object-danh-muc-tin-tuc .mega-sub-menu {
  display: none; }
.mega-menu-item-object-danh-muc-tin-tuc:hover .mega-sub-menu {
  display: block;
  position: absolute !important;
  top: 0px !important;
  left: -230px !important; }
.mega-menu-item-object-danh-muc-tin-tuc .mega-sub-menu {
  position: absolute !important;
  top: 0px !important;
  left: -230px !important; }

.page__contact {
  background: #f2f2f2; }
  .page__contact .page__contact-box {
    padding: 48px 0;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25)); }
    @media screen and (max-width: 576px) {
      .page__contact .page__contact-box {
        padding: 24px 0; } }
    .page__contact .page__contact-box .page__contact-box--left {
      background: #111827;
      border-radius: 24px 0px 0px 24px;
      padding: 0px;
      }
      @media screen and (max-width: 576px) {
        .page__contact .page__contact-box .page__contact-box--left {
          border-radius: 0; } }
      .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top {
        border-radius: 24px;
        background: #1f2937;
        padding: 24px 72px 24px 24px;
        margin-bottom: 24px; }
        .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .title {
          font-size: 32px;
          margin-bottom: 24px; }
          @media screen and (max-width: 576px) {
            .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .title {
              font-size: 24px;
              margin-bottom: 12px; } }
        .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem {
          margin-bottom: 24px;
          width: 100%; }
          @media screen and (max-width: 576px) {
            .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem {
              margin-bottom: 12px; } }
          .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem:last-child {
            margin-bottom: 0; }
          @media screen and (max-width: 576px) {
            .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem .col-text {
              padding-left: 8px !important; } }
          .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem .col-text p {
            white-space: nowrap; }
            @media screen and (max-width: 576px) {
              .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem .col-text p {
                white-space: normal; } }
          .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem .col-text a {
            color: #fff !important; }
            @media screen and (max-width: 576px) {
              .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_top .page__contact-box--list .page__contact-box-tem .col-text a {
                font-size: 12px; } }
      .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_bottom .box__item-contact {
        padding: 12px;
        background: linear-gradient(90deg, #1f2937 0%, rgba(59, 140, 147, 0) 100%);
        border-radius: 12px;
        margin-bottom: 12px; }
        .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_bottom .box__item-contact:last-child {
          margin-bottom: 0; }
        .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_bottom .box__item-contact .title {
          font-size: 20px; }
          @media screen and (max-width: 576px) {
            .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_bottom .box__item-contact .title {
              font-size: 12px; } }
        .page__contact .page__contact-box .page__contact-box--left .page__contact-box--left_bottom .box__item-contact .box__item-two svg {
          margin-right: 12px; }
    .page__contact .page__contact-box .page__contact-box--right {
      padding: 24px;
      border-radius: 0 24px 24px 0;
      background: #fff; }
      @media screen and (max-width: 576px) {
        .page__contact .page__contact-box .page__contact-box--right {
          border-radius: 0; } }
      .page__contact .page__contact-box .page__contact-box--right .group1 h3 {
        font-size: 24px;
        font-weight: bold;
        color: #111827; }
      .page__contact .page__contact-box .page__contact-box--right .group1 label {
        color: #000; }
        @media screen and (max-width: 576px) {
          .page__contact .page__contact-box .page__contact-box--right .group1 label {
            font-size: 12px; } }
        .page__contact .page__contact-box .page__contact-box--right .group1 label span {
          color: red; }
      .page__contact .page__contact-box .page__contact-box--right .group1 .wpcf7-textarea {
        max-height: 79px; }
      .page__contact .page__contact-box .page__contact-box--right .group1 .form-control-cus {
        outline: none;
        background: #f2f2f2;
        border-radius: 12px;
        padding: 0.75rem 0.75rem; }
        @media screen and (max-width: 576px) {
          .page__contact .page__contact-box .page__contact-box--right .group1 .form-control-cus {
            padding: 0.25rem 0.75rem; } }
        .page__contact .page__contact-box .page__contact-box--right .group1 .form-control-cus:focus {
          box-shadow: none; }
      .page__contact .page__contact-box .page__contact-box--right .wpcf7-response-output {
        border: 2px solid #111827;
        border-radius: 20px;
        text-align: center;
        font-size: 13px; }
      .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label {
        display: flex; }
        .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"] {
          height: 25px;
          width: 30px;
          margin: 5px;
          padding: 0;
          opacity: 1;
          appearance: none;
          -webkit-appearance: none;
          border: 2px solid #111827;
          border-radius: 3px;
          background: #fff;
          position: relative;
          margin-right: 10px; }
        .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked {
          border: 2px solid #111827;
          background: #111827; }
        .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:before,
        .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:after {
          content: "";
          position: absolute;
          height: 2px;
          background: #fff; }
        .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:before {
          width: 8px;
          top: 11px;
          left: 2px;
          transform: rotate(44deg); }
        .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:checked:after {
          width: 14px;
          top: 8px;
          left: 5px;
          transform: rotate(-55deg); }
        .page__contact .page__contact-box .page__contact-box--right .click_capcha .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input[type="checkbox"]:focus {
          outline: none; }
      .page__contact .page__contact-box .page__contact-box--right .notification {
        color: #000; }
      .page__contact .page__contact-box .page__contact-box--right .btn-sending {
        border: 2px solid #111827;
        padding: 6px 12px;
        border-radius: 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%; }
        .page__contact .page__contact-box .page__contact-box--right .btn-sending .wpcf7-spinner {
          display: none; }
        .page__contact .page__contact-box .page__contact-box--right .btn-sending input.wpcf7-form-control.has-spinner.wpcf7-submit {
          background: transparent;
          border: none;
          width: fit-content;
          font-size: 16px;
          font-weight: bold;
          color: #111827;
          outline: none; }
        .page__contact .page__contact-box .page__contact-box--right .btn-sending i {
          color: #111827; }

.page__contact-map {
  max-height: 400px;
  height: 400px; }
  .page__contact-map iframe {
    height: 100%;
    width: 100%; }

.about .about__top {
  background: #f2f2f2;
  padding: 48px 0; }
  .about .about__top img {
    width: 470px;
    height: auto;
    object-fit: cover; }
  @media screen and (max-width: 576px) {
    .about .about__top {
      padding: 12px 0; } }
  .about .about__top .logo {
    text-align: center; }
    @media screen and (max-width: 576px) {
      .about .about__top .logo svg {
        width: 100%;
        height: 150px; }
      .about .about__top .logo img {
        width: 100%; } }
  .about .about__top .about__top-title {
    text-align: center;
    font-size: 32px;
    color: #111827; }
    @media screen and (max-width: 576px) {
      .about .about__top .about__top-title {
        font-size: 20px; } }
.about .about__top-mid {
  position: relative;
  z-index: 2;
  height: 500px;
  max-height: 500px;
  margin-bottom: 48px; }
  @media screen and (max-width: 576px) {
    .about .about__top-mid {
      margin-bottom: 24px; } }
  .about .about__top-mid::before {
    content: "";
    display: flex;
    flex: 1;
    background: #111827;
    width: calc(100% / 2);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
    @media screen and (max-width: 576px) {
      .about .about__top-mid::before {
        width: 100%; } }
  .about .about__top-mid::after {
    content: "";
    display: flex;
    flex: 1;
    background: url("../images/bg_about.JPG");
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(100% / 2);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
    @media screen and (max-width: 576px) {
      .about .about__top-mid::after {
        display: none; } }
  .about .about__top-mid ::-webkit-scrollbar {
    width: 8px; }
  .about .about__top-mid ::-webkit-scrollbar-track {
    background-color: #af5352;
    -webkit-border-radius: 10px;
    border-radius: 4px; }
  .about .about__top-mid ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 4px;
    background: #111827; }
  .about .about__top-mid .about__top-mid--boxr {
    padding: 24px 24px 0 0;
    height: 500px;
    max-height: 500px;
    overflow: auto; }
    @media screen and (max-width: 576px) {
      .about .about__top-mid .about__top-mid--boxr {
        padding: 12px; } }
    .about .about__top-mid .about__top-mid--boxr .about__about__top-mid-item {
      margin-bottom: 24px; }
      .about .about__top-mid .about__top-mid--boxr .about__about__top-mid-item .about__top-mid--title {
        font-size: 28px;
        color: #fff;
        margin-bottom: 12px; }
        @media screen and (max-width: 576px) {
          .about .about__top-mid .about__top-mid--boxr .about__about__top-mid-item .about__top-mid--title {
            font-size: 20px; } }
      .about .about__top-mid .about__top-mid--boxr .about__about__top-mid-item .about__top-mid--content {
        color: #fff;
        margin-bottom: 0; }
.about .about__bottom .about__bottom-title {
  color: #111827;
  font-size: 28px; }
.about .about__bottom .about__bottom-img img {
  padding: 12px;
  width: 100%;
  height: 400px;
  object-fit: cover; }
  @media screen and (max-width: 576px) {
    .about .about__bottom .about__bottom-img img {
      height: 200px; } }
.about .about__bottom .about__bottom-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px; }
  @media screen and (max-width: 576px) {
    .about .about__bottom .about__bottom-text {
      padding: 12px 24px; } }
  .about .about__bottom .about__bottom-text .title {
    font-size: 24px;
    margin-bottom: 24px; }
    @media screen and (max-width: 576px) {
      .about .about__bottom .about__bottom-text .title {
        margin-bottom: 12px; } }
  .about .about__bottom .about__bottom-text p {
    margin-bottom: 24px; }
    @media screen and (max-width: 576px) {
      .about .about__bottom .about__bottom-text p {
        margin-bottom: 12px; } }
  .about .about__bottom .about__bottom-text a {
    color: #111827;
    text-decoration: underline; }

.footer {
  background: url("../img/bg-footer.svg"), linear-gradient(0deg, #111827, #111827), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .footer a {
    font-size: 14px; }
    @media screen and (max-width: 576px) {
      .footer a {
        font-size: 10px; } }
  .footer p {
    font-size: 14px; }
    @media screen and (max-width: 576px) {
      .footer p {
        font-size: 10px; } }
  .footer .footer__content {
    padding: 24px 0 12px; }
    @media screen and (max-width: 576px) {
      .footer .footer__content {
        padding: 12px 0; } }
    .footer .footer__content .footer__content-logo a svg {
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 576px) {
        .footer .footer__content .footer__content-logo a svg {
          height: 100px; } }
    .footer .footer__content .footer__content-info .footer__content-info--title {
      font-size: 24px;
      font-weight: 700;
      line-height: 27.6px; }
      @media screen and (max-width: 576px) {
        .footer .footer__content .footer__content-info .footer__content-info--title {
          font-size: 14px;
          text-align: center; } }
    .footer .footer__content .footer__content-info .footer__content-info--list .footer__list-tem {
      margin-bottom: 12px;
      font-size: 14px;
      color: #ffffff !important; }
      @media screen and (max-width: 576px) {
        .footer .footer__content .footer__content-info .footer__content-info--list .footer__list-tem {
          font-size: 10px; } }
      .footer .footer__content .footer__content-info .footer__content-info--list .footer__list-tem a {
        font-size: 14px;
        color: #ffffff !important; }
        @media screen and (max-width: 576px) {
          .footer .footer__content .footer__content-info .footer__content-info--list .footer__list-tem a {
            font-size: 10px; } }
    .footer .footer__content .footer__content-system .footer__content-system--title {
      font-size: 20px;
      margin-bottom: 15px; }
      @media screen and (max-width: 576px) {
        .footer .footer__content .footer__content-system .footer__content-system--title {
          font-size: 16px; } }
    .footer .footer__content .footer__content-system .footer__content-system--select select {
      appearance: none;
      -webkit-appearance: none;
      background: white;
      background-image: url("../images/icon/Arrow_drop_up.svg");
      background-repeat: no-repeat;
      background-position: right 0.5rem center;
      border-radius: 2px;
      padding: 0.25rem 2rem 0.25rem 0.75rem;
      outline: none;
      width: 100%;
      font-size: 14px; }
      @media screen and (max-width: 576px) {
        .footer .footer__content .footer__content-system .footer__content-system--select select {
          font-size: 10px; } }
      .footer .footer__content .footer__content-system .footer__content-system--select select:first-child {
        margin-bottom: 15px; }
  .footer .footer__home .footer__home-border {
    padding: 18px 0 0;
    border-top: 2px solid #fff; }
  .footer .footer__home .footer__home-list .footer__home-title {
    font-size: 20px;
    line-height: 23px;
    font-weight: 700; }
    @media screen and (max-width: 576px) {
      .footer .footer__home .footer__home-list .footer__home-title {
        font-size: 16px; } }
  .footer .footer__home .footer__home-list .footer__home-list--item .item__footer {
    margin-bottom: 8px;
    display: flex;
    align-items: center; }
    .footer .footer__home .footer__home-list .footer__home-list--item .item__footer i {
      padding-right: 4px; }
      @media screen and (max-width: 576px) {
        .footer .footer__home .footer__home-list .footer__home-list--item .item__footer i {
          font-size: 10px; } }
    .footer .footer__home .footer__home-list .footer__home-list--item .item__footer p {
      font-size: 14px;
      text-transform: inherit; }
      @media screen and (max-width: 576px) {
        .footer .footer__home .footer__home-list .footer__home-list--item .item__footer p {
          font-size: 10px; } }
  .footer .footer__home .footer__home-list .footer__home-list--item .fb__embed {
    height: 172px;
    margin-bottom: 15px; }
    .footer .footer__home .footer__home-list .footer__home-list--item .fb__embed iframe {
      width: 100%;
      height: 100%; }
  .footer .footer__home .footer__home-list .frame_shadow {
    position: relative; }
    .footer .footer__home .footer__home-list .frame_shadow::before {
      background-color: none;
      content: "";
      position: absolute;
      z-index: 2;
      box-shadow: inset 0px 0px 5px 5px #ccc;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 10px;
      pointer-events: none; }
    .footer .footer__home .footer__home-list .frame_shadow iframe {
      display: block;
      position: relative;
      width: 100%;
      z-index: 1;
      border-radius: 10px; }
  .footer .footer__home .footer__home-list .count__visit {
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 8px 0; }
    .footer .footer__home .footer__home-list .count__visit p {
      margin: 0;
      text-align: center;
      color: #fff; }
  .footer .footer__copyright {
    background: #1f2937; }
    .footer .footer__copyright .footer__copyright-border {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 576px) {
        .footer .footer__copyright .footer__copyright-border {
          flex-wrap: wrap; } }
      .footer .footer__copyright .footer__copyright-border .footer__copyright-1 {
        padding: 13px 0; }
        @media screen and (max-width: 576px) {
          .footer .footer__copyright .footer__copyright-border .footer__copyright-1 {
            flex-wrap: wrap;
            padding: 8px;
            justify-content: center !important; } }
      .footer .footer__copyright .footer__copyright-border .footer__copyright-2 {
        display: flex;
        justify-content: end; }
        @media screen and (max-width: 576px) {
          .footer .footer__copyright .footer__copyright-border .footer__copyright-2 {
            width: 100%;
            display: none; } }
        .footer .footer__copyright .footer__copyright-border .footer__copyright-2 .footer__copyright-2--box {
          padding: 4px 0;
          display: flex;
          align-items: center;
          position: relative;
          color: #fff; }
          .footer .footer__copyright .footer__copyright-border .footer__copyright-2 .footer__copyright-2--box a {
            padding: 0 12px; }
            @media screen and (max-width: 576px) {
              .footer .footer__copyright .footer__copyright-border .footer__copyright-2 .footer__copyright-2--box a {
                font-size: 12px; } }
          .footer .footer__copyright .footer__copyright-border .footer__copyright-2 .footer__copyright-2--box::after {
            height: 24px;
            width: 2px;
            display: block;
            position: absolute;
            left: 0;
            content: "";
            background-color: #fff; }
            @media screen and (max-width: 576px) {
              .footer .footer__copyright .footer__copyright-border .footer__copyright-2 .footer__copyright-2--box::after {
                display: none; } }

#bottom_to_top {
  cursor: pointer;
  display: none;
  position: fixed;
  z-index: 10;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 0px 0px 4px 1px #8888887a;
  background: darkgreen;
  color: #fff;
  right: 30px;
  transition: 0.3s ease; }
  @media screen and (max-width: 540px) {
    #bottom_to_top {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 576px) {
    #bottom_to_top {
      bottom: 10px !important;
      right: 12px; } }

.parent {
  position: fixed;
  bottom: 2%;
  left: 35px;
  z-index: 999; }
  .parent .phone_pos {
    position: absolute;
    top: 3px;
    left: 30px;
    padding: 5px 12px;
    margin: 0;
    white-space: nowrap;
    background: linear-gradient(-90deg, #d32f12, rgba(211, 47, 18, 0.7), rgba(211, 47, 18, 0.4));
    border-radius: 0 20px 20px 0;
    color: #fff; }
  .parent .heart-fb {
    margin-bottom: 20px;
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: linear-gradient(to bottom, #111827, #0b0e14);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
    animation: beat 1.5s ease 0s infinite; }
    .parent .heart-fb p {
      color: #ffffff;
      font-size: 16px; }
    .parent .heart-fb a {
      color: #ffffff; }
    .parent .heart-fb span {
      font-size: 18px;
      color: white;
      text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4); }
    .parent .heart-fb:before, .parent .heart-fb:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: darkgreen;
      opacity: 0.4;
      border-radius: inherit; }
    .parent .heart-fb:before {
      z-index: -2;
      animation: beat-before 1.5s ease 100ms infinite; }
    .parent .heart-fb:after {
      z-index: -1;
      animation: beat-after 1.5s ease 200ms infinite; }
  .parent .heart-zalo {
    margin-bottom: 20px;
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: linear-gradient(to bottom, #111827, #0b0e14);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
    animation: beat 1.5s ease 0s infinite; }
    .parent .heart-zalo p {
      color: #ffffff;
      font-size: 16px; }
    .parent .heart-zalo a {
      color: #ffffff;
      font-size: 12px; }
    .parent .heart-zalo span {
      font-size: 18px;
      color: white;
      text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4); }
    .parent .heart-zalo:before, .parent .heart-zalo:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #0176fe;
      opacity: 0.4;
      border-radius: inherit; }
    .parent .heart-zalo:before {
      z-index: -2;
      animation: beat-before 1.5s ease 100ms infinite; }
    .parent .heart-zalo:after {
      z-index: -1;
      animation: beat-after 1.5s ease 200ms infinite; }
  .parent .heart-phone {
    margin-bottom: 20px;
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: linear-gradient(to bottom, #111827, #0b0e14);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
    animation: beat 1.5s ease 0s infinite; }
    .parent .heart-phone p {
      color: #ffffff;
      font-size: 16px; }
    .parent .heart-phone a {
      color: #ffffff; }
    .parent .heart-phone span {
      font-size: 18px;
      color: white;
      text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4); }
    .parent .heart-phone:before, .parent .heart-phone:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #d32f12;
      opacity: 0.4;
      border-radius: inherit; }
    .parent .heart-phone:before {
      z-index: -2;
      animation: beat-before 1.5s ease 100ms infinite; }
    .parent .heart-phone:after {
      z-index: -1;
      animation: beat-after 1.5s ease 200ms infinite; }
  @media screen and (max-width: 540px) {
    .parent .heart {
      margin-bottom: 15px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
      .parent .heart a {
        color: #ffffff; }
      .parent .heart p {
        color: #ffffff;
        font-size: 13px; }
      .parent .heart span {
        font-size: 13px; } }
  @media screen and (max-width: 576px) {
    .parent {
      bottom: 48px;
      right: 15px; } }

@keyframes beat {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }
@keyframes beat-before {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); } }
@keyframes beat-after {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.6); } }
.hvn_news-item .item {
  cursor: pointer;
  border-radius: 12px;
  transition: all 0.3s;
  background-color: #fff;
  padding: 12px;
  margin-bottom: 24px; }
  .hvn_news-item .item:hover {
    transform: scale(1.02); }
    .hvn_news-item .item:hover .content .title a {
      color: #111827; }
  .hvn_news-item .item .image {
    padding: 0; }
    .hvn_news-item .item .image img {
      border-radius: 8px;
      height: 252px;
      object-fit: cover;
      width: 100%; }
      @media screen and (max-width: 1400px) {
        .hvn_news-item .item .image img {
          height: 215px; } }
      @media screen and (max-width: 1200px) {
        .hvn_news-item .item .image img {
          height: 210px; } }
      @media screen and (max-width: 768px) {
        .hvn_news-item .item .image img {
          height: 210px; } }
      @media screen and (max-width: 576px) {
        .hvn_news-item .item .image img {
          height: 155px; } }
  .hvn_news-item .item .content {
    padding: 12px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    height: 204px; }
    @media screen and (max-width: 576px) {
      .hvn_news-item .item .content {
        height: 150px;
        padding: 4px 12px; } }
    .hvn_news-item .item .content .a_link {
      color: #111827;
      text-decoration: underline; }
    .hvn_news-item .item .content a:hover {
      color: #111827; }
    .hvn_news-item .item .content .title {
      margin-bottom: 12px; }
      @media screen and (max-width: 576px) {
        .hvn_news-item .item .content .title {
          -webkit-line-clamp: 1;
          margin-bottom: 0; } }
      .hvn_news-item .item .content .title a {
        font-size: 20px;
        display: inline-block; }
        .hvn_news-item .item .content .title a span {
          padding: 2px 8px;
          background-color: #ff4444;
          border-radius: 12px;
          color: #fff;
          font-size: 14px;
          line-height: 1.3; }
      .hvn_news-item .item .content .title a:hover {
        color: #111827 !important; }
    .hvn_news-item .item .content .text-line3-mobi {
      -webkit-line-clamp: 2; }
    .hvn_news-item .item .content .title-cate {
      padding: 4px 12px;
      background: #f2f2f2;
      border-radius: 30px;
      width: fit-content;
      margin-bottom: 12px !important; }
      @media screen and (max-width: 576px) {
        .hvn_news-item .item .content .title-cate {
          margin-bottom: 0 !important; } }
    .hvn_news-item .item .content .text {
      margin: 0px; }
      @media screen and (max-width: 768px) {
        .hvn_news-item .item .content .text {
          font-size: 14px; } }
.hvn_news-item table {
  border-spacing: 0;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-collapse: separate; }
.hvn_news-item tr:first-child th:first-child {
  border-top-left-radius: 12px; }
.hvn_news-item tr:last-child td:first-child {
  border-bottom-left-radius: 12px; }
.hvn_news-item tr:first-child th:last-child {
  border-top-right-radius: 12px; }
.hvn_news-item tr:last-child td:last-child {
  border-bottom-right-radius: 12px; }
.hvn_news-item tr {
  border: 1px solid #ddd; }
.hvn_news-item th,
.hvn_news-item td {
  border: 1px solid #ddd;
  padding: 12px 8px; }
.hvn_news-item th,
.hvn_news-item td {
  background-color: #fff;
  text-align: center; }
  .hvn_news-item th p,
  .hvn_news-item td p {
    margin: 0;
    color: #111827;
    padding: 6px 8px; }
  .hvn_news-item th a,
  .hvn_news-item td a {
    color: #111827;
    width: 100%;
    height: 100%;
    display: block; }

.related .owl-theme .owl-controls .owl-page {
  display: inline-block; }
.related .carousel-shadow {
  margin: 10px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
.related #news-related--owl-carousel .owl-stage-outer {
  padding-top: 5px;
  padding-bottom: 15px; }
  .related #news-related--owl-carousel .owl-stage-outer .owl-stage .owl-item {
    height: 100% !important; }

.bdt {
  padding-bottom: 8px;
  border-bottom: 3px solid #fff; }

.title-vertical {
  position: relative;
  padding-left: 12px;
  font-size: 24px;
  font-weight: 700;
  color: #111827; }
  .title-vertical::before {
    position: absolute;
    left: 0px;
    top: 2px;
    content: "";
    width: 4px;
    border-radius: 12px;
    height: 65%;
    background-color: #ee2c27; }
  @media screen and (max-width: 991.98px) {
    .title-vertical {
      font-size: 22px; } }

#news {
  padding: 36px 0;
  background-color: #f2f2f2; }
  #news img {
    width: 100%;
    max-width: 100%; }
  #news .news-right .title-single {
    font-size: 28px;
    font-family: "Open-sans";
    color: #878787; }
    @media screen and (max-width: 1600px) {
      #news .news-right .title-single {
        font-size: 24px !important; } }
    @media screen and (max-width: 1200px) {
      #news .news-right .title-single {
        font-size: 22px !important; } }
    @media screen and (max-width: 991px) {
      #news .news-right .title-single {
        font-size: 20px !important; } }
    @media screen and (max-width: 765px) {
      #news .news-right .title-single {
        font-size: 18px !important; } }
  #news .news-left {
    position: sticky;
    top: 85px; }
    @media screen and (max-width: 1200px) {
      #news .news-left {
        top: 115px; } }

.component-hotnews .list {
  margin: 0px;
  padding: 0px;
  list-style: none; }
  .component-hotnews .list li:not(:last-child) {
    margin-bottom: 13.09px; }
  .component-hotnews .list .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 12px;
    border-bottom: 1px solid #fff; }
    .component-hotnews .list .item .text {
      padding-left: 6.8px;
      padding-right: 6.8px;
      margin: 0px;
      text-align: justify; }
      @media screen and (max-width: 1400px) {
        .component-hotnews .list .item .text {
          font-size: 14px; } }
      @media screen and (max-width: 1200px) {
        .component-hotnews .list .item .text {
          font-size: 12px; } }
    .component-hotnews .list .item:hover {
      box-shadow: 0px 3px 9px 0px rgba(17, 24, 39, 0.2); }
      .component-hotnews .list .item:hover .text {
        color: #111827; }
@media screen and (max-width: 768px) {
  .component-hotnews {
    margin-top: 15px; } }

.component-sidebar {
  border: 2px solid #111827;
  border-radius: 20px;
  padding: 16px 16px 20px 16px;
  background-color: #fff; }
  .component-sidebar .title {
    color: #111827; }
  .component-sidebar button {
    width: 100%;
    text-align: start;
    font-size: 16px;
    border-radius: 10px;
    padding: 8px 4px 8px 11px;
    margin-bottom: 10px; }
    .component-sidebar button i {
      margin-right: 15px; }
    .component-sidebar button.active {
      background-color: #111827 !important;
      color: white !important; }
      .component-sidebar button.active a {
        color: white !important; }
      .component-sidebar button.active::after {
        filter: brightness(0) invert(1); }
    .component-sidebar button:hover {
      background-color: #111827;
      color: white; }
      .component-sidebar button:hover i {
        color: white; }
    .component-sidebar button:focus {
      box-shadow: 0 0 0 0; }
    @media screen and (max-width: 768px) {
      .component-sidebar button {
        font-size: 14px;
        padding: 6px 7px 6px 9px; } }
  @media screen and (max-width: 768px) {
    .component-sidebar {
      padding: 15px 11px 10px 11px; } }
  .component-sidebar #accordionFlushExample .accordion-item {
    border: none; }
    .component-sidebar #accordionFlushExample .accordion-item .component-sidebar button:hover {
      background-color: #111827 !important; }
    .component-sidebar #accordionFlushExample .accordion-item .accordion-button.collapsed:hover {
      background-color: #111827;
      color: #fff; }
      .component-sidebar #accordionFlushExample .accordion-item .accordion-button.collapsed:hover::after {
        filter: brightness(0) invert(1); }
      .component-sidebar #accordionFlushExample .accordion-item .accordion-button.collapsed:hover a {
        color: #fff; }
    .component-sidebar #accordionFlushExample .accordion-item .accordion-button:not(.collapsed):hover {
      background-color: #111827 !important;
      color: #fff;
      box-shadow: none; }
      .component-sidebar #accordionFlushExample .accordion-item .accordion-button:not(.collapsed):hover::after {
        filter: brightness(0) invert(1); }
    .component-sidebar #accordionFlushExample .accordion-item .accordion-button:not(.collapsed) {
      background-color: #111827 !important;
      color: white !important;
      box-shadow: none;
      margin-bottom: 5px; }
      .component-sidebar #accordionFlushExample .accordion-item .accordion-button:not(.collapsed)::after {
        filter: brightness(25) !important; }
    .component-sidebar #accordionFlushExample .accordion-item .accordion-button {
      justify-content: flex-end;
      color: #111827;
      text-align: end; }
      .component-sidebar #accordionFlushExample .accordion-item .accordion-button a {
        text-align: end;
        color: #111827; }
    .component-sidebar #accordionFlushExample .accordion-item .accordion-button::after {
      margin-left: 0 !important;
      margin-right: 5px;
      transform: rotate(270deg);
      transition: transform 0.2s cubic-bezier(0, 0, 0, 1.2); }
    .component-sidebar #accordionFlushExample .accordion-item .accordion-button:not(.collapsed)::after {
      transform: rotate(0deg);
      filter: grayscale(1); }
    .component-sidebar #accordionFlushExample .accordion-item .child-button {
      padding: 5px 10px;
      border-radius: 0;
      text-indent: 10px;
      font-size: 16px;
      margin-bottom: 2px; }
      .component-sidebar #accordionFlushExample .accordion-item .child-button i {
        margin-right: 4px; }
  .component-sidebar #accordionFlushExample .accordion-body {
    padding: 0 !important; }

.component-sidebar-adv {
  margin: 24px 0px; }
  .component-sidebar-adv .item .sidebar_news_image img {
    border-radius: 20px; }
  .component-sidebar-adv .item .sidebar_news_image .close {
    display: none;
    color: white;
    font-size: 20px; }

.pagination-custom {
  margin-top: 24px;
  text-align: center; }
  .pagination-custom nav.navigation.pagination {
    display: block; }
    .pagination-custom nav.navigation.pagination .nav-links .page-numbers.current {
      background: #111827;
      color: white;
      padding: 10px 16px; }
    .pagination-custom nav.navigation.pagination .nav-links .page-numbers {
      background: #F2F2F2;
      color: #5C5C5C;
      padding: 10px 16px;
      border-radius: 10px;
      box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 12px; }
      .pagination-custom nav.navigation.pagination .nav-links .page-numbers:hover {
        background: #5C5C5C;
        color: white; }

.news__detail {
  padding: 36px 0;
  background: #f2f2f2;
  overflow: unset; }
  .news__detail .news-right {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    position: relative; }
    .news__detail .news-right .footer-content {
      position: absolute;
      top: 6%;
      left: -60px;
      display: flex;
      flex-direction: column;
      gap: 12px 0;
      z-index: 3; }
      .news__detail .news-right .footer-content.sticky {
        position: fixed;
        top: 50%;
        left: 15%;
        transform: translateY(-50%); }
        @media (min-width: 1440px) and (max-width: 1600px) {
          .news__detail .news-right .footer-content.sticky {
            left: 8%; } }
        @media (max-width: 1440px) {
          .news__detail .news-right .footer-content.sticky {
            left: 35px; } }
      .news__detail .news-right .footer-content a {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
        .news__detail .news-right .footer-content a i {
          font-size: 16px; }
      .news__detail .news-right .footer-content .copy {
        position: relative; }
        .news__detail .news-right .footer-content .copy .fbm-copied-message {
          position: absolute;
          top: 50%;
          left: -230%;
          transform: translateY(-50%);
          white-space: nowrap;
          background-color: #fff;
          padding: 4px;
          border-radius: 4px;
          display: none; }
    .news__detail .news-right .news-right--title {
      font-size: 28px;
      text-transform: capitalize;
      margin-bottom: 12px; }
    .news__detail .news-right .news-detail-content {
      overflow: auto; }
       @media (max-width: 700px) {
        .news__detail .news-right .news-detail-content figcaption.wp-element-caption {
          font-size: 14px !important; } }
               @media (max-width: 700px) {
        .news__detail .news-right .news-detail-content p {
          font-size: 14px; } }
    .news__detail .news-right img {
      width: 100%;
      max-width: 100%;
      object-fit: contain; }
  .news__detail .news-left {
    position: sticky;
    top: 60px; }
  .news__detail .csvc .csvc_banner {
    position: relative;
    width: 100%;
    margin-bottom: 28px; }
    .news__detail .csvc .csvc_banner .owl-item img {
      height: 270px; }
    .news__detail .csvc .csvc_banner .owl-nav {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 4;
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .news__detail .csvc .csvc_banner .owl-nav .owl-prev {
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 0 8px 8px 0;
        padding: 24px 12px !important;
        color: #fff;
        margin: 0; }
      .news__detail .csvc .csvc_banner .owl-nav .owl-next {
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 8px 0 0 8px;
        padding: 24px 12px !important;
        color: #fff;
        margin: 0; }
      .news__detail .csvc .csvc_banner .owl-nav button svg {
        width: 10px;
        height: 16px; }

.orientation .orientation__banner {
  background: url("../images/Banner.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 576px) {
    .orientation .orientation__banner {
      height: 200px;
      padding: 12px;
      text-align: center; } }
  .orientation .orientation__banner .title {
    color: #ffffff;
    font-size: 32px;
    font-weight: bold; }
    @media screen and (max-width: 576px) {
      .orientation .orientation__banner .title {
        font-size: 24px; } }
  .orientation .orientation__banner .orientation__banner-linear {
    height: 150px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    width: 100%; }
.orientation .orientation__list-item .orientation__list-item {
  padding: 0; }
  .orientation .orientation__list-item .orientation__list-item .orientation__list-box {
    position: relative; }
    .orientation .orientation__list-item .orientation__list-item .orientation__list-box img {
      width: 100%;
      height: 500px; }
      @media screen and (max-width: 576px) {
        .orientation .orientation__list-item .orientation__list-item .orientation__list-box img {
          height: 200px; } }
    .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      padding: 0 12px;
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap h2 {
        font-size: 32px;
        color: #fff; }
        @media screen and (max-width: 576px) {
          .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap h2 {
            font-size: 24px; } }
      .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--title {
        font-size: 20px; }
      .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link {
        padding: 8px 12px;
        border: 2px solid #fff;
        border-radius: 30px;
        color: #fff;
        background: transparent;
        display: flex;
        align-items: center;
        margin: 0 auto; }
        @media screen and (max-width: 576px) {
          .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link {
            padding: 4px 8px; } }
        .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link:hover span {
          background: #fff; }
          .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link:hover span i {
            color: #111827; }
        .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link span {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 28px;
          width: 28px;
          border: 2px solid #fff;
          border-radius: 50%;
          background: transparent;
          margin-left: 24px; }
          .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link span i {
            font-size: 11px; }
      .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap p {
        color: #fff; }
    .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      padding: 0 12px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 .orientation__list-box--title {
        font-size: 20px;
        color: #fff; }
        @media screen and (max-width: 576px) {
          .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 .orientation__list-box--title {
            font-size: 14px; } }
      .orientation .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 p {
        display: none;
        color: #fff; }
    .orientation .orientation__list-item .orientation__list-item .orientation__list-box:hover .orientation__list-box--title {
      position: relative;
      animation: myfirst 0.4s linear; }
    .orientation .orientation__list-item .orientation__list-item .orientation__list-box:hover .video-wrap-2 {
      background: rgba(0, 0, 0, 0.5);
      transition: all 0.3s linear; }
    .orientation .orientation__list-item .orientation__list-item .orientation__list-box:hover p {
      display: -webkit-box;
      animation: myfirst 0.3s linear; }
.orientation .orientation__content {
  padding: 48px 0; }
.orientation .orientation_gallery {
  margin-bottom: 24px; }
  .orientation .orientation_gallery .orientation_gallery-item {
    position: relative; }
    .orientation .orientation_gallery .orientation_gallery-item:hover .orientation_gallery-overlay {
      opacity: 1; }
    .orientation .orientation_gallery .orientation_gallery-item img {
      height: 264px;
      width: 100%;
      object-fit: cover; }
    .orientation .orientation_gallery .orientation_gallery-item .orientation_gallery-overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      padding: 12px;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: 0.5s ease;
      background-color: #fff; }
      .orientation .orientation_gallery .orientation_gallery-item .orientation_gallery-overlay .title {
        color: #111827; }
      .orientation .orientation_gallery .orientation_gallery-item .orientation_gallery-overlay .orientation_gallery-btn {
        background-color: #111827;
        width: fit-content;
        border-radius: 4px;
        color: #fff; }

@keyframes myfirst {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  50% {
    opacity: 0.7;
    transform: translateY(70%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.image-source-link {
  color: #98c3d1; }

.mfp-bg {
  z-index: 2000; }

.mfp-wrap {
  z-index: 2001; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

.organization {
  background-color: #f2f2f2; }
  .organization .diagram_organization {
    padding: 24px 0; }
    .organization .diagram_organization .diagram_organization--title {
      text-align: center;
      color: #111827; }
    @media screen and (max-width: 576px) {
      .organization .diagram_organization svg {
        width: 100%;
        height: 100%; } }

.notification__detail {
  padding: 36px 0;
  background-color: #f2f2f2; }
  .notification__detail img {
    width: 100%;
    max-width: 100%; }
  .notification__detail .news-right {
    padding: 24px;
    background-color: #fff;
    border-radius: 12px; }
    .notification__detail .news-right .news-detail-content {
      text-align: justify; }
  .notification__detail .hvn_news-item .item {
    cursor: pointer;
    border-radius: 12px;
    transition: all 0.3s;
    background-color: #fff;
    padding: 12px;
    margin-bottom: 24px; }
    .notification__detail .hvn_news-item .item:hover {
      transform: scale(1.02); }
      .notification__detail .hvn_news-item .item:hover .content .title a {
        color: #111827; }
    .notification__detail .hvn_news-item .item .image {
      padding: 0; }
      .notification__detail .hvn_news-item .item .image img {
        border-radius: 8px;
        height: 252px;
        object-fit: cover;
        width: 100%; }
        @media screen and (max-width: 1400px) {
          .notification__detail .hvn_news-item .item .image img {
            height: 156px; } }
        @media screen and (max-width: 1200px) {
          .notification__detail .hvn_news-item .item .image img {
            height: 138px; } }
        @media screen and (max-width: 768px) {
          .notification__detail .hvn_news-item .item .image img {
            height: 145px; } }
    .notification__detail .hvn_news-item .item .content {
      padding: 12px;
      background-color: #fff;
      border-radius: 0 0 10px 10px;
      height: 204px; }
      .notification__detail .hvn_news-item .item .content .a_link {
        color: #111827;
        text-decoration: underline; }
      .notification__detail .hvn_news-item .item .content .title {
        margin-bottom: 12px; }
        .notification__detail .hvn_news-item .item .content .title a {
          font-size: 20px; }
        .notification__detail .hvn_news-item .item .content .title a:hover {
          color: #111827 !important; }
      .notification__detail .hvn_news-item .item .content .title-cate {
        padding: 4px 12px;
        background: #f2f2f2;
        border-radius: 30px;
        width: fit-content;
        margin-bottom: 12px !important; }
      .notification__detail .hvn_news-item .item .content .text {
        margin: 0px; }
        @media screen and (max-width: 768px) {
          .notification__detail .hvn_news-item .item .content .text {
            font-size: 14px; } }
  .notification__detail .related .owl-theme .owl-controls .owl-page {
    display: inline-block; }
  .notification__detail .related .carousel-shadow {
    margin: 10px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
  .notification__detail .related #news-related--owl-carousel .owl-stage-outer {
    padding-top: 5px;
    padding-bottom: 15px; }
    .notification__detail .related #news-related--owl-carousel .owl-stage-outer .owl-stage .owl-item {
      height: 100% !important; }
  .notification__detail .bdt {
    padding-bottom: 8px;
    border-bottom: 3px solid #fff; }
  .notification__detail .title-vertical {
    position: relative;
    padding-left: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #111827; }
    .notification__detail .title-vertical::before {
      position: absolute;
      left: 0px;
      top: 2px;
      content: "";
      width: 4px;
      border-radius: 12px;
      height: 65%;
      background-color: #ee2c27; }

.service {
  padding: 24px 0; }
  .service .service__title {
    text-align: center;
    color: #111827;
    font-size: 32px; }
  @media screen and (max-width: 576px) {
    .service .service__box .service__bottom-box {
      margin-bottom: 14px; } }
  .service .service__box .service__bottom-box .service__bottom-img img {
    padding: 12px;
    width: 100%;
    height: 340px;
    max-height: 340px;
    object-fit: cover; }
    @media screen and (max-width: 576px) {
      .service .service__box .service__bottom-box .service__bottom-img img {
        padding: 0;
        height: 200px; } }
  .service .service__box .service__bottom-box .service__bottom-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 12px; }
    @media screen and (max-width: 576px) {
      .service .service__box .service__bottom-box .service__bottom-text {
        padding: 12px 12px 0; } }
    .service .service__box .service__bottom-box .service__bottom-text .title {
      font-size: 24px;
      margin-bottom: 0px; }
      @media screen and (max-width: 576px) {
        .service .service__box .service__bottom-box .service__bottom-text .title {
          margin-bottom: 8px; } }
    .service .service__box .service__bottom-box .service__bottom-text p {
      margin-bottom: 24px; }
      @media screen and (max-width: 576px) {
        .service .service__box .service__bottom-box .service__bottom-text p {
          margin-bottom: 8px; } }
    .service .service__box .service__bottom-box .service__bottom-text a {
      color: #111827;
      width: fit-content; }

.service__science .service__science-top {
  margin-top: 20px; }
  .service__science .service__science-top .orientation__list-item .orientation__list-item {
    padding: 0; }
    .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box {
      position: relative; }
      .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box img {
        width: 100%;
        height: 500px; }
        @media screen and (max-width: 576px) {
          .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box img {
            height: 200px; } }
      .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 12px;
        text-align: center;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap h2 {
          font-size: 32px;
          color: #fff; }
          @media screen and (max-width: 576px) {
            .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap h2 {
              font-size: 24px; } }
        .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--title {
          font-size: 20px; }
        .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link {
          padding: 8px 12px;
          border: 2px solid #fff;
          border-radius: 30px;
          color: #fff;
          background: transparent;
          display: flex;
          align-items: center;
          margin: 0 auto; }
          @media screen and (max-width: 576px) {
            .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link {
              padding: 4px 8px; } }
          .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link:hover span {
            background: #fff; }
            .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link:hover span i {
              color: #111827; }
          .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link span {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 28px;
            width: 28px;
            border: 2px solid #fff;
            border-radius: 50%;
            background: transparent;
            margin-left: 24px; }
            .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap .orientation__list-box--link span i {
              font-size: 11px; }
        .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap p {
          color: #fff; }
      .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        padding: 0 12px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 .orientation__list-box--title {
          font-size: 20px;
          color: #fff; }
          @media screen and (max-width: 576px) {
            .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 .orientation__list-box--title {
              font-size: 14px; } }
        .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box .video-wrap-2 p {
          display: none;
          color: #fff; }
      .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box:hover .orientation__list-box--title {
        position: relative;
        animation: myfirst 0.4s linear; }
      .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box:hover .video-wrap-2 {
        background: rgba(0, 0, 0, 0.5);
        transition: all 0.3s linear; }
      .service__science .service__science-top .orientation__list-item .orientation__list-item .orientation__list-box:hover p {
        display: -webkit-box;
        animation: myfirst 0.3s linear; }
  .service__science .service__science-top .service__science-top--left {
    position: relative; }
    .service__science .service__science-top .service__science-top--left img {
      width: 100%;
      height: 353px;
      object-fit: cover; }
    .service__science .service__science-top .service__science-top--left .video-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      padding: 0 12px;
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .service__science .service__science-top .service__science-top--left .video-wrap .orientation__list-box--link {
        padding: 8px 12px;
        border: 2px solid #fff;
        border-radius: 30px;
        color: #fff;
        background: rgba(197, 197, 197, 0.5);
        display: flex;
        align-items: center;
        margin: 0 auto; }
        .service__science .service__science-top .service__science-top--left .video-wrap .orientation__list-box--link:hover span {
          background: #fff; }
          .service__science .service__science-top .service__science-top--left .video-wrap .orientation__list-box--link:hover span i {
            color: green; }
        .service__science .service__science-top .service__science-top--left .video-wrap .orientation__list-box--link span {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 28px;
          width: 28px;
          border: 2px solid #fff;
          border-radius: 50%;
          background: transparent;
          margin-left: 24px; }
          .service__science .service__science-top .service__science-top--left .video-wrap .orientation__list-box--link span i {
            font-size: 11px; }
  .service__science .service__science-top .service__science-top--right {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .service__science .service__science-top .service__science-top--right h1 {
      font-size: 200px;
      font-style: italic;
      color: rgba(197, 197, 197, 0.1); }
    .service__science .service__science-top .service__science-top--right .service__science-top--right-box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 15;
      width: 100%;
      text-align: center; }
      .service__science .service__science-top .service__science-top--right .service__science-top--right-box h3 {
        font-size: 28px;
        font-weight: bold;
        color: #111827; }
.service__science .service__science-mid {
  margin-bottom: 28px; }
.service__science .service__science-procedure h3 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px; }
.service__science .service__science-procedure .procedure-swiper .service__science-procedure--item .image {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  border-bottom: 4px solid #111827;
  border-right: 4px solid #111827;
  margin: 42px auto 24px;
  transform: rotate(45deg); }
  .service__science .service__science-procedure .procedure-swiper .service__science-procedure--item .image span {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: rotate(315deg) translate(50%, -50%); }
.service__science .service__science-procedure .procedure-swiper .service__science-procedure--item .title p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #5c5c5c; }
.service__science .service__science-procedure .procedure-swiper .service__science-procedure--item .content p {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  text-align: center; }
.service__science .service__science-contact {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/contact-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 48px;
  border-radius: 20px; }
  @media screen and (max-width: 576px) {
    .service__science .service__science-contact {
      padding: 15px; } }
  .service__science .service__science-contact h3 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 12px; }
  .service__science .service__science-contact .service__science-contact--sub {
    color: #fff;
    text-align: center;
    margin-bottom: 12px; }
  .service__science .service__science-contact .service__science-contact-btn {
    border: 1px solid #fff;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    width: 100%;
    padding: 8px 42px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .service__science .service__science-contact .service__science-contact-btn i {
      color: #fff;
      margin-left: 8px;
      font-size: 14px; }
    .service__science .service__science-contact .service__science-contact-btn:hover {
      border-color: #fba832;
      background: #fba832; }
  .service__science .service__science-contact .contact__register-services {
    background: #fff;
    border-radius: 8px;
    color: #111827;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700; }
    .service__science .service__science-contact .contact__register-services:hover {
      box-shadow: 0 0 0 0.3rem #ffffff70; }
    .service__science .service__science-contact .contact__register-services:focus {
      box-shadow: 0 0 0 0.3rem #ffffff70; }
    .service__science .service__science-contact .contact__register-services svg {
      margin-left: 12px; }
      .service__science .service__science-contact .contact__register-services svg path {
        fill: #111827; }
.service__science .service__science-post {
  margin-bottom: 20px; }
  .service__science .service__science-post .owl-carousel .owl-nav button.owl-prev,
  .service__science .service__science-post .owl-carousel .owl-nav button.owl-prev,
  .service__science .service__science-post .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 15px;
    top: 50%;
    display: block;
    padding: 0 0.3em !important;
    font-size: 2.5em;
    margin: 0;
    cursor: pointer;
    color: #fff6;
    transform: translate(-50%, -50%);
    transition: all 0.5s; }
    .service__science .service__science-post .owl-carousel .owl-nav button.owl-prev:hover,
    .service__science .service__science-post .owl-carousel .owl-nav button.owl-prev:hover,
    .service__science .service__science-post .owl-carousel button.owl-dot.owl-nav:hover {
      color: #fff; }
  .service__science .service__science-post .owl-carousel .owl-nav button.owl-next,
  .service__science .service__science-post .owl-carousel .owl-nav button.owl-next,
  .service__science .service__science-post .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: -25px;
    top: 50%;
    display: block;
    padding: 0 0.3em !important;
    font-size: 2.5em;
    margin: 0;
    cursor: pointer;
    color: #fff6;
    transform: translate(-50%, -50%);
    transition: all 0.5s; }
    .service__science .service__science-post .owl-carousel .owl-nav button.owl-next:hover,
    .service__science .service__science-post .owl-carousel .owl-nav button.owl-next:hover,
    .service__science .service__science-post .owl-carousel button.owl-dot.owl-nav:hover {
      color: #fff; }
  .service__science .service__science-post .owl-theme .owl-nav [class*="owl-"]:hover {
    background: unset; }
  .service__science .service__science-post .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 4px;
    border-radius: 8px;
    background-color: #ffffff89; }
  .service__science .service__science-post .owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff; }
  .service__science .service__science-post .service__science-post--item {
    position: relative; }
    .service__science .service__science-post .service__science-post--item img {
      height: 300px;
      max-height: 300px;
      width: 100%;
      object-fit: cover; }
    .service__science .service__science-post .service__science-post--item .service__science-post--overlay {
      position: absolute;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      z-index: 7;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 48px; }
      .service__science .service__science-post .service__science-post--item .service__science-post--overlay:hover .overlay_item-content {
        display: block;
        visibility: visible;
        opacity: 1; }
      .service__science .service__science-post .service__science-post--item .service__science-post--overlay .overlay_item-title {
        color: #fff; }
      .service__science .service__science-post .service__science-post--item .service__science-post--overlay .overlay_item-content {
        visibility: hidden;
        display: none;
        opacity: 0;
        text-align: center;
        color: #fff; }
      .service__science .service__science-post .service__science-post--item .service__science-post--overlay .overlay_item-btn {
        color: #fff;
        background: transparent;
        border: 2px solid #fff;
        padding: 8px 24px;
        border-radius: 4px; }
        .service__science .service__science-post .service__science-post--item .service__science-post--overlay .overlay_item-btn:hover {
          background: #fff;
          transition: all 0.3s ease-in-out;
          color: #111827;
          box-shadow: 0 0 0 0.3rem #ffffff70; }
          .service__science .service__science-post .service__science-post--item .service__science-post--overlay .overlay_item-btn:hover svg path {
            fill: #111827;
            transition: all 0.3s ease-in-out; }
        .service__science .service__science-post .service__science-post--item .service__science-post--overlay .overlay_item-btn:focus {
          box-shadow: 0 0 0 0.3rem #ffffff70; }
.service__science .another__science {
  padding: 48px 0; }
.service__science .service__science-another {
  padding: 48px 0; }
  .service__science .service__science-another .service__science-another--title h3 {
    display: flex;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase; }
    .service__science .service__science-another .service__science-another--title h3::before {
      height: 100%;
      width: 4px;
      background: #111827;
      display: block;
      content: "";
      margin-right: 8px; }
  .service__science .service__science-another .service__science-another--title a:hover {
    color: rgba(197, 197, 197, 0.7); }
  .service__science .service__science-another .service__science-another--item {
    position: relative; }
    .service__science .service__science-another .service__science-another--item img {
      height: 392px;
      max-height: 392px;
      width: 100%;
      object-fit: cover; }
    .service__science .service__science-another .service__science-another--item .service__science-post--overlay {
      position: absolute;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      z-index: 7;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 48px; }
      @media screen and (max-width: 576px) {
        .service__science .service__science-another .service__science-another--item .service__science-post--overlay {
          padding: 10px; } }
      .service__science .service__science-another .service__science-another--item .service__science-post--overlay:hover .overlay_item-content {
        display: block;
        visibility: visible;
        opacity: 1; }
      .service__science .service__science-another .service__science-another--item .service__science-post--overlay .overlay_item-title {
        text-align: center;
        color: #fff; }
      .service__science .service__science-another .service__science-another--item .service__science-post--overlay .overlay_item-content {
        visibility: hidden;
        display: none;
        opacity: 0;
        text-align: center;
        color: #fff; }
      .service__science .service__science-another .service__science-another--item .service__science-post--overlay .overlay_item-btn {
        color: #fff;
        background: transparent;
        border: 2px solid #fff;
        padding: 8px 24px;
        border-radius: 4px; }
        .service__science .service__science-another .service__science-another--item .service__science-post--overlay .overlay_item-btn:hover {
          background: #fff;
          transition: all 0.3s ease-in-out;
          color: #111827;
          box-shadow: 0 0 0 0.3rem #ffffff70; }
          .service__science .service__science-another .service__science-another--item .service__science-post--overlay .overlay_item-btn:hover svg path {
            fill: #111827;
            transition: all 0.3s ease-in-out; }
        .service__science .service__science-another .service__science-another--item .service__science-post--overlay .overlay_item-btn:focus {
          box-shadow: 0 0 0 0.3rem #ffffff70; }

#service .service__science-another--item {
  position: relative;
  padding: 0; }
  #service .service__science-another--item img {
    height: 392px;
    max-height: 392px;
    width: 100%;
    object-fit: cover; }
    @media screen and (max-width: 576px) {
      #service .service__science-another--item img {
        height: 200px; } }
  #service .service__science-another--item .service__science-post--overlay {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px; }
    @media screen and (max-width: 576px) {
      #service .service__science-another--item .service__science-post--overlay {
        padding: 0 8px; } }
    #service .service__science-another--item .service__science-post--overlay:hover .overlay_item-content {
      display: block;
      visibility: visible;
      opacity: 1; }
    #service .service__science-another--item .service__science-post--overlay .overlay_item-title {
      color: #fff;
      text-align: center; }
    #service .service__science-another--item .service__science-post--overlay .overlay_item-content {
      visibility: hidden;
      display: none;
      opacity: 0;
      text-align: center;
      color: #fff; }
    #service .service__science-another--item .service__science-post--overlay .overlay_item-btn {
      color: #fff;
      background: transparent;
      border: 2px solid #fff;
      padding: 8px 24px;
      border-radius: 4px; }
      @media screen and (max-width: 576px) {
        #service .service__science-another--item .service__science-post--overlay .overlay_item-btn {
          padding: 4px 8px; } }
      #service .service__science-another--item .service__science-post--overlay .overlay_item-btn:hover {
        background: #fff;
        transition: all 0.3s ease-in-out;
        color: #111827;
        box-shadow: 0 0 0 0.3rem #ffffff70; }
        #service .service__science-another--item .service__science-post--overlay .overlay_item-btn:hover svg path {
          fill: #111827;
          transition: all 0.3s ease-in-out; }
      #service .service__science-another--item .service__science-post--overlay .overlay_item-btn:focus {
        box-shadow: 0 0 0 0.3rem #ffffff70; }

.service__science-detail .service__science-item img {
  width: 100%;
  height: 264px;
  object-fit: cover; }
.service__science-detail .service__science-detail--title {
  margin: 24px 0 36px;
  font-size: 32px;
  color: #111827;
  text-transform: uppercase; }

.team__experts {
  background: #f2f2f2;
  padding: 24px 0; }
  .team__experts .team__experts-title {
    font-size: 32px;
    color: #111827;
    text-align: center;
    margin-bottom: 8px; }
  .team__experts .team__experts-sub {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    text-align: center; }
  .team__experts .team__experts-boxitem img {
    width: 100%;
    height: 400px;
    object-fit: cover; }
  .team__experts .team__experts-boxitem .team__experts-boxitem--content {
    padding: 12px;
    background-color: #fff; }
    .team__experts .team__experts-boxitem .team__experts-boxitem--content .user_name {
      font-weight: 700;
      font-size: 20px;
      line-height: 28px;
      color: #595959;
      text-align: center; }
    .team__experts .team__experts-boxitem .team__experts-boxitem--content .user_role {
      text-align: center;
      line-height: 24px; }
  .team__experts .modal-lg-cus {
    width: 100%;
    max-width: 1200px; }
  .team__experts .team_experts-content img {
    width: 100%;
    height: 329px;
    object-fit: cover;
    border-radius: 12px; }
  .team__experts .team_experts-content .team__box {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .team__experts .team_experts-content .team__box-content .user_name {
    font-size: 32px;
    margin-bottom: 24px; }

.item-facilities {
  cursor: pointer;
  transition: all 0.3s;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px; }
  .item-facilities:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); }
  .item-facilities .image img {
    padding: 8px;
    height: 260px;
    object-fit: cover;
    width: 100%; }
    @media screen and (max-width: 1400px) {
      .item-facilities .image img {
        height: 220px; } }
    @media screen and (max-width: 1200px) {
      .item-facilities .image img {
        height: 195px; } }
    @media screen and (max-width: 768px) {
      .item-facilities .image img {
        height: 170px; } }
  .item-facilities .content {
    padding: 12px; }
    .item-facilities .content .title {
      margin: 0;
      font-weight: 400; }
    .item-facilities .content .text {
      margin: 0px;
      font-size: 12px; }
      @media screen and (max-width: 768px) {
        .item-facilities .content .text {
          font-size: 14px; } }

.component-search {
  margin-top: 16px; }
  .component-search .search_bar {
    position: relative;
    height: 48px;
    width: 100%;
    background: #ffffff;
    border: 2px solid #111827;
    border-radius: 12px; }
    .component-search .search_bar button.btn-search-nvt {
      width: 38px;
      height: 38px;
      position: absolute;
      z-index: 2;
      right: 0;
      background: transparent;
      border: none;
      top: 50%;
      border-radius: 50%;
      color: #5c5c5c;
      transform: translate(-4px, -50%);
      background: #111827;
      border-radius: 4px 8px 8px 4px; }
      .component-search .search_bar button.btn-search-nvt i {
        color: white; }
    .component-search .search_bar input.input_search {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: transparent;
      text-indent: 15px;
      border: none;
      outline: none;
      border-radius: 10px;
      transition: all 0.5s; }
      .component-search .search_bar input.input_search:focus {
        background: #ffffff; }
    .component-search .search_bar input[type="search"] {
      font-weight: 400;
      color: #5c5c5c;
      font-size: 16px !important;
      line-height: 22px; }

.page-blogs {
  background-color: #f2f2f2; }

.home-feature .content-home-feature .feature-header {
  margin: 0 auto;
  text-align: center; }
  .home-feature .content-home-feature .feature-header h2 {
    font-size: 28px;
    color: #111827;
    text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .home-feature .content-home-feature .feature-header {
      margin: 0 auto 20px !important; } }
.home-feature .content-home-feature .feature-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 18px; }
  .home-feature .content-home-feature .feature-list .featured-item {
    flex-grow: 1;
    width: 33%;
    padding: 0px 30px; }
    .home-feature .content-home-feature .feature-list .featured-item:hover {
      cursor: pointer; }
      .home-feature .content-home-feature .feature-list .featured-item:hover .featured-heading {
        color: #111827;
        text-decoration: underline; }
    @media screen and (max-width: 1024px) {
      .home-feature .content-home-feature .feature-list .featured-item {
        width: 50% !important; } }
    .home-feature .content-home-feature .feature-list .featured-item .featured-img {
      max-width: 130px;
      margin: 0 auto; }
      .home-feature .content-home-feature .feature-list .featured-item .featured-img img {
        max-width: 130px;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        object-fit: cover;
        filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1)); }
    .home-feature .content-home-feature .feature-list .featured-item .featured-content {
      text-align: center; }
      .home-feature .content-home-feature .feature-list .featured-item .featured-content .featured-heading {
        margin-bottom: 0;
        height: 73px; }
        .home-feature .content-home-feature .feature-list .featured-item .featured-content .featured-heading .counter-count {
          font-size: 16px;
          color: #464646;
          line-height: 35px; }
          @media screen and (max-width: 576px) {
            .home-feature .content-home-feature .feature-list .featured-item .featured-content .featured-heading .counter-count {
              font-size: 12px;
              line-height: 18px; } }
      .home-feature .content-home-feature .feature-list .featured-item .featured-content .featured-description {
        color: #696984;
        text-align: center; }

.organization_structure .structure .grid-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0; }
.organization_structure .structure .grid-wrapper li {
  list-style-type: none; }

.card_outer {
  --d: 700ms;
  --e: cubic-bezier(0.19, 1, 0.22, 1); }
  .card_outer .content > * + * {
    margin-top: 1rem; }
  .card_outer .title {
    font-size: 18px;
    font-weight: bold;
    color: #000; }
  .card_outer .copy {
    font-size: 14px;
    font-style: italic;
    line-height: 25px;
    color: #888;
    text-align: unset !important;
    margin: 5px 0; }

.single_organization_structure .content h3 {
  font-size: 28px; }
.single_organization_structure .activities .image img {
  height: 250px; }

/*# sourceMappingURL=style.css.map */