/* ════════════════════════════════════════════════════════
   MINC Public Pages — Shared Styles
   (Privacy Policy, Contact, Home, etc.)
   ════════════════════════════════════════════════════════ */

/* ── Public Sidebar / Left Nav ── */
.minc-public-sidebar {
  width: 165px;
  min-width: 165px;
  background-color: #c8ddd8;
  padding: 15px 0 30px;
  border-right: 1px solid #b0c8c2;
  flex-shrink: 0;
}

.minc-public-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.minc-public-nav li {
  border-bottom: 1px solid #b5cdc8;
}

.minc-public-nav li a {
  display: block;
  padding: 7px 14px;
  color: #1a3530;
  text-decoration: underline;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  transition: background 0.15s;
}

.minc-public-nav li a:hover {
  background-color: #b0cec8;
  color: #0e2320;
}

.minc-public-nav-active a {
  font-weight: bold;
  color: #0e2320 !important;
  text-decoration: none !important;
  background-color: #9dbfb9;
}

/* Top nav active link */
.minc-nav-active {
  font-weight: bold;
  text-decoration: underline;
}

/* Language link */
.minc-lang-link {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

.minc-lang-link:hover {
  text-decoration: underline;
}

/* ── Public Content Area ── */
.minc-public-content {
  flex: 1;
  padding: 25px 35px 50px;
  background-color: #f5f0dc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #222;
  line-height: 1.7;
}

/* ════════════════════════════════════════════════════════
   PRIVACY POLICY — Content Styles
   ════════════════════════════════════════════════════════ */

.minc-pp-wrap {
  max-width: 720px;
}

/* ── Page Title ── */
.minc-pp-title {
  font-size: 26px;
  font-weight: bold;
  color: #1b9e8a;
  padding: 4px 0 8px;
  background: linear-gradient(to right, #d6ecea 70%, #f5f0dc 100%);
  padding-left: 0;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

/* ── Intro text ── */
.minc-pp-intro {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.7;
  color: #222;
}

.minc-pp-intro a {
  color: #1a6e8a;
  text-decoration: underline;
}

.minc-pp-intro a:hover {
  color: #0e4a60;
}

/* ── Download link ── */
.minc-pp-download-link {
  color: #1a6e8a;
  font-weight: bold;
  font-size: 13px;
  text-decoration: underline;
}

.minc-pp-download-link:hover {
  color: #0e4a60;
}

/* ── Section title block ── */
.minc-pp-section-title {
  font-size: 13px;
  color: #222;
  margin: 20px 0 16px;
  line-height: 1.7;
}

/* ── Section container ── */
.minc-pp-section {
  margin-bottom: 26px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d8d3be;
}

.minc-pp-section:last-child {
  border-bottom: none;
}

/* ── Section headings (A. Accountability etc.) ── */
.minc-pp-heading {
  font-size: 14px;
  font-weight: bold;
  color: #1b1b1b;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

/* ── Blockquote (CSA principle text) ── */
.minc-pp-quote {
  border-left: 3px solid #2e7d6e;
  margin: 0 0 12px 0;
  padding: 8px 14px;
  background-color: #eef6f4;
  color: #333;
  font-size: 13px;
  line-height: 1.7;
  font-style: normal;
}

/* ── Bullet lists ── */
.minc-pp-list {
  margin: 10px 0 12px 20px;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
  color: #222;
}

.minc-pp-list li {
  margin-bottom: 4px;
  list-style-type: disc;
}

/* ── Paragraph spacing inside sections ── */
.minc-pp-section p {
  margin-bottom: 10px;
}

.minc-pp-section a {
  color: #1a6e8a;
  text-decoration: underline;
}

.minc-pp-section a:hover {
  color: #0e4a60;
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .minc-public-sidebar {
    width: 100%;
    min-width: unset;
    border-right: none;
    border-bottom: 1px solid #b0c8c2;
  }

  .minc-public-content {
    padding: 15px;
  }

  .minc-pp-title {
    font-size: 20px;
  }
}




/* nishi code */

.page-header .entry-title {
  display: none;
}

.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
  max-width: 1440px !important;
}

/* ======= Layout utilities ========= */
.section-spacing {
  padding: 48px 80px;
}

.section-wrapper {
  padding: 96px 80px;
}

.section-container {
  max-width: 100%;
}

.section-title {
  margin: 0 0 24px;
  font-size: 48px;
  line-height: 48px;
  color: var(--color-gray-900);
  font-weight: 700;
  letter-spacing: 0.35px;
}

.section-title span {
  color: var(--color-primary);
}

.section-title-sm {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  color: #101828;
}

.section-lead {
  color: #4A5565;
}

.lead-minc {
  font-size: 20px;
  line-height: 32.5px;
  color: var(--color-gray-600);
}

/* ======= Header ===== */
.login-btn {
  padding: 0;
  margin-left: auto;
}

.header-inner .login-btn a {
  color: var(--color-white);
}

.header-inner .lang-selector a {
  color: var(--color-gray-600);
}

.header-inner a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  color: var(--color-gray-900);
}

.site-header {
  padding: 0 80px;
}

.site-header .header-inner {
  padding: 24px 32px;
  justify-content: unset;
}

.site-header .site-branding {
  width: 40%;
}

.site-navigation {
  width: 60%;
  position: relative;
}

.site-navigation ul.menu {
  width: 100%;
}

.header-inner .site-navigation .lang-selector {
  position: absolute;
  right: 78px;
}

/* ====== Home — banner ====== */
.banner-section {
  background:
    linear-gradient(90deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 90%, transparent) 50%, transparent 100%),
    url('https://mincdev.108.tips/wp-content/uploads/2026/05/banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 128px 112px;
}

.banner-content {
  max-width: 672px;
}

.banner-content h1,
.banner-content .display-5 {
  color: var(--color-white);
}

.banner-description {
  color: color-mix(in srgb, var(--color-white) 90%, transparent);
}

.banner-content h1 {
  margin-bottom: 23px;
}

.card-content {
  border: 1px solid color-mix(in srgb, var(--color-secondary) 30%, transparent);
  border-radius: 16px;
  padding: 25px;
}

.banner-cards-row {
  margin: 48px 0 32px;
}

.card-content h4,
.card-content .h5 {
  font-size: 24px;
  color: var(--color-white);
  line-height: 32px;
  font-weight: 700;
}

.card-content p,
.card-content .small {
  font-size: 14px;
  line-height: 20px;
  color: color-mix(in srgb, var(--color-white) 80%, transparent);
}

.note-content {
  font-size: 14px;
  color: color-mix(in srgb, var(--color-white) 70%, transparent);
  line-height: 20px;
  font-style: italic;
}

/* ====== Cards & icons ====== */

.foundation-icon.common-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  padding: 0;
}

.about-card,
.user-card,
.minc-card {
  border-radius: 16px;
}

.about-card {
  border: 1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);
  padding: 25px;
  margin-bottom: 24px;
}

