@charset "UTF-8";
:root {
  --full: 100%;
  --full-dvw: 100dvw;
  --full-dvh: 100dvh;
  --max-w: 1200px;
  --header-h: 3.75rem;
  --header-h-md: 4.625rem;
  --sidebar-w: 18.75rem;
  --sidebarContainer-w: 12.25rem;
  --input-h: var(--s12);
  --white-section-spacing: var(--s6);
  --mobile-white-section-spacing: var(--s4);
  --font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --white: #FFFFFF;
  --black: #000000;
  --transparent: transparent;
  --primary-default: #00A0DC;
  --primary-strong: #3F87B9;
  --primary-heavy: #1B5E9E;
  --neutral-light: #C8D5DA;
  --neutral-soft: #A4B7C0;
  --neutral-default: #7A8E96;
  --neutral-strong: #4A5C64;
  --neutral-heavy: #1A2E35;
  --secondary-gray: #F3F4F6;
  --secondary-gray-dark: #5A6268;
  --secondary-gray-light: #F1F3F5;
  --negative: #EF4444;
  --positive: #059669;
  --cautionary: #F59E0B;
  --bg-default: #F5F8FC;
  --bg-soft: #F8FBFD;
  --bg-positive: #D9F3EB;
  --bg-negative: #FFF3F3 ;
  --bg-success: #E8F4FF;
  --text-default: var(--neutral-default);
  --text-soft: var(--neutral-soft);
  --text-strong: var(--neutral-strong);
  --text-heavy: var(--neutral-heavy);
  --text-light: var(--white);
  --bg-features: #E9F5FE;
  --bg-countries: var(--white);
  --bg-business: #34424C;
  --bg-contact: var(--white);
  --bg-footer: #2B3542;
  --bg-light: #F8FAFA;
  --bg-section: #F2F6F5;
  --bg-dark: #2B3542;
  --bg-dark-alt: #243B44;
  --status-verified: var(--positive);
  --status-unverified: var(--negative);
  --status-received: var(--positive);
  --status-processing: var(--positive);
  --status-approved: var(--positive);
  --status-complete: var(--primary-heavy);
  --status-success: var(--primary-heavy);
  --status-failed: var(--negative);
  --status-pending: var(--neutral-strong);
  --status-cancel: var(--neutral-strong);
  --accent-teal: #00C9B7;
  --border-soft: #EDEFF0;
  --border-default: #DFE4E6;
  /* Shadow */
  --shadow-sm: 0 0.125rem 0.5rem rgba(26, 46, 53, 0.06);
  --shadow: 0 0.25rem 1rem rgba(193, 208, 219, 0.20);
  --shadow-lg: 0 0.75rem 2.5rem rgba(26, 46, 53, 0.12);
  --accent-red: #fca5a5;
  --accent-red-light: #fca5a5;
  --accent-red-dark: #ef4444;
  --bg-delete: #fef2f2;
  --s1: 0.25rem;
  --s1-6: 0.375rem;
  --s2: 0.5rem;
  --s2-10: 0.625rem;
  --s3: 0.75rem;
  --s3-14: 0.875rem;
  --s4: 1rem;
  --s4-18: 1.125rem;
  --s5: 1.25rem;
  --s6: 1.5rem;
  --s7: 1.75rem;
  --s8: 2rem;
  --s9: 2.25rem;
  --s10: 2.5rem;
  --s11: 2.75rem;
  --s12: 3rem;
  --s13: 3.25rem;
  --s14: 3.5rem;
  --s15: 3.75rem;
  --s16: 4rem;
  --s17: 4.25rem;
  --s18: 4.5rem;
  --s19: 4.75rem;
  --s20: 5rem;
  --s21: 5.25rem;
  --xsBase: 3.333vw;
  --smBase: 2.083vw;
  --text-2xs: 0.625rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.75rem;
  --text-4xl: 2rem;
  --text-5xl: 2.25rem;
  --radius: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --transition: all 0.3s ease;
  --icon-nodata: url("../images/icon_nodata.png");
  --icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99674 1.33008C4.32341 1.33008 1.33008 4.32341 1.33008 7.99674C1.33008 11.6701 4.32341 14.6634 7.99674 14.6634C11.6701 14.6634 14.6634 11.6701 14.6634 7.99674C14.6634 4.32341 11.6701 1.33008 7.99674 1.33008ZM7.49674 5.33008C7.49674 5.05674 7.72341 4.83008 7.99674 4.83008C8.27008 4.83008 8.49674 5.05674 8.49674 5.33008V8.66341C8.49674 8.93674 8.27008 9.16341 7.99674 9.16341C7.72341 9.16341 7.49674 8.93674 7.49674 8.66341V5.33008ZM8.61008 10.9167C8.57674 11.0034 8.53008 11.0701 8.47008 11.1367C8.40341 11.1967 8.33008 11.2434 8.25008 11.2767C8.17008 11.3101 8.08341 11.3301 7.99674 11.3301C7.91008 11.3301 7.82341 11.3101 7.74341 11.2767C7.66341 11.2434 7.59008 11.1967 7.52341 11.1367C7.46341 11.0701 7.41674 11.0034 7.38341 10.9167C7.35008 10.8367 7.33008 10.7501 7.33008 10.6634C7.33008 10.5767 7.35008 10.4901 7.38341 10.4101C7.41674 10.3301 7.46341 10.2567 7.52341 10.1901C7.59008 10.1301 7.66341 10.0834 7.74341 10.0501C7.90341 9.98341 8.09008 9.98341 8.25008 10.0501C8.33008 10.0834 8.40341 10.1301 8.47008 10.1901C8.53008 10.2567 8.57674 10.3301 8.61008 10.4101C8.64341 10.4901 8.66341 10.5767 8.66341 10.6634C8.66341 10.7501 8.64341 10.8367 8.61008 10.9167Z' fill='%2300A0DC'/%3E%3C/svg%3E");
  --icon-info-navy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.99674 3.33008C6.32341 3.33008 3.33008 6.32341 3.33008 9.99674C3.33008 13.6701 6.32341 16.6634 9.99674 16.6634C13.6701 16.6634 16.6634 13.6701 16.6634 9.99674C16.6634 6.32341 13.6701 3.33008 9.99674 3.33008ZM9.49674 7.33008C9.49674 7.05674 9.72341 6.83008 9.99674 6.83008C10.2701 6.83008 10.4967 7.05674 10.4967 7.33008V10.6634C10.4967 10.9367 10.2701 11.1634 9.99674 11.1634C9.72341 11.1634 9.49674 10.9367 9.49674 10.6634V7.33008ZM10.6101 12.9167C10.5767 13.0034 10.5301 13.0701 10.4701 13.1367C10.4034 13.1967 10.3301 13.2434 10.2501 13.2767C10.1701 13.3101 10.0834 13.3301 9.99674 13.3301C9.91008 13.3301 9.82341 13.3101 9.74341 13.2767C9.66341 13.2434 9.59008 13.1967 9.52341 13.1367C9.46341 13.0701 9.41674 13.0034 9.38341 12.9167C9.35008 12.8367 9.33008 12.7501 9.33008 12.6634C9.33008 12.5767 9.35008 12.4901 9.38341 12.4101C9.41674 12.3301 9.46341 12.2567 9.52341 12.1901C9.59008 12.1301 9.66341 12.0834 9.74341 12.0501C9.90341 11.9834 10.0901 11.9834 10.2501 12.0501C10.3301 12.0834 10.4034 12.1301 10.4701 12.1901C10.5301 12.2567 10.5767 12.3301 10.6101 12.4101C10.6434 12.4901 10.6634 12.5767 10.6634 12.6634C10.6634 12.7501 10.6434 12.8367 10.6101 12.9167Z' fill='%231B5E9E'/%3E%3C/svg%3E");
  --icon-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00016 1.33331C4.32683 1.33331 1.3335 4.32665 1.3335 7.99998C1.3335 11.6733 4.32683 14.6666 8.00016 14.6666C11.6735 14.6666 14.6668 11.6733 14.6668 7.99998C14.6668 4.32665 11.6735 1.33331 8.00016 1.33331ZM10.2402 9.53331C10.4335 9.72665 10.4335 10.0466 10.2402 10.24C10.1402 10.34 10.0135 10.3866 9.88683 10.3866C9.76016 10.3866 9.6335 10.34 9.5335 10.24L8.00016 8.70665L6.46683 10.24C6.36683 10.34 6.24016 10.3866 6.1135 10.3866C5.98683 10.3866 5.86016 10.34 5.76016 10.24C5.56683 10.0466 5.56683 9.72665 5.76016 9.53331L7.2935 7.99998L5.76016 6.46665C5.56683 6.27331 5.56683 5.95331 5.76016 5.75998C5.9535 5.56665 6.2735 5.56665 6.46683 5.75998L8.00016 7.29331L9.5335 5.75998C9.72683 5.56665 10.0468 5.56665 10.2402 5.75998C10.4335 5.95331 10.4335 6.27331 10.2402 6.46665L8.70683 7.99998L10.2402 9.53331Z' fill='%23EF4444'/%3E%3C/svg%3E");
  --icon-lang-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.52257 12.5547C9.79146 12.8055 10.2085 12.8055 10.4774 12.5547L14.3297 8.96192C14.7944 8.5285 14.4878 7.75 13.8523 7.75H6.14771C5.51225 7.75 5.20556 8.5285 5.67028 8.96192L9.52257 12.5547Z' fill='%234A5C64'/%3E%3C/svg%3E");
  --icon-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0%200%2012%207' fill='none'%3E%3Cpath d='M0.800252%200.800334L5.75%205.75008L10.6997%200.800334' stroke='%237A8E96' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  --icon-datepicker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237A8E96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.guide-section {
  margin-bottom: var(--s10);
}

