:root {
  --cl-bd: rgba(36, 36, 36, 0.2);
}

body:has(.new-ui) .hd {
  --color-link: black !important;
}
body:has(.new-ui) .hd-wrap {
  background-color: white !important;
}
body:has(.new-ui) .hd-group {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
}

body:has(.new-ui) .hd-bot__search > label {
  display: block;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body:has(.new-ui) .hd-bot__search img {
  filter: brightness(0);
}
body:has(.new-ui) .hd-lg {
  position: relative;
}
body:has(.new-ui) .hd-lg::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 2.4rem;
  background-color: #d2d2d2;
  left: -0.8rem;
  top: 50%;
  transform: translateY(-50%);
}
body:has(.new-ui) .hd-btn {
  position: relative;
}
body:has(.new-ui) .hd-btn::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 2.4rem;
  background-color: #d2d2d2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
body:has(.new-ui) .hd-btn .txt {
  color: #4d4d4d;
}
body:has(.new-ui) .hd-btn .ic img {
  filter: brightness(0) saturate(100%) invert(30%) sepia(0%) saturate(0%)
    hue-rotate(59deg) brightness(94%) contrast(90%);
}
@media screen and (min-width: 1025px) {
  body:has(.new-ui) .hd-btn:hover .ic {
    filter: none !important;
  }
  body:has(.new-ui) .hd-btn:hover .ic img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(0%) saturate(0%)
      hue-rotate(59deg) brightness(94%) contrast(90%) !important;
  }
}
body:has(.new-ui) .main {
  padding-top: var(--size-hd);
}
body:has(.new-ui) .sec-ctm {
  margin-top: -5vw;
}
body:has(.new-ui) .ctm {
  border-radius: 0.8rem;
  overflow: hidden;
}
body:has(.new-ui) .ctm-form .b-head .t-des {
  color: #525252;
}
body:has(.new-ui) .ctm-form .b-form .form-list .form-ip input,
body:has(.new-ui) .ctm-form .b-form .form-list .form-ip textarea {
  border-radius: 0.8rem;
}
body:has(.new-ui)
  .ctm-form
  .b-form
  .form-list
  .form-ip
  .select2-container--default
  .select2-selection--single {
  border-radius: 0.8rem !important;
}
body:has(.new-ui) .ctm-form .b-form .b-submit .btn {
  width: fit-content;
  margin-left: auto;
}
body:has(.new-ui) .ctm-form .b-form .b-submit .btn i {
  display: none;
}
@media screen and (min-width: 1201px) {
  /* body:has(.new-ui) .faq .qa-list .qa-item {
        display: flex;
        align-items: unset;
        gap: 4rem;
    } */
  body:has(.new-ui) .faq .qa-list .qa-item .qa-heading {
    /* width: 34rem; */
    flex-shrink: 0;
    align-items: start;
    position: static;
  }
  body:has(.new-ui) .faq .qa-list .qa-item .qa-heading .icon {
    /* position: absolute; */
    position: relative;
    right: 1rem;
    top: 2rem;
  }
  body:has(.new-ui) .faq .qa-list .qa-item .qa-body {
    margin-top: 0;
    position: relative;
  }
  body:has(.new-ui) .faq .qa-list .qa-item .qa-body::after {
    content: "";
    position: absolute;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    height: 100%;
    background-color: var(--cl-bd);
  }
  body:has(.new-ui) .faq .qa-list .qa-item .qa-body .qa-content {
    padding-top: 0;
    padding-right: 4rem;
  }
}
body:has(.new-ui) .faq .qa-list .qa-item .qa-body .qa-content .info-link {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--color-pri);
  font-weight: 600;
}
body:has(.new-ui) .faq .qa-list .qa-item .qa-body .qa-content ul li {
  padding-left: 2rem;
}

body:has(.mobile.open) .hd {
  --color-link: black !important;
}
body:has(.mobile.open) .hd-wrap {
  background-color: white !important;
}
body:has(.mobile.open) .hd-group {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
}
body:has(.mobile.open) .hd-bot__search > label {
  display: block;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body:has(.mobile.open) .hd-bot__search img {
  filter: brightness(0);
}
body:has(.mobile.open) .hd-lg {
  position: relative;
}
body:has(.mobile.open) .hd-lg::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 2.4rem;
  background-color: #d2d2d2;
  left: -0.8rem;
  top: 50%;
  transform: translateY(-50%);
}
body:has(.mobile.open) .hd-btn {
  position: relative;
}
body:has(.mobile.open) .hd-btn::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 2.4rem;
  background-color: #d2d2d2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
body:has(.mobile.open) .hd-btn .txt {
  color: #4d4d4d;
}
body:has(.mobile.open) .hd-btn .ic img {
  filter: brightness(0) saturate(100%) invert(30%) sepia(0%) saturate(0%)
    hue-rotate(59deg) brightness(94%) contrast(90%);
}
@media screen and (min-width: 1025px) {
  body:has(.mobile.open) .hd-btn:hover .ic {
    filter: none !important;
  }
  body:has(.mobile.open) .hd-btn:hover .ic img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(0%) saturate(0%)
      hue-rotate(59deg) brightness(94%) contrast(90%) !important;
  }
}
body:has(.mobile.open) .main {
  padding-top: var(--size-hd);
}

.container {
  max-width: 124.6rem;
}

.text-ln1 {
  background: linear-gradient(85.93deg, #d71920 0%, #005c9a 96.99%), #242424;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.text-ln2 {
  background: linear-gradient(85.93deg, #d71920 0%, #005c9a 96.99%), #242424;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.txt-pri {
  color: var(--color-pri);
}

.bg-blue {
  background-color: #edf0f3;
}

.btn {
  border-radius: 0.8rem;
}
.btn.trans-pri {
  border-color: var(--color-sec);
}
.btn.trans-pri .inner {
  color: var(--color-sec);
}
@media (hover: hover) {
  .btn.trans-pri:hover .inner {
    color: white;
  }
}

.button-gr {
  display: flex;
  gap: 1rem;
}
.button-gr.center {
  justify-content: center;
  margin-top: 2.4rem;
}

.rmk-title-gr .icon {
  aspect-ratio: 271/80;
  width: 27rem;
}
.rmk-title-gr .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.rmk-title-gr .sub {
  color: #8e8e93;
  --f-sz: clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);
  font-size: var(--f-sz);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
  letter-spacing: 0.05em;
}
.rmk-title-gr .tt {
  --f-sz: clamp(2.9rem, calc(0.8918rem + 2.8689vw), 6.4rem);
  font-size: var(--f-sz);
  font-weight: 600;
  text-transform: uppercase;
}
.rmk-title-gr .mona-content * {
  color: #5c6c7b;
}
.rmk-title-gr.center {
  text-align: center;
  display: flex;
  flex-direction: column;
  /* row-gap: 4.8rem; */
}
.rmk-title-gr.center .icon {
  margin: 0 auto;
}
.rmk-title-gr.center .button-gr {
  justify-content: center;
}

.rmk-bn {
  position: relative;
  overflow: hidden;
}
.rmk-bn .breadscrumb {
  transform: translateY(-2rem);
}
.rmk-bn .breadscrumb-list {
  display: flex;
  gap: 1rem;
}
.rmk-bn .breadscrumb-item {
  color: #d1d1d6;
}
.rmk-bn .breadscrumb-item:first-child > a {
  width: 2.4rem;
  height: 2.4rem;
}
.rmk-bn .breadscrumb-item:first-child > a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  display: block;
}
.rmk-bn .breadscrumb-item:not(:first-child)::before {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  margin-right: 1rem;
}

