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

a:focus {
  outline: none; }

.media-modal[v-cloak] {
  display: none; }

.media-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px; }

.media-video-frame {
  position: relative;
  width: min(90vw, 1200px); }

.media-player {
  position: relative;
  width: 93.9149560117%;
  margin-left: 3.0058651026%;
  aspect-ratio: 16 / 9;
  background: #000; }
  .media-player iframe, .media-player img:not(.media-frame-img) {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover; }

.media-frame-img {
  position: absolute;
  left: -3.2006245121%;
  top: -6.25%;
  width: 106.4793130367%;
  height: 112.9166666667%;
  max-width: none;
  z-index: 2;
  pointer-events: none; }

.media-modal-close {
  position: absolute;
  left: 50%;
  bottom: 106.25%;
  transform: translateX(-50%);
  margin-bottom: 6px;
  width: 8.36%;
  min-width: 44px;
  max-width: 114px;
  aspect-ratio: 1;
  color: #f5cc00;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  transition: color 0.15s; }
  .media-modal-close svg {
    width: 100%;
    height: 100%;
    display: block; }
  .media-modal-close:hover {
    color: #fff; }

@media screen and (max-width: 991px) {
  .media-modal {
    padding: 12px; }

  .media-video-frame {
    width: 94vw; }

  .media-modal-close {
    width: 32px;
    min-width: 0; } }
#closers-download {
  background: #f7f7f7;
  overflow-x: clip;
  font-family: "Inter", sans-serif; }

.cd-mobile-header {
  display: none; }
  @media (max-width: 991px) {
    .cd-mobile-header {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 70px;
      padding: 15px 0;
      position: relative;
      overflow: hidden; } }

.cd-mobile-header__bg {
  display: none; }
  @media (max-width: 991px) {
    .cd-mobile-header__bg {
      display: block;
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden; }
      .cd-mobile-header__bg img {
        position: absolute;
        width: 100%;
        height: 100%; } }

.cd-mobile-title {
  position: relative;
  z-index: 1;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0.37px;
  color: #000;
  text-transform: uppercase;
  margin: 0; }

.cd-hero {
  position: relative;
  overflow: hidden; }

.cd-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none; }
  .cd-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center top; }