.guide-section-title {
  font-size: var(--s5);
  font-weight: 700;
  margin-bottom: var(--s5);
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--s3);
}

.title-icon {
  width: var(--s6);
  height: var(--s6);
  color: #4A90E2;
}

.guide-highlight {
  color: var(--primary-default);
  font-weight: 600;
}

.empty-content {
  padding: 100px 0;
  text-align: center;
  color: #999;
}

.service-intro {
  text-align: center;
  margin-bottom: 50px;
  padding: 60px 0 var(--s5);
  position: relative;
  z-index: 2;
}

.service-slogan {
  font-size: var(--s8);
  font-weight: 900;
  margin-bottom: var(--s5);
  letter-spacing: -1.2px;
}

.service-description {
  font-size: 18px;
  line-height: 1.8;
  color: #444;
  max-width: 800px;
  margin: 0 auto;
}

.service-description strong {
  color: #4A90E2;
  position: relative;
}

.service-description strong::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: var(--full);
  height: var(--s1);
  background-color: rgba(74, 144, 226, 0.15);
  z-index: -1;
}

/* Premium Background Decorations Removed */
/* Feature Grid & Glassmorphism */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--s5);
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

.feature-grid.three-col {
  grid-template-columns: repeat(3, 1fr);
}

/* Responsive adjustment for three-col */
/* 768px 이상은 3개 배열 유지 (별도 설정 불필요, 기본이 3개) */
/* @media (max-width: 992px) Rule Removed based on user request */
.feature-card {
  background-color: #ffffff;
  border: 1px solid #edf2f7;
  -webkit-box-shadow: 0 var(--s1) var(--s5) rgba(0, 0, 0, 0.03);
          box-shadow: 0 var(--s1) var(--s5) rgba(0, 0, 0, 0.03);
  border-radius: var(--s5);
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-animation: fadeInUp 0.6s ease backwards;
          animation: fadeInUp 0.6s ease backwards;
}

