body p,
body span,
body a {
   margin: 0;
   padding: 0;
}

body {
   font-family: "Montserrat";
}

.tlpl-body-layout {
   background-color: #fff;
}

.home-enterprise-container-layout {
   container-type: inline-size;
   overflow-y: auto;
   flex: 2;
   padding: 0 0rem;
   font-family: "Montserrat", sans-serif;
}

.home-enterprise-container {
   --home-enterprise-scale-font: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
   margin: 0 auto;
}

.home-enterprise-container .home-enterprise-head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   column-gap: calc(1.875rem * var(--home-enterprise-scale-font));
   height: calc(5rem * var(--home-enterprise-scale-font));
   padding: 0.5rem calc(1.375rem * var(--home-enterprise-scale-font));
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.home-enterprise-container.full-width {
   max-width: unset;
}

.home-enterprise-container .home-enterprise-branch {
   text-align: center;
}

.home-enterprise-logo {
   position: relative;
   margin: 0;
   font-family: "Bruno Ace", sans-serif;
   color: #060047;
   font-size: calc(1.25rem * var(--home-enterprise-scale-font));
   font-weight: normal;
   text-decoration: none;
}

.home-enterprise-logo span {
   font-family: "Bruno Ace", sans-serif;
   color: #e90064;
}

.home-enterprise-logo-sub-layout {
   display: flex;
   justify-content: end;
   width: 100%;
}

.home-enterprise-logo-sub {
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc(5.1875rem * var(--home-enterprise-scale-font));
   padding: calc(0.062rem * var(--home-enterprise-scale-font));
   border-radius: calc(0.1875rem * var(--home-enterprise-scale-font));
   background-color: #e90064;
}

.home-enterprise-logo-sub .logo-sub-img {
   width: calc(0.6rem * var(--home-enterprise-scale-font));
   margin-right: calc(0.1875rem * var(--home-enterprise-scale-font));
}

.home-enterprise-logo-sub span {
   color: #fff;
   font-family: "Montserrat", sans-serif;
   font-size: calc(0.4375rem * var(--home-enterprise-scale-font));
   font-weight: normal;
   letter-spacing: 0;
   margin-top: calc(0.2rem * var(--home-enterprise-scale-font));
}

.home-enterprise-head .head-right {
   display: flex;
   justify-content: end;
   width: 100%;
}

.home-enterprise-head .head-right .home-search-box {
   width: 100%;
   max-width: calc(42.875rem * var(--home-enterprise-scale-font));
}

.home-enterprise-head .head-right .home-search-box form {
   display: flex;
   align-items: center;
   height: calc(2.25rem * var(--home-enterprise-scale-font));
   border: 1px solid #d5d5d5;
   border-radius: calc(0.75rem * var(--home-enterprise-scale-font));
   background-color: #f1f4f9;
}

.home-enterprise-head .head-right .home-search-box .home-search-icon {
   width: calc(0.9375rem * var(--home-enterprise-scale-font));
   margin-left: calc(0.75rem * var(--home-enterprise-scale-font));
   margin-right: calc(0.5rem * var(--home-enterprise-scale-font));
   margin-bottom: calc(0.125rem * var(--home-enterprise-scale-font));
}

.home-enterprise-head .head-right .home-search-box .home-search-input {
   width: 100%;
   background-color: transparent;
   border: none;
   outline: none;
   color: #202224;
   font-size: calc(0.875rem * var(--home-enterprise-scale-font));
   font-weight: normal;
}

.home-enterprise-head .head-right .home-search-box .home-search-input::placeholder {
   color: #888b8e;
}

.home-enterprise-head .head-right .home-search-box .home-clear-search-btn {
   visibility: collapse;
}

.home-enterprise-head .head-right .home-search-box .home-clear-search {
   width: calc(1rem * var(--home-enterprise-scale-font));
   margin: 0 calc(1rem * var(--home-enterprise-scale-font)) 0 calc(0.5rem * var(--home-enterprise-scale-font));
}

.home-enterprise-head .head-right .home-search-box button {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: transparent;
   padding: 0;
   border: none;
   margin: 0;
}

.home-enterprise-head .head-right form {
   width: 50%;
}

.home-enterprise-body {
   padding: 0 calc(1.375rem * var(--home-enterprise-scale-font));
}

.home-enterprise-body .home-enterprise-slider {
   width: 100%;
   height: calc(13rem * var(--home-enterprise-scale-font));
   background-color: #fcf3fe;
   margin: calc(1.5rem * var(--home-enterprise-scale-font)) 0;
   border-radius: calc(0.6875rem * var(--home-enterprise-scale-font));
}

.home-enterprise-body .home-enterprise-category-list {
   padding: calc(1.125rem * var(--home-enterprise-scale-font)) 0;
}