@media screen and (min-width: 1025px) {
  .rmk-bn .breadscrumb-item:hover {
    color: var(--color-pri);
  }
}
.rmk-bn .breadscrumb-link {
  color: inherit;
  transition: 0.4s;
}
.rmk-bn .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.rmk-bn .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rmk-bn__content {
  padding-top: 15rem;
  padding-bottom: 6.4rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 3rem 2.4rem;
  justify-content: space-between;
}
.rmk-bn__title {
  font-size: clamp(8rem, 6.0237rem + 3.9526vw, 12rem);
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}
.rmk-bn__title .sub {
  font-size: 0.5em;
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-stroke: 0.1rem rgba(255, 255, 255, 0.8);
  letter-spacing: 0.5rem;
  width: fit-content;
  /* text-shadow: 0 0 6.69px rgba(0, 0, 0, 0.5); */
  filter: drop-shadow(1px 1px 6.69px rgba(0, 0, 0, 0.5));
}
.rmk-bn__title .tt {
  -webkit-text-stroke: 0.1rem rgba(255, 255, 255, 0.6);
  paint-order: stroke;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: 0.5rem;
  width: fit-content;
  /* text-shadow: 0 0 6.69px rgba(0, 0, 0, 0.3); */
  filter: drop-shadow(1px 1px 6.69px rgba(0, 0, 0, 0.88));
}

