@charset "UTF-8";
/******* RESPONSIVE ********/
/****Màn hình máy tính thông thường****/
/****Màn hình desktop loại bé****/
/**** Màn hình ipad hiển thị theo chiều ngang (Landscape) ****/
/****Màn hình ipad loại bé hiển thị theo chiều ngang (Landscape)****/
/****Màn hình ipad hiển thị theo chiều dọc (Portrait)****/
/****Màn hình ipad loại bé hiển thị theo chiều dọc (Portrait)****/
/****Màn hình điện thoại hiển thị theo chiều ngang (Landscape)****/
/****Màn hình điện thoại Iphone Plus****/
/****Màn hình điện thoại Iphone****/
/****Màn hình điện thoại loại bé****/
@import url("../../fonts/Roboto/font-roboto.css");
#home .img-banner-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 30px;
  border: 1px solid #e6e6e6; }

#home #img-carousel {
  height: 95vh;
  width: 100%;
  position: relative;
  color: #eee; }
  #home #img-carousel > img {
    width: 100%;
    position: absolute;
    bottom: -35px; }
  #home #img-carousel .carousel-inner:after {
    content: '';
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to top, color(srgb 0 0 0/0.5) 30%, transparent); }
  #home #img-carousel .carousel-inner .carousel-item {
    height: 95vh;
    overflow: hidden; }
    #home #img-carousel .carousel-inner .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top; }
  #home #img-carousel .carousel-control-prev, #home #img-carousel .carousel-control-next {
    z-index: 1; }

#home .search-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: #475467;
  line-height: 150%; }

#home .search-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 30px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 100%;
  padding: 50px;
  z-index: 100; }

#home .search-title {
  color: #101828;
  font: 700 36px sans-serif; }

#home .search-description {
  margin-top: 10px;
  font: 400 20px sans-serif; }

#home .search-form {
  display: flex;
  justify-content: center;
  align-self: stretch;
  margin-top: 50px;
  gap: 20px;
  font-size: 16px;
  font-weight: 500; }

#home .search-input,
#home .search-select {
  display: flex;
  gap: 8px;
  padding: 14px;
  border-radius: 30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #eaecf0;
  background-color: #fff;
  width: 40%;
  height: fit-content; }
  #home .search-input input,
  #home .search-select input {
    width: 100%; }

#home input#search-keywords {
  color: unset; }

#home #search-keywords:focus:focus-visible:focus-within {
  outline: none; }

#home .search-icon {
  aspect-ratio: 1;
  object-fit: auto;
  object-position: center;
  width: 24px; }

#home .search-select-icon {
  aspect-ratio: 1;
  object-fit: auto;
  object-position: center;
  width: 20px;
  margin: auto 0; }

#home .search-button {
  font-family: sans-serif;
  justify-content: center;
  border-radius: 30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #77dada;
  color: #0e4f4f;
  padding: 14px 24px;
  border: none;
  cursor: pointer;
  height: fit-content; }

#home .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

@media (max-width: 991px) {
  #home .search-container {
    padding: 20px; }
  #home .search-box {
    max-width: 100%;
    margin-top: 20px;
    padding: 20px;
    z-index: 0; }
  #home .search-title,
  #home .search-description {
    max-width: 100%; }
  #home .search-form {
    flex-wrap: wrap;
    margin-top: 40px; }
  #home .search-input,
  #home .search-select,
  #home .search-button {
    padding-left: 20px;
    padding-right: 20px; } }

