:root {
  --bg-white-home: #fff; }

.mg-top-60 {
  margin-top: 60px; }

.pg-top-60 {
  padding: 60px 0; }

.sectionHeading h3 {
  font-size: 32px;
  margin: 0 0 32px;
  text-align: center; }

.btn-home {
  display: inline-flex;
  gap: 8px;
  border-radius: 401px;
  padding: 6px 26px 8px 26px;
  font-weight: 600;
  background: var(--shop-color-button);
  color: #fff !important; }

#home-slider #slick-slider-home .slider-item {
  position: relative; }
  #home-slider #slick-slider-home .slider-item .slide--content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 9;
    padding: 0 60px;
    width: 50%; }
    #home-slider #slick-slider-home .slider-item .slide--content h2 {
      color: #fff;
      font-size: 40px; }
    #home-slider #slick-slider-home .slider-item .slide--content p {
      color: #fff; }

#section-home-banner {
  margin-top: -20px; }
  #section-home-banner .item-home-banner .item-home-banner-inner {
    transition: all 0.3s ease;
    border-radius: 4px;
    border: 1px solid transparent;
    background: #fff; }
    #section-home-banner .item-home-banner .item-home-banner-inner .media-home-banner {
      display: flex;
      width: 100%;
      justify-content: center;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
      #section-home-banner .item-home-banner .item-home-banner-inner .media-home-banner > a {
        display: block;
        margin: -100px 0 0; }
        #section-home-banner .item-home-banner .item-home-banner-inner .media-home-banner > a img {
          transition: all 0.3s ease; }
    #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      padding: 16px 12px 40px 12px;
      text-align: center; }
      #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner .banner-heading {
        transition: all 0.3s ease; }
      #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner h4 {
        font-size: 18px;
        margin: 0 0 4px; }
      #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner p {
        color: #4B5563;
        margin: 0; }
      #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner .action-home-banner {
        text-align: center; }
        #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner .action-home-banner .btn-home-banner {
          display: inline-flex;
          gap: 8px;
          border-radius: 401px;
          padding: 6px 26px 8px 26px;
          font-weight: 600;
          background: var(--shop-color-button);
          color: #fff;
          opacity: 0;
          visibility: hidden;
          transition: all 0.3s ease; }
    #section-home-banner .item-home-banner .item-home-banner-inner:hover {
      box-shadow: 0px 5px 20px 0px rgba(4, 32, 54, 0.1);
      border-color: #FFBFC4; }
      #section-home-banner .item-home-banner .item-home-banner-inner:hover .media-home-banner > a img {
        transform: scale(1.05); }
      #section-home-banner .item-home-banner .item-home-banner-inner:hover .info-home-banner .banner-heading {
        transform: translateY(-20px); }
      #section-home-banner .item-home-banner .item-home-banner-inner:hover .info-home-banner h4 a {
        color: var(--shop-color-hover); }
      #section-home-banner .item-home-banner .item-home-banner-inner:hover .info-home-banner .action-home-banner .btn-home-banner {
        opacity: 1;
        visibility: visible; }

.section-home-intro {
  position: relative; }
  .section-home-intro .home-intro-bg-img img {
    width: 100%; }
  .section-home-intro .home-intro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0; }
  .section-home-intro .home-intro-left-list {
    border-radius: 4px;
    background: rgba(28, 27, 27, 0.4);
    padding: 32px 40px; }
    .section-home-intro .home-intro-left-list .home-intro--titles h2 {
      font-size: 32px;
      margin: 0 0 12px;
      color: #fff; }
    .section-home-intro .home-intro-left-list .home-intro--content {
      color: #fff;
      line-height: 155%; }
    .section-home-intro .home-intro-left-list .home-intro-btn {
      margin-top: 24px; }
      .section-home-intro .home-intro-left-list .home-intro-btn a {
        border-radius: 401px;
        background: var(--shop-color-button);
        color: #fff;
        padding: 8px 32px 9px 32px;
        display: inline-flex;
        gap: 8px; }
  .section-home-intro .home-intro-video {
    display: flex;
    height: 100%; }
    .section-home-intro .home-intro-video video {
      border-radius: 4px;
      height: 100%;
      object-fit: cover; }

.section_expand_banner {
  background: var(--bg-white-home); }
  .section_expand_banner .expand-list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 100%;
    height: 616px; }
    .section_expand_banner .expand-list .expand-item {
      position: relative;
      overflow: hidden;
      min-width: 95px;
      margin: 0 8px 0 8px;
      cursor: pointer;
      transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
      border-radius: 4px; }
      .section_expand_banner .expand-list .expand-item .expand-shadow {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .section_expand_banner .expand-list .expand-item .expand-shadow img {
          height: 100%;
          object-fit: fill; }
      .section_expand_banner .expand-list .expand-item:not(.active) .expand-shadow {
        flex-grow: 1;
        border-radius: 4px;
        filter: blur(2px);
        -webkit-filter: blur(2px); }
        .section_expand_banner .expand-list .expand-item:not(.active) .expand-shadow img {
          object-fit: cover; }
      .section_expand_banner .expand-list .expand-item:not(.active) .expand-label {
        transform: rotate(-90deg);
        white-space: nowrap;
        padding: 24px; }
        .section_expand_banner .expand-list .expand-item:not(.active) .expand-label .expand-info a {
          opacity: 0.8;
          pointer-events: none; }
      .section_expand_banner .expand-list .expand-item .expand-label {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 40px 24px 24px 24px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        z-index: 99; }
        .section_expand_banner .expand-list .expand-item .expand-label .expand-info a {
          color: #fff;
          font-size: 20px; }
        .section_expand_banner .expand-list .expand-item .expand-label .banner-cta {
          display: none; }
      .section_expand_banner .expand-list .expand-item.active {
        flex-grow: 10000; }
        .section_expand_banner .expand-list .expand-item.active .expand-shadow img {
          transform: scale(1);
          border-radius: 4px; }
        .section_expand_banner .expand-list .expand-item.active .expand-label .banner-cta {
          display: inline-flex; }

.section-home-category .sectionContent .slider-category {
  display: flex;
  flex-flow: row wrap; }
  .section-home-category .sectionContent .slider-category .item-category {
    position: relative;
    overflow: hidden; }
    @media (min-width: 992px) {
      .section-home-category .sectionContent .slider-category .item-category {
        flex: 0 0 calc(100% / 5);
        width: calc(100% / 5); } }
    .section-home-category .sectionContent .slider-category .item-category .title-category {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      padding: 32px 16px;
      text-align: center;
      transition: all 0.4s ease;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .section-home-category .sectionContent .slider-category .item-category .title-category h4 {
        font-size: 20px;
        color: #fff;
        margin: 0 0 4px; }
      .section-home-category .sectionContent .slider-category .item-category .title-category p {
        color: #fff;
        opacity: 0;
        margin: 0;
        transform: translateY(20px);
        transition: all 0.4s ease;
        max-height: 0; }
    .section-home-category .sectionContent .slider-category .item-category:hover .title-category {
      background: rgba(28, 27, 27, 0.6);
      backdrop-filter: blur(3.55px); }
      .section-home-category .sectionContent .slider-category .item-category:hover .title-category p {
        opacity: 1;
        max-height: 100px;
        transform: translateY(0); }

.section-home-blog .sectionContent .home-blog-btn {
  margin-top: 32px; }

.section-home-policy .sectionHeading {
  margin: 0 0 32px; }
  .section-home-policy .sectionHeading h3 {
    margin: 0; }
  .section-home-policy .sectionHeading p {
    margin: 0; }

.section-home-policy .item-policy {
  border-radius: 4px;
  background: var(--bg-white-home);
  padding: 40px 24px; }
  .section-home-policy .item-policy .wrapper-media {
    margin: 0 0 12px; }
    .section-home-policy .item-policy .wrapper-media img {
      width: 64px; }
  .section-home-policy .item-policy .info-policy h4 {
    font-size: 19px;
    margin: 0 0 4px; }
  .section-home-policy .item-policy .info-policy p {
    margin: 0;
    color: #4B5563; }

/* RESPONSIVE */
@media (max-width: 991PX) {
  .mg-top-60 {
    margin-top: 20px; }
  .pg-top-60 {
    padding: 20px 0; }
  .sectionHeading h3 {
    font-size: 20px;
    margin: 0 0 15px; }
  #section-home-banner {
    margin-top: 20px; }
    #section-home-banner .item-home-banner {
      margin: 0 0 20px; }
      #section-home-banner .item-home-banner .item-home-banner-inner .media-home-banner > a {
        margin: 0; }
      #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner {
        padding: 15px; }
        #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner .action-home-banner {
          margin-top: 15px; }
        #section-home-banner .item-home-banner .item-home-banner-inner .info-home-banner .action-home-banner .btn-home-banner {
          opacity: 1;
          visibility: visible; }
      #section-home-banner .item-home-banner .item-home-banner-inner:hover .info-home-banner .banner-heading {
        transform: unset; }
  .section-home-intro .home-intro-bg-img {
    position: relative;
    height: 100vh; }
    .section-home-intro .home-intro-bg-img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .section-home-intro .home-intro-left-list {
    padding: 15px;
    margin: 0 0 20px; }
    .section-home-intro .home-intro-left-list .home-intro--titles h2 {
      font-size: 20px; }
    .section-home-intro .home-intro-left-list .home-intro-btn {
      margin-top: 12px; }
  .section_expand_banner .expand-list {
    overflow-x: auto;
    flex-wrap: nowrap;
    min-width: auto;
    height: 300px;
    gap: 10px; }
    .section_expand_banner .expand-list .expand-item {
      flex: 0 0 80%;
      min-width: 80%;
      margin: 0; }
      .section_expand_banner .expand-list .expand-item .expand-shadow img {
        object-fit: cover; }
      .section_expand_banner .expand-list .expand-item .expand-label {
        flex-direction: column;
        align-items: self-start;
        row-gap: 15px;
        padding: 15px; }
        .section_expand_banner .expand-list .expand-item .expand-label .banner-cta {
          display: inline-flex; }
      .section_expand_banner .expand-list .expand-item:not(.active) .expand-shadow {
        filter: none;
        -webkit-filter: none; }
      .section_expand_banner .expand-list .expand-item:not(.active) .expand-label {
        transform: unset;
        white-space: unset;
        padding: 15px; }
        .section_expand_banner .expand-list .expand-item:not(.active) .expand-label .expand-info a {
          opacity: 1;
          pointer-events: unset; }
  .section-home-category .sectionContent .slider-category .item-category {
    flex: 0 0 100%;
    max-width: 100%; }
  .section-home-blog .sectionContent .home-blog-btn {
    margin-top: 15px; }
  .section-home-policy .sectionHeading {
    margin: 0 0 15px; }
  .section-home-policy .item-policy {
    padding: 15px; } }