.rmk-partner__item {
  padding: var(--pd-sc) 0;
}
.rmk-partner__item:first-child {
  padding-top: 0;
}
.rmk-partner__item:nth-child(even) {
  background-color: #edf0f3;
}
.rmk-partner__item:nth-child(even) .flex {
  flex-direction: row-reverse;
}
.rmk-partner__item:nth-child(even) .flex .right .wrapper {
  padding-left: 0;
  padding-right: 5%;
}
.rmk-partner__item .flex .left {
  width: 50%;
}
.rmk-partner__item .flex .left .img-inner {
  display: block;
  padding-top: calc(440 / 600 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
}
.rmk-partner__item .flex .left .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-partner__item .flex .right {
  width: 50%;
}
.rmk-partner__item .flex .right .wrapper {
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.rmk-partner__item .flex .right .wrapper .icon {
  width: 7.6rem;
  height: 7.6rem;
}
.rmk-partner__item .flex .right .wrapper .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-partner__item .flex .right .wrapper .mona-content p {
  margin: 0;
}
@media screen and (max-width: 800px) {
  .rmk-partner__item .flex .right .wrapper {
    padding: 0 !important;
  }
}
@media screen and (max-width: 650px) {
  .rmk-partner__item .flex {
    flex-direction: column;
  }
  .rmk-partner__item .flex .left {
    width: 100%;
  }
  .rmk-partner__item .flex .right {
    width: 100%;
  }
  .rmk-partner__item .flex .right .wrapper .icon {
    width: 4rem;
    height: 4rem;
  }
}

@media screen and (max-width: 1200px) {
  .rmk-partner .abv {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 500px) {
  .rmk-partner .abv {
    padding-bottom: 0rem;
  }
}
.rmk-partner .abv-panel .t-head .icon {
  width: 7.6rem;
  height: 7.6rem;
}
.rmk-partner .abv-core .b-box {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.8rem;
  z-index: 3;
  backdrop-filter: blur(0.4rem);
  box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.15);
  padding: 2.4rem;
}
@media screen and (min-width: 1201px) {
  .rmk-partner .abv-core .b-img {
    width: 90%;
  }
}
.rmk-partner .abv-core .b-img::before {
  border-color: #d71920;
}
@media screen and (min-width: 1201px) {
  .rmk-partner .abv-core .b-main {
    padding-top: 70%;
  }
  .rmk-partner .abv-core .b-box.x4,
  .rmk-partner .abv-core .b-box.x1 {
    top: 75%;
  }
}

.sec-hct .title-gr .title-sub {
  color: var(--color-pri);
}
.sec-hct .title-gr .mona-content * {
  color: #8e8e93;
}
.sec-hct .hct-row > .col:first-child {
  width: 40%;
}
.sec-hct .hct-row > .col:last-child {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .sec-hct .hct-row > .col:first-child {
    width: 100%;
  }
  .sec-hct .hct-row > .col:last-child {
    width: 100%;
  }
}
.sec-hct .hct-panel .b-phone {
  border: 0.1rem solid white;
  border-radius: 0.4rem;
  width: fit-content;
  padding: 0.4rem 1rem;
  transition: 0.4s;
}
@media (hover: hover) {
  .sec-hct .hct-panel .b-phone:hover {
    background-color: var(--color-pri);
  }
}
.sec-hct .hct-panel .b-phone.iwt {
  --cl: var(--color-sec);
  --iz: 2rem;
  --fz: 1.4rem;
  --fw: 600;
}
.sec-hct .hct-panel .b-phone.iwt .icon img {
  filter: brightness(0) invert(1);
}
.sec-hct .hct-panel .b-phone.iwt .txt {
  color: white;
}
.sec-hct .hct-form .form-list .form-ip .text {
  color: white;
}
.sec-hct .hct-form .form-list .form-ip input,
.sec-hct .hct-form .form-list .form-ip textarea {
  border-radius: 0.8rem;
}
.sec-hct .hct-form .form-list .form-ip input {
  height: 4rem;
}
.sec-hct .hct-form .form-list .form-ip .select2-container {
  height: 4rem;
}
.sec-hct
  .hct-form
  .form-list
  .form-ip
  .select2-container--default
  .select2-selection--single {
  border-radius: 0.8rem !important;
  height: 4rem;
}
.sec-hct .hct-form .btn.white {
  padding: 0.4rem 2rem;
  border-radius: 0.4rem;
  background-color: var(--color-pri);
}
.sec-hct .hct-form .btn.white .inner {
  color: white;
}
.sec-hct .hct-form .btn.white i {
  display: none;
}

.rmk-history__head {
  position: relative;
}
.rmk-history__head::after {
  content: "";
  position: absolute;
  aspect-ratio: 1512/550;
  width: 100%;
  background-image: url("../assets/images/rmk-pattern.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 0;
  top: 0;
  pointer-events: none;
}

.rmk-progress {
  position: relative;
  background: #edf0f3;
  padding-top: 16rem;
  padding-bottom: 16rem;
}
@media screen and (max-width: 1200px) {
  .rmk-progress {
    padding: 4rem 0;
  }
}
.rmk-progress__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}
.rmk-progress__head .title-gr {
  max-width: 79rem;
}
.rmk-progress__head .title-gr .mona-content p {
  margin: 0;
}
@media screen and (max-width: 1100px) {
  .rmk-progress__head {
    flex-direction: column;
    align-items: center;
  }
  .rmk-progress__head .title-gr {
    text-align: center;
  }
}
.rmk-progress__links {
  display: flex;
  gap: 1rem 2rem;
  font-weight: 600;
}
.rmk-progress__link.active {
  color: var(--color-pri);
}
.rmk-progress__banner {
  padding-top: 30rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  margin-bottom: 3.2rem;
}
.rmk-progress__banner .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.rmk-progress__banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-progress__banner .bg::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}
.rmk-progress__content {
  padding: 1rem 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(0.3rem);
  margin-top: auto;
}
.rmk-progress__content .txt {
  --f-sz: clamp(2.9rem, calc(0.8918rem + 2.8689vw), 6.4rem);
  font-size: var(--f-sz);
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 0.1rem white;
  paint-order: stroke;
  text-align: center;
}
.rmk-progress__list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.rmk-progress__box:nth-child(even) .rmk-progress__flex {
  flex-direction: row-reverse;
}
.rmk-progress__flex .left {
  width: 50%;
}
.rmk-progress__flex .left .wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  overflow-y: auto;
  padding-right: 1rem;
}
.rmk-progress__flex .left .wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(36, 36, 36, 0.3);
  border-radius: 1rem;
}
.rmk-progress__flex .left .wrapper::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 1rem;
}
.rmk-progress__flex .left .wrapper .txt {
  background: linear-gradient(180deg, #d71920 0%, #710d11 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.rmk-progress__flex .left .wrapper .box {
  padding: 1.6rem;
  transition: 0.4s;
  border-radius: 0.8rem;
}
.rmk-progress__item.is-has-image {
  cursor: pointer;
}
.rmk-progress__item.is-disabled {
  cursor: default;
}
.rmk-progress__item.is-disabled .box {
  /* opacity: 0.65; */
}
.rmk-progress__item.is-active .box {
  /* background-color: white; */
  /* box-shadow: 0 1.2rem 3rem rgba(16, 24, 40, 0.08); */
}
@media screen and (max-width: 1200px) {
  .rmk-progress__flex .left .wrapper .box {
    padding: 0;
  }
}
@media (hover: hover) {
  .rmk-progress__flex .left .wrapper .box:hover {
    background-color: white;
  }
}
.rmk-progress__flex .left .wrapper .box .mona-content h3 {
  text-transform: uppercase;
  font-size: 1.4rem;
  color: var(--color-sec);
  font-weight: 600;
}
.rmk-progress__flex .left .wrapper .box .mona-content * {
  color: #5c6c7b;
  margin: 0.2rem;
}
.rmk-progress__flex .right {
  width: 50%;
}
.rmk-progress__flex .right .img-inner {
  display: block;
  padding-top: calc(700 / 576 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
}
.rmk-progress__flex .right .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}
.rmk-progress__flex .right .img-inner.is-switching img {
  opacity: 0.75;
  transform: translate(-50%, -50%) scale(1.02);
}
@media screen and (max-width: 768px) {
  .rmk-progress__flex .left,
  .rmk-progress__flex .right {
    width: 100%;
  }
  .rmk-progress__flex .left .wrapper {
    max-height: unset !important;
  }
}

.hd {
  --color-link-mobile: #4d4d4d;
  --color-sub-mobile: #4d4d4d;
  --font-size-link-mobile: 1.4rem;
  --font-size-sub-mobile: 1.4rem;
  --font-weight-sub-mobile: 600;
}
.hd .mobile {
  top: var(--size-hd) !important;
  background-color: #fafafa;
  padding-top: 2rem;
  padding-left: 1.6rem;
}
.hd .mobile-close {
  display: none;
}
.hd .mobile-overlay {
  top: var(--size-hd) !important;
}
.hd .mobile-con {
  overflow-x: hidden;
}
.hd .mobile-content {
  position: relative;
  padding: 2.4rem 0;
}
.hd .mobile-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: -3rem;
  width: 100%;
  height: 0.1rem;
  background-color: #d2d2d2;
}
.hd .mobile-content .flex .col {
  width: 50%;
}
.hd .mobile-content .flex .col .iwt .icon {
  width: 1.3rem;
  height: 1.3rem;
}
.hd .mobile-content .flex .col .iwt .txt {
  color: #4d4d4d;
  font-weight: 600;
  font-size: 1.2rem;
}
.hd .mobile-nav .menu-link {
  padding: 0.8rem 0 !important;
}
.hd .mobile .mobile-nav .menu-nav > .menu-list > .menu-item > a {
  border: none;
  font-weight: 600;
}
.hd .mobile .mobile-nav .menu-item > .menu-list {
  padding-left: 1rem;
}
.hd .mobile .mobile-head {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-right: 2.2rem;
}
.hd .mobile .mobile-search {
  background-color: white;
  border-radius: 0.8rem;
  overflow: hidden;
  width: 100%;
}
.hd .mobile .mobile-search:has(input:focus) {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.hd .mobile .mobile-search__flex {
  display: flex;
}
.hd .mobile .mobile-search__flex input {
  width: 100%;
  height: 100%;
  height: 3.6rem;
}
.hd .mobile .mobile-search__flex button {
  border-radius: 0.4rem 0.7rem 0.7rem 0.4rem;
  background-color: #8e8e93;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.6rem;
  width: 6rem;
}
.hd .mobile .mobile-lg {
  position: relative;
}
.hd .mobile .mobile-lg__it {
  gap: 1rem;
  height: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #8e8e93;
  color: white;
  width: 7rem;
  border-radius: 0.8rem;
}
.hd .mobile .mobile-lg__drop {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: white;
  width: fit-content;
  z-index: 3;
  border-radius: 0 0 0.8rem 0.8rem;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  overflow: hidden;
}
.hd .mobile .mobile-lg__link {
  display: block;
  padding: 0.4rem 1rem;
  transition: 0.4s;
  font-weight: 600;
}
@media (hover: hover) {
  .hd .mobile .mobile-lg__link:hover {
    background-color: var(--color-pri);
    color: white;
  }
}
.hd .mobile .mobile-lg.is-open .mobile-lg__drop {
  display: block;
}
@media screen and (max-width: 1200px) {
  .hd-action .b-gr {
    gap: 2rem;
  }
  .hd-action .b-gr .hd-btn::after {
    left: -1rem !important;
  }
}
.hd.sticky .hd-btn .ic {
  filter: none;
}

.rmk-award {
  background-color: transparent;
  position: relative;
}
.rmk-award::after {
  content: "";
  position: absolute;
  width: 124.6rem;
  height: 0.1rem;
  background-color: #051a53;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.2;
}
.rmk-award__item {
  height: 100%;
}
.rmk-award__item .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.2rem;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.rmk-award__item .inner .img-inner {
  display: block;
  padding-top: calc(1 / 1 * 100%);
  position: relative;
  overflow: hidden;
}
.rmk-award__item .inner .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-award__item .inner .info {
  background-color: white;
  padding: 3.2rem;
  flex: 1;
  transition: 0.4s;
}
.rmk-award__item .inner .info-tt {
  font-weight: 600;
  padding-top: 2rem;
  position: relative;
  display: block;
}
.rmk-award__item .inner .info-tt::after {
  content: "";
  position: absolute;
  width: 10rem;
  height: 0.1rem;
  opacity: 0.5;
  background-color: var(--color-pri);
  top: 0;
  left: 0;
}
@media (hover: hover) {
  .rmk-award__item .inner:hover .info {
    background-color: #242424;
    color: white;
  }
}

.rmk-total__flex .left {
  width: 45%;
}
.rmk-total__flex .right {
  width: 55%;
}
.rmk-total__flex .right .img-inner {
  display: block;
  padding-top: calc(462 / 630 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
  cursor: pointer;
}
.rmk-total__flex .right .img-inner img,
.rmk-total__flex .right .img-inner video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-total__flex .right .img-inner:has(video)::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 4rem;
  background-image: url("../assets/images/rmk-ic-video.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .rmk-total__flex .left {
    width: 100%;
  }
  .rmk-total__flex .right {
    width: 100%;
  }
}

.rmk-dvc .dvc-item .inner {
  overflow: hidden;
  border-radius: 1.2rem;
  position: relative;
}
.rmk-dvc .dvc-item .inner::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
}
.rmk-dvc .dvc-tab .mona-content h3 {
  color: var(--color-pri);
}
.rmk-dvc .dvc-tab .mona-content * {
  color: #5c6c7b;
}

