:root{
    --color-off-black: #16181D;
}

.page-template-department-template main.site-main {background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(221, 197, 178, 0.40) 100%);position: relative;}
/* .page-template-department-template main.site-main:after {content: '';background: url("/wp-content/uploads/2026/07/page_pattern-bg.svg");background-size: contain;background-position: left 200% top;background-repeat: no-repeat;width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;right: 0;z-index: -1;} */

.page-template-department-template .dept-hero-overlap-section,
.page-template-department-template .dept-quick-links-section,
.page-template-department-template .dept-content-image-section,
.page-template-department-template .faqs_container {position: relative;background: transparent!important;}

.page-template-department-template .dept-hero-overlap-section:after,
.page-template-department-template .dept-quick-links-section:after,
.page-template-department-template .dept-content-image-section:after,
.page-template-department-template .faqs_container:after {content: '';background: url("/wp-content/uploads/2026/07/bg-pattern-stars.svg");background-size: 50% 100%;background-position: left 100% top 100%;background-repeat: no-repeat;width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;right: 0;z-index: -1;pointer-events: none;}

/* .page-template-department-template main.site-main > section:last-child {margin-bottom: 0;} */

.department-banner { position: relative; min-height: 87vh; background-image: url('/wp-content/uploads/2026/07/brand_texture_blue.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: calc(var(--header-height, 140px) + 32px) 8vw 60px; margin-top: calc(-1 * var(--header-height, 140px)); z-index: 1; }
.department-banner__overlay { position: absolute; inset: 0; background: var(--color-dark-blue, linear-gradient(0deg, #1C3866 0%, #1C3866 100%), #D9D9D9); z-index: 1;opacity: 0.5; }
.department-banner__content { position: relative; z-index: 2; text-align: center;margin: 0 auto; }
.department-banner__heading { font-family: var(--font-family-yrt); color: var(--color-light-green);text-shadow: 0 4px 4px rgba(22, 24, 29, 0.30);letter-spacing: 4.4px; line-height: var(--heading-line-height);text-transform: uppercase; margin: 0; }
.department-banner__subheading { font-family: var(--font-family-tiktok); text-shadow: 0 4px 4px rgba(22, 24, 29, 0.25);font-size: var(--size-48);font-weight: 700;color: var(--color-off-white); line-height: normal;margin: 0 auto; max-width: 1146px;}


.dept-hero-overlap-section {margin-top: 80px;margin-bottom: 60px;}
.department-banner + .dept-hero-overlap-section {margin-top: -80px;}
.department-banner + .dept-quick-links-section {margin-top: 80px;}
.department-banner + .dept-content-image-section {padding-top: 80px;}
.department-banner + .faqs_container {padding-top: 80px;}
.dept-hero-overlap-card {background-color: var(--color-off-white);border-radius: 12px;padding: 40px 60px 100px;position: relative;z-index: 5;}
.dept-hero-overlap-card .dept-wrapper-card {display: flex;gap: 48px;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.dept-hero-overlap-card__left {flex: 1;max-width: 61%;}
.dept-hero-overlap-card__right {flex: 0 0 400px;width: 100%;}
.dept-hero-overlap-card__meta {margin-bottom: 24px;}
.dept-hero-overlap-card__breadcrumbs, .dept-hero-overlap-card__breadcrumbs a, .dept-hero-overlap-card__breadcrumbs span {color: var(--color-brown);font-family: var(--font-family-tiktok);font-size: 15px;font-weight: 600;line-height: 1.6;letter-spacing: 1.5px;text-transform: uppercase;text-decoration: none;}
.dept-hero-overlap-card__breadcrumbs a:hover {text-decoration: underline;}
.dept-hero-overlap-card__breadcrumbs {display: block;margin-bottom: 15px;}
.dept-hero-overlap-card__dept-title-wrap {display: flex;align-items: center;gap: 12px;font-family: var(--font-family-tiktok);font-weight: 700;}
.dept-hero-overlap-card__star-icon {color: var(--color-light-blue);display: flex;align-items: center;}
.dept-hero-overlap-card__star-icon svg {width: 30px;height: 30px;}
.dept-hero-overlap-card__dept-name {color: var(--color-dark-blue);font-size: var(--h4-size);font-family: var(--font-family-tiktok);line-height: normal;}
.dept-hero-overlap-card__heading {font-family: var(--font-family-yrt);line-height: 30px;color: var(--color-dark-blue);text-transform: uppercase;margin: 0 0 24px 0;}

.dept-hero-overlap-card__content :is(h1, h2, h3, h4, h5, h6) {font-family: var(--font-family-tiktok);color: var(--color-dark-blue);line-height: 1.3;font-weight: 600;margin-block: 30px 5px;}

.dept-hero-overlap-card__content p {color: var(--color-off-black);font-size: var(--p-size);font-weight: 400;line-height: 30px;margin-bottom: 15px;}
.dept-hero-overlap-card__content p:last-child {margin-bottom: 0;}
.dept-hero-overlap-card__content ul {margin: 0px;padding-left: 20px;}
.dept-hero-overlap-card__content li {margin-bottom: 8px;list-style-type: disc;color: var(--color-off-black);}
.dept-hero-overlap-card__content li a, .dept-hero-overlap-card__content a {color: var(--color-off-black);font-weight: 400;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;}

/* ── Department Contact Card ── */
.dept-contact-card {background-color: var(--color-burgendy);border-radius: 16px;padding: 48px 52px;text-align: center;}
.dept-contact-card p {color: var(--color-off-white);font-size: var(--p-size);font-weight: 600;}
.dept-contact-card p a {color: var(--color-off-white);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;text-decoration-color: var(--color-off-white);transition: .3s all ease;}
.dept-contact-card p a:hover {text-decoration-color: transparent;}
.dept-contact-card__title {color: var(--color-off-white);margin: 0 0 16px 0;font-weight: 700;}
.dept-contact-card__address {line-height: 1.5;margin-bottom: 24px;color: var(--color-off-white);}
.dept-contact-card__phones {line-height: 1.5;margin-bottom: 24px;color: var(--color-off-white);}
.dept-contact-card__phones p {margin: 0 0 6px 0;}
.dept-contact-card__phones p:last-child {margin-bottom: 0;}
.dept-contact-card__hours-title {color: var(--color-off-white);font-family: var(--font-family-tiktok);font-size: 20px;font-weight: 600;letter-spacing: 2px;margin: 0 0 12px 0;text-transform: uppercase;}

/* ── Department Quick Links Section ── */
section.dept-hero-overlap-section.tosa_container + section.dept-quick-links-section {margin-top: -6%;}
.dept-quick-links-section {margin-bottom: 80px;position: relative;}
.dept-quick-links {display: flex;align-items: center;}
.dept-quick-links__left {flex: 1;max-width: 50%;position: relative;z-index: 1;}
.dept-quick-links__image-wrapper {border-radius: 0 12px 12px 0;overflow: hidden;}
.dept-quick-links__image {width: 100%;height: auto;display: block;object-fit: cover;max-height: 885px;}
.dept-quick-links__right {flex: 0 0 57%;margin-left: -7%;position: relative;z-index: 6;}
.dept-quick-links__card {background: url('/wp-content/uploads/2026/07/brand_texture_blue.webp') center / cover no-repeat ;border-radius: 12px 0 0 12px;padding: 60px 0;}
.dept-quick-links__list {display: flex;flex-direction: column;}
.dept-quick-links__item {display: flex;justify-content: space-between;align-items: center;gap: 40px;min-height: 90px;padding: 20px 8%;text-decoration: none;border-bottom: 3px solid var(--color-light-green);transition: .3s all ease;}
.dept-quick-links__item:first-child {border-top: 3px solid var(--color-light-green);}
.dept-quick-links__item-title {font-family: var(--font-family-tiktok);font-size: var(--h4-size);font-weight: 700;line-height: 1.2;color: var(--color-off-white);transform: scale(1);transition: .3s all ease;}
.dept-quick-links__item-arrow {color: var(--color-white);display: flex;align-items: center;transition: .3s all ease;}
.dept-quick-links__item-arrow svg {width: 100px;height: auto;transition: transform .3s all ease;}
.dept-quick-links__item:hover {background-color: var(--color-light-green);}
.dept-quick-links__item:hover .dept-quick-links__item-arrow {flex-grow: 1;}
.dept-quick-links__item:hover span.dept-quick-links__item-title {color: var(--color-dark-blue)!important;transform: translateX(16px) scale(1.1);}
.dept-quick-links__item:hover .dept-quick-links__item-arrow svg {color: var(--color-light-green);transform: translateX(8px);}

/* ── Department Content Image Section ── */
.dept-content-image-section {padding-bottom: 80px;position: relative;}
.dept-content-image {display: flex;align-items: center;justify-content: space-between;gap: 60px;}
.dept-content-image--reverse {flex-direction: row-reverse;}
.dept-content-image__col {flex: 1;max-width: 45%;}
.dept-content-image__heading {font-family: var(--font-family-yrt);font-size: var(--h3-size);color: var(--color-dark-blue);text-transform: uppercase;margin: 0 0 24px 0;line-height: 1.2;}
.dept-content-image__text {font-family: var(--font-family-tiktok);font-size: 16px;line-height: 1.65;color: var(--color-off-black);margin-bottom: 32px;}
.dept-content-image__text p {margin-bottom: 16px;}
.dept-content-image__text p:last-child {margin-bottom: 0;}
.dept-content-image__image-wrapper {border-radius: 16px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
.dept-content-image__image {width: 100%;height: auto;display: block;object-fit: cover;}

/* ── Department FAQs Accordion ── */
section.faqs_container {padding-bottom: 80px;}
.dept-faqs__box {background: rgba(28, 56, 102, 0.85);border-radius: 16px;padding: 20px 50px;position: relative;overflow: hidden;border: 0px solid var(--color-light-green);backdrop-filter: blur(4px);}
.dept-faqs__description {font-family: var(--font-family-tiktok);font-size: 16px;line-height: 1.6;color: var(--color-white);margin-bottom: 24px;}
.dept-faqs__accordion {max-width: 100%;}
.dept-faqs__item {border-bottom: 1px solid var(--color-light-green);}
.dept-faqs__item:last-child {border-bottom: none;}
.dept-faqs__trigger {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 20px 0;background: none;border: none;cursor: pointer;text-align: left;font-family: var(--font-family-tiktok);font-size: var(--h6-size);font-weight: 600;color: var(--color-white);transition: color .3s ease;}
.dept-faqs__trigger:hover {color: var(--color-light-green);}
.dept-faqs__item.is-open button.dept-faqs__trigger {color: var(--color-light-green);}
h2.dept-faqs__heading {font-family: var(--font-family-yrt);font-size: var(--h3-size);color: var(--color-dark-blue);text-transform: uppercase;line-height: 1.2;}
.dept-faqs__question {flex: 1;padding-right: 20px;}
.dept-faqs__icon {color: var(--color-white);display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease;}
.dept-faqs__icon svg {width: 24px;height: 24px;stroke: var(--color-white);fill: none;}
.dept-faqs__plus-line-v {transition: transform 0.3s ease, opacity 0.3s ease;transform-origin: center;}
.dept-faqs__item.is-open .dept-faqs__plus-line-v {transform: rotate(90deg);opacity: 0;}
.dept-faqs__body {max-height: 0;overflow: hidden;transition: max-height 0.25s cubic-bezier(0.25, 0, 0.3, 1);}
.dept-faqs__content {padding: 0 10px 20px;font-family: var(--font-family-tiktok);font-size: 16px;line-height: 1.65;color: var(--color-white);}
.dept-faqs__content p {margin-bottom: .5rem;}
.dept-faqs__content p:last-child {margin-bottom: 0;}
.dept-faqs__content ul, .dept-faqs__content ol {margin: 0;margin-bottom: 10px;}
.dept-faqs__content ul:last-child, .dept-faqs__content ol:last-child {margin-bottom: 0;}
.dept-faqs__content p a, .dept-faqs__content ul li a, .dept-faqs__content ol li a {font-weight: 500; color: var(--color-white);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;}
.dept-faqs__content :is(h1, h2, h3, h4, h5, h6) {font-weight: 600;font-size: 20px;}

@media (max-width: 1120px) {
    .department-banner { min-height: 70vh; }
}
@media (max-width: 991px) {
    .dept-hero-overlap-section {margin-top: 60px;}
    .department-banner + .dept-hero-overlap-section {margin-top: -100px;}
    .dept-hero-overlap-card {flex-direction: column;padding: 40px;gap: 36px;}
    .dept-hero-overlap-card__left {max-width: 70%;}
    .dept-hero-overlap-card__right {flex: 0 0 30%;}
    .dept-quick-links {flex-direction: column;align-items: stretch;}
    .dept-quick-links__left, .dept-quick-links__right {max-width: 100%;flex: none;width: 100%;margin-left: 0;}
    .dept-quick-links__image-wrapper {border-radius: 12px 12px 0 0;}
    .dept-quick-links__right {margin-top: -30px;}
    .dept-quick-links__card {border-radius: 0 0 12px 12px;padding: 40px 0;}
    .dept-quick-links__item {padding: 16px 6%;min-height: 80px;gap: 20px;}
    .dept-quick-links__item-title {font-size: var(--h5-size);}
    .dept-quick-links__item-arrow svg {width: 60px;}
    .dept-quick-links__item:hover span.dept-quick-links__item-title {transform: translateX(8px) scale(1.05);}
    .dept-contact-card {padding: 40px 32px;}
    .dept-faqs__box {padding: 20px 30px;}
}
@media (max-width: 768px) {
    .department-banner { min-height: 60vh; } 
    .department-banner__subheading br { display: none; }
    .dept-hero-overlap-section {margin-top: 40px;}
    .department-banner + .dept-hero-overlap-section {margin-top: -60px;}
    .department-banner + .dept-quick-links-section {margin-top: 40px;}
    .department-banner + .dept-content-image-section {padding-top: 50px;}
    .department-banner + .faqs_container {padding-top: 50px;}
    section.faqs_container {padding-bottom: 50px;}
    .dept-hero-overlap-card {padding: 40px 24px;}
    .dept-hero-overlap-card__left, .dept-hero-overlap-card__right {max-width: 100%;flex: none;width: 100%;}
    .dept-quick-links-section {margin-bottom: 40px;}
    .dept-quick-links__card {padding: 30px 0;}
    .dept-quick-links__item {padding: 12px 5%;min-height: 70px;gap: 15px;}
    .dept-quick-links__item-title {font-size: 20px;}
    .dept-quick-links__item-arrow svg {width: 45px;}
    .dept-content-image {flex-direction: column-reverse;gap: 30px;}
    .dept-content-image__col {max-width: 100%;width: 100%;}
    .dept-content-image-section {padding-bottom: 50px;}
    .dept-content-image-section.government-content {padding-inline-start: 24px;}
    .dept-content-image__heading {font-size: 26px;margin-bottom: 16px;}
    .dept-content-image__text {margin-bottom: 24px;}
    .dept-contact-card {padding: 32px 20px;}
    .dept-faqs__trigger {padding: 14px 0;line-height: 1.35;}
    .dept-faqs__content {font-size: var(--p-size);}
    .dept-faqs__content :is(h1, h2, h3, h4, h5, h6) {font-size: 18px;}
}

@media (max-width: 576px) {
    .department-banner { min-height: 55vh; } 
    .dept-content-image {gap: 25px;}
    /* .department-banner__heading {font-size: 30px;letter-spacing: 2.4px;} */
    .department-banner__subheading {font-size: 26px;}
    .department-banner + .dept-hero-overlap-section {margin-top: 0px;}
    .dept-hero-overlap-card {padding: 30px 20px;}
    .dept-content-image-section.government-content {padding-inline: 20px;}
    .dept-faqs__box {padding: 10px 20px;}
}


/* ── TablePress Overrides ── */
.tablepress {width: 100%!important;border-collapse: separate!important;border-spacing: 0!important;border: 1px solid rgba(131, 113, 93, 0.25)!important;margin: 20px 0 30px 0!important;background: transparent!important;border-radius: 12px!important;overflow: hidden!important;}
.tablepress:last-child {margin-bottom: 0!important;}
.tablepress thead th {background-color: var(--color-brown)!important;color: #ffffff!important;font-family: var(--font-family-tiktok)!important;font-weight: 700!important;font-size: 16px!important;padding: 16px 20px!important;border: none!important;border-bottom: 1px solid rgba(255, 255, 255, 0.5)!important;border-right: 1px solid rgba(255, 255, 255, 0.5)!important;text-align: left!important;}
.tablepress thead th:last-child {border-right: none!important;}
.tablepress tbody td {padding: 16px 20px!important;color: var(--color-off-black)!important;font-family: var(--font-family-tiktok)!important;font-size: 15px!important;line-height: 1.6!important;border: none!important;border-bottom: 1px solid rgba(131, 113, 93, 0.25)!important;border-right: 1px solid rgba(131, 113, 93, 0.25)!important;background: rgb(255, 255, 255, 0.5) !important;}
.tablepress tbody td:last-child {border-right: none!important;}
.tablepress tbody tr:last-child td {border-bottom: none!important;}
.tablepress tbody tr {background: transparent!important;transition: background-color 0.3s ease!important;}
.tablepress tbody tr:hover td {background-color: rgba(131, 113, 93, 0.15)!important;}
@media (max-width: 768px) {
    .tablepress thead th, .tablepress tbody td {padding: 12px 14px!important;font-size: 14px!important;}
}

/* ── Content Image Slider ── */
.dept-cis__swiper {overflow: hidden;}
.dept-cis__footer {display: flex;align-items: center;justify-content: space-between;margin-top: 32px;}
.dept-cis__controls {display: flex;align-items: center;gap: 12px;}
.dept-cis__dots {display: flex;align-items: center;gap: 10px;}
.dept-cis__dot {width: 12px;height: 12px;border-radius: 50%;border: 2px solid var(--color-dark-blue);background: transparent;padding: 0;cursor: pointer;transition: background .3s ease, transform .3s ease;}
.dept-cis__dot--active {background: var(--color-dark-blue);transform: scale(1.15);}
.dept-cis__dot:hover {background: var(--color-dark-blue);opacity: .7;}
.dept-cis__dot:focus-visible {outline: 2px solid var(--color-dark-blue);outline-offset: 2px;}
@media (max-width: 768px) {
    .dept-cis__footer {flex-direction: column;gap: 20px;}
}