:root {
  --color-brand2: #4B763E; }

.layout-page h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #212121;
  text-transform: uppercase;
  margin: 32px 0; }

@media (min-width: 992px) {
  .layout-page h1 {
    font-size: 48px;
    line-height: 64px;
    margin: 66px 0 42px; } }

@keyframes fullScreenContainer-slider-item-text {
  100% {
    left: 0;
    opacity: 1; } }

/*----------------------------------------------------*/
/* 1. PAGE ABOUT: All */
/*----------------------------------------------------*/
.section-overview {
  padding: 56px 0;
  background: #202846;
  /**/ }
  .section-overview * {
    color: #fff; }
  .section-overview h1 {
    font-weight: 700;
    font-size: 34px;
    line-height: 42px;
    text-transform: uppercase;
    margin: 0; }
    .section-overview h1 span {
      display: block;
      font-size: 22px;
      line-height: 30px; }
  .section-overview h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #F2F2F2;
    padding: 0 40px;
    margin-bottom: 50px; }
    .section-overview h2:not(.not-uppercase) {
      text-transform: uppercase; }
  .section-overview .s-content-top .list-intro {
    display: -ms-flexbox;
    display: flex; }
    .section-overview .s-content-top .list-intro .desc-intro {
      padding: 25px 0; }
  .section-overview .s-content-bottom .list-intro .desc-intro {
    margin: 36px 0; }
    .section-overview .s-content-bottom .list-intro .desc-intro p {
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
      color: #F2F2F2; }
  @media (min-width: 992px) {
    .section-overview {
      padding: 90px 0; }
      .section-overview h1 {
        font-size: 44px;
        line-height: 52px; }
        .section-overview h1 span {
          display: block;
          font-size: 20px;
          line-height: 28px; }
      .section-overview h2 {
        font-size: 28px;
        line-height: 44px; }
      .section-overview .s-content-top .list-intro {
        -ms-align-items: center;
        align-items: center;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
        .section-overview .s-content-top .list-intro .box-intro:nth-child(1) {
          -ms-flex: 0 0 18%;
          flex: 0 0 18%;
          max-width: 18%;
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -ms-flex-order: 1;
          -webkit-order: 1;
          order: 1;
          margin-bottom: 17%; }
        .section-overview .s-content-top .list-intro .box-intro:nth-child(2) {
          -ms-flex: 0 0 18%;
          flex: 0 0 18%;
          max-width: 18%;
          -webkit-box-ordinal-group: 3;
          -moz-box-ordinal-group: 3;
          -ms-flex-order: 3;
          -webkit-order: 3;
          order: 3;
          margin-top: 17%; }
        .section-overview .s-content-top .list-intro .box-intro:nth-child(3) {
          -ms-flex: 0 0 64%;
          flex: 0 0 64%;
          max-width: 64%;
          padding: 0 80px;
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -ms-flex-order: 2;
          -webkit-order: 2;
          order: 2;
          text-align: center; }
      .section-overview .s-content-top .s-footing h2 {
        font-family: 'Inter', sans-serif; }
      .section-overview .s-content-bottom .list-intro {
        display: -ms-flexbox;
        display: flex;
        -ms-align-items: flex-end;
        align-items: flex-end; }
        .section-overview .s-content-bottom .list-intro .box-intro:nth-child(1) {
          padding-right: 80px; }
        .section-overview .s-content-bottom .list-intro .desc-intro {
          margin: 80px 0; }
        .section-overview .s-content-bottom .list-intro .desc-intro p {
          font-size: 20px;
          line-height: 26px; } }
  @media (min-width: 1024px) {
    .section-overview {
      padding: 90px 0 190px; }
      .section-overview h1 {
        font-size: 64px;
        line-height: 72px; }
        .section-overview h1 span {
          display: block;
          font-size: 40px;
          line-height: 48px; }
      .section-overview h2 {
        font-size: 24px;
        line-height: 34px;
        max-width: 1064px;
        margin: 0 auto;
        padding: 0; }
      .section-overview .s-content-top .list-intro .box-intro:nth-child(1) {
        -ms-flex: 0 0 17%;
        flex: 0 0 17%;
        max-width: 17%; }
      .section-overview .s-content-top .list-intro .box-intro:nth-child(2) {
        -ms-flex: 0 0 17%;
        flex: 0 0 17%;
        max-width: 17%; }
      .section-overview .s-content-top .list-intro .box-intro:nth-child(3) {
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
        max-width: 66%;
        padding: 0 100px; }
      .section-overview .s-content-bottom .list-intro .box-intro {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; }
      .section-overview .s-content-bottom .list-intro .box-intro:nth-child(1) {
        padding-right: 133px; }
      .section-overview .s-content-bottom .list-intro .desc-intro {
        margin: 105px 0; } }
  @media (max-width: 991px) {
    .section-overview h1 br {
      display: none; }
    .section-overview .s-content-top .list-intro {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 0;
      position: relative; }
      .section-overview .s-content-top .list-intro img {
        width: 100%; }
      .section-overview .s-content-top .list-intro .box-intro:nth-child(1) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: absolute;
        z-index: 1;
        bottom: 12%;
        left: 0;
        padding-right: 15px;
        display: none; }
      .section-overview .s-content-top .list-intro .box-intro:nth-child(2) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: absolute;
        z-index: 1;
        bottom: 10%;
        right: 0;
        padding-left: 15px;
        display: none; }
      .section-overview .s-content-top .list-intro .box-intro:nth-child(3) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        position: relative;
        z-index: 0; }
        .section-overview .s-content-top .list-intro .box-intro:nth-child(3):before {
          content: "";
          position: absolute;
          z-index: 1;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(180deg, rgba(32, 40, 70, 0) 0%, #202846 54.17%);
          display: none; }
    .section-overview .s-content-top .s-footing h2 {
      font-family: 'Inter', sans-serif;
      font-size: 14px;
      line-height: 22px;
      padding: 0;
      text-align: initial;
      font-weight: 300; } }

.section-mission {
  padding: 42px 0;
  background: #455D3C; }
  .section-mission * {
    color: #fff; }
  .section-mission h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 44px;
    text-transform: uppercase;
    margin-bottom: 24px; }
  .section-mission p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #F2F2F2; }
    .section-mission p.text-mission strong {
      display: block;
      font-size: 24px;
      line-height: 32px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700; }
  .section-mission .box-item {
    margin-top: 30px; }
    .section-mission .box-item .inner-item {
      overflow: hidden;
      position: relative; }
      .section-mission .box-item .inner-item .banner {
        overflow: hidden;
        position: relative;
        padding-bottom: calc((766/575) * 100%); }
        .section-mission .box-item .inner-item .banner img {
          position: absolute;
          width: auto;
          height: auto;
          left: 50%;
          top: 50%;
          overflow: hidden;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -o-object-fit: contain;
          object-fit: contain; }
        .section-mission .box-item .inner-item .banner:before {
          content: "";
          position: absolute;
          z-index: 1;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.2); }
      .section-mission .box-item .inner-item .title {
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        padding: 36px; }
        .section-mission .box-item .inner-item .title h3 {
          font-weight: 700;
          font-size: 24px;
          line-height: 30px;
          color: #F2F2F2;
          margin-bottom: 0; }
      .section-mission .box-item .inner-item .link {
        position: absolute;
        z-index: 3;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: block; }
    .section-mission .box-item:nth-child(2) .inner-item .title {
      top: auto;
      bottom: 0; }
    @media (max-width: 991px) {
      .section-mission .box-item .inner-item .banner img {
        width: 100%; }
      .section-mission .box-item:nth-child(2) .inner-item .title {
        top: 0;
        bottom: auto; } }
  @media (min-width: 992px) {
    .section-mission {
      padding: 90px 0; }
      .section-mission h2 {
        margin-bottom: 40px; }
      .section-mission .box-item {
        margin-top: 90px; }
        .section-mission .box-item:nth-child(2) {
          margin-top: 180px; }
        .section-mission .box-item .inner-item .title h3 {
          font-size: 30px;
          line-height: 36px; } }
  @media (min-width: 1024px) {
    .section-mission {
      padding: 118px 0 128px; }
      .section-mission h2 {
        font-size: 48px;
        line-height: 64px; }
      .section-mission p {
        font-size: 20px;
        line-height: 26px; }
        .section-mission p.text-mission strong {
          display: block;
          font-size: 40px;
          line-height: 48px;
          margin: 0 0 10px 0; }
      .section-mission .box-item {
        margin-top: 126px; }
        .section-mission .box-item:nth-child(2) {
          margin-top: 226px; }
        .section-mission .box-item .inner-item .title h3 {
          font-size: 36px;
          line-height: 40px; } }