.rmk-why__flex .left {
  width: 50%;
}
.rmk-why__flex .left .img-inner {
  display: block;
  padding-top: calc(564 / 596 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
}
.rmk-why__flex .left .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-why__flex .right {
  width: 50%;
}
.rmk-why__flex .right .wrapper {
  height: 100%;
}
.rmk-why__flex .right .flex {
  height: calc(100% + var(--cg));
  margin-bottom: calc(-1 * var(--cg));
}
.rmk-why__flex .right .flex .col {
  width: 50%;
}
.rmk-why__flex .right .flex-item {
  height: 100%;
  background-color: white;
  border-radius: 0.8rem;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
}
.rmk-why__flex .right .flex-item .heads {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.rmk-why__flex .right .flex-item .heads .icon {
  width: 7.6rem;
  height: 7.6rem;
}
.rmk-why__flex .right .flex-item .heads .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rmk-why__flex .right .flex-item .heads .num {
  color: #5c6c7b;
  font-weight: 500;
}
.rmk-why__flex .right .flex-item .mona-content * {
  color: #5c6c7b;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .rmk-why__flex .right .flex-item {
    padding: 1rem;
  }
  .rmk-why__flex .right .flex-item .heads .icon {
    width: 5rem;
    height: 5rem;
  }
  .rmk-why__flex .right .flex-item .mona-content * {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .rmk-why__flex .left {
    width: 100%;
  }
  .rmk-why__flex .right {
    width: 100%;
  }
}

.bd-linear {
  position: relative;
}
.bd-linear::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(to top, #242424, transparent);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  opacity: 0.3;
}

.rmk-number {
  position: relative;
  overflow: hidden;
}
.rmk-number .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.rmk-number .bg::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    linear-gradient(
      116.47deg,
      rgba(0, 0, 0, 0) 49.28%,
      rgba(0, 0, 0, 0.7) 66.62%
    );
}
.rmk-number .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-number__flex .left {
  width: 40%;
}
.rmk-number__flex .left .title-gr .title-sub {
  color: white;
}
.rmk-number__flex .right {
  width: 60%;
}
.rmk-number__flex .right .col {
  width: 50%;
}
@media screen and (max-width: 500px) {
  .rmk-number__flex .right .col {
    width: 100%;
  }
}
@media screen and (max-width: 930px) {
  .rmk-number__flex .left {
    width: 100%;
  }
  .rmk-number__flex .left .title-gr {
    text-align: center;
  }
  .rmk-number__flex .right {
    width: 100%;
  }
}
.rmk-number__item .inner {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2.4rem;
  padding-left: 4rem;
  border-left: 0.2em solid var(--color-pri);
  color: white;
  border-radius: 0 1rem 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.rmk-number__item .inner .num {
  --f-sz: clamp(2.9rem, calc(0.8918rem + 2.8689vw), 6.4rem);
  font-size: var(--f-sz);
  font-weight: 900;
  -webkit-text-stroke: 0.1rem white;
  paint-order: stroke;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .rmk-number__item .inner {
    padding: 1rem !important;
  }
}

.rmk-project__list .col:first-child {
  width: 100%;
}
.rmk-project__list .col:first-child .rmk-project__item {
  padding-bottom: var(--cg);
  border-bottom: 0.1rem solid rgba(5, 26, 83, 0.2);
}
.rmk-project__list .col:first-child .rmk-project__item .inner {
  position: relative;
}
.rmk-project__list .col:first-child .rmk-project__item .inner .img-inner {
  padding-top: 51.4802631579%;
  position: relative;
}
.rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .img-inner::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.8) 12.94%,
    rgba(0, 0, 0, 0) 68.77%
  );
}
.rmk-project__list .col:first-child .rmk-project__item .inner .info {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.rmk-project__list .col:first-child .rmk-project__item .inner .info-head .txt {
  color: white;
}
.rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info-head
  .txt::before {
  background-color: white;
}
.rmk-project__list .col:first-child .rmk-project__item .inner .info-tt {
  color: white;
  --f-sz: clamp(2.7rem, calc(1.9541rem + 1.0656vw), 4rem);
  font-size: var(--f-sz);
}
.rmk-project__list .col:first-child .rmk-project__item .inner .info-des {
  color: white;
}
@media screen and (max-width: 1200px) {
  .rmk-project__list .col:first-child .rmk-project__item .inner .info {
    position: static;
    background-color: black;
  }
}
.rmk-project__list .col {
  width: 33.3333333333%;
}
@media screen and (max-width: 1200px) {
  .rmk-project__list .col {
    width: 50%;
  }
}
@media screen and (max-width: 390px) {
  .rmk-project__list .col {
    width: 100%;
  }
}
.rmk-project__slider .swiper {
  padding-bottom: 1rem;
}
.rmk-project__slider .swiper-slide {
  overflow: visible;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner {
  display: flex;
  flex-direction: row-reverse;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .img {
  width: 50%;
  height: 100%;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .img-inner {
  height: 100%;
  padding-top: 70.2660406886%;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info {
  width: 50%;
  position: static;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info-head {
  display: none;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info-tt {
  color: var(--color-text);
  --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (hover: hover) {
  .rmk-project.customize
    .rmk-project__list
    .col:first-child
    .rmk-project__item
    .inner
    .info-tt:hover {
    color: var(--color-pri);
  }
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info-tt
  .number {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info-tt
  .number
  span:first-child {
  color: #5c6c7b;
  display: block;
  --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  font-weight: 600;
  line-height: 1;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info-tt
  .number
  span:last-child {
  background: linear-gradient(180deg, #d71920 0%, #710d11 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  --f-sz: clamp(2.9rem, calc(0.8918rem + 2.8689vw), 6.4rem);
  font-size: var(--f-sz);
  line-height: 1;
  font-weight: 600;
}
.rmk-project.customize
  .rmk-project__list
  .col:first-child
  .rmk-project__item
  .inner
  .info-des {
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #5c6c7b;
}
.rmk-project.customize .rmk-project__list .col:nth-child(n + 2) {
  width: 50%;
}
.rmk-project.customize
  .rmk-project__list
  .col:nth-child(n + 2)
  .rmk-project__item
  .info-tt
  .number {
  background: linear-gradient(180deg, #d71920 0%, #710d11 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 600;
}
@media screen and (max-width: 550px) {
  .rmk-project.customize
    .rmk-project__list
    .col:first-child
    .rmk-project__item
    .inner {
    flex-direction: column;
  }
  .rmk-project.customize
    .rmk-project__list
    .col:first-child
    .rmk-project__item
    .inner
    .img {
    width: 100%;
  }
  .rmk-project.customize
    .rmk-project__list
    .col:first-child
    .rmk-project__item
    .inner
    .info {
    width: 100%;
  }
  .rmk-project.customize
    .rmk-project__list
    .col:nth-child(n + 2)
    .rmk-project__item
    .inner
    .info {
    gap: 0.5rem;
  }
  .rmk-project.customize
    .rmk-project__list
    .col:nth-child(n + 2)
    .rmk-project__item
    .inner
    .info-head {
    gap: 0.2rem 2rem !important;
  }
  .rmk-project.customize
    .rmk-project__list
    .col:nth-child(n + 2)
    .rmk-project__item
    .inner
    .info-head
    .txt {
    font-size: 1.2rem;
  }
  .rmk-project.customize
    .rmk-project__list
    .col:nth-child(n + 2)
    .rmk-project__item
    .inner
    .info-tt {
    font-size: 1.4rem;
  }
  .rmk-project.customize
    .rmk-project__list
    .col:nth-child(n + 2)
    .rmk-project__item
    .inner
    .info-des {
    font-size: 1.2rem;
  }
}
.rmk-project__item {
  height: 100%;
}
.rmk-project__item .inner {
  border-radius: 0.8rem;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  background-color: white;
  overflow: hidden;
  height: 100%;
}
.rmk-project__item .inner .img-inner {
  display: block;
  padding-top: calc(322 / 378 * 100%);
  position: relative;
  overflow: hidden;
}
.rmk-project__item .inner .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-project__item .inner .info {
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 1200px) {
  .rmk-project__item .inner .info {
    padding: 1rem;
  }
}
.rmk-project__item .inner .info-head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  overflow: hidden;
}
.rmk-project__item .inner .info-head .txt {
  font-size: 1.4rem;
  font-weight: 600;
  color: #5c6c7b;
}
.rmk-project__item .inner .info-head .txt:last-child {
  position: relative;
}
.rmk-project__item .inner .info-head .txt:last-child::after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100rem;
  background: #5c6c7b;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.rmk-project__item .inner .info-tt {
  --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  transition: 0.4s;
}
@media (hover: hover) {
  .rmk-project__item .inner .info-tt:hover {
    color: var(--color-pri);
  }
}
.rmk-project__item .inner .info-des {
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #5c6c7b;
}
.rmk-project__item .inner .info-link {
  font-size: 1.4rem;
  color: var(--color-pri);
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .rmk-project__item .inner .info {
    gap: 0.5rem;
  }
  .rmk-project__item .inner .info-head .txt {
    font-size: 1.2rem;
  }
  .rmk-project__item .inner .info-tt {
    font-size: 1.4rem;
  }
  .rmk-project__item .inner .info-des {
    font-size: 1.2rem;
  }
}

.rmk-study__head {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
  justify-content: space-between;
}
.rmk-study__head .txt {
  --f-sz: clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);
  font-size: var(--f-sz);
  font-weight: 600;
}
.rmk-study__filter-box {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 500px) {
  .rmk-study__filter-box {
    gap: 2rem;
  }
}
.rmk-study__select {
  position: relative;
}
.rmk-study__select::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 2.4rem;
  background-color: #d2d2d2;
  left: -2rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 500px) {
  .rmk-study__select::after {
    left: -1rem;
  }
}
.rmk-study__select .select2-container {
  height: 3.6rem;
}
.rmk-study__select .select2-container--default .select2-selection--single {
  height: 3.6rem;
  border-radius: 0.4rem !important;
  border-color: #8e8e93;
}
.rmk-study__select
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 1.4rem;
}
.rmk-study__search {
  height: 3.6rem;
  width: 22rem;
  display: flex;
  position: relative;
}
.rmk-study__search input {
  width: 100%;
  height: 100%;
  border: 0.1rem solid #8e8e93;
  border-radius: 0.4rem;
  padding-left: 4rem;
  outline: none;
  font-weight: 500;
  font-size: 1.4rem;
}
.rmk-study__search input:focus {
  border-color: var(--color-pri);
}
.rmk-study__btn {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.rmk-study__btn img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  display: block;
  filter: brightness(0) saturate(100%) invert(28%) sepia(3%) saturate(38%)
    hue-rotate(107deg) brightness(99%) contrast(89%);
}
@media screen and (max-width: 600px) {
  .rmk-study__list .col {
    width: 50%;
  }
}
.rmk-study__pagi {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.rmk-study__pagi-btn {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
  border: 0.14rem solid rgba(36, 36, 36, 0.1);
  transition: 0.4s;
  cursor: pointer;
}
@media (hover: hover) {
  .rmk-study__pagi-btn:hover {
    border-color: var(--color-pri);
    color: white;
    background-color: var(--color-pri);
  }
}
.rmk-study__pagi-num .per {
  color: var(--color-pri);
}
.rmk-study__pagi.center {
  margin: 0 auto;
  margin-top: 2.4rem;
}
.rmk-study__empty {
  --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  font-weight: 500;
}

.rmk-news-dt__flex {
  --w-side: 28rem;
}
.rmk-news-dt__flex .left {
  width: var(--w-side);
}
.rmk-news-dt__flex .left .wrapper {
  position: sticky;
  top: calc(var(--size-hd) + 1rem);
}
.rmk-news-dt__flex .right {
  width: calc(100% - var(--w-side));
}
.rmk-news-dt__flex .right .wrapper {
  padding-bottom: 4rem;
  border-bottom: 0.1rem solid var(--cl-bd);
}
.rmk-news-dt__flex .right-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 2.4rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 0.1rem solid var(--cl-bd);
}
.rmk-news-dt__flex .right-head .sub {
  --f-sz: clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);
  font-size: var(--f-sz);
}
.rmk-news-dt__flex .right-head .social {
  display: flex;
  gap: 1rem;
}
.rmk-news-dt__flex .right-head .social-list {
  display: flex;
  gap: 1rem;
}
.rmk-news-dt__flex .right-head .social-link {
  width: 2.4rem;
  height: 2.4rem;
}
.rmk-news-dt__flex .right-head .social-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rmk-news-dt__flex .right-head .tt {
  --f-sz: clamp(2.7rem, calc(1.9541rem + 1.0656vw), 4rem);
  font-size: var(--f-sz);
  font-weight: 500;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .rmk-news-dt__flex .left {
    width: 100%;
  }
  .rmk-news-dt__flex .right {
    width: 100%;
  }
}
.rmk-news-dt .mona-content * {
  color: #242424;
}
.rmk-news-dt .mona-content h3 {
  font-weight: 600;
  color: #4e4e4e;
}

.rmk-news-rlt__slider .swiper-slide {
  width: 33.3333333333%;
  overflow: visible;
}
@media screen and (max-width: 700px) {
  .rmk-news-rlt__slider .swiper-slide {
    width: 50%;
  }
}

.copyJS {
  position: relative;
  mask-image: none;
  overflow: visible;
}
.copyJS .txt {
  background: var(--color-linear);
  color: var(--color-second);
  font-weight: 600;
}
@media (hover: hover) {
  .copyJS:hover .txt {
    background-color: white !important;
  }
}
.copyJS::before {
  content: "Copied";
  font-size: 1.4rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.5rem;
  background: var(--color-pri);
  width: fit-content;
  color: white;
  position: absolute;
  bottom: calc(100% + 1rem);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: 0s;
}
.copyJS::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 11px 5.5px 0 5.5px;
  border-color: var(--color-pri) transparent transparent transparent;
  transform: rotate(0deg);
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: 0s;
}
.copyJS.active::before {
  opacity: 1;
}
.copyJS.active::after {
  opacity: 1;
}

@media screen and (max-width: 600px) {
  .faq-block {
    margin-top: 2rem;
  }
}

.ft-form__box .wpcf7-response-output {
  margin: 0 !important;
  margin-top: 1rem !important;
  padding: 0 !important;
  border-radius: 0.4rem !important;
}
.ft-form__box .wpcf7-not-valid-tip {
  bottom: unset !important;
  top: 100% !important;
}
.ft-form__box .wpcf7-form {
  flex-wrap: wrap;
}
.ft-form__box .wpcf7-form .wpcf7-form-control-wrap {
  width: calc(100% - 15rem) !important;
}
.ft-form__box .wpcf7-form .wpcf7-form-control.btn {
  width: 15rem !important;
  flex-shrink: 0;
}

@media screen and (max-width: 600px) {
  .ft-wrap .right-top .ft-list .ft-item:nth-child(3) .wrap .menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 2.4rem;
    margin-top: 2rem;
  }
}

.rmk-progress__flex .left .wrapper,
.rmk-progress__flex .right {
  max-height: 70rem;
}
.rmk-progress__flex .right .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 0.8rem;
}
.rmk-progress__flex .left .wrapper {
  overflow-y: auto;
}
.rmk-progress__flex .right .img-inner {
  padding-top: 0;
  aspect-ratio: 57.6/70;
  height: 100%;
  width: 100%;
}

/* HPT 3/4/2026 */
.hd {
  --color-link-sub: #4d4d4d !important;
  --font-weight-link-sub: 600;
}
.hd.sticky {
  --color-link-sub: #4d4d4d;
  --color-link: #4d4d4d;
}

.hd.sticky .hd-wrap {
  background: white;
}

@media screen and (min-width: 1201px) {
  .hd:hover {
    --color-link-sub: #4d4d4d;
    --color-link: #4d4d4d;
  }

  .hd:hover .hd-btn:hover .ic img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(13%) saturate(14%)
      hue-rotate(113deg) brightness(101%) contrast(85%);
  }

  .hd:hover .hd-btn:hover .ic {
    filter: none;
  }

  .hd:hover .hd-wrap {
    background: white;
  }

  .hd:hover .hd-nav .menu-nav > .menu-list > .menu-item:hover .menu-link {
    color: #242424;
  }
}

.hd .hd-logo {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
}
.hd-nav .menu-item > .menu-list {
  padding: 0.8rem 0;
  border-radius: 0 0 0.8rem 0.8rem;
}
.hd .mobile .mobile-lg__drop {
  padding: 0.8rem 0;
}

.hd.sticky .hd-nav .menu-nav > .menu-list > .menu-item:hover .menu-link {
  color: #242424;
}

.hd-group,
.hd-flex,
.hd-flex .col-left,
.hd-flex .col-right,
.hd-nav .menu-nav > .menu-list > .menu-item {
  height: 100%;
}

.hd-nav .menu-nav > .menu-list > .menu-item::before {
  bottom: 20%;
}

.hd-nav .menu-nav > .menu-list > .menu-item.dropdown:hover::before {
  width: 100%;
}

.hd .mobile .mobile-lg__link {
  position: relative;
  color: #4d4d4d;
  font-weight: 600;
  padding: 0.6rem 1.2rem;
}

.hd .mobile .mobile-lg__link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0;
  transition: all 0.4s ease;
  background: var(--color-pri);
}

.hd .mobile .mobile-lg__link:hover,
.hd .mobile .mobile-lg__link.active {
  background-color: transparent;
  color: var(--color-pri);
}

.hd .mobile .mobile-lg__link:hover::after,
.hd .mobile .mobile-lg__link.active::after {
  height: 100%;
}

.hd-bot__search .search-toggle {
  display: flex;
}

.hd.sticky .hd-bot__search .search-toggle img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(13%) saturate(14%)
    hue-rotate(113deg) brightness(101%) contrast(85%);
}

.rmk-bn .bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 62.8%, rgba(0, 0, 0, 0.8) 100%);
}