#home .destinations-section {
  padding: 100px 80px 100px;
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  top: 100px; }
  #home .destinations-section .destinations-header {
    justify-content: space-between;
    width: 100%; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-header {
      max-width: 100%; } }
  #home .destinations-section .destinations-content {
    gap: 20px;
    display: flex;
    flex-direction: column; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-content {
      flex-direction: column;
      align-items: stretch;
      gap: 0; } }
  #home .destinations-section .destinations-title-column {
    display: flex;
    flex-direction: column;
    line-height: normal; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-title-column {
      width: 100%; } }
  #home .destinations-section .destinations-title-wrapper {
    color: #fff;
    text-shadow: -2px 2px #0366b1; }
  #home .destinations-section .destinations-title {
    font-weight: 700; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-title-wrapper {
      max-width: 100%; } }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-title {
      max-width: 100%; } }
  #home .destinations-section .destinations-icon {
    aspect-ratio: 10;
    object-fit: auto;
    object-position: center;
    width: 100px;
    margin-top: 10px;
    max-width: 100%; }
  #home .destinations-section .destinations-description-column {
    display: flex;
    flex-direction: column;
    line-height: normal; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-description-column {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; } }
  #home .destinations-section .destinations-description {
    color: #fff;
    font-size: 15px;
    text-align: justify; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-description {
      max-width: 100%; } }
  #home .destinations-section .destinations-cards {
    justify-content: space-between;
    align-content: flex-start;
    row-gap: 32px;
    flex-wrap: wrap;
    width: 100%; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-cards {
      max-width: 100%;
      margin-top: 40px; } }
  #home .destinations-section .destinations-card-container {
    display: flex;
    padding: 0 5%;
    height: 100%; }
  @media (max-width: 991px) {
    #home .destinations-section .destinations-card-container {
      flex-direction: column;
      align-items: stretch;
      gap: 0; } }
  #home .destinations-section .destination-card {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 33%;
    margin: 0 5px; }
  @media (max-width: 991px) {
    #home .destinations-section .destination-card {
      width: 100%; } }
  #home .destinations-section .slick-track::after {
    clear: both;
    padding: 5px 0px; }
  #home .destinations-section .destination-card-content {
    align-items: center;
    height: 270px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    line-height: 150%;
    padding: 20px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3); }
  #home .destinations-section .destination-card-content:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
  @media (max-width: 991px) {
    #home .destinations-section .destination-card-content {
      margin-top: 40px; } }
  #home .destinations-section .destination-image {
    aspect-ratio: 1.64;
    object-fit: auto;
    object-position: center;
    width: 100%;
    align-self: stretch;
    border-radius: calc(30px - 20px); }
  #home .destinations-section .destination-name {
    color: #fff;
    margin-top: 18px;
    font: 700 16px sans-serif; }
  #home .destinations-section .destination-link {
    justify-content: center;
    border-radius: 30px;
    background-color: #fff;
    margin-top: 18px;
    color: #475467;
    padding: 10px 20px;
    font: 500 12px sans-serif; }
  @media (max-width: 991px) {
    #home .destinations-section .destination-link {
      padding: 10px 20px; } }

@media (max-width: 991px) {
  #home .destinations-section {
    padding: 20px; } }

#home .agricultural-tourism {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #home .agricultural-tourism .hero-section {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    min-height: 589px;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 100px 80px;
    background: linear-gradient(0deg, rgba(119, 218, 218, 0.1) 0%, rgba(119, 218, 218, 0.1) 100%); }
  #home .agricultural-tourism .hero-background {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center; }
  #home .agricultural-tourism .content-wrapper {
    position: relative;
    justify-content: space-between;
    width: 100%; }
  #home .agricultural-tourism .two-column-layout {
    gap: 20px;
    display: flex; }
  #home .agricultural-tourism .left-column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 50%;
    margin-left: 0; }
  #home .agricultural-tourism .main-content {
    justify-content: center;
    position: relative;
    display: flex;
    flex-direction: column; }
  #home .agricultural-tourism .main-title {
    color: #101828;
    font: 700 30px/45px sans-serif; }
  #home .agricultural-tourism .divider {
    aspect-ratio: 10;
    object-fit: auto;
    object-position: center;
    width: 100px;
    margin-top: 10px;
    max-width: 100%; }
  #home .agricultural-tourism .main-description {
    color: #475467;
    margin-top: 20px;
    font: 400 18px/29px sans-serif; }
  #home .agricultural-tourism .cta-button {
    justify-content: center;
    border-radius: 30px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background-color: #77dada;
    align-self: start;
    margin-top: 20px;
    color: #0e4f4f;
    padding: 14px 24px;
    font: 500 16px/150% sans-serif; }
  #home .agricultural-tourism .right-column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 50%;
    margin-left: 20px; }
  #home .agricultural-tourism .feature-list {
    position: relative;
    display: flex;
    flex-grow: 1;
    padding-left: 50px;
    flex-direction: column; }
  #home .agricultural-tourism .feature-card {
    border-radius: 30px;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 32px; }
  #home .agricultural-tourism .feature-card:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
  #home .agricultural-tourism .feature-content {
    align-items: center;
    display: flex; }
  #home .agricultural-tourism .icon-wrapper {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 20%;
    margin-left: 0; }
  #home .agricultural-tourism .feature-icon {
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 100px;
    max-width: 100%;
    border-radius: calc(30px - 20px); }
  #home .agricultural-tourism .text-wrapper {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 80%;
    margin-left: 20px; }
  #home .agricultural-tourism .feature-text {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: #000; }
  #home .agricultural-tourism .feature-title {
    margin-bottom: 0px;
    font: 700 20px/150% sans-serif; }
  #home .agricultural-tourism .feature-description {
    margin-top: 5px;
    font: 400 15px/23px sans-serif; }
  @media (max-width: 991px) {
    #home .agricultural-tourism .hero-section {
      max-width: 100%;
      padding: 50px 20px; }
    #home .agricultural-tourism .content-wrapper {
      max-width: 100%; }
    #home .agricultural-tourism .two-column-layout {
      flex-direction: column;
      align-items: stretch;
      gap: 0; }
    #home .agricultural-tourism .left-column, #home .agricultural-tourism .right-column {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; }
    #home .agricultural-tourism .main-content, #home .agricultural-tourism .feature-list {
      max-width: 100%;
      padding-left: 0; }
    #home .agricultural-tourism .cta-button {
      padding: 10px 20px; }
    #home .agricultural-tourism .feature-icon, #home .agricultural-tourism .feature-text {
      margin-top: 0px; } }
  #home .agricultural-tourism .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }

