@charset "UTF-8";
/* LANDING PAGE 01 */
.pd-top-64 {
  padding-top: 64px; }

.pd-bottom-64 {
  padding-bottom: 64px; }

.mg-left--16 {
  margin-left: -16px; }

.pd-left--16 {
  padding-left: 16px; }

:root {
  --sectional-grid-gap: 16px; }

@media (min-width: 992px) {
  .d-flex-slick:not(.slick-initialized) {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    overflow: hidden;
    padding-left: 0px;
    margin: 0;
    width: 100%; }
  .d-flex-slick .product-loading {
    -webkit-flex: 0 0 calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
    max-width: calc(25% - 12px); } }

.section-tailoring-formrequest {
  padding-bottom: 100px; }
  @media (min-width: 1200px) {
    .section-tailoring-formrequest .container-fluid-tailoring {
      max-width: 1100px; } }
  .section-tailoring-formrequest #form-apply .group {
    position: relative; }
    .section-tailoring-formrequest #form-apply .group::after {
      content: "";
      position: absolute;
      z-index: 10;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.5);
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='lds-microsoft' width='80px' height='80px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cscript xmlns='' id='I28iG_L6gRh17P1cf1BSdGj5Sr' type='text/javascript'/%3E%3Cg transform='rotate(0)'%3E%3Ccircle cx='81.73413361164941' cy='74.35045716034882' fill='%23e15b64' r='5' transform='rotate(340.001 49.9999 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='74.35045716034882' cy='81.73413361164941' fill='%23f47e60' r='5' transform='rotate(348.352 50.0001 50.0001)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.0625s'/%3E%3C/circle%3E%3Ccircle cx='65.3073372946036' cy='86.95518130045147' fill='%23f8b26a' r='5' transform='rotate(354.236 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.125s'/%3E%3C/circle%3E%3Ccircle cx='55.22104768880207' cy='89.65779445495241' fill='%23abbd81' r='5' transform='rotate(357.958 50.0002 50.0002)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.1875s'/%3E%3C/circle%3E%3Ccircle cx='44.77895231119793' cy='89.65779445495241' fill='%23849b87' r='5' transform='rotate(359.76 50.0064 50.0064)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.25s'/%3E%3C/circle%3E%3Ccircle cx='34.692662705396415' cy='86.95518130045147' fill='%23e15b64' r='5' transform='rotate(0.183552 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.3125s'/%3E%3C/circle%3E%3Ccircle cx='25.649542839651176' cy='81.73413361164941' fill='%23f47e60' r='5' transform='rotate(1.86457 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.375s'/%3E%3C/circle%3E%3Ccircle cx='18.2658663883506' cy='74.35045716034884' fill='%23f8b26a' r='5' transform='rotate(5.45126 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.4375s'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;0 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s'/%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 40px;
      background-position: center;
      opacity: 0;
      visibility: hidden;
      display: none; }
    .section-tailoring-formrequest #form-apply .group.active::after {
      opacity: 1;
      visibility: visible;
      display: block; }
  .section-tailoring-formrequest .tailoring-formrequest-bg-img {
    background: var(--bg-img-formrequest) no-repeat center center;
    background-size: cover;
    width: 1000px;
    height: 697px;
    aspect-ratio: 1000/697;
    box-shadow: 0px 40px 100px 0px rgba(0, 0, 0, 0.25);
    position: relative; }
  .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left {
    width: 497px;
    position: absolute;
    left: 67px;
    top: 83px; }
    .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left .wrap-heading h2 {
      color: #fff;
      margin: 0 0 10px; }
    .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left .wrap-heading p {
      margin: 0 0 30px;
      font-size: 13px;
      color: #fff; }
    .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group {
      display: flex;
      align-items: center; }
      .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group:not(:last-child) {
        margin-bottom: 15px; }
      .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group #data-file {
        margin-top: 10px;
        position: absolute;
        bottom: -22px;
        right: 38%;
        color: #fff;
        text-decoration: underline; }
      .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group label {
        margin: 0;
        width: 182px;
        padding-right: 15px;
        font-size: 16px;
        font-weight: 500;
        color: #fff; }
        .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group label span {
          font-size: 10px;
          opacity: 0.6; }
      .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group .form-control {
        border: none;
        height: 40px;
        width: 300px;
        outline: none;
        box-shadow: none;
        background-color: #fff;
        border-radius: 0; }
        .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group .form-control.warming {
          border: 1px solid red; }
        .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group .form-control#formapply-file {
          color: transparent;
          height: 41px;
          padding: 0;
          border: none;
          border-radius: 20px;
          background-color: transparent; }
          .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group .form-control#formapply-file::after {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15 10.3333V13.4444C15 13.8569 14.8361 14.2526 14.5444 14.5443C14.2527 14.836 13.857 14.9999 13.4444 14.9999H2.55556C2.143 14.9999 1.74733 14.836 1.45561 14.5443C1.16389 14.2526 1 13.8569 1 13.4444V10.3333' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8872 4.88889L7.99826 1L4.10938 4.88889' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1V10.3333' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            display: block;
            width: 14px;
            height: 14px;
            position: absolute;
            top: 43%;
            left: 18px;
            transform: translateY(-50%); }
          .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group .form-control#formapply-file::before {
            content: 'Tải tệp lên';
            color: #fff;
            display: block;
            background: transparent;
            border: 1px solid #fff;
            border-radius: 100px;
            padding: 10px 15px 10px 40px;
            outline: none;
            white-space: nowrap;
            -webkit-user-select: none;
            cursor: pointer;
            font-weight: 400;
            font-size: 13px;
            text-align: center;
            width: 120px; }
      .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group.action {
        margin-top: 30px;
        gap: 50px; }
        .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group.action #button-apply {
          background-color: #AEC500;
          border-color: #AEC500;
          padding: 10px 20px;
          font-size: 16px;
          font-weight: 500;
          border-radius: 0;
          color: #fff;
          text-transform: uppercase; }
        .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group.action p {
          color: #fff;
          font-size: 13px;
          font-weight: 400; }
          .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group.action p a {
            font-weight: 700;
            text-decoration: underline;
            color: #fff; }
  .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-right .formrequest-logo {
    width: 272.115px;
    height: 89px;
    aspect-ratio: 272.11/89.00;
    position: absolute;
    right: 70px;
    top: 90px; }
    .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-right .formrequest-logo img {
      mix-blend-mode: multiply; }
  .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-right .formrequest-hotline {
    position: absolute;
    right: 120px;
    bottom: 86px;
    text-align: center;
    width: 174px;
    font-size: 13px;
    text-transform: uppercase; }
    .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-right .formrequest-hotline a {
      text-decoration: underline;
      font-size: 30px;
      font-weight: 500; }

.section-tailoring-achievements {
  background-color: #F0F0F0;
  padding-bottom: 64px; }
  .section-tailoring-achievements .tailoring-achievements-flex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .section-tailoring-achievements .tailoring-achievements-flex .tailoring-achievements-item {
      display: flex;
      align-items: center;
      gap: 10px; }
      .section-tailoring-achievements .tailoring-achievements-flex .tailoring-achievements-item .tailoring-achievements-icon {
        width: 48px;
        height: 48px;
        line-height: 48px;
        border-radius: 24px;
        background: rgba(18, 28, 39, 0.1);
        text-align: center; }
        .section-tailoring-achievements .tailoring-achievements-flex .tailoring-achievements-item .tailoring-achievements-icon img {
          width: 28px;
          height: 28px; }
      .section-tailoring-achievements .tailoring-achievements-flex .tailoring-achievements-item .tailoring-achievements-title {
        font-size: 40px;
        font-weight: 600;
        line-height: 48px; }
      .section-tailoring-achievements .tailoring-achievements-flex .tailoring-achievements-item .tailoring-achievements-content {
        color: #5D676C;
        font-size: 12px;
        font-weight: 500; }

.section-cooperate-support {
  background-color: var(--shop-color-bg-white); }
  .section-cooperate-support .wrap-heading h3 {
    margin-bottom: 20px; }
  @media (min-width: 992px) {
    .section-cooperate-support .row {
      margin-left: -73px !important; } }
  @media (min-width: 992px) {
    .section-cooperate-support .row .cooperate-support-left {
      padding-left: 73px !important; } }
  @media (min-width: 992px) {
    .section-cooperate-support .row .cooperate-support-right {
      padding-left: 73px !important; } }
  .section-cooperate-support .row .cooperate-support-right .wrap-heading {
    margin-bottom: 66px; }
    .section-cooperate-support .row .cooperate-support-right .wrap-heading h3 {
      margin-bottom: 20px; }
  .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item {
    display: flex;
    align-items: center;
    gap: 50px;
    cursor: pointer; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item:not(:last-child) {
      margin-bottom: 28px; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item .support-icon {
      width: 55px;
      height: 55px; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item .support-item-content {
      flex: 1; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item .header-support {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 600; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item .content-support {
      font-size: 16px;
      display: none; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item.opened .support-icon svg path {
      stroke: #fff; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item.opened .support-icon svg circle {
      fill: #121C27; }

.section-aboutus-alternate {
  padding-bottom: 64px; }
  .section-aboutus-alternate .aboutus-alternate-item {
    padding: 50px 32px;
    background-color: var(--alternate-bg-color);
    position: relative;
    overflow: hidden; }
    .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-content {
      border-bottom: 1px solid #E5E3E2; }
      .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-content .aboutus-alternate-number {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 12px;
        display: inline-block;
        color: var(--alternate-txt-color);
        border-radius: 50%; }
      .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-content h3 {
        font-size: 20px;
        font-weight: 600;
        color: var(--alternate-txt-color);
        display: inline-block; }
      .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-content p {
        font-size: 16px;
        font-weight: 400;
        margin: 32px 0;
        color: var(--alternate-txt-color); }
    .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 198px;
      position: relative;
      z-index: 99; }
      .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-flex .aboutus-alternate-btn > a {
        font-weight: 500;
        color: var(--alternate-txt-color); }
        .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-flex .aboutus-alternate-btn > a svg {
          margin-left: 8px; }
    .section-aboutus-alternate .aboutus-alternate-item::before {
      content: "";
      width: 210px;
      height: 124px;
      background-color: transparent;
      border: 1px solid #E5E3E2;
      display: block;
      position: absolute;
      bottom: -6px;
      left: -6px;
      z-index: 1; }
    .section-aboutus-alternate .aboutus-alternate-item::after {
      content: "";
      width: 263px;
      height: 88px;
      background-color: transparent;
      border: 1px solid #E5E3E2;
      display: block;
      position: absolute;
      bottom: -6px;
      left: -6px;
      z-index: 1; }
    .section-aboutus-alternate .aboutus-alternate-item.aboutus-alternate-item-1 .aboutus-alternate-content .aboutus-alternate-number, .section-aboutus-alternate .aboutus-alternate-item.aboutus-alternate-item-3 .aboutus-alternate-content .aboutus-alternate-number {
      background-color: #358744;
      color: #fff; }
    .section-aboutus-alternate .aboutus-alternate-item.aboutus-alternate-item-2 .aboutus-alternate-content .aboutus-alternate-number {
      background-color: #fff;
      color: #000; }
    .section-aboutus-alternate .aboutus-alternate-item.aboutus-alternate-item-2 .aboutus-alternate-flex .aboutus-alternate-btn > a svg path {
      stroke: #fff; }

.layoutPage-ldpage01 {
  /*TOPBAR*/
  /*MENU HEADER*/
  /*BANNER SLIDER*/
  /*COUPON*/
  /*FLASH SALE*/
  /*COLLECTION TAB*/
  /*COLLECTION TAB 1,2,3,4*/
  /* HƯỚNG DẪN CHỌN SIZE */
  /* FOOTER */ }
  .layoutPage-ldpage01 .wrap-heading {
    margin-bottom: 24px; }
    .layoutPage-ldpage01 .wrap-heading h2 {
      font-size: 28px;
      font-weight: 700;
      line-height: 32px;
      margin: 0 0 4px; }
  .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container {
    position: fixed;
    top: 190px;
    left: 0;
    z-index: 999; }
    .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container .back-button {
      border-radius: 0px 4px 4px 0px;
      border-top: 1px solid #33383C;
      border-right: 1px solid #33383C;
      border-bottom: 1px solid #33383C;
      background: #fff;
      display: inline-block;
      padding: 6px;
      cursor: pointer; }
      .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container .back-button .icon-menu {
        display: block; }
      .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container .back-button .icon-left {
        display: none; }
    .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container .menu-list {
      display: none;
      flex-direction: column;
      max-width: 155px;
      background: #fff;
      border-radius: 0px 12px 12px 0;
      overflow: hidden; }
      .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container .menu-list li a {
        border-radius: 0px 12px 0px 0px;
        border-bottom: 1px solid #eee;
        background: #fff;
        padding: 8px 12px;
        font-size: 12px;
        font-weight: 600;
        display: block; }
    .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container.menu-open .back-button .icon-left {
      display: block; }
    .layoutPage-ldpage01 .section-ldpage01-fixed-menu .menu-container.menu-open .back-button .icon-menu {
      display: none; }
  .layoutPage-ldpage01 .topbar {
    background-color: #33383C;
    color: #fff;
    padding: 12px 0;
    text-align: center; }
    .layoutPage-ldpage01 .topbar .topbar-slideText {
      justify-content: center; }
      .layoutPage-ldpage01 .topbar .topbar-slideText .discount .discount-txt {
        font-size: 10px;
        font-weight: 400; }
  .layoutPage-ldpage01 #nav .main-nav ul {
    padding-left: 0;
    margin: 0; }
    .layoutPage-ldpage01 #nav .main-nav ul > li {
      position: relative;
      float: none;
      display: inline-block; }
      .layoutPage-ldpage01 #nav .main-nav ul > li > a {
        color: var(--header-text-color);
        display: block;
        font-size: 12px;
        font-weight: 600;
        padding: 28px 20px 28px 4px;
        position: relative;
        text-underline-offset: 5px; }
        .layoutPage-ldpage01 #nav .main-nav ul > li > a:hover {
          text-decoration: underline; }
      .layoutPage-ldpage01 #nav .main-nav ul > li > ul {
        top: 100%;
        margin-top: -2px;
        background: #fff;
        position: absolute;
        z-index: 999;
        min-width: 170px;
        -webkit-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -moz-transform: rotate3d(1, 0, 0, -90deg);
        -o-transform: rotate3d(1, 0, 0, -90deg);
        -ms-transform: rotate3d(1, 0, 0, -90deg);
        transform: rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 0 0 0;
        -moz-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        display: flex;
        flex-direction: column; }
        .layoutPage-ldpage01 #nav .main-nav ul > li > ul li {
          position: relative;
          width: 100%; }
          .layoutPage-ldpage01 #nav .main-nav ul > li > ul li a {
            padding: 16px;
            white-space: nowrap;
            text-align: left;
            display: block;
            font-size: 14px;
            border-bottom: 1px solid #eee;
            font-size: 12px;
            font-weight: 600;
            line-height: 16px;
            text-underline-offset: 5px;
            color: var(--header-text-color);
            position: relative; }
            .layoutPage-ldpage01 #nav .main-nav ul > li > ul li a > svg {
              transform: rotate(-90deg);
              position: absolute;
              right: 16px; }
            .layoutPage-ldpage01 #nav .main-nav ul > li > ul li a:hover {
              text-decoration: underline; }
          .layoutPage-ldpage01 #nav .main-nav ul > li > ul li > .sub_menu {
            left: 100%;
            top: -2px;
            margin-left: 0px;
            margin-top: 0;
            -webkit-transform: rotate3d(0, 1, 0, 90deg);
            -moz-transform: rotate3d(0, 1, 0, 90deg);
            -o-transform: rotate3d(0, 1, 0, 90deg);
            -ms-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg); }
          .layoutPage-ldpage01 #nav .main-nav ul > li > ul li:hover > .sub_menu {
            -webkit-transform: rotate3d(0, 0, 0, 0deg);
            -moz-transform: rotate3d(0, 0, 0, 0deg);
            -o-transform: rotate3d(0, 0, 0, 0deg);
            -ms-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg); }
  .layoutPage-ldpage01 #nav .main-nav li:hover > .sub_menu {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg); }
  .layoutPage-ldpage01 .section-ldpage01-banner-slider .slider-banner-ldpage01 .slick-dots {
    gap: 40px;
    bottom: 24px; }
    .layoutPage-ldpage01 .section-ldpage01-banner-slider .slider-banner-ldpage01 .slick-dots li button {
      background-color: #fff !important;
      opacity: 1; }
    .layoutPage-ldpage01 .section-ldpage01-banner-slider .slider-banner-ldpage01 .slick-dots li.slick-active button {
      background-color: #F80202 !important; }
  @media (min-width: 992px) {
    .layoutPage-ldpage01 .section-ldpage01-banner-slider .slider-banner-ldpage01 .slider-item {
      -webkit-flex: 0 0 calc(100%);
      flex: 0 0 calc(100%);
      max-width: calc(100%); } }
  @media (min-width: 992px) {
    .layoutPage-ldpage01 .section-ldpage01-coupon .slick-callback:not(.slick-initialized) {
      display: flex;
      flex-wrap: nowrap;
      overflow: hidden;
      padding-left: 0px;
      margin-left: -24px; }
      .layoutPage-ldpage01 .section-ldpage01-coupon .slick-callback:not(.slick-initialized) .coupon-item {
        flex: 0 0 calc(25%);
        max-width: calc(25%); } }
  .layoutPage-ldpage01 .section-ldpage01-coupon .slick-callback .slick-dots {
    position: unset;
    margin: 24px 0 0; }
  .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner {
    transition: .3s all ease; }
    .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner .coupon-item__right {
      justify-content: start; }
    .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner .coupon-item__right .cp-bottom-btn {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 4px; }
      .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner .coupon-item__right .cp-bottom-btn h3 {
        margin: 0; }
      .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner .coupon-item__right .cp-bottom-btn .cp-btn-ldpage01 {
        background: transparent;
        border: none;
        padding: 0;
        outline: none; }
    .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner:hover {
      background: var(--hover-coupon); }
      .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner:hover .coupon-item__left .coupon-precent h3, .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner:hover .coupon-item__right .cp-bottom-btn h3, .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner:hover .coupon-item__right .cp-top p, .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner:hover .coupon-item__right .cp-top p:last-child {
        color: var(--hover-txt-coupon); }
      .layoutPage-ldpage01 .section-ldpage01-coupon .coupon-initial .list-coupon-slide .coupon-item .coupon-item__inner:hover .coupon-item__right .cp-bottom-btn .cp-btn-ldpage01 svg path {
        stroke: var(--hover-txt-coupon); }
  .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #A70F17;
    border-radius: 2px 2px 0px 0px;
    padding: 20px; }
    .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-title {
      display: flex;
      align-items: center;
      gap: 16px; }
      .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-title .bg-image-title {
        margin: 0; }
        .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-title .bg-image-title span {
          background: var(--bg-img-flashsale) no-repeat center;
          background-size: contain;
          width: 267.987px;
          height: 58.51px;
          display: block; }
      .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-title .countdown-deal {
        display: flex;
        gap: 8px; }
        .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-title .countdown-deal li {
          background-color: #33383C;
          border-radius: 4px;
          width: 40px;
          height: 40px;
          line-height: 40px;
          text-align: center; }
          .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-title .countdown-deal li strong {
            font-weight: 500;
            color: #fff; }
    .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-tab .nav-tabs {
      display: flex;
      justify-content: end;
      gap: 8px;
      border: none; }
      .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-tab .nav-tabs li a {
        border-radius: 4px;
        padding: 10px 20px;
        font-weight: 500;
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff; }
        .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-tab .nav-tabs li a.active, .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-tab .nav-tabs li a:hover {
          background-color: #fff;
          color: #33383C; }
  .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-content .tab-result {
    border-radius: 0px 0px 2px 2px;
    background: #fff;
    padding: 16px; }
    .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-content .tab-result .slick-callback .slick-dots {
      position: unset;
      margin: 24px 0 0; }
    @media (min-width: 992px) {
      .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-content .tab-result .list-product-slider {
        margin-left: -16px; } }
    @media (min-width: 992px) {
      .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-content .tab-result .home-product-tab-item {
        padding-left: 16px; } }
  .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading {
    position: relative;
    margin-bottom: 32px; }
    .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-img .coltab-img {
      display: none; }
      .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-img .coltab-img.active {
        display: block; }
    .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 120px 76px 32px 76px;
      z-index: 9;
      background: linear-gradient(0deg, #000102 0%, rgba(0, 1, 2, 0) 100%); }
      .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content .wrap-heading h2, .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content .wrap-heading p {
        color: #fff; }
      .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content .nav-tabs {
        border: none;
        display: flex;
        gap: 8px; }
        .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content .nav-tabs li a {
          border-radius: 4px;
          padding: 6px 16px;
          border: 1px solid #fff;
          background-color: transparent;
          color: #fff; }
          .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content .nav-tabs li a.active, .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content .nav-tabs li a:hover {
            background-color: #fff;
            color: #000102; }
  .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-content {
    padding-left: 15px; }
    @media (min-width: 992px) {
      .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-content {
        padding-left: 60px; } }
    .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-content .ldpage01-coltab-slider .slick-list {
      overflow: unset; }
  @media (min-width: 992px) {
    .layoutPage-ldpage01 .section-ldpage01-collection-tab .d-flex-slick .product-loading {
      -webkit-flex: 0 0 calc(33.3333% - 12px);
      flex: 0 0 calc(33.3333% - 12px);
      max-width: calc(33.3333% - 12px); } }
  .layoutPage-ldpage01 .section-ldpage01-collection-tab .wrap-heading {
    margin-bottom: 16px; }
  .layoutPage-ldpage01 .section-ldpage01-collection-tab .nav-tabs {
    display: flex;
    gap: 8px;
    border: none;
    margin-bottom: 24px; }
    .layoutPage-ldpage01 .section-ldpage01-collection-tab .nav-tabs li a {
      background: #F8F8F8;
      border-radius: 4px;
      border: 1px solid #000102;
      padding: 6px 16px;
      font-weight: 500;
      color: #000102; }
      .layoutPage-ldpage01 .section-ldpage01-collection-tab .nav-tabs li a.active, .layoutPage-ldpage01 .section-ldpage01-collection-tab .nav-tabs li a:hover {
        background: #000102;
        color: #fff; }
  .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img {
      position: relative; }
      @media (min-width: 992px) {
        .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img {
          flex: 0 0 317px;
          max-width: 317px; } }
      .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img {
        height: 100%; }
        .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img img {
          border-radius: 12px;
          overflow: hidden;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 120px 20px 20px 20px;
        z-index: 9;
        background: linear-gradient(0deg, #000102 0%, rgba(0, 1, 2, 0) 100%);
        border-radius: 12px;
        overflow: hidden; }
        .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img-content .title {
          font-size: 20px;
          font-weight: 700;
          margin: 0 0 4px;
          color: #fff; }
        .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img-content .desc {
          font-weight: 400;
          color: #fff;
          margin: 0; }
        .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img-content .tab-img-btn {
          display: inline-flex;
          align-items: center;
          border-radius: 4px;
          border: 1px solid #fff;
          padding: 6px 16px;
          margin-top: 24px;
          font-weight: 500;
          color: #fff; }
          .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img-content .tab-img-btn svg {
            margin-left: 8px; }
    .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-content {
      overflow: hidden; }
      @media (min-width: 992px) {
        .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-content {
          flex: 0 0 calc(100% - 317px - 16px);
          max-width: calc(100% - 317px - 16px); } }
  .layoutPage-ldpage01 .section-ldpage01-sizeguide {
    padding-bottom: 64px; }
    .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info {
      display: flex;
      gap: 60px;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media (min-width: 992px) {
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box:nth-child(1) {
          flex: 0 0 630px;
          max-width: 630px; } }
      @media (min-width: 992px) {
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box:nth-child(2) {
          flex: 0 0 calc(100% - 630px - 60px);
          max-width: calc(100% - 630px - 60px); } }
      .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .wrap-heading h2 {
        margin: 0 0 8px; }
      .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .wrap-heading p {
        color: #33383C;
        font-weight: 400; }
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .wrap-heading p a {
          color: #A70F17;
          text-decoration: underline; }
      .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .size-fit {
        margin: 0;
        padding: 0;
        display: flex;
        gap: 8px; }
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .size-fit .fit-item {
          font-size: 14px;
          font-weight: 500;
          border: 2px solid #ffffff;
          border-radius: 16px;
          display: inline-flex;
          width: 100%;
          justify-content: center;
          position: relative;
          overflow: hidden; }
          .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .size-fit .fit-item img {
            width: 100%; }
          .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .size-fit .fit-item span {
            padding: 6px 16px;
            color: #ffffff;
            background: #33383C;
            border-radius: 8px;
            position: absolute;
            left: auto;
            right: auto;
            margin: auto;
            bottom: 16px;
            width: auto; }
          .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .size-fit .fit-item.actived {
            color: #fff;
            border: 2px solid #33383C; }
      .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .slider-box {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 75px;
        margin-bottom: 0px; }
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .slider-box .slider-title {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 5px;
          display: block;
          grid-column: 1 / span 2; }
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .slider-box .slidecontainer input[type="range"] {
          height: 6px;
          width: 100%;
          border: 1px solid rgba(51, 56, 60, 0.2);
          border-radius: 3px;
          outline: none;
          -webkit-appearance: none; }
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .slider-box .slidecontainer input[type="range"]::-webkit-slider-thumb {
          width: 16px;
          height: 16px;
          -webkit-appearance: none;
          background: #33383C;
          border-radius: 50%; }
        .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box .slider-box .slider-value {
          text-align: right;
          font-size: 18px;
          font-weight: 500; }
      .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info #result_size {
        flex: 0 0 100%;
        max-width: 100%; }
    .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .mdl-note {
      font-size: 20px;
      font-weight: 600; }
      .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .mdl-note span {
        padding: 4px 16px;
        color: #fff;
        background: #33383C;
        display: inline-block;
        border-radius: 8px; }
  .layoutPage-ldpage01 .mainFooter-ldpage01 {
    background: var(--footer-bg-color-1);
    color: var(--footer-color-text); }
    .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      border-bottom: 1px solid #5D676C;
      padding: 56px 0; }
      .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .title-footer {
        font-size: 12px;
        font-weight: 600;
        margin: 0 0 16px;
        color: var(--footer-color-text); }
      .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .content-footer .footerNav-link {
        display: flex;
        flex-direction: column;
        gap: 16px; }
        .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .content-footer .footerNav-link li a {
          color: var(--footer-color-text);
          font-size: 12px;
          font-weight: 600;
          line-height: 16px; }
      .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .content-footer .payment-icon {
        display: flex;
        gap: 8px;
        align-items: center; }
        .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .content-footer .payment-icon img {
          width: 44px;
          height: auto;
          border-radius: 4px; }
      .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .content-footer .footerNav-social {
        display: flex;
        gap: 16px;
        align-items: center; }
        .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .content-footer .footerNav-social li img, .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .content-footer .footerNav-social li svg {
          width: 24px;
          height: 24px; }
      .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .newsletter-content .form-group .newsletter-input {
        box-shadow: none;
        width: 400px;
        height: auto;
        background: transparent;
        color: var(--footer-color-text);
        padding: 16px 8px;
        font-size: 12px;
        font-weight: 400;
        outline: none;
        border: 1px solid #fff; }
        .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .newsletter-content .form-group .newsletter-input::placeholder {
          color: var(--footer-color-text); }
    .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright {
      padding: 32px 0; }
      .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left {
          display: flex;
          gap: 4px; }
          .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left p {
            color: #7B8487;
            margin: 0; }
          .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left .footerNav-link {
            display: flex; }
            .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left .footerNav-link li a {
              color: #fff;
              font-size: 12px;
              font-weight: 400; }
              .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left .footerNav-link li a::before {
                content: "|";
                margin: 0 4px; }
            .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left .footerNav-link li:first-child a:before {
              content: ""; }

/* PAGE CASUAL & YOUNG */
.layoutPage-casual-young .wrap-heading p {
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 8px; }

.layoutPage-casual-young .wrap-heading h2 {
  font-size: 32px;
  font-weight: 600;
  margin: 0; }

.layoutPage-casual-young .proloop-block .proloop-inner {
  background-color: #F3F3F3; }
  .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image {
    border-radius: 0; }
    .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image .pro-labels {
      position: unset; }
      .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image .pro-labels .pro-label {
        border-radius: 100px; }
        .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image .pro-labels .pro-label.pro-dqol {
          position: absolute;
          top: 45px;
          left: 16px;
          z-index: 9999; }
        .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image .pro-labels .pro-label.pro-bestseller {
          position: absolute;
          top: 16px;
          left: 16px;
          z-index: 9999; }
        .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image .pro-labels .pro-label.pro-sale {
          display: none !important; }
        .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image .pro-labels .pro-label.pro-new {
          position: absolute;
          top: 16px;
          right: 16px;
          z-index: 9909;
          width: 46px;
          height: 46px;
          border-radius: 50%;
          line-height: 42px;
          background-color: #AEC500;
          border-color: #AEC500;
          text-align: center;
          padding: 0;
          font-size: 14px;
          font-weight: 500;
          color: #000; }
  .layoutPage-casual-young .proloop-block .proloop-inner .proloop-detail {
    padding: 0 20px 20px; }
    .layoutPage-casual-young .proloop-block .proloop-inner .proloop-detail h3 {
      font-weight: 400; }
    .layoutPage-casual-young .proloop-block .proloop-inner .proloop-detail .pro-info .pro-soldout {
      display: none; }
    .layoutPage-casual-young .proloop-block .proloop-inner .proloop-detail .pro-tagframe {
      background-color: #AEC500;
      color: #fff;
      border: 1px solid #AEC500; }
    .layoutPage-casual-young .proloop-block .proloop-inner .proloop-detail .pro-info .pro-price .pro-sale-casual {
      display: block !important;
      width: 27px;
      height: 27px;
      line-height: 27px;
      background: #FFD745;
      border-radius: 50%;
      font-size: 9px;
      font-weight: 500;
      text-align: center;
      margin-left: 15px;
      color: #000; }

@media (min-width: 992px) {
  .layoutPage-casual-young .section-ldpage01-banner-slider .d-flex-slick:not(.slick-initialized) .slider-item {
    flex: 0 0 100%;
    max-width: 100%; } }

.layoutPage-casual-young .section-ldpage01-banner-slider .slick-callback .slick-dots {
  bottom: 20px; }
  .layoutPage-casual-young .section-ldpage01-banner-slider .slick-callback .slick-dots li button {
    background-color: #fff !important; }

.layoutPage-casual-young .section-ldpage01-banner-slider .slider-item {
  position: relative; }
  .layoutPage-casual-young .section-ldpage01-banner-slider .slider-item .slide--content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 50px 20px; }
    @media (min-width: 992px) {
      .layoutPage-casual-young .section-ldpage01-banner-slider .slider-item .slide--content {
        width: 677px; } }
    .layoutPage-casual-young .section-ldpage01-banner-slider .slider-item .slide--content h3 {
      margin: 0 0 20px;
      color: #fff;
      font-size: 32px;
      font-weight: 600;
      line-height: 40px; }
    .layoutPage-casual-young .section-ldpage01-banner-slider .slider-item .slide--content p {
      color: #fff;
      margin: 0; }

.layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading .wrap-heading p {
    font-weight: 600; }
  .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading .wrap-heading h2 {
    margin: 0 0 16px; }
  .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading .nav-tabs {
    display: flex;
    border: none;
    gap: 10px; }
    .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading .nav-tabs li a {
      border-radius: 24px;
      background-color: transparent;
      color: #121C27;
      padding: 12px 32px;
      font-size: 16px;
      font-weight: 500;
      display: block;
      border: 1px solid #5D676C; }
      .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading .nav-tabs li a.active, .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading .nav-tabs li a:hover {
        background-color: #121C27;
        color: #fff;
        border-color: #121C27; }

.layoutPage-casual-young .section-ldpage01-collection-tab .slider-progress-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 24px; }
  .layoutPage-casual-young .section-ldpage01-collection-tab .slider-progress-container .slider-progress {
    width: 764px;
    height: 1px;
    background: #121C27;
    position: relative;
    margin: 0; }
    @media (max-width: 764px) {
      .layoutPage-casual-young .section-ldpage01-collection-tab .slider-progress-container .slider-progress .slider-progress {
        width: 100%; } }
    .layoutPage-casual-young .section-ldpage01-collection-tab .slider-progress-container .slider-progress .progress {
      position: absolute;
      left: 0;
      top: -3px;
      height: calc(100% + 5px);
      background: #121C27;
      width: 140px;
      transition: width 0.3s ease-in-out;
      border-radius: 20px; }

.layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item {
  position: relative; }
  .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    z-index: 9;
    padding: 20px; }
    @media (min-width: 992px) {
      .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content {
        width: 370px; } }
    .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content h3 {
      font-size: 32px;
      font-weight: 600;
      margin: 0 0 32px;
      color: #fff; }
    .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content p {
      margin: 0 0 40px;
      color: #fff; }
    .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content .banner-two-btn {
      display: inline-flex;
      padding: 12px;
      align-items: center;
      gap: 80px;
      color: var(--shop-color-text);
      background-color: #fff;
      font-size: 16px;
      font-weight: 500; }

.layoutPage-casual-young .section-ldpage-casual-young-lookbook .wrap-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .wrap-heading p {
    font-size: 18px;
    font-weight: 600; }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .wrap-heading .lookbook-viewall {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase; }

.layoutPage-casual-young .section-ldpage-casual-young-lookbook .list-lookbooks-row {
  margin-left: -10px; }

.layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner {
  padding-left: 10px; }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner__photo {
    position: relative; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner__photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 2/3; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner__photo .popover-dot {
      width: 24px;
      height: 24px;
      line-height: 24px;
      background: transparent;
      text-align: center;
      border-radius: 50%;
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      cursor: pointer;
      display: block;
      border: 0;
      outline: none;
      box-shadow: none;
      opacity: 1;
      padding: 0; }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner__detail {
    margin: 15px 0 0;
    display: flex;
    justify-content: space-between; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner__detail .lookbooks--title {
      font-size: 18px;
      font-weight: 500;
      padding-right: 15px; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner__detail .lookbooks--button {
      flex: 0 0 auto; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .lookbooks-banner__detail .lookbooks--button .btn-lb {
      text-transform: uppercase; }

.layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover {
  z-index: 990;
  border: 0 !important; }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-body {
    padding: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product {
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product .prod-img {
      max-width: 80px;
      -webkit-flex-basis: 60px;
      -ms-flex-preferred-size: 60px;
      flex-basis: 60px; }
      .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product .prod-img img {
        border: 1px solid #ececec; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product .prod-link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 990; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product .product--detail {
      padding: 0 0px 0 12px;
      text-align: left;
      max-width: calc(100% - 60px);
      -webkit-flex-basis: calc(100% - 60px);
      -ms-flex-preferred-size: calc(100% - 60px);
      flex-basis: calc(100% - 60px); }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product .prod-title {
      font-size: 13px;
      font-weight: 600;
      margin: 0 0 4px;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product .prod-price {
      margin: 0;
      font-size: 13px;
      color: red; }
      .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product .prod-price .price-del {
        color: #878c8f;
        text-decoration: line-through;
        font-size: 12px; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .popover .popover-product:hover .prod-title {
      text-decoration: underline; }

.layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-img {
  background: rgba(220, 220, 220, 0.2); }
  .layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-img video {
    aspect-ratio: 9/6;
    object-fit: contain; }

@media (min-width: 992px) {
  .layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-right {
    padding: 0 40px !important; } }

.layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-right .wrap-heading {
  margin-bottom: 20px; }
  .layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-right .wrap-heading p:first-child {
    font-size: 18px;
    font-weight: 600; }
  .layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-right .wrap-heading p:last-child {
    margin-top: 20px;
    color: var(--shop-color-text); }

.layoutPage-casual-young .section-ldpage-casual-young-video-pro {
  padding-bottom: 60px; }
  @media (min-width: 992px) {
    .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-left {
      padding: 0 40px !important; } }
  .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-left .wrap-heading p:first-child {
    font-size: 18px;
    font-weight: 500; }
  .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-left .wrap-heading p.video-pro-content {
    line-height: 24px;
    margin-top: 20px;
    color: #000; }
  .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-left .wrap-heading h2 {
    color: #000; }
  .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-left .wrap-heading .casual-young-video-pro-btn {
    background-color: #C88A36;
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 40px; }
  .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-slider {
    margin-left: -10px; }
  .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item {
    position: relative;
    padding-left: 10px; }
    .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 10px 10px 15px; }
      .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(5px);
        display: flex;
        gap: 10px;
        padding: 15px; }
        .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product .product--img {
          width: 70px;
          height: 70px;
          border-radius: 5px;
          overflow: hidden; }
        .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product .product--detail {
          flex: 0 0 calc(100% - 70px - 10px);
          max-width: calc(100% - 70px - 10px); }
          .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product .product--detail .prod-title {
            line-height: 22px;
            margin: 0; }
          .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product .product--detail .product--detail-flex {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product .product--detail .product--detail-flex .prod-price {
              font-size: 13px;
              font-weight: 500;
              color: #2B2B2B;
              margin: 0; }
              .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product .product--detail .product--detail-flex .prod-price .price-del {
                color: #B8B6AF;
                font-weight: 400;
                text-decoration-line: line-through; }
            .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-item .casual-young-video-pro-content .casual-young-video-pro-product .product--detail .product--detail-flex .quickview-product .icon-quickview {
              background-color: #121C27;
              border-radius: 4px;
              width: 30px;
              height: 30px;
              line-height: 26px;
              display: block;
              text-align: center; }

/* PAGE ABOUT US */
.layoutPage-about-us .wrap-heading p:not(:last-child) {
  margin: 0 0 12px;
  color: #5D676C;
  font-size: 16px;
  font-weight: 500; }

.layoutPage-about-us .wrap-heading h2 {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
  line-height: 40px; }

.layoutPage-about-us .section-aboutus-vision .wrap-heading {
  margin-bottom: 32px; }
  .layoutPage-about-us .section-aboutus-vision .wrap-heading .aboutus-vision-desc {
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px; }

.layoutPage-about-us .section-aboutus-vision .aboutus-vision-item {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #E5E3E2;
  padding: 40px 32px; }
  .layoutPage-about-us .section-aboutus-vision .aboutus-vision-item .aboutus-vision-content {
    margin-top: 40px; }
    .layoutPage-about-us .section-aboutus-vision .aboutus-vision-item .aboutus-vision-content h3 {
      font-size: 24px;
      font-weight: 600;
      margin: 0 0 12px; }

.layoutPage-about-us .section-aboutus-introduce {
  background: #F5F7F0;
  margin-top: 64px; }
  .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex {
    background-color: #F5F7F0;
    height: 100%;
    border-bottom: 1px solid #E5E3E2;
    display: flex;
    flex-direction: column; }
    .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-top {
      border-bottom: 1px solid #E5E3E2;
      padding: 56px 76px 56px 32px;
      flex: 1; }
      .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-top .wrap-heading {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center; }
        .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-top .wrap-heading p {
          color: #121C27; }
        .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-top .wrap-heading .aboutus-vision-desc {
          margin-top: 24px; }
    .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom {
      display: flex;
      flex-wrap: wrap;
      flex: 1; }
      .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-left,
      .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center; }
        @media (min-width: 992px) {
          .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-left,
          .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right {
            flex: 0 0 50%;
            max-width: 50%;
            padding: 56px 76px 56px 32px; } }
      .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-left h3 {
        font-size: 48px;
        font-weight: 600;
        line-height: 56px;
        margin: 0 0 16px; }
      .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-left p {
        color: #5D676C;
        margin: 0;
        font-size: 16px;
        font-weight: 500; }
      .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right {
        border-left: 1px solid #E5E3E2; }
        .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right .bottom-right-slider {
          width: 100%; }
          @media (min-width: 992px) {
            .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right .bottom-right-slider:not(.slick-initialized) p {
              flex: 0 0 100%;
              width: 100%; } }
          .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right .bottom-right-slider .slick-arrow {
            position: absolute;
            top: auto;
            transform: none;
            bottom: -40px;
            opacity: 1;
            width: auto;
            height: auto; }
            .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right .bottom-right-slider .slick-arrow.slick-prev {
              left: 0px; }
            .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right .bottom-right-slider .slick-arrow.slick-next {
              left: 65px;
              right: auto; }
        .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right h3 {
          font-size: 24px;
          font-weight: 600;
          margin: 0 0 16px;
          line-height: 32px; }

.layoutPage-about-us .section-aboutus-timeline {
  background-color: var(--aboutus-timeline-bg);
  padding-bottom: 64px; }
  @media (min-width: 992px) {
    .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-slider:not(.slick-initialized) {
      gap: 0; }
      .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-slider:not(.slick-initialized) .aboutus-timeline-item {
        flex: 0 0 25%;
        max-width: 25%; } }
  .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-item {
    color: var(--aboutus-timeline-txt); }
    .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-item .timeline-item-time {
      padding-bottom: 12px;
      font-weight: 500;
      display: block; }
    .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-item .timeline-item-title {
      font-size: 18px;
      font-weight: 600;
      margin: 0 0 32px;
      color: var(--aboutus-timeline-txt); }
    .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-item .timeline-item-line {
      border-bottom: 1px solid #5D676C;
      margin-bottom: 32px;
      position: relative;
      display: block;
      height: 1px; }
      .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-item .timeline-item-line::before {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        background-color: var(--aboutus-timeline-txt);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-item .timeline-item-cotnent {
      padding-right: 40px; }

.layoutPage-about-us .section-aboutus-leading-trend .wrap-heading {
  margin-bottom: 80px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-heading h2 {
    margin: 0 0 12px; }

.layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item {
  border-radius: 4px;
  border: 1px solid #EEE;
  background: #fff;
  text-align: center;
  padding: 0px 32px 32px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item .leading-trend-number {
    font-size: 16px;
    font-weight: 500;
    margin: -20px auto 40px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: var(--aboutus-leading-trend-bg);
    color: var(--aboutus-leading-trend-txt);
    border-radius: 50%;
    transition: all 0.3s ease-in-out; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item .leading-trend-icon {
    background-color: var(--aboutus-leading-trend-bg);
    padding: 16px;
    width: 80px;
    height: 80px;
    margin: 0 auto 32px;
    transition: all 0.3s ease-in-out; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item .leading-trend-content h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--shop-color-text);
    margin: 0 0 32px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item .leading-trend-content p {
    line-height: 20px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item:hover .leading-trend-number {
    background-color: var(--aboutus-leading-trend-bg-hover);
    color: var(--aboutus-leading-trend-txt-hover); }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item:hover .leading-trend-icon {
    background-color: var(--aboutus-leading-trend-bg-hover); }

.layoutPage-about-us .section-aboutus-client .aboutus-client-slider {
  background: var(--bg-img-client) no-repeat center center;
  background-size: cover;
  padding: 0 48px;
  height: 100%;
  display: flex;
  align-items: center; }
  @media (min-width: 992px) {
    .layoutPage-about-us .section-aboutus-client .aboutus-client-slider:not(.slick-initialized) {
      gap: 0;
      overflow: hidden; }
      .layoutPage-about-us .section-aboutus-client .aboutus-client-slider:not(.slick-initialized) .aboutus-client-item {
        flex: 0 0 100%;
        max-width: 100%; } }
  .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item {
    color: #fff; }
    .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item .aboutus-client-content h3 {
      color: #fff;
      margin: 0 0 80px;
      font-size: 16px;
      font-weight: 500; }
    .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item .aboutus-client-content p {
      color: #fff;
      font-size: 16px;
      padding-bottom: 24px;
      margin-bottom: 24px;
      border-bottom: 1px solid #E5E3E2; }
    .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item .aboutus-client-flex {
      display: flex;
      align-items: center;
      gap: 12px; }
      .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item .aboutus-client-flex .aboutus-client-img img {
        width: 64px;
        height: 64px;
        border-radius: 50%; }
      .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item .aboutus-client-flex .aboutus-client-name-position .name {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 4px;
        display: block; }
      .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item .aboutus-client-flex .aboutus-client-name-position .position {
        font-size: 12px;
        font-weight: 500;
        color: #5D676C; }

/*PAGE TAILORING*/
.layoutPage-tailoring .wrap-heading h2 {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0;
  line-height: 40px; }

.layoutPage-tailoring .wrap-heading p {
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 10px; }

@media (min-width: 992px) {
  .layoutPage-tailoring .section-tailoring-option .tailoring-option-left {
    padding: 0 76px 0 0; } }

.layoutPage-tailoring .section-tailoring-option .wrap-heading h2 {
  margin: 0 0 8px; }

.layoutPage-tailoring .section-tailoring-option .wrap-heading p {
  color: #5D676C;
  font-size: 16px;
  margin: 0 0 56px; }

.layoutPage-tailoring .section-tailoring-option .wrap-content .tailoring-option-title {
  margin-bottom: 16px;
  display: block;
  font-size: 16px;
  font-weight: 500; }

.layoutPage-tailoring .section-tailoring-option .wrap-content .tailoring-option-listitem {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }
  @media (min-width: 992px) {
    .layoutPage-tailoring .section-tailoring-option .wrap-content .tailoring-option-listitem {
      max-width: 500px; } }
  .layoutPage-tailoring .section-tailoring-option .wrap-content .tailoring-option-listitem li a {
    border-radius: 24px;
    border: 1px solid #5D676C;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 500;
    color: var(--shop-color-text);
    display: block; }
    .layoutPage-tailoring .section-tailoring-option .wrap-content .tailoring-option-listitem li a:hover {
      background-color: var(--shop-color-hover);
      color: #fff; }

.layoutPage-tailoring .section-tailoring-advise .wrap-heading h2 {
  text-transform: uppercase;
  margin: 0 0 30px;
  color: #000; }

.layoutPage-tailoring .section-tailoring-advise .wrap-content p {
  font-size: 16px;
  color: #000;
  margin: 0 0 60px; }

.layoutPage-tailoring .section-tailoring-advise .wrap-content .advise-img {
  background: lightgray -58.613px -100px / 105.861% 155.885% no-repeat; }

.layoutPage-tailoring .section-tailoring-client .tailoring-client-img {
  height: 100%; }
  .layoutPage-tailoring .section-tailoring-client .tailoring-client-img img {
    height: 100%;
    object-fit: cover; }

.layoutPage-tailoring .section-tailoring-client .tailoring-client-right {
  position: relative;
  background-color: var(--shop-color-main); }
  @media (min-width: 992px) {
    .layoutPage-tailoring .section-tailoring-client .tailoring-client-right {
      padding: 40px 76px 40px 32px; } }
  .layoutPage-tailoring .section-tailoring-client .tailoring-client-right::before {
    content: "";
    display: block;
    border-bottom: 1px solid #5D676C;
    border-left: 1px solid #5D676C;
    width: 297px;
    height: 99px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .layoutPage-tailoring .section-tailoring-client .tailoring-client-right::after {
    content: "";
    display: block;
    border-bottom: 1px solid #5D676C;
    border-left: 1px solid #5D676C;
    width: 237px;
    height: 140px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }

.layoutPage-tailoring .section-tailoring-client .tailoring-client-slider {
  height: 100%; }
  .layoutPage-tailoring .section-tailoring-client .tailoring-client-slider .tailoring-client-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .layoutPage-tailoring .section-tailoring-client .tailoring-client-slider .tailoring-client-item .tailoring-client-time {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 96px; }
    .layoutPage-tailoring .section-tailoring-client .tailoring-client-slider .tailoring-client-item .tailoring-client-content {
      color: #fff; }
      .layoutPage-tailoring .section-tailoring-client .tailoring-client-slider .tailoring-client-item .tailoring-client-content .wrap-heading h2 {
        margin: 0 0 24px;
        color: #fff; }
      .layoutPage-tailoring .section-tailoring-client .tailoring-client-slider .tailoring-client-item .tailoring-client-content .wrap-heading p {
        margin: 0 0 24px;
        color: #fff; }
      .layoutPage-tailoring .section-tailoring-client .tailoring-client-slider .tailoring-client-item .tailoring-client-content .wrap-heading .tailoring-client-btn {
        display: inline-block;
        border-radius: 24px;
        background-color: #fff;
        padding: 12px 32px;
        font-size: 18px;
        font-weight: 500; }

.layoutPage-tailoring .section-tailoring-procedure .wrap-heading {
  margin-bottom: 30px; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-heading h2 {
    color: #000; }

.layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-item {
  background-color: #F5F7F0;
  padding: 15px;
  text-align: center;
  height: 100%; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-item .procedure-step-number {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-item .procedure-step-img {
    margin-bottom: 25px; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-item .procedure-step-title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #34A147; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-item .procedure-step-content u {
    font-weight: 600; }

.layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-content {
  margin: 30px 0;
  font-size: 16px; }

.layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-policy-item {
  display: flex;
  background-color: #fff;
  padding: 15px;
  gap: 20px;
  height: 100%; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-policy-item .procedure-policy-img {
    flex: 0 0 85px;
    max-width: 85px; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-policy-item .procedure-policy-content h3 {
    color: #34A147;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-policy-item .procedure-policy-content p {
    margin: 0; }

.layoutPage-tailoring .section-tailoring-fabrics {
  padding-bottom: 64px; }
  .layoutPage-tailoring .section-tailoring-fabrics .wrap-heading {
    margin-bottom: 56px; }
    .layoutPage-tailoring .section-tailoring-fabrics .wrap-heading h2 {
      margin: 0 0 12px; }
  @media (min-width: 992px) {
    .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider:not(.slick-initialized) {
      gap: 0; }
      .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider:not(.slick-initialized) .tailoring-fabrics-item {
        flex: 0 0 25%;
        max-width: 25%; } }
  .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .slick-arrow svg path {
    fill: #fff; }
  .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .slick-arrow.slick-prev {
    left: 10px; }
  .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .slick-arrow.slick-next {
    right: 10px; }
  .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item {
    position: relative;
    transition: all 0.3s ease-in; }
    .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item .fabrics-img img {
      aspect-ratio: 323/480;
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item .fabrics-content {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      padding: 32px 24px;
      display: flex;
      flex-direction: column;
      align-items: start;
      justify-content: end;
      background: linear-gradient(180deg, transparent 62.19%, rgba(18, 28, 39, 0.2) 82.4%), linear-gradient(0deg, rgba(18, 28, 39, 0.2) 0%, rgba(18, 28, 39, 0.2) 100%); }
      .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item .fabrics-content .fabrics-number {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 20px;
        background-color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin: 0 auto 12px; }
      .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item .fabrics-content h3 {
        font-size: 32px;
        font-weight: 600;
        margin: 0 auto 12px;
        color: #fff; }
      .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item .fabrics-content p {
        font-size: 16px;
        color: #fff;
        text-align: justify;
        margin: 0 0 12px;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.3s ease-in;
        max-height: 0; }
      .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item .fabrics-content .fabrics-btn {
        display: inline-block;
        border-radius: 20px;
        background-color: #fff;
        padding: 8px 24px;
        margin: 0 auto;
        font-weight: 500;
        color: var(--shop-color-text);
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.3s ease-in;
        max-height: 0; }
    .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item:hover .fabrics-content {
      background: linear-gradient(0deg, rgba(18, 28, 39, 0.6) 0%, rgba(18, 28, 39, 0.6) 100%); }
      .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item:hover .fabrics-content .fabrics-btn, .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item:hover .fabrics-content p {
        opacity: 1;
        max-height: 300px;
        transform: translateY(0); }

.layoutPage-tailoring .section-tailoring-trend {
  background-color: #eee;
  padding-bottom: 64px; }
  .layoutPage-tailoring .section-tailoring-trend .wrap-heading {
    margin-bottom: 30px; }
  @media (min-width: 992px) {
    .layoutPage-tailoring .section-tailoring-trend .tailoring-trend-slider:not(.slick-initialized) {
      gap: 0; }
      .layoutPage-tailoring .section-tailoring-trend .tailoring-trend-slider:not(.slick-initialized) .tailoring-trend-item {
        flex: 0 0 25%;
        max-width: 25%; } }
  .layoutPage-tailoring .section-tailoring-trend .tailoring-trend-slider .tailoring-trend-item .trend-img img {
    aspect-ratio: 2/3;
    object-fit: cover; }

/*HỢP TÁC ĐẠI LÝ*/
.layoutPage-cooperate .wrap-heading {
  margin-bottom: 40px; }
  .layoutPage-cooperate .wrap-heading h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin: 0; }
  .layoutPage-cooperate .wrap-heading p {
    font-size: 18px;
    font-weight: 500;
    margin: 0; }

.layoutPage-cooperate .section-parallax {
  padding-top: 15px; }

.layoutPage-cooperate .section-cooperate-menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: var(--shop-color-bg-white);
  position: sticky;
  top: 0;
  z-index: 999; }
  .layoutPage-cooperate .section-cooperate-menu ul.navbar-cooperate-right {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    overflow: auto hidden; }
    .layoutPage-cooperate .section-cooperate-menu ul.navbar-cooperate-right li {
      flex: 1;
      text-align: center; }
      .layoutPage-cooperate .section-cooperate-menu ul.navbar-cooperate-right li a {
        padding: 20px;
        font-size: 18px;
        font-weight: 500;
        display: inline-block;
        border-bottom: 1px solid transparent;
        color: var(--shop-color-text); }
      .layoutPage-cooperate .section-cooperate-menu ul.navbar-cooperate-right li.active a, .layoutPage-cooperate .section-cooperate-menu ul.navbar-cooperate-right li:hover a {
        border-color: #000; }

.layoutPage-cooperate .section-cooperate-alleyletter .row {
  align-items: center; }
  @media (min-width: 992px) {
    .layoutPage-cooperate .section-cooperate-alleyletter .row {
      margin-left: -110px !important; } }
  @media (min-width: 992px) {
    .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-left {
      padding-left: 110px !important; } }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-left .alleyletter-content {
    margin-top: 40px;
    font-size: 18px;
    text-align: justify; }
  @media (min-width: 992px) {
    .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right {
      padding-left: 110px !important; } }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-img {
    margin-bottom: 60px; }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-content h3 {
    margin: 0 0 40px;
    font-size: 48px;
    font-weight: 600; }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-content p {
    margin-bottom: 0; }
    .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-content p:not(:last-child) {
      margin-bottom: 160px; }
    .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-content p:last-child {
      font-size: 24px;
      font-weight: 600; }

.layoutPage-cooperate .section-cooperate-showroom {
  background: #F5F7F0; }
  .layoutPage-cooperate .section-cooperate-showroom .wrap-heading {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .layoutPage-cooperate .section-cooperate-showroom .wrap-heading h2, .layoutPage-cooperate .section-cooperate-showroom .wrap-heading p {
      flex: 1; }
  .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.8; }
    .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow svg {
      width: 35px;
      height: 35px; }
    @media (min-width: 992px) {
      .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow.slick-next {
        right: 76px; }
      .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow.slick-prev {
        left: 76px; } }

.layoutPage-cooperate .section-cooperate-agency {
  background-color: var(--shop-color-bg-white); }
  .layoutPage-cooperate .section-cooperate-agency .wrap-heading {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .layoutPage-cooperate .section-cooperate-agency .wrap-heading h2, .layoutPage-cooperate .section-cooperate-agency .wrap-heading p {
      flex: 1; }
  @media (min-width: 992px) {
    .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left {
      padding-right: 120px; } }
  .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item {
    display: flex;
    gap: 30px; }
    .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item:not(:last-child) {
      margin-bottom: 30px; }
    .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item .cooperate-agency-icon {
      width: 79px;
      height: 79px; }
    .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item .cooperate-agency-content {
      flex: 1; }
      .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item .cooperate-agency-content h3 {
        margin: 0 0 10px;
        font-size: 20px;
        font-weight: 600; }
      .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item .cooperate-agency-content p {
        font-size: 16px; }

.layoutPage-cooperate .section-cooperate-policy {
  background-color: var(--shop-color-bg-white); }
  .layoutPage-cooperate .section-cooperate-policy .wrap-heading h3 {
    margin-bottom: 20px; }
  @media (min-width: 992px) {
    .layoutPage-cooperate .section-cooperate-policy .wrap-heading p {
      width: 600px;
      margin: 0 auto; } }
  .layoutPage-cooperate .section-cooperate-policy .cooperate-policy-item {
    text-align: center; }
    .layoutPage-cooperate .section-cooperate-policy .cooperate-policy-item .cooperate-policy-icon {
      margin-bottom: 20px;
      width: 150px;
      height: 150px; }
    .layoutPage-cooperate .section-cooperate-policy .cooperate-policy-item h3 {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 600; }
    .layoutPage-cooperate .section-cooperate-policy .cooperate-policy-item p {
      font-size: 16px; }

.layoutPage-cooperate .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left .wrap-heading h2 {
  font-size: 36px; }

/*CÔNG NGHỆ SẢN XUẤT*/
.layoutPage-technology {
  background-color: var(--shop-color-bg-white); }
  .layoutPage-technology .wrap-heading {
    margin: 0 0 40px; }
    .layoutPage-technology .wrap-heading h2 {
      font-size: 32px;
      font-weight: 600;
      margin: 0 0 20px; }
    .layoutPage-technology .wrap-heading p {
      margin: 0;
      font-size: 18px;
      font-weight: 500; }
  @media (min-width: 992px) {
    .layoutPage-technology .section-technology-reason .row {
      margin-left: -120px; } }
  @media (min-width: 992px) {
    .layoutPage-technology .section-technology-reason .row .technology-reason-left {
      padding-left: 120px; } }
  @media (min-width: 992px) {
    .layoutPage-technology .section-technology-reason .row .technology-reason-right {
      padding-left: 120px; } }
  .layoutPage-technology .section-technology-reason .row .technology-reason-right .wrap-heading p {
    font-size: 16px;
    font-weight: 400; }
  .layoutPage-technology .section-technology-material .technology-material-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px; }
    .layoutPage-technology .section-technology-material .technology-material-flex .material-item {
      flex: 0 0 50%;
      max-width: 50%;
      display: flex;
      flex-wrap: wrap; }
      .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-img {
        width: 163px;
        height: 163px;
        position: relative;
        margin-bottom: 18px; }
        .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-img img {
          border-radius: 50%; }
        .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-img .material-icon {
          position: absolute;
          top: 6px;
          right: 6px;
          width: 33px;
          height: 33px;
          line-height: 30px;
          background-color: #F5F7F0;
          border-radius: 50%;
          text-align: center;
          display: block;
          cursor: pointer; }
      .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content {
        flex: calc(100% - 163px);
        width: calc(100% - 163px);
        padding-left: 40px; }
        .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content h3 {
          margin: 0 0 12px;
          font-size: 22px;
          font-weight: 500; }
      .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content2 {
        flex: 0 0 100%;
        width: 100%; }
        .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content2 h3 {
          margin: 0 0 12px;
          color: #B8B6AF;
          font-size: 14px;
          font-weight: 500; }
        .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content2 ul {
          display: flex;
          gap: 30px; }
          .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content2 ul li svg {
            margin-right: 12px; }
  .layoutPage-technology .section-tailoring-achievements {
    background-color: #358744; }
    .layoutPage-technology .section-tailoring-achievements .tailoring-achievements-icon img {
      filter: brightness(0) invert(1);
      -webkit-filter: brightness(0) invert(1); }
    .layoutPage-technology .section-tailoring-achievements .tailoring-achievements-title, .layoutPage-technology .section-tailoring-achievements .tailoring-achievements-content {
      color: #fff !important; }
  .layoutPage-technology .section-cooperate-support .row {
    flex-direction: row-reverse; }
  .layoutPage-technology .section-aboutus-alternate {
    background: #F7F6F3; }

#popup-container {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; }
  #popup-container #popup-content {
    background: #fff;
    padding: 20px;
    max-width: 40%;
    max-height: 90%;
    overflow-y: auto;
    position: relative;
    padding: 35px; }
    #popup-container #popup-content #popup-close {
      position: absolute;
      top: 35px;
      right: 35px;
      color: #fff;
      border: none;
      cursor: pointer;
      outline: none;
      box-shadow: none;
      background-color: transparent;
      padding: 0; }
    #popup-container #popup-content #popup-inner-title {
      font-size: 22px;
      font-weight: 500;
      margin: 20px 0; }

/*======  STORES =========*/
.layout-pageStores .wrapbox-content {
  background: #fff;
  padding: 25px 30px;
  border-radius: 4px; }

.layout-pageStores .heading-pageDetail h1 {
  font-size: 30px; }

.layout-pageStores .wrapbox-info {
  background: #fff;
  padding: 25px 20px 0;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); }
  .layout-pageStores .wrapbox-info h2 {
    font-size: 22px;
    margin-bottom: 10px; }

.layout-pageStores .box-filter label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px; }

.layout-pageStores .box-filter select {
  padding: 0 25px 0 15px;
  cursor: pointer;
  outline: none;
  text-overflow: ellipsis;
  border-radius: 4px;
  height: 40px;
  line-height: 38px;
  background: #ffffff;
  border: 1px solid var(--shop-color-border);
  font-size: 15px;
  width: 100%;
  color: #000;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.layout-pageStores .box-filter .field-select {
  position: relative; }

.layout-pageStores .box-filter .field-select:after {
  content: '';
  position: absolute;
  top: calc(50% - 5px);
  right: 12px;
  border: solid #666666;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.layout-pageStores .box-filter .select-item {
  margin-bottom: 16px; }

.layout-pageStores .box-content h3 {
  font-size: 16px;
  margin-bottom: 5px; }

.layout-pageStores .box-content .store-item {
  padding-left: 30px;
  margin-bottom: 25px;
  position: relative; }

.layout-pageStores .box-content .store-item > [class^="store--"] {
  margin-bottom: 5px; }

.layout-pageStores .box-content .store-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 368.666 368.666' style='enable-background:new 0 0 368.666 368.666;' xml:space='preserve'%3E%3Cg id='XMLID_2_'%3E%3Cg%3E%3Cg%3E%3Cpath d='M184.333, 0C102.01, 0, 35.036, 66.974, 35.036, 149.297c0, 33.969, 11.132, 65.96, 32.193, 92.515 c27.27, 34.383, 106.572, 116.021, 109.934, 119.479l7.169, 7.375l7.17-7.374c3.364-3.46, 82.69-85.116, 109.964-119.51 c21.042-26.534, 32.164-58.514, 32.164-92.485C333.63, 66.974, 266.656, 0, 184.333, 0z M285.795, 229.355 c-21.956, 27.687-80.92, 89.278-101.462, 110.581c-20.54-21.302-79.483-82.875-101.434-110.552 c-18.228-22.984-27.863-50.677-27.863-80.087C55.036, 78.002, 113.038, 20, 184.333, 20c71.294, 0, 129.297, 58.002, 129.296, 129.297 C313.629, 178.709, 304.004, 206.393, 285.795, 229.355z'%3E%3C/path%3E%3Cpath d='M184.333, 59.265c-48.73, 0-88.374, 39.644-88.374, 88.374c0, 48.73, 39.645, 88.374, 88.374, 88.374s88.374-39.645, 88.374-88.374 S233.063, 59.265, 184.333, 59.265z M184.333, 216.013c-37.702, 0-68.374-30.673-68.374-68.374c0-37.702, 30.673-68.374, 68.374-68.374 s68.373, 30.673, 68.374, 68.374C252.707, 185.341, 222.035, 216.013, 184.333, 216.013z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.layout-pageStores .box-content .store-item .store--address {
  font-weight: 500; }

.layout-pageStores .box-content .store-item .store--time span,
.layout-pageStores .box-content .store-item .store--hotline span {
  font-weight: 600; }

.layout-pageStores .box-content .store-item .store--link {
  text-decoration: underline;
  color: #1a73e8; }

.layout-pageStores .boxscroll {
  overflow-y: scroll;
  max-height: 330px;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  margin-right: -20px;
  padding-right: 20px;
  padding-top: 12px; }
  .layout-pageStores .boxscroll::-webkit-scrollbar {
    width: 4px;
    height: 3px; }
  .layout-pageStores .boxscroll::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .layout-pageStores .boxscroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e1e3e4;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  .layout-pageStores .boxscroll::-webkit-scrollbar-thumb:window-inactive {
    background: #e1e3e4; }

@media (min-width: 992px) {
  .layout-pageStores .boxscroll {
    min-height: 330px; }
  .layout-pageStores .box-map {
    height: 100%; }
  .layout-pageStores .box-map iframe {
    width: 100%;
    height: 100%;
    border-radius: 4px; } }

@media (max-width: 991px) {
  .layout-pageStores .wrapbox-content {
    padding: 15px; }
  .layout-pageStores .heading-pageDetail h1 {
    font-size: 26px; }
  .layout-pageStores .wrapbox-info {
    margin-bottom: 15px;
    padding: 25px 20px; }
  .layout-pageStores .box-map {
    height: 100%; }
  .layout-pageStores .box-map iframe {
    width: 100%;
    border-radius: 4px; } }

/*RESPONSIVE*/
@media (max-width: 991px) {
  .pd-top-64 {
    padding-top: 30px; }
  .pd-bottom-64 {
    padding-bottom: 30px; }
  .section-tailoring-formrequest {
    padding-bottom: 30px; }
    .section-tailoring-formrequest .wrap-heading p {
      margin: 0 0 20px; }
    .section-tailoring-formrequest .wrap-heading h2 {
      font-size: 22px; }
    .section-tailoring-formrequest .tailoring-formrequest-bg-img {
      width: auto;
      height: auto;
      object-fit: cover;
      aspect-ratio: 1;
      padding: 15px;
      background: #4A4848;
      background-image: unset; }
      .section-tailoring-formrequest .tailoring-formrequest-bg-img .tailoring-formrequest-flex .formrequest-left {
        width: auto;
        position: unset; }
        .section-tailoring-formrequest .tailoring-formrequest-bg-img .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group {
          flex-direction: column;
          align-items: start;
          gap: 10px; }
          .section-tailoring-formrequest .tailoring-formrequest-bg-img .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group label {
            width: auto; }
          .section-tailoring-formrequest .tailoring-formrequest-bg-img .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group .form-control {
            width: 100%; }
          .section-tailoring-formrequest .tailoring-formrequest-bg-img .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group #data-file {
            position: unset;
            margin: 0; }
          .section-tailoring-formrequest .tailoring-formrequest-bg-img .tailoring-formrequest-flex .formrequest-left #form-apply .group .input-group.action {
            gap: 20px;
            flex-direction: column-reverse;
            align-items: start;
            margin-top: 0; }
      .section-tailoring-formrequest .tailoring-formrequest-bg-img .tailoring-formrequest-flex .formrequest-right {
        display: none; }
  .section-aboutus-alternate {
    padding-bottom: 30px; }
    .section-aboutus-alternate .aboutus-alternate-item {
      padding: 20px 15px;
      margin: 0 0 10px; }
      .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-content p {
        margin: 15px 0; }
      .section-aboutus-alternate .aboutus-alternate-item .aboutus-alternate-flex {
        padding-top: 50px; }
      .section-aboutus-alternate .aboutus-alternate-item::before {
        width: 170px; }
      .section-aboutus-alternate .aboutus-alternate-item::after {
        width: 210px; }
  .section-tailoring-achievements {
    padding-bottom: 30px; }
    .section-tailoring-achievements .tailoring-achievements-flex {
      flex-wrap: wrap;
      flex-direction: column;
      align-items: start;
      gap: 20px; }
      .section-tailoring-achievements .tailoring-achievements-flex .tailoring-achievements-item {
        margin: 0 0 10px; }
        .section-tailoring-achievements .tailoring-achievements-flex .tailoring-achievements-item .tailoring-achievements-title {
          font-size: 25px; }
  .section-cooperate-support .row .cooperate-support-right .wrap-heading {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center; }
    .section-cooperate-support .row .cooperate-support-right .wrap-heading h2 {
      margin-bottom: 10px; }
  .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item {
    gap: 15px; }
    .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item .support-icon, .section-cooperate-support .row .cooperate-support-right .intro-list-support .support-item .support-icon svg {
      width: 35px;
      height: 35px; }
  .layoutPage-ldpage01 .wrap-heading h2 {
    font-size: 24px; }
  .layoutPage-ldpage01 .section-ldpage01-banner-slider .slider-banner-ldpage01 .slick-dots {
    gap: 10px;
    bottom: 10px; }
  .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading {
    flex-direction: column;
    padding: 15px; }
    .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-title {
      flex-direction: column;
      gap: 10px; }
    .layoutPage-ldpage01 .section-ldpage01-flashsale .wrap-heading .heading-tab .nav-tabs {
      justify-content: start;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow: auto hidden;
      margin: 10px 0 0; }
  .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading {
    margin-bottom: 20px; }
    .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-img .coltab-img img {
      aspect-ratio: 1/1;
      object-fit: cover;
      height: 100%; }
    .layoutPage-ldpage01 .section-ldpage01-coltab .ldpage01-coltab-heading .coltab-heading-content {
      padding: 15px; }
  .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img {
    width: 100%; }
    .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-img .tab-img-content {
      padding: 120px 15px 15px; }
  .layoutPage-ldpage01 .section-ldpage01-collection-tab .tab-content .ldpage01-collection-tab-flex .ldpage01-collection-tab-content {
    width: 100%; }
  .layoutPage-ldpage01 .section-ldpage01-sizeguide {
    padding-bottom: 30px; }
    .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info {
      gap: 20px; }
      .layoutPage-ldpage01 .section-ldpage01-sizeguide #pills-sizeguide .sizeguide-info .detail-info .box {
        width: 100% !important; }
  .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex {
    flex-direction: column;
    gap: 20px;
    padding: 30px 0 0; }
    .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-flex .widget-footer .newsletter-content .form-group .newsletter-input {
      width: 100%; }
  .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright {
    padding: 15px 0; }
    .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex {
      flex-direction: column;
      align-items: start;
      gap: 20px; }
      .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left {
        flex-direction: column; }
        .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left .footerNav-link {
          flex-direction: column; }
          .layoutPage-ldpage01 .mainFooter-ldpage01 .footer-copyright .footer-copyright-flex .footer-copyright-left .footerNav-link li a::before {
            content: none !important; }
  /* PAGE CASUAL & YOUNG */
  .layoutPage-casual-young .wrap-heading h2 {
    font-size: 25px; }
  .layoutPage-casual-young .proloop-block .proloop-inner .proloop-image .pro-labels .pro-label.pro-new {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 10px; }
  .layoutPage-casual-young .proloop-block .proloop-inner .proloop-detail {
    padding: 0 10px 10px; }
    .layoutPage-casual-young .proloop-block .proloop-inner .proloop-detail .pro-info .pro-price .pro-sale-casual {
      margin-left: 4px; }
  .layoutPage-casual-young .section-ldpage01-banner-slider .slider-item .slide--content {
    padding: 0 0 50px; }
    .layoutPage-casual-young .section-ldpage01-banner-slider .slider-item .slide--content h3 {
      font-size: 25px;
      line-height: 35px;
      margin: 0 0 10px; }
  .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading {
    flex-direction: column;
    align-items: start;
    gap: 15px; }
    .layoutPage-casual-young .section-ldpage01-collection-tab .casual-young-collection-tab-heading .nav-tabs li a {
      padding: 12px;
      font-size: 14px; }
  .layoutPage-casual-young .section-ldpage01-collection-tab .slider-progress-container .slider-progress {
    margin: 0 15px; }
  .layoutPage-casual-young .section-ldpage-casual-young-banner-two .slick-callback .slick-dots {
    position: unset;
    margin: 20px 0 0; }
  .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-img img {
    aspect-ratio: 1/1;
    object-fit: cover; }
  .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content {
    padding: 15px;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    width: 90%; }
    .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content h3 {
      font-size: 25px;
      margin: 0 0 15px; }
    .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content p {
      margin: 0 0 20px; }
    .layoutPage-casual-young .section-ldpage-casual-young-banner-two .casual-young-banner-two-item .banner-two-content .banner-two-btn {
      gap: 15px; }
  .layoutPage-casual-young .section-ldpage-casual-young-video {
    padding-top: 30px; }
    .layoutPage-casual-young .section-ldpage-casual-young-video .banner-bottom-video video {
      aspect-ratio: 1/1;
      object-fit: cover; }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .wrap-heading {
    flex-direction: column;
    text-align: center;
    gap: 10px; }
    .layoutPage-casual-young .section-ldpage-casual-young-lookbook .wrap-heading p {
      font-size: 16px; }
  .layoutPage-casual-young .section-ldpage-casual-young-lookbook .list-lookbooks-row .slick-dots {
    position: unset;
    margin: 10px 0 0; }
  .layoutPage-casual-young .section-ldpage-casual-young-collection {
    padding-left: 15px;
    padding-right: 15px; }
    .layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-right {
      margin-top: 20px; }
      .layoutPage-casual-young .section-ldpage-casual-young-collection .casual-young-collection-right .wrap-heading p:first-child {
        font-size: 16px; }
  .layoutPage-casual-young .section-ldpage-casual-young-video-pro {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px; }
    .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-left .wrap-heading .casual-young-video-pro-btn {
      margin-top: 20px; }
      .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-left .wrap-heading .casual-young-video-pro-btn p:first-child {
        font-size: 16px; }
    .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-slider {
      margin-top: 20px; }
      .layoutPage-casual-young .section-ldpage-casual-young-video-pro .casual-young-video-pro-slider .slick-dots {
        position: unset;
        margin: 20px 0 0; }
  /* PAGE ABOUT US */
  .layoutPage-about-us .wrap-heading h2 {
    font-size: 25px;
    line-height: 35px; }
  .layoutPage-about-us .section-aboutus-vision .aboutus-vision-item {
    margin: 0 0 10px;
    padding: 15px;
    text-align: center; }
    .layoutPage-about-us .section-aboutus-vision .aboutus-vision-item .aboutus-vision-content {
      margin-top: 20px; }
      .layoutPage-about-us .section-aboutus-vision .aboutus-vision-item .aboutus-vision-content h3 {
        font-size: 20px; }
  .layoutPage-about-us .section-aboutus-introduce {
    margin-top: 30px; }
    .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-top {
      padding: 15px; }
      .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-top .wrap-heading .aboutus-vision-desc {
        margin-top: 15px; }
    .layoutPage-about-us .section-aboutus-introduce .aboutus-introduce-flex .aboutus-introduce-bottom .aboutus-introduce-bottom-right {
      border-top: 1px solid #E5E3E2;
      border-left: none;
      padding-bottom: 60px; }
  .layoutPage-about-us .section-aboutus-timeline {
    padding-bottom: 30px; }
    .layoutPage-about-us .section-aboutus-timeline .aboutus-timeline-item .timeline-item-cotnent {
      padding-right: 10px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-heading {
    margin-bottom: 40px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .col-12:not(:last-child) .leading-trend-item {
    margin-bottom: 35px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item .leading-trend-number {
    margin: -20px auto 20px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item .leading-trend-icon {
    margin: 0 auto 20px; }
  .layoutPage-about-us .section-aboutus-leading-trend .wrap-content .leading-trend-item .leading-trend-content h3 {
    margin: 0 0 20px; }
  .layoutPage-about-us .section-aboutus-client .aboutus-client-slider {
    padding: 30px 15px; }
    .layoutPage-about-us .section-aboutus-client .aboutus-client-slider .aboutus-client-item .aboutus-client-content h3 {
      margin: 0 0 20px; }
  /*PAGE TAILORING*/
  .layoutPage-tailoring .wrap-heading p {
    font-size: 16px; }
  .layoutPage-tailoring .wrap-heading h2 {
    font-size: 25px;
    line-height: 35px; }
  .layoutPage-tailoring .section-tailoring-option .wrap-heading p {
    margin: 0 0 25px; }
  .layoutPage-tailoring .section-tailoring-option .wrap-content {
    margin-bottom: 20px; }
    .layoutPage-tailoring .section-tailoring-option .wrap-content .tailoring-option-listitem {
      gap: 10px; }
      .layoutPage-tailoring .section-tailoring-option .wrap-content .tailoring-option-listitem li a {
        padding: 10px 12px;
        font-size: 14px; }
  .layoutPage-tailoring .section-tailoring-advise .wrap-heading h2 {
    margin: 0 0 15px; }
  .layoutPage-tailoring .section-tailoring-advise .wrap-heading p {
    margin: 0 0 20px; }
  .layoutPage-tailoring .section-tailoring-client .wrap-heading h2 {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 15px; }
  .layoutPage-tailoring .section-tailoring-client .tailoring-client-right {
    padding-top: 20px;
    padding-bottom: 20px; }
    .layoutPage-tailoring .section-tailoring-client .tailoring-client-right::before {
      width: 150px;
      height: 60px; }
    .layoutPage-tailoring .section-tailoring-client .tailoring-client-right::after {
      width: 100px;
      height: 90px; }
    .layoutPage-tailoring .section-tailoring-client .tailoring-client-right .tailoring-client-slider .tailoring-client-item .tailoring-client-time {
      margin-bottom: 60px; }
    .layoutPage-tailoring .section-tailoring-client .tailoring-client-right .tailoring-client-slider .tailoring-client-item .tailoring-client-content .wrap-heading .tailoring-client-btn {
      padding: 10px 12px;
      font-size: 14px; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .col-12:not(:last-child) {
    margin-bottom: 10px; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-policy-item {
    gap: 10px; }
    .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-policy-item .procedure-policy-img {
      flex: 0 0 60px;
      max-width: 60px; }
      .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-policy-item .procedure-policy-img img {
        object-fit: contain; }
  .layoutPage-tailoring .section-tailoring-procedure .wrap-content .tailoring-procedure-content {
    margin: 15px 0; }
  .layoutPage-tailoring .section-tailoring-fabrics {
    padding-bottom: 30px; }
    .layoutPage-tailoring .section-tailoring-fabrics .wrap-heading {
      margin-bottom: 25px; }
    .layoutPage-tailoring .section-tailoring-fabrics .tailoring-fabrics-slider .tailoring-fabrics-item .fabrics-content h3 {
      font-size: 25px; }
  .layoutPage-tailoring .section-tailoring-trend {
    padding-bottom: 30px; }
    .layoutPage-tailoring .section-tailoring-trend .wrap-heading {
      margin-bottom: 15px; }
  /*HỢP TÁC ĐẠI LÝ*/
  .layoutPage-cooperate .wrap-heading {
    margin-bottom: 20px; }
    .layoutPage-cooperate .wrap-heading h2 {
      font-size: 25px;
      line-height: 35px; }
    .layoutPage-cooperate .wrap-heading p {
      font-size: 16px; }
  .layoutPage-cooperate .section-parallax {
    padding-top: 0; }
  .layoutPage-cooperate .section-cooperate-menu ul.navbar-cooperate-right li a {
    padding: 10px; }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-left {
    margin-bottom: 20px; }
    .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-left .alleyletter-content {
      margin-top: 15px; }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-img {
    margin-bottom: 15px; }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-content h3 {
    font-size: 25px;
    margin: 0 0 20px; }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-content p:not(:last-child) {
    margin-bottom: 20px; }
  .layoutPage-cooperate .section-cooperate-alleyletter .row .cooperate-alleyletter-right .alleyletter-content p:last-child {
    font-size: 18px; }
  .layoutPage-cooperate .section-cooperate-showroom .wrap-heading {
    flex-direction: column;
    gap: 10px; }
  .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow {
    width: 45px;
    height: 45px; }
    .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow svg {
      width: 25px;
      height: 25px; }
    .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow.slick-next {
      right: 15px; }
    .layoutPage-cooperate .section-cooperate-showroom .cooperate-showroom-slider .slick-arrow.slick-prev {
      left: 30px; }
  .layoutPage-cooperate .section-cooperate-agency .wrap-heading {
    flex-direction: column;
    gap: 10px; }
  .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left {
    margin-bottom: 20px; }
    .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 10px; }
      .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item:not(:last-child) {
        margin-bottom: 15px; }
      .layoutPage-cooperate .section-cooperate-agency .cooperate-agency-left .cooperate-agency-item .cooperate-agency-content p {
        text-align: justify; }
  .layoutPage-cooperate .section-cooperate-policy .col-12:not(:last-child) .cooperate-policy-item {
    margin-bottom: 20px; }
  .layoutPage-cooperate .section-cooperate-policy .cooperate-policy-item .cooperate-policy-icon {
    width: 90px;
    height: 90px; }
  .layoutPage-cooperate .section-tailoring-formrequest .tailoring-formrequest-flex .formrequest-left .wrap-heading h2 {
    font-size: 25px; }
  /*CÔNG NGHỆ SẢN XUẤT*/
  .layoutPage-technology .wrap-heading {
    margin: 0 0 20px; }
    .layoutPage-technology .wrap-heading h2 {
      font-size: 25px;
      line-height: 35px; }
    .layoutPage-technology .wrap-heading p {
      font-size: 16px;
      line-height: 26px; }
  .layoutPage-technology .section-technology-reason .technology-reason-img {
    margin: 0 0 20px; }
  .layoutPage-technology .section-technology-material .technology-material-flex {
    row-gap: 20px; }
    .layoutPage-technology .section-technology-material .technology-material-flex .material-item {
      flex: 0 0 100%;
      max-width: 100%; }
      .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content {
        padding-left: 20px; }
      .layoutPage-technology .section-technology-material .technology-material-flex .material-item .material-content2 ul {
        gap: 15px; }
  #popup-container #popup-content {
    margin: 0 15px;
    padding: 15px;
    max-width: 100%; }
    #popup-container #popup-content #popup-close {
      top: 15px;
      right: 15px; } }