body {
  font-family: "Be Vietnam Pro", sans-serif;
}
.abc-panel {
  padding-top: 16rem;
}

.sec-frm {
  padding: 16rem 0;
  margin-top: 0;
}

.frm-wrap {
  transform: translateY(0);
  box-shadow: none;
  border-top: none;
  background: transparent;
  .title-gr {
    .mona-content {
      color: #525252;
    }
  }
}

.hd .hd-logo {
  aspect-ratio: 232/54;
  display: flex;
  align-items: center;
}

.hd.sticky .hd-btn {
  color: #242424;
}

.hd.sticky .hd-btn .ic img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(13%) saturate(14%)
    hue-rotate(113deg) brightness(101%) contrast(85%);
}

@media screen and (min-width: 1201px) {
  .hd .hd-logo {
    padding: 6.2rem;
  }
  .hd:hover .hd-btn {
    color: #242424;
  }

  .hd:hover .hd-btn .ic img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(13%) saturate(14%)
      hue-rotate(113deg) brightness(101%) contrast(85%);
  }
}

.qa-heading .title {
  font-size: 2.4rem;
  font-weight: 500;
}

.rmk-why__flex .right .rows-custom-3 .col:last-child {
  width: 100%;
}
.rmk-why__flex .right .rows-custom-2 .col {
  width: 100% !important;
}
.rmk-why__flex .right .rows-custom-1 .col {
  width: 100% !important;
}