.feature-card:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.feature-card:nth-child(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.feature-card:nth-child(4) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.feature-card:hover {
  -webkit-transform: translateY(calc(var(--s2) * -1));
          transform: translateY(calc(var(--s2) * -1));
  border-color: #4A90E2;
  -webkit-box-shadow: 0 var(--s3) 30px rgba(74, 144, 226, 0.08);
          box-shadow: 0 var(--s3) 30px rgba(74, 144, 226, 0.08);
}

.feature-image-container {
  width: var(--full);
  /* removed fixed height to let image scaling determine height, or keep it if needed but let's make it flexible */
  padding: 30px 0 0;
  /* Added whitespace at top */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  /* Ensure white background */
}

.feature-image {
  width: 50%;
  /* Reduced width */
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.feature-card:hover .feature-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.feature-content {
  padding: var(--s5) 25px 30px;
  width: var(--full);
  text-align: left;
}

.feature-title {
  font-size: var(--s5);
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: var(--s3);
  letter-spacing: -0.5px;
}

.feature-desc {
  font-size: 15px;
  color: #666;
  text-align: left;
}

.feature-desc p {
  margin-bottom: var(--s2);
}

.feature-desc p:last-child {
  margin-bottom: 0;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .service-slogan {
    font-size: var(--s7);
  }
  .feature-grid {
    gap: var(--s5);
  }
}
@media (max-width: 1024px) {
  .feature-grid {
    grid-template-columns: 1fr;
  }
  .feature-grid.three-col {
    grid-template-columns: 1fr;
  }
  .service-slogan {
    font-size: var(--s6);
  }
  /* 모바일에서 카드 가로 배치 (이미지 좌측, 텍스트 우측) */
  .feature-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px !important;
    min-height: auto;
  }
  .feature-image-container {
    width: 100px;
    min-width: 100px;
    padding: 0;
    margin-right: 15px;
    height: var(--full);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .feature-image {
    width: 80%;
    max-height: 80px;
  }
  .feature-content {
    padding: 10px 0;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .feature-title {
    font-size: var(--s4);
    margin-bottom: 5px;
  }
  .feature-desc {
    font-size: 13px;
    line-height: 1.4;
  }
  .feature-desc ul {
    margin-top: 5px;
  }
  .feature-desc li {
    margin-bottom: 3px;
  }
  .blob {
    opacity: 0.1;
  }
}
/* Guide Countries Grid Overrides */
.guide-countries-grid {
  margin-top: var(--s5);
  padding-bottom: var(--s5);
}
.guide-countries-grid .country-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding: var(--s6);
  gap: var(--s5);
  background-color: #F5F7F9;
  border-radius: var(--radius-lg);
}

.guide-countries-grid .country-flag {
  width: var(--s10);
  height: var(--s10);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.guide-countries-grid .country-info span {
  font-size: var(--text-xs);
  color: var(--text-soft);
  line-height: 1;
}

/* Responsive for Countries Grid */
@media (max-width: 1024px) {
  .guide-countries-grid.countries-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  .guide-countries-grid.countries-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .guide-countries-grid.countries-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .guide-countries-grid .country-card {
    padding: var(--s5) 15px;
  }
}
/* ===== Premium Guide Styles (Migrated from HTML) ===== */
:root {
  --company-gradient: linear-gradient(135deg, #00A0DC 0%, #2563eb var(--full));
  --glass-bg: rgba(255, 255, 255, 0.8);
  --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.guide-hero {
  position: relative;
  background: var(--company-gradient);
  border-radius: var(--s6);
  padding: 60px var(--s10);
  color: var(--white);
  text-align: center;
  margin-bottom: var(--s10);
  overflow: hidden;
  -webkit-box-shadow: 0 var(--s5) var(--s10) rgba(0, 160, 220, 0.2);
          box-shadow: 0 var(--s5) var(--s10) rgba(0, 160, 220, 0.2);
}

.guide-hero::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -10%;
  width: 50%;
  height: 200%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  pointer-events: none;
}

.hero-title {
  font-size: var(--s8);
  font-weight: 800;
  margin-bottom: var(--s5);
  line-height: 1.3;
  position: relative;
  z-index: 1;
  color: #ffffff;
  text-shadow: 0 2px var(--s1) rgba(0, 0, 0, 0.1);
}

.hero-desc {
  font-size: 18px;
  color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  opacity: 1;
}

/* Feature Cards */
.guide-tabs {
  margin-bottom: var(--s12);
}

.grid-info-wrapper {
  margin-bottom: var(--s10);
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, 1fr);
  background-color: var(--border-soft);
}
.grid-info-wrapper.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-info-wrapper.cols-3 .grid-info-card {
  padding: var(--s6);
}
.grid-info-wrapper.cols-3 .grid-info-card:last-child {
  margin-right: -1px;
}
.grid-info-wrapper.cols-3 .grid-info-card .icon-box {
  margin-bottom: 0;
}
.grid-info-wrapper.join-guide {
  margin-bottom: 0;
}
.grid-info-wrapper.join-guide .grid-info-card {
  margin-top: 0;
}
.grid-info-wrapper.join-guide .grid-info-card h4 {
  margin-top: var(--s8);
}

@media (max-width: 768px) {
  .grid-info-wrapper.join-guide .grid-info-card h4 {
    margin-top: 0;
  }
}
.grid-info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: var(--s12) var(--s6);
  height: var(--full);
  background-color: var(--white);
}
.grid-info-card .icon-box {
  margin-bottom: var(--s8);
  width: var(--s16);
  height: var(--s16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-info-card h4 {
  margin-bottom: var(--s4);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--text-heavy);
}
.grid-info-card h4 strong {
  margin-top: var(--s8);
  margin-bottom: var(--s1);
  display: block;
  font-size: var(--text-sm);
  color: var(--primary-default);
  font-weight: 600;
}
.grid-info-card p {
  color: var(--text-default);
}
.grid-info-card ul li {
  padding-left: var(--s4);
  font-size: var(--text-sm);
  color: var(--text-default);
  line-height: 1.8;
  text-align: left;
  position: relative;
}
.grid-info-card ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "•";
}

@media (max-width: 768px) {
  .grid-info-card h4 strong {
    margin-top: 0;
  }
}
.info-grid {
  margin-bottom: var(--s6);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--s5);
}
.info-grid.col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.info-grid.company > div, .info-grid.join-guide > div {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: var(--s5);
     -moz-column-gap: var(--s5);
          column-gap: var(--s5);
  padding: var(--s6);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: left;
}
.info-grid.company > div .icon-box, .info-grid.join-guide > div .icon-box {
  grid-row: 1/span 2;
  margin-bottom: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--s3);
}
.info-grid > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: var(--s6);
  gap: var(--s5);
  background-color: var(--bg-default);
  border-radius: var(--radius-lg);
}
.info-grid .info-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--s16);
  height: var(--s16);
  min-width: var(--s16);
  background-color: var(--white);
  border-radius: var(--radius-lg);
}
.info-grid .info-content-box .label {
  margin-bottom: var(--s2);
  font-size: var(--text-xs);
  color: var(--text-default);
  font-weight: 500;
}
.info-grid .info-content-box .value {
  font-size: var(--s4);
  color: var(--neutral-heavy);
  font-weight: 600;
}
.info-grid .info-content-box .value span {
  display: block;
}
.info-grid ul {
  padding-left: var(--s5);
  margin: 0;
  list-style-type: disc;
}
.info-grid ul li {
  margin-bottom: 6px;
}