.section-values {
  padding: 42px 0;
  background: #BA9244; }
  .section-values * {
    color: #fff; }
  .section-values h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 44px;
    text-transform: uppercase;
    margin-bottom: 24px; }
  .section-values p, .section-values ul {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #F2F2F2;
    margin-bottom: 24px; }
  .section-values img {
    width: 100%; }
  @media (min-width: 992px) {
    .section-values {
      padding: 90px 0; }
      .section-values h2 {
        margin-bottom: 40px; } }
  @media (min-width: 1024px) {
    .section-values {
      padding: 190px 0 222px; }
      .section-values h2 {
        font-size: 48px;
        line-height: 64px; }
      .section-values p, .section-values ul {
        font-size: 20px;
        line-height: 26px; } }
  .section-values ul {
    list-style-type: inherit;
    padding: 0 0 0 20px; }

.section-events-awards {
  padding: 50px 0;
  background: #fff;
  overflow: hidden; }
  .section-events-awards h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 44px;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: #202846; }
  .section-events-awards p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #202846;
    margin-bottom: 36px; }
  .section-events-awards .wrapper-section-events-awards {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    /*
		@media (min-width: 1440px){
			margin: 0 calc((100vw - 1235px) / 2);
			width: calc(100% - ((100vw - 1235px) / 2));
			.position-absolute{
				left: -15px;
				width: 1310px;
				.container{
					margin: 0;
					padding: 0;
				}
			}
		}
		@media (max-width: 1439px){
			margin: 0 calc((100vw - 1095px) / 2);
			width: calc(100% - ((100vw - 1095px) / 2));
			.position-absolute{
				width: 1170px;
				.container{
					margin: 0;
					padding: 0;
				}
			}
		}
		@media (max-width: 1199px){
			margin: 0 calc((100vw - 915px) / 2);
			width: calc(100% - ((100vw - 915px) / 2));
			.position-absolute{
				width: 960px;
				left: -10px;
			}
			.slider-events{
				margin-left: -10px;
			}
		}
		@media (max-width: 991px){
			align-items: end;
			margin: 0 calc((100vw - 675px) / 2);
			width: calc(100% - ((100vw - 675px) / 2));
		}
		@media (max-width: 767px){
			margin: 0;
			width: 100%;
			.slider-events{
				margin-left: 0px;
				padding-left: 10px;
				padding-bottom: 40px;
				margin-bottom: 0;
				&:not(.slick-initialized){
					overflow: hidden;
					overflow-x: scroll;
					width: 100%;
					.event-item{
						width: 67%;  
						margin-right: 15px;
					}
				}
			}
		}
		*/ }
    .section-events-awards .wrapper-section-events-awards .custom-slick-arrows {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .section-events-awards .wrapper-section-events-awards .custom-slick-arrows .slick-btn {
        position: relative;
        top: 0;
        transform: translateY(0); }
    .section-events-awards .wrapper-section-events-awards .s-content {
      width: 100%; }
  .section-events-awards .slider-events {
    /*margin-left: -15px;*/
    /*margin-right: -50%;*/ }
    .section-events-awards .slider-events:not(.slick-initialized) {
      display: -webkit-flex;
      display: flex;
      overflow: hidden;
      width: 100%;
      gap: 15px; }
      .section-events-awards .slider-events:not(.slick-initialized) .event-item {
        flex: 0 0 calc((100% - 30px) / 3); }
        @media (max-width: 767px) {
          .section-events-awards .slider-events:not(.slick-initialized) .event-item {
            flex: 0 0 100%; } }
    .section-events-awards .slider-events.slick-initialized .slick-list {
      margin: 0 -24px 0 0; }
      @media (max-width: 767px) {
        .section-events-awards .slider-events.slick-initialized .slick-list {
          margin: 0; } }
    @media (min-width: 768px) {
      .section-events-awards .slider-events.slick-initialized .slick-slide {
        padding: 0 24px 0 0; } }
    @media (max-width: 767px) {
      .section-events-awards .slider-events.slick-initialized .slick-slide {
        margin: 0;
        padding: 0; } }
  .section-events-awards .event-item {
    padding: 0; }
    .section-events-awards .event-item .banner {
      margin-bottom: 24px;
      padding-bottom: calc(100% * 295 / 469);
      position: relative;
      overflow: hidden; }
      .section-events-awards .event-item .banner img {
        position: absolute;
        height: 100%;
        width: 100%; }
    .section-events-awards .event-item .title {
      font-weight: 700;
      font-size: 18px;
      line-height: 22px;
      color: #202846;
      margin-bottom: 0; }
  .section-events-awards .slick-dots {
    bottom: 0; }
    .section-events-awards .slick-dots li {
      background: rgba(0, 0, 0, 0.2);
      border-radius: 50%;
      width: 10px;
      height: 10px; }
      .section-events-awards .slick-dots li.slick-active {
        background: #bb9244; }
      .section-events-awards .slick-dots li button:before {
        content: ''; }
  @media (min-width: 992px) {
    .section-events-awards {
      padding: 90px 0; }
      .section-events-awards .slider-events {
        /*margin-right: -70%;*/ }
      .section-events-awards .event-item .title {
        font-size: 24px;
        line-height: 30px; } }
  @media (min-width: 1024px) {
    .section-events-awards {
      padding: 130px 0; }
      .section-events-awards h2 {
        font-size: 36px;
        line-height: 44px; }
      .section-events-awards p {
        font-size: 20px;
        line-height: 26px; }
      .section-events-awards .slider-events {
        /*margin-right: -50%;*/ } }
  @media (max-width: 767px) {
    .section-events-awards h2 {
      font-size: 20px;
      line-height: 26px; }
    .section-events-awards p {
      line-height: 24px; } }

.section-brands *:not(.btn4) {
  color: #F2F2F2; }

.section-brands .coll-half {
  flex: 0 0 auto;
  width: 100%; }

.section-brands .coll-half:nth-child(1) {
  background: #4B6542;
  padding: 100px 50px 50px 50px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden; }

.section-brands .slider-brand .slider-nav {
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 0; }
  .section-brands .slider-brand .slider-nav img {
    margin: auto;
    height: 190px; }
    @media (max-width: 991px) {
      .section-brands .slider-brand .slider-nav img {
        height: 127px; } }
  .section-brands .slider-brand .slider-nav .thumbnail-desc {
    text-align: center; }
    @media (max-width: 991px) {
      .section-brands .slider-brand .slider-nav .thumbnail-desc {
        min-height: 350px; } }
    @media (max-width: 991px) {
      .section-brands .slider-brand .slider-nav .thumbnail-desc .thumbImg {
        margin-top: 30px;
        margin-bottom: 15px; } }
    .section-brands .slider-brand .slider-nav .thumbnail-desc .thumbImg svg {
      height: 190px; }
      @media (max-width: 991px) {
        .section-brands .slider-brand .slider-nav .thumbnail-desc .thumbImg svg {
          height: 127px; } }
    .section-brands .slider-brand .slider-nav .thumbnail-desc h4 {
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      margin: 24px 0; }
      @media (max-width: 991px) {
        .section-brands .slider-brand .slider-nav .thumbnail-desc h4 {
          font-size: 19px;
          line-height: 22px; } }
    .section-brands .slider-brand .slider-nav .thumbnail-desc p {
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 52px; }
    .section-brands .slider-brand .slider-nav .thumbnail-desc a {
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      display: inline-flex;
      align-items: center; }
    .section-brands .slider-brand .slider-nav .thumbnail-desc a span {
      color: #BB9244;
      display: inline-block;
      margin-right: 5px; }
    .section-brands .slider-brand .slider-nav .thumbnail-desc a svg {
      width: 24px;
      height: 24px; }
  .section-brands .slider-brand .slider-nav .slick-dots {
    width: 100%;
    height: 24px;
    left: 0;
    right: 0;
    right: auto;
    position: absolute;
    top: -15%;
    bottom: auto;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    .section-brands .slider-brand .slider-nav .slick-dots li {
      margin: 0 15px;
      width: 100%;
      height: auto;
      text-align: center; }
      .section-brands .slider-brand .slider-nav .slick-dots li button {
        width: auto;
        padding: 0;
        font-size: 12px;
        line-height: 22px;
        text-transform: uppercase;
        color: rgba(242, 242, 242, 0.5);
        font-weight: bold;
        position: relative;
        display: inline-flex;
        align-items: center;
        white-space: nowrap; }
        .section-brands .slider-brand .slider-nav .slick-dots li button:before {
          content: none; }
        .section-brands .slider-brand .slider-nav .slick-dots li button svg {
          width: 12px;
          height: 12px;
          margin-right: 7px;
          fill: rgba(242, 242, 242, 0.5); }
      .section-brands .slider-brand .slider-nav .slick-dots li:nth-child(2) button svg {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg); }
      .section-brands .slider-brand .slider-nav .slick-dots li.slick-active button,
      .section-brands .slider-brand .slider-nav .slick-dots li:hover button {
        color: #F2F2F2; }
        .section-brands .slider-brand .slider-nav .slick-dots li.slick-active button svg,
        .section-brands .slider-brand .slider-nav .slick-dots li:hover button svg {
          fill: #fff; }

.section-brands .slider-brand .slider-for img {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transform: scale(1.2); }

.section-brands .slider-brand .slider-for .slick-active img {
  transform: scale(1.03); }

@media (min-width: 992px) {
  .section-brands .coll-half {
    flex: 0 0 auto;
    width: 50%; }
  .section-brands .coll-half:nth-child(1) {
    padding: 50px 50px 50px 100px; }
  .section-brands .slider-brand .slider-nav .slick-dots {
    width: 100%;
    height: 24px;
    left: -15%;
    right: auto;
    right: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, 50%) rotate(-270deg);
    -webkit-transform: translate(-50%, 50%) rotate(-270deg);
    -ms-transform: translate(-50%, 50%) rotate(-270deg);
    -moz-transform: translate(-50%, 50%) rotate(-270deg); }
    .section-brands .slider-brand .slider-nav .slick-dots li {
      width: auto; }
      .section-brands .slider-brand .slider-nav .slick-dots li button {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg); } }

@media (min-width: 1024px) {
  .section-brands .coll-half:nth-child(1) {
    padding: 50px 100px 50px 160px; }
  .section-brands .slider-brand .slider-nav .slick-dots {
    left: -12%; } }

/*----------------------------------------------------*/
/* 1.1. PAGE ABOUT: BRAND - Style 1 */
/*----------------------------------------------------*/
.section-intro {
  padding: 35px 0;
  overflow: hidden; }
  .section-intro.bg-brand1 {
    background: #202846; }
  .section-intro.bg-brand2 {
    background: #455D3C; }
  .section-intro.bg-brand3 {
    background: #DA2128; }
  .section-intro .box-introduction .box-title .main {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
    color: #F2F2F2;
    margin-bottom: 8px; }
  .section-intro .box-introduction .box-title .sub {
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 36px;
    color: #F2F2F2; }
  .section-intro .box-introduction .box-detail {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF; }
    .section-intro .box-introduction .box-detail ul {
      list-style-type: disc;
      padding-left: 22px;
      margin: 36px 0; }
      .section-intro .box-introduction .box-detail ul ~ .action {
        margin-top: 0; }
    .section-intro .box-introduction .box-detail .action {
      text-align: center;
      margin-top: 36px; }
  .section-intro .slider-intro-banner {
    margin: 0 -70% 36px -15px; }
    .section-intro .slider-intro-banner:not(.slick-initialized) {
      display: -webkit-flex;
      display: flex; }
      .section-intro .slider-intro-banner:not(.slick-initialized) .intro-banner {
        width: 50.053%;
        flex: 0 0 auto;
        padding-top: 63.614%;
        position: relative;
        overflow: hidden; }
        .section-intro .slider-intro-banner:not(.slick-initialized) .intro-banner img {
          position: absolute;
          left: 15px;
          top: 0;
          width: calc(100% - 30px); }
    @media (max-width: 991px) {
      .section-intro .slider-intro-banner {
        margin: 0 -70% 36px -8px; } }
    .section-intro .slider-intro-banner .intro-banner {
      padding: 0 15px; }
      @media (max-width: 991px) {
        .section-intro .slider-intro-banner .intro-banner {
          padding: 0 8px; } }
      .section-intro .slider-intro-banner .intro-banner img {
        width: 100%; }
    .section-intro .slider-intro-banner .slick-dots {
      bottom: -10%;
      margin-right: 44%;
      right: 0;
      width: auto;
      border-bottom: 2px solid #D9D9D9; }
      .section-intro .slider-intro-banner .slick-dots:before {
        content: '';
        bottom: -2px;
        left: 0;
        border-bottom: 2px solid #D9D9D9;
        display: block;
        opacity: 0.2;
        position: absolute;
        width: 285px; }
      .section-intro .slider-intro-banner .slick-dots li {
        text-align: center;
        margin: 0;
        width: auto;
        height: 28px; }
      .section-intro .slider-intro-banner .slick-dots li + li {
        padding-left: 20px; }
      .section-intro .slider-intro-banner .slick-dots li a {
        font-family: 'Noto Serif', serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: rgba(187, 146, 68, 0.5);
        display: block; }
      .section-intro .slider-intro-banner .slick-dots li.slick-active a {
        color: #BB9244; }
    .section-intro .slider-intro-banner .slick-list {
      padding-left: 0 !important; }
  @media (min-width: 992px) {
    .section-intro {
      padding: 80px 0 120px; }
      .section-intro .box-introduction .box-title .main {
        font-size: 64px;
        line-height: 72px; }
      .section-intro .box-introduction .box-detail .action {
        text-align: left; }
      .section-intro .slider-intro-banner {
        margin-right: -70%; } }
  @media (max-width: 991px) {
    .section-intro .box-introduction .box-title .main {
      margin-bottom: 30px; }
    .section-intro .box-introduction .box-title .sub {
      margin-bottom: 12px; } }
  @media (max-width: 767px) {
    .section-intro .box-introduction.box-introduction-mb {
      margin-top: 40px; }
      .section-intro .box-introduction.box-introduction-mb .box-detail ul {
        margin: 12px 0 32px; } }

.section-collection {
  padding: 39px 0; }
  .section-collection.section-last {
    padding-bottom: 0; }
  .section-collection .btn-more {
    display: none; }
  @media (min-width: 992px) {
    .section-collection {
      padding: 95px 0; }
      .section-collection .btn-more {
        display: block;
        margin-top: 63px; } }
  @media (min-width: 1200px) {
    .section-collection .heading-collection {
      padding: 0 0 18px 0;
      justify-content: space-between; }
      .section-collection .heading-collection p {
        max-width: 520px;
        margin-right: 0;
        line-height: 1.3; } }
  @media (max-width: 767px) {
    .section-collection .heading-collection h3 {
      text-align: center;
      font-size: 28px; } }

.section-collector {
  overflow: hidden; }
  @media (max-width: 1199px) {
    .section-collector.style-slick .slick-list {
      margin: 0 !important; }
      .section-collector.style-slick .slick-list .slick-slide {
        padding: 0 !important; } }
  .section-collector .container-fluid {
    padding: 0; }
  .section-collector .slick-list {
    padding-top: 0 !important;
    padding-bottom: 50px !important; }
    @media (max-width: 1199px) {
      .section-collector .slick-list {
        padding-bottom: 0px !important; } }
  .section-collector .slick-collector {
    max-width: 1058px;
    margin: 0 auto; }
    .section-collector .slick-collector .slick-list {
      overflow: visible; }
    .section-collector .slick-collector:not(.slick-initialized) {
      display: flex;
      overflow: hidden; }
      .section-collector .slick-collector:not(.slick-initialized) .item-collector {
        width: 100%; }
        .section-collector .slick-collector:not(.slick-initialized) .item-collector ~ .item-collector {
          display: none; }
    .section-collector .slick-collector .item-collector {
      position: relative; }
      .section-collector .slick-collector .item-collector:hover img {
        transform: scale(1.05); }
      .section-collector .slick-collector .item-collector .media-collector {
        position: relative;
        overflow: hidden; }
        .section-collector .slick-collector .item-collector .media-collector img {
          width: 100%;
          transition: transform 0.3s ease; }
      .section-collector .slick-collector .item-collector .info-collector {
        position: absolute;
        left: 150px;
        bottom: -45px;
        background: #fff;
        padding: 24px 35px;
        width: 50%;
        overflow: visible;
        opacity: 0;
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
        .section-collector .slick-collector .item-collector .info-collector.animate {
          animation: fullScreenContainer-slider-item-text 600ms ease-in-out forwards;
          animation-delay: 100ms; }
        @media (max-width: 1199px) {
          .section-collector .slick-collector .item-collector .info-collector {
            position: relative;
            left: 0;
            bottom: 0;
            background: #fff;
            padding: 24px 75px;
            width: 100%; } }
        .section-collector .slick-collector .item-collector .info-collector h4 {
          font-size: 24px;
          font-family: 'Arsenal', sans-serif;
          font-weight: 700;
          color: #1E2541;
          margin-bottom: 15px; }
        .section-collector .slick-collector .item-collector .info-collector p {
          font-size: 16px;
          line-height: 24px;
          font-weight: 300; }
        .section-collector .slick-collector .item-collector .info-collector .action-collector {
          margin-top: 15px; }

/*----------------------------------------------------*/
/* 1.2. PAGE ABOUT: BRAND - Style 2 */
/*----------------------------------------------------*/
.section-info {
  font-size: 16px;
  line-height: 24px; }
  .section-info h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 24px; }
  .section-info .s-heading {
    margin-top: 24px; }
  .section-info.zone-one .s-heading {
    margin-top: 42px;
    margin-bottom: 24px; }
    .section-info.zone-one .s-heading h1 {
      font-weight: 700;
      font-size: 36px;
      line-height: 40px;
      text-transform: uppercase;
      margin-bottom: 8px; }
    .section-info.zone-one .s-heading .subtitle {
      font-weight: 700;
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 24px; }
      @media (max-width: 991px) {
        .section-info.zone-one .s-heading .subtitle {
          font-size: 18px;
          line-height: 20px; } }
    .section-info.zone-one .s-heading .desc p {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px; }
  .section-info.zone-two .s-heading {
    margin-top: 24px; }
    .section-info.zone-two .s-heading p {
      margin-bottom: 24px; }
    .section-info.zone-two .s-heading ul {
      list-style-type: disc;
      padding-left: 22px;
      margin: 24px 0; }
  .section-info.zone-three .s-heading {
    margin-bottom: 24px; }
    .section-info.zone-three .s-heading ul {
      list-style-type: inherit;
      padding-left: 20px; }
  .section-info.zone-three .s-content .banner {
    margin-bottom: 24px; }
  @media (min-width: 992px) {
    .section-info {
      padding: 113px 0 0;
      font-size: 18px;
      line-height: 24px; }
      .section-info h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 36px; }
      .section-info .s-heading {
        margin-top: 0; }
      .section-info.zone-one .s-heading {
        margin-top: 0;
        margin-bottom: 52px; }
        .section-info.zone-one .s-heading h1 {
          font-size: 64px;
          line-height: 72px; }
        .section-info.zone-one .s-heading .subtitle {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 42px; }
        .section-info.zone-one .s-heading .desc p {
          font-size: 20px;
          line-height: 26px;
          font-weight: 300; }
      .section-info.zone-two .s-heading {
        margin-top: 76px; }
        .section-info.zone-two .s-heading p {
          margin-bottom: 36px;
          font-size: 18px;
          line-height: 24px;
          text-align: justify; }
        .section-info.zone-two .s-heading ul {
          margin: 36px 0; }
      .section-info.zone-three .s-heading {
        margin-bottom: 96px; } }

/*----------------------------------------------------*/
/* 2. PAGE CONTACT */
/*----------------------------------------------------*/
.section-infocontact {
  margin-top: 32px; }
  .section-infocontact h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #212121;
    text-transform: uppercase;
    margin: 36px 0 15px; }
  .section-infocontact .navtabs-title {
    margin-bottom: 30px;
    border: none; }
    .section-infocontact .navtabs-title .nav-item .nav-link {
      color: #808089;
      padding: 17px 0 36px;
      border: none;
      background: none;
      border-top: 1px solid #C4C4CF;
      border-radius: 0; }
      .section-infocontact .navtabs-title .nav-item .nav-link span {
        font-family: 'Arsenal';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: #7382BF;
        display: block;
        margin-bottom: 12px; }
      .section-infocontact .navtabs-title .nav-item .nav-link.active span {
        color: #202846; }
  .section-infocontact .content-tabslist .panel-step-title {
    color: #808089;
    padding: 17px 0 36px;
    border: none;
    background: none;
    border-top: 1px solid #C4C4CF;
    border-radius: 0; }
    .section-infocontact .content-tabslist .panel-step-title span {
      font-family: 'Arsenal';
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      color: #7382BF;
      display: block;
      margin-bottom: 12px; }
    .section-infocontact .content-tabslist .panel-step-title.is-accordion span {
      color: #202846; }
  @media (max-width: 991px) {
    .section-infocontact .content-tabslist .tab-pane {
      display: block;
      opacity: 1; }
    .section-infocontact .content-tabslist .panel-step-content {
      display: none;
      margin-bottom: 12px; } }
  .section-infocontact .box-info {
    margin-bottom: 24px; }
    .section-infocontact .box-info .if-tag {
      font-weight: 400;
      color: #BB9244;
      display: block;
      margin-bottom: 4px;
      text-transform: uppercase; }
    .section-infocontact .box-info .if-name {
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      color: #202846;
      margin-bottom: 8px;
      font-family: 'Arsenal', sans-serif; }
    .section-infocontact .box-info .if-address {
      font-size: 16px;
      line-height: 24px;
      color: #303C69;
      display: flex;
      margin-bottom: 16px; }
      .section-infocontact .box-info .if-address svg {
        width: 24px;
        height: 24px;
        margin-right: 8px; }
      .section-infocontact .box-info .if-address p {
        width: calc(100% - 32px); }
    .section-infocontact .box-info .if-contact {
      display: flex;
      margin-bottom: 6px;
      color: #515158; }
      .section-infocontact .box-info .if-contact a {
        color: #515158; }
      .section-infocontact .box-info .if-contact label {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        color: #27272A;
        margin-right: 25px;
        display: inline-block;
        width: 30%;
        font-family: 'Arsenal', sans-serif; }
      .section-infocontact .box-info .if-contact p {
        width: calc(70% - 25px);
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 0; }
      .section-infocontact .box-info .if-contact a[href*='mail'] {
        text-decoration: underline; }
  .section-infocontact .contact-form .form-group {
    margin-bottom: 20px; }
    .section-infocontact .contact-form .form-group label {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 14px;
      display: none;
      margin-bottom: 8px; }
  .section-infocontact .contact-form input:not([type="submit"]), .section-infocontact .contact-form textarea {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 4px 15px;
    width: 100%;
    color: #000000;
    font-weight: 300;
    font-size: 14px;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .section-infocontact .contact-form input:not([type="submit"]):focus, .section-infocontact .contact-form textarea:focus {
      border-color: #BB9244;
      outline: none;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 146, 68, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 146, 68, 0.6); }
    .section-infocontact .contact-form input:not([type="submit"])::-moz-placeholder, .section-infocontact .contact-form textarea::-moz-placeholder {
      color: #808089;
      opacity: 1; }
    .section-infocontact .contact-form input:not([type="submit"]):-ms-input-placeholder, .section-infocontact .contact-form textarea:-ms-input-placeholder {
      color: #808089; }
    .section-infocontact .contact-form input:not([type="submit"])::-webkit-input-placeholder, .section-infocontact .contact-form textarea::-webkit-input-placeholder {
      color: #808089; }
  .section-infocontact .contact-form input:not([type="submit"]) {
    height: 40px; }
  .section-infocontact .contact-form textarea {
    height: 100px;
    padding: 15px; }
  .section-infocontact .contact-form input.button {
    padding: 4px 20px; }
  @media (min-width: 992px) {
    .section-infocontact {
      margin-top: 0; }
      .section-infocontact .container > .row > [class*="col-"] {
        margin-top: 29px; }
      .section-infocontact h2 {
        font-size: 48px;
        line-height: 64px;
        margin: 66px 0 42px; }
      .section-infocontact .content-tabslist .panel-step-title {
        display: none; }
      .section-infocontact .contact-form {
        margin-bottom: 40px; } }

/*----------------------------------------------------*/
/* 3. PAGE STORES */
/*----------------------------------------------------*/
.store-page .group-filter {
  margin-bottom: 42px; }
  @media (max-width: 991px) {
    .store-page .group-filter {
      margin-bottom: 15px; } }
  .store-page .group-filter input, .store-page .group-filter .selectpicker {
    border-radius: 0;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 4px 0;
    width: 100%;
    height: 40px;
    color: #000000;
    font-weight: 300;
    font-size: 14px;
    box-shadow: none;
    outline: none; }
    .store-page .group-filter input:focus, .store-page .group-filter .selectpicker:focus {
      outline: none; }
    .store-page .group-filter input::-moz-placeholder, .store-page .group-filter .selectpicker::-moz-placeholder {
      color: #808089;
      opacity: 1; }
    .store-page .group-filter input:-ms-input-placeholder, .store-page .group-filter .selectpicker:-ms-input-placeholder {
      color: #808089; }
    .store-page .group-filter input::-webkit-input-placeholder, .store-page .group-filter .selectpicker::-webkit-input-placeholder {
      color: #808089; }
  .store-page .group-filter .group-input {
    position: relative; }
  .store-page .group-filter .group-select {
    height: 40px; }
  .store-page .group-filter .bootstrap-select {
    width: 100% !important; }
  .store-page .group-filter .dropdown-toggle {
    border-radius: 0;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 4px 0;
    width: 100%;
    height: 40px;
    color: #000000;
    font-weight: 300;
    font-size: 14px;
    box-shadow: none;
    outline: none !important; }
    .store-page .group-filter .dropdown-toggle:focus {
      outline: none !important; }
    .store-page .group-filter .dropdown-toggle::-moz-placeholder {
      color: #808089;
      opacity: 1; }
    .store-page .group-filter .dropdown-toggle:-ms-input-placeholder {
      color: #808089; }
    .store-page .group-filter .dropdown-toggle::-webkit-input-placeholder {
      color: #808089; }
    .store-page .group-filter .dropdown-toggle .filter-option {
      outline: none !important; }
  .store-page .group-filter .dropdown-toggle:not([data-id="filter-type"])::after {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 9L12.5 15L18.5 9' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 22px;
    height: 40px;
    margin-right: 0;
    vertical-align: 0;
    border: none !important;
    position: absolute;
    right: 0;
    bottom: 0; }
  .store-page .group-filter .dropdown-menu {
    border-color: #e0e0e0; }
    .store-page .group-filter .dropdown-menu .bs-searchbox {
      padding: 4px 12px 12px; }
      .store-page .group-filter .dropdown-menu .bs-searchbox input {
        display: block;
        width: 100%;
        height: 37px;
        padding: 6px 12px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background: #fff;
        border: 1px solid #ced4da;
        border-radius: 3px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
    .store-page .group-filter .dropdown-menu .dropdown-item {
      background: transparent;
      color: #000;
      padding: 8px 24px;
      font-size: 14px;
      font-weight: 300; }
      .store-page .group-filter .dropdown-menu .dropdown-item.active {
        font-weight: 400; }
    .store-page .group-filter .dropdown-menu .no-results {
      margin: 0 12px;
      padding: 5px 12px;
      font-size: 13px; }
  .store-page .group-filter .filter-btn {
    padding: 0;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 0;
    background: none;
    position: absolute;
    bottom: 0;
    right: 0; }
    .store-page .group-filter .filter-btn svg {
      width: 16px;
      height: 16px; }
  .store-page .group-filter .filter-title {
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 12px;
    display: block; }
    .store-page .group-filter .filter-title span {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #808089;
      display: block;
      margin-top: 4px; }
  .store-page .group-filter.filter-type {
    padding-bottom: 25px;
    margin-bottom: 0; }
    .store-page .group-filter.filter-type .selectpicker,
    .store-page .group-filter.filter-type .dropdown-toggle {
      border: 1px solid #515158;
      padding: 12px 50px 12px 16px;
      height: 47px;
      color: #000000;
      font-weight: 300;
      font-size: 14px;
      box-shadow: none;
      outline: none !important;
      position: relative; }
      .store-page .group-filter.filter-type .selectpicker::after,
      .store-page .group-filter.filter-type .dropdown-toggle::after {
        position: absolute;
        right: 10px; }
      .store-page .group-filter.filter-type .selectpicker::before,
      .store-page .group-filter.filter-type .dropdown-toggle::before {
        content: "";
        background: #27272A;
        width: 1px;
        height: 35%;
        display: block;
        position: absolute;
        bottom: 0;
        top: 0;
        left: auto;
        margin: auto;
        right: 30px; }
    .store-page .group-filter.filter-type .filter-title {
      margin-bottom: 0; }

.store-page .result-info {
  margin-bottom: 182px; }

.store-page .result-map {
  margin-bottom: 36px; }
  @media (max-width: 991px) {
    .store-page .result-map {
      margin-top: 20px; }
      .store-page .result-map iframe {
        height: 500px; } }

.store-page .list-store {
  overflow-y: scroll; }
  .store-page .list-store .item-store {
    padding: 36px 0;
    border-top: 1px solid #E5E5E5; }
    .store-page .list-store .item-store .store-tag {
      font-weight: 400;
      color: #BB9244;
      display: block;
      margin-bottom: 4px;
      text-transform: uppercase; }
    .store-page .list-store .item-store .store-name {
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      color: #202846;
      margin-bottom: 8px; }
    .store-page .list-store .item-store .store-address {
      font-size: 16px;
      line-height: 24px;
      color: #303C69;
      display: flex;
      margin-bottom: 16px; }
      .store-page .list-store .item-store .store-address svg {
        width: 24px;
        height: 24px;
        margin-right: 8px; }
      .store-page .list-store .item-store .store-address p {
        width: calc(100% - 32px); }
    .store-page .list-store .item-store .store-contact {
      display: flex;
      color: #515158; }
      .store-page .list-store .item-store .store-contact:not(:last-child) {
        margin-bottom: 7px; }
      .store-page .list-store .item-store .store-contact a {
        color: #515158; }
      .store-page .list-store .item-store .store-contact label {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        color: #27272A;
        margin-right: 25px;
        display: inline-block;
        width: 20%;
        font-family: 'Arsenal', sans-serif; }
        @media (max-width: 991px) {
          .store-page .list-store .item-store .store-contact label {
            width: 32%; } }
      .store-page .list-store .item-store .store-contact p {
        width: calc(80% - 25px);
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 0; }

.store-page .store_viewmore {
  text-align: center;
  border-top: 1px solid #E5E5E5;
  padding-top: 36px; }

@media (min-width: 992px) {
  .store-page .result-map {
    margin-bottom: 182px;
    position: sticky;
    top: 20px; }
  .store-page .store_viewmore {
    padding-top: 46px; } }

/*----------------------------------------------------*/
/* 4. BLOG  */
/*----------------------------------------------------*/
.blog-layout, .layout-searchblog {
  margin: 32px 0; }
  .blog-layout .heading-wrap h1, .layout-searchblog .heading-wrap h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase; }
  .blog-layout .blog-block--title, .layout-searchblog .blog-block--title {
    margin-top: 92px;
    margin-bottom: 60px;
    border-bottom: 1px solid #C4C4CF; }
    @media (max-width: 991px) {
      .blog-layout .blog-block--title, .layout-searchblog .blog-block--title {
        margin-top: 32px;
        margin-bottom: 25px; } }
    .blog-layout .blog-block--title h2, .layout-searchblog .blog-block--title h2 {
      font-size: 36px;
      line-height: 40px;
      color: #27272A;
      margin-bottom: 24px;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        .blog-layout .blog-block--title h2, .layout-searchblog .blog-block--title h2 {
          margin-bottom: 10px;
          font-size: 18px;
          line-height: 20px; } }
  .blog-layout .blog-block--list + .blog-block--action, .layout-searchblog .blog-block--list + .blog-block--action {
    margin: 30px 0 0; }
  .blog-layout .style-slick#slider-blogs .slick-btn, .layout-searchblog .style-slick#slider-blogs .slick-btn {
    top: 40%; }
  .blog-layout .item-post, .layout-searchblog .item-post {
    overflow: hidden;
    position: relative;
    color: #27272A;
    font-size: 8px;
    font-weight: 300;
    margin-bottom: 36px; }
    @media (max-width: 991px) {
      .blog-layout .item-post, .layout-searchblog .item-post {
        margin: 0 -4px 15px -4px; }
        .blog-layout .item-post .col-6, .layout-searchblog .item-post .col-6 {
          padding: 0 4px; } }
    .blog-layout .item-post .aspect-ratio, .layout-searchblog .item-post .aspect-ratio {
      position: relative;
      padding-bottom: 75%;
      display: block;
      z-index: 1; }
      .blog-layout .item-post .aspect-ratio picture, .layout-searchblog .item-post .aspect-ratio picture {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%); }
        .blog-layout .item-post .aspect-ratio picture img, .layout-searchblog .item-post .aspect-ratio picture img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
    .blog-layout .item-post .detail-post .meta-post, .layout-searchblog .item-post .detail-post .meta-post {
      display: flex;
      align-items: center;
      color: #808089;
      font-size: 16px;
      line-height: 24px; }
      @media (max-width: 991px) {
        .blog-layout .item-post .detail-post .meta-post, .layout-searchblog .item-post .detail-post .meta-post {
          font-size: 8px;
          line-height: 12px; } }
      .blog-layout .item-post .detail-post .meta-post .cate-blog, .layout-searchblog .item-post .detail-post .meta-post .cate-blog {
        padding-right: 15px;
        position: relative; }
        .blog-layout .item-post .detail-post .meta-post .cate-blog:before, .layout-searchblog .item-post .detail-post .meta-post .cate-blog:before {
          content: "";
          width: 1px;
          height: 65%;
          background: #B2B2B2;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          display: block; }
      .blog-layout .item-post .detail-post .meta-post .cate-date, .layout-searchblog .item-post .detail-post .meta-post .cate-date {
        padding-left: 15px; }
    .blog-layout .item-post .detail-post .desc-post h3, .layout-searchblog .item-post .detail-post .desc-post h3 {
      font-weight: 700;
      font-size: 14px;
      color: #212121;
      margin: 16px 0; }
      @media (max-width: 991px) {
        .blog-layout .item-post .detail-post .desc-post h3, .layout-searchblog .item-post .detail-post .desc-post h3 {
          margin: 8px 0; } }
    .blog-layout .item-post .detail-post .desc-post p, .layout-searchblog .item-post .detail-post .desc-post p {
      display: none; }
    .blog-layout .item-post.special, .layout-searchblog .item-post.special {
      margin-bottom: 0px; }
      .blog-layout .item-post.special .thumb-post, .layout-searchblog .item-post.special .thumb-post {
        padding-bottom: 12%; }
      .blog-layout .item-post.special .detail-post, .layout-searchblog .item-post.special .detail-post {
        width: calc(100% - 8.33333333%*2);
        margin: 0 auto;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 17px; }
        .blog-layout .item-post.special .detail-post .desc-post h3, .layout-searchblog .item-post.special .detail-post .desc-post h3 {
          font-size: 20px;
          margin: 15px 0 36px;
          text-transform: uppercase; }
          @media (max-width: 991px) {
            .blog-layout .item-post.special .detail-post .desc-post h3, .layout-searchblog .item-post.special .detail-post .desc-post h3 {
              margin: 15px 0 0 0; } }
    @media (min-width: 992px) {
      .blog-layout .item-post, .layout-searchblog .item-post {
        font-size: 16px; }
        .blog-layout .item-post .detail-post .desc-post h3, .layout-searchblog .item-post .detail-post .desc-post h3 {
          font-size: 24px;
          line-height: 30px; }
        .blog-layout .item-post .detail-post .desc-post p, .layout-searchblog .item-post .detail-post .desc-post p {
          display: block;
          font-size: 16px;
          line-height: 24px; }
        .blog-layout .item-post.special, .layout-searchblog .item-post.special {
          font-size: 18px; }
          .blog-layout .item-post.special .detail-post, .layout-searchblog .item-post.special .detail-post {
            padding: 42px 62px; }
          .blog-layout .item-post.special .detail-post .desc-post h3, .layout-searchblog .item-post.special .detail-post .desc-post h3 {
            font-size: 36px;
            line-height: 40px; }
          .blog-layout .item-post.special .detail-post .desc-post p, .layout-searchblog .item-post.special .detail-post .desc-post p {
            font-size: 16px;
            line-height: 24px; } }
  @media (min-width: 992px) {
    .blog-layout, .layout-searchblog {
      margin: 64px 0; }
      .blog-layout .blog-block--list + .blog-block--action, .layout-searchblog .blog-block--list + .blog-block--action {
        margin: 60px 0 0; } }

.article-layout {
  margin: 40px 0; }
  .article-layout p {
    margin-bottom: 1rem; }
  .article-layout b, .article-layout strong {
    font-weight: bold; }
  .article-layout .heading-wrap h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    color: #07183F;
    margin-bottom: 26px; }
  .article-layout .article-block--title {
    margin-bottom: 60px;
    border-bottom: 1px solid #C4C4CF; }
    .article-layout .article-block--title h2 {
      font-size: 36px;
      line-height: 40px;
      color: #27272A;
      margin-bottom: 24px;
      text-transform: uppercase; }
  .article-layout .item-post {
    overflow: hidden;
    position: relative;
    color: #27272A;
    font-size: 10px;
    font-weight: 300;
    margin-bottom: 36px; }
    .article-layout .item-post .aspect-ratio {
      position: relative;
      padding-bottom: 75%;
      display: block;
      z-index: 1; }
      .article-layout .item-post .aspect-ratio picture {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%); }
        .article-layout .item-post .aspect-ratio picture img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
    .article-layout .item-post .detail-post {
      margin-top: 16px; }
      .article-layout .item-post .detail-post .meta-post {
        display: flex;
        align-items: center;
        color: #808089; }
        .article-layout .item-post .detail-post .meta-post .cate-blog {
          padding-right: 15px;
          position: relative; }
          .article-layout .item-post .detail-post .meta-post .cate-blog:before {
            content: "";
            width: 1px;
            height: 65%;
            background: #B2B2B2;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            display: block; }
        .article-layout .item-post .detail-post .meta-post .cate-date {
          padding-left: 15px; }
      .article-layout .item-post .detail-post .desc-post h3 {
        font-weight: 700;
        font-size: 16px;
        color: #212121;
        margin: 12px 0 0; }
    @media (min-width: 992px) {
      .article-layout .item-post {
        font-size: 13px; }
        .article-layout .item-post .detail-post .desc-post h3 {
          font-size: 20px; } }
  @media (min-width: 768px) {
    .article-layout .style-slick:not(.slick-initialized) {
      display: flex;
      flex-wrap: wrap;
      gap: 20px; }
      .article-layout .style-slick:not(.slick-initialized) .item-post {
        flex: 0 0 calc(50% - 10px);
        box-sizing: border-box; }
        .article-layout .style-slick:not(.slick-initialized) .item-post:nth-child(n+3) {
          display: none; } }
  .article-layout .style-slick .slick-btn {
    border-radius: 50%;
    height: 36px;
    width: 36px;
    top: -100px; }
  .article-layout .style-slick .slick-btn.prev {
    left: calc(100% - 80px); }
  @media (min-width: 992px) {
    .article-layout {
      margin: 80px 0; }
      .article-layout .heading-wrap h1 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 42px; }
      .article-layout .style-slick .slick-btn {
        border-radius: 50%;
        height: 56px;
        width: 56px;
        top: -110px; }
      .article-layout .style-slick .slick-btn.prev {
        left: calc(100% - 120px); } }
  .article-layout .content-wrap .ytb {
    width: 100%;
    height: 450px; }
  .article-layout .content-wrap table {
    width: 100% !important; }
  .article-layout .content-wrap * {
    font-family: 'Inter', sans-serif !important;
    font-size: 20px;
    line-height: 28px; }
    @media (max-width: 991px) {
      .article-layout .content-wrap * {
        font-size: 16px;
        line-height: 24px; } }
  .article-layout .content-wrap ul, .article-layout .content-wrap ol {
    padding: 20px 0 20px 20px;
    list-style-type: inherit; }
  .article-layout .article-wrapper.article-relates {
    margin-top: 80px; }
    @media (max-width: 991px) {
      .article-layout .article-wrapper.article-relates {
        margin-top: 40px; } }

/*----------------------------------------------------*/
/* 5. Page LDP Promotion 1  */
/*----------------------------------------------------*/
.ldp-main-slider {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 991px) {
    .ldp-main-slider {
      align-items: end; } }
  .ldp-main-slider .custom-slick-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .ldp-main-slider .custom-slick-arrows .slick-btn {
      position: relative;
      top: 0;
      transform: translateY(0); }
  @media (min-width: 992px) {
    .ldp-main-slider .custom-slick-dots {
      position: absolute;
      bottom: -220%;
      right: 15px;
      z-index: 9; } }
  @media (max-width: 991px) {
    .ldp-main-slider .custom-slick-dots {
      position: relative;
      margin-bottom: 30px;
      display: flex;
      align-items: center;
      z-index: 9;
      width: 100%;
      justify-content: center; } }
  .ldp-main-slider .custom-slick-dots ul {
    display: flex;
    align-items: center;
    justify-content: end; }
    @media (max-width: 991px) {
      .ldp-main-slider .custom-slick-dots ul {
        position: relative; } }
    .ldp-main-slider .custom-slick-dots ul:before {
      content: '';
      bottom: -10px;
      left: 0;
      border-bottom: 2px solid rgba(255, 255, 255, 0.5);
      display: block;
      position: absolute;
      width: 120%; }
    .ldp-main-slider .custom-slick-dots ul li {
      position: relative; }
      .ldp-main-slider .custom-slick-dots ul li:before {
        content: '';
        width: 0;
        height: 2px;
        background: #FFFFFF;
        position: absolute;
        bottom: -10px;
        left: 0;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .ldp-main-slider .custom-slick-dots ul li + li {
        padding-left: 25px; }
      .ldp-main-slider .custom-slick-dots ul li a {
        font-family: 'Noto Serif', serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: rgba(255, 255, 255, 0.5);
        cursor: pointer; }
        .ldp-main-slider .custom-slick-dots ul li a:hover {
          color: #FFFFFF; }
      .ldp-main-slider .custom-slick-dots ul li.active:before {
        width: 100%; }
      .ldp-main-slider .custom-slick-dots ul li.active a {
        color: #FFFFFF; }
  .ldp-main-slider .wrapper-slick-slider {
    width: 100%; }
    .ldp-main-slider .wrapper-slick-slider .item-slider {
      text-align: center;
      width: 100%; }
      .ldp-main-slider .wrapper-slick-slider .item-slider a {
        display: block;
        padding-top: calc(100% * 800 / 1920);
        position: relative;
        transition: none; }
        @media (max-width: 991px) {
          .ldp-main-slider .wrapper-slick-slider .item-slider a {
            padding-top: calc(100% * 1600 / 1400); } }
        .ldp-main-slider .wrapper-slick-slider .item-slider a img {
          display: inline-block;
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 1920 / 800;
          width: 100%;
          height: 100%; }
          @media (max-width: 991px) {
            .ldp-main-slider .wrapper-slick-slider .item-slider a img {
              aspect-ratio: 1400 / 1600; } }
  .ldp-main-slider .slick-main-slider:not(.slick-initialized) {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    overflow: hidden; }
    .ldp-main-slider .slick-main-slider:not(.slick-initialized) .item-slider ~ .item-slider {
      display: none; }
  .ldp-main-slider .slick-main-slider .item-slider .item-slider-wrapper {
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .ldp-main-slider .slick-main-slider .item-slider .item-slider-wrapper .item-slider-content .sub-title-slider {
      font-size: 18px;
      line-height: 20px;
      color: #FFFFFF;
      margin: 0 0 10px 0; }
      @media (max-width: 991px) {
        .ldp-main-slider .slick-main-slider .item-slider .item-slider-wrapper .item-slider-content .sub-title-slider {
          font-size: 16px;
          line-height: 18px; } }
    .ldp-main-slider .slick-main-slider .item-slider .item-slider-wrapper .item-slider-content .title-slider h4 {
      font-size: 60px;
      line-height: 70px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      margin: 0 0 25px 0;
      color: #FFFFFF; }
      @media (max-width: 991px) {
        .ldp-main-slider .slick-main-slider .item-slider .item-slider-wrapper .item-slider-content .title-slider h4 {
          font-size: 36px;
          line-height: 40px; } }
      .ldp-main-slider .slick-main-slider .item-slider .item-slider-wrapper .item-slider-content .title-slider h4 span {
        display: block; }

.ldp-category {
  padding: 100px 0 0 0; }
  @media (max-width: 991px) {
    .ldp-category {
      padding: 50px 0 0 0; } }
  .ldp-category .heading-category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    .ldp-category .heading-category h4 {
      color: #212121;
      font-size: 48px;
      line-height: 64px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      margin: 0; }
      @media (max-width: 991px) {
        .ldp-category .heading-category h4 {
          font-size: 24px;
          line-height: 30px;
          margin: 0 0 20px 0; } }
    .ldp-category .heading-category .heading-tab {
      display: flex;
      align-items: center; }
      .ldp-category .heading-category .heading-tab .item-tab-cate {
        font-size: 20px;
        line-height: 22px;
        color: #96a2cf;
        font-family: 'Arsenal', sans-serif;
        font-weight: 700;
        cursor: pointer; }
        @media (max-width: 991px) {
          .ldp-category .heading-category .heading-tab .item-tab-cate {
            font-size: 16px;
            line-height: 18px; } }
        .ldp-category .heading-category .heading-tab .item-tab-cate.active, .ldp-category .heading-category .heading-tab .item-tab-cate:hover {
          color: #bb9244; }
        .ldp-category .heading-category .heading-tab .item-tab-cate ~ .item-tab-cate {
          margin-left: 35px; }
  .ldp-category .content-category {
    margin-top: 60px; }
    @media (max-width: 991px) {
      .ldp-category .content-category {
        margin-top: 30px; } }
    .ldp-category .content-category .slick-track {
      min-width: 100%; }
    .ldp-category .content-category .slick-slide > div + div {
      margin-top: 25px; }
    .ldp-category .content-category .item-cate .item-media {
      padding-top: 100%;
      position: relative; }
      .ldp-category .content-category .item-cate .item-media a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
    .ldp-category .content-category .item-cate .item-info {
      margin-top: 15px; }
      .ldp-category .content-category .item-cate .item-info h4 {
        font-size: 18px;
        line-height: 20px;
        font-family: 'Arsenal', sans-serif;
        font-weight: 700;
        margin: 0 0 5px 0; }
        @media (max-width: 991px) {
          .ldp-category .content-category .item-cate .item-info h4 {
            font-size: 14px;
            line-height: 16px; } }
        .ldp-category .content-category .item-cate .item-info h4 a {
          color: #4a4a4a; }
      .ldp-category .content-category .item-cate .item-info p {
        font-size: 12px;
        line-height: 16px;
        color: #7c7c7c; }
    .ldp-category .content-category .item-content-cate {
      display: none; }
      .ldp-category .content-category .item-content-cate .item-media {
        background: #fff3e5; }
      .ldp-category .content-category .item-content-cate.active {
        display: block; }
    .ldp-category .content-category .slick-cate:not(.slick-initialized) {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      gap: 25px 25px;
      grid-template-rows: 1fr 1fr;
      overflow: hidden; }
      @media (max-width: 991px) {
        .ldp-category .content-category .slick-cate:not(.slick-initialized) {
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: 1fr;
          gap: 15px; } }
      @media (min-width: 992px) {
        .ldp-category .content-category .slick-cate:not(.slick-initialized) .item-cate:nth-child(12) ~ .item-cate {
          display: none; } }
      @media (max-width: 991px) {
        .ldp-category .content-category .slick-cate:not(.slick-initialized) .item-cate:nth-child(3) ~ .item-cate {
          display: none; } }

.main-product-detail ~ .ldp-category {
  padding: 40px;
  margin-bottom: 40px;
  background: #f5f5fa;
  text-align: center; }
  .main-product-detail ~ .ldp-category .slick-cate {
    margin-bottom: 0;
    padding-bottom: 40px; }
    .main-product-detail ~ .ldp-category .slick-cate:not(.slick-initialized) {
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      text-align: center;
      max-height: calc(100vw * 0.313477738); }
      .main-product-detail ~ .ldp-category .slick-cate:not(.slick-initialized) .item-cate {
        width: calc((100% - 75px) / 6); }
    .main-product-detail ~ .ldp-category .slick-cate .slick-track {
      display: we-bkit-flex;
      display: flex; }
    .main-product-detail ~ .ldp-category .slick-cate .slick-dots {
      bottom: 0;
      position: relative; }
      .main-product-detail ~ .ldp-category .slick-cate .slick-dots li {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        width: 10px;
        height: 10px; }
        .main-product-detail ~ .ldp-category .slick-cate .slick-dots li.slick-active {
          background: #bb9244; }
        .main-product-detail ~ .ldp-category .slick-cate .slick-dots li button:before {
          content: ''; }
  @media (max-width: 767px) {
    .main-product-detail ~ .ldp-category {
      padding: 40px 0; }
      .main-product-detail ~ .ldp-category .slick-cate {
        padding: 0;
        margin-bottom: 0; }
        .main-product-detail ~ .ldp-category .slick-cate:not(.slick-initialized) {
          flex-wrap: nowrap;
          gap: 15px;
          text-align: center;
          max-height: unset; }
          .main-product-detail ~ .ldp-category .slick-cate:not(.slick-initialized) .item-cate {
            width: calc((90% - 45px) / 3);
            flex: 0 0 auto; }
      .main-product-detail ~ .ldp-category .heading-tab .item-tab-cate.active {
        border-bottom: 1px solid #bb9244; } }

.ldp-collection-promotion-1 {
  padding: 100px 0 0 0; }
  @media (max-width: 991px) {
    .ldp-collection-promotion-1 {
      padding: 60px 0 0 0; } }

.ldp-collection-promotion-2 {
  padding: 100px 0 0 0; }
  @media (max-width: 991px) {
    .ldp-collection-promotion-2 {
      padding: 60px 0; } }

@media (max-width: 991px) {
  .ldp-collection-promotion-3 {
    padding: 60px 0; } }

.ldp-collector {
  padding: 100px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .ldp-collector .custom-slick-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .ldp-collector .custom-slick-arrows .slick-btn {
      position: relative;
      top: 0;
      transform: translateY(0); }
  .ldp-collector .heading-collector {
    margin: 0 0 35px 0; }
    @media (max-width: 991px) {
      .ldp-collector .heading-collector {
        margin: 0 0 20px 0; } }
    .ldp-collector .heading-collector h4 {
      font-size: 36px;
      line-height: 40px;
      color: #212121;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      margin: 0; }
      @media (max-width: 991px) {
        .ldp-collector .heading-collector h4 {
          font-size: 24px;
          line-height: 30px; } }
  .ldp-collector .item-collector img {
    width: 100%; }
  .ldp-collector .item-collector .item-info {
    margin-top: 15px; }
    .ldp-collector .item-collector .item-info h4 {
      font-size: 18px;
      line-height: 20px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      margin: 0 0 5px 0; }
      .ldp-collector .item-collector .item-info h4 a {
        color: #4a4a4a; }
    .ldp-collector .item-collector .item-info p {
      font-size: 12px;
      line-height: 16px;
      color: #7c7c7c; }
  @media (max-width: 991px) {
    .ldp-collector .slick-slide {
      width: 230px; } }
  .ldp-collector .content-collector .slick-collector-ldp:not(.slick-initialized) {
    white-space: nowrap;
    grid-auto-flow: column;
    overflow-x: auto;
    grid-template-columns: unset;
    display: grid;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden;
    grid-auto-columns: calc((100% - 50px) / 3);
    gap: 25px; }
    @media (max-width: 991px) {
      .ldp-collector .content-collector .slick-collector-ldp:not(.slick-initialized) {
        grid-auto-columns: calc((100% - 15px) / 1.5);
        gap: 15px; } }

.ldp-three-banner {
  padding: 100px 0 0 0; }
  @media (max-width: 991px) {
    .ldp-three-banner {
      padding: 60px 0 0 0; } }
  .ldp-three-banner .wrapper-three-banner {
    display: flex;
    align-items: center;
    gap: 30px; }
    .ldp-three-banner .wrapper-three-banner .custom-slick-arrows {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .ldp-three-banner .wrapper-three-banner .custom-slick-arrows .slick-btn {
        position: relative;
        top: 0;
        transform: translateY(0); }
    @media (max-width: 991px) {
      .ldp-three-banner .wrapper-three-banner {
        flex-wrap: wrap; } }
  .ldp-three-banner .title-text-three-banner {
    font-size: 36px;
    line-height: 40px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    margin: 0 0 24px 0; }
  .ldp-three-banner .content-text-three-banner {
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    text-align: justify; }
  .ldp-three-banner .text-three-banner {
    width: 50%; }
    @media (max-width: 991px) {
      .ldp-three-banner .text-three-banner {
        width: 100%; } }
  .ldp-three-banner .wrapper-banner-slider {
    width: 50%;
    position: relative; }
    .ldp-three-banner .wrapper-banner-slider .position-absolute {
      top: 50%;
      transform: translateY(-50%);
      z-index: 9; }
    @media (max-width: 991px) {
      .ldp-three-banner .wrapper-banner-slider {
        width: 100%;
        margin: 30px 0 0 0; } }

/*----------------------------------------------------*/
/* 6. Page LDP Promotion 2  */
/*----------------------------------------------------*/
.ldp-promotion-2 {
  position: relative; }

.countdown-ldp-promotion-2 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: #BB9244;
  padding: 12px 0; }
  .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner {
        justify-content: center; } }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .title-countdown {
      font-size: 16px;
      line-height: 22px;
      color: #FFFFFF; }
      @media (max-width: 991px) {
        .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .title-countdown {
          font-size: 14px;
          line-height: 18px;
          margin-bottom: 5px; } }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .time-countdown {
      color: #FFFFFF; }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon {
      overflow: unset; }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .auto-due-top #label-due-top {
      font-size: 10px;
      line-height: 18px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      font-weight: 400;
      width: 50%;
      margin-bottom: 5px; }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon[data-layout*=group] {
      padding: 0;
      text-align: center; }
      @media (max-width: 991px) {
        .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon[data-layout*=group] {
          padding: 0; } }
      .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon[data-layout*=group] .soon-label {
        display: block;
        margin: 0;
        margin-right: 0;
        margin-left: 0;
        font-size: 10px;
        line-height: 14px;
        font-weight: 300; }
      .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon[data-layout*=group] .soon-separator {
        margin: 0 5px; }
      .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
        margin: 0; }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon-slot .soon-slot-inner {
      height: auto;
      overflow: unset;
      margin-bottom: 0;
      width: auto !important; }
      .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon-slot .soon-slot-inner .soon-slot-new {
        font-family: 'Arsenal', sans-serif;
        font-weight: 700; }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon[data-scale='s'] {
      font-size: 18px;
      line-height: 20px; }
    .countdown-ldp-promotion-2 .countdown-ldp-promotion-2-inner .js-countdown-top .soon-group.soon-group-sub {
      background: #303C69;
      padding: 5px; }

.ldp-main-banner {
  background: url(https://cdn.hstatic.net/files/200000532849/file/website_pc_banner_5.2.png) center center no-repeat;
  background-size: 100% calc(100vw * 5 / 12);
  height: calc(100vw * 5 / 12);
  width: 100%;
  display: inline-block; }
  .ldp-main-banner .content-main-banner {
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .ldp-main-banner .content-main-banner .text-main-banner .sub-title-banner {
      font-size: 18px;
      line-height: 20px;
      color: #FFFFFF;
      margin: 0 0 10px 0; }
      @media (max-width: 991px) {
        .ldp-main-banner .content-main-banner .text-main-banner .sub-title-banner {
          font-size: 16px;
          line-height: 18px; } }
    .ldp-main-banner .content-main-banner .text-main-banner .title-banner h4 {
      font-size: 60px;
      line-height: 70px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      margin: 0 0 25px 0;
      color: #FFFFFF; }
      @media (max-width: 991px) {
        .ldp-main-banner .content-main-banner .text-main-banner .title-banner h4 {
          font-size: 36px;
          line-height: 40px; } }
      .ldp-main-banner .content-main-banner .text-main-banner .title-banner h4 span {
        display: block; }
  @media (max-width: 991px) {
    .ldp-main-banner {
      background: url(https://file.hstatic.net/200000532849/file/website_mb_banner_1_eb0403f199cd4110b9d40692b203ef4a.png) center center no-repeat;
      background-size: 100% calc(100vw * 8 / 7);
      height: calc(100vw * 8 / 7); }
      .ldp-main-banner .content-main-banner {
        height: 100%; } }

.ldp-slider-banner {
  margin-top: 25px; }
  @media (max-width: 991px) {
    .ldp-slider-banner {
      margin-top: 15px; } }
  .ldp-slider-banner .slick-banner:not(.slick-initialized) {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    .ldp-slider-banner .slick-banner:not(.slick-initialized) .item-banner {
      flex: 0 0 auto;
      width: 25%; }
  .ldp-slider-banner .slick-banner.slick-initialized .slick-track {
    display: -ms-flexbox;
    display: flex; }
    .ldp-slider-banner .slick-banner.slick-initialized .slick-track > div {
      flex: 0 0 auto; }
  .ldp-slider-banner .slick-banner .item-banner img {
    width: 100%; }
  @media (max-width: 991px) {
    .ldp-slider-banner .slick-banner .slick-slide {
      width: 300px; } }

.ldp-coupon {
  margin-top: 100px; }
  @media (max-width: 991px) {
    .ldp-coupon {
      margin-top: 30px; } }
  .ldp-coupon .heading-coupon {
    margin: 0 0 50px 0;
    text-align: center; }
    @media (max-width: 991px) {
      .ldp-coupon .heading-coupon {
        margin: 0 0 20px 0;
        text-align: left; } }
    .ldp-coupon .heading-coupon h4 {
      font-size: 36px;
      line-height: 40px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      margin: 0; }
      @media (max-width: 991px) {
        .ldp-coupon .heading-coupon h4 {
          font-size: 24px;
          line-height: 30px; } }
  .ldp-coupon .slick-coupon:not(.slick-initialized) {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    width: 1035px;
    margin: 0 auto; }
    .ldp-coupon .slick-coupon:not(.slick-initialized) .coupon_item {
      flex: 0 0 auto;
      width: 25%; }
  .ldp-coupon .slick-coupon.slick-initialized .slick-track {
    display: -ms-flexbox;
    display: flex; }
    .ldp-coupon .slick-coupon.slick-initialized .slick-track > div {
      flex: 0 0 auto; }
  .ldp-coupon .slick-coupon.slick-initialized .coupon_item {
    padding: 0 !important; }
  .ldp-coupon .slick-coupon-new:not(.slick-initialized) {
    width: 100%;
    gap: 15px; }
    .ldp-coupon .slick-coupon-new:not(.slick-initialized) .coupon_item {
      padding: 0;
      width: calc((100% - 30px)/3); }
    @media (max-width: 767px) {
      .ldp-coupon .slick-coupon-new:not(.slick-initialized) {
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap; }
        .ldp-coupon .slick-coupon-new:not(.slick-initialized) .coupon_item {
          width: calc(100% - 80px); } }

.coupon_item {
  position: relative;
  padding: 0 12px;
  display: flex; }
  @media (max-width: 1024px) {
    .coupon_item {
      margin: 10px auto;
      height: auto; } }
  @media (max-width: 767px) {
    .coupon_item {
      margin: 4px auto; } }
  .coupon_item .coupon_icon {
    width: 110px;
    flex: 0 0 110px; }
    @media (max-width: 767px) {
      .coupon_item .coupon_icon {
        width: 80px;
        flex: 0 0 80px; } }
  .coupon_item .coupon_body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    background: #DCE0EF;
    width: 100%;
    height: 100%; }
    .coupon_item .coupon_body .coupon_title {
      font-weight: bold;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 5px 0; }
    .coupon_item .coupon_body .coupon_desc {
      padding-bottom: 20px;
      font-size: 12px;
      line-height: 16px; }
    .coupon_item .coupon_body button span {
      display: block;
      line-height: 24px;
      height: 24px;
      font-size: 12px; }
  .coupon_item .coupon_copy {
    background: #202846;
    color: #FFF;
    border: none;
    padding: 2px 15px;
    margin-bottom: 0;
    border-radius: 15px; }
    .coupon_item .coupon_copy:hover {
      background: #202846;
      color: #FFF; }
    .coupon_item .coupon_copy.disabled {
      background: #202846;
      color: #FFF; }
  .coupon_item .coupon_info {
    display: none; }
  .coupon_item .coupon_info_toggle {
    cursor: pointer; }
  .coupon_item.isYellow .coupon_body {
    background: #F1E9DA;
    color: #BB9244; }
    .coupon_item.isYellow .coupon_body .coupon_title {
      color: #BB9244; }
      .coupon_item.isYellow .coupon_body .coupon_title svg path {
        stroke: #BB9244; }

.coupon-modal {
  min-width: 500px;
  z-index: 99999; }
  .coupon-modal .coupon_desc {
    display: none; }
  .coupon-modal .coupon_info {
    display: block; }
  .coupon-modal .modal-content .coupon-content {
    border: none;
    margin-bottom: 0;
    display: block;
    padding: 0; }
  .coupon-modal .window-close {
    z-index: 9;
    position: absolute;
    right: 8px;
    top: 0;
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: 0;
    background-color: transparent;
    border: 0; }

.coupon-action {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #F0F1F2;
  display: flex;
  align-items: center;
  justify-content: center; }
  .coupon-action .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 20px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 10px; }
    .coupon-action .btn span {
      text-indent: 1px; }
  .coupon-action .btn-main {
    border-color: #000000;
    color: #000000;
    flex: 0 0 50%; }
    .coupon-action .btn-main:hover {
      color: #fff;
      background: #000000; }
  .coupon-action .coupon_copy {
    background: #000000;
    color: #fff; }
    .coupon-action .coupon_copy:hover {
      color: #fff;
      filter: brightness(1.1); }

.coupon-title {
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0px;
  padding: 0px;
  font-size: 24px;
  line-height: 30px;
  margin: 0px 16px 16px;
  text-align: center;
  font-family: 'Arsenal', sans-serif;
  font-weight: 700; }

.coupon-row {
  display: grid;
  grid-template-columns: 33% 1fr;
  grid-gap: 5px;
  padding: 10px 20px; }
  .coupon-row:nth-child(2n) {
    background-color: #f3f3f3; }
  .coupon-row .coupon-info {
    grid-column: 1/-1;
    grid-row: 2; }

.coupon-label {
  color: #4c4c4c; }

.ldp-collection-promotion-2-1 {
  padding: 150px 0 0 0; }
  @media (max-width: 1024px) {
    .ldp-collection-promotion-2-1 {
      padding: 60px 0 0 0; } }

.ldp-collection-banner-center-2-1 {
  padding: 90px 0 0 0; }
  @media (max-width: 991px) {
    .ldp-collection-banner-center-2-1 {
      padding: 60px 0 0 0; } }

.item-banner-center {
  background: #202846;
  padding: 50px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 991px) {
    .item-banner-center {
      padding: 15px; } }
  .item-banner-center .left-banner-center {
    width: 50%; }
    @media (max-width: 991px) {
      .item-banner-center .left-banner-center {
        width: 100%; } }
    .item-banner-center .left-banner-center p {
      font-size: 16px;
      line-height: 24px;
      margin: 0;
      color: #F5F5FA; }
    .item-banner-center .left-banner-center h4 {
      font-size: 36px;
      line-height: 40px;
      color: #FFFFFF;
      margin: 0; }
    .item-banner-center .left-banner-center a {
      margin-top: 40px; }
      @media (max-width: 991px) {
        .item-banner-center .left-banner-center a {
          margin-top: 20px;
          margin-bottom: 20px; } }
  .item-banner-center .right-banner-center {
    width: 50%; }
    @media (max-width: 991px) {
      .item-banner-center .right-banner-center {
        width: 100%; } }

.ldp-collection-promotion-2-2 {
  padding: 150px 0 0 0; }
  @media (max-width: 991px) {
    .ldp-collection-promotion-2-2 {
      padding: 60px 0 0 0; } }

.ldp-countdown-promotion-2 {
  margin-top: 100px;
  position: relative;
  background: #202846;
  color: #FFFFFF;
  padding: 30px 0; }
  @media (max-width: 991px) {
    .ldp-countdown-promotion-2 {
      padding: 45px 0 0 0;
      margin-top: 60px; } }
  .ldp-countdown-promotion-2 .ldp-countdown-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 1500px) {
      .ldp-countdown-promotion-2 .ldp-countdown-inner {
        position: relative; } }
    @media (max-width: 991px) {
      .ldp-countdown-promotion-2 .ldp-countdown-inner {
        height: auto; } }
    .ldp-countdown-promotion-2 .ldp-countdown-inner .ldp-countdown-left {
      width: 40%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .ldp-countdown-promotion-2 .ldp-countdown-inner .ldp-countdown-left {
          width: 100%; } }
    .ldp-countdown-promotion-2 .ldp-countdown-inner .ldp-countdown-right {
      width: 50%;
      display: flex;
      align-items: end; }
      @media (max-width: 991px) {
        .ldp-countdown-promotion-2 .ldp-countdown-inner .ldp-countdown-right {
          width: 100%;
          margin-top: 25px;
          margin-bottom: 25px; } }
      .ldp-countdown-promotion-2 .ldp-countdown-inner .ldp-countdown-right img {
        right: 0;
        bottom: 0; }
      .ldp-countdown-promotion-2 .ldp-countdown-inner .ldp-countdown-right .img-countdown-right {
        position: relative;
        width: 100%; }
  .ldp-countdown-promotion-2 .title-info-countdown .sub-title-countdown {
    font-size: 16px;
    line-height: 24px;
    color: #F5F5FA;
    margin: 0 0 5px 0; }
    @media (max-width: 991px) {
      .ldp-countdown-promotion-2 .title-info-countdown .sub-title-countdown {
        font-size: 14px;
        line-height: 20px; } }
  .ldp-countdown-promotion-2 .title-info-countdown .title-countdown h4 {
    font-size: 48px;
    line-height: 64px;
    color: #F5F5FA;
    margin: 0; }
    @media (max-width: 991px) {
      .ldp-countdown-promotion-2 .title-info-countdown .title-countdown h4 {
        font-size: 36px;
        line-height: 40px; } }
    @media (min-width: 992px) {
      .ldp-countdown-promotion-2 .title-info-countdown .title-countdown h4 span {
        display: block; } }
  .ldp-countdown-promotion-2 .title-info-countdown .des-countdown {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 35px 0; }
  @media (max-width: 991px) {
    .ldp-countdown-promotion-2 .time-info-countdown {
      margin-top: 30px; } }
  .ldp-countdown-promotion-2 .countdown-note {
    margin: 10px 0 20px; }
  .ldp-countdown-promotion-2 .soon[data-scale='l'] {
    font-size: 24px;
    line-height: 24px;
    font-weight: 500; }
    @media (max-width: 991px) {
      .ldp-countdown-promotion-2 .soon[data-scale='l'] {
        font-size: 24px;
        line-height: 30px; } }
  .ldp-countdown-promotion-2 .js-countdown .soon {
    overflow: unset; }
  .ldp-countdown-promotion-2 .js-countdown .auto-due {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .ldp-countdown-promotion-2 .js-countdown .auto-due #label-due {
      font-size: 10px;
      line-height: 18px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      font-weight: 400;
      width: 100%;
      margin-bottom: 5px; }
  .ldp-countdown-promotion-2 .js-countdown .soon[data-layout*=group] {
    padding: 0 0 15px 0;
    text-align: center; }
    @media (max-width: 991px) {
      .ldp-countdown-promotion-2 .js-countdown .soon[data-layout*=group] {
        padding: 15px 0; } }
    .ldp-countdown-promotion-2 .js-countdown .soon[data-layout*=group] .soon-label {
      display: block;
      margin: 0;
      margin-right: 0;
      margin-left: 0;
      font-size: 10px;
      line-height: 14px;
      font-weight: 300; }
    .ldp-countdown-promotion-2 .js-countdown .soon[data-layout*=group] .soon-separator {
      margin: 0 15px; }
    .ldp-countdown-promotion-2 .js-countdown .soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
      margin: 0; }
  .ldp-countdown-promotion-2 .js-countdown .soon-slot .soon-slot-inner {
    height: auto;
    overflow: unset;
    margin-bottom: 5px;
    width: auto !important; }

.fix-heading-and-banner .heading-collection {
  margin: 0 0 20px 0; }

.fix-heading-and-banner .banner-product-collection {
  margin: 0 0 30px 0; }

#page-giftcard {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 991px) {
    #page-giftcard {
      flex-wrap: wrap; } }
  #page-giftcard .media-giftcard {
    width: 100%; }
    #page-giftcard .media-giftcard img {
      width: 100%; }
  #page-giftcard .container {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%; }
    @media (max-width: 991px) {
      #page-giftcard .container {
        position: relative; } }
  #page-giftcard .wrapper-form-giftcard {
    width: 100%;
    max-width: 500px;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px; }
    @media (max-width: 991px) {
      #page-giftcard .wrapper-form-giftcard {
        padding: 30px 0; } }
  #page-giftcard .form-item {
    display: flex;
    flex-direction: column; }
    #page-giftcard .form-item ~ .form-item {
      margin-top: 10px; }
      #page-giftcard .form-item ~ .form-item.form-item-action {
        margin-top: 20px; }
    #page-giftcard .form-item label {
      font-size: 13px;
      margin: 0 0 5px 0; }
    #page-giftcard .form-item input {
      height: 40px;
      padding: 10px;
      border: 1px solid #dedede;
      border-radius: 4px;
      outline: none;
      box-shadow: none; }
    #page-giftcard .form-item button {
      display: block;
      height: 40px;
      background: #000;
      color: #FFF;
      border: none;
      outline: none;
      box-shadow: none;
      text-transform: uppercase; }
    #page-giftcard .form-item .required-input {
      color: red;
      font-size: 12px; }

#page-giftcard-result {
  position: relative; }
  #page-giftcard-result .main-banner-result {
    position: relative; }
    #page-giftcard-result .main-banner-result img {
      width: 100%; }
    #page-giftcard-result .main-banner-result .btn-ldp-result {
      position: absolute;
      top: 48%;
      width: 100%;
      text-align: center; }
      @media (max-width: 520px) {
        #page-giftcard-result .main-banner-result .btn-ldp-result {
          top: 46%; } }
      #page-giftcard-result .main-banner-result .btn-ldp-result a img {
        width: 220px; }
        @media (max-width: 991px) {
          #page-giftcard-result .main-banner-result .btn-ldp-result a img {
            width: 180px; } }
        @media (max-width: 520px) {
          #page-giftcard-result .main-banner-result .btn-ldp-result a img {
            width: 150px; } }
    #page-giftcard-result .main-banner-result .btn-ldp-result1 {
      position: absolute;
      top: 58%;
      width: 100%;
      text-align: center; }
      @media (max-width: 520px) {
        #page-giftcard-result .main-banner-result .btn-ldp-result1 {
          top: 57.5%; } }
      #page-giftcard-result .main-banner-result .btn-ldp-result1 a img {
        width: 220px; }
        @media (max-width: 991px) {
          #page-giftcard-result .main-banner-result .btn-ldp-result1 a img {
            width: 180px; } }
        @media (max-width: 520px) {
          #page-giftcard-result .main-banner-result .btn-ldp-result1 a img {
            width: 150px; } }
  #page-giftcard-result .list-product-result {
    margin-top: 30px; }
    @media (min-width: 1200px) {
      #page-giftcard-result .list-product-result {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 2.9%; } }
    @media (min-width: 992px) {
      #page-giftcard-result .list-product-result .content-list-collection .row .item-loop:nth-child(4n) ~ .item-loop {
        margin-top: 30px; } }
    @media (max-width: 991px) {
      #page-giftcard-result .list-product-result .content-list-collection .row .item-loop:nth-child(2n) ~ .item-loop {
        margin-top: 30px; } }
  #page-giftcard-result .view-more {
    text-align: center;
    margin: 45px 0 0 0; }

.loading-page {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  z-index: 9; }
  .openloading .loading-page {
    display: flex; }

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }
  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px; }
    .lds-roller div:after {
      content: " ";
      display: block;
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #fff;
      margin: -4px 0 0 -4px; }
    .lds-roller div:nth-child(1) {
      animation-delay: -0.036s; }
      .lds-roller div:nth-child(1):after {
        top: 63px;
        left: 63px; }
    .lds-roller div:nth-child(2) {
      animation-delay: -0.072s; }
      .lds-roller div:nth-child(2):after {
        top: 68px;
        left: 56px; }
    .lds-roller div:nth-child(3) {
      animation-delay: -0.108s; }
      .lds-roller div:nth-child(3):after {
        top: 71px;
        left: 48px; }
    .lds-roller div:nth-child(4) {
      animation-delay: -0.144s; }
      .lds-roller div:nth-child(4):after {
        top: 72px;
        left: 40px; }
    .lds-roller div:nth-child(5) {
      animation-delay: -0.18s; }
      .lds-roller div:nth-child(5):after {
        top: 71px;
        left: 32px; }
    .lds-roller div:nth-child(6) {
      animation-delay: -0.216s; }
      .lds-roller div:nth-child(6):after {
        top: 68px;
        left: 24px; }
    .lds-roller div:nth-child(7) {
      animation-delay: -0.252s; }
      .lds-roller div:nth-child(7):after {
        top: 63px;
        left: 17px; }
    .lds-roller div:nth-child(8) {
      animation-delay: -0.288s; }
      .lds-roller div:nth-child(8):after {
        top: 56px;
        left: 12px; }

@keyframes lds-roller {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.ldp-mini-game .main-banner {
  cursor: pointer; }
  .ldp-mini-game .main-banner img {
    width: 100%; }

.ldp-mini-game .lucky-raw img {
  width: 100%; }

.ldp-mini-game .slider-mini-game img {
  width: 100%; }

.ldp-mini-game .wrapper-text-mini-game {
  background: #1c2d5a;
  display: flex;
  width: 100%; }
  .ldp-mini-game .wrapper-text-mini-game .heading-text {
    color: #BE984E;
    font-size: 64px;
    line-height: 72px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    background: #FFFFFF;
    text-align: center;
    border-radius: 10px;
    padding: 30px 0; }
    @media (max-width: 991px) {
      .ldp-mini-game .wrapper-text-mini-game .heading-text {
        font-size: 22px;
        line-height: 1.2;
        padding: 15px 0; } }
  .ldp-mini-game .wrapper-text-mini-game .sub-text {
    color: #FFFFFF;
    font-size: 44px;
    line-height: 52px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 15px 0; }
    @media (max-width: 991px) {
      .ldp-mini-game .wrapper-text-mini-game .sub-text {
        font-size: 18px;
        line-height: 1.2; } }
  .ldp-mini-game .wrapper-text-mini-game .list-content-text {
    margin: 80px auto;
    max-width: 1000px; }
    @media (max-width: 991px) {
      .ldp-mini-game .wrapper-text-mini-game .list-content-text {
        margin: 40px auto; } }
    .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text {
      display: flex;
      justify-content: center; }
      .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text ~ .item-content-text {
        margin: 30px 0 0 0;
        padding: 30px 0 0 0;
        border-top: 1px solid #FFFFFF; }
      @media (max-width: 991px) {
        .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text {
          flex-direction: column; } }
      .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text .media-content-text {
        width: 40%; }
        @media (max-width: 991px) {
          .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text .media-content-text {
            width: 100%; } }
      .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text .info-content-text {
        width: 60%; }
        @media (max-width: 991px) {
          .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text .info-content-text {
            width: 100%;
            margin: 15px 0 0 0; } }
        .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text .info-content-text h4 {
          font-size: 32px;
          color: #FFFFFF;
          margin: 0 0 10px 0; }
        .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text .info-content-text p {
          font-size: 20px;
          color: #FFFFFF; }
        .ldp-mini-game .wrapper-text-mini-game .list-content-text .item-content-text .info-content-text a {
          background: #FFFFFF;
          color: #BE984E;
          font-size: 18px;
          display: inline-block;
          margin: 30px 0 0 0;
          padding: 8px 15px;
          border-radius: 8px;
          font-weight: bold; }

.ldp-mini-game .footer-mini-game {
  background: #16264e;
  padding: 45px 0; }
  .ldp-mini-game .footer-mini-game .logo-footer {
    text-align: center; }
    .ldp-mini-game .footer-mini-game .logo-footer img {
      width: 140px; }
  .ldp-mini-game .footer-mini-game .text-head-footer {
    color: #FFFFFF;
    font-size: 44px;
    line-height: 52px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 30px 0; }
    @media (max-width: 991px) {
      .ldp-mini-game .footer-mini-game .text-head-footer {
        font-size: 24px;
        line-height: 1.2; } }
  .ldp-mini-game .footer-mini-game .sub-text-footer {
    font-size: 20px;
    line-height: 1.2;
    color: #FFFFFF;
    max-width: 1000px;
    margin: 0 auto;
    text-align: justify; }
    @media (max-width: 991px) {
      .ldp-mini-game .footer-mini-game .sub-text-footer {
        font-size: 16px; } }
  .ldp-mini-game .footer-mini-game .main-text-footer {
    font-size: 44px;
    line-height: 52px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 45px 0 20px 0;
    color: #BE984E; }
    @media (max-width: 991px) {
      .ldp-mini-game .footer-mini-game .main-text-footer {
        font-size: 20px;
        line-height: 1.2; } }
  .ldp-mini-game .footer-mini-game .four-icon-footer {
    max-width: 1000px;
    margin: 0 auto; }
    .ldp-mini-game .footer-mini-game .four-icon-footer ul {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .ldp-mini-game .footer-mini-game .four-icon-footer ul {
          flex-wrap: wrap;
          gap: 20px; } }
      .ldp-mini-game .footer-mini-game .four-icon-footer ul li {
        display: flex;
        flex-direction: column;
        width: 20%; }
        @media (max-width: 991px) {
          .ldp-mini-game .footer-mini-game .four-icon-footer ul li {
            width: 46%; } }
        .ldp-mini-game .footer-mini-game .four-icon-footer ul li span {
          color: #FFFFFF;
          margin: 10px 0 0 0; }
  .ldp-mini-game .footer-mini-game .info-address-footer {
    margin: 45px auto 0 auto;
    max-width: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .ldp-mini-game .footer-mini-game .info-address-footer {
        flex-wrap: wrap; } }
    .ldp-mini-game .footer-mini-game .info-address-footer .left-address ul li {
      display: flex;
      align-items: center; }
      .ldp-mini-game .footer-mini-game .info-address-footer .left-address ul li ~ li {
        margin: 15px 0 0 0; }
      .ldp-mini-game .footer-mini-game .info-address-footer .left-address ul li .icon-address {
        width: 75px; }
      .ldp-mini-game .footer-mini-game .info-address-footer .left-address ul li .text-address {
        color: #FFFFFF;
        font-weight: 500; }
        .ldp-mini-game .footer-mini-game .info-address-footer .left-address ul li .text-address a {
          color: #FFFFFF; }
    @media (max-width: 991px) {
      .ldp-mini-game .footer-mini-game .info-address-footer .right-address {
        margin: 20px 0 0 0; } }

.style-modal-mini-new.fancybox-content {
  background: url(https://file.hstatic.net/200000532849/file/bg-modal-1_81bb031d7540447baa3db400635a0bb4.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px; }
  @media (max-width: 991px) {
    .style-modal-mini-new.fancybox-content {
      padding: 10px; } }
  .style-modal-mini-new.fancybox-content .fancybox-close-small {
    background: #FFFFFF;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    padding: 2px;
    right: 10px;
    top: 10px;
    opacity: 1; }
  .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-1 {
    color: #FFF;
    font-size: 64px;
    line-height: 72px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    text-align: center;
    text-shadow: 4px 0 #438fff, -4px 0 #438fff, 0 4px #438fff, 0 -4px #438fff, 2px 2px #438fff, -2px -3px #438fff, 2px -2px #438fff, -2px 2px #438fff; }
    @media (max-width: 991px) {
      .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-1 {
        font-size: 34px;
        line-height: 42px; } }
  .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-2 {
    color: #FFF;
    font-size: 44px;
    line-height: 52px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    text-align: center;
    text-shadow: 4px 0 #438fff, -4px 0 #438fff, 0 4px #438fff, 0 -4px #438fff, 2px 2px #438fff, -2px -3px #438fff, 2px -2px #438fff, -2px 2px #438fff; }
    @media (max-width: 991px) {
      .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-2 {
        font-size: 24px;
        line-height: 32px; } }
  .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-3 {
    text-align: center; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-3 span {
      color: #202846;
      font-size: 44px;
      line-height: 52px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      text-align: center;
      text-shadow: 4px 0 #438fff, -4px 0 #438fff, 0 4px #438fff, 0 -4px #438fff, 2px 2px #438fff, -2px -3px #438fff, 2px -2px #438fff, -2px 2px #438fff;
      background: #FFFFFF;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 17px;
      margin: 15px 0; }
      @media (max-width: 991px) {
        .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-3 span {
          font-size: 24px;
          line-height: 32px; } }
  .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-4 {
    text-align: center;
    color: #FFFFFF;
    font-size: 20px; }
    @media (max-width: 991px) {
      .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-4 {
        font-size: 14px; } }
  .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-1 {
    margin: 30px 0 0 0;
    display: flex;
    flex-direction: column; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-1 .item-form ~ .item-form {
      margin: 15px 0 0 0; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-1 .input-style {
      height: 50px;
      padding: 10px 30px;
      border-radius: 40px;
      outline: none;
      border: none;
      box-shadow: none;
      width: 100%; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-1 .required-input {
      color: red;
      font-size: 12px;
      margin: 5px 0 0 20px; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-1 .alert-success {
      margin: 15px 0;
      text-align: center; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-1 .btn-submit-minigame {
      background: #BE984E;
      margin-top: 30px;
      border-radius: 10px;
      border: 1px solid #FFFFFF;
      color: #FFFFFF;
      padding: 15px 10px;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: bold;
      display: inline-block; }
      @media (max-width: 991px) {
        .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-1 .btn-submit-minigame {
          margin-top: 15px;
          font-size: 16px; } }
  .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-5 {
    color: #BE984E;
    font-size: 54px;
    line-height: 62px;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px 0; }
    @media (max-width: 991px) {
      .style-modal-mini-new.fancybox-content .modal-game-inner .heading-mini-5 {
        font-size: 34px;
        line-height: 42px; } }
  .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .form-minigame-new-inner {
    background: #FFFFFF;
    padding: 20px; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .form-minigame-new-inner .wrapper-input {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .form-minigame-new-inner .wrapper-input .item-form {
        width: 49%; }
      .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .form-minigame-new-inner .wrapper-input ~ .item-form {
        margin-top: 15px; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .form-minigame-new-inner .required-input {
      color: red;
      font-size: 12px;
      margin: 5px 0 0 20px; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .form-minigame-new-inner .input-style-2 {
      height: 45px;
      padding: 10px;
      border-radius: 4px;
      outline: none;
      box-shadow: none;
      border: 1px solid #c2c2c2;
      width: 100%; }
    .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .form-minigame-new-inner .input-style-3 {
      height: 120px;
      padding: 10px;
      border-radius: 4px;
      outline: none;
      box-shadow: none;
      border: 1px solid #c2c2c2;
      width: 100%; }
  .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .alert-success {
    margin: 15px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .btn-submit-minigame-2 {
    background: #BE984E;
    margin-top: 30px;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 15px 10px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    width: 100%; }
    @media (max-width: 991px) {
      .style-modal-mini-new.fancybox-content .modal-game-inner .form-minigame-new .btn-submit-minigame-2 {
        margin-top: 15px;
        font-size: 16px; } }

#ldp-autumn .wrapper-ldp-autumn {
  /*background: #15153d;*/ }
  @media (max-width: 991px) {
    #ldp-autumn .wrapper-ldp-autumn {
      padding: 0 10px; } }

#ldp-autumn .wrapper-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

#ldp-autumn .wrapper-container-new {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

#ldp-autumn .section-header-autumn {
  padding: 20px 0; }

#ldp-autumn .section-bannerSlider-autumn {
  text-align: center;
  background: #000000; }

#ldp-autumn .section-text-intro-autumn {
  padding: 60px 0 20px 0; }
  #ldp-autumn .section-text-intro-autumn .wrapper-container {
    text-align: center; }
    #ldp-autumn .section-text-intro-autumn .wrapper-container h1 {
      /*color: #FFFFFF;*/ }
      @media (max-width: 991px) {
        #ldp-autumn .section-text-intro-autumn .wrapper-container h1 {
          font-size: 20px; } }
    #ldp-autumn .section-text-intro-autumn .wrapper-container p {
      font-size: 18px;
      line-height: 24px;
      max-width: 700px;
      margin: 0 auto;
      /*color: #FFFFFF;*/ }
      @media (max-width: 991px) {
        #ldp-autumn .section-text-intro-autumn .wrapper-container p {
          font-size: 16px;
          line-height: 22px; } }

#ldp-autumn .section-product-autumn.section-product-autumn-new {
  margin-top: 20px; }
  @media (max-width: 991px) {
    #ldp-autumn .section-product-autumn.section-product-autumn-new {
      margin-top: 15px; } }

#ldp-autumn .section-product-autumn .wrapper-container {
  background: #ececec;
  padding: 20px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 991px) {
    #ldp-autumn .section-product-autumn .wrapper-container {
      gap: 5px;
      padding: 5px; } }
  #ldp-autumn .section-product-autumn .wrapper-container .large-product {
    display: flex;
    gap: 20px; }
    @media (max-width: 991px) {
      #ldp-autumn .section-product-autumn .wrapper-container .large-product {
        gap: 5px; } }
  #ldp-autumn .section-product-autumn .wrapper-container .small-product {
    display: flex;
    gap: 20px; }
    @media (max-width: 991px) {
      #ldp-autumn .section-product-autumn .wrapper-container .small-product {
        gap: 5px; } }

#ldp-autumn .section-product-autumn .wrapper-container-new {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: #ececec;
  padding: 20px;
  border-radius: 4px; }
  @media (max-width: 991px) {
    #ldp-autumn .section-product-autumn .wrapper-container-new {
      gap: 5px;
      padding: 5px;
      white-space: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      #ldp-autumn .section-product-autumn .wrapper-container-new::-webkit-scrollbar {
        display: none; } }
  #ldp-autumn .section-product-autumn .wrapper-container-new .item-loop {
    width: calc(33.33333% - 15px); }
    @media (max-width: 991px) {
      #ldp-autumn .section-product-autumn .wrapper-container-new .item-loop {
        width: 45%; } }
  #ldp-autumn .section-product-autumn .wrapper-container-new.wrapper-container-new-fix .item-loop {
    width: calc(25% - 15px); }
    @media (max-width: 991px) {
      #ldp-autumn .section-product-autumn .wrapper-container-new.wrapper-container-new-fix .item-loop {
        width: 45%; } }

#ldp-autumn .section-head-zone {
  text-align: center;
  padding: 30px 0; }
  #ldp-autumn .section-head-zone h3 {
    margin: 0;
    /*color: #FFFFFF;*/ }

#ldp-autumn #section-info-bottom {
  display: none; }

#ldp-autumn .section-product-autumn-2 .wrapper-container {
  background: #ececec;
  padding: 20px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 991px) {
    #ldp-autumn .section-product-autumn-2 .wrapper-container {
      gap: 5px;
      padding: 5px; } }
  #ldp-autumn .section-product-autumn-2 .wrapper-container .line-product-1 {
    display: flex;
    gap: 20px; }
    @media (max-width: 991px) {
      #ldp-autumn .section-product-autumn-2 .wrapper-container .line-product-1 {
        gap: 5px; } }
    #ldp-autumn .section-product-autumn-2 .wrapper-container .line-product-1 a {
      background: #FFFFFF; }
  #ldp-autumn .section-product-autumn-2 .wrapper-container .line-product-2 {
    display: flex;
    gap: 20px; }
    @media (max-width: 991px) {
      #ldp-autumn .section-product-autumn-2 .wrapper-container .line-product-2 {
        gap: 5px; } }
    #ldp-autumn .section-product-autumn-2 .wrapper-container .line-product-2 a {
      background: #FFFFFF; }

#ldp-autumn .section-btn-more {
  text-align: center;
  padding: 30px 0 60px 0; }

/*----------------------------------------------------*/
/* 7. Page LDP Promotion 3  */
/*----------------------------------------------------*/
.ldp-title {
  font-size: 30px;
  color: #202846;
  margin-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700; }
  .ldp-title.bg-title {
    background: #e6ebef;
    padding: 10px;
    margin-bottom: 20px; }
  .ldp-title--sub {
    color: #202846;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 22px; }
  @media (max-width: 991px) {
    .ldp-title {
      font-size: 24px; }
      .ldp-title--sub {
        font-size: 16px; } }

.ldp-nav--menu:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
  gap: 10px; }

.ldp-promotion-3 .heading-collection h3 {
  width: 100%; }

.ldp-promotion-3 section:not(.ldp-banner) {
  padding-top: 50px; }

.ldp-promotion-3 .slick-arrow {
  background: rgba(245, 245, 250, 0.5);
  border: none;
  transform: translateY(-50%);
  top: 50%;
  padding: 15px 10px;
  position: absolute;
  z-index: 9;
  cursor: pointer;
  max-width: 50px; }
  .ldp-promotion-3 .slick-arrow.prev {
    left: 0; }
  .ldp-promotion-3 .slick-arrow.next {
    right: 0; }

.ldp-promotion-3 .section-1 .slick-arrow {
  background: transparent; }

.ldp-promotion-3 .section-1 .ldp-heading {
  display: flex;
  justify-content: center;
  align-items: center; }
  .ldp-promotion-3 .section-1 .ldp-heading h1 {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .ldp-promotion-3 .section-1 .ldp-heading h1:after {
      content: '';
      position: absolute;
      width: 85%;
      height: 1px;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background: #BB9244; }

.ldp-promotion-3 .section-1 .ldp-title--sub {
  background: #cce0f0;
  margin: 0;
  padding: 10px; }

.ldp-promotion-3 .section-1 .ldp-nav {
  background: #e6ebef;
  position: relative; }
  .ldp-promotion-3 .section-1 .ldp-nav:not(.slick-initialized) .ldp-nav--item {
    width: calc((100% - 40px) / 5);
    flex: 0 0 auto; }
    @media (max-width: 991px) {
      .ldp-promotion-3 .section-1 .ldp-nav:not(.slick-initialized) .ldp-nav--item {
        width: calc((100% - 10px) / 2); } }
  .ldp-promotion-3 .section-1 .ldp-nav--item {
    padding: 15px;
    text-align: center;
    font-size: 18px;
    color: #202846;
    text-transform: capitalize; }
    .ldp-promotion-3 .section-1 .ldp-nav--item h3 {
      font-size: 16px;
      line-height: 1.2;
      font-weight: normal;
      margin: 0; }

.ldp-promotion-3 .section-1 .viewmore {
  text-align: center;
  margin-top: 20px;
  display: flex;
  justify-content: center; }
  .ldp-promotion-3 .section-1 .viewmore a {
    color: #202846;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #202846;
    padding: 5px 20px;
    box-sizing: border-box;
    min-width: 150px;
    border-radius: 5px; }

.ldp-promotion-3 .section-1 .content-collection .slick-arrow {
  background: rgba(245, 245, 250, 0.5);
  width: 48px;
  height: 130px; }
  .ldp-promotion-3 .section-1 .content-collection .slick-arrow.prev {
    left: 10px; }
  .ldp-promotion-3 .section-1 .content-collection .slick-arrow.next {
    right: 10px; }

.ldp-promotion-3 .section-1 .collection-promotion {
  display: none;
  margin-top: 20px; }
  .ldp-promotion-3 .section-1 .collection-promotion .row-mobile:not(.slick-initialized) {
    overflow: hidden;
    flex-wrap: unset; }
    .ldp-promotion-3 .section-1 .collection-promotion .row-mobile:not(.slick-initialized) .item-loop-4 {
      flex: 0 0 auto;
      width: calc(100% / 4); }

.ldp-promotion-3 .section-3 .banner:not(.slick-initialized, .slick-initialized), .ldp-promotion-3 .section-5 .banner:not(.slick-initialized, .slick-initialized) {
  display: flex;
  overflow: hidden;
  gap: 20px; }
  .ldp-promotion-3 .section-3 .banner:not(.slick-initialized, .slick-initialized) .banner-img, .ldp-promotion-3 .section-5 .banner:not(.slick-initialized, .slick-initialized) .banner-img {
    width: calc((100% - 20px) / 2);
    flex: 0 0 auto; }

.ldp-promotion-3 .section-4 .store {
  display: flex; }
  .ldp-promotion-3 .section-4 .store-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    flex: 0 0 auto; }
    .ldp-promotion-3 .section-4 .store-item a {
      color: #fff;
      padding: 15px;
      text-align: center;
      width: 100%;
      text-transform: uppercase; }
    .ldp-promotion-3 .section-4 .store-item:nth-child(odd) {
      background: #202846; }
    .ldp-promotion-3 .section-4 .store-item:nth-child(even) {
      background: #BB9244; }

@media (max-width: 767px) {
  .ldp-promotion-3 .section-4 .store {
    overflow-x: auto;
    margin-bottom: -10px;
    padding-bottom: 10px; }
    .ldp-promotion-3 .section-4 .store-item {
      width: 40%; } }

.ldp-promotion-3 .section-7 .brand {
  display: flex;
  background: #202846;
  position: relative;
  margin-bottom: 10px; }
  .ldp-promotion-3 .section-7 .brand:before {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #202846;
    bottom: -10px;
    left: 0;
    content: ''; }
  .ldp-promotion-3 .section-7 .brand-item {
    width: calc(100% / 3);
    display: flex;
    justify-content: center;
    align-items: center; }
    .ldp-promotion-3 .section-7 .brand-item a {
      padding: 15px;
      width: 100%;
      text-align: center;
      color: #fff;
      text-transform: uppercase; }

.ldp-promotion-3 .fix-row .item-loop-4:nth-child(4) ~ div {
  display: none; }

/*=========Brand 1, 2, 3=========*/
.heading-title .sub-title {
  font-size: 24px;
  font-family: 'Arsenal', sans-serif;
  font-weight: 700;
  margin-bottom: 12px;
  color: #000; }

.heading-title .title {
  font-size: 36px;
  margin-bottom: 36px; }

.heading-title .desc {
  font-size: 20px;
  line-height: 1.3; }
  .heading-title .desc p {
    margin-bottom: 25px; }
  .heading-title .desc ul {
    list-style: disc;
    padding-left: 25px; }
    .heading-title .desc ul li:not(:last-child) {
      margin-bottom: 5px; }

@media (max-width: 767px) {
  .heading-title {
    margin-bottom: 25px; }
    .heading-title .sub-title {
      font-size: 18px; }
    .heading-title .title {
      font-size: 28px; }
    .heading-title .desc {
      font-size: 16px; } }

.section-features {
  padding: 70px 0 0; }
  .section-features .features-list {
    display: flex;
    justify-content: center;
    gap: 0 60px;
    border-bottom: 1px solid #BB9244; }
    .section-features .features-list__item {
      flex: 0 0 auto;
      width: calc(100%/3 - 40px); }
    .section-features .features-list__icon img {
      max-height: 96px; }
    .section-features .features-list__content {
      margin-top: 36px; }
      .section-features .features-list__content--title {
        font-size: 36px;
        margin-bottom: 36px; }
      .section-features .features-list__content--desc {
        font-size: 20px;
        line-height: 1.3; }
  .section-features.section-features-brand2 .features-list {
    border-bottom: none; }
    .section-features.section-features-brand2 .features-list__icon img {
      max-height: 160px; }
    .section-features.section-features-brand2 .features-list__content--title {
      font-size: 24px; }
  @media (min-width: 1200px) {
    .section-features .heading-title .title {
      margin-bottom: 65px; }
    .section-features .features-list {
      max-width: 1040px;
      margin: 0 auto;
      padding-bottom: 140px; } }
  @media (max-width: 767px) {
    .section-features {
      padding: 40px 0 0; }
      .section-features .features-list {
        flex-wrap: wrap;
        padding-bottom: 40px;
        gap: 0;
        row-gap: 32px; }
        .section-features .features-list__item {
          flex: 0 0 auto;
          width: 100%; }
        .section-features .features-list__icon img {
          max-height: 88px; }
        .section-features .features-list__content {
          margin-top: 16px; }
          .section-features .features-list__content--title {
            font-size: 24px;
            margin-bottom: 16px; }
          .section-features .features-list__content--desc {
            font-size: 16px; } }

.section-story {
  padding: 65px 0; }
  .section-story .story-list {
    margin: 0;
    gap: 5%; }
    .section-story .story-list > div {
      flex: 0 0 auto;
      padding: 0; }
    .section-story .story-list__left {
      width: 55%; }
    .section-story .story-list__right {
      width: 40%; }
  @media (max-width: 767px) {
    .section-story {
      padding: 32px 0;
      margin-bottom: 16px; }
      .section-story .story-list {
        flex-wrap: wrap;
        gap: 0;
        row-gap: 7px; }
        .section-story .story-list__left, .section-story .story-list__right {
          width: 100%; }
        .section-story .story-list__left .heading-title .title {
          text-align: center; } }

.section-creator {
  padding: 65px 0; }
  .section-creator .creator-list {
    margin: 0;
    gap: 5%; }
    .section-creator .creator-list > div {
      flex: 0 0 auto;
      padding: 0; }
    .section-creator .creator-list__left {
      width: 40%; }
    .section-creator .creator-list__right {
      width: 55%; }
  @media (max-width: 767px) {
    .section-creator {
      padding: 32px 0; }
      .section-creator .creator-list {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        row-gap: 16px; }
        .section-creator .creator-list__left, .section-creator .creator-list__right {
          width: 100%; }
        .section-creator .creator-list__right .heading-title .title {
          text-align: center; } }

.section-technique {
  padding: 55px 0; }
  .section-technique .technique-banner {
    margin-top: 65px;
    gap: 36px; }
    .section-technique .technique-banner__item {
      padding: 0;
      flex: 0 0 auto;
      width: calc(100%/3 - 24px); }
  @media (min-width: 1200px) {
    .section-technique .heading-title {
      max-width: 855px;
      margin: 0 auto; }
    .section-technique .technique-banner {
      max-width: 1094px;
      margin: 65px auto 0; } }
  @media (max-width: 767px) {
    .section-technique {
      padding: 32px 0; }
      .section-technique .technique-banner {
        /*flex-wrap: wrap;
      row-gap: 8px;
      &__item{
        width: 342px;
        padding-top: calc(100% * 249 / 342);
        position: relative;
        overflow: hidden;
        img{
          position: absolute;
          left: 0;
          width: 100%;
          bottom: -25%;
        }
      }*/
        margin: 0;
        gap: 8px; }
        .section-technique .technique-banner__item {
          width: 100%; } }

.section-inspired {
  padding: 50px 0 0;
  background: #202846;
  color: #fff; }
  .section-inspired .heading-title {
    margin-bottom: 50px; }
    .section-inspired .heading-title .title {
      color: #fff; }
  .section-inspired.section-inspired-brand2 {
    background: #455D3C; }
    .section-inspired.section-inspired-brand2 .inspired-banner {
      background: #fff;
      padding: 70px 0; }
      .section-inspired.section-inspired-brand2 .inspired-banner img {
        max-width: 65%;
        margin: 0 auto; }
  .section-inspired.section-inspired-brand3 {
    background: #C9050D; }
  @media (min-width: 1200px) {
    .section-inspired .heading-title {
      max-width: 1026px;
      margin: 0 auto 50px; } }
  @media (max-width: 767px) {
    .section-inspired {
      padding: 40px 0 0; }
      .section-inspired .heading-title .title {
        text-align: center; }
      .section-inspired:not(.section-inspired-brand2) .inspired-banner {
        position: relative;
        width: 100%;
        padding-top: calc(100% * 477 / 390);
        overflow: hidden; }
        .section-inspired:not(.section-inspired-brand2) .inspired-banner img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
      .section-inspired.section-inspired-brand2 .inspired-banner {
        padding: 20px 0 0; }
        .section-inspired.section-inspired-brand2 .inspired-banner img {
          max-width: 100%; } }

.section-blog {
  padding: 80px 0; }
  .section-blog__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px;
    padding-bottom: 18px;
    border-bottom: 1px solid #b2b2b2; }
    .section-blog__title h2 {
      font-size: 36px;
      margin: 0; }
  .section-blog__list {
    display: flex;
    justify-content: center;
    gap: 24px; }
    .section-blog__list .item-post {
      flex: 0 0 auto;
      width: calc(100%/3 - 16px); }
      .section-blog__list .item-post .meta-post {
        display: flex;
        align-items: center;
        color: #b2b2b2;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
        margin: 16px 0 12px; }
        .section-blog__list .item-post .meta-post .cate-blog {
          padding-right: 8px;
          position: relative; }
          .section-blog__list .item-post .meta-post .cate-blog:before {
            content: "";
            width: 1px;
            height: 65%;
            background: #B2B2B2;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            display: block; }
        .section-blog__list .item-post .meta-post .cate-date {
          padding-left: 8px; }
      .section-blog__list .item-post .desc-post h3 {
        font-size: 20px; }
  @media (max-width: 767px) {
    .section-blog {
      padding: 40px 0; }
      .section-blog__title {
        flex-flow: column;
        align-items: start;
        gap: 15px;
        margin-bottom: 30px; }
        .section-blog__title h2 {
          font-size: 28px; }
      .section-blog__list {
        flex-flow: wrap;
        gap: 15px; }
        .section-blog__list .item-post {
          width: 100%; }
          .section-blog__list .item-post .desc-post h3 {
            font-size: 18px; } }

.section-collector-slide .collector-slide:not(.slick-initialized) {
  display: flex;
  flex-flow: nowrap;
  justify-content: center;
  overflow: hidden; }
  .section-collector-slide .collector-slide:not(.slick-initialized) .collector-item {
    flex: 0 0 calc(100%/3); }

.section-collector-slide .collector-item__img {
  position: relative;
  border-radius: 8px;
  overflow: hidden; }
  .section-collector-slide .collector-item__img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 32, 56, 0.2);
    transition: all 0.4s;
    opacity: 0; }
  .section-collector-slide .collector-item__img--btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .section-collector-slide .collector-item__img--btn a {
      display: inline-block;
      width: 140px;
      height: 140px;
      line-height: 140px;
      background: rgba(190, 152, 78, 0.8);
      color: #fff;
      text-align: center;
      border-radius: 50%;
      font-size: 16px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      transition: all 0.4s;
      opacity: 0; }

.section-collector-slide .collector-item__title {
  margin-top: 20px;
  text-align: center; }
  .section-collector-slide .collector-item__title h3 {
    font-size: 20px; }

.section-collector-slide .collector-item:hover .collector-item__img:before {
  opacity: 1; }

.section-collector-slide .collector-item:hover .collector-item__img--btn a {
  opacity: 1; }

.section-collector-slide .collector-item:hover .collector-item__title h3 a {
  color: #BB9244; }

.section-collector-slide .slick-slider .slick-btn {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 48px;
  height: 130px;
  background: rgba(186, 146, 68, 0.2);
  z-index: 1;
  border: none;
  outline: none;
  box-shadow: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .section-collector-slide .slick-slider .slick-btn img {
    filter: brightness(0) invert(1); }
  .section-collector-slide .slick-slider .slick-btn.prev {
    left: 0; }
  .section-collector-slide .slick-slider .slick-btn.next {
    right: 0; }
  @media (min-width: 1200px) {
    .section-collector-slide .slick-slider .slick-btn.prev {
      left: -48px; }
    .section-collector-slide .slick-slider .slick-btn.next {
      right: -48px; }
    .section-collector-slide .slick-slider .slick-btn:hover {
      background: #F5F5FA; } }

@media (min-width: 992px) {
  .section-collector-slide .slick-initialized .slick-slide {
    padding-left: 16px; }
  .section-collector-slide .slick-slider .slick-list {
    margin-left: -16px; } }

.section-about-brand {
  padding: 85px 0;
  background: #202846; }
  .section-about-brand .heading-title .title {
    color: #fff; }
  .section-about-brand .list-brand {
    margin: 0;
    gap: 32px 60px; }
    .section-about-brand .list-brand__item {
      flex: 0 0 auto;
      width: calc(100%/3 - 40px);
      padding: 0;
      transition: all 0.3s; }
      .section-about-brand .list-brand__item:hover, .section-about-brand .list-brand__item.active {
        border: 3px solid #D9AC59; }
  @media (min-width: 992px) {
    .section-about-brand .heading-title .title {
      margin-bottom: 60px; } }
  @media (max-width: 991px) {
    .section-about-brand .list-brand__item {
      width: 100%; } }
  @media (max-width: 767px) {
    .section-about-brand {
      padding: 60px 0; } }

.section-banner-brand2 .title {
  font-size: 36px;
  font-weight: 700;
  margin: 20px 0 30px; }

.section-banner-brand2 .btn-brand2 {
  background: var(--color-brand2);
  color: #fff;
  border-color: var(--color-brand2); }
  .section-banner-brand2 .btn-brand2 svg path {
    stroke: currentcolor; }

.section-banner-brand2 .banner-img img {
  width: 100%; }

.section-banner-brand2 .banner-content .sub-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-brand2);
  margin-top: 32px; }

.section-banner-brand2 .banner-content .action {
  margin: 32px 0; }

.section-z2-brand2 {
  padding: 85px 0 64px; }
  .section-z2-brand2 .heading-top .title {
    margin-bottom: 0; }
  .section-z2-brand2 .z2-item {
    gap: 32px 60px;
    padding-top: 64px; }
    .section-z2-brand2 .z2-item > div {
      padding: 0;
      flex: 0 0 auto; }
    .section-z2-brand2 .z2-item:not(:last-child) {
      padding-bottom: 64px; }
    .section-z2-brand2 .z2-item .item-content {
      width: 32%; }
      .section-z2-brand2 .z2-item .item-content .sub-title {
        font-size: 16px; }
    .section-z2-brand2 .z2-item .item-banner {
      width: calc(68% - 60px); }
  @media (min-width: 992px) {
    .section-z2-brand2 .z2-item__2 {
      flex-flow: row-reverse; } }
  @media (max-width: 991px) {
    .section-z2-brand2 .heading-title {
      margin-bottom: 0; }
    .section-z2-brand2 .z2-item {
      margin: 0;
      padding-top: 40px; }
      .section-z2-brand2 .z2-item:not(:last-child) {
        padding-bottom: 32px; }
      .section-z2-brand2 .z2-item .item-content, .section-z2-brand2 .z2-item .item-banner {
        width: 100%; } }
  @media (max-width: 767px) {
    .section-z2-brand2 {
      padding: 32px 0; } }

.section-z7-brand2 {
  padding: 80px 0; }
  .section-z7-brand2 .heading-collection {
    border-color: #B2B2B2;
    margin-bottom: 32px; }
    .section-z7-brand2 .heading-collection h3 {
      font-size: 36px; }
  .section-z7-brand2 .z7-slide:not(.slick-initialized) {
    display: flex;
    flex-flow: nowrap;
    justify-content: center;
    overflow: hidden; }
    .section-z7-brand2 .z7-slide:not(.slick-initialized) .z7-item {
      flex: 0 0 calc(100%/3); }
  .section-z7-brand2 .z7-item__img {
    position: relative;
    border-radius: 8px;
    overflow: hidden; }
  .section-z7-brand2 .z7-item__title {
    margin-top: 20px;
    text-align: center; }
    .section-z7-brand2 .z7-item__title h3 {
      font-size: 20px; }
  .section-z7-brand2 .slick-slider .slick-btn {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 48px;
    height: 130px;
    background: rgba(186, 146, 68, 0.2);
    z-index: 1;
    border: none;
    outline: none;
    box-shadow: none;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .section-z7-brand2 .slick-slider .slick-btn img {
      filter: brightness(0) invert(1); }
    .section-z7-brand2 .slick-slider .slick-btn.prev {
      left: 0; }
    .section-z7-brand2 .slick-slider .slick-btn.next {
      right: 0; }
    @media (min-width: 1200px) {
      .section-z7-brand2 .slick-slider .slick-btn.prev {
        left: -48px; }
      .section-z7-brand2 .slick-slider .slick-btn.next {
        right: -48px; }
      .section-z7-brand2 .slick-slider .slick-btn:hover {
        background: #F5F5FA; } }
  @media (min-width: 992px) {
    .section-z7-brand2 .slick-initialized .slick-slide {
      padding-left: 16px; }
    .section-z7-brand2 .slick-slider .slick-list {
      margin-left: -16px; } }
  @media (max-width: 767px) {
    .section-z7-brand2 {
      padding: 32px 0; }
      .section-z7-brand2 .heading-collection h3 {
        font-size: 28px; }
      .section-z7-brand2 .heading-collection .sub-title {
        font-size: 18px; } }

.section-logo-brand3 {
  padding-bottom: 80px; }
  .section-logo-brand3 .list-logo {
    justify-content: space-between;
    gap: 20px 30px; }
    .section-logo-brand3 .list-logo .logo-item {
      flex: 0 0 auto;
      width: auto; }
      .section-logo-brand3 .list-logo .logo-item img {
        max-height: 95px; }
  @media (max-width: 767px) {
    .section-logo-brand3 {
      padding-bottom: 50px; }
      .section-logo-brand3 .list-logo {
        margin: 0;
        justify-content: center;
        text-align: center; }
        .section-logo-brand3 .list-logo .logo-item {
          width: calc(50% - 15px); }
          .section-logo-brand3 .list-logo .logo-item img {
            max-height: 70px; } }

/*=========END Brand 1, 2, 3=========*/
/*=========Catalog=========*/
.section-catalog-banner .catalog-banner:not(.slick-initialized) {
  display: flex;
  overflow: hidden; }
  .section-catalog-banner .catalog-banner:not(.slick-initialized) .banner-item {
    flex: 0 0 auto;
    width: 100%; }

.section-catalog-banner .catalog-banner .slick-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 130px;
  background: rgba(245, 245, 250, 0.5);
  z-index: 1;
  border: none;
  outline: none;
  box-shadow: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .section-catalog-banner .catalog-banner .slick-btn.prev {
    left: 0; }
  .section-catalog-banner .catalog-banner .slick-btn.next {
    right: 0; }
  @media (min-width: 1200px) {
    .section-catalog-banner .catalog-banner .slick-btn:hover {
      background: #F5F5FA; } }

.section-catalog-tab {
  padding: 0 0 45px; }
  .section-catalog-tab .catalog-tab .tab-fixed {
    padding: 60px 0 30px;
    background: #fff;
    z-index: 999; }
  .section-catalog-tab .catalog-tab .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    gap: 24px; }
    .section-catalog-tab .catalog-tab .nav-tabs .nav-item {
      flex: 0 0 auto;
      width: calc(100%/3 - 16px); }
    .section-catalog-tab .catalog-tab .nav-tabs .nav-link {
      font-size: 24px;
      font-family: 'Arsenal', sans-serif;
      font-weight: 700;
      padding: 25px 15px;
      border: none;
      border-top: 1px solid #b2b2b2;
      border-bottom: 1px solid #b2b2b2;
      color: #212121;
      border-radius: 0;
      width: 100%;
      transition: all 0.4s; }
      .section-catalog-tab .catalog-tab .nav-tabs .nav-link:hover, .section-catalog-tab .catalog-tab .nav-tabs .nav-link.active {
        color: #BA9244;
        border-color: #BA9244; }
  .section-catalog-tab .tab-banner {
    position: relative; }
    .section-catalog-tab .tab-banner__content {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: auto;
      padding: 65px; }
      .section-catalog-tab .tab-banner__content .sub-title {
        font-size: 24px;
        font-family: 'Arsenal', sans-serif;
        font-weight: 700;
        margin-bottom: 24px;
        color: #212121; }
      .section-catalog-tab .tab-banner__content .title {
        font-size: 64px;
        font-family: 'Arsenal', sans-serif;
        font-weight: 700;
        line-height: 1.15;
        margin-bottom: 24px;
        color: #BE984E; }
      .section-catalog-tab .tab-banner__content .desc {
        font-size: 20px;
        color: #fff;
        line-height: 1.3; }
      .section-catalog-tab .tab-banner__content .btn-more {
        margin-top: 35px; }
  .section-catalog-tab .tab-slider {
    margin: 50px 0 0; }
    .section-catalog-tab .tab-slider:not(.slick-initialized) {
      display: flex;
      overflow: hidden; }
      .section-catalog-tab .tab-slider:not(.slick-initialized) .slide-item {
        flex: 0 0 auto;
        width: calc(100%/3); }
    .section-catalog-tab .tab-slider .slide-item {
      position: relative; }
      .section-catalog-tab .tab-slider .slide-item__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
        padding: 30px 40px;
        display: flex;
        flex-flow: column;
        justify-content: end;
        opacity: 0;
        transition: all 0.4s; }
        .section-catalog-tab .tab-slider .slide-item__content .title {
          color: #fff;
          font-size: 24px;
          margin-bottom: 8px; }
        .section-catalog-tab .tab-slider .slide-item__content .desc {
          font-size: 16px;
          line-height: 1.5;
          margin-bottom: 8px; }
      .section-catalog-tab .tab-slider .slide-item:hover .slide-item__content {
        opacity: 1; }
  .section-catalog-tab .slick-dots {
    position: unset;
    margin-top: 45px; }
    .section-catalog-tab .slick-dots li {
      width: auto;
      height: auto;
      margin: 0 12px; }
      .section-catalog-tab .slick-dots li button {
        width: auto;
        height: auto;
        padding: 0;
        mrrgin: 0;
        font-size: 16px;
        font-family: 'Noto Serif';
        font-weight: 500;
        color: #BB9244;
        opacity: 0.5; }
        .section-catalog-tab .slick-dots li button:before {
          content: none; }
      .section-catalog-tab .slick-dots li.slick-active button, .section-catalog-tab .slick-dots li:hover button {
        opacity: 1; }
  @media (min-width: 768px) {
    .section-catalog-tab .heading-title .title {
      margin-bottom: 24px; } }
  @media (min-width: 992px) {
    .section-catalog-tab .tab-slider.slick-slider .slick-list {
      margin-left: -18px; }
    .section-catalog-tab .tab-slider.slick-slider.slick-initialized .slick-slide {
      padding-left: 18px; } }
  @media (min-width: 992px) and (max-width: 1399px) {
    .section-catalog-tab .tab-banner__content {
      padding: 40px 0 40px 60px; }
      .section-catalog-tab .tab-banner__content .title {
        font-size: 40px; }
      .section-catalog-tab .tab-banner__content .desc {
        font-size: 16px; } }
  @media (max-width: 991px) {
    .section-catalog-tab .tab-banner__img img {
      width: 100%; }
    .section-catalog-tab .tab-banner__content {
      width: 100%;
      top: 15%; } }
  @media (max-width: 767px) {
    .section-catalog-tab .container {
      padding: 0; }
      .section-catalog-tab .container .catalog-tab .tab-fixed {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding: 59px calc(var(--bs-gutter-x) * .5) 30px; }
    .section-catalog-tab .catalog-tab .nav-tabs {
      gap: 12px; }
      .section-catalog-tab .catalog-tab .nav-tabs .nav-item {
        width: calc(100% / 3 - 8px); }
      .section-catalog-tab .catalog-tab .nav-tabs .nav-link {
        font-size: 20px;
        padding: 25px 0;
        height: 100%; }
    .section-catalog-tab .tab-banner__img {
      position: relative;
      padding-top: calc(100% * 1172 / 585); }
      .section-catalog-tab .tab-banner__img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }
    .section-catalog-tab .tab-banner__content {
      top: 0;
      padding: 24px; }
      .section-catalog-tab .tab-banner__content .title {
        font-size: 60px; }
      .section-catalog-tab .tab-banner__content .desc {
        font-size: 16px; }
    .section-catalog-tab .tab-slider {
      margin: 30px 0 0; }
      .section-catalog-tab .tab-slider:not(.slick-initialized) .slide-item {
        width: 100%; }
        .section-catalog-tab .tab-slider:not(.slick-initialized) .slide-item__img {
          position: relative;
          padding-top: calc(100% * 316 / 390); }
          .section-catalog-tab .tab-slider:not(.slick-initialized) .slide-item__img img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
    .section-catalog-tab .slick-dots {
      margin-top: 24px; } }

.section-catalog-slider {
  padding: 55px 0;
  border-top: 1px solid #BA9244; }
  .section-catalog-slider .catalog-slider {
    padding: 20px 60px 0; }
    .section-catalog-slider .catalog-slider:not(.slick-initialized) {
      display: flex;
      overflow: hidden; }
      .section-catalog-slider .catalog-slider:not(.slick-initialized) .slider-item {
        flex: 0 0 auto;
        width: 100%; }
    .section-catalog-slider .catalog-slider .slick-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px;
      height: 130px;
      background: rgba(245, 245, 250, 0.5);
      z-index: 1;
      border: none;
      outline: none;
      box-shadow: none;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .section-catalog-slider .catalog-slider .slick-btn.prev {
        left: 0; }
      .section-catalog-slider .catalog-slider .slick-btn.next {
        right: 0; }
      @media (min-width: 1200px) {
        .section-catalog-slider .catalog-slider .slick-btn:hover {
          background: #F5F5FA; } }
  @media (max-width: 767px) {
    .section-catalog-slider {
      padding-bottom: 30px; }
      .section-catalog-slider .container {
        padding: 0; }
      .section-catalog-slider .heading-title {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5); }
        .section-catalog-slider .heading-title .title {
          margin-bottom: 32px; }
      .section-catalog-slider .catalog-slider {
        padding: 0; } }

@media (max-width: 767px) {
  .brand-catalog #section-info-bottom {
    padding: 60px 0;
    margin-bottom: 56px; } }

/*=========END Catalog=========*/
/*=========BST NEW=========*/
.ldp-bst {
  line-height: 1.4; }
  .ldp-bst h2, .ldp-bst h3 {
    font-family: 'Arsenal', sans-serif;
    font-weight: 700; }
  .ldp-bst .text {
    font-size: 20px;
    font-weight: 300; }
    .ldp-bst .text p {
      margin: 0; }
    .ldp-bst .text p + p {
      margin: 16px 0 0; }
  .ldp-bst .btn {
    font-size: 16px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 15px 24px;
    display: inline-flex;
    gap: 16px;
    align-items: center;
    font-family: 'Arsenal', sans-serif;
    font-weight: 700; }
    .ldp-bst .btn:hover {
      color: #fff;
      background: #BB9244;
      border: 1px solid #BB9244; }
  .ldp-bst .style-slick .slick-btn {
    background: rgba(177, 177, 177, 0.5); }
  .ldp-bst .aspect-ratio {
    position: relative;
    overflow: hidden;
    display: block;
    padding-bottom: calc(var(--height-img)/var(--width-img) * 100%); }
    .ldp-bst .aspect-ratio img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .ldp-bst .section-bst .s-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px; }
  .ldp-bst .section-bst .s-heading h2 {
    font-size: 36px;
    margin-bottom: 0; }
  @media (min-width: 992px) {
    .ldp-bst .section-bst .s-wrapper {
      gap: 36px; } }
  .ldp-bst .section-bst-hero {
    background: var(--color-bg-ldp); }
    .ldp-bst .section-bst-hero .s-banner {
      --height-img: 899;
      --width-img: 1800; }
    .ldp-bst .section-bst-hero .s-inner--top {
      padding: 55px 0; }
      .ldp-bst .section-bst-hero .s-inner--top .box-card {
        width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
        gap: 36px;
        text-align: center; }
        .ldp-bst .section-bst-hero .s-inner--top .box-card > div {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; }
        .ldp-bst .section-bst-hero .s-inner--top .box-card .box-card--content h2 {
          color: #BE984E;
          font-size: 36px;
          margin-bottom: 24px;
          text-transform: uppercase; }
        .ldp-bst .section-bst-hero .s-inner--top .box-card .box-card--content .text {
          font-size: 16px;
          font-weight: 300;
          color: var(--color-text-ldp); }
      @media (min-width: 992px) {
        .ldp-bst .section-bst-hero .s-inner--top .box-card {
          width: 42%; }
          .ldp-bst .section-bst-hero .s-inner--top .box-card .box-card--content h2 {
            font-size: 64px; }
          .ldp-bst .section-bst-hero .s-inner--top .box-card .box-card--content .text {
            font-size: 20px; } }
    .ldp-bst .section-bst-hero .s-inner--bottom .grid-line {
      display: flex;
      flex-direction: column; }
    .ldp-bst .section-bst-hero .s-inner--bottom .line {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 32px 0 0; }
    .ldp-bst .section-bst-hero .s-inner--bottom .box-card {
      display: flex;
      flex-direction: column;
      gap: 32px 60px;
      margin: 0 -12px; }
      .ldp-bst .section-bst-hero .s-inner--bottom .box-card > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .ldp-bst .section-bst-hero .s-inner--bottom .box-card .box-card--thumb {
        --height-img: 725;
        --width-img: 519; }
      .ldp-bst .section-bst-hero .s-inner--bottom .box-card .box-card--detail {
        color: var(--color-text-ldp);
        padding: 0 24px; }
        .ldp-bst .section-bst-hero .s-inner--bottom .box-card .box-card--detail h2 {
          font-size: 36px;
          margin-bottom: 36px;
          color: var(--color-text-ldp);
          text-align: center; }
        .ldp-bst .section-bst-hero .s-inner--bottom .box-card .box-card--detail ul {
          margin-top: 16px;
          padding: 0 0 0 16px;
          display: flex;
          flex-direction: column;
          gap: 10px;
          list-style: disc; }
    @media (min-width: 992px) {
      .ldp-bst .section-bst-hero .s-inner--bottom .line {
        padding: 64px 0; }
        .ldp-bst .section-bst-hero .s-inner--bottom .line .box-card {
          flex-direction: row;
          align-items: center; }
          .ldp-bst .section-bst-hero .s-inner--bottom .line .box-card .box-card--thumb {
            -ms-flex: 0 0 42%;
            flex: 0 0 42%;
            max-width: 42%; }
          .ldp-bst .section-bst-hero .s-inner--bottom .line .box-card .box-card--detail {
            -ms-flex: 0 0 calc(58% - 60px);
            flex: 0 0 calc(58% - 60px);
            max-width: calc(58% - 60px); }
        .ldp-bst .section-bst-hero .s-inner--bottom .line:nth-child(even) .box-card {
          flex-direction: row-reverse; }
      .ldp-bst .section-bst-hero .s-inner--bottom .box-card {
        margin: 0; }
        .ldp-bst .section-bst-hero .s-inner--bottom .box-card .box-card--detail {
          padding: 0; }
          .ldp-bst .section-bst-hero .s-inner--bottom .box-card .box-card--detail h2 {
            text-align: left; } }
  .ldp-bst .section-bst-intro-1 {
    padding: 60px 0 32px; }
    .ldp-bst .section-bst-intro-1 .s-wrapper {
      gap: 27px; }
    .ldp-bst .section-bst-intro-1 .s-heading, .ldp-bst .section-bst-intro-1 .s-content {
      text-align: center; }
    .ldp-bst .section-bst-intro-1 .s-banner {
      --height-img: 774;
      --width-img: 1280; }
    .ldp-bst .section-bst-intro-1 .text {
      font-size: 16px; }
    @media (min-width: 992px) {
      .ldp-bst .section-bst-intro-1 {
        padding: 60px 0 93px; }
        .ldp-bst .section-bst-intro-1 .text {
          font-size: 24px;
          width: 68%;
          margin: auto; } }
  .ldp-bst .section-bst-intro-2 {
    padding: 32px 0 60px; }
    .ldp-bst .section-bst-intro-2 .s-heading, .ldp-bst .section-bst-intro-2 .s-content {
      text-align: center; }
    .ldp-bst .section-bst-intro-2 .listing-banner {
      display: flex;
      flex-direction: column;
      gap: 8px 37px;
      margin: 32px 0 0; }
      .ldp-bst .section-bst-intro-2 .listing-banner .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
        .ldp-bst .section-bst-intro-2 .listing-banner .item.item-1 {
          --height-img: 290;
          --width-img: 342; }
        .ldp-bst .section-bst-intro-2 .listing-banner .item.item-2 {
          --height-img: 605;
          --width-img: 700; }
        .ldp-bst .section-bst-intro-2 .listing-banner .item.item-3 {
          --height-img: 290;
          --width-img: 342; }
    @media (min-width: 992px) {
      .ldp-bst .section-bst-intro-2 {
        padding: 60px 0 93px; }
        .ldp-bst .section-bst-intro-2 .listing-banner {
          flex-direction: row;
          margin: 60px 0 0; }
          .ldp-bst .section-bst-intro-2 .listing-banner .item {
            -ms-flex: 0 0 calc((100% - (2*37px)) /3);
            flex: 0 0 calc((100% - (2*37px)) /3);
            max-width: calc((100% - (2*37px)) /3); }
            .ldp-bst .section-bst-intro-2 .listing-banner .item.item-1 {
              --height-img: 475;
              --width-img: 340; }
            .ldp-bst .section-bst-intro-2 .listing-banner .item.item-2 {
              --height-img: 563;
              --width-img: 340; }
            .ldp-bst .section-bst-intro-2 .listing-banner .item.item-3 {
              --height-img: 475;
              --width-img: 340; } }
  .ldp-bst .section-bst-feature {
    padding: 70px 0; }
    .ldp-bst .section-bst-feature .listing-feature {
      display: flex;
      flex-wrap: wrap;
      gap: 32px; }
      .ldp-bst .section-bst-feature .listing-feature .item {
        -ms-flex: 0 0 calc((100% - 32px) /2);
        flex: 0 0 calc((100% - 32px) /2);
        max-width: calc((100% - 32px) /2); }
    .ldp-bst .section-bst-feature .box {
      display: flex;
      flex-direction: column;
      gap: 36px;
      text-align: center; }
      .ldp-bst .section-bst-feature .box .icon img {
        width: 90px;
        height: 90px;
        margin: auto; }
      .ldp-bst .section-bst-feature .box .title h3 {
        margin: 0;
        font-size: 24px; }
    @media (min-width: 992px) {
      .ldp-bst .section-bst-feature .listing-feature {
        gap: 60px; }
        .ldp-bst .section-bst-feature .listing-feature .item {
          -ms-flex: 0 0 calc((100% - (2*60px)) /3);
          flex: 0 0 calc((100% - (2*60px)) /3);
          max-width: calc((100% - (2*60px)) /3); } }
  .ldp-bst .section-bst-intro-3 {
    padding: 32px 0 60px;
    display: flex;
    flex-direction: column;
    gap: 12px 67px; }
    .ldp-bst .section-bst-intro-3 .s-inner--top .box-card {
      display: flex;
      gap: 32px 83px;
      flex-direction: column; }
      .ldp-bst .section-bst-intro-3 .s-inner--top .box-card > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .ldp-bst .section-bst-intro-3 .s-inner--top .box-card .box-card--thumb {
        --height-img: 645;
        --width-img: 600; }
    .ldp-bst .section-bst-intro-3 .s-inner--bottom .box-card {
      display: flex;
      gap: 12px 83px;
      flex-direction: column; }
      .ldp-bst .section-bst-intro-3 .s-inner--bottom .box-card > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .ldp-bst .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-1 {
        --height-img: 645;
        --width-img: 600; }
      .ldp-bst .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-2 {
        --height-img: 645;
        --width-img: 600; }
    @media (min-width: 992px) {
      .ldp-bst .section-bst-intro-3 {
        padding: 93px 0 60px;
        gap: 67px; }
        .ldp-bst .section-bst-intro-3 .s-inner--top .box-card {
          align-items: center;
          flex-direction: row; }
          .ldp-bst .section-bst-intro-3 .s-inner--top .box-card .box-card--thumb {
            -ms-flex: 0 0 42%;
            flex: 0 0 42%;
            max-width: 42%;
            --height-img: 722;
            --width-img: 517; }
          .ldp-bst .section-bst-intro-3 .s-inner--top .box-card .box-card--detail {
            -ms-flex: 0 0 calc(50% - 85px);
            flex: 0 0 calc(50% - 85px);
            max-width: calc(50% - 85px); }
        .ldp-bst .section-bst-intro-3 .s-inner--bottom .container-fluid {
          padding: 0; }
        .ldp-bst .section-bst-intro-3 .s-inner--bottom .box-card {
          flex-direction: row; }
          .ldp-bst .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-2 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            --height-img: 874;
            --width-img: 626; }
          .ldp-bst .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-1 {
            -ms-flex: 0 0 calc(50% - 85px);
            flex: 0 0 calc(50% - 85px);
            max-width: calc(50% - 85px);
            margin-top: -185px;
            --height-img: 1018;
            --width-img: 729; } }
  .ldp-bst .section-bst-collection {
    padding: 32px 0;
    background: var(--color-bg-ldp); }
    .ldp-bst .section-bst-collection .slick-btn {
      top: 20%;
      transform: translateY(-20%); }
    .ldp-bst .section-bst-collection .s-heading {
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid #BE984E;
      padding-bottom: 16px;
      gap: 32px 0; }
      .ldp-bst .section-bst-collection .s-heading h2 {
        color: var(--color-text-ldp); }
      .ldp-bst .section-bst-collection .s-heading .title {
        text-align: center; }
      .ldp-bst .section-bst-collection .s-heading .action {
        display: none; }
      .ldp-bst .section-bst-collection .s-heading .desc {
        font-size: 20px;
        font-weight: 300;
        color: var(--color-text-ldp); }
        .ldp-bst .section-bst-collection .s-heading .desc p {
          margin-bottom: 0; }
    .ldp-bst .section-bst-collection .content-collection .slick-collection:not(.slick-initialized) {
      display: flex;
      gap: 5px; }
      .ldp-bst .section-bst-collection .content-collection .slick-collection:not(.slick-initialized) .product-loop {
        -ms-flex: 0 0 calc((100% - 5px) / 2);
        flex: 0 0 calc((100% - 5px) / 2);
        max-width: calc((100% - 5px) / 2); }
    .ldp-bst .section-bst-collection .product-loop .info-loop .wrapper-loop-bottom {
      display: none; }
    .ldp-bst .section-bst-collection .product-loop .info-loop .variant-loop {
      display: block; }
    @media (min-width: 768px) {
      .ldp-bst .section-bst-collection .slick-btn {
        top: 36%;
        transform: translateY(-36%); }
      .ldp-bst .section-bst-collection .content-collection .slick-collection:not(.slick-initialized) {
        gap: 25px; }
        .ldp-bst .section-bst-collection .content-collection .slick-collection:not(.slick-initialized) .product-loop {
          -ms-flex: 0 0 calc((100% - (2 * 25px)) / 3);
          flex: 0 0 calc((100% - (2 * 25px)) / 3);
          max-width: calc((100% - (2 * 25px)) / 3); } }
    @media (min-width: 992px) {
      .ldp-bst .section-bst-collection {
        padding: 97px 0 45px; }
        .ldp-bst .section-bst-collection .s-heading {
          align-items: center;
          justify-content: space-between;
          flex-direction: row;
          margin-bottom: 28px; }
          .ldp-bst .section-bst-collection .s-heading .title {
            text-align: left; }
          .ldp-bst .section-bst-collection .s-heading .action {
            display: block; }
          .ldp-bst .section-bst-collection .s-heading .desc {
            display: none; } }
  .ldp-bst .section-bst-cate {
    padding: 32px 0 50px;
    background: var(--color-bg-ldp); }
    .ldp-bst .section-bst-cate .box-card {
      --height-img: 217;
      --width-img: 403;
      overflow: hidden;
      border-radius: 8px; }
    .ldp-bst .section-bst-cate .s-heading h2 {
      color: var(--color-text-ldp); }
    .ldp-bst .section-bst-cate .slick-cate:not(.slick-initialized) {
      display: flex;
      gap: 5px; }
      .ldp-bst .section-bst-cate .slick-cate:not(.slick-initialized) .box-card {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
    @media (min-width: 768px) {
      .ldp-bst .section-bst-cate .box-card {
        border-radius: 0px; }
      .ldp-bst .section-bst-cate .slick-cate:not(.slick-initialized) {
        gap: 25px; }
        .ldp-bst .section-bst-cate .slick-cate:not(.slick-initialized) .box-card {
          -ms-flex: 0 0 calc((100% - (2 * 25px)) / 3);
          flex: 0 0 calc((100% - (2 * 25px)) / 3);
          max-width: calc((100% - (2 * 25px)) / 3); } }
    @media (min-width: 992px) {
      .ldp-bst .section-bst-cate {
        padding: 45px 0 97px; } }
  .ldp-bst.ldp-bst-1 {
    --color-bg-ldp: #202846;
    --color-text-ldp: #fff; }
    .ldp-bst.ldp-bst-1 .product-loop .info-loop .title-loop h4, .ldp-bst.ldp-bst-1 .product-loop .info-loop .title-loop h4 a {
      color: #fff; }
    .ldp-bst.ldp-bst-1 .product-loop .info-loop .variant-loop {
      color: #fff; }
  .ldp-bst.ldp-bst-2 {
    --color-bg-ldp: #455D3C;
    --color-text-ldp: #fff; }
    .ldp-bst.ldp-bst-2 .product-loop .info-loop .title-loop h4, .ldp-bst.ldp-bst-2 .product-loop .info-loop .title-loop h4 a {
      color: #fff; }
    .ldp-bst.ldp-bst-2 .product-loop .info-loop .variant-loop {
      color: #fff; }
  .ldp-bst.ldp-bst-3 {
    --color-bg-ldp: #AF0007;
    --color-text-ldp: #fff; }
    .ldp-bst.ldp-bst-3 .product-loop .info-loop .title-loop h4, .ldp-bst.ldp-bst-3 .product-loop .info-loop .title-loop h4 a {
      color: #fff; }
    .ldp-bst.ldp-bst-3 .product-loop .info-loop .variant-loop {
      color: #fff; }
    .ldp-bst.ldp-bst-3 .banner-title {
      margin-bottom: 24px; }
    .ldp-bst.ldp-bst-3 .section-bst-hero .s-inner--top .box-card {
      width: 100%; }
    .ldp-bst.ldp-bst-3 .section-bst-hero .s-banner {
      position: relative; }
      .ldp-bst.ldp-bst-3 .section-bst-hero .s-banner:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        pointer-events: none;
        background: linear-gradient(rgba(175, 0, 7, 0), rgba(175, 0, 7, 0.1) 20%, #AF0007);
        z-index: 1; }
    .ldp-bst.ldp-bst-3 .section-bst-intro-3 .s-inner--bottom .container-fluid {
      max-width: 1440px; }
    .ldp-bst.ldp-bst-3 .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-1 .box-card--detail, .ldp-bst.ldp-bst-3 .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-2 .box-card--detail {
      padding: 60px 60px 60px 0; }
    @media (min-width: 992px) {
      .ldp-bst.ldp-bst-3 .section-bst-hero .s-inner--top .box-card .text {
        width: 42%;
        margin: 0 auto; } }
    @media (max-width: 991px) {
      .ldp-bst.ldp-bst-3 .section-bst-hero .s-banner:before {
        height: 70px; }
      .ldp-bst.ldp-bst-3 .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-1, .ldp-bst.ldp-bst-3 .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-2 {
        display: flex;
        flex-flow: column-reverse; }
        .ldp-bst.ldp-bst-3 .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-1 .box-card--detail, .ldp-bst.ldp-bst-3 .section-bst-intro-3 .s-inner--bottom .box-card .box-card--thumb.thumb-2 .box-card--detail {
          padding: 30px 0; } }
    @media (max-width: 767px) {
      .ldp-bst.ldp-bst-3 .text {
        font-size: 16px; }
      .ldp-bst.ldp-bst-3 .section-bst-feature .box {
        gap: 20px; }
        .ldp-bst.ldp-bst-3 .section-bst-feature .box .icon img {
          width: 60px;
          height: 60px; }
        .ldp-bst.ldp-bst-3 .section-bst-feature .box .title h3 {
          font-size: 18px; } }
  .ldp-bst.ldp-bst-4 {
    --color-bg-ldp: #ffffff;
    --color-text-ldp: #000000; }
  .ldp-bst.ldp-bst-5 {
    --color-bg-ldp: #B6802C;
    --color-text-ldp: #fff; }
    .ldp-bst.ldp-bst-5 .product-loop .info-loop .title-loop h4, .ldp-bst.ldp-bst-5 .product-loop .info-loop .title-loop h4 a {
      color: #fff; }
    .ldp-bst.ldp-bst-5 .product-loop .info-loop .variant-loop {
      color: #fff; }
    .ldp-bst.ldp-bst-5 .product-loop .info-loop .brand-loop {
      color: #FFD583; }
    .ldp-bst.ldp-bst-5 .btn3 {
      color: #FFD583;
      background: transparent;
      border: 1px solid #FFD583; }
      .ldp-bst.ldp-bst-5 .btn3:hover {
        background: #FFD583;
        border-color: #FFD583;
        color: #fff; }

/*=====Blog search====*/
.blog-tab {
  margin-top: 50px; }
  .blog-tab .list-title {
    display: inline-flex;
    flex-flow: wrap;
    gap: 16px;
    margin: 0 20px 60px 0;
    position: relative; }
    .blog-tab .list-title:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #E9EAEB; }
  .blog-tab .tab-title {
    position: relative;
    flex: 0 0 auto;
    width: auto;
    font-size: 16px;
    cursor: pointer;
    padding: 0 0 12px;
    border-bottom: 2px solid transparent;
    transition: all 0.3s; }
    .blog-tab .tab-title.active {
      font-weight: 600;
      color: #102A56;
      border-color: #102A56; }
  @media (max-width: 991px) {
    .blog-tab {
      margin-top: 30px; }
      .blog-tab .list-title {
        display: flex;
        gap: 10px 16px;
        margin: 0 0 16px; }
      .blog-tab .tab-title {
        padding: 0 0 6px; } }

.blog-search {
  width: auto;
  display: inline-block; }
  .blog-search .btn-search {
    outline: none;
    border: none; }
  .blog-search .search-form .search-input {
    color: #000;
    font-size: 16px;
    padding: 12px 0;
    border-color: #7B7B7B;
    width: 0;
    transition: all 0.3s; }
    .blog-search .search-form .search-input.show {
      width: auto; }
    .blog-search .search-form .search-input::-webkit-input-placeholder {
      font-size: 16px;
      color: #000 !important; }
    .blog-search .search-form .search-input::-moz-placeholder {
      font-size: 16px;
      color: #000 !important; }
    .blog-search .search-form .search-input:-moz-placeholder {
      font-size: 16px;
      color: #000 !important; }
  @media (max-width: 991px) {
    .blog-search {
      display: block; }
      .blog-search .btn-search {
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px; }
      .blog-search .search-form .search-input {
        width: 100%;
        padding: 12px 15px 12px 50px;
        margin-bottom: 32px; } }

.layout-searchblog .paginate-wrapper #pagination, .blog-tab .paginate-wrapper #pagination {
  justify-content: end; }
  .layout-searchblog .paginate-wrapper #pagination .item-pagi, .blog-tab .paginate-wrapper #pagination .item-pagi {
    position: relative;
    border: none;
    font-size: 16px;
    font-family: 'Noto Serif';
    font-weight: 500;
    color: #BB9244;
    opacity: 0.5; }
    .layout-searchblog .paginate-wrapper #pagination .item-pagi.active, .blog-tab .paginate-wrapper #pagination .item-pagi.active {
      opacity: 1; }
    .layout-searchblog .paginate-wrapper #pagination .item-pagi ~ .item-pagi, .blog-tab .paginate-wrapper #pagination .item-pagi ~ .item-pagi {
      margin-left: 5px; }
    .layout-searchblog .paginate-wrapper #pagination .item-pagi.pagi-prev, .layout-searchblog .paginate-wrapper #pagination .item-pagi.pagi-next, .blog-tab .paginate-wrapper #pagination .item-pagi.pagi-prev, .blog-tab .paginate-wrapper #pagination .item-pagi.pagi-next {
      opacity: 1; }
      .layout-searchblog .paginate-wrapper #pagination .item-pagi.pagi-prev:before, .layout-searchblog .paginate-wrapper #pagination .item-pagi.pagi-next:before, .blog-tab .paginate-wrapper #pagination .item-pagi.pagi-prev:before, .blog-tab .paginate-wrapper #pagination .item-pagi.pagi-next:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 12px;
        width: 8px;
        height: 18px;
        background: #BB9244;
        -webkit-mask: var(--bg-img) center/contain;
        mask: var(--bg-img) center/contain;
        mask-repeat: no-repeat;
        opacity: 0.5; }
      .layout-searchblog .paginate-wrapper #pagination .item-pagi.pagi-prev.show:before, .layout-searchblog .paginate-wrapper #pagination .item-pagi.pagi-next.show:before, .blog-tab .paginate-wrapper #pagination .item-pagi.pagi-prev.show:before, .blog-tab .paginate-wrapper #pagination .item-pagi.pagi-next.show:before {
        opacity: 1; }

/*=====END Blog search====*/
/*=====About====*/
.section-overview-about h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 300; }

@media (min-width: 1024px) {
  .section-overview-about h2 {
    font-size: 20px;
    line-height: 1.3;
    max-width: 1064px;
    margin: 0 auto;
    padding: 0; } }

.section-mission-about .section-collector-slide-about {
  padding-top: 65px; }

@media (min-width: 1024px) {
  .section-values-about {
    padding: 130px 0 95px; } }

@media (min-width: 992px) {
  .section-events-awards-about .about-blog__title {
    margin: 0;
    padding: 0;
    border-bottom: none; } }

@media (max-width: 767px) {
  .section-events-awards-about h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 0; } }

/*=====END About====*/