.form-list {
  --ip-h: 4rem;
  --fw-label: 400l;
}

.form-list .form-ip input,
.b-select .select2-container--default .select2-selection--single,
.form-list .form-ip textarea {
  border-radius: 0.4rem;
}

.form-list .form-ip input::placeholder {
  font-size: 1.4rem;
  font-weight: 300;
}

.frm-form .b-bot .b-submit {
  margin-top: 2.4rem;
}

.b-select .select2-container--default .select2-selection--single {
  height: 4rem;
}

.abi .head {
  gap: 1.6rem;
}

.abi .t-title {
  --f-sz: clamp(2.9rem, calc(0.8918rem + 2.8689vw), 6.4rem);
  font-size: var(--f-sz);
  background: linear-gradient(85.93deg, #d71920 0%, #005c9a 96.99%), #242424;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 150%;
}

.hd-action {
  --gap: 1.6rem;
  gap: var(--gap);
}

.hd .b-gr.gap16 {
  gap: var(--gap);
}

.hd-bot__search,
.hd-lg {
  position: relative;
}

.hd .hd-lg__it:not(:first-child)::after {
  background-color: #d2d2d2;
}

.hd.hd.sticky .hd-lg__it:not(:first-child)::after {
  background-color: #d2d2d2;
}

.rmk-record__tab .iwt {
  --fw: 600;
  --gap: 1.6rem;
}

.sec-hct .hct-panel .b-phone.iwt {
  --gap: 0.8rem;
  --iz: 1.4rem;
  min-height: 3.6rem;
  padding: 0.4rem 2rem;
}

.hd-bot__search::after,
.hd-lg::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--gap) / 2);
  transform: translate(100%, -50%);
  width: 1px;
  height: 1.6rem;
  background-color: #4d4d4d;
  transition: all 0.3s ease;
}