@media (max-width: 768px) {
  .info-grid .info-content-box .value span {
    display: inline-block;
  }
  .info-grid .info-content-box .value span:before {
    content: "|";
    margin: 0 var(--s2);
    color: var(--text-soft);
  }
}
.useRemit-grid-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--s4);
}
.useRemit-grid-new > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--s8);
  border-radius: var(--radius-lg);
  background-color: #F5F8FC;
}
.useRemit-grid-new > div h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--s2);
  color: var(--text-default);
  font-weight: 500;
}
.useRemit-grid-new > div p {
  margin-top: var(--s4-18);
  font-size: var(--text-2xl);
  color: var(--text-heavy);
  font-weight: 700;
}
.useRemit-grid-new > div p span {
  font-size: var(--text-md);
  color: var(--text-default);
  font-weight: 500;
}

/* Content Box */
.content-box-premium {
  margin-bottom: var(--s8);
  padding: var(--s10) 0;
  background-color: var(--white);
  border-bottom: 1px solid var(--border-soft);
}
.content-box-premium.none-border {
  margin-bottom: 0;
  border: none;
}
.content-box-premium:first-of-type {
  padding-top: 0;
}
.content-box-premium:last-of-type {
  border-bottom: none;
}
.content-box-premium .section-header ~ .section-header {
  margin-top: var(--s15);
}

