@import url("https://fonts.googleapis.com/css2?family=Anton&family=Barlow:wght@700;800&family=Inter:wght@300;400;600;700&display=swap");
a:focus {
  outline: none; }

a:focus {
  outline: none; }

.closers-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 80px 0; }
  .closers-loading__dots {
    display: flex;
    gap: 10px; }
  .closers-loading__dot {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f5cc00;
    animation: closers-bounce 1s ease-in-out infinite; }
    .closers-loading__dot:nth-child(2) {
      animation-delay: 0.15s; }
    .closers-loading__dot:nth-child(3) {
      animation-delay: 0.3s; }
  .closers-loading__text {
    font-family: "Anton", sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #000;
    text-transform: uppercase;
    opacity: 0.5; }

@keyframes closers-bounce {
  0%, 80%, 100% {
    transform: scale(0.6);
    opacity: 0.4; }
  40% {
    transform: scale(1);
    opacity: 1; } }
.closers-load-more {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  align-self: center;
  display: flex;
  width: fit-content;
  cursor: pointer;
  filter: drop-shadow(0px 4.978px 4.978px rgba(0, 0, 0, 0.25));
  transition: filter 0.2s; }
  .closers-load-more.is-loading {
    cursor: default;
    pointer-events: none; }
  @media (hover: hover) {
    .closers-load-more:hover {
      filter: drop-shadow(0px 5.13px 5.13px rgba(0, 0, 0, 0.35)); }
      .closers-load-more:hover .closers-loadmore-inner {
        background: #f5cc00; }
      .closers-load-more:hover .closers-loadmore-icon {
        filter: brightness(0) invert(1); }
      .closers-load-more:hover .closers-loadmore-text {
        color: #fff; } }
  .closers-load-more:active {
    filter: drop-shadow(0px 5.13px 5.13px rgba(0, 0, 0, 0.35)); }
    .closers-load-more:active .closers-loadmore-inner {
      background: #f5cc00; }
    .closers-load-more:active .closers-loadmore-icon {
      filter: brightness(0) invert(1); }
    .closers-load-more:active .closers-loadmore-text {
      color: #fff; }
  @media (max-width: 991px) {
    .closers-load-more {
      width: 100%;
      filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25)); } }

.closers-loadmore-inner {
  width: 390px;
  height: 83px;
  padding: 18.912px 89.403px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 19.772px;
  box-sizing: border-box;
  background: #fff;
  clip-path: polygon(18px 0%, 100% 0%, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0% 100%, 0% 18px);
  transition: background 0.2s; }
  @media (max-width: 991px) {
    .closers-loadmore-inner {
      width: 100%;
      padding: max(1.4vw, 11px) 0;
      gap: 18px;
      clip-path: none;
      height: auto; } }

.closers-loadmore-icon {
  width: 34.452px;
  height: 34.452px;
  flex-shrink: 0;
  display: block; }
  @media (max-width: 991px) {
    .closers-loadmore-icon {
      width: max(3vw, 21.504px);
      height: max(3vw, 21.504px); } }

.closers-loadmore-spinner {
  display: block;
  width: 28px;
  height: 28px;
  border: 3px solid rgba(0, 0, 0, 0.15);
  border-top-color: #333;
  border-radius: 50%;
  animation: closers-spin 0.7s linear infinite; }
  @media (max-width: 991px) {
    .closers-loadmore-spinner {
      width: 20px;
      height: 20px; } }

@keyframes closers-spin {
  to {
    transform: rotate(360deg); } }
.c-page-title {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 20px; }
  @media (max-width: 991px) {
    .c-page-title {
      position: relative; } }

.c-page-title__bg--mobile {
  display: none; }
  @media (max-width: 991px) {
    .c-page-title__bg--mobile {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
      z-index: 0; } }

.c-page-title__inner {
  position: relative;
  width: 100%;
  max-width: 1460px;
  flex-shrink: 0;
  aspect-ratio: 1460 / 89; }
  @media (max-width: 991px) {
    .c-page-title__inner {
      width: 100%;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center; } }

.c-page-title__bg {
  position: absolute;
  left: 0;
  top: 16.85%;
  width: 100%;
  height: 83.15%;
  max-width: none;
  object-fit: fill;
  pointer-events: none;
  display: block; }
  @media (max-width: 991px) {
    .c-page-title__bg {
      display: none; } }

.c-page-title__text {
  position: absolute;
  left: 17%;
  top: 35%;
  transform: translateY(-50%);
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: clamp(34px, 4.3vw, 64px);
  line-height: 1.4;
  color: #000;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap; }
  @media (max-width: 991px) {
    .c-page-title__text {
      position: relative;
      left: auto;
      top: auto;
      z-index: 1;
      font-size: 28px;
      letter-spacing: 0.3657px;
      transform: none; } }

.closers-loadmore-text {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.9px;
  color: #333;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s; }
  @media (max-width: 991px) {
    .closers-loadmore-text {
      font-size: max(2.2vw, 18px);
      letter-spacing: 0.42px; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

#closers-guide-page {
  position: relative;
  background: #fff;
  overflow-x: clip; }

.cg-page-bg {
  position: absolute;
  top: -5.9%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0; }
  .cg-page-bg img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none; }
  @media (max-width: 991px) {
    .cg-page-bg {
      width: 100%;
      height: auto;
      transform: none;
      left: 0;
      position: fixed;
      display: none; }
      .cg-page-bg img {
        width: 100%;
        height: auto; } }

.cg-char-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1306px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0; }
  .cg-char-bg img {
    position: absolute;
    height: auto;
    width: auto;
    max-width: none;
    top: 0; }
  @media (max-width: 991px) {
    .cg-char-bg {
      display: none; } }
  .cg-char-bg--l img {
    left: 0;
    top: -37px; }
  .cg-char-bg--r img {
    right: 0;
    top: 10px; }

.cg-page-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 75px 0 92px;
  gap: 22px; }
  @media (max-width: 991px) {
    .cg-page-inner {
      align-items: flex-start;
      padding: 0 0 20px;
      gap: 0px; } }

@media (min-width: 992px) {
  .c-page-title__text {
    left: 12.5%; } }
.cg-content-box {
  position: relative;
  width: 100%;
  height: 1905px;
  max-width: 1500px;
  flex-shrink: 0; }
  @media (max-width: 991px) {
    .cg-content-box {
      width: 100%;
      height: auto;
      padding-bottom: 60px; } }

.cg-content-bg {
  position: absolute;
  left: 0;
  top: -9px;
  width: 100%;
  height: 1905px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0; }
  .cg-content-bg img {
    position: absolute;
    width: 99.73%;
    height: 99.08%;
    left: 0;
    top: 0.31%;
    max-width: none; }
  @media (max-width: 991px) {
    .cg-content-bg {
      display: none; } }

.cg-sidebar {
  position: absolute;
  left: 2.5%;
  top: 4.83%;
  width: 24.33%;
  height: 85.88%;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column; }
  .cg-sidebar.is-fixed {
    position: fixed;
    top: var(--sb-top);
    left: var(--sb-left);
    width: var(--sb-width);
    height: var(--sb-height);
    overflow: hidden;
    z-index: 10; }
  @media (max-width: 991px) {
    .cg-sidebar {
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
      height: auto;
      overflow: visible; } }

.cg-scroll-wrap {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .cg-scroll-wrap::-webkit-scrollbar {
    display: none; }
  @media (max-width: 991px) {
    .cg-scroll-wrap {
      flex: none;
      height: auto;
      overflow: visible; } }

.cg-search-box {
  margin-bottom: 15px;
  flex-shrink: 0; }
  @media (max-width: 991px) {
    .cg-search-box {
      width: 100%; } }

.cg-search-bar {
  position: relative;
  width: calc(100% - 13px);
  aspect-ratio: 344 / 88;
  flex-shrink: 0; }
  @media (max-width: 991px) {
    .cg-search-bar {
      width: calc(100% - 28px); } }

.cg-search-bar-bg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
  pointer-events: none; }

.cg-search-input {
  position: absolute;
  left: 7.3%;
  top: 53%;
  transform: translateY(-50%);
  width: calc(100% - 29%);
  height: 50%;
  border: 1px solid #ccc;
  background: #f0f0f0;
  border-radius: 3px;
  padding: 5px 10px;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #444;
  outline: none;
  z-index: 1; }
  .cg-search-input::placeholder {
    color: #bbb; }

.cg-search-btn {
  position: absolute;
  right: 4%;
  top: 53%;
  transform: translateY(-50%);
  width: 14.8%;
  height: 50%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 2; }
  .cg-search-btn img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none; }

.cg-no-results {
  padding: 20px 10px;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  color: #787878; }

.cg-category-list {
  display: flex;
  flex-direction: column;
  gap: 27px;
  margin: 7px 0px 2px 7px; }
  @media (max-width: 991px) {
    .cg-category-list {
      gap: 12px;
      margin-left: 0; } }

.cg-cat-header {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 18px);
  aspect-ratio: 326 / 54;
  padding: 0 10px 0 24px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
  overflow: hidden; }
  @media (max-width: 991px) {
    .cg-cat-header {
      max-width: 95%;
      margin: 0 auto; } }

.cg-cat-header-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden; }
  .cg-cat-header-bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-position: top;
    max-width: none; }

.cg-cat-header-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  width: 100%; }
  @media (min-width: 670px) and (max-width: 991px) {
    .cg-cat-header-inner {
      position: absolute;
      inset: 0;
      padding: 0 20px; } }