.cd-hero--cta {
  height: 1080px;
  overflow: visible; }
  .cd-hero--cta .cd-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center top; }
  @media (max-width: 991px) {
    .cd-hero--cta {
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px 20px 40px;
      background: #f7f7f7; }
      .cd-hero--cta .cd-hero__bg {
        display: none; } }

@keyframes cd-char-from-left {
  from {
    transform: translateX(-180px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }
@keyframes cd-char-from-right {
  from {
    transform: translateX(180px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }
.cd-char {
  position: absolute;
  width: auto;
  pointer-events: none;
  z-index: 1; }
  .cd-char--mirae {
    left: 0%;
    top: -6%;
    height: auto;
    animation: cd-char-from-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
    @media (max-width: 1385px) {
      .cd-char--mirae {
        display: none; } }
  .cd-char--triss {
    right: -1%;
    top: -7%;
    height: auto;
    animation: cd-char-from-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
    @media (max-width: 1385px) {
      .cd-char--triss {
        display: none; } }

.cd-cta-contents {
  position: absolute;
  z-index: 2;
  top: 14%;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(300px, 41.1vw, 790px);
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 991px) {
    .cd-cta-contents {
      position: static;
      transform: none;
      width: 100%;
      top: auto;
      left: auto; } }

.cd-cta-header {
  width: 617px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 991px) {
    .cd-cta-header {
      width: 100%; } }

.cd-tagline {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 1.48;
  letter-spacing: -1.68px;
  color: #000;
  text-align: center;
  margin: 0; }
  @media (max-width: 991px) {
    .cd-tagline {
      font-family: "Anton", sans-serif;
      font-weight: 400;
      font-size: max(18px, 4vw);
      line-height: 1;
      letter-spacing: 0.51px;
      margin-bottom: 4px; } }

.cd-game-logo {
  width: 500px;
  height: auto;
  margin-top: 6px; }
  @media (max-width: 991px) {
    .cd-game-logo {
      width: 100%;
      max-width: 500px;
      margin-top: 4px; } }

.cd-cta-deco {
  position: relative;
  width: 790px;
  aspect-ratio: 790 / 297;
  margin-top: 15px; }
  @media (max-width: 991px) {
    .cd-cta-deco {
      width: 100%;
      max-width: 790px;
      margin-top: 8px; } }

.cd-cta-deco__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none; }

.cd-cta-desc {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  top: 23.92%;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.6px;
  color: #333;
  text-align: center;
  margin: 0; }
  @media (max-width: 991px) {
    .cd-cta-desc {
      letter-spacing: -0.84px;
      line-height: 1.07;
      font-size: max(14px, 2.32vw); } }

.cd-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  top: 47.81%;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 1.07;
  letter-spacing: -1.68px;
  color: #000;
  text-align: center;
  text-transform: capitalize;
  margin: 0; }
  @media (max-width: 991px) {
    .cd-cta-title {
      letter-spacing: 0;
      line-height: 1;
      font-size: max(16px, 4vw);
      top: 45%;
      margin-top: 10px; } }

.cd-dl-btn {
  position: relative;
  display: inline-flex;
  width: 624px;
  height: 164px;
  margin-top: 30px;
  text-decoration: none;
  transition: transform 0.15s;
  padding: 0 20px; }
  .cd-dl-btn--bottom {
    display: flex;
    margin: 2.3vw auto; }
    @media (max-width: 991px) {
      .cd-dl-btn--bottom {
        margin-top: 40px; } }
  @media (hover: hover) {
    .cd-dl-btn:hover .cd-dl-btn__bg--normal {
      display: none; }
    .cd-dl-btn:hover .cd-dl-btn__bg--hover {
      display: block; } }
  .cd-dl-btn:active .cd-dl-btn__bg--normal {
    display: none; }
  .cd-dl-btn:active .cd-dl-btn__bg--hover {
    display: block; }
  @media (max-width: 991px) {
    .cd-dl-btn {
      width: 100%;
      height: auto;
      max-width: 624px;
      aspect-ratio: 624 / 164; } }

.cd-dl-btn__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill; }
  .cd-dl-btn__bg--hover {
    display: none; }

.cd-support-note {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 11px;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -0.72px;
  color: #676767;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 0; }
  .cd-support-note a {
    font-weight: 700;
    color: #676767;
    text-decoration: underline; }
    .cd-support-note a:hover {
      color: #000; }
  @media (max-width: 991px) {
    .cd-support-note {
      margin-top: 12px;
      font-size: 14px;
      white-space: normal;
      text-align: center;
      flex-wrap: wrap;
      justify-content: center; } }

.cd-support-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  object-fit: contain; }
  @media (max-width: 991px) {
    .cd-support-icon {
      width: 18px;
      height: 18px; } }

.cd-hero--video {
  height: min(982px, 69.25vw);
  overflow: visible;
  margin: 0 auto;
  width: 100%;
  max-width: 1483px; }
  .cd-hero--video .cd-hero__bg img {
    width: 100vw;
    height: 100%;
    object-fit: fill;
    object-position: center top;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  @media (max-width: 991px) {
    .cd-hero--video {
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 40px;
      padding-bottom: 40px;
      background: #fff; }
      .cd-hero--video .cd-hero__bg {
        display: none; } }

.cd-video-panel {
  position: absolute;
  top: 0;
  left: 33.7%;
  width: 66.1%;
  height: 701px;
  object-fit: cover;
  pointer-events: none; }
  @media (max-width: 991px) {
    .cd-video-panel {
      display: none; } }

.cd-video-title {
  color: #000;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f0b100;
  paint-order: stroke fill;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: min(42px, 3vw);
  line-height: 148%;
  margin: 0 0 16px;
  white-space: normal; }
  @media (max-width: 991px) {
    .cd-video-title {
      font-size: max(18px, 3.5vw);
      margin-bottom: 12px; } }

.cd-video-block {
  position: absolute;
  top: -6%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 0 20px; }
  @media (max-width: 991px) {
    .cd-video-block {
      position: relative;
      left: auto;
      top: auto;
      width: 100%; } }

.cd-video-frame-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1364 / 813;
  overflow: hidden; }

.cd-video-thumb {
  position: absolute;
  left: 3.1%;
  top: 5%;
  width: 94%;
  height: 89%;
  border-radius: 10px;
  overflow: hidden; }
  .cd-video-thumb img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  @media (max-width: 991px) {
    .cd-video-thumb {
      border-radius: 6px; } }

.cd-video-frame-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none; }

.cd-video-controls {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 2;
  display: flex;
  gap: 10px; }
  @media (max-width: 991px) {
    .cd-video-controls {
      bottom: 8px;
      right: 8px;
      gap: 6px; } }

.cd-video-ctrl-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 60px;
  height: 60px;
  transition: transform 0.15s; }
  @media (hover: hover) {
    .cd-video-ctrl-btn:hover {
      transform: scale(1.1); } }
  .cd-video-ctrl-btn:active {
    transform: scale(1.1); }
  .cd-video-ctrl-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  @media (max-width: 991px) {
    .cd-video-ctrl-btn {
      width: 36px;
      height: 36px; } }

.cd-video-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px; }
  @media (max-width: 991px) {
    .cd-video-iframe {
      border-radius: 6px; } }

.cd-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 143px;
  height: 143px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 1;
  transition: transform 0.15s, opacity 0.2s; }
  @media (hover: hover) {
    .cd-play-btn:hover, .cd-video-thumb:hover .cd-play-btn {
      transform: translate(-50%, -50%) scale(1.08);
      opacity: 0.9; }
    .cd-play-btn:hover .cd-play-btn__img--normal, .cd-video-thumb:hover .cd-play-btn__img--normal {
      opacity: 0; }
    .cd-play-btn:hover .cd-play-btn__img--hover, .cd-video-thumb:hover .cd-play-btn__img--hover {
      opacity: 1; } }
  .cd-play-btn:active {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 0.9; }
  .cd-play-btn:active .cd-play-btn__img--normal {
    opacity: 0; }
  .cd-play-btn:active .cd-play-btn__img--hover {
    opacity: 1; }
  .cd-play-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity 0.15s; }
  .cd-play-btn__img--hover {
    position: absolute;
    inset: 0;
    opacity: 0; }
  @media (max-width: 991px) {
    .cd-play-btn {
      width: 60px;
      height: 60px; } }

.cd-video-desc {
  margin-top: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #333;
  text-align: center; }
  @media (max-width: 991px) {
    .cd-video-desc {
      font-size: max(16px, 2vw); }
      .cd-video-desc br {
        display: none; } }

.cd-hero--newcloser {
  height: 1080px; }
  .cd-hero--newcloser .cd-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center top; }
    @media (max-width: 1640px) {
      .cd-hero--newcloser .cd-hero__bg img {
        object-fit: cover; } }
  @media (max-width: 991px) {
    .cd-hero--newcloser {
      height: auto;
      background: #fff;
      display: block;
      padding-bottom: 40px; }
      .cd-hero--newcloser .cd-hero__bg {
        display: none; } }