#home .collapse:not(.show) {
  display: none; }

#home .video-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f5f5f5; }
  #home .video-section .button-text:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
  #home .video-section .button-text {
    justify-content: center;
    border-radius: 30px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eaecf0;
    background-color: #fff;
    align-self: center;
    display: flex;
    margin-top: 80px;
    gap: 8px;
    font: 500 16px/150% sans-serif;
    color: #101828;
    padding: 14px 24px; }
  #home .video-section .video-wrapper {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding: 50px 80px;
    /* These were inline style tags. Uses id+class to override almost everything */ }
    #home .video-section .video-wrapper .slick-slide {
      margin: unset;
      padding: unset; }
    #home .video-section .video-wrapper .snipcss-Mosj4 {
      display: flex; }
    #home .video-section .video-wrapper .main-title {
      color: #101828;
      font: 700 30px/45px sans-serif; }
    #home .video-section .video-wrapper .main-description {
      color: #475467;
      margin-bottom: 20px;
      font: 400 18px/29px sans-serif; }
    #home .video-section .video-wrapper .vid {
      border-radius: 30px; }
    @media all {
      #home .video-section .video-wrapper .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight; }
      #home .video-section .video-wrapper *, #home .video-section .video-wrapper :after, #home .video-section .video-wrapper :before {
        box-sizing: border-box; }
      #home .video-section .video-wrapper :selection {
        background: #151515;
        color: #fff;
        text-shadow: none; }
      #home .video-section .video-wrapper figure {
        margin: 0 0 1rem; }
      #home .video-section .video-wrapper figure {
        margin: 0 !important; }
      #home .video-section .video-wrapper .project-box-area .content {
        padding: 37px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: all 500ms ease;
        width: 300px; }
      #home .video-section .video-wrapper .project-box-area .content::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 200px;
        background: linear-gradient(0deg, #1F212D 2.13%, rgba(255, 143, 39, 0) 100%);
        transition: all 500ms ease;
        border-radius: 0px 0px 30px 30px; }
      #home .video-section .video-wrapper .project-box-area .content {
        opacity: 1; }
      #home .video-section .video-wrapper .project-box-area .content::before {
        width: 100%;
        left: 0; }
      #home .video-section .video-wrapper img {
        vertical-align: middle; }
      #home .video-section .video-wrapper img {
        -webkit-transition: all 0.3s 0s ease-out;
        -moz-transition: all 0.3s 0s ease-out;
        -ms-transition: all 0.3s 0s ease-out;
        -o-transition: all 0.3s 0s ease-out;
        transition: all 0.3s 0s ease-out; }
      #home .video-section .video-wrapper img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 30px; }
      #home .video-section .video-wrapper .w-img img {
        width: 100%;
        height: 270px;
        object-fit: cover; }
      #home .video-section .video-wrapper a {
        text-decoration: underline; }
      #home .video-section .video-wrapper a {
        -webkit-transition: all 0.3s 0s ease-out;
        -moz-transition: all 0.3s 0s ease-out;
        -ms-transition: all 0.3s 0s ease-out;
        -o-transition: all 0.3s 0s ease-out;
        transition: all 0.3s 0s ease-out; }
      #home .video-section .video-wrapper a {
        text-decoration: none; }
      #home .video-section .video-wrapper a {
        color: inherit;
        outline: none;
        border: none;
        background: transparent; }
      #home .video-section .video-wrapper .project-box-area .project-btn {
        width: 50px;
        height: 50px;
        background: #77DADA;
        border-radius: 50%;
        font-size: 14px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        margin-top: 20px;
        position: relative; } }
    #home .video-section .video-wrapper .project-box-area .project-btn {
      background-color: #77DADA; }
    @media all {
      #home .video-section .video-wrapper .project-box-area .project-btn {
        display: show !important; }
      #home .video-section .video-wrapper a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
      #home .video-section .video-wrapper a:hover {
        color: inherit;
        text-decoration: none; }
      #home .video-section .video-wrapper .project-box-area .project-btn:hover::before {
        width: 100%; }
      #home .video-section .video-wrapper h2 {
        margin-top: 0;
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
        color: var(--bs-heading-color); }
      #home .video-section .video-wrapper h2 {
        font-size: 30px; } }
    @media all {
      #home .video-section .video-wrapper h2 {
        -webkit-transition: all 0.3s 0s ease-out;
        -moz-transition: all 0.3s 0s ease-out;
        -ms-transition: all 0.3s 0s ease-out;
        -o-transition: all 0.3s 0s ease-out;
        transition: all 0.3s 0s ease-out; }
      #home .video-section .video-wrapper h2 {
        font-family: var(--primary-font);
        color: var(--black-color);
        margin-top: 0px;
        line-height: 1.3;
        margin-bottom: 0;
        font-weight: 600; }
      #home .video-section .video-wrapper h2 {
        font-size: 30px; }
      #home .video-section .video-wrapper .project-box-area .content h2 {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
        color: transparent;
        margin-bottom: 14px;
        position: relative; }
      #home .video-section .video-wrapper .project-box-area .content h2 {
        display: show !important; }
      #home .video-section .video-wrapper h4 {
        margin-top: 0;
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
        color: var(--bs-heading-color); }
      #home .video-section .video-wrapper h4 {
        font-size: 20px; } }
    @media all {
      #home .video-section .video-wrapper h4 {
        -webkit-transition: all 0.3s 0s ease-out;
        -moz-transition: all 0.3s 0s ease-out;
        -ms-transition: all 0.3s 0s ease-out;
        -o-transition: all 0.3s 0s ease-out;
        transition: all 0.3s 0s ease-out; }
      #home .video-section .video-wrapper h4 {
        font-family: var(--primary-font);
        color: var(--black-color);
        margin-top: 0px;
        line-height: 1.3;
        margin-bottom: 0;
        font-weight: 600; }
      #home .video-section .video-wrapper h4 {
        font-size: 20px; }
      #home .video-section .video-wrapper .project-box-area .content h4 {
        color: white;
        position: relative; }
      #home .video-section .video-wrapper .project-box-area .content h4 {
        display: show !important; }
      #home .video-section .video-wrapper span {
        -webkit-transition: all 0.3s 0s ease-out;
        -moz-transition: all 0.3s 0s ease-out;
        -ms-transition: all 0.3s 0s ease-out;
        -o-transition: all 0.3s 0s ease-out;
        transition: all 0.3s 0s ease-out; }
      #home .video-section .video-wrapper .project-box-area .project-btn:hover span {
        color: white;
        z-index: 1;
        position: relative; }
      #home .video-section .video-wrapper a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transform: translateX(0px); } }
    #home .video-section .video-wrapper .style-OFNXy {
      visibility: visible;
      animation-delay: 0.5s;
      animation-name: fadeInRight;
      width: 300px;
      height: 100%;
      position: relative;
      margin-right: 10px !important; }
    @media all {
      #home .video-section .video-wrapper .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown; }
      #home .video-section .video-wrapper .pr-40 {
        padding-inline-end: 40px; }
      #home .video-section .video-wrapper .float-bob-y {
        -webkit-animation-name: float-bob-y;
        animation-name: float-bob-y;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear; }
      #home .video-section .video-wrapper .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft; }
      #home .video-section .video-wrapper .mb-40 {
        margin-bottom: 40px; }
      #home .video-section .video-wrapper .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1; }
      #home .video-section .video-wrapper .swiper-pointer-events {
        touch-action: pan-y; }
      #home .video-section .video-wrapper .project-2-video-box .video_player_btn {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 136px;
        width: 136px;
        border-radius: 50%;
        transition: all 500ms ease; }
      #home .video-section .video-wrapper .project-2-video-box .video_player_btn::before, #home .video-section .video-wrapper .project-2-video-box .video_player_btn::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 100%;
        height: 100%;
        background-color: var(--theme-color);
        opacity: 1;
        border-radius: 50%; }
      #home .video-section .video-wrapper .project-2-video-box .video_player_btn::before {
        z-index: 0;
        -webkit-animation: pulse-border 1500ms ease-out infinite;
        animation: pulse-border 1500ms ease-out infinite; } }
    @media all {
      #home .video-section .video-wrapper .projects-form-image-area .video_player_btn::before, #home .video-section .video-wrapper .video_player_btn:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 100%;
        height: 100%;
        background-color: var(--theme-color);
        opacity: 1;
        border-radius: 50%; }
      #home .video-section .video-wrapper .project-2-video-box .video_player_btn::after {
        z-index: 1;
        -webkit-transition: all 200ms;
        transition: all 200ms; } }