.section-header {
  text-align: center;
}
.section-header:not(:has(.guide-text)) {
  margin-bottom: var(--s6);
}
.section-header.company {
  margin-top: var(--s4);
}
.section-header.company:not(:has(.guide-text)) {
  margin-bottom: var(--s8);
}
.section-header h3 {
  font-size: var(--text-2xl);
  font-weight: 700;
  color: var(--neutral-heavy);
}
.section-header h3:not(:has(.guide-text)) {
  margin-bottom: 0;
}
.section-header h3 ~ .guide-text {
  margin-bottom: var(--s6);
  font-size: var(--text-sm);
}

.guide-text {
  margin-top: var(--s6);
  font-size: var(--text-md);
  color: var(--text-default);
  text-align: center;
}
.guide-text strong {
  color: var(--text-strong);
}

@media (max-width: 768px) {
  .guide-text {
    text-align: left;
  }
}
.section-icon {
  color: #00A0DC;
}

/* Country Grid */
.guide-countries-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--s5);
}

/* Premium Table */
.premium-table {
  text-align: center;
}

.premium-table th,
.premium-table td {
  font-size: var(--text-md);
}

.center-card {
  margin-bottom: var(--s10);
  padding: var(--s10);
  background-color: var(--white);
  border: 1px solid var(--border-default);
  border-radius: var(--s6);
}