.about-card-descr h3,
.about-card-descr .h5 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-gray-900);
}

.about-card-descr p,
.about-card .card-text {
  font-size: 16px;
  line-height: 26px;
  color: var(--color-gray-600);
}

.about-us--section p {
  font-size: 18px;
}

.about-us--section .about-section-row {
  --bs-gutter-x: 64px;
  --bs-gutter-y: 64px;
}

.user-card {
  border: 1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);
  padding: 33px;
}

.user-card h5 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-gray-900);
}

.user-card p {
  font-size: 16px;
  line-height: 26px;
  color: var(--color-gray-600);
  text-align: left;
}


/* ====== Home — about & uses ====== */
.uses-section h2 {
  margin-bottom: 15.5px;
}


.uses-section .section-lead {
  font-size: 18px;
}

.about-us--section {
  padding-top: 96px;
}

.about-us--section p,
.uses-section .section-lead {
  color: var(--color-gray-600);
}

.learn-more-link {
  color: var(--color-primary);
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}

.uses-section .section-title,
.uses-section .section-lead {
  text-align: center;
}

/* ====== Contact ====== */
.contact-content {
  border-radius: 24px;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 64px;
  text-align: center;
  min-width: 832px;
}

.contact-content h2 {
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  color: var(--color-white);
}

.contact-content p {
  font-size: 16px;
  line-height: 24px;
  color: color-mix(in srgb, var(--color-white) 90%, transparent);
  padding: 0 25px;
}

.contact-content a {
  color: var(--color-white);
  font-size: 18px;
  text-decoration: none;
}

.contact-note {
  color: color-mix(in srgb, var(--color-white) 70%, transparent);
  font-size: 14px;
  font-style: italic;
}

/* ======= Footer ====== */
.footer-section {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.footer-section p,
.footer-section a {
  font-size: 14px;
  color: color-mix(in srgb, var(--color-white) 80%, transparent);
}

.footer-menu h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}

.footer-section .footer-menu a {
  display: block;
  padding-bottom: 12px;
  text-decoration: none;
}

/* ====== Inner page banner ====== */
.inner-page-banner {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.breadcrumb-link,
.breadcrumb-current {
  font-size: 14px;
}

.breadcrumb-link {
  color: color-mix(in srgb, var(--color-white) 70%, transparent);
}

.inner-banner-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--color-white) 10%, transparent);
}