.home-enterprise-body .category-item {
   padding: calc(1.9375rem * var(--home-enterprise-scale-font)) calc(1.3125rem * var(--home-enterprise-scale-font));
   border-radius: calc(0.6875rem * var(--home-enterprise-scale-font));
   background-color: #f4f1ff;
   background-size: calc(4.4375rem * var(--home-enterprise-scale-font));
   background-image: url("../../imgs/archive-book.png");
   background-repeat: no-repeat;
   background-position: bottom calc(1.9375rem * var(--home-enterprise-scale-font)) right calc(1.3125rem * var(--home-enterprise-scale-font));
   box-shadow: 0rem calc(0.25rem * var(--home-enterprise-scale-font)) calc(0.5rem * var(--home-enterprise-scale-font))
      calc(0.1rem * var(--home-enterprise-scale-font)) rgba(0, 0, 0, 0.1);
   cursor: pointer;
}

.home-enterprise-body .category-item.internal-doc {
   background-color: #e7f2ff;
   background-image: url("../../imgs/archive-book.png");
}
.home-enterprise-body .category-item.internal-doc-2 {
   background-color: #e8f9fd;
   background-image: url("../../imgs/archive-book.png");
}
.home-enterprise-body .category-item.internal-doc-3 {
   background-color: #fcf3fe;
   background-image: url("../../imgs/archive-book.png");
}
.home-enterprise-body .category-item.internal-doc-4 {
   background-color: #f6fcea;
   background-image: url("../../imgs/archive-book.png");
}
.home-enterprise-body .category-item.internal-doc-5 {
   background-color: #fff6f3;
   background-image: url("../../imgs/archive-book.png");
}
.home-enterprise-body .category-item.internal-doc-6 {
   background-color: #e8f9fd;
   background-image: url("../../imgs/archive-book.png");
}

.home-enterprise-body .category-item.reference-form {
   background-color: #fcf5de;
   background-image: url("../../imgs/document.png");
}

.home-enterprise-body .category-item.legal-procedure {
   background-color: #f2fbf7;
   background-image: url("../../imgs/form.png");
}

.home-enterprise-body .category-item.legal-calendar {
   background-color: #fbeff1;
   background-image: url("../../imgs/calendar.png");
}

.grid-container {
   display: grid;
   grid-template-columns: auto auto auto;
   justify-content: space-between;
   gap: calc(2rem * var(--home-enterprise-scale-font));
   width: 100%;
}

.grid-container .grid-item {
   min-width: calc(15rem * var(--home-enterprise-scale-font));
   justify-self: center;
}

.category-item .category-title {
   position: relative;
   margin-left: calc(0.5rem * var(--home-enterprise-scale-font));
   color: #e90064;
   font-size: calc(0.9375rem * var(--home-enterprise-scale-font));
   font-weight: bold;
   text-transform: uppercase;
}

.category-item .category-title::before {
   content: " ";
   position: absolute;
   top: 50%;
   left: 0;
   transform: translate(calc(-100% - calc(0.3125rem * var(--home-enterprise-scale-font))), -50%);
   width: calc(0.25rem * var(--home-enterprise-scale-font));
   height: calc(0.625rem * var(--home-enterprise-scale-font));
   border-radius: 0.75rem;
   background-color: #e90064;
}

.category-item .category-desc {
   color: #292d32;
   font-size: calc(0.8125rem * var(--home-enterprise-scale-font));
   font-weight: normal;
   line-height: 2;
}

#home-enterprise-loading {
   position: fixed;
   z-index: 2;
   left: 0;
   top: 0;
   background-color: yellow;
   width: 100vw;
   height: 100vh;
   background-color: rgba(255, 255, 255, 0.5);
}

.loading {
   border: 8px solid #f3f3f3;
   border-top: 8px solid #e90064;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   animation: spin 2s linear infinite;
   position: absolute;
   top: 50%;
   left: 50%;
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 480px) {
   html {
      font-size: 14px;
   }
}

@media only screen and (max-width: 360px) {
   html {
      font-size: 12px;
   }
}

@media only screen and (max-width: 280px) {
}

@container (max-width: 1920px) {
   .grid-container {
      grid-template-columns: auto auto auto auto auto;
   }
}

@container (max-width: 1680px) {
   .grid-container {
      grid-template-columns: auto auto auto auto;
   }
}

@container (max-width: 1280px) {
   .grid-container {
      grid-template-columns: auto auto auto;
   }
}

@container (max-width: 1024px) {
}

@container (max-width: 950px) {
   .grid-container {
      grid-template-columns: 1fr 1fr;
   }

   .grid-container .grid-item {
      width: 100%;
   }
}

@container (max-width: 800px) {
}

@container (max-width: 650px) {
   .home-enterprise .flow-footer .text-hide-on-small {
      display: none;
   }

   .grid-container .grid-item {
      zoom: 0.9;
   }
}

@container (max-width: 550px) {
   .home-enterprise-container {
      --home-enterprise-scale-font: 0.875;
   }
}

@container (max-width: 480px) {
   .home-enterprise-container {
      --home-enterprise-scale-font: 1;
   }

   .grid-container {
      grid-template-columns: auto;
      justify-content: unset;
   }

   .grid-container .grid-item {
      zoom: unset;
   }
}

@container (max-width: 360px) {
   .grid-container {
      grid-template-columns: auto;
      gap: calc(1rem * var(--home-enterprise-scale-font));
   }
}