.cd-blacklamb-art {
  position: absolute;
  left: 12.16%;
  top: 4.72%;
  width: 40.64%;
  height: 66.39%;
  object-fit: cover;
  opacity: 0.7;
  pointer-events: none; }
  @media (max-width: 991px) {
    .cd-blacklamb-art {
      display: none; } }

.cd-newcloser-info {
  position: absolute;
  left: 52.5%;
  top: 16.3%;
  z-index: 2;
  display: flex;
  flex-direction: column; }
  @media (max-width: 991px) {
    .cd-newcloser-info {
      position: static;
      align-items: center;
      text-align: center;
      width: 100%;
      padding: 30px 16px 20px;
      box-sizing: border-box; } }

.cd-newcloser-title {
  width: clamp(300px, 44.72vw, 668px);
  height: auto;
  object-fit: contain;
  object-position: left top;
  display: block; }
  @media (max-width: 991px) {
    .cd-newcloser-title {
      width: 100%;
      max-width: 331px;
      height: auto; } }

.cd-beginner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13.68em;
  margin-left: 30px;
  margin-top: 15px;
  border-radius: 0.5em;
  padding: 0.56em 1.2em;
  background: #fff;
  color: #f0b100;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: clamp(16px, 2.1vw, 34px);
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  filter: drop-shadow(0px 4.8px 2.4px rgba(0, 0, 0, 0.25));
  transition: opacity 0.2s, transform 0.15s;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #f0b100; }
  @media (hover: hover) {
    .cd-beginner-btn:hover {
      background: linear-gradient(180deg, #f5c84a 0%, #f0a500 100%);
      color: #fff;
      text-decoration: none; } }
  .cd-beginner-btn:active {
    background: linear-gradient(180deg, #f5c84a 0%, #f0a500 100%);
    color: #fff;
    text-decoration: none; }
  @media (max-width: 991px) {
    .cd-beginner-btn {
      width: 100%;
      max-width: 329px;
      margin-left: 0;
      font-size: 28px;
      padding: 14px 24px; } }

.cd-warning-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  margin-left: 30px; }
  @media (max-width: 991px) {
    .cd-warning-note {
      margin-left: 0; } }

.cd-warning-icon {
  width: clamp(20px, 1.5625vw, 30px);
  height: clamp(20px, 1.5625vw, 30px);
  flex-shrink: 0;
  object-fit: contain; }
  @media (max-width: 991px) {
    .cd-warning-icon {
      width: 20px;
      height: 20px;
      margin-top: 1px; } }

.cd-warning-note p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(17px, 1.04vw, 20px);
  line-height: 1.1;
  color: #333;
  margin: 0; }
  .cd-warning-note p strong {
    font-weight: 700; }
  @media (max-width: 991px) {
    .cd-warning-note p {
      font-size: 14px; } }