.cg-cat-name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.4;
  white-space: nowrap;
  color: #000;
  text-transform: capitalize;
  flex-shrink: 0; }
  .cg-cat-name.is-open {
    color: #f0b100; }
  @media (max-width: 991px) {
    .cg-cat-name {
      font-size: clamp(18px, 3.6vw, 24px);
      margin-left: clamp(2px, 2.2vw, 3.2vw);
      margin-right: clamp(2px, 1.2vw, 6px); } }

.cg-cat-arrow {
  width: clamp(24px, 2.27vw, 34px);
  height: clamp(24px, 2.27vw, 34px);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: clamp(2px, 0.4vw, 6px); }
  .cg-cat-arrow img {
    display: block;
    width: clamp(17px, 1.67vw, 25px);
    height: clamp(9px, 0.93vw, 14px);
    max-width: none; }
  @media (max-width: 991px) {
    .cg-cat-arrow {
      width: clamp(20px, 6.8vw, 34px);
      height: clamp(20px, 6.8vw, 34px);
      margin-right: clamp(2px, 1.2vw, 6px); }
      .cg-cat-arrow img {
        width: clamp(14px, 5vw, 25px);
        height: clamp(8px, 2.8vw, 14px); } }

.cg-cat-body {
  position: relative;
  width: calc(100% - 37px);
  box-sizing: border-box;
  padding: 11px 30% 28px 30px;
  display: none;
  overflow: hidden;
  margin-left: 7px; }
  .cg-cat-body.is-open {
    display: block; }
  @media (max-width: 991px) {
    .cg-cat-body {
      max-width: 90%;
      margin: 0 auto;
      padding: 11px 20px 28px;
      box-sizing: border-box; } }

.cg-cat-body-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden; }
  .cg-cat-body-bg img {
    position: absolute;
    width: 100.08%;
    height: 118.09%;
    left: 0;
    top: -17.68%;
    max-width: none; }