.rmk-record__tabs {
  padding: 0.2rem 0.15rem;
  border-radius: 100rem;
}

.ft {
  background: #edf0f3;
}

.abi-it .text {
  color: #051a53;
  font-weight: 600;
  --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  text-transform: uppercase;
}

.abi-it .t-num {
  background: linear-gradient(180deg, #d71920 0%, #710d11 100%), #d71920;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.abi-it .txt {
  color: #5c6c7b;
}

.abi-head .head .txt {
  color: #005c9a;
  text-transform: uppercase;
  font-weight: 600;
}

.abi-head .t-des > p {
  color: #5c6c7b;
}

.stm-list.slideRows {
  --gap: 2rem;
}

.swiper-grid-column > .swiper-wrapper {
  flex-direction: row;
}

.slideRows .swiper {
  --gap: 2rem;
  margin: calc(-1 * var(--gap));
}

.slideRows .swiper-slide {
  width: 50%;
  padding: var(--gap);
  height: auto !important;
}

.story-item {
  height: 100%;
  &:hover {
    .story-content {
      .in {
        background-color: #242424;
        color: white;
      }
    }
    .story-name {
      border-top-color: white;
    }
  }
  .wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.1));
    border-radius: 0.8rem;
    overflow: hidden;
  }
  .story-thumb {
    position: relative;
    width: 100%;
  }
  .thumb-in {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: calc(280 / 588 * 100%);
    img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .story-content {
    --gap: 1.2rem;
    .in {
      color: #242424;
      display: flex;
      flex-direction: column;
      row-gap: var(--gap);
      padding: 3.2rem;
      background-color: white;
      transition: all 0.3s ease;
    }
  }

  .story-tt {
    --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
    font-size: var(--f-sz);
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .story-auth {
    width: fit-content;
  }

  .story-des {
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .story-name {
    font-weight: 600;
    padding-top: var(--gap);
    border-top: 1px solid #242424;
  }
}

.stm-it.stm-rmk {
  height: 100%;
  box-shadow: 0px 0.8rem 1.5rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
  overflow: hidden;
  background-color: white;
}

.stm-it.stm-rmk:hover .b-ctn {
  background: #242424 !important;
  color: white;
}

.stm-it.stm-rmk:hover .t-title {
  color: white;
}

.stm-it.stm-rmk .b-ctn {
  background: white !important;
  color: #242424;
  transition: all 0.3s ease;
}

.stm-it.stm-rmk .t-title {
  color: #242424;
  --f-sz: clamp(2rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
}

.stm-it.stm-rmk .t-des {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.stm-it.stm-rmk .b-img::before,
.stm-it.stm-rmk .ic-link {
  display: none;
}

.form-list .form-ip .text.dot::after {
  content: "*";
  display: inline-block;
  color: red;
  width: fit-content;
  margin-left: 0.6rem;
}

.copyJS::before,
.copyJS::after {
  display: none !important;
}

.iwt {
  --iz: 1.6rem;
  --gap: 0.4rem;
}

.hd .mobile .mobile-search__flex button {
  border-radius: 0rem 0.7rem 0.7rem 0rem;
}

.sec-rmk-case .case-item .b-img .inner img {
  transition: all 0.4s ease-out;
}

.sec-rmk-case .case-item .b-img .inner:hover img {
  transform: scale(1.05);
}

.rmk-exp__images .inner {
  border-radius: 0.4rem;
  overflow: hidden;
}

.abi-links .t-links {
  font-size: 1.4rem;
}

.abi-links .t-links:hover {
  text-decoration: underline;
  text-underline-position: under;
}

.abi-links .t-links:not(:hover) {
  color: #4c4749;
}

.abi-links .t-links.current_page_item {
  color: var(--color-pri);
}

.abi-links .t-links:not(:last-child)::after {
  width: 0.4rem;
  height: 0.4rem;
  background: #d2d2d2;
}

.rmk-why__flex .right .flex-item .heads .icon {
  border-radius: 0.8rem;
  overflow: hidden;
}

.progress-wrap {
  right: 1.5rem;
}

.hd-top__item .txt {
  font-size: 1.4rem;
}

.qa-content {
  max-height: 30rem;
  overflow: hidden auto;
}

.news-it .b-img .inner {
  border-radius: 0.6rem;
  overflow: hidden;
}

.hd-nav .menu-item > .menu-list > .menu-item > .menu-link,
.hd-nav .menu-item > .menu-list > .menu-item > a {
  width: fit-content;
  max-width: 100%;
  padding: 0.8rem 2rem;
}

.hd-nav .menu-item > .menu-list > .menu-item > a::before {
  content: "";
  position: absolute;
  bottom: 0.8rem;
  left: 2rem;
  width: calc(100% - 4rem);
  height: 1px;
  background-color: #242424;
  display: none;
}

.hd-nav .menu-item > .menu-list > .menu-item:hover > a::before {
  display: block;
}

body:has(.new-ui) .hd-nav .menu-nav > .menu-list > .menu-item > a {
  color: #4d4d4d;
}

body:has(.new-ui) .hd-nav .menu-nav > .menu-list > .menu-item:hover > a {
  color: #242424;
}

.hd.sticky .hd-lg__it:not(.active) {
  color: #8e8e93;
}

body:has(.new-ui) .hd-lg__it:not(.active) {
  color: #8e8e93;
}

body:has(.new-ui) .hd .hd-lg__it:not(:first-child)::after {
  color: #d2d2d2;
}

.hd-nav .menu-item > .menu-list {
  width: max-content;
  min-width: auto;
  max-width: none;
}

.hd .mobile-content .row {
  --cg: 1.6rem;
  --rg: 1.6rem;
}

.hd .mobile-content {
  padding: 1.6rem 0;
}

main.page-about {
  background: #ffffff;
}

main.about-main {
  background: #edf0f3;
}

/* .rmk-title-gr.center {
    margin-bottom: 6.4rem;
} */

.rmk-partner__item:first-child {
  padding-top: 6.4rem;
}

.rmk-number__flex .title-gr.white {
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
}
.rmk-number__flex .left .title-gr .title-sub {
  font-size: 2rem;
  font-weight: 400;
  text-transform: none;
}
.rmk-number__flex .title-gr .title-normal {
  font-size: 3.2rem;
}

.rmk-number__item .inner .num {
  display: inline-flex;
}

.service-item .inner {
  border-radius: 0.8rem;
}

.title-gr {
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
  line-height: 1;
}

.fb-head .title-gr {
  margin-bottom: 0 !important;
}

.title-gr .mona-content {
  color: #5c6c7b;
  line-height: 130%;
}

.case-head {
  margin-bottom: 0;
  padding-bottom: 0;
}

.case-item:last-child {
  padding-bottom: 0;
}

.news-item .box-time {
  width: 7.4rem;
}

.sec-rmk-news .news-item {
  padding: 1.6rem;
}

/* .rmk-title-gr.center {
    margin-top: 6.4rem;
} */

.rmk-history.ss-mg-t {
  margin-top: 0;
}

.sec-abi {
  background: #edf0f3;
}

.rmk-partner.ss-mg-t {
  margin: 0;
}

.hmp .title-gr .mona-content {
  color: white;
}

.select2-container .select2-dropdown .select2-results ul {
  background-color: white;
  color: #4d4d4d !important;
  padding: 0.8rem 0;
}

.select2-container
  .select2-dropdown
  .select2-results
  ul
  .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #4d4d4d !important;
}

.select2-container
  .select2-dropdown
  .select2-results
  ul
  .select2-results__option--highlighted[aria-selected]::before {
  height: 100%;
}

.select2-container
  .select2-dropdown
  .select2-results
  ul
  .select2-results__option {
  background-color: transparent;
  color: #4d4d4d !important;
  position: relative;
  padding: 0.8rem 0.6rem;
}

.select2-container
  .select2-dropdown
  .select2-results
  ul
  .select2-results__option::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
  width: 0.2rem;
  height: 0%;
  background-color: var(--color-pri);
  transition: all 0.4s ease-in-out;
}

.select2-container
  .select2-dropdown
  .select2-results
  ul
  .select2-results__option:hover::before {
  height: 100%;
}

.sc-fixed .ic-link:nth-child(3) img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(3517%)
    hue-rotate(348deg) brightness(85%) contrast(99%);
}

.sc-fixed .ic-link:nth-child(3)::after {
  background-color: white;
}

.rmk-title-gr .tt {
  line-height: 150%;
}

.abi-list > .col {
  border-bottom: none !important;
}

@media screen and (min-width: 1201px) {
  .rmk-service-head.ss-pd {
    padding-bottom: 9.6rem;
  }
  .rmk-award {
    padding-top: 6.4rem;
  }
  .rmk-brand.ss-mg {
    margin-top: 9.6rem;
    margin-bottom: 6.4rem;
  }
  .rmk-history__head .rmk-title-gr.center {
    row-gap: 4.8rem;
  }
  .rmk-partner .rmk-title-gr.center,
  .rmk-history__head .rmk-title-gr.center {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }
  .sec-abi {
    --pd-sc: 6.4rem;
  }
  .head {
    gap: 2rem;
  }
  .case-item {
    gap: 4rem;
  }
  .fb-head {
    margin-bottom: 6.4rem;
  }
  .title-gr {
    margin-bottom: 6.4rem !important;
  }
  .rmk-map {
    padding: 9.6rem;
  }
  .rmk-exp__flex.row {
    --cg: 6.4rem;
  }
  :root {
    --pd-sc: 16rem;
    --color-sec: #005c9a !important;
  }

  .rmk-project__list.row,
  .rmk-study__list.row {
    --cg: 4rem;
    --rg: 4rem;
  }
  .rmk-project__item .inner .info {
    row-gap: 2.4rem;
  }

  .rmk-why.ss-pd {
    padding-top: 16rem;
    padding-bottom: 6.4rem;
  }
  .rmk-number {
    --pd-sc: 16rem;
  }
  .rmk-number__flex.row {
    --cg: 6.4rem;
  }
  .rmk-partner__item {
    --pd-sc: 9.6rem;
  }
  .abi-py.ss-mg {
    margin: 0;
    padding: 6rem 0;
  }
  .hd .mobile-overlay {
    z-index: 0;
    top: 0 !important;
  }
  .hd .mobile {
    top: 0 !important;
  }
  .dvc-slider .swiper-slide.active .inner::after {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }
  .rmk-project__item .inner .info {
    padding: 3.2rem;
  }

  .rmk-project__slider {
    margin: -1.5rem -1rem;
  }

  .rmk-project__slider .swiper {
    padding: 1.5rem 1rem;
  }

  .ft-wrap .left .wrapper {
    gap: 2.4rem;
  }

  .ft-tt {
    margin-bottom: 1.6rem;
  }

  .ft .menu-list {
    gap: 1.2rem;
  }

  #menu-trai-nghiem .ft-tt:not(:last-child) {
    margin-bottom: 4rem;
  }

  .rmk-total__flex.row {
    --cg: 6.4rem;
  }
}