.banner-title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-white);
}

.inner-page-banner .banner-description {
  font-size: 18px;
  line-height: 28px;
  color: color-mix(in srgb, var(--color-white) 90%, transparent);
}

/* ====== What is MINC page ====== */
.minc-list li span {
  color: var(--color-gray-700);
  font-size: 18px;
  line-height: 29.25px;
}

.preview-container {
  border-radius: 24px;
  border: 1px solid var(--color-gray-200);
  padding: 49px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-gray-200) 40%, var(--color-white)) 0%, var(--color-white) 100%);
}

.preview-container .preview-hint {
  font-style: italic;
  font-size: 14px;
  color: #6A7282;
  text-align: center;
}

.structure-item {
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 14px;
  border-radius: 16px;
  font-size: 30px;
  font-weight: 700;
  color: var(--color-white);
  line-height: 36px;
  width: fit-content;
}

.country-code {
  background: linear-gradient(135deg, var(--color-secondary) 0%, color-mix(in srgb, var(--color-secondary) 70%, var(--color-white)) 100%);
}

.profession-code {
  background: linear-gradient(135deg, var(--color-tertiary) 0%, color-mix(in srgb, var(--color-tertiary) 70%, var(--color-white)) 100%);
}

.serial-number {
  background: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 75%, var(--color-white)) 100%);
}

.check-digit {
  background: linear-gradient(135deg, var(--color-gray-700) 0%, var(--color-gray-900) 100%);
}

.ca-card {
  border: 2px solid color-mix(in srgb, var(--color-secondary) 20%, transparent);
}

.md-card {
  border: 2px solid color-mix(in srgb, var(--color-tertiary) 20%, transparent);
}

.number-card {
  border: 2px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.digit-card {
  border: 2px solid var(--color-gray-200);
}

.info-tag {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding-top: 23.5px;
  border-top: 1px solid color-mix(in srgb, var(--color-gray-200) 60%, var(--color-white));
}

.ca-card .info-tag {
  color: var(--color-secondary);
}

.md-card .info-tag {
  color: var(--color-tertiary);
}

.number-card .info-tag {
  color: var(--color-primary);
}

.digit-card .info-tag {
  color: var(--color-gray-700);
}

.common-box {
  background: linear-gradient(135deg, #2E3192 0%, #303396 11.11%, #323699 22.22%, #34389D 33.33%, #363BA1 44.44%, #383DA4 55.56%, #3B40A8 66.67%, #3D42AC 77.78%, #3F45AF 88.89%, #4147B3 100%);
  border-radius: 24px;
  padding: 48.5px 48px;
}

.sample-minc-box {
  color: var(--color-white);
}

.sample-label {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-white) 80%, transparent);
}

.sample-minc-code {
  font-weight: 700;
  font-size: clamp(32px, 6vw, 60px);
  letter-spacing: 3.26px;
  color: var(--color-white);
}

.sample-minc-box p {
  font-size: 14px;
  color: color-mix(in srgb, var(--color-white) 70%, transparent);
}

.note-box {
  border-radius: 4px 14px 14px 4px;
  padding: 24px 28px;
  border-left-width: 4px;
  border-left-style: solid;
}

.important-note-section {
  background: color-mix(in srgb, var(--color-secondary) 5%, transparent);
}

.important-note-section h3,
.important-note-section .h5 {
  color: #101828;
  font-size: 18px;
  margin-bottom: 8px;
}

.note-box-content p {
  color: #364153;
  font-size: 16px;
  line-height: 26px;
}

.minc-assigned-section p {
  font-weight: 400;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: -0.44px;
}

.minc-assigned-section strong {
  color: var(--color-gray-900);
}

.minc-strc-content h2 {
  margin-bottom: 15.5px;
}

.minc-structure-section p {
  font-size: 18px;
}

.structure-cards-row p {
  font-size: 14px;
  color: #4A5565;
  height: 70px;
}

.minc-structure-section .section-lead {
  padding: 0 10px;
}

.permanent-life-box {
  background: color-mix(in srgb, var(--color-tertiary) 5%, transparent);
  border-radius: 16px;
  padding: 32px;
}

.permanent-life-section p,
.permanent-life-section ul li {
  font-size: 18px;
  letter-spacing: -0.44px;
  line-height: 28px;
  color: #364153;
}

.permanent-life-box ul li::marker {
  color: var(--color-tertiary);
}

.permanent-life-box p {
  padding-bottom: 14.75px;
}

.questions-cta-section {
  background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 5%, transparent) 0%, color-mix(in srgb, var(--color-secondary) 5%, transparent) 100%);
  border-radius: 24px;
}

.questions-box p {
  max-width: 675px;
  color: #4A5565;
  font-size: 18px;
}

