#button-signup:hover {
      background-color: #283325;
      color: #f0e9df;
      }

      /*collection menu*/
      .sub-menu.collection-menu .list-unstyled.two-column {
      display: none;
      }
      .col-md-3.menu-6.active {
      display: block;
      }
      .col-md-3.menu-6 {
      display: none;
      }
      .col-md-3.menu-6 .col-md-5ths {
      max-height: 90%;
      overflow: auto;
      }
      .col-md-3.menu-6 .col-md-5ths.active li:hover {
      opacity: 1;
      }
      #mn-mega .col-md-3.menu-2  .col-md-5ths.active2 a.title {
      opacity: 1;
      } 
      .col-md-3.menu-6 .col-md-5ths.active {
      display: block;
      }
      .col-md-3.menu-6 {
      width: 40%;
      padding: 1vw !important;
      padding-left: 1vw;
      padding-left: 4vw !important;
      }
      .col-md-3.menu-6 li {
      font-size: 180%;
      font-weight: 600;
      text-transform: uppercase;
      color: #283325;
      opacity: .25;
      text-decoration: unset;
      }
      .col-md-3.menu-6 .col-md-5ths > a {
      display: none;
      }
      .col-md-3.menu-6 .col-md-5ths {
      display: none;
      }      
      .col-md-3.menu-2 .col-md-5ths .list-unstyled.two-column {
      display: none;
      }


      /*collection*/
      body.hide-row-category .row.category {
      display: none;
      }

      /*services inner*/
      .page-services-inner .subbc-title {
      margin: 0 8vw;
      flex: 1;
      }
      .page-services-inner .subbc-desc {
      flex: unset;
      margin: 0 4vw;
      }
      .page-services-inner .subbc-title {
      margin: 0 8vw;
      flex: 1;
      }
      .page-services-inner .subbrand-box-wrapper {
      height: calc(100% - 8vw);
      }
      .page-services-inner .subbrand-boxes.categories-box .subbrand-box-item:nth-child(2n) {
      border-left: 0;
      }
      .testimonial-cta-section p {
      color: #F0E9DF;
      }
      .page-services-inner .ha2-box-item p {
      max-width: 70%;
      }
      .page-services-inner .ha2-box-item {
      width: 100%;
      }
      .page-services-inner .categories-box .subbrand-box-item {
      width: calc(99.99% / 2);
      border-right: 0;
      }
      .page-services-inner .categories-box .subbrand-box-item:nth-child(n+3) {
      border-top: 0;
      }
      .page-services-inner .categories-box .subbrand-box-item:nth-child(2n-1) {
      border-right: 1px solid #DDD8D0;
      }
      .page-services-inner .experience-boxes .subbc-image {
      aspect-ratio: 10/7;
      margin: 0vw 6vw 1vw;
      }
      .page-services-inner .experience-boxes .subbc-image img {
      aspect-ratio: 10/7;
      object-fit: contain;
      }
      .fpsrwbi-icon.fsrwbi-num {
      align-self: auto;
      justify-self: center;
      display: flex;
      justify-content: center;
      width: 1vw;
      height: auto;
      padding-top: .65vw;
      font-weight: 700;
      }
      .fpsrwbi-desc .font-24 {
      margin-bottom: 0;
      }
      .page-services-inner .fpsrw-body {
      margin-top: 8vw;
      }
      .subbrands-container {
      padding-bottom: 7vw;
      }
      .page-services-inner .subbrand-header {
      padding: 10vw 5vw 2vw;
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205(1).png");
      background-size: 40% auto;
      background-repeat: no-repeat;
      background-position: right top;
      }
      .page-services-inner .brands-heading {
      padding-top: 7vw;
      }    
      .homeabout-2-wrap {
      background-image: url("/image/catalog/hinlim_2025/wood-texture%207.png");
      padding-top: 5vw;
      background-size: 40%;
      background-repeat: no-repeat;
      background-position: left top;
      }
      .page-services-inner .forpeople-section {
      margin-top: 2vw;
      margin-bottom: 0;
      min-height: 90vh;
      }

      /*account*/
      #account-login #content {
      padding: 100px;
      }
      #account-login .well {
      background-color: transparent;
      box-shadow: unset;
      border: 0;
      }

      /*general*/
      body>.container>.breadcrumb {
      display: none;
      }

      .line {
      overflow: hidden;
      }

      [animate].a-active .line {
      overflow: visible;
      }

      body,
      html {
      max-width: 100vw;
      overflow-x: hidden !important;
      }

      body {
      font-family: "forma-djr-display", sans-serif;
      font-weight: 400;
      font-weight: 500;
      font-style: normal;
      font-size: 0.975vw;
      color: #7D807A;
      letter-spacing: .095vw;
      line-height: 1.3;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
      font-family: "forma-djr-display", sans-serif;
      }

      a:focus,
      a:hover {
      color: #263123;
      }

      button {
      padding: 0;
      background-color: transparent;
      border: 0;
      font-weight: inherit;
      font-size: inherit;
      letter-spacing: inherit;
      }

      label {
      display: inherit;
      max-width: unset;
      margin-bottom: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      }

      .container {
      width: 100%;
      padding: 0;
      }

      .row {
      margin-left: 0;
      margin-right: 0;
      }

      a {
      color: inherit;
      }

      .col-lg-1,
      .col-lg-10,
      .col-lg-11,
      .col-lg-12,
      .col-lg-2,
      .col-lg-3,
      .col-lg-4,
      .col-lg-5,
      .col-lg-6,
      .col-lg-7,
      .col-lg-8,
      .col-lg-9,
      .col-md-1,
      .col-md-10,
      .col-md-11,
      .col-md-12,
      .col-md-2,
      .col-md-3,
      .col-md-4,
      .col-md-5,
      .col-md-6,
      .col-md-7,
      .col-md-8,
      .col-md-9,
      .col-sm-1,
      .col-sm-10,
      .col-sm-11,
      .col-sm-12,
      .col-sm-2,
      .col-sm-3,
      .col-sm-4,
      .col-sm-5,
      .col-sm-6,
      .col-sm-7,
      .col-sm-8,
      .col-sm-9,
      .col-xs-1,
      .col-xs-10,
      .col-xs-11,
      .col-xs-12,
      .col-xs-2,
      .col-xs-3,
      .col-xs-4,
      .col-xs-5,
      .col-xs-6,
      .col-xs-7,
      .col-xs-8,
      .col-xs-9 {
      padding-left: 0;
      padding-right: 0;
      }

      .font-150 {
      font-size: 937.5%;
      line-height: 1;
      }

      .font-80 {
      font-size: 500%;
      line-height: 1;
      }

      .font-50 {
      font-size: 312.5%;
      line-height: 1;
      }

      .font-24 {
      font-size: 150%;
      line-height: 1.35;
      }

      .font-12 {
      font-size: 75%;
      line-height: 1.5;
      }

      .text-light {
      color: #F0E9DF;
      }

      .text-dark {
      color: #283325;
      }

      .text-transform-uppercase {
      text-transform: uppercase;
      }

      .text-align-center {
      text-align: center;
      }

      .weight-500 {
      font-weight: 500;
      }

      .weight-600 {
      font-weight: 600;
      }

      .weight-700 {
      font-weight: 700;
      }

      .button {
      text-decoration: unset !important;
      display: flex;
      align-items: center;
      width: max-content;
      position: relative;
      height: 2vw;
      font-size: 80%;
      letter-spacing: 0.087vw;
      }

      .button .btn_label {
      text-decoration: unset;
      color: #283325;
      font-weight: 600;
      border: 1px solid #283325;
      padding: .5vw 1vw .6vw;
      border-radius: 4vw;
      display: flex;
      width: max-content;
      height: 100%;
      align-items: center;
      line-height: 1;
      transition: .3s ease-in-out all;
      }

      .btn_arrow {
      width: auto;
      height: 100%;
      display: block;
      aspect-ratio: 1;
      position: relative;
      background-size: 35%;
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #283325;
      border-radius: 100%;
      margin-left: .2vw;
      transition: .3s ease-in-out all;
      }

      .btn_arrow::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-image: url(/image/catalog/hinlim_2025/arrow-right.png);
      background-size: 35%;
      background-repeat: no-repeat;
      background-position: center;
      transition: .3s ease-in-out all;
      }

      .button:hover .btn_label {
      background-color: #283225;
      color: #f0e9df;
      }

      .button:hover .btn_arrow {
      background-color: #283225;
      }

      .button:hover .btn_arrow::before {
      filter: brightness(0) saturate(100%) invert(92%) sepia(3%) saturate(1326%) hue-rotate(327deg) brightness(107%) contrast(88%);
      }

      .btn-center {
      margin-left: auto;
      margin-right: auto;
      }

      .brand-btn.btn-light .btn_label {
      color: #F0E9DF;
      border-color: #F0E9DF;
      }

      .brand-btn.btn-light .btn_arrow {
      filter: brightness(0) saturate(100%) invert(92%) sepia(3%) saturate(1326%) hue-rotate(327deg) brightness(107%) contrast(88%);
      }

      /*menu*/
      .col-md-3.menu-3 {
      width: 40%;
      } 

      .home.preloader-start.preloader-end.scrolling header .container .menu-container>div * {
      filter: unset;
      }

      .home.preloader-start.preloader-end.scrolling header .container {
      background-color: #F0E9DF;
      }

      header.container-fix {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      z-index: 30;
      }

      #search {
      position: relative;
      }

      .search-containers #search .fa.fa-search {
      color: #283325;
      }

      .search-containers #search .form-control {
      filter: unset;
      background-color: transparent;
      border-radius: 8vw;
      height: 2vw;
      padding: 0 1.35vw;
      display: flex;
      align-items: center;
      line-height: 1;
      font-weight: 500;
      letter-spacing: 0.03vw;
      font-size: 100%;
      border: 1px solid #283325;
      color: #283325;
      }

      body header .container .menu-container>div .btn.btn-default {
      filter: unset;
      background-color: transparent;
      border: 0;
      position: absolute;
      font-size: 100%;
      padding: 0;
      top: 0;
      bottom: 0;
      right: 1vw;
      margin: auto;
      }

      .dropdown-menu ul.top-links>li>div {
      display: flex;
      flex-flow: column;
      gap: .5vw;
      }

      .dropdown-menu ul {
      margin-bottom: 0;
      }

      .hamburger-btn {
      padding: 1vw 2vw;
      border-right: 1px solid #DDD8D0;
      display: flex;
      position: relative;
      align-items: center;
      gap: .5vw;
      cursor: pointer;
      transition: .3s ease-in-out all;
      }

      .hamburger-btn:hover,
      .setting button:hover {
      background-color: #5C59540F;
      }

      .hamburger-btn.active .hbi-top {
      transform: rotate(15deg);
      }

      .hamburger-btn.active .hbi-bottom {
      transform: rotate(-15deg);
      }

      .hbi-top,
      .hbi-bottom {
      height: 1px;
      background-color: #000;
      width: 100%;
      display: block;
      transform-origin: 20% 100%;
      transition: .5s ease-in-out all;
      }

      .hambergur-icon {
      display: flex;
      width: 1.5vw;
      flex-flow: column;
      justify-content: space-between;
      height: .33vw;
      }

      .menu-est * {
      margin-bottom: 0;
      }

      .menu-container {
      width: 100%;
      display: flex;
      align-items: center;
      position: relative;
      border-bottom: 1px solid #DDD8D0;
      }

      .setting button {
      padding: 1vw 4vw 1vw 2vw;
      position: relative;
      transition: .3s ease-in-out all;
      }

      .btn-arrow {
      width: 1.65vw;
      display: block;
      position: absolute;
      aspect-ratio: 1;
      height: 1.65vw;
      background-image: url(/image/cache/catalog/hinlim_2025/arrow-right-100x100.png);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #000;
      border-radius: 100%;
      right: 1.5vw;
      top: 0;
      bottom: 0;
      margin: auto;
      }

      .block-right {
      flex: 1;
      }

      .logo-container {
      position: absolute;
      height: 1.3vw;
      left: 0;
      right: 0;
      margin: auto;
      width: max-content;
      }

      .logo-container * {
      height: 100%;
      }

      .open>.dropdown-menu {
      top: 0;
      left: 7vw;
      }

      .shopping-cart div#cart {
      filter: unset;
      }

      .has-scroll table img {
      width: 100%;
      }
      #cart ul * {
      filter: unset;
      }

      #cart .btn-default {
      color: #283325;
      border: 1px solid #283325;
      background-color: transparent;
      border-radius: 5vw;
      font-weight: 700;
      text-transform: uppercase;
      width: max-content;
      padding: .5vw 2vw;
      font-size: 75%;
      line-height: 2;
      position: relative;
      text-align: right;
      margin: 0 0 0 auto;
      display: block;
      }

      .has-scroll table img {
      width: 65%;
      text-align: left;
      display: block;
      mix-blend-mode: multiply;
      }

      .table-cart2 {
      display: flex;
      flex-wrap: wrap;
      }
      .table-cart2 .image {
      mix-blend-mode: multiply;
      }

      .table-cart2 .img-thumbnail {
      border: 0;
      width: 80%;
      margin: 40px auto;
      display: block;
      }

      .table-cart2-row > div:nth-child(2) > div > div:nth-child(1) {
      width: 90%;
      }

      .shopping-cart ul.dropdown-menu.pull-right {
      top: 3.333vw;
      left: 0px;
      min-width: 28vw;
      filter: unset !important;
      max-height: 80vh;
      overflow: auto;

      li {
      filter: inherit !important;

      h3 {
      filter: inherit !important;
      margin-top: 0;
      }

      p {
      filter: inherit !important;
      }
      }
      }

      body.home header .container .menu-container > div .has-scroll, body.home header .container .menu-container > div .has-scroll * {
      filter: unset;
      }

      .dropdown-menu {
      background-color: #f0e9df;
      font-size: inherit;
      min-width: unset;
      padding: 2vw;
      }

      header .container {
      display: flex;
      align-items: center;
      position: absolute;
      left: 0;
      right: 0;
      width: 100vw;
      max-width: unset;
      color: #283325;
      font-weight: 700;
      background-color: #F0E9DF;
      font-size: 85%;
      letter-spacing: 0.03vw;
      z-index: 3;
      transition: .3s ease-in-out all;
      }

      .menu-est {
      display: flex;
      padding: 1vw 2vw;
      align-items: center;
      gap: .5vw;
      }

      .est-dash {
      background-color: #283325;
      height: 1px;
      width: 1.5vw;
      position: relative;
      top: 2px;
      }


      /*mega menu*/
      .menu-photo-container>img {
      position: absolute;
      left: 0;
      right: 0;
      opacity: 0;
      transition: .3s ease-in-out all;
      }

      .menu-photo-container>img.active {
      opacity: 1;
      }

      .menu-2 [data-menu] {
      display: none;
      }

      .menu-2 [data-menu].active {
      display: block;
      }

      .col-md-3.menu-2 {
      flex: 1;
      }

      .col-md-3.menu-3 {
      display: none;
      }

      .col-md-3.menu-3.active {
      display: block;
      }

      #mn-mega .menu-3 {
      padding: 1vw !important;
      padding-left: 4vw !important;
      }

      .col-md-3.menu-3 li {
      font-size: 180%;
      font-weight: 600;
      text-transform: uppercase;
      color: #283325;
      opacity: .25;
      text-decoration: unset;
      }

      #mn-mega .col-md-3 {
      padding: 0;
      }

      #mn-mega .row {
      display: flex;
      margin: -1px;
      }

      .col-md-3.menu-4 {
      width: 18%;
      }

      .menu-photo-container {
      aspect-ratio: 267/354;
      height: 100%;
      width: auto;
      position: relative;
      background-color: #2a3527;
      }

      .menu-photo-container * {
      height: 100%;
      object-fit: cover;
      width: 100%;
      }

      .mega-menu {
      position: absolute;
      width: 100vw;
      z-index: 2;
      max-height: 55vh;
      transition: .3s ease-in-out all;
      max-height: 0;
      overflow: hidden;
      }

      header.active .mega-menu {
      max-height: 55vh;
      }

      #mn-mega {
      overflow: hidden;
      }

      .dropdown-menu.megamenu {
      width: 100%;
      padding: 3.2vw 0 0;
      position: relative;
      display: block;
      margin: -1px 0 0;
      }

      #mn-mega .menu-1 a {
      font-size: 250%;
      font-weight: 600;
      text-transform: uppercase;
      opacity: .25;
      color: #283325;
      text-decoration: unset;
      line-height: 1.15;
      }

      #mn-mega .menu-1 a:hover {
      opacity: 1;
      }

      #mn-mega .menu-2 a {
      font-size: 180%;
      font-weight: 600;
      text-transform: uppercase;
      color: #283325;
      opacity: .25;
      text-decoration: unset;
      }

      #mn-mega .menu-2 a:hover {
      opacity: 1;
      }

      #mn-mega .menu-1 {
      padding: 1vw 2vw 3vw;
      width: 38%;
      width: 20%;
      border-right: 1px solid #28332521;
      margin-right: 4vw;
      }

      #mn-mega .menu-2 {
      padding: 1vw 0 1vw 1vw;
      border-right: 1px solid #28332521;
      margin-right: 0;
      }
      .menu-2-item.active a {
      color: #283325 !important;
      opacity: 1 !important;
      }

      #mn-mega .menu-1 li.active a,
      #mn-mega .menu-2 li.active a {
      opacity: 1;
      }

      body.home header.active .container .menu-container>div * {
      filter: unset;
      }

      /*home menu*/
      body.home header .container {
      background-color: transparent;
      }

      body.home header .container .menu-container>div * {
      filter: brightness(0) saturate(100%) invert(92%) sepia(3%) saturate(1326%) hue-rotate(327deg) brightness(107%) contrast(88%);
      }


      /*home banner*/
      .main-row.home-banner .sub-col>div,
      .main-row.home-banner .sub-col>div>div {
      display: block;
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      }

      .hb-content-container {
      width: 100%;
      height: 100vh;
      z-index: 1;
      position: relative;
      overflow: hidden;
      display: flex;
      padding: 4vw 2vw;
      }

      .hb-bg-video,
      .hb-bg-img {
      width: 50%;
      overflow: hidden;
      position: relative;
      }

      .hb-bg-img img {
      transform: scale(1.01);
      }

      .hb-bg-container {
      display: flex;
      position: absolute;
      width: 100%;
      height: 100%;
      }

      .hb-bg-container::after {
      content: '';
      width: 100%;
      height: 50%;
      position: absolute;
      left: 0;
      top: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.81) 0%, rgba(255, 255, 255, 0) 100%);
      }

      .hb-bg-video iframe {

      }

      .hb-desc {
      width: 14%;
      padding-top: 4vw;
      }

      .hb-title {
      width: 87%;
      }

      .hb-title font {
      display: block;
      transform: translateY(100%);
      transition: 1s cubic-bezier(.77, 0, .18, 1) all;
      }

      .hb-title .font-150 span {
      overflow: hidden;
      width: max-content;
      display: block;
      }

      .hb-title .font-150 span:nth-child(2) {
      display: block;
      right: -13vw;
      position: relative;
      text-align: right;
      margin: 0 0 0 auto;
      }

      body.preloader-end .hb-title font {
      transform: translateY(0%);
      }

      .hb-bg-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

      /*home about section*/
      .bg-texture {
      width: 100%;
      height: 120%;
      position: absolute;
      top: 0;
      left: 0;
      mix-blend-mode: multiply;
      pointer-events: none;
      }

      .bg-texture img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

      .home-about {
      background-color: #E3DACF;
      clip-path: polygon(7vw 0, 100% 0, 100% 100%, 0 100%, 0 7vw);
      margin-top: -7vw;
      z-index: 2;
      position: relative;
      }

      .home-about .sub-col {
      padding-top: 5vw;
      float: unset;
      }

      .home-about .main-col {
      float: unset;
      }

      .ha1-title {
      width: 80%;
      margin: auto;
      }

      .ha1-desc {
      width: 22%;
      margin: auto;
      text-align: center;
      }

      .ha1-img {
      width: 13vw;
      margin: 0 auto 1vw;
      aspect-ratio: 1;
      height: auto;
      position: relative;
      }

      .ha1-img img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: contain;
      opacity: 0;
      transition: .3s ease-in-out all;
      }

      .ha1-img img.active {
      opacity: 1;
      }

      .homeabout-1-wrap .ha1-btn {
      margin-top: 3vw;
      }

      .ha2-boxes {
      display: flex;
      border-top: 1px solid #C5C1BBC2;
      }

      .ha2-box-item {
      padding: 3vw 2vw;
      width: calc(99.99% / 5);
      }

      .ha2-box-item img {
      width: 2.5vw;
      height: auto;
      object-fit: contain;
      aspect-ratio: 1;
      margin-bottom: 2vw;
      }

      .ha2-heading {
      padding: 6vw 2vw 1vw;
      }

      .wood-1 {
      width: 49vw;
      right: 0;
      height: auto;
      aspect-ratio: 1;
      top: 0;
      }

      .wood-2 {
      width: 33vw;
      bottom: 0;
      display: flex;
      align-items: flex-end;
      }

      .wood-texture img {
      width: 100%;
      object-fit: cover;
      filter: brightness(0);
      opacity: .15;
      }

      .wood-texture {
      position: absolute;
      pointer-events: none;
      }

      /*home service*/
      .home-service {
      background-color: #F0E9DF;
      margin-top: -1px;
      }

      .homeservice-heading {
      width: 55%;
      padding: 6vw 2vw 3vw;
      }

      .homeservice-heading .button {
      margin-top: 1.5vw;
      }

      .service-boxes {
      display: flex;
      flex-wrap: wrap;
      }

      .service-box-item {
      width: calc(99.99% / 5);
      padding: 1.5vw;
      border-top: 1px solid #DDD8D0;
      border-bottom: 1px solid #DDD8D0;
      display: flex;
      flex-flow: column;
      gap: 1.5vw;
      aspect-ratio: 9/13;
      height: auto;
      transition: .5s ease-in-out all;
      }

      .service-box-item:not(:nth-child(1)) {
      border-left: 1px solid #DDD8D0;
      }

      .sbi-head {
      flex: 1;
      }

      .sbi-body img {
      width: 100%;
      height: auto;
      aspect-ratio: 16/8;
      object-fit: cover;
      transition: 1.5s cubic-bezier(.77, 0, .18, 1) all;
      }

      .service-box-item.active {
      background-color: #283325;
      border-color: #283325;
      }

      .service-box-item.active .sbi-head * {
      color: #F0E9DF;
      }

      .service-box-item.active .btn_label {
      color: #F0E9DF;
      border-color: #F0E9DF;
      }

      .service-box-item.active .btn_arrow {
      filter: brightness(0) saturate(100%) invert(92%) sepia(3%) saturate(1326%) hue-rotate(327deg) brightness(107%) contrast(88%);
      }

      .sbi-desc {
      overflow: hidden;
      transition: 1s ease-in-out all;
      opacity: 0;
      max-height: unset;
      transform: translateY(-10%);
      }

      .service-box-item.active .sbi-desc {
      opacity: 1;
      transform: translateY(0%);
      }

      .service-box-item.active .button:hover .btn_label {
      color: #283225;
      background-color: #F0E9DF;
      }

      .service-box-item.active .button:hover .btn_arrow {
      filter: unset;
      background-color: #f0e9df;
      border-color: #f0e9df;
      }

      .service-box-item.active:hover .button:hover .btn_arrow::before {
      filter: unset;
      }

      .sbi-foot {
      opacity: 0;
      overflow: hidden;
      transition: .5s ease-in-out all;
      }

      .service-box-item.active .sbi-foot {
      opacity: 1;
      }

      .sbi-body {
      transition: .5s ease-in-out all;
      transform: translateY(3vw);
      overflow: hidden;
      }

      .service-box-item.active .sbi-body {
      transform: translateY(0%);
      }

      /*home brands*/
      .bb-heading .weight-700 {
      font-weight: 600;
      }

      .home-brands {
      background-color: #F0E9DF;
      }

      .brands-heading {
      padding: 10vw 2vw 1.5vw;
      }

      .brands-container {
      position: relative;
      overflow: hidden;
      }

      .brands-titles {
      position: relative;
      }

      .brands-boxes {
      position: absolute;
      }

      .brands-backgrounds {
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: #797979;
      }

      .brands-backgrounds img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: bottom;
      height: 100%;
      opacity: 0;
      transition: .3s ease-in-out all;
      }

      .brands-backgrounds img.active {
      opacity: 1;
      }

      .brand-title {
      background-color: #0E0C09B2;
      }

      .brand-title:not(:nth-last-child(1)) {
      border-bottom: 1px solid #6B6751;
      }

      .brand-title {
      background-color: #0E0C09B2;
      padding: 1.2vw 2vw 1.75vw;
      line-height: 1;
      color: #F0E9DF6B;
      }

      .brand-title.active {
      color: #F0E9DF;
      }

      .brands-boxes {
      position: absolute;
      top: 0;
      right: 0;
      width: 26vw;
      height: 100%;
      }

      .brand-images {
      padding: 1vw 0 1.5vw;
      }

      .brand-box {
      height: 100%;
      padding: 2vw 3.5vw;
      background-color: #60748D;
      display: flex;
      flex-flow: column;
      position: absolute;
      top: 0;
      right: 0;
      transform: translateX(100%);
      transition: .5s ease-in-out all;
      }

      .brand-box.active {
      transform: translateX(0%);
      }

      .brand-images img {
      width: 100%;
      }

      .brand-desc {
      flex: 1;
      }

      .brand-box[data-brand="2"] {
      background-color: #6B6054;
      }

      .brand-box[data-brand="3"] {
      background-color: #ACBC97;
      }

      .brand-box[data-brand="3"] * {
      color: #283325 !important;
      }

      .brand-box[data-brand="4"] {
      background-color: #A39171;
      }

      .brand-box[data-brand="5"] {
      background-color: #D6BA73;
      }

      .brand-box[data-brand="5"] * {
      color: #283325 !important;
      }

      .brand-box.active .brand-btn.btn-light .button:hover .btn_label {
      background-color: #283225;
      border-color: #283225;
      color: #F0E9DF;
      }

      .brand-box.active .brand-btn.btn-light .button:hover .btn_arrow {
      filter: unset;
      }

      .brand-box.active .brand-btn .button:hover .btn_label {
      color: #f0e9df !important;
      }


      /*latest highlight home*/
      .wood-texture.wood-3 {
      right: 0;
      width: 53vw;
      }

      .latest-slider-heading {
      padding: 6vw 0 1vw;
      }

      .main-row.home-latesthighlight .sub-col>div {
      overflow: hidden;
      padding-bottom: 12vw;
      position: relative;
      }

      .main-row.home-latesthighlight {
      background-color: #E3DACF;
      }

      .latest-slider-container {
      width: 75vw;
      margin: auto;
      overflow: visible;
      }

      .latest-slider-container .slick-list {
      overflow: visible;
      }

      .latest-slider-container .slick-slide {
      margin: 0 3vw;
      position: relative;
      }

      .latest-slider-container .slick-list {
      margin: 0 -3vw;
      }

      .ls-image img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover;
      z-index: 1;
      }

      .ls-image::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0) 100%);
      z-index: 1;
      }

      .ls-desc {
      position: relative;
      z-index: 2;
      overflow: hidden;
      padding: 2vw;
      aspect-ratio: 18/9;
      display: flex;
      align-items: flex-end;
      text-decoration: none !important;
      }

      .slick-arrow {
      width: 4vw;
      height: 4vw;
      z-index: 2;
      border: 1px solid #283325;
      border-radius: 100%;
      }

      .slick-arrow::before {
      display: none;
      }

      .slick-arrow.slick-prev {
      left: -5vw;
      background-image: url(/image/catalog/hinlim_2025/arrow-right.png);
      background-size: 33%;
      background-repeat: no-repeat;
      background-position: center;
      transform: rotateY(180deg) translate(0, -50%);
      }

      .slick-next.slick-arrow {
      right: -5vw;
      background-image: url(/image/catalog/hinlim_2025/arrow-right.png);
      background-size: 33%;
      background-repeat: no-repeat;
      background-position: center;
      }


      /*footer*/
      #backtotop {
      position: fixed;
      right: 2vw;
      bottom: 2vw;
      width: 2vw;
      height: 2vw;
      z-index: 99;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 8px 32px 0 rgba(73, 73, 73, 0.07);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      transition: 1s ease-in-out all;
      transition-delay: 0s;
      transition-delay: 0s;
      cursor: pointer;
      min-width: 35px;
      min-height: 35px;
      transition-delay: .2s;
      transform: translateX(300%) rotate(-90deg);
      }

      #backtotop.active {
      transform: translateX(0%) rotate(-90deg);
      }

      #backtotop::before {
      content: "\f062";
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 80%;
      padding-top: .1vw;
      color: #9f9f9f38;
      background-image: url("/image/catalog/hinlim_2025/arrow-right.png");
      font-size: 0;
      width: 100%;
      height: 100%;
      background-size: 40%;
      background-repeat: no-repeat;
      background-position: center;
      }

      .footer-copyright a:focus,
      .footer-copyright a:hover {
      color: #f0e9df;
      }

      .footer-copyright.weight-700 {
      font-weight: 600;
      }

      .link-heading .weight-700 {
      font-weight: 600;
      }

      .address-item .button {
      margin-bottom: 10px;
      }

      .top-footer {
      display: flex;
      flex-wrap: wrap;
      }

      .tf-left {
      width: 74%;
      position: relative;
      overflow: hidden;
      }

      .tf-right {
      width: 26%;
      background-color: #F0E9DF;
      }

      .tf-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

      .tf-img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      }

      .tf-img::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%);
      }

      .tf-desc {
      position: relative;
      padding: 3vw;
      aspect-ratio: 20/9;
      z-index: 2;
      }

      .tfr-wrapper {
      padding: 3vw;
      display: flex;
      flex-flow: column;
      gap: 2vw;
      }

      .link-list ul {
      padding: 0;
      }

      .link-list ul li {
      list-style: none;
      margin-bottom: 0.5vw;
      }

      .footer-wrapper {
      display: flex;
      flex-wrap: wrap;
      }

      .footer-left {
      width: 74%;
      display: flex;
      flex-wrap: wrap;
      gap: 5vw;
      }

      .footer-right {
      width: 26%;
      text-align: right;
      }

      footer {
      background-color: #F0E9DF;
      }

      .footer-wrapper {
      display: flex;
      flex-wrap: wrap;
      padding: 4vw 2vw;
      }

      .footer-logo {
      display: block;
      width: max-content;
      margin: 0 0 .7vw auto;
      }

      .footer-logo img {
      width: 17.5vw;
      }

      .fr-wrapper {
      display: flex;
      flex-flow: column;
      gap: 1.5vw;
      }

      input[type="email"] {
      background-color: transparent;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      width: 100%;
      height: 3vw;
      font-size: 100%;
      letter-spacing: 1px;
      padding: 0 8vw 0 0;
      border-bottom: 1px solid #283325;
      border-radius: 0;
      }

      .fl-form {
      width: 100%;
      }

      .flf-wrapper {}

      .fl-form form {
      position: relative;
      margin-top: 2vw;
      }

      .fl-form .button {}

      .flf-btn-container {
      display: flex;
      gap: 1vw;
      margin-top: 1vw;
      }

      .footer-copyright {
      background-color: #283325;
      clip-path: polygon(calc(100% - 5vw) 0, 100% 5vw, 100% 100%, 0 100%, 0 0);
      }

      .fc-wrapper {
      display: flex;
      padding: 2vw;
      gap: 4vw;
      }

      /*preloader*/
      .main-row.home-preloader {
      position: fixed;
      z-index: 32;
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      background-color: #F0E9DF;
      transition: 1s ease-in-out all;
      }

      .main-row.home-preloader.active {
      background-color: transparent;
      pointer-events: none;
      }

      .home.preloader-start {
      height: 100vh;
      overflow: hidden;
      }

      .home.preloader-start.preloader-end {
      height: auto;
      overflow: auto;
      }

      .home-preloader .container,
      .home-preloader .row,
      .home-preloader .main-col,
      .home-preloader .sub-col,
      .home-preloader .sub-col>div,
      .home-preloader .preloade-conainer,
      #preloader {
      height: 100%;
      }

      .logo {
      aspect-ratio: 1;
      width: 23vw;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      }

      .logo img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: contain;
      left: 0;
      top: 0;
      transition: 1s ease-in-out all;
      }

      .logo-after {
      opacity: 0;
      }

      .logo.active .logo-before {
      opacity: 0;
      }

      .logo.active .logo-after {
      opacity: 1;
      }

      .progress-bar {
      background-color: #DFD8CF;
      height: .5vw;
      width: calc(100% - 4vw);
      margin: auto;
      display: block;
      box-shadow: unset;
      float: unset;
      position: relative;
      margin: 2vh auto;
      }

      .progress-bar span {
      background-color: #283325;
      position: absolute;
      height: 100%;
      left: 0;
      }

      .progress-percent {
      color: #283325;
      font-weight: 500;
      font-size: 133%;
      }

      .progress-wrap {
      position: absolute;
      bottom: 2vh;
      width: 100%;
      transition: .3s ease-in-out all;
      }

      .main-row.home-preloader.active .progress-wrap {
      opacity: 0;
      pointer-events: none;
      }

      .main-row.home-preloader.active #preloader {
      transform: scale(.32);
      transform-origin: 50% -19%;
      opacity: 0;
      }

      #preloader {
      transition: 1.5s ease-in-out all;
      }


      /*popup service*/
      .close-btn {
      width: 2.5vw;
      height: 2.5vw;
      border: 1px solid #283325;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      position: absolute;
      right: 1vw;
      top: 1vw;
      cursor: pointer;
      }

      .close-btn img {
      width: 35%;
      height: 35%;
      object-fit: contain;
      }

      .rp-container {
      width: 85vw;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      background-color: #F0E9DF;
      height: 80vh;
      display: flex;
      }

      .retailer-popup.popup {
      opacity: 1;
      pointer-events: auto;
      }

      .retailer-popup {
      height: 100vh;
      width: 100vw;
      position: fixed;
      top: 0;
      left: 0;
      opacity: 0;
      pointer-events: none;
      transition: .3s ease-in-out all;
      z-index: 99;
      }

      .rp-bg {
      background-color: #2F2F2FCC;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      }

      .rpc-right-wrapper {
      height: calc(100% - 3vw);
      overflow: auto;
      width: calc(100% - 6vw);
      margin: 3vw auto 0;
      display: flex;
      flex-flow: column;
      gap: 2vw;
      }

      .rpc-right {
      width: 66%;
      height: 100%;
      }

      .rpc-left {
      width: 34%;
      height: 100%;
      }

      .rp-wrapper {
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      }

      .rpc-left img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

      .popup-iconboxes {
      display: flex;
      flex-wrap: wrap;
      }

      .popup-iconbox-item {
      width: calc(99.99% / 3);
      padding-right: 4vw;
      margin-bottom: 4vw;
      display: flex;
      flex-flow: column;
      gap: 1vw;
      }

      .pii-icon img {
      height: 2vw;
      width: auto;
      }

      .btns-container {
      display: flex;
      gap: 2vw;
      }

      .rpcr-item:nth-last-child(1) {
      margin-bottom: 4vw;
      }

      .box-list {
      padding: 0;
      margin-bottom: 3vw;
      }

      .box-list li {
      padding-left: 1.5vw;
      margin-bottom: .5vw;
      position: relative;
      }

      .service-box-item .thepopup {
      opacity: 0;
      position: absolute;
      pointer-events: none;
      }

      .box-list li::before {
      content: '';
      width: .8vw;
      height: .8vw;
      background-color: #283325;
      position: absolute;
      left: 0;
      top: 0.3vw;
      }

      /*about page*/
      .ourscale-images.osi-top.flip img,
      .ourscale-images.osi-bottom.flip img {
      clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
      transition: 2s cubic-bezier(.77, 0, .18, 1) all;
      }

      .ourscale-images.osi-top.flip.active img,
      .ourscale-images.osi-bottom.flip.active img {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      }

      body {
      background-color: #F0E9DF;
      }

      .single-page-container {
      padding: 8vw 0;
      }

      .breadcrumb {
      padding: 0 2vw;
      background-color: transparent;
      border-radius: 0;
      font-weight: 700;
      font-size: 75%;
      }

      .page-banner-title {
      padding: 6vw 2vw 5vw;
      }

      .ourstory-desc-section {
      position: relative;
      aspect-ratio: 19/9;
      width: 100%;
      height: auto;
      overflow: hidden;
      }

      .ods-content {
      width: 34%;
      margin: 0 0 0 auto;
      position: relative;
      padding: 5vw 3vw;
      }

      .ods-content-p {
      width: 100%;
      }

      .ods-h {
      position: absolute;
      width: max-content;
      height: 101%;
      left: 0;
      top: 0;
      }

      .odsh-img {
      height: 100%;
      width: auto;
      }

      .ods-background {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      }

      .odsb-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

      .ods-background::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: linear-gradient(270deg, rgba(0, 0, 0, 0.39) 20.9%, rgba(0, 0, 0, 0.00) 83.89%);
      }

      .ourstory-slider-section {
      padding: 12vw 0 0;
      display: flex;
      flex-flow: column;
      gap: 4vw;
      }

      .oss-left,
      .oss-right {
      width: 50%;
      position: relative;
      }

      .oss-item {
      display: flex !important;
      flex-wrap: wrap;
      position: relative;
      }

      .oss-left::before {
      content: '';
      width: 100%;
      height: 100%;
      background-image: url("/image/catalog/hinlim_2025/Subtract%20(2)(1).png");
      position: absolute;
      mix-blend-mode: multiply;
      pointer-events: none;
      }

      .oss-left {
      height: auto;
      background-image: url("/image/catalog/hinlim_2025/wood-texture%206(1).png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: bottom center;
      }

      .ossr-img {
      aspect-ratio: 1;
      width: 100%;
      object-fit: cover;
      height: 100%;
      }

      .ossl-wrapper {
      padding: 4vw 3vw;
      }

      .osslw-desc {
      width: 55%;
      }

      .osslwd-p {
      width: 80%;
      }

      .ossc-item {
      position: relative;
      width: 100%;
      background-color: #F0E9DF;
      height: max-content;
      margin: auto;
      padding: 4vw 3vw 3vw;
      }

      .oss-center {
      position: absolute;
      width: 22%;
      height: 100%;
      left: 0;
      right: 0;
      margin: auto;
      display: flex;
      align-items: center;
      }

      .oss-img,
      .oss-desc {
      width: 100%;
      }

      .oss-img {
      margin-bottom: 2vw;
      }

      .oss-img img {
      width: 95%;
      margin: auto;
      display: block;
      }

      .oss-body {
      position: relative;
      }

      .oss-wrapper.slick-dotted.slick-slider {
      margin-bottom: 0;
      }

      .custom-dots .slick-dots li button::before {
      display: none;
      }

      .custom-dots .slick-dots li button {
      font-size: 100%;
      color: #283325;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #283325;
      border-radius: 100%;
      width: 100%;
      height: 100%;
      padding: 0;
      font-weight: 700;
      }

      .custom-dots .slick-dots {
      bottom: 3vw;
      text-align: left;
      display: flex !important;
      gap: 1vw;
      width: calc(50% - 4vw);
      left: 2vw;
      }

      .custom-dots .slick-dots li {
      width: 3vw;
      height: 3vw;
      margin: 0;
      }

      .custom-dots .slick-dots li.slick-active button {
      background-color: #283325;
      color: #F0E9DF;
      }

      .ourscale-section {
      height: 100vh;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      }

      .osd-desc {
      width: 50%;
      width: 40%;
      margin: auto;
      }

      .ourscale-desc {
      width: 55%;
      width: 70%;
      text-align: center;
      padding-top: 20vh;
      }

      .ourscale-images {
      position: absolute;
      width: max-content;
      display: flex;
      gap: 1vw;
      align-items: flex-end;
      }

      .ourscale-images img {
      object-fit: cover;
      width: 17vw;
      }

      .ourscale-images.osi-top {
      left: 0;
      top: 0;
      }

      .ourscale-images.osi-bottom {
      bottom: 0;
      right: 0;
      }

      .forpeople-section {
      display: flex;
      flex-wrap: wrap;
      margin: 15vw 0 5vw;
      }

      .fps-left {
      width: 38%;
      clip-path: polygon(7vw 0, 100% 0, 100% 100%, 0 100%, 0 7vw);
      position: relative;
      }

      .fps-left img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

      .fps-right {
      width: 62%;
      position: relative;
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205.png");
      background-size: contain;
      background-position: right center;
      background-repeat: no-repeat;
      }

      .fps-right::before {
      content: '';
      width: 100%;
      height: 100%;
      background-image: url("/image/catalog/hinlim_2025/Subtract%20(2)(1).png");
      position: absolute;
      left: 0;
      top: 0;
      background-size: cover;
      mix-blend-mode: multiply;
      pointer-events: none;
      }

      .fpsr-wrapper {
      padding: 5vw 6vw 4vw 6vw;
      height: 100%;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      }

      .fpsrwh-desc {
      width: 55%;
      margin-top: 1.5vw;
      }

      .fpsrw-body {
      display: flex;
      flex-flow: column;
      gap: 1vw;
      width: 85%;
      }

      .fpsrwb-item {
      display: flex;
      gap: 1vw;
      }

      .fpsrwbi-icon {
      width: 3vw;
      height: 3vw;
      }

      .fpsrwbi-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      padding: .5vw;
      }

      .fpsrwbi-desc {
      padding-top: .4vw;
      width: calc(100% - 4vw);
      }

      .ourbrands-item {
      display: flex;
      flex-wrap: wrap;
      }

      .obi-left {
      width: 73%;
      position: relative;
      }

      .obil-img {
      position: absolute;
      width: 100%;
      height: 100%;
      }

      .obil-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

      .obil-img::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background: linear-gradient(0deg, rgba(37, 31, 23, 0.00) 40.35%, rgba(14, 12, 9, 0.50) 83.26%);
      left: 0;
      top: 0;
      }

      .obil-content {
      position: relative;
      padding: 2vw;
      height: auto;
      aspect-ratio: 14/9;
      }

      .obi-right {
      width: 27%;
      padding: 3vw;
      display: flex;
      flex-flow: column;
      gap: 2vw;
      }

      .obir-body {}

      .obi-right .brand-btn.btn-light a:hover span {
      border-color: #283325;
      background-color: #283325;
      filter: unset;
      }

      .ourbrands-section {
      padding: 0 0 5vw;
      }

      .single-page-container.page-our-brands {
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205.png");
      background-size: auto 50vw;
      background-repeat: no-repeat;
      background-position: right -20vh;
      }

      /*nestnordic*/
      .page-nuhoom .subbrand-box-item.active {
      background-color: #D6BA73;
      }

      .page-nesthouz .subbrand-box-item.active {
      background-color: #A39171;
      }

      .page-fyndfurniture .subb-content .subbc-title *,
      .page-fyndfurniture .subb-content .subbc-desc *,
      .page-nuhoom .subb-content .subbc-title *,
      .page-nuhoom .subb-content .subbc-desc * {
      color: #283325 !important;
      }

      .page-fyndfurniture .subbrand-box-item.active {
      background-color: #ACBC97;
      }

      .page-luooma .subbrand-box-item.active {
      background-color: #6B6054;
      }

      .page-nestnordic .subbrand-box-item.active {
      background-color: #60748D;
      }

      .page-single-brand {
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205.png");
      background-position: right top;
      background-size: 50vw;
      background-repeat: no-repeat;
      }

      .subbrand-boxes {
      display: flex;
      flex-wrap: wrap;
      }

      .subbrand-box-item:nth-child(n+5) {
      border-top: 0;
      }

      .subbrand-box-item {
      width: calc(99.99% / 4);
      position: relative;
      border-top: 1px solid #DDD8D0;
      border-bottom: 1px solid #DDD8D0;
      transition: .5s ease-in-out all;
      background-color: #f0e9df;
      }

      .subbrand-box-item:not(:nth-child(4n)) {
      border-right: 1px solid #DDD8D0;
      }

      .subbrand-box-wrapper {
      margin: 2vw;
      position: relative;
      aspect-ratio: 9/12;
      }

      .subb-image {
      position: absolute;
      width: 100%;
      height: auto;
      display: flex;
      align-items: flex-end;
      pointer-events: none;
      transition: .5s cubic-bezier(.77, 0, .18, 1) all;
      z-index: 2;
      overflow: hidden;
      aspect-ratio: 18/9;
      bottom: 0;
      }

      .subbrand-box-item.active .subb-image img {
      transform: scale(1.1);
      }

      .subb-image img {
      width: 100%;
      aspect-ratio: 18/9;
      object-fit: cover;
      transition: 2.5s cubic-bezier(.77, 0, .18, 1) all;
      transform-origin: bottom;
      }

      .subb-content {
      display: flex;
      flex-flow: column;
      height: 100%;
      gap: 1vw;
      }

      .subbc-desc {
      flex: 1;
      }

      .subbc-btn .button:hover .btn_label {
      border-color: #283325;
      }

      .subbc-btn .button:hover .btn_arrow {
      filter: unset;
      }

      .subbc-desc * {
      color: #F0E9DF;
      }

      .subbc-desc,
      .subbc-btn {
      opacity: 0;
      transition: 1s cubic-bezier(.47, 0, .74, .71) all;
      }

      .subbrand-box-item.active .subb-image {
      transform: translateY(-3vw);
      }

      .subbrand-box-item.active .subbc-title * {
      color: #F0E9DF;
      }

      .subbrand-box-item.active .subbc-desc {
      opacity: 1;
      transform: translateY(0%);
      }

      .subbc-desc {
      transform: translateY(-5%);
      }

      .subbrand-box-item.active .subbc-btn {
      opacity: 1;
      }


      /*product category*/
      .page-banner-title>h1 {
      padding-right: 3vw;
      }

      .product-name a {
      font-family: "forma-djr-display", sans-serif;
      letter-spacing: 1px;
      }

      #product-category>.row>.col-md-12>h1 {
      display: none;
      }

      .banner-desc {
      width: 25%;
      padding-top: 3vw;
      }

      .page-banner-title {
      display: flex;
      justify-content: space-between;
      }

      #product-category {
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205(1).png");
      background-size: 45% auto;
      background-repeat: no-repeat;
      background-position: right top;
      }

      .product-slider-section {
      padding-top: 10vw;
      }

      .psc-slider-container .slick-slide {
      margin: 0 .5vw;
      height: auto;
      aspect-ratio: 1;
      }

      .psc-slider-container .slick-slide * {
      height: 100%;
      }

      .psc-slider-container img {
      height: auto;
      aspect-ratio: 1;
      object-fit: cover;
      }

      .psc-slider-container {
      padding-top: 4vw;
      padding-bottom: 4vw;
      }

      .psc-btn {
      padding-bottom: 10vw;
      }

      .our-product-heading {
      padding: 0 2vw 1vw;
      }

      #product-category>.row>.col-md-12>br {
      display: none;
      }

      #product-category .single-page-container:not(.page-hide-row-category) {
      padding-bottom: 0;
      }

      #product-category>hr {
      display: none;
      }

      /*filter*/
      .filter-container {
      display: flex;
      justify-content: space-between;
      }

      #content {
      width: 100%;
      transition: .5s ease-in-out all;
      }

      #column-left {
      width: 0%;
      transition: .5s ease-in-out all;
      height: auto;
      }

      #column-left::before {
      content: '';
      width: 1px;
      height: 100%;
      position: absolute;
      background-color: #DDD8D0;
      right: 2vw;
      top: 0;
      }

      .filter-section.active #content {
      width: 85%;
      }

      .filter-section.active #column-left {
      width: 15%;
      }

      .filter-wrapper {
      padding: 0 2vw;
      display: flex;
      }

      .filter-container {
      padding: 1vw 2vw;
      border-top: 1px solid #DDD8D0;
      border-bottom: 1px solid #DDD8D0;
      z-index: 20;
      position: relative;
      }

      .clear {
      display: none;
      }

      .panel {
      background-color: transparent;
      border: 0;
      box-shadow: unset;
      margin-bottom: 2vw;
      }

      .column-left-wrapper {
      padding-top: 2vw;
      }

      .panel-default > .panel-heading {
      background-color: transparent;
      border: 0;
      padding: 0;
      padding-right: 0px;
      font-weight: 700;
      text-transform: uppercase;
      color: #283325;
      width: calc(100%);
      position: relative;
      cursor: pointer;
      padding-right: 2vw;
      }

      .panel-default>.panel-heading::after {
      content: '';
      width: 1.2vw;
      height: 1.2vw;
      position: absolute;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      line-height: 1;
      top: .07vw;
      background-image: url("/image/catalog/hinlim_2025/close2.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      }

      .product-name {
      font-size: 85%;
      }

      .panel.panel-default.active>.panel-heading::after {
      background-image: url("/image/catalog/hinlim_2025/open2.png");
      }

      .panel-body {
      padding: 1vw 0 0;
      }

      .checkbox,
      .radio {
      margin: 0 0 .8vw;
      }

      .column-left-wrapper {
      position: absolute;
      width: calc(100% - 3vw);
      left: 0;
      top: 0;
      transform: translateX(-500%);
      transition: .5s ease-in-out all;
      opacity: 0;
      }

      #price_max {
      margin-bottom: 20px;
      }
      #price_min, #price_max {
      background-color: transparent;
      box-shadow: unset;
      border-radius: 4vw;
      border-color: #283325;
      padding: 15px;
      }
      .filterdash {
      width: 100%;
      text-align: center;
      display: block;
      }
      .filter-wrapper {
      min-height: 100vh;
      }
      .filter-section.active .column-left-wrapper {
      transform: translateX(0%);
      opacity: 1;
      }

      .row.toolbar {
      display: none;
      }

      .custom-products {
      padding: 1vw 0;
      display: flex;
      flex-wrap: wrap;
      left: -1vw;
      position: relative;
      width: calc(100% + 1.5vw);
      }

      .custom-products::before,
      .custom-products::after {
      display: none;
      }

      .product-layout.product-grid {
      padding: .75vw;
      }

      .product-thumb .btn-wishlist {
      display: none;
      }

      .action-links {
      display: none;
      }

      body .product-name {
      color: #283325 !important;
      font-weight: 600;
      letter-spacing: -.001vw;
      }

      .product-layout:hover .product-name a {
      color: inherit;
      text-decoration: unset;
      }

      .product-thumb .image>a {
      aspect-ratio: 1;
      background-color: #E3DACF;
      }

      .product-thumb .img-responsive {
      position: relative;
      z-index: 2;
      height: 100%;
      width: 100%;
      object-fit: contain;
      mix-blend-mode: multiply;
      }

      .product-thumb .hover-img {
      position: absolute;
      left: -12.5%;
      top: -12.5%;
      width: 125%;
      height: 125%;
      object-fit: contain;
      opacity: 0;
      mix-blend-mode: multiply;
      object-position: center;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      }

      .product-thumb .image>a:hover .img-responsive {
      opacity: 0;
      }

      .product-thumb .image>a:hover .hover-img {
      opacity: 1;
      }

      #column-left input[type="checkbox"],
      #column-left input[type="radio"] {
      opacity: 0;
      }

      #column-left label.container::before {
      width: 1vw;
      height: 1vw;
      position: absolute;
      left: 0;
      background-image: url("/image/catalog/hinlim_2025/uncheck2.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      top: 12%;
      }

      #column-left label.container.active::before {
      background-image: url("/image/catalog/hinlim_2025/checked2.png");
      }

      #column-left .checkbox label,
      #column-left .radio label {
      min-height: 20px;
      padding-left: 1.5vw;
      }

      .container.active {
      color: #283325;
      }

      #filter::after,
      #sort-by::after {
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      right: 0px;
      background-image: url("/image/catalog/hinlim_2025/arrow-toggle.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      transform: rotate(180deg);
      top: 0;
      bottom: 0;
      margin: auto;
      }

      #filter,
      #sort-by {
      position: relative;
      color: #283325;
      font-weight: 700;
      cursor: pointer;
      padding-right: 20px;
      }

      #sort-by {
      margin-right: 5px;
      }

      #filter.active::after,
      .custom-select-list.active #sort-by::after {
      transform: rotate(0deg);
      }

      .custom-select-list {
      position: relative;
      }

      .custom-select-list ul {
      position: absolute;
      background-color: #f0e9df;
      padding: 25px;
      list-style: none !important;
      right: 0;
      width: 12vw;
      border-radius: 5px;
      transform: translateX(150%);
      transition: .5s ease-in-out all;
      display: block !important;
      }

      .custom-select-list.active ul {
      transform: translateX(0%);
      }

      .custom-select-list ul li {
      cursor: pointer;
      text-transform: uppercase;
      font-weight: 700;
      color: #283325;
      text-align: right;
      margin-bottom: 1vw;
      }

      .filter-wrapper>* {
      padding-bottom: 10vw;
      }

      .panel-body>div>div {
      overflow: hidden;
      transition: .5s ease-in-out all;
      max-height: 45px;
      }

      .panel.panel-default.active .panel-body>div>div {
      max-height: 0;
      margin-bottom: 0;
      }


      /*categories*/
      .subbrand-box-item.active .subbc-image img {
      transform: scale(1.1);
      }

      .subbc-image img {
      width: 100%;
      aspect-ratio: 1;
      height: auto;
      object-fit: cover;
      transition: 1.5s cubic-bezier(.77, 0, .18, 1) all;
      }

      .subbc-image {
      margin: 0 2vw;
      overflow: hidden;
      }

      .categories-box .subbrand-box-item,
      .categories-box .subbrand-box-wrapper {
      aspect-ratio: unset;
      }

      .categories-box .subbrand-box-item {
      width: calc(99.99% / 3);
      }

      .categories-box .subbrand-box-item:not(:nth-child(3n)) {
      border-right: 1px solid #DDD8D0;
      }

      .categories-box .subbrand-box-wrapper {
      margin: 4vw;
      text-align: center;
      }

      .categories-box .subbc-btn .button {
      margin: auto;
      }

      .page-categories .subbrand-box-item.active {
      background-color: #dcd3c8;
      }

      .categories-box .subbc-btn {
      opacity: 1;
      }

      .categories-box .subbc-desc {
      transform: translateY(0%);
      opacity: 1;
      }

      .categories-box .subbc-desc * {
      color: #7D807A;
      }

      .categories-box .subbrand-box-item .subbc-title * {
      color: #283325;
      }


      /*categories inner*/
      #product-category.categories-inner-container .photos-container,
      #product-category.categories-inner-container .row.category {
      display: none;
      }

      .service-boxes.categories-inner-boxes .service-box-item {
      width: calc(99.99% / 4);
      }

      .service-boxes.categories-inner-boxes {
      margin-bottom: 10vw;
      }


      /*services*/
      .testimonial-cta-section {
      background-color: #283325;
      text-align: center;
      padding: 4vw;
      }

      .testimonial-cta-section .brand-btn {
      width: max-content;
      margin: 2vw auto 0;
      }

      .testright {
      width: 66%;
      padding: 4vw;
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205(1).png");
      background-size: 40vw;
      background-repeat: no-repeat;
      background-position: right top;
      }

      .testleft {
      width: 34%;
      padding: 4vw;
      border-right: 1px solid #DDD8D0;
      }

      .testimonial-section {
      display: flex;
      flex-wrap: wrap;
      border-top: 1px solid #DDD8D0;
      position: relative;
      }

      .testimonial-slider .slick-prev {
      left: 4vw;
      bottom: 2vw;
      top: unset;
      }

      .testimonial-slider .slick-next {
      left: 9vw;
      bottom: 2vw;
      top: unset;
      }

      .testimonial-slider {
      position: unset;
      }

      .fp-service-section .fpsrw-body {
      height: 100%;
      justify-content: space-around;
      }

      .sersec-item-bg::before {
      content: '';
      width: 100%;
      height: 80%;
      position: absolute;
      left: 0;
      top: 0;
      background: linear-gradient(358deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 200%);
      mix-blend-mode: multiply;
      }

      .sersec-item-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .3s ease-in-out all;
      }

      .sersec-item-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transition: .3s ease-in-out all;
      opacity: 1;
      }

      .sersec-wrapper {
      display: flex;
      gap: 1vw;
      justify-content: space-between;
      }

      .sersec-item {
      width: 100%;
      background-color: #E3DACF;
      transition: .3s ease-in-out all;
      position: relative;
      }

      .sersec-item.active {
      width: 200%;
      }

      .services-section {
      padding: 20vw 2vw 2vw;
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205(1).png");
      background-size: 40vw;
      background-repeat: no-repeat;
      background-position: right top;
      }

      .sersec-item-wrapper {
      overflow: hidden;
      margin: 2vw;
      display: flex;
      flex-flow: column;
      height: 32vw;
      gap: 1vw;
      }

      .sersec-item-num {
      flex: 1;
      position: relative;
      }

      .sersec-item-num span {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      width: max-content;
      transition: .3s ease-in-out all;
      }

      .sersec-item.active .sersec-item-num span {
      right: 100%;
      }

      .sersec-item-title,
      .sersec-item-desc {
      opacity: 0;
      transition: .3s ease-in-out all;
      transform: translateX(30%);
      }

      .sersec-item.active .sersec-item-title,
      .sersec-item.active .sersec-item-desc {
      opacity: 1;
      transform: translateX(0%);
      }

      .sersec-item.active .sersec-item-bg {
      opacity: 0;
      }

      .sersec-item:not(.active) .sersec-item-num span {
      color: #F0E9DF;
      }

      .testimonial-foot img {
      min-height: 60px;
      height: 4vw;
      }

      .testimonial-item-wrapper {
      width: 82%;
      }

      .testimonial-foot {
      margin-top: 5vw;
      }

      .testimonial-foot .text-dark.font-24 {
      margin-bottom: 5px;
      }

      /*experience*/
      .experience-boxes .subbc-image img {
      aspect-ratio: 16/9;
      }

      .experience-boxes .subbc-image {
      aspect-ratio: 16/9;
      margin: 2vw;
      }

      /*contact*/
      .contact-box {
      width: calc((99.99% - (5vw * 2)) / 3);
      }

      .contact-box img {
      height: 2.8vw;
      margin-bottom: 1.5vw;
      }

      .contact-wrapper {
      display: flex;
      padding: 2vw;
      gap: 5vw;
      margin: auto;
      }

      .contact-form-section {
      margin-top: 5vw;
      }

      .contact-form-wrapper {
      max-width: 80vw;
      margin: auto;
      }

      .field-full {
      width: 100%;
      }

      .field-half {
      width: calc(50% - 2vw);
      }

      #form-contact fieldset {
      display: flex;
      flex-wrap: wrap;
      gap: 2vw;
      }

      .form-horizontal .control-label {
      width: 100%;
      text-align: left;
      margin-bottom: .5vw;
      }

      #input-name,
      #input-email,
      #input-enquiry,
      input[type="text"],
      input[type="email"],
      input[type="tel"],
      #input-password,
      #input-country,
      #input-zone {
      background-color: transparent;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      border-radius: 0;
      box-shadow: unset;
      border-bottom: 1px solid #A2A296;
      padding: 20px 20px 20px 0;
      font-size: 100%;
      height: auto;
      }

      .form-horizontal .form-group {
      margin: 0;
      }

      .form-group * {
      width: 100%;
      }

      #gcaptcha legend,
      #gcaptcha label {
      display: none;
      }

      #form-contact {
      margin-top: 5vw;
      }

      .center-block {
      width: max-content;
      }


      /*single product*/
      body>#product-product.container>.breadcrumb {
      display: block;
      }

      #product-product .breadcrumb {
      padding: 8vw 10vw 0;
      }

      #product-product>.row>#content .row {
      padding: 0 8vw;
      display: flex;
      }

      #product-product .breadcrumb a {
      text-transform: uppercase;
      }

      #product-product>.row {
      padding-left: 2vw;
      padding-right: 2vw;
      }

      #product-product .thumbnail {
      padding: 0;
      border: 0;
      }

      #product-product .col-sm-6.block-1.owl-style2 {
      width: 50%;
      padding-right: 8%;
      }

      #product-product #gallery_01 .owl-nav {
      display: none;
      }

      #product-product #gallery_02 .owl-nav {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      pointer-events: none;
      }

      #product-product #gallery_02 .owl-nav>div {
      pointer-events: auto;
      }

      #product-product .col-sm-6.block-2 {
      width: 50%;
      }

      .product_variants h3 {
      font-size: 100%;
      color: #283325;
      font-weight: 600;
      }

      .product_variants ul {
      margin-left: 0;
      padding-left: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 1vw;
      }

      .videos .btn {
      text-transform: uppercase;
      color: #283325;
      font-weight: 600;
      border: 1px solid #283325;
      border-radius: 5vw;
      padding: .75vw 2.5vw .75vw 2vw;
      line-height: 1;
      font-size: 80%;
      margin: 0vw 0 2vw;
      position: relative;
      }

      .videos .fa.fa-play-circle-o {
      font-size: 150% !important;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      display: flex;
      align-items: center;
      right: 1.35vw;
      }

      #product-product .product_variants .thumbnail {
      width: max-content;
      }

      #product-product .product_variants .thumbnail img {
      width: 7vw;
      height: auto;
      aspect-ratio: 1;
      object-fit: contain;
      mix-blend-mode: multiply;
      }

      #product-product .category-title {
      display: none;
      }

      .product-color-container {
      display: flex;
      align-items: flex-start;
      width: 20%;
      gap: 3%;
      padding-top: .7vw;
      }

      .product-color-container span {
      height: max-content;
      width: 22%;
      }

      #product-product .product-name.font-50 {
      font-size: 312.5%;
      font-weight: 500;
      display: flex;
      margin-bottom: 3vw;
      }

      .pn-text {
      width: 80%;
      padding-right: 5%;
      font-size: 100%;
      }

      .product-category-tag {
      display: flex;
      gap: .5vw;
      margin-bottom: 2vw;
      }

      .product-category-tag>span {
      display: flex;
      background-color: #283325;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 60%;
      padding: .5vw 1vw;
      border-radius: 3vw;
      }

      #product-product .product-name.font-50 img {
      border-radius: 100%;
      display: block;
      width: 100%;
      }

      .btn.btn-primary {
      color: #283325;
      border: 1px solid #283325;
      background-color: transparent;
      border-radius: 5vw;
      font-weight: 700;
      text-transform: uppercase;
      width: max-content;
      padding: .5vw 2vw;
      font-size: 75%;
      line-height: 2;
      }

      #button-wishlist::before {
      font: normal normal normal 30px/1 FontAwesome;
      content: "\f08a";
      }

      #button-wishlist {
      color: #283325;
      background-color: transparent !important;
      box-shadow: unset;
      border: 0;
      width: max-content;
      }

      .form-group.product-qty {
      display: flex;
      align-items: center;
      width: max-content;
      flex-wrap: wrap;
      width: 100%;
      }

      .form-group.product-qty .clearfix {
      display: none;
      }

      .form-group.product-qty label {
      margin: 0;
      font-weight: 700;
      color: #283325;
      width: max-content;
      text-transform: uppercase;
      }

      #button-wishlist.active::before {
      color: #283325;
      content: "\f004";
      }

      #product-product .product-thumb .image>a:hover .img-responsive {
      opacity: 1;
      }

      #input-quantity {
      background-color: transparent;
      box-shadow: unset;
      border: 0;
      text-align: center;
      padding: 0;
      font-size: 100%;
      }

      .quantity-wrapper {
      width: 20%;
      display: flex;
      align-items: center;
      margin: 0 1vw;
      border: 1px solid #283325;
      border-radius: 7vw;
      align-self: stretch;
      }

      .quantity-wrapper .qty-btn {
      width: 100%;
      font-size: 150%;
      }

      #accordion .panel-heading {
      padding: 0;
      color: #283325;
      margin-bottom: 1vw;
      }

      #accordion {
      margin-top: 3vw;
      }

      #product {
      margin-top: 0vw;
      }

      #accordion .panel-heading a {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 0 !important;
      text-decoration: unset;
      padding: 1vw 2vw;
      background-color: #e3dacf;
      font-weight: 600;
      }

      #accordion .panel-body>* {
      width: 50%;
      padding: 1vw 2vw;
      margin: 0 !important;
      box-shadow: 0 0 0 5px #f0e9df;
      background-color: #e5ddcd3b;

      }

      #accordion .panel-body h6 {
      font-weight: 600;
      text-transform: uppercase;
      font-size: 75%;
      color: #283325;
      margin-bottom: 1vw;
      }

      #accordion .panel-body {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      }

      tml.has-sticky,
      html.has-sticky body {
      overflow-x: visible !important;
      }

      .sticky-wrapper {
      position: sticky;
      top: 5vw;
      }

      body .owl-theme .owl-nav [class*="owl-"] {
      width: 3vw;
      height: 3vw;
      font-size: 0;
      opacity: 1;
      background: #f0e9df url(/image/catalog/hinlim_2025/arrow-right.png) no-repeat center center / 40% !important;
      border-radius: 100%;
      }

      .owl-theme .owl-nav .owl-prev[class*="owl-"] {
      transform: rotate(180deg);
      }

      .related-products h3 {
      padding: 10px;
      text-transform: uppercase;
      color: #283325;
      font-weight: 600;
      }

      .related-products {
      margin-top: 7vw;
      margin-bottom: 7vw;
      }

      .related-products .owl-nav {
      position: absolute;
      right: 0;
      top: -5vw;
      }

      body .owl-theme .owl-nav [class*="owl-"].disabled {
      opacity: .5;
      }

      .owl-item,
      .thumbnail {
      background-color: #f0e9df;
      }

      .sticky-wrapper img {
      mix-blend-mode: multiply;
      }

      .sticky-wrapper .thumbnail {
      padding: 0 4vw !important;
      margin-bottom: 0;
      }


      /*search*/
      #product-search {
      padding: 8vw 2vw;
      }

      #product-search .product-thumb .image>a:hover .img-responsive {
      opacity: 1;
      }

      .row.search-boxes {
      display: flex;
      align-items: center;
      gap: 1%;
      margin-bottom: 1vw;
      }

      .row.search-boxes .checkbox {
      margin: 0;
      }

      .row.search-boxes::before,
      .row.search-boxes::after {
      display: none;
      }

      #product-search * {
      color: #283325;
      }

      .row.search-boxes #input-search,
      .row.search-boxes .form-control,
      .row.search-boxes input {
      background-color: transparent !important;
      border: 1px solid #283325;
      }

      #product-search h1 {
      text-transform: uppercase;
      }

      #product-search .control-label {
      text-transform: uppercase;
      margin: 3vw 0 .5vw;
      }

      .row.search-boxes input,
      .row.search-boxes select {
      font-size: 100%;
      height: 2.5vw;
      padding: 0 20px;
      }

      .row.search-boxes .checkbox .container::before,
      .row.search-boxes .checkbox .container::after {
      display: none;
      }

      #product-search .checkbox input[type="checkbox"] {
      height: auto;
      margin: 0;
      left: 0;
      top: 0;
      bottom: 0;
      }

      .row.search-boxes * {
      font-weight: 500;
      letter-spacing: 0.05vw;
      text-transform: uppercase;
      font-size: 90%;
      }

      #product-search .checkbox .container {
      text-transform: uppercase;
      font-size: .68vw;
      letter-spacing: 0.05vw;
      font-weight: 500;
      }

      #product-search h2 {
      margin-top: 5vw;
      text-transform: uppercase;
      }


      /*faq*/
      .page_simpleinfo {
      max-width: 60vw;
      margin: 8vw auto;
      min-width: 480px;
      padding: 0 20px;
      }

      .page_simpleinfo h1,
      .page_simpleinfo h2,
      .page_simpleinfo h3,
      .page_simpleinfo h4,
      .page_simpleinfo h5,
      .page_simpleinfo h6 {
      color: #283325;
      }


      .service-box-item:nth-last-child(1) {
      border-right: 1px solid #DDD8D0;
      }

      .subbrand-boxes.categories-box .subbrand-box-item {
      border: 1px solid #DDD8D0;
      }

      .subbrand-boxes.categories-box .subbrand-box-item:nth-child(3n-1) {
      border-left: 0;
      border-right: 0;
      }

      .subbrand-boxes.categories-box .subbrand-box-item:nth-last-child(1) {
      border-right: 1px solid #DDD8D0;
      }

      .categories-box .subbrand-box-item:nth-child(n+4) {
      border-top: 0;
      }

      .service-boxes.categories-inner-boxes .service-box-item:nth-child(n+5) {
      border-top: 0;
      }

      .faq-accordion {
      margin: 0 auto;
      }

      .faq-item:not(:last-child) {
      border-bottom: 1px solid #C5C1BB;
      }

      .faq-question {
      cursor: pointer;
      position: relative;
      padding-block: 2.222vw;
      padding-right: 45px;
      margin: 0;
      }

      .faq-icon {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
      width: 40px;
      height: 40px;
      background-image: url(/image/cache/catalog/hinlim_2025/arrow-right-100x100.png);
      background-size: 30%;
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid black;
      border-radius: 50%;
      padding: 0.556vw;
      transition: transform 0.15s ease;
      }

      .faq-item.active .faq-icon {
      transform: translateY(-50%) rotate(270deg);
      }

      .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, margin 0.3s ease;
      }

      .faq-item.active .faq-answer {
      max-height: 2000px;
      margin-bottom: 1.736vw
      }

      .faq-answer p,
      .faq-answer ol,
      .faq-answer ul {
      margin-bottom: 15px;
      }

      .faq-item .faq-answer li {
      margin-bottom: 0.556vw;
      }

      /*signup*/
      #account-login .text-right {
      margin: 20px 0;
      }

      #account-forgotten .buttons .pull-right {
      margin-top: ;
      float: unset !important;
      display: block;
      box-sizing: border-box;
      overflow: hidden;
      margin: 40px auto;
      width: max-content;
      }

      .buttons a {
      background-color: transparent !important;
      border: 0;
      padding: 0;
      margin: 20px 0;
      font-weight: 600;
      }

      .account-login * {
      color: #fff !important;
      }

      .ajax-body-login>div {
      background: #60748D !important;
      visibility: ;
      border: 0;
      }

      #ajax-login-form input {
      color: #fff !important;
      background-color: transparent !important;
      border: 0;
      box-shadow: unset;
      border-bottom: 1px solid #fff;
      border-radius: 0;
      padding: 20px 20px 20px 0;
      }

      #ajax-login-form input::placeholder {
      color: #fff;
      }

      #account-signup .checkbox label,
      #account-signup .radio label {
      padding-left: 0;
      }

      #account-signup *,
      #account-forgotten *,
      #account-login * {
      color: #283325;
      }

      #account-signup,
      #account-forgotten,
      .well {
      /* margin: 8vw auto;
      width: 96vw;
      background-color: transparent;
      box-shadow: unset;
      border: 0;*/
      }

      #account-signup {
      /* margin: 8vw auto;
      width: 96vw;*/
      }

      #account-signup #content {
      max-width: 72vw;
      margin: 0 auto;
      float: unset;
      }

      #form-signup .col-lg-2 {
      width: 16%;
      }

      .row.v2.v1 {
      margin-top: 5vw;
      }

      #account-signup .control-label {
      font-size: 135%;
      text-transform: uppercase;
      font-weight: 700;
      }

      #account-signup input[type="text"] {
      margin-bottom: 1vw;
      }

      #form-signup .buttons {
      margin-top: 40px;
      }

      #button-signup {
      line-height: 1;
      }

      .alert {
      margin-top: 50px;
      }

      /*cart*/
      #checkout-cart * {
      color: #283325;
      }

      #checkout-cart #content {
      padding: 20px;
      }

      #checkout-cart .panel-default>.panel-heading::after {
      display: none;
      }

      .table-cart2 .form-control.input-quantity {
      font-size: 20px;
      }

      #checkout-cart .name {
      font-size: 14px;
      }

      #collapse-coupon #button-coupon,
      #collapse-voucher #button-voucher {
      padding: 17px;
      font-size: 12px;
      border-radius: 5vw;
      }

      .table.table-total {
      font-size: 14px;
      }

      #wizard {
      margin: 8vw 20px;
      }


      /*blogs*/
      .subbrand-boxes.categories-box.blogs-box .subbrand-box-wrapper {
      margin: 2vw;
      height: calc(100% - 4vw);
      text-align: left;
      }

      .subbrand-boxes.categories-box.blogs-box .subbc-image {
      margin: 0;
      aspect-ratio: 18/9;
      }

      .subbrand-boxes.categories-box.blogs-box .subbc-title {
      flex: 1;
      margin-bottom: 4vw;
      }

      .subbrand-boxes.categories-box.blogs-box .subbc-image {
      margin: 0;
      aspect-ratio: 18/9;
      }

      .subbrand-boxes.categories-box.blogs-box .subbc-btn .button {
      margin: 1vw 0 0;
      }

      .subbrand-boxes.categories-box.blogs-box .subbc-image img {
      height: 100%;
      }

      .subbrand-boxes.categories-box.blogs-box .subbrand-box-item .font-12 {
      color: #7D807A;
      }

      /*single blog*/
      .page-single-blogs .page-banner-title {
      flex-flow: column;
      gap: 2vw;
      }

      .blog-featured-image img {
      aspect-ratio: 23/9;
      height: auto;
      width: 100%;
      object-fit: cover;
      }

      .blog-content {
      max-width: 87vw;
      margin: 5vw auto;
      overflow: hidden;
      }

      .blog-content img {
      width: 100% !important;
      }

      .blog-content h1,
      .blog-content h2,
      .blog-content h3,
      .blog-content h4,
      .blog-content h5,
      .blog-content h6 {
      color: #283325;
      }

      .testimonial-cta-section .button:hover .btn_arrow {
      background-color: transparent;
      }

      .blog-content ul,
      .blog-content ol,
      .info-content ul,
      .info-content ol {
      padding-left: 25px;
      }

      .testimonial-cta-section a:focus,
      .testimonial-cta-section a:hover {
      color: #f0e9df;
      }

      .info-content {
      padding: 0 2vw;
      }

      .page-contact,
      .page-single-info,
      .page-blogs,
      .single-page-container {
      background-image: url("/image/catalog/hinlim_2025/wood-texture%205(1).png");
      background-size: 45% auto;
      background-repeat: no-repeat;
      background-position: right top;
      }

      .setting {
      position: relative;
      }

      body header .container .menu-container>div #top,
      body header .container .menu-container>div #top * {
      filter: unset;
      }

      .setting.open {
      filter: unset !important;
      }

      body>#checkout-checkout.container>.breadcrumb,
      body>#account-dashboard.container>.breadcrumb,
      body>#account-address.container>.breadcrumb,
      body>#account-order.container>.breadcrumb,
      body>#account-wishlist.container>.breadcrumb,
      body>#checkout-cart.container>.breadcrumb {
      margin: 8vw 2vw 0;
      display: block;
      text-transform: uppercase;
      padding: 0;
      }

      body>#account-dashboard.container #column-left,
      body>#account-address.container #column-left,
      body>#account-order.container #column-left {
      width: 30%;
      }

      body>#account-dashboard.container #content,
      body>#account-address.container #content,
      body>#account-order.container #content {
      width: 70%;
      }

      body>#account-dashboard.container #column-left div#filter,
      body>#account-address.container #column-left div#filter,
      body>#account-order.container #column-left div#filter {
      display: none;
      }

      body>#account-dashboard.container #column-left .column-left-wrapper,
      body>#account-address.container #column-left .column-left-wrapper,
      body>#account-order.container #column-left .column-left-wrapper {
      transform: unset;
      opacity: 1;
      position: sticky;
      top: 5vw;
      }

      body>#account-dashboard.container #column-left .column-left-wrapper .list-account,
      body>#account-address.container #column-left .column-left-wrapper .list-account,
      body>#account-order.container #column-left .column-left-wrapper .list-account {
      display: flex;
      flex-flow: column;
      gap: 10px;
      }

      body>#account-dashboard.container #column-left .column-left-wrapper .list-account a,
      body>#account-address.container #column-left .column-left-wrapper .list-account a,
      body>#account-order.container #column-left .column-left-wrapper .list-account a {
      color: #283325;
      font-weight: 700;
      text-transform: uppercase;
      }

      #account-wishlist a.btn.btn-remove {
      aspect-ratio: unset;
      }

      .product-grid .price {
      color: inherit;
      }

      #account-wishlist #content,
      #account-order #content {
      padding: 2vw;
      margin: 0;
      }

      #account-wishlist h1 {
      color: #283325;
      margin: 5vw 0 0;
      }

      #account-address .btn.btn-primary,
      #account-address .text-right a,
      #account-dashboard .text-right a {
      border: 0;
      padding: 0;
      color: #283325;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size: .7vw;
      }

      #account-address h1,
      #account-address h2,
      #account-address h3,
      #account-address h4,
      #account-address h5,
      #account-address h6,
      #account-address label.col-sm-4.control-label,
      #account-dashboard label.col-sm-4.control-label,
      #account-dashboard h1,
      #account-dashboard h3,
      #account-order h1 {
      color: #283325;
      }

      #account-address .form-group,
      #account-dashboard .form-group {
      margin-bottom: 20px;
      }

      .table-cart2-row {
      width: 32%;
      float: left;
      margin: 0 1% 40px 0;
      }

      #checkout-checkout .panel-title {
      margin: 25px 0;
      color: #283325;
      text-transform: uppercase;
      font-weight: 700;
      }

      .nav-tabs>li.active>a,
      .nav-tabs>li.active>a:focus,
      .nav-tabs>li.active>a:hover {
      background-color: #283325;
      color: #fff;
      }

      #shipping-existing .col-md-4 {
      width: 100%;
      }

      #checkout-checkout textarea.form-control {
      background-color: transparent;
      box-shadow: unset;
      border: 0;
      border-bottom: 1px solid #283325;
      border-radius: 0;
      }

      #checkout-checkout h3 {
      text-transform: uppercase;
      color: #283325;
      font-size: 16px;
      font-weight: 700;
      }

      #accordion .panel-body > :nth-child(1), #accordion .panel-body > :nth-child(2) {
      /*width: 100%;*/
      }

      #collapseOne .desc {
      display: none;
      }

      #accordion > .desc h6 {
      font-weight: 600;
      text-transform: uppercase;
      font-size: 75%;
      color: #283325;
      margin-bottom: 1vw;
      }

      #accordion > .desc {
      margin-bottom: 40px;
      }

      /*signup*/
      .col-md-3.menu-3 li:hover {
      opacity: 1;
      }
      .ajax-body-login > div {
      background-color: #283325 !important;
      }
      #button-signup {
      box-shadow: 0 0 0 1px #283325;
      font-size: 100% !important;
      }
      .row.v2.v1 .col-md-6 {
      padding-right: 2vw;
      }
      #form-signup .form-control {
      height: 4vw !important;
      background-color: transparent;
      box-shadow: unset;
      border-radius: 0;
      border-left: 0;
      border-left-color: currentcolor;
      border-top: 0;
      border-top-color: currentcolor;
      border-right: 0;
      border-right-color: currentcolor;
      border-color: #2833255e !important;
      }
      #form-signup .col-sm-6 {
      padding-right: 2vw;
      }
      #form-signup .checkbox .container input {
      position: absolute;
      opacity: 0;
      left: 0;
      cursor: pointer;
      }
      #form-signup .col-sm-3 {
      width: 25%;
      }
      #form-signup .checkmark::before {
      width: 1vw;
      height: 1vw;
      position: absolute;
      left: 0;
      background-image: url("/image/catalog/hinlim_2025/uncheck2.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      top: 12%;
      content: '';
      }
      #form-signup .checkbox {
      padding-left: 2vw;
      }
      #form-signup .checkbox .container input:checked ~ .checkmark::before {
      background-image: url("/image/catalog/hinlim_2025/checked2.png");
      }
      #account-signup div.required .control-label::after, #account-register div.required .control-label::after {
      content: ' *';
      font-weight: bold;
      }

      @media (min-width: 768px) {
      .bmenu-foot {
      display: none;
      }
      }

      @media (max-width: 767px) {
      .page-services-inner .subbrand-header {
      padding-top: 100px;
      }
      .page-services-inner .subbrand-box-wrapper {
      height: calc(100% - 80px);
      }
      .page-services-inner .subbc-title {
      margin: 0;
      }
      .page-services-inner .subbrand-box-wrapper {
      height: calc(100% - 80px);
      margin: 30px;
      }
      .page-services-inner .experience-boxes .subbc-image {
      margin: 0 0 20px;
      }

      .page-services-inner .categories-box .subbrand-box-item:nth-child(2n-1) {
      border-right: 0;
      }
      .page-services-inner .categories-box .subbrand-box-item {
      width: 100%;
      }
      .fpsrwbi-icon.fsrwbi-num {
      width: 10px;
      padding-top: 10px;
      }
      .page-services-inner .forpeople-section {
      margin-top: 20px;
      min-height: unset;
      }

      #account-login #content {
      padding: 0px 0;
      }
      #button-signup {
      font-size: 14px !important;
      }
      #account-signup #content {
      max-width: unset;
      margin-top: 70px;
      }
      #form-signup .col-lg-2 {
      width: 100%;
      }
      #form-signup .checkmark::before {
      width: 15px;
      height: 15px;
      }
      #form-signup .checkbox {
      padding-left: 20px;
      }
      .btn.btn-primary {
      padding: 5px 20px;
      margin: 0;
      width: max-content !important;
      }

      .table-cart2-row {
      width: 100%;
      margin: 0 0 40px;
      }

      .info-content {
      padding: 40px 20px;
      }

      #account-wishlist #content,
      #account-order #content {
      padding: 20px;
      }

      #account-address .btn.btn-primary,
      #account-address .text-right a,
      #account-dashboard .text-right a {
      font-size: 10px;
      }

      body>#account-dashboard.container #column-left,
      body>#account-address.container #column-left,
      body>#account-order.container #column-left {
      display: block !important;
      }

      body>#account-dashboard.container #column-left .column-left-wrapper,
      body>#account-address.container #column-left .column-left-wrapper,
      body>#account-order.container #column-left .column-left-wrapper {
      top: 0;
      padding-left: 0;
      }

      body>#account-dashboard.container #column-left .column-left-wrapper .list-account a,
      body>#account-address.container #column-left .column-left-wrapper .list-account a,
      body>#account-order.container #column-left .column-left-wrapper .list-account a {
      font-size: 10px;
      }

      body>#checkout-checkout.container>.breadcrumb,
      body>#checkout-cart.container>.breadcrumb,
      body>#account-dashboard.container>.breadcrumb,
      body>#account-address.container>.breadcrumb,
      body>#account-order.container>.breadcrumb,
      body>#account-wishlist.container>.breadcrumb {
      margin: 80px 20px 0;
      }

      body>#account-dashboard.container #content,
      body>#account-address.container #content,
      body>#account-order.container #content {
      width: 100%;
      }

      .page-contact,
      .page-single-info,
      .page-blogs,
      .single-page-container {
      background-size: auto 50vw;
      background-position: 50vw top;
      }

      .blog-content {
      max-width: calc(100% - 40px);
      margin: 50px auto;
      }

      .single-page-container.page-single-blogs .page-banner-title>h1 {
      font-size: 28px;
      }

      .single-page-container.page-single-blogs .page-banner-title>.font-24 {
      font-size: 12px;
      margin-bottom: 25px;
      letter-spacing: 2px;
      }

      .blog-featured-image img {
      aspect-ratio: auto;
      }

      .testimonial-cta-section .font-24 {
      font-size: 20px;
      margin-bottom: 25px;
      }

      .subbrand-boxes.categories-box.blogs-box .subbrand-box-wrapper {
      margin: 20px;
      height: calc(100% - 40px);
      }

      .subbrand-boxes.categories-box.blogs-box .subbc-title {
      margin-bottom: 40px;
      }

      #input-coupon,
      #input-voucher {
      width: 200px;
      }

      #checkout-cart #content .btn.btn-default {
      width: 100%;
      text-align: left;
      float: unset;
      margin: 0;
      display: block;
      }

      .ajax-body-login>div {
      padding: 20px;
      }

      .a-close-frm {
      top: 0;
      position: absolute;
      right: 0;
      }

      .service-boxes.categories-inner-boxes {
      margin-top: 40px;
      margin-bottom: 0;
      }

      .row.search-boxes input,
      .row.search-boxes select {
      height: 40px;
      }

      .row.search-boxes>* {
      width: 48%;
      margin-bottom: 15px;
      }

      .row.search-boxes {
      flex-wrap: wrap;
      }

      #product-search .checkbox .container {
      font-size: 12px;
      }

      #account-signup input[type="text"],
      #account-signup input[type="email"] {
      margin-bottom: 20px;
      }

      #account-signup,
      #account-forgotten,
      .well {
      width: 100%;
      margin: 0;
      padding: 70px 20px 50px;
      }

      .service-boxes.categories-inner-boxes .service-box-item .sbi-body {
      transform: unset;
      margin: 40px 0 20px;
      }

      .service-boxes.categories-inner-boxes .service-box-item {
      width: 100%;
      border-top: 1px solid #f0e9df;
      aspect-ratio: unset;
      }

      .page_simpleinfo {
      max-width: calc(100% - 40px);
      min-width: unset;
      margin: 80px 0;
      }

      #form-contact .buttons {
      margin-top: 40px;
      }

      .contact-wrapper {
      gap: 40px;
      flex-wrap: wrap;
      padding: 20px;
      margin-top: 40px;
      margin-bottom: 40px;
      }

      .contact-box img {
      height: 30px;
      margin-bottom: 15px;
      }

      .contact-box {
      width: 100%;
      }

      .field-half {
      width: 100%;
      margin-bottom: 20px !important;
      margin-top: 20px !important;
      }

      .contact-form-wrapper {
      max-width: calc(100% - 40px);
      margin-bottom: 40px;
      }

      .page-services .home-latesthighlight .ls-desc {
      aspect-ratio: 18/9;
      }

      .latest-slider-heading {
      padding: 20px 10px 15px;
      }

      .categories-box .subbrand-box-item {
      width: 100%;
      }

      .categories-box .subbrand-box-wrapper {
      margin: 40px;
      }

      .categories-box .subbrand-box-wrapper .font-50 {
      font-size: 250%;
      }

      .testimonial-cta-section {
      padding: 30px 20px 40px;
      }

      .testimonial-cta-section .brand-btn {
      margin: 40px auto 0;
      }

      .testright {
      padding: 20px 20px 40px;
      }

      .testleft {
      padding: 20px;
      }

      .forpeople-section {
      margin: 0px 0 50px;
      }

      .testleft,
      .testright {
      width: 100%;
      }

      .fpsrw-body {
      gap: 20px;
      margin-top: 20px;
      width: 100%;
      }

      .fpsrwh-desc {
      width: 100%;
      }

      .fpsrwbi-icon {
      width: 40px;
      height: 40px;
      }

      .fpsrwbi-desc {
      padding: 0;
      width: calc(100% - 60px);
      margin-left: 20px;
      }

      .fps-left,
      .fps-right {
      width: 100%;
      }

      .fpsr-wrapper {
      padding: 20px;
      }

      .ourbrands-section {
      margin-top: 40px;
      }

      .obil-content {
      padding: 20px;
      }

      .obi-right {
      padding: 20px 20px 30px;
      }

      .obi-left,
      .obi-right {
      width: 100%;
      }

      #accordion {
      margin-top: 30px;
      }

      #accordion .panel-body h6 {
      margin-bottom: 15px;
      margin-top: 10px;
      }

      .qty-btn.qty-minus {
      padding-bottom: 3px;
      }

      .custom-select-list ul {
      transform: translateX(150%);
      }

      #accordion .panel-heading a {
      padding: 10px 20px;
      }

      #accordion .panel-body>* {
      padding: 10px 20px;
      }

      .related-products h3 {
      padding: 15px 0;
      }

      .related-products .owl-nav {
      top: -75px;
      }

      body .owl-theme .owl-nav [class*="owl-"] {
      width: 30px;
      height: 30px;
      }

      .form-group.product-qty .btn.btn-primary {
      height: 100%;
      padding: 10px 25px;
      }

      .quantity-wrapper {
      width: 30%;
      border-radius: 50px;
      margin: 0 20px;
      }

      .pn-text {
      width: 100%;
      padding-right: 0;
      }

      #product-product .product-name.font-50 {
      flex-flow: column;
      }

      .product-color-container {
      padding-top: 15px;
      width: 100%;
      gap: 5%;
      padding-bottom: 15px;
      }

      .product-color-container span {
      width: 10%;
      }

      .product-category-tag {
      gap: 10px;
      margin-bottom: 15px;
      }

      .product-category-tag>span {
      padding: 7px 15px 7px;
      font-size: 70%;
      line-height: 1;
      border-radius: 50px;
      }

      #product-product .product_variants .thumbnail img {
      width: 100px;
      }

      #product-product .breadcrumb {
      padding: 80px 20px 0;
      display: block;
      margin-bottom: 0;
      line-height: 2;
      }

      #product-product>.row {
      padding: 10px 20px;
      }

      #product-product>.row>#content .row {
      padding: 0;
      flex-flow: column;
      }

      #product-product .col-sm-6.block-1.owl-style2,
      #product-product .col-sm-6.block-2 {
      width: 100%;
      padding: 0;
      }

      .subbrand-box-item.active .subb-image {
      transform: translateY(-50px);
      }

      .subbrand-box-item {
      width: 100%;
      }

      .subbrand-box-wrapper {
      margin: 20px;
      }

      .subbrand-boxes {
      margin-top: 50px;
      }

      .our-product-heading {
      padding: 100px 20px 10px;
      }

      .filter-container {
      padding: 10px 20px;
      }

      .filter-wrapper {
      padding: 0 20px;
      flex-flow: column;
      }

      .custom-products {
      padding: 20px 0;
      left: 0;
      width: 100%;
      }

      #column-left.hidden-xs {
      width: 100% !important;
      position: relative !important;
      overflow: hidden;
      padding: 0;
      }

      .column-left-wrapper {
      position: relative;
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px;
      }

      #column-left::before {
      display: none;
      }

      .panel {
      margin-bottom: 20px;
      }

      #column-left .checkbox label,
      #column-left .radio label {
      padding-left: 25px;
      font-size: 135%;
      }

      .checkbox,
      .radio {
      margin: 0 0 10px;
      }

      #column-left label.container::before {
      width: 15px;
      height: 15px;
      top: 6px;
      }

      .filter-section.active #column-left {
      display: block !important;
      }

      .product-layout.product-grid {
      padding: 0;
      }

      .filter-section.active #content {
      width: 100%;
      }

      .panel-default>.panel-heading::after {
      width: 20px;
      height: 20px;
      top: 0px;
      right: -15px;
      }

      .custom-select-list ul {
      width: 170px;
      padding: 10px;
      }

      .single-page-container {
      padding-top: 45px;
      padding-bottom: 0px;
      }

      .single-page-container .breadcrumb {
      padding: 40px 20px;
      margin-bottom: 0;
      }

      .page-banner-title {
      padding: 0 20px;
      flex-flow: column;
      }

      .banner-desc {
      width: 100%;
      padding-top: 10px;
      }

      .product-slider-section {
      padding-top: 70px;
      }

      .psc-slider-container {
      padding-top: 20px;
      padding-bottom: 20px;
      }

      .psc-btn {
      padding-bottom: 80px;
      }

      .flf-btn-container {
      margin-top: 15px;
      flex-wrap: wrap;
      gap: 20px;
      margin-bottom: 30px;
      }

      .rpc-left,
      .rpc-right {
      width: 100%;
      height: 50%;
      }

      .rpc-right-wrapper {
      width: calc(100% - 20px);
      }

      .box-list li::before {
      width: 8px;
      height: 8px;
      top: 6px;
      }

      .box-list li {
      padding-left: 20px;
      margin-bottom: 15px;
      }

      .popup-iconbox-item {
      width: 100%;
      margin-bottom: 25px;
      }

      .pii-icon img {
      height: 30px;
      }

      .rpcr-item {
      margin-bottom: 25px;
      }

      .btns-container {
      flex-wrap: wrap;
      gap: 15px;
      }

      .close-btn {
      width: 25px;
      height: 25px;
      filter: brightness(0) saturate(100%) invert(92%) sepia(3%) saturate(1326%) hue-rotate(327deg) brightness(107%) contrast(88%);
      }

      body {
      font-size: 14px;
      }

      #mn-mega .row {
      flex-wrap: wrap;
      }

      #mn-mega .menu-1 {
      width: 100%;
      margin-right: 0;
      border-right: 0;
      border-bottom: 0;
      margin: 65px 20px 0;
      height: calc(100svh - 65px);
      position: relative;
      padding: 0;
      }

      .sub-menu>div {
      /*transition: 1s ease-in-out all;
      display: grid;
      grid-template-rows: 0fr;*/
      }

      .sub-menu>div>a {
      overflow: hidden;
      }

      .menu-toggle {
      position: relative;
      }

      .menutoggle-btn {
      width: 35px;
      height: 35px;
      position: absolute;
      right: 0;
      top: 2px;
      bottom: 0;
      margin: auto;
      background-image: url(/image/catalog/hinlim_2025/menuarrow3.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 100%;
      transform: rotate(180deg);
      z-index: 30;
      }

      .dropdown-menu.megamenu .list-unstyled li.active .menutoggle-btn {
      transform: rotate(0deg);
      }

      header .mega-menu {
      max-height: 100vh !important;
      height: 100vh;
      background-color: #f0e9df;
      transform: translateX(100%);
      }

      header.active .mega-menu {
      transform: translateX(0%);
      }

      .menu-container {
      flex-flow: row-reverse;
      }

      .logo-container {
      position: relative;
      order: 1;
      margin: unset;
      height: 12px;
      margin-left: 20px;
      }

      .menu-est {
      flex: 1;
      }

      .menu-est {
      padding: 15px 20px;
      }

      .hambergur-icon {
      width: 20px;
      height: 6px;
      margin-left: 10px;
      }

      .hbi-top,
      .hbi-bottom {
      transform-origin: 1px 100%;
      }

      .dropdown-menu.megamenu {
      padding: 0;
      border: 0;
      box-shadow: unset;
      }

      .dropdown-menu.megamenu .list-unstyled li {
      margin-bottom: 15px;
      margin-top: 15px;
      position: relative;
      }

      .dropdown-menu.megamenu .list-unstyled li[data-menu] {
      padding: 0 0 15px;
      }

      .dropdown-menu.megamenu .list-unstyled li[data-menu]::before {
      content: '';
      width: 100vw;
      height: 1px;
      background-color: #bdbaaf;
      position: absolute;
      left: -20px;
      bottom: 0;
      visibility: visible;
      overflow: visible;
      opacity: 1;
      z-index: 999999999;
      }

      .search-containers #search .form-control {
      height: 40px;
      padding: 0 60px 0 20px;
      }

      #search .btn.btn-default.btn-lg {
      position: absolute;
      right: 0;
      top: 0;
      background-color: transparent;
      border: 0;
      padding: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 20px;
      }

      .search-containers.pull-right {
      float: unset !important;
      }

      .open>.dropdown-menu {
      top: 0;
      bottom: 0;
      margin: auto;
      height: max-content;
      left: 0;
      right: 0;
      width: calc(100% - 40px);
      padding: 20px;
      }

      /*mobile*/
      .shopping-cart ul.dropdown-menu.pull-right {
      top: 28.974vw;
      left: -26vw;
      min-width: 220px;
      left: unset;
      min-width: 320px;
      top: 80vh;
      }

      #cart .btn.btn-default {
      padding: 5px 20px;
      margin: 15px 0 0;
      right: 0;
      width: 100% !important;
      text-align: center;
      }

      #top-links #a-login-link {
      font-size: 12px;
      }

      .logo {
      width: 200px;
      }

      #mn-mega .menu-1 a {
      opacity: 1;
      }

      .sub-menu>div>a {
      opacity: .25 !important;
      }

      .dropdown-menu.megamenu .list-unstyled li.active .sub-menu>div {
      /*grid-template-rows: 1fr;*/
      }

      .dropdown-menu.megamenu .list-unstyled li .sub-menu li {
      /*transition: 1s ease-in-out all;*/
      /*display: grid;*/
      /*grid-template-rows: 1fr;*/
      }

      .dropdown-menu.megamenu .list-unstyled li .sub-menu li a {
      overflow: hidden;
      opacity: .25 !important;
      }

      .dropdown-menu.megamenu .list-unstyled li.active .sub-menu li {
      /*grid-template-rows: 1fr;*/
      }

      .setting button {
      padding: 10px 40px 10px 0;
      }

      .block-right {
      margin-bottom: 10px;
      }

      .col-md-3.menu-2,
      .col-md-3.menu-4 {
      display: none;
      }

      .bmenu-foot {
      position: absolute;
      bottom: 40px;
      width: 100%;
      background-color: #f0e9df;
      }

      .btn-arrow {
      width: 20px;
      height: 20px;
      }

      .dropdown-menu.megamenu .list-unstyled li .sub-menu>div {
      width: 48%;
      font-size: 8px;
      float: left;
      margin-right: 2%;
      margin-top: 5px;
      margin-bottom: 3px;
      }

      li[data-menu] {
      display: block;
      overflow: hidden;
      }

      .dropdown-menu.megamenu .list-unstyled li .sub-menu li {
      width: 48%;
      font-size: 8px;
      float: left;
      margin-right: 2%;
      margin-top: 5px;
      margin-bottom: 3px;
      }

      .sub-menu>.list-unstyled {
      margin-top: 5px;
      }

      .main-row.home-preloader {
      height: 100svh;
      }

      .hb-title .font-150 span {
      margin: 0 auto 10px;
      }

      .hb-title .font-150 span:nth-child(2) {
      right: 0;
      margin: auto;
      }

      .hb-content-container {
      flex-wrap: wrap;
      padding: 100px 0 0;
      }

      .hb-title {
      width: 100%;
      }

      .hb-desc {
      width: calc(100% - 200px);
      text-align: center;
      margin: auto;
      }

      .font-150 {
      font-size: 50px;
      font-size: 13vw;
      }

      .hb-bg-video iframe {

      }

      .hb-bg-video,
      .hb-bg-img {
      width: 100%;
      height: 50%;
      }

      .hb-bg-container {
      flex-flow: column;
      }

      .hb-bg-img::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: #000;
      left: 0;
      top: 0;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.63) 0%, rgba(0, 0, 0, 0) 100%);
      }

      .font-80 {
      font-size: 43px;
      }

      .ha1-title {
      width: calc(100% - 40px);
      margin: auto;
      }

      .ha1-img {
      width: 200px;
      }

      .ha1-desc {
      width: calc(100% - 40px);
      }

      .homeabout-1-wrap .ha1-btn {
      margin-top: 15px;
      }

      .button {
      height: 30px;
      }

      .button .btn_label {
      padding: 0 15px;
      }

      .btn_arrow {
      margin-left: 3px;
      }

      .ha2-heading {
      padding: 75px 20px 10px;
      }

      .ha2-boxes {
      flex-wrap: wrap;
      }

      .ha2-box-item img {
      position: absolute;
      left: 20px;
      top: 30px;
      width: 40px;
      }

      .ha2-box-item {
      width: 100%;
      padding: 20px 20px 20px 80px;
      position: relative;
      }

      .home-about .sub-col {
      padding-top: 50px;
      padding-bottom: 50px;
      }

      .homeservice-heading {
      width: 100%;
      padding: 60px 20px 30px;
      }

      .service-box-item {
      width: 100%;
      padding: 40px 20px;
      aspect-ratio: unset;
      border-bottom: 1px solid #f0e9df !important;
      }

      .main-row.home-service .sbi-body {
      transform: unset !important;
      margin: 30px 0 20px;
      }

      .font-24 {
      font-size: 30px;
      }

      .sbi-body img {
      width: 75%;
      }

      .sbi-desc {
      opacity: 1;
      transform: translateY(0%);
      }

      .service-box-item.active .sbi-body {
      transform: translateY(-10%);
      }

      .sbi-head {
      padding-right: 60px;
      }

      .brand-box.active {
      position: relative;
      }

      .brand-box {
      padding: 40px 20px;
      }

      .brands-boxes {
      position: relative;
      width: 100%;
      }

      .brand-title {
      padding: 20px;
      }

      .brands-backgrounds::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #0E0C09B2;
      }

      .brand-title {
      background-color: transparent !important;
      }

      .brand-btn {
      margin-top: 20px;
      }

      .brands-heading {
      padding: 100px 20px 20px;
      }

      .ls-desc {
      aspect-ratio: 1;
      padding: 20px;
      }

      .slick-arrow {
      width: 40px;
      height: 40px;
      }

      .slick-next.slick-arrow {
      right: 0;
      bottom: -60px;
      top: unset;
      left: 0;
      margin: auto;
      transform: translateX(25px);
      }

      .slick-prev.slick-arrow {
      left: 0;
      bottom: -60px;
      top: unset;
      right: 0;
      margin: auto;
      transform: translateX(-25px) rotate(180deg);
      }

      .main-row.home-latesthighlight .sub-col>div {
      padding-bottom: 150px;
      padding-top: 50px;
      }

      .tf-left,
      .tf-right {
      width: 100%;
      }

      .tf-desc {
      aspect-ratio: 12/9;
      padding: 40px 20px;
      }

      .tf-img::after {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
      height: 120%;
      }

      .tfr-wrapper {
      padding: 40px 40px;
      }

      .font-12 {
      font-size: 90%;
      }

      .address-item:not(:nth-last-child(1)) {
      margin-bottom: 20px;
      }

      .footer-wrapper {
      padding: 40px;
      border-top: 1px solid #DDD8D0;
      }

      .footer-left {
      width: 100%;
      gap: 15px;
      }

      .link-item {
      width: calc(50% - 15px);
      }

      .flf-wrapper {
      width: 100%;
      max-width: unset;
      }

      .fl-form {
      width: 100%;
      margin-top: 40px;
      }

      .fl-form form {
      margin-top: 20px;
      }

      input[type="email"] {
      height: 40px;
      }

      .footer-right {
      width: 100%;
      margin-top: 40px;
      }

      .footer-logo {
      margin: 0 0 15px;
      }

      .footer-logo img {
      width: 180px;
      }

      .footer-right {
      text-align: left;
      }

      .fc-wrapper {
      padding: 40px 20px;
      flex-wrap: wrap;
      gap: 15px;
      }

      .fc-item {
      width: calc(50% - 15px);
      }

      .fc-item:nth-child(1) {
      width: 275px;
      order: 1;
      margin-top: 20px;
      }

      .home-about {
      background-color: #E3DACF;
      -webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30pxw);
      clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
      top: -30px;
      z-index: 2;
      position: relative;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      }

      .ods-content {
      width: 100%;
      padding: 30px 0;
      }

      .ods-content * {
      color: #283325;
      }

      .ods-content .font-24,
      .oss-head .font-24 {
      font-size: 135%;
      }

      .ods-content br,
      .oss-head br {
      display: none;
      }

      .ods-content-p {
      width: 100%;
      }

      .oss-item {
      flex-flow: column;
      height: 100%;
      }

      .oss-left,
      .oss-right {
      width: 100%;
      }

      .oss-center {
      position: relative;
      width: 100%;
      order: -1;
      height: auto;
      }

      .osslw-desc {
      width: 100%;
      }

      .ossc-item {
      display: flex;
      align-items: center;
      padding: 20px 20px 20px 0;
      }

      .ourstory-slider-section {
      padding: 100px 0;
      }

      .oss-left {
      order: -1;
      flex: 1;
      }

      .oss-desc * {
      text-align: left;
      }

      .oss-img {
      width: 45%;
      }

      .oss-desc {
      width: 55%;
      }

      .ossl-wrapper {
      padding: 20px;
      }

      .oss-head {
      margin-bottom: 40px;
      }

      .slick-dots {
      position: relative;
      }

      .oss-body {
      display: flex;
      flex-flow: column;
      }

      .slick-slide {
      height: auto;
      }

      .slick-track {
      display: flex;
      }

      .custom-dots {
      order: -1;
      }

      .slick-slide>div {
      height: 100%;
      }

      .custom-dots .slick-dots {
      width: 100%;
      left: 20px;
      }

      .custom-dots .slick-dots li {
      width: 30px;
      height: 30px;
      }

      .custom-dots .slick-dots {
      width: 100%;
      left: 0;
      padding: 0 20px;
      gap: 10px;
      }

      .osslwd-p {
      width: 100%;
      }

      .ourscale-desc {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 20px;
      }

      .ourscale-section {
      height: auto;
      flex-flow: column;
      }

      .ourscale-images {
      position: relative;
      width: 100%;
      }

      .ourscale-images.osi-top {
      order: -1;
      }

      .ourscale-images.osi-bottom {
      justify-content: flex-end;
      }

      .osd-desc {
      width: calc(100% - 40px);
      }

      .ourscale-images img {
      width: 150px;
      }

      .sersec-item-num span {
      position: relative;
      }

      .sersec-wrapper {
      flex-wrap: wrap;
      }

      .sersec-item.active .sersec-item-bg {
      opacity: 1;
      width: 20%;
      }

      .sersec-item-wrapper {
      height: auto;
      margin: 20px 20px 20px calc(20% + 20px);
      }

      .services-section {
      padding: 100px 5px;
      }

      .link-list li {
      margin-bottom: 10px !important;
      }

      .top-footer {
      line-height: 1.5;
      }

      .psc-head {
      padding: 0 20px;
      }

      .psc-slider-container .slick-slide {
      height: 150px;
      margin: 10px;
      }

      .psc-slider-container .slick-slide {
      padding: 7px;
      }

      .menu-container>.block-right,
      .menu-container>.search-containers.pull-right {
      display: none;
      }

      .faq-question {
      padding-block: 4.222vw;
      }

      .faq-icon {
      width: 30px;
      height: 30px;
      }


      }