.center-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 30px;
}

.location-info .title {
  font-size: var(--text-lg);
  font-weight: 800;
  color: var(--neutral-heavy);
  margin-bottom: var(--s2);
}
.location-info .addr {
  font-size: 15px;
  color: var(--text-default);
}

.map-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--s2);
  padding: 10px var(--s5);
  font-size: var(--text-sm);
  color: var(--white);
  border-radius: 10px;
  font-weight: 700;
  background-color: #1B5E9E;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--s6);
}

.contact-box {
  padding: var(--s6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--s5);
  background-color: #EAF6FF;
  border-radius: var(--radius-lg);
}

.contact-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--s16);
  height: var(--s16);
  background-color: var(--white);
  border-radius: var(--radius-lg);
  -webkit-box-shadow: 0 4px 20px 0 rgba(193, 208, 219, 0.2);
          box-shadow: 0 4px 20px 0 rgba(193, 208, 219, 0.2);
}

.contact-icon .lang-code {
  font-size: var(--text-lg);
  color: var(--primary-heavy);
  font-weight: 800;
}

.contact-icon .lang-name {
  font-size: var(--text-2xs);
  color: var(--text-soft);
  font-weight: 700;
}

.contact-details .label {
  font-size: var(--text-xs);
  color: var(--text-default);
  margin-bottom: var(--s1);
  font-weight: 500;
}

.contact-details .phone-num {
  font-size: var(--text-lg);
  color: var(--neutral-heavy);
  font-weight: 800;
}

@media (max-width: 768px) {
  .value-grid,
  .info-grid,
  .info-grid.join-guide,
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .grid-info-wrapper,
  .grid-info-wrapper.cols-3 {
    grid-template-columns: 1fr;
  }
  .guide-countries-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  /* Mobile Horizontal Layout for Feature Cards */
  .info-grid > div,
  .grid-info-card {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    -webkit-column-gap: var(--s5);
       -moz-column-gap: var(--s5);
            column-gap: var(--s5);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding: var(--s6);
    text-align: left;
  }
  .info-grid > div,
  .info-grid.join-guide > div {
    grid-template-rows: auto;
  }
  .icon-box {
    grid-row: 1/span 2;
    margin-bottom: 0;
    width: 48px;
    height: 48px;
    border-radius: var(--s3);
  }
  .hero-title {
    font-size: var(--s6);
  }
  .hero-desc {
    font-size: 15px;
  }
  .useRemit-grid-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--s5);
  }
  .useRemit-grid-new > div {
    width: 100%;
  }
  .center-card-header .btn-confirm {
    width: var(--full);
  }
}
@media (max-width: 480px) {
  .guide-countries-grid {
    grid-template-columns: 1fr;
  }
  .country-card {
    padding: var(--s3);
    gap: var(--s3);
  }
  .country-flag {
    width: var(--s9);
    height: var(--s9);
  }
  .country-info h4 {
    font-size: 14px;
  }
  .country-info span {
    font-size: var(--s3);
  }
}
/* Override styles for cards inside content-box-premium (no icons, subtle design) */