#home .culinary-section {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #home .culinary-section .culinary-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    min-height: 589px;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 100px 80px; }
  #home .culinary-section .content-wrapper {
    width: 100%;
    justify-content: space-between; }
  @media (max-width: 991px) {
    #home .culinary-section .content-wrapper {
      max-width: 100%; }
    #home .culinary-section .culinary-wrapper {
      max-width: 100%;
      padding: 50px 20px; } }
  #home .culinary-section .intro-container {
    display: flex;
    gap: 20px; }
  @media (max-width: 991px) {
    #home .culinary-section .intro-container {
      flex-direction: column;
      align-items: stretch;
      gap: 0; } }
  #home .culinary-section .title-column {
    display: flex;
    flex-direction: column;
    width: 37%; }
  @media (max-width: 991px) {
    #home .culinary-section .title-column {
      width: 100%; } }
  #home .culinary-section .title-wrapper {
    display: flex;
    flex-direction: column;
    font: 700 30px/150% sans-serif;
    color: #101828; }
  @media (max-width: 991px) {
    #home .culinary-section .title-wrapper {
      max-width: 100%; } }
  #home .culinary-section .title {
    font-family: sans-serif;
    font-weight: 700; }
  @media (max-width: 991px) {
    #home .culinary-section .title {
      max-width: 100%; } }
  #home .culinary-section .icon {
    aspect-ratio: 10;
    object-fit: auto;
    object-position: center;
    width: 100px;
    margin-top: 10px;
    max-width: 100%; }
  #home .culinary-section .description-column {
    display: flex;
    flex-direction: column;
    width: 63%;
    margin-left: 20px; }
  @media (max-width: 991px) {
    #home .culinary-section .description-column {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; } }
  #home .culinary-section .description {
    color: #475467;
    font: 400 18px/29px sans-serif; }
  @media (max-width: 991px) {
    #home .culinary-section .description {
      max-width: 100%; } }
  #home .culinary-section .card-container {
    justify-content: space-between;
    align-content: flex-start;
    row-gap: 32px;
    flex-wrap: wrap;
    margin-top: 80px;
    width: 100%; }
  @media (max-width: 991px) {
    #home .culinary-section .card-container {
      max-width: 100%;
      margin-top: 40px; } }
  #home .culinary-section .card-wrapper {
    display: flex;
    gap: 20px; }
  @media (max-width: 991px) {
    #home .culinary-section .card-wrapper {
      flex-direction: column;
      align-items: stretch;
      gap: 0; } }
  #home .culinary-section .card-column {
    display: flex;
    flex-direction: column;
    width: 33%; }
  @media (max-width: 991px) {
    #home .culinary-section .card-column {
      width: 100%; } }
  #home .culinary-section .card {
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    border-radius: 30px;
    border: 1px solid #d9d9d9;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    font: 400 15px/150% sans-serif;
    color: #000;
    padding: 20px;
    min-height: 467px; }
  #home .culinary-section .card:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
  @media (max-width: 991px) {
    #home .culinary-section .card {
      margin-top: 40px; } }
  #home .culinary-section .card-image {
    aspect-ratio: 1.64;
    object-fit: auto;
    object-position: center;
    width: 100%;
    border-radius: calc(30px - 20px); }
  #home .culinary-section .card-title {
    margin-top: 15px;
    font: 700 20px sans-serif; }
  #home .culinary-section .card-text {
    font-family: sans-serif;
    line-height: 23px;
    margin-top: 5px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; }
  #home .culinary-section .card-date {
    font-family: sans-serif;
    margin-top: 15px; }
  #home .culinary-section .view-all-button {
    justify-content: center;
    border-radius: 30px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eaecf0;
    background-color: #fff;
    align-self: center;
    display: flex;
    margin-top: 80px;
    gap: 8px;
    font: 500 16px/150% sans-serif;
    color: #101828;
    padding: 14px 24px; }
  #home .culinary-section .view-all-button:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
  @media (max-width: 991px) {
    #home .culinary-section .view-all-button {
      margin-top: 40px;
      padding: 10px 20px; } }
  #home .culinary-section .button-text {
    font-family: sans-serif; }
  #home .culinary-section .button-icon {
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 24px; }