.cg-cat-items {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px; }

.cg-cat-item a {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #333; }
  @media (hover: hover) {
    .cg-cat-item a:hover .cg-cat-item-text {
      color: #f0b100; } }
  .cg-cat-item a:active .cg-cat-item-text {
    color: #f0b100; }
  .cg-cat-item a.is-active .cg-cat-item-text {
    color: #f0b100;
    font-weight: 600; }
  .cg-cat-item a.is-active .cg-cat-item-arrow svg path {
    stroke: #f0b100; }
.cg-cat-item--sub a {
  padding-left: 12px; }
  .cg-cat-item--sub a .cg-cat-item-text {
    font-size: 13px; }

.cg-cat-item-arrow {
  width: 6px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.cg-cat-item-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.48px;
  color: #333;
  white-space: nowrap; }

.cg-scrollbar {
  position: absolute;
  width: 22px;
  z-index: 2; }
  @media (max-width: 991px) {
    .cg-scrollbar {
      display: none; } }

.cg-scrollbar-left {
  left: 26.5%;
  top: 20%;
  height: 60.21%; }
  .cg-scrollbar-left.is-fixed {
    position: fixed;
    top: var(--sbl-top);
    left: var(--sbl-left);
    width: 22px;
    height: var(--sbl-height);
    z-index: 10; }

.cg-scrollbar-right {
  left: 95.6%;
  top: 19.74%;
  height: 59.52%; }

.cg-scrollbar-track {
  position: absolute;
  left: 5px;
  top: 0;
  width: 6px;
  height: 100%;
  pointer-events: none; }
  .cg-scrollbar-track img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill; }

.cg-sb-btn-up,
.cg-sb-btn-dn {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  left: -22.5%;
  width: 26px;
  aspect-ratio: 88 / 106;
  overflow: hidden;
  cursor: pointer; }
  .cg-sb-btn-up img,
  .cg-sb-btn-dn img {
    display: block;
    width: 100%; }

.cg-sb-btn-up {
  top: 0; }

.cg-sb-btn-dn {
  bottom: -16px; }

.cg-sb-thumb {
  position: absolute;
  top: 22px;
  right: 13%;
  height: 36px;
  width: 22px;
  cursor: grab;
  user-select: none; }
  .cg-sb-thumb:active {
    cursor: grabbing; }
  .cg-sb-thumb img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none; }

.cg-content-inner {
  position: absolute;
  left: 32.53%;
  top: 4.83%;
  width: 60.27%;
  height: 84.51%;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column; }
  .cg-content-inner .cg-scroll-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 21px;
    padding-bottom: 40px; }
  @media (max-width: 991px) {
    .cg-content-inner {
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
      height: auto;
      overflow: visible;
      margin-top: 24px; }
      .cg-content-inner .cg-scroll-wrap {
        flex: none;
        overflow: visible; } }

@media (max-width: 991px) {
  .cg-category-list > .cg-content-inner {
    margin-top: 0;
    padding: 0 20px;
    max-width: 500px; } }
@media (max-width: 991px) {
  .cg-content-box > .cg-content-inner {
    display: none; } }
@media (min-width: 993px) {
  .cg-content-clone {
    display: none !important; } }
.cg-content-title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0; }

.cg-content-title-row {
  display: flex;
  align-items: center;
  gap: 5px; }

.cg-content-heading {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.48;
  letter-spacing: -0.64px;
  color: #f0b100;
  white-space: nowrap;
  margin: 0; }
  @media (max-width: 991px) {
    .cg-content-heading {
      font-size: 22px;
      white-space: normal; } }

.cg-content-divider {
  width: 100%;
  height: 2px;
  background: #f0b100;
  flex-shrink: 0;
  margin-bottom: 20px; }

.cg-content-text-area {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex-shrink: 0; }
  @media (max-width: 991px) {
    .cg-content-text-area {
      width: 100%; } }

.cg-content-body {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  word-break: break-word; }
  .cg-content-body p {
    margin-bottom: 6px; }
    .cg-content-body p:last-child {
      margin-bottom: 0; }
    .cg-content-body p img {
      width: 100%;
      margin-top: 10px; }
  @media (max-width: 1412px) {
    .cg-content-body {
      font-size: 16px; } }
  @media (max-width: 991px) {
    .cg-content-body {
      font-size: 15px; } }

.cg-content-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 911 / 719;
  flex-shrink: 0;
  overflow: hidden;
  background: #eee; }
  .cg-content-img-wrap img {
    position: absolute;
    width: 100%;
    height: 326.83%;
    left: 0;
    top: -205.41%;
    max-width: none;
    object-fit: cover; }

@media (max-width: 991px) {
  .cg-page-inner {
    align-items: center; }

  .cg-search-box {
    display: flex;
    justify-content: center;
    width: 100%; }

  .cg-search-bar {
    max-width: 500px;
    margin: 0 auto; }

  .cg-category-list {
    margin: 0 20px;
    align-items: center; }

  .cg-category {
    width: 100%; }

  .cg-cat-header {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    height: auto;
    aspect-ratio: 310 / 55;
    align-items: center; }

  .cg-cat-body {
    width: 94%;
    max-width: 470px;
    margin: 0 auto; } }
.cg-top-arrow {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  left: 87.53%;
  top: 90.81%;
  width: 74px;
  height: 74px;
  cursor: pointer;
  z-index: 3; }
  .cg-top-arrow img {
    display: block;
    width: 100%;
    height: 100%; }
  @media (max-width: 991px) {
    .cg-top-arrow {
      position: fixed;
      left: auto;
      top: auto;
      right: 16px;
      bottom: 24px;
      width: 48px;
      height: 48px; } }

/*# sourceMappingURL=guide.css.map */