.cd-category-grid {
  position: absolute;
  top: 53.15%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  @media (max-width: 991px) {
    .cd-category-grid {
      position: static;
      display: flex;
      flex-direction: column;
      transform: none;
      height: auto;
      width: 100%; } }

.cd-category {
  display: block;
  position: relative;
  text-decoration: none;
  transition: transform 0.2s;
  overflow: hidden;
  aspect-ratio: 505 / 466; }
  @media (hover: hover) {
    .cd-category:hover {
      transform: scale(1.02); }
    .cd-category:hover .cd-category__img--normal {
      display: none; }
    .cd-category:hover .cd-category__img--hover {
      display: block; } }
  .cd-category:active {
    transform: scale(1.02); }
  .cd-category:active .cd-category__img--normal {
    display: none; }
  .cd-category:active .cd-category__img--hover {
    display: block; }
  .cd-category img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .cd-category__img--normal {
    display: block; }
  .cd-category__img--hover {
    position: absolute;
    inset: 0;
    display: none; }
  @media (max-width: 991px) {
    .cd-category {
      width: calc(100% - 32px);
      max-width: 480px;
      margin: 0 auto;
      aspect-ratio: 505 / 466; } }
  @media (max-width: 991px) and (max-width: 480px) {
    .cd-category {
      width: calc(100% - 40px);
      max-width: none; } }

.cd-specs-section {
  position: relative;
  padding: 6.5vw 20px 0px;
  min-height: 1080px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 1601px) {
    .cd-specs-section {
      padding: 0px 20px 0px; } }
  @media (max-width: 991px) {
    .cd-specs-section {
      min-height: auto;
      padding-top: 40px;
      padding-bottom: 40px;
      background: #fff; }
      .cd-specs-section .cd-specs-section__bg {
        display: none; } }

.cd-specs-section__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden; }
  .cd-specs-section__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top; }

.cd-specs-card {
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  width: 100%;
  max-width: 1500px;
  padding: 47px 44px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 991px) {
    .cd-specs-card {
      padding: 20px 16px;
      border-radius: 10px;
      border: none; } }

.cd-specs-card__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.48;
  letter-spacing: -0.64px;
  color: #333;
  margin: 0; }
  @media (max-width: 991px) {
    .cd-specs-card__title {
      font-size: 17px;
      letter-spacing: 0;
      text-align: center; } }