#home .tuyen-quang-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(0deg, rgba(217, 217, 217, 0.25) 0%, rgba(217, 217, 217, 0.25) 100%); }
  #home .tuyen-quang-section .hero-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    min-height: 781px;
    width: 100%;
    align-items: center;
    padding: 100px 80px; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .hero-container {
      max-width: 100%;
      padding: 50px 20px; } }
  #home .tuyen-quang-section .hero-background {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center; }
  #home .tuyen-quang-section .content-wrapper {
    width: 100%;
    justify-content: space-between; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .content-wrapper {
      max-width: 100%; } }
  #home .tuyen-quang-section .intro-container {
    display: flex;
    gap: 20px; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .intro-container {
      flex-direction: column;
      align-items: stretch;
      gap: 0; } }
  #home .tuyen-quang-section .title-column {
    display: flex;
    flex-direction: column;
    width: 50%; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .title-column {
      width: 100%; } }
  #home .tuyen-quang-section .title-wrapper {
    display: flex;
    flex-direction: column;
    font: 700 30px/150% sans-serif;
    color: #101828; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .title-wrapper {
      max-width: 100%; } }
  #home .tuyen-quang-section .title {
    font-family: sans-serif;
    font-weight: 700; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .title {
      max-width: 100%; } }
  #home .tuyen-quang-section .icon {
    aspect-ratio: 10;
    object-fit: auto;
    object-position: center;
    width: 100px;
    margin-top: 10px;
    max-width: 100%; }
  #home .tuyen-quang-section .description-column {
    display: flex;
    flex-direction: column;
    width: 63%;
    margin-left: 20px; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .description-column {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; } }
  #home .tuyen-quang-section .description {
    color: #475467;
    font: 400 18px/29px sans-serif; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .description {
      max-width: 100%; } }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .subtitle {
      max-width: 100%; } }
  #home .tuyen-quang-section .card-container {
    justify-content: space-between;
    align-content: flex-start;
    row-gap: 32px;
    flex-wrap: wrap;
    margin-top: 50px; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .card-container {
      max-width: 100%;
      margin-top: 40px; } }
  #home .tuyen-quang-section .card-row {
    gap: 20px;
    display: flex; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .card-row {
      flex-direction: column;
      align-items: stretch;
      gap: 0; } }
  #home .tuyen-quang-section .card-column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 33%;
    margin-left: 0; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .card-column {
      width: 100%; } }
  #home .tuyen-quang-section .card {
    border-radius: 30px;
    background-color: #fff;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    font: 400 15px/150% sans-serif;
    color: #000;
    width: 100%;
    padding: 20px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    border: 1px solid #d9d9d9; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .card {
      margin-top: 40px; } }
  #home .tuyen-quang-section .card-image {
    aspect-ratio: 1.64;
    object-fit: auto;
    object-position: center;
    width: 100%;
    border-radius: calc(30px - 20px); }
  #home .tuyen-quang-section .card-title {
    margin-top: 15px;
    font: 700 20px sans-serif; }
  #home .tuyen-quang-section .card-description {
    font-family: sans-serif;
    line-height: 23px;
    margin-top: 35px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; }
  #home .tuyen-quang-section .card:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
  #home .tuyen-quang-section .card-date {
    font-family: sans-serif;
    margin-top: 15px; }
  #home .tuyen-quang-section .view-all-button {
    justify-content: center;
    border-radius: 30px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eaecf0;
    background-color: #fff;
    align-self: center;
    display: flex;
    margin-top: 80px;
    gap: 8px;
    font: 500 16px/150% sans-serif;
    color: #101828;
    padding: 14px 24px;
    z-index: 1000; }
  #home .tuyen-quang-section .view-all-button:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    cursor: pointer; }
  @media (max-width: 991px) {
    #home .tuyen-quang-section .view-all-button {
      margin-top: 40px;
      padding: 10px 20px; } }
  #home .tuyen-quang-section .button-text {
    font-family: sans-serif; }
  #home .tuyen-quang-section .button-icon {
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 24px; }