/* ====== Privacy Code page ====== */
.foundation-highlight {
  color: var(--color-primary);
  font-weight: 700;
}

.privacy-foundation-section {
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 5%, transparent) 0%, color-mix(in srgb, var(--color-secondary) 5%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.principle-card {
  border: 2px solid color-mix(in srgb, var(--color-secondary) 20%, transparent);
}

.principle-icon.common-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
}

.foundation-content p {
  font-size: 18px;
  line-height: 29.25px;
}

.agreement-note-section {
  border-left-color: #51A154;
  background: #51A1540D;
}

.note-box-content h3 {
  font-weight: 700;
  color: #101828;
  margin-bottom: 12px;
}

.agreement-note-section strong {
  color: #51A154;
}

.note-box-container svg {
  min-width: 32px;
}

.privacy-box .card-icon {
  background: #FFFFFF1A;
  box-shadow: unset;
}

.common-box.privacy-box {}

.privacy-box .card-icon {
  background: #FFFFFF1A;
  box-shadow: unset;
}

.concern-section {
  color: #fff;
}

.concern-section h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07px;
  margin: 0;
}

.concern-section h6 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 4.5px;
}

.concern-section p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.31px;
  color: #FFFFFFCC;
}

.concern-section h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
}

.contact-card {
  background: #FFFFFF1A;
}

.contact-card span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
}

.contact-card a,
.contact-card .toll-free {
  color: #FFFFFFE5;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
}

p.concern-content {
  color: #4A5565;
  margin-bottom: 40px;
}

.important-info-section {
  background: #24AAE20D;
}

.important-info-section ul li::marker {
  color: #24AAE2;
}

.important-info-section ul {
  padding-left: 20px;
}

.faq-section .card-icon {
  background: #24AAE21A;
  box-shadow: none;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.45px;
  color: #24AAE2;
}

.faq-section .accordion-button {
  border: 0;
  color: #101828;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.31px;
  width: 100%;
  text-align: left;
  background: transparent;
  box-shadow: unset;
  padding: 16px;
  padding-left: 0;
  transition: 0.2s linear all;
}

.faq-section .accordion-button:hover {
  background-color: rgba(250, 250, 251, 0.5);
  border: 0;
  color: #24AAE2;
}

.faq-section .accordion-button.collapsed:after {
  transform: translateY(-50%) rotate(0deg);
}

.faq-section .accordion-button:after {
  background-image: url(https://mincdev.108.tips/wp-content/uploads/2026/05/down-arrow.png);
  background-position: right;
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(-50%) rotate(180deg);
}

.faq-section .accordion-item {
  border: 0;
  border-bottom: 1px solid #E5E7EB;
}

.faq-section .accordion-header {
  margin-top: 0;
}

.faq-section .accordion-body {
  padding: 0 16px 16px;
}

.leadership-section .badge {
  border-radius: 10px;
  background: #24AAE21A;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  text-align: center;
  color: #24AAE2;
  display: block;
  width: max-content;
  margin: 0 auto;
}

.leadership-section .minc-card {
  border: 2px solid #E5E7EB;
  padding: 34px;
}

.leadership-section .minc-card p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  color: #24AAE2;
}

.leadership-section .minc-card ul {
  list-style-type: none;
  padding-left: 0;
  padding-top: 24.5px;
}

.leadership-section .minc-card ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.15px;
  padding-bottom: 12px;
  color: #4A5565;
}

.director-card .card-icon {
  background: #2E3192;
}

.integrity-card .card-icon {
  background: #51A154;
}

.support-section {
  background: linear-gradient(90deg, rgba(81, 161, 84, 0.05) 0%, rgba(36, 170, 226, 0.05) 100%);
  border-left: 4px solid #51A154;
}

.support-section .common-icon {
  background: #51A154;
}

.contact-info-section .badge {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: #24AAE2;
  background: #24AAE21A;
  border-radius: 10px;
}

.contact-info-section h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0.37px;
  color: #101828;
}

.contact-info-section .contact-card {
  background: #F9FAFB;
}

.contact-info-section .contact-card h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
  color: #101828;
}

.contact-info-section p {
  font-weight: 400;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: -0.44px;
  margin-bottom: 31.25px;
}

.contact-info-section .email-card .card-icon {
  background: #24AAE21A;
}

.email-card p {
  color: #24AAE2;
}

.contact-info-section .contact-card p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.31px;
}

.contact-info-section .phn-card .card-icon {
  background: #51A1541A;
}

.contact-info-section .phn-card p span {
  color: #51A154;
}

.map-card .card-icon {
  background: #2E31921A;
}

.contact-us {
  padding-bottom: 96px;
}