.cd-specs-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 991px) {
    .cd-specs-table-wrap {
      display: none; } }

.cd-specs-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; }
  .cd-specs-table th, .cd-specs-table td {
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    padding: 0 8px; }
  .cd-specs-table th {
    background: #f8f8f8;
    height: 57px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    color: #333;
    text-transform: capitalize; }
    @media (max-width: 1145px) {
      .cd-specs-table th {
        font-size: 22px; } }
  .cd-specs-table td {
    background: #fff;
    height: 193px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #787878; }

.cd-specs-mobile {
  display: none; }
  @media (max-width: 991px) {
    .cd-specs-mobile {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
      border-top: 1px solid #ddd;
      border-left: 1px solid #ddd; } }
  .cd-specs-mobile__cell {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .cd-specs-mobile__cell:last-child {
      border-right: none;
      border-bottom: none; }
  .cd-specs-mobile__head {
    background: #f8f8f8;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: normal;
    color: #333;
    border-bottom: 1px solid #ddd; }
  .cd-specs-mobile__val {
    flex: 1;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.1;
    color: #787878;
    text-align: center;
    padding: 12px 8px; }

.cd-notice {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.cd-notice__title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  color: #f0b100;
  margin: 0; }
  @media (max-width: 991px) {
    .cd-notice__title {
      font-size: 17px; } }

.cd-notice__icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  object-fit: contain; }
  @media (max-width: 991px) {
    .cd-notice__icon {
      width: 20px;
      height: 20px; } }

.cd-notice__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px; }
  .cd-notice__list li {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #333; }
    .cd-notice__list li::before {
      content: ' - '; }
    @media (max-width: 991px) {
      .cd-notice__list li {
        font-size: 14px; } }

.cd-driver-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px; }
  @media (max-width: 1600px) {
    .cd-driver-grid {
      grid-template-columns: repeat(6, 1fr); }
      .cd-driver-grid .cd-driver-card {
        grid-column: span 2; }
      .cd-driver-grid .cd-driver-card:nth-child(4) {
        grid-column: 2 / 4; }
      .cd-driver-grid .cd-driver-card:nth-child(5) {
        grid-column: 4 / 6; } }
  @media (max-width: 991px) {
    .cd-driver-grid {
      grid-template-columns: 1fr 1fr;
      gap: 10px; }
      .cd-driver-grid .cd-driver-card {
        grid-column: span 1; }
      .cd-driver-grid .cd-driver-card:nth-child(4) {
        grid-column: span 1; }
      .cd-driver-grid .cd-driver-card:nth-child(5) {
        grid-column: span 1; } }

.cd-driver-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 35px 10px 34px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  height: 300px;
  box-sizing: border-box; }
  @media (max-width: 991px) {
    .cd-driver-card {
      min-width: unset;
      height: auto;
      padding: 11px 17px;
      gap: 6px;
      border-radius: 10px; } }

.cd-driver-card__logo {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 20px;
  flex-shrink: 0; }
  @media (max-width: 991px) {
    .cd-driver-card__logo {
      width: 61px;
      height: 61px;
      border-radius: 10px; } }

.cd-driver-card__name {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
  color: #333;
  text-align: center;
  text-transform: capitalize;
  margin: 0;
  flex: 1; }
  @media (max-width: 991px) {
    .cd-driver-card__name {
      font-size: 17px;
      line-height: 1; } }

.cd-driver-dl {
  display: block;
  position: relative;
  text-decoration: none;
  transition: transform 0.15s; }
  .cd-driver-dl img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.15s; }
  .cd-driver-dl__img--hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  @media (hover: hover) {
    .cd-driver-dl:hover .cd-driver-dl__img--normal {
      opacity: 0; }
    .cd-driver-dl:hover .cd-driver-dl__img--hover {
      opacity: 1; } }
  .cd-driver-dl:active .cd-driver-dl__img--normal {
    opacity: 0; }
  .cd-driver-dl:active .cd-driver-dl__img--hover {
    opacity: 1; }

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