#home .cooperation-section {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #home .cooperation-section .cooperation-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    min-height: 589px;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 100px 80px; }
  @media (max-width: 991px) {
    #home .cooperation-section .cooperation-wrapper {
      padding: 50px 20px; } }
  #home .cooperation-section .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px; }
  #home .cooperation-section .title-container {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin-bottom: 7px; }
  #home .cooperation-section .title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 475px;
    max-width: 100%;
    padding: 0 60px;
    font: 700 30px/150% sans-serif;
    color: #101828; }
  #home .cooperation-section .link-container {
    display: flex;
    flex-direction: column;
    max-width: 100%; }
  #home .cooperation-section .link-text {
    font-family: sans-serif;
    font-weight: 700; }
  #home .cooperation-section .link-underline {
    width: 100%;
    margin-top: 10px; }
  #home .cooperation-section .subtitle {
    color: #475467;
    text-align: center;
    margin-top: 10px;
    font: 400 18px/160% sans-serif; }
  #home .cooperation-section .gallery-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
    padding: 10px 28px; }
  #home .cooperation-section .gallery-arrow {
    width: 24px;
    align-self: stretch;
    margin: auto 0; }
  #home .cooperation-section .image-grid {
    display: flex;
    gap: 20px; }
  #home .cooperation-section .image-column {
    display: flex;
    flex-direction: column;
    width: 33%;
    padding: 5px; }
  #home .cooperation-section .gallery-image {
    width: 100%;
    flex-grow: 1;
    border-radius: 30px;
    height: 250px;
    cursor: pointer; }
  #home .cooperation-section .gallery-image:hover {
    box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px; }
  @media (max-width: 991px) {
    #home .cooperation-section .content-wrapper {
      max-width: 100%;
      padding: 0 20px; }
    #home .cooperation-section .title-wrapper {
      padding: 0 20px; }
    #home .cooperation-section .subtitle {
      max-width: 100%; }
    #home .cooperation-section .gallery-container {
      max-width: 100%;
      flex-wrap: wrap;
      padding: 0 20px; }
    #home .cooperation-section .image-grid {
      flex-direction: column;
      align-items: stretch;
      gap: 0; }
    #home .cooperation-section .image-column {
      width: 100%;
      margin-left: 0; }
    #home .cooperation-section .gallery-image {
      margin-top: 30px; } }

#home .destinations-card-container .slick-prev, #home .destinations-card-container .slick-next {
  width: unset;
  height: unset;
  display: none !important; }

#home .destinations-card-container .slick-prev:before, #home .destinations-card-container .slick-next:before {
  color: #77dada;
  font-size: 40px; }

#home .carousel-control-prev, #home .carousel-control-next {
  display: none !important; }