@media screen and (max-width: 1400px) {
  .hd {
    --font-size-link: 1.4rem;
    --gap-item: 1.4rem;
  }
}

@media screen and (max-width: 1200px) {
  /* .hd-nav {
        display: flex;
    } */
  .title-gr .mt-24 {
    margin-top: 0;
  }

  .title-gr.center .btn {
    margin-top: 0;
  }

  .d-flex.a-center {
    row-gap: 1.6rem;
  }

  .rmk-history__head .rmk-title-gr.center {
    row-gap: 4.8rem;
  }
  .rmk-partner .rmk-title-gr.center,
  .rmk-history__head .rmk-title-gr.center {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .title-gr {
    row-gap: 1.6rem;
  }
  .rmk-partner__item:first-child {
    padding-top: 4rem;
  }

  .hd-action {
    --gap: 1rem;
  }
  .hd .hd-btn {
    padding-left: var(--gap);
  }
  .sec-rmk-fb-custom .swiper-container {
    --gap: 1rem;
  }
  .abc-panel {
    padding-top: 10rem;
  }

  .sec-frm {
    padding: 10rem 0;
  }

  .frm-wrap {
    margin-top: 0;
  }

  .dvc-slider .swiper-slide.swiper-slide-active .inner::after {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }

  .story-item {
    .story-content {
      .in {
        padding: 1.6rem;
      }
    }
  }
}

@media screen and (min-width: 1071px) {
  .ft-wrap .left {
    width: 40%;
  }
  .ft-wrap .right {
    width: 60%;
  }
}

@media screen and (min-width: 769px) {
  .rmk-why__flex .right .flex .col {
    max-height: 50%;
  }
}

@media screen and (max-width: 768px) {
  .abi-py {
    padding: 0 1.5rem;
  }
  .abc-panel {
    padding-top: 6rem;
  }

  .sec-frm {
    padding: 6rem 0;
  }

  .abc-row .col-right {
    order: -1;
  }
}

@media screen and (max-width: 725px) {
  .ft-form__wrap .ft-form__label {
    width: auto;
  }

  .ft-form__wrap {
    justify-content: space-between;
  }
}

@media screen and (max-width: 600px) {
  .abi-list > .col:last-child {
    width: 100%;
  }
  .hd-bot__search::after,
  .hd-lg::after,
  body:has(.new-ui) .hd-btn::after {
    opacity: 0;
  }
  .rmk-bn__content {
    padding-bottom: 2.4rem;
  }
  .hd .hd-lg__it {
    width: 3rem;
    height: 3rem;
  }
  .fb-slider.slideRows .swiper-slide {
    width: 70%;
  }
  .bnh-panel {
    aspect-ratio: 3/4;
  }

  .hd-action .b-gr {
    gap: 0.8rem !important;
  }

  .hd,
  .hd.sticky {
    --size-hd: 4.2rem !important;
  }

  .hd .hd-logo {
    padding: 1rem;
  }

  .hd-logo .custom-logo-link {
    max-width: 11.2rem;
  }
}