@keyframes bubbling {
  0% {
    transform: translateY(0) scale(1); }
  25% {
    transform: translateY(3px) scale(0.95, 1.05); }
  45% {
    transform: translateY(6px) scale(1); }
  80% {
    transform: translateY(3px) scale(1.05, 0.95); }
  100% {
    transform: translateY(0) scale(1); } }

@media (min-width: 1024px) {
  .container.w-8 {
    max-width: 840px; } }

@media (min-width: 1240px) {
  .container.w-8 {
    max-width: 1182px; } }

@media (min-width: 1280px) {
  .container {
    max-width: 1240px; } }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.container {
  padding: 0 20px; }

.mainBody-theme-container {
  max-width: 1920px;
  margin: 0 auto; }

.body-main {
  overflow: hidden; }

.layout-ldp {
  --color-main: #0151A3; }
  .layout-ldp .container-fluid {
    max-width: 1410px; }
  .layout-ldp .section-banner-hero {
    position: relative;
    padding: 0 !important;
    z-index: 6;
    --height: 800;
    --weight: 800;
    overflow: initial;
    margin-bottom: 40px; }
    .layout-ldp .section-banner-hero .s-box-svg {
      position: absolute;
      width: 100%;
      bottom: 0;
      z-index: 4; }
      .layout-ldp .section-banner-hero .s-box-svg .parallaxonde > use {
        animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
        .layout-ldp .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(1) {
          animation-delay: -2s;
          animation-duration: 7s; }
        .layout-ldp .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(2) {
          animation-delay: -3s;
          animation-duration: 10s; }
        .layout-ldp .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(3) {
          animation-delay: -4s;
          animation-duration: 13s; }
        .layout-ldp .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(4) {
          animation-delay: -5s;
          animation-duration: 20s; }
      .layout-ldp .section-banner-hero .s-box-svg.onde svg {
        width: 100%;
        height: 40px;
        min-height: 40px; }
      @media (min-width: 768px) {
        .layout-ldp .section-banner-hero .s-box-svg.onde svg {
          height: 60px;
          min-height: 100px;
          max-height: 150px; } }
    .layout-ldp .section-banner-hero .s-banner {
      position: relative;
      overflow: hidden;
      padding-bottom: calc((var(--height)/var(--weight)) * 100%); }
      .layout-ldp .section-banner-hero .s-banner img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .layout-ldp .section-banner-hero .s-banner .s-banner--text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        text-align: center;
        margin: auto;
        padding: 62px 16px 40px; }
        .layout-ldp .section-banner-hero .s-banner .s-banner--text h1 {
          font-size: 32px;
          font-weight: 700;
          margin-bottom: 0;
          color: #fff;
          font-family: var(--skin-header-font-3); }
    @media (min-width: 768px) {
      .layout-ldp .section-banner-hero .s-banner .s-banner--text h1 {
        font-size: 40px; } }
    @media (min-width: 992px) {
      .layout-ldp .section-banner-hero {
        margin-bottom: 0; }
        .layout-ldp .section-banner-hero .s-banner .s-banner--text {
          max-width: 823px; } }
    @media (min-width: 1024px) {
      .layout-ldp .section-banner-hero {
        margin-bottom: 70px;
        overflow: hidden;
        --height: 1440;
        --weight: 2880; }
        .layout-ldp .section-banner-hero .s-banner .s-banner--text {
          max-width: 940px;
          margin: auto;
          justify-content: flex-start;
          align-items: center; }
        .layout-ldp .section-banner-hero .s-banner .s-banner--text h1 {
          font-size: 64px; } }
    @media (min-width: 1440px) {
      .layout-ldp .section-banner-hero .s-banner .s-banner--text {
        max-width: 1175px; } }
  .layout-ldp .section-connect {
    overflow: initial; }
    .layout-ldp .section-connect .product-connect {
      display: flex;
      flex-direction: column;
      gap: 32px;
      text-align: center;
      position: relative;
      padding: 0 40px; }
      .layout-ldp .section-connect .product-connect .icon-cows {
        content: '';
        position: absolute; }
        .layout-ldp .section-connect .product-connect .icon-cows svg #shake-3, .layout-ldp .section-connect .product-connect .icon-cows svg #shake-4 {
          transform-origin: 72.6px 4.1px;
          transform-box: fill-box;
          animation: wag 2.4s ease-in-out infinite; }
      .layout-ldp .section-connect .product-connect .cows-1 {
        left: 0;
        top: 75%;
        width: 68.398px;
        height: 31.693px; }
      .layout-ldp .section-connect .product-connect .cows-2 {
        right: 0;
        bottom: -10%;
        width: 79.36px;
        height: 36.773px; }
      .layout-ldp .section-connect .product-connect .product-connect--heading h2 {
        color: var(--color-main);
        font-family: var(--skin-header-font);
        font-size: 32px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 0; }
      .layout-ldp .section-connect .product-connect .product-connect--content {
        font-size: 18px;
        display: flex;
        flex-direction: column;
        gap: 32px; }
        .layout-ldp .section-connect .product-connect .product-connect--content .text {
          color: #000;
          font-family: var(--skin-header-font);
          font-size: 20px; }
        .layout-ldp .section-connect .product-connect .product-connect--content .social-listing {
          display: flex;
          gap: 24px;
          align-items: center;
          justify-content: center; }
          .layout-ldp .section-connect .product-connect .product-connect--content .social-listing .item a {
            width: 32px;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--color-main); }
      @media (min-width: 768px) {
        .layout-ldp .section-connect .product-connect {
          max-width: 753px;
          margin: auto;
          padding: 0 100px; }
          .layout-ldp .section-connect .product-connect .product-connect--heading h2 {
            font-size: 52px; }
          .layout-ldp .section-connect .product-connect .product-connect--content .social-listing {
            gap: 40px; }
          .layout-ldp .section-connect .product-connect .product-connect--action {
            margin-top: 30px; }
          .layout-ldp .section-connect .product-connect .cows-1 {
            top: 10%; }
          .layout-ldp .section-connect .product-connect .cows-2 {
            bottom: 20%; } }
    .layout-ldp .section-connect .bg-mountain {
      position: relative;
      padding: 80px 0;
      overflow: hidden; }
      .layout-ldp .section-connect .bg-mountain:before {
        content: "";
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(https://cdn.hstatic.net/files/200001149561/file/mountains.png);
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat; }
        @media (min-width: 768px) {
          .layout-ldp .section-connect .bg-mountain:before {
            background-position: top;
            background-size: 100%; } }
      @media (min-width: 768px) {
        .layout-ldp .section-connect .bg-mountain {
          padding: 10% 0 10%; } }
  .layout-ldp .section-cate-scroll {
    padding-bottom: 40px; }
    .layout-ldp .section-cate-scroll .listing {
      display: flex;
      gap: 0;
      align-items: flex-end;
      padding: 20px 0; }
      .layout-ldp .section-cate-scroll .listing .swiper-slide {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: max-content; }
    .layout-ldp .section-cate-scroll .item {
      text-align: center; }
    .layout-ldp .section-cate-scroll .box-card {
      display: inline-flex;
      gap: 28px;
      color: #000;
      flex-direction: column;
      transition: all 0.4s;
      text-align: center;
      filter: grayscale(100%);
      color: #0151A3; }
      .layout-ldp .section-cate-scroll .box-card span.text {
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap; }
      .layout-ldp .section-cate-scroll .box-card.active {
        filter: grayscale(0%); }
      .layout-ldp .section-cate-scroll .box-card:hover {
        filter: grayscale(0%); }
    .layout-ldp .section-cate-scroll .s-control {
      width: 180px;
      margin: 24px auto 0; }
      .layout-ldp .section-cate-scroll .s-control .swiper-scrollbar {
        position: initial;
        width: 100%;
        background: #E5E5E5;
        height: 4px; }
      .layout-ldp .section-cate-scroll .s-control .swiper-scrollbar-drag {
        background: #0151A3; }
    @media (min-width: 992px) {
      .layout-ldp .section-cate-scroll {
        padding-bottom: 90px; }
        .layout-ldp .section-cate-scroll .listing {
          align-items: center;
          gap: 48px;
          justify-content: space-between; }
        .layout-ldp .section-cate-scroll .item {
          text-align: left; }
        .layout-ldp .section-cate-scroll .box-card {
          text-align: left;
          flex-direction: row;
          align-items: center;
          gap: 28px; }
          .layout-ldp .section-cate-scroll .box-card span.text {
            font-size: 18px; }
        .layout-ldp .section-cate-scroll .s-control {
          display: none; } }
  .layout-ldp .section-group {
    --gap-wrapper: 40px; }
    .layout-ldp .section-group + .section-group {
      margin-top: 33px; }
    .layout-ldp .section-group .slide-box {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 20px; }
      .layout-ldp .section-group .slide-box .slide-cover {
        position: relative;
        height: calc(400 / 594 * 100%); }
      .layout-ldp .section-group .slide-box .main-img {
        padding-bottom: calc(400/594 * 100%);
        position: relative;
        overflow: hidden;
        display: block; }
      .layout-ldp .section-group .slide-box .main-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .layout-ldp .section-group .slide-box .main-img img.hover {
        transition: all 0.4s;
        transform: scale(0); }
      .layout-ldp .section-group .slide-box .slide-text {
        text-align: center;
        display: flex;
        flex-direction: column;
        padding: 25px; }
        .layout-ldp .section-group .slide-box .slide-text h3 {
          font-family: var(--skin-header-font-2);
          font-size: 24px;
          font-weight: 400;
          margin-bottom: 0; }
        .layout-ldp .section-group .slide-box .slide-text h3 a {
          color: #633512; }
        .layout-ldp .section-group .slide-box .slide-text .text {
          color: #BABABA;
          font-family: var(--skin-header-font);
          font-size: 14px;
          font-weight: 500;
          margin-bottom: 8px;
          transition: all 0.3s; }
        .layout-ldp .section-group .slide-box .slide-text .label span {
          color: #633512;
          font-weight: 500;
          display: inline-flex;
          font-size: 16px;
          padding: 4px 16px;
          justify-content: center;
          align-items: center;
          border-radius: 40px;
          opacity: 0.5;
          background: linear-gradient(278deg, #C8BE7D -27.15%, #D4CC8F 38.61%, #F7EFC1 109.04%), #FFF;
          transition: all 0.3s; }
      .layout-ldp .section-group .slide-box:hover .main-img img.hover {
        transform: scale(1); }
      .layout-ldp .section-group .slide-box:hover .slide-text .text {
        color: #303030; }
      .layout-ldp .section-group .slide-box:hover .slide-text .label span {
        opacity: 1; }
    .layout-ldp .section-group .product-box {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 0; }
      .layout-ldp .section-group .product-box .product-cover {
        position: relative;
        height: calc(var(--height-pr)/var(--width-pr) * 100%); }
      .layout-ldp .section-group .product-box .main-img {
        padding-bottom: calc(var(--height-pr)/var(--width-pr) * 100%);
        position: relative;
        overflow: hidden;
        display: block; }
      .layout-ldp .section-group .product-box .main-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all 0.4s; }
      .layout-ldp .section-group .product-box .main-img img.hover {
        transition: all 0.4s;
        opacity: 0;
        visibility: hidden; }
      .layout-ldp .section-group .product-box .product-text {
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px 8px 16px;
        transition: all 0.4s; }
        .layout-ldp .section-group .product-box .product-text h3 {
          font-family: var(--skin-header-font-2);
          font-size: 16px;
          line-height: 1.3;
          font-weight: 400;
          margin-bottom: 0; }
        .layout-ldp .section-group .product-box .product-text h3 a {
          color: #204268;
          background: linear-gradient(138deg, #204268 21.88%, #245D9D 88.35%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        .layout-ldp .section-group .product-box .product-text p {
          margin-bottom: 0; }
        .layout-ldp .section-group .product-box .product-text .text {
          color: #000000;
          font-family: var(--skin-header-font-3);
          font-size: 14px;
          font-weight: 300;
          transition: all 0.3s; }
        @media (min-width: 992px) {
          .layout-ldp .section-group .product-box .product-text h3 {
            font-size: 24px; } }
      .layout-ldp .section-group .product-box:hover .main-img img.default {
        opacity: 0;
        visibility: hidden; }
      .layout-ldp .section-group .product-box:hover .main-img img.hover {
        opacity: 1;
        visibility: visible; }
      .layout-ldp .section-group .product-box:hover .product-text {
        transform: translateY(12%); }
    .layout-ldp .section-group .container {
      position: relative;
      z-index: 2; }
    .layout-ldp .section-group .s-wrapper {
      display: flex;
      gap: var(--gap-wrapper);
      flex-direction: column; }
    .layout-ldp .section-group .s-heading {
      padding: 0 16px;
      display: flex;
      gap: 8px;
      flex-direction: column;
      text-align: center;
      position: relative;
      z-index: 1; }
      .layout-ldp .section-group .s-heading .title h2 {
        color: var(--color-main);
        font-family: var(--skin-header-font);
        font-size: 32px;
        line-height: 1.3;
        font-weight: 600;
        margin: 0; }
      .layout-ldp .section-group .s-heading .text {
        color: #000;
        font-family: var(--skin-header-font);
        font-size: 14px;
        font-weight: 400;
        max-width: 100%;
        margin: auto; }
      .layout-ldp .section-group .s-heading .action {
        margin-top: 18px; }
    .layout-ldp .section-group .s-content {
      position: relative;
      z-index: 1; }
    .layout-ldp .section-group.section-group-one {
      --gap-wrapper: 16px; }
      .layout-ldp .section-group.section-group-one .s-inner {
        display: flex;
        gap: 40px 0;
        flex-direction: column;
        position: relative; }
        .layout-ldp .section-group.section-group-one .s-inner > div {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; }
      .layout-ldp .section-group.section-group-one .s-title {
        padding: 30px 16px 0; }
        .layout-ldp .section-group.section-group-one .s-title .title {
          color: var(--color-main);
          font-family: var(--skin-header-font);
          font-size: 32px;
          font-weight: 600;
          line-height: 1.3; }
        .layout-ldp .section-group.section-group-one .s-title .title br {
          display: none; }
        .layout-ldp .section-group.section-group-one .s-title .text {
          font-family: var(--skin-header-font);
          font-size: 14px;
          font-weight: 400;
          color: #000000; }
        .layout-ldp .section-group.section-group-one .s-title .box {
          text-align: center;
          display: flex;
          flex-direction: column;
          gap: 6px; }
        .layout-ldp .section-group.section-group-one .s-title .action {
          margin-top: 14px; }
      .layout-ldp .section-group.section-group-one .line-1 {
        position: relative;
        overflow: hidden;
        padding: 0;
        border-radius: 30px 30px 8px 8px;
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-image: linear-gradient(182deg, #E7FFEF 1.33%, #F0FFF5 119.66%);
        /*&:before {
          content: '';
          position: absolute; 
          top: 0; bottom: 0; left: 0; right: 0;
          background-image: url('https://cdn.hstatic.net/files/200001149561/file/mask-group-1-1-mb.png'); 
          background-size: cover;
          background-repeat: no-repeat;
          background-position: bottom right;
        }
        */ }
      .layout-ldp .section-group.section-group-one .line-2 {
        position: relative;
        overflow: hidden;
        padding: 0;
        border-radius: 8px 8px 30px 30px;
        background-size: cover;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-image: linear-gradient(182deg, #F8FFEE 1.33%, #F2FDE3 119.66%);
        /*&:before {
          content: '';
          position: absolute; 
          top: 0; bottom: 0; left: 0; right: 0;
          background-image: url('https://cdn.hstatic.net/files/200001149561/file/mask-group-1-2-mb.png'); 
          background-size: cover;
          background-repeat: no-repeat;
          background-position: bottom left;
        }*/ }
    .layout-ldp .section-group.section-group-two {
      --height-pr: 450;
      --width-pr: 600; }
      .layout-ldp .section-group.section-group-two .line-1 .products-grid, .layout-ldp .section-group.section-group-two .line-2 .products-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 16px 8px;
        justify-content: center; }
        .layout-ldp .section-group.section-group-two .line-1 .products-grid .item, .layout-ldp .section-group.section-group-two .line-2 .products-grid .item {
          -webkit-flex: 0 0 calc((100% - 8px) / 2);
          flex: 0 0 calc((100% - 8px) / 2);
          max-width: calc((100% - 8px) / 2); }
      .layout-ldp .section-group.section-group-two .line-3 .products-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 16px 8px;
        justify-content: center; }
        .layout-ldp .section-group.section-group-two .line-3 .products-grid .item {
          -webkit-flex: 0 0 70%;
          flex: 0 0 70%;
          max-width: 70%; }
      .layout-ldp .section-group.section-group-two .s-inner {
        display: flex;
        flex-direction: column;
        gap: 30px 42px;
        overflow: hidden;
        position: relative;
        border-radius: 34px; }
        .layout-ldp .section-group.section-group-two .s-inner .s-title, .layout-ldp .section-group.section-group-two .s-inner .s-grid {
          -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; }
      .layout-ldp .section-group.section-group-two .s-title {
        padding: 0 16px; }
        .layout-ldp .section-group.section-group-two .s-title .title {
          color: var(--color-main);
          font-family: var(--skin-header-font);
          font-size: 28px;
          font-weight: 600; }
        .layout-ldp .section-group.section-group-two .s-title .text {
          font-family: var(--skin-header-font);
          font-size: 14px;
          font-weight: 400;
          color: #000000; }
        .layout-ldp .section-group.section-group-two .s-title .box {
          text-align: center;
          display: flex;
          flex-direction: column;
          gap: 6px; }
      .layout-ldp .section-group.section-group-two .s-collection {
        padding: 0; }
      .layout-ldp .section-group.section-group-two .s-content {
        display: flex;
        gap: 32px;
        flex-direction: column; }
      .layout-ldp .section-group.section-group-two .s-wrapper {
        position: relative;
        overflow: hidden;
        padding: 40px 0;
        border-radius: 30px;
        background: linear-gradient(180deg, rgba(255, 248, 225, 0.8) 0%, rgba(255, 248, 225, 0.2) 29.33%, rgba(255, 248, 225, 0.3) 50%, rgba(255, 248, 225, 0.4) 70.67%, rgba(255, 248, 225, 0.8) 100%); }
        .layout-ldp .section-group.section-group-two .s-wrapper:before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-2-mb.png");
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: top center; }
    .layout-ldp .section-group.section-group-three {
      --height-pr: 25;
      --width-pr: 18; }
      .layout-ldp .section-group.section-group-three .product-box {
        gap: 16px; }
      .layout-ldp .section-group.section-group-three .swiper {
        overflow: initial; }
      .layout-ldp .section-group.section-group-three .swiper:not(.swiper-initialized) .swiper-wrapper {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex; }
      .layout-ldp .section-group.section-group-three .swiper:not(.swiper-initialized) .swiper-slide {
        -webkit-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2); }
      .layout-ldp .section-group.section-group-three .s-content {
        display: flex;
        gap: 32px;
        flex-direction: column; }
      .layout-ldp .section-group.section-group-three .s-control {
        width: 180px;
        margin: 24px auto 0; }
        .layout-ldp .section-group.section-group-three .s-control .swiper-scrollbar {
          position: initial;
          width: 100%;
          background: #E5E5E5;
          height: 4px; }
        .layout-ldp .section-group.section-group-three .s-control .swiper-scrollbar-drag {
          background: #0151A3; }
      .layout-ldp .section-group.section-group-three .s-wrapper {
        position: relative;
        overflow: hidden;
        padding: 40px 0;
        border-radius: 30px;
        background: linear-gradient(180deg, #FFF5D2 0%, #FFFCF0 100%); }
        .layout-ldp .section-group.section-group-three .s-wrapper:before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-3-mb.png");
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: top center; }
    .layout-ldp .section-group.section-group-four {
      --height-pr: 450;
      --width-pr: 600; }
      .layout-ldp .section-group.section-group-four .s-wrapper {
        position: relative;
        overflow: hidden;
        padding: 40px 0;
        border-radius: 30px;
        background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-4-mb.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center; }
        .layout-ldp .section-group.section-group-four .s-wrapper:before, .layout-ldp .section-group.section-group-four .s-wrapper:after {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-repeat: no-repeat;
          background-size: 100%; }
        .layout-ldp .section-group.section-group-four .s-wrapper:before {
          background: linear-gradient(180deg, rgba(255, 243, 230, 0.7) 2.29%, rgba(255, 243, 230, 0.3) 51.15%, rgba(255, 243, 230, 0.7) 100%); }
        .layout-ldp .section-group.section-group-four .s-wrapper:after {
          background: linear-gradient(180deg, rgba(255, 243, 230, 0) 71.29%, #FFF3E6 106.46%); }
      .layout-ldp .section-group.section-group-four .swiper {
        overflow: initial; }
      .layout-ldp .section-group.section-group-four .swiper:not(.swiper-initialized) .swiper-wrapper {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex; }
      .layout-ldp .section-group.section-group-four .swiper:not(.swiper-initialized) .swiper-slide {
        -webkit-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2); }
      .layout-ldp .section-group.section-group-four .s-content {
        display: flex;
        gap: 32px;
        flex-direction: column; }
      .layout-ldp .section-group.section-group-four .s-collection {
        position: relative;
        padding: 0 0;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain; }
        .layout-ldp .section-group.section-group-four .s-collection.line-1 {
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-4-1-mb.png"); }
        .layout-ldp .section-group.section-group-four .s-collection.line-2 {
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-4-2-mb.png"); }
      .layout-ldp .section-group.section-group-four .s-title {
        padding: 0 16px; }
        .layout-ldp .section-group.section-group-four .s-title .title {
          color: var(--color-main);
          font-family: var(--skin-header-font);
          font-size: 26px;
          font-weight: 600;
          text-transform: uppercase; }
        .layout-ldp .section-group.section-group-four .s-title .text {
          font-family: var(--skin-header-font);
          font-size: 14px;
          font-weight: 400;
          color: #000000; }
        .layout-ldp .section-group.section-group-four .s-title .box {
          text-align: center;
          display: flex;
          flex-direction: column;
          gap: 6px; }
      .layout-ldp .section-group.section-group-four .s-control {
        width: 180px;
        margin: 24px auto 0; }
        .layout-ldp .section-group.section-group-four .s-control .swiper-scrollbar {
          position: initial;
          width: 100%;
          background: #E5E5E5;
          height: 4px; }
        .layout-ldp .section-group.section-group-four .s-control .swiper-scrollbar-drag {
          background: #0151A3; }
      .layout-ldp .section-group.section-group-four .s-slider {
        position: relative; }
      .layout-ldp .section-group.section-group-four .s-inner {
        display: flex;
        flex-direction: column;
        gap: 30px 42px;
        overflow: hidden;
        position: relative; }
        .layout-ldp .section-group.section-group-four .s-inner .s-title, .layout-ldp .section-group.section-group-four .s-inner .s-slider {
          -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; }
    @media (min-width: 568px) {
      .layout-ldp .section-group.section-group-three .swiper {
        overflow: hidden; }
      .layout-ldp .section-group.section-group-three .swiper:not(.swiper-initialized) .swiper-slide {
        -webkit-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2); }
      .layout-ldp .section-group.section-group-four .swiper {
        overflow: hidden; }
      .layout-ldp .section-group.section-group-four .swiper:not(.swiper-initialized) .swiper-slide {
        -webkit-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2); } }
    @media (min-width: 992px) {
      .layout-ldp .section-group .slide-box .slide-text {
        padding: 25px 52px; }
      .layout-ldp .section-group .s-heading .title h2 {
        font-size: 48px; }
      .layout-ldp .section-group .s-heading .text {
        font-size: 16px;
        max-width: 600px; }
      .layout-ldp .section-group.section-group-one .s-inner {
        flex-direction: row;
        gap: 55px 0;
        align-items: center; }
        .layout-ldp .section-group.section-group-one .s-inner > div {
          -ms-flex: 0 0 calc((100% - 0px) / 2);
          flex: 0 0 calc((100% - 0px) / 2);
          max-width: calc((100% - 0px) / 2); }
      .layout-ldp .section-group.section-group-one .s-title {
        padding: 0; }
        .layout-ldp .section-group.section-group-one .s-title .title br {
          display: block; }
        .layout-ldp .section-group.section-group-one .s-title .box {
          text-align: right;
          gap: 12px; }
        .layout-ldp .section-group.section-group-one .s-title .action {
          margin-top: 35px; }
      .layout-ldp .section-group.section-group-one .line-1 {
        padding: 30px 50px;
        border-radius: 100px 100px 8px 8px; }
      .layout-ldp .section-group.section-group-one .line-2 {
        padding: 30px 50px;
        border-radius: 8px 8px 100px 100px; }
        .layout-ldp .section-group.section-group-one .line-2 .s-inner {
          flex-direction: row-reverse; }
        .layout-ldp .section-group.section-group-one .line-2 .s-title .box {
          text-align: left; }
      .layout-ldp .section-group.section-group-two .line-1 .products-grid, .layout-ldp .section-group.section-group-two .line-2 .products-grid, .layout-ldp .section-group.section-group-two .line-3 .products-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        .layout-ldp .section-group.section-group-two .line-1 .products-grid .item, .layout-ldp .section-group.section-group-two .line-2 .products-grid .item, .layout-ldp .section-group.section-group-two .line-3 .products-grid .item {
          -webkit-flex: 0 0 calc((100% - (16px*2)) / 3);
          flex: 0 0 calc((100% - (16px*2)) / 3);
          max-width: calc((100% - (16px*2)) / 3); }
      .layout-ldp .section-group.section-group-two .s-wrapper {
        padding: 70px 0;
        border-radius: 100px; }
        .layout-ldp .section-group.section-group-two .s-wrapper:before {
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-2.png"); }
      .layout-ldp .section-group.section-group-three .swiper:not(.swiper-initialized) .swiper-wrapper[data-size="3"] {
        justify-content: center; }
        .layout-ldp .section-group.section-group-three .swiper:not(.swiper-initialized) .swiper-wrapper[data-size="3"] .swiper-slide {
          -webkit-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
          max-width: calc(100% / 3); }
      .layout-ldp .section-group.section-group-three .s-wrapper {
        padding: 70px 0;
        border-radius: 100px; }
        .layout-ldp .section-group.section-group-three .s-wrapper:before {
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-3n.png"); }
      .layout-ldp .section-group.section-group-four .s-control {
        width: 274px; }
      .layout-ldp .section-group.section-group-four .s-wrapper {
        padding: 70px 0;
        border-radius: 100px;
        background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-4.png"); } }
    @media (min-width: 1024px) {
      .layout-ldp .section-group .s-heading {
        padding: 0 32px; }
      .layout-ldp .section-group.section-group-two .s-title {
        padding: 0; }
      .layout-ldp .section-group.section-group-two .s-collection {
        padding: 0 32px; }
      .layout-ldp .section-group.section-group-two .s-content {
        gap: 60px; }
      .layout-ldp .section-group.section-group-three {
        --gap-wrapper: 60px; }
        .layout-ldp .section-group.section-group-three .s-content {
          padding: 0 32px; }
      .layout-ldp .section-group.section-group-four .s-title {
        padding: 0; }
        .layout-ldp .section-group.section-group-four .s-title .box {
          text-align: left;
          margin: 0;
          width: auto; }
      .layout-ldp .section-group.section-group-four .s-inner {
        flex-direction: row;
        align-items: center; }
        .layout-ldp .section-group.section-group-four .s-inner .s-title {
          -webkit-flex: 0 0 30%;
          flex: 0 0 30%;
          max-width: 30%; }
        .layout-ldp .section-group.section-group-four .s-inner .s-slider {
          -webkit-flex: 0 0 calc(70% - 42px);
          flex: 0 0 calc(70% - 42px);
          max-width: calc(70% - 42px); }
      .layout-ldp .section-group.section-group-four .s-collection {
        padding: 0 32px; }
        .layout-ldp .section-group.section-group-four .s-collection.line-1 {
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-4-1.png"); }
        .layout-ldp .section-group.section-group-four .s-collection.line-2 {
          background-image: url("https://cdn.hstatic.net/files/200001149561/file/mask-group-4-2.png"); }
          .layout-ldp .section-group.section-group-four .s-collection.line-2 .s-inner {
            flex-direction: row-reverse; } }
    @media (min-width: 1240px) {
      .layout-ldp .section-group .slide-box .slide-text h3 {
        font-size: 32px; }
      .layout-ldp .section-group .slide-box .slide-text .text {
        font-size: 18px;
        letter-spacing: -0.27px; }
      .layout-ldp .section-group .slide-box .slide-text .label span {
        font-size: 18px;
        letter-spacing: -0.27px; }
      .layout-ldp .section-group .product-box .product-text .text {
        font-size: 16px;
        max-width: 80%;
        margin: auto; }
      .layout-ldp .section-group.section-group-one .s-title .title {
        font-size: 36px;
        line-height: 1.4; }
      .layout-ldp .section-group.section-group-one .s-title .text {
        font-size: 16px; }
      .layout-ldp .section-group.section-group-two .s-title .title {
        font-size: 36px; }
      .layout-ldp .section-group.section-group-two .s-title .text {
        font-size: 16px; }
      .layout-ldp .section-group.section-group-four .s-title .title {
        font-size: 36px; }
      .layout-ldp .section-group.section-group-four .s-title .text {
        font-size: 16px; } }

.cate-scroll-fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  margin: auto;
  display: none;
  align-items: center;
  z-index: 4;
  transform: translateX(-100%);
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden; }
  .cate-scroll-fixed .listing {
    display: flex;
    flex-direction: column;
    gap: 22px; }
    .cate-scroll-fixed .listing .item {
      width: 100%; }
    .cate-scroll-fixed .listing .box-card {
      display: flex;
      flex-direction: column;
      gap: 8px;
      text-align: center;
      padding: 0 2px;
      color: #000;
      transition: all 0.4s;
      filter: grayscale(100%); }
      .cate-scroll-fixed .listing .box-card span {
        width: 100%; }
      .cate-scroll-fixed .listing .box-card span svg {
        transition: all 0.4s; }
      .cate-scroll-fixed .listing .box-card span.text {
        font-size: 12.5px;
        font-weight: 500;
        max-width: 80px;
        color: #0151A3; }
      .cate-scroll-fixed .listing .box-card span.icon {
        margin: auto;
        position: relative; }
      .cate-scroll-fixed .listing .box-card.active {
        filter: grayscale(0%); }
        .cate-scroll-fixed .listing .box-card.active span.text {
          font-weight: 700; }
  @media (min-width: 992px) {
    .cate-scroll-fixed {
      display: flex; }
      .cate-scroll-fixed.is-show {
        transform: translateX(0%);
        opacity: 1;
        visibility: visible; } }