.td-kicker,
.td-team__kicker,
.td-wh-kicker {
    letter-spacing: .14em;
    text-transform: uppercase;
    opacity: .9
}

.td-banner__cta,
.td-btn,
.td-card--hover,
.td-wh-card {
    transition: .18s
}

.td-banner__cta,
.td-btn,
.td-contact__btn,
.td-service__link {
    text-decoration: none
}

:root {
    --td-blue: #124286;
    --td-blue-dark: #0e3268;
    --td-sky: #62D8FC;
    --td-text: #1f2937;
    --td-muted: #6b7280;
    --td-border: rgba(18, 66, 134, .14);
    --td-shadow: 0 12px 28px rgba(18, 66, 134, .10);
    --td-bg: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%)
}

.td-contact,
.td-reviews,
.td-section-bg,
.td-services,
.td-team,
.td-wheaton-highlights {
    background: var(--td-bg);
    font-size: 16px
}

.td-kicker,
.td-team__kicker {
    display: inline-block;
    font-size: 12px;
    color: var(--td-blue);
    margin-bottom: 10px
}

.td-team__title,
.td-title {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
    color: var(--td-blue)
}

#plans .payment-card p,
.td-banner {
    font-size: 16px
}

.td-title--underline::after,
.td-wh-title::after {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin: 10px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--td-sky), var(--td-blue));
    opacity: .9
}

.td-card,
.td-reviews__summary {
    border: 1px solid var(--td-border)
}

.td-card {
    background: #fff;
    border-radius: 18px;
    box-shadow: var(--td-shadow)
}

.td-card--hover:hover,
.td-wh-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(18, 66, 134, .14)
}

.td-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(98, 216, 252, .3), rgba(18, 66, 134, .1));
    border: 1px solid rgba(98, 216, 252, .45);
    color: var(--td-blue)
}

.td-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 12px 18px
}

.td-btn--primary {
    background: var(--td-blue);
    color: #fff;
    box-shadow: 0 10px 20px rgba(18, 66, 134, .22);
    border: none
}

.td-btn--primary:hover {
    background: var(--td-blue-dark);
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(18, 66, 134, .28);
    color: #fff
}

.td-btn--outline {
    background: #fff;
    color: var(--td-blue);
    border: 2px solid var(--td-blue)
}

.td-btn--outline:hover {
    background: var(--td-blue);
    color: #fff;
    transform: translateY(-1px)
}

.td-banner {
    padding: 36px 16px;
    background: #fff
}

.td-banner__container {
    max-width: 1200px;
    margin: 0 auto
}

.td-banner__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px
}

.td-banner__left {
    flex: 1 1 560px;
    max-width: 620px
}

.td-banner__title {
    font-size: 40px;
    line-height: 1.1;
    margin: 0 0 10px;
    color: var(--td-blue)
}

.td-banner__list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
    max-width: 560px
}

.td-banner__list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: var(--td-text);
    margin: 10px 0;
    line-height: 1.45
}

.td-bullet {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(98, 216, 252, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    flex: 0 0 22px
}

.td-bullet i {
    color: var(--td-blue);
    font-size: 12px
}

.td-banner__cta {
    display: inline-flex;
    border-radius: 999px;
    padding: 12px 22px;
    background: var(--td-blue);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(18, 66, 134, .22);
    border: none
}

.td-wh-kicker,
.td-wh-title,
.td-wh__icon i,
.td-wh__title {
    color: var(--td-blue)
}

.td-service,
.td-wh-card {
    box-shadow: var(--td-shadow)
}

.td-banner__cta:hover {
    background: var(--td-blue-dark);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(18, 66, 134, .3);
    color: #fff
}

.td-service:hover::before,
.td-wh-kicker .dot {
    background: var(--td-sky)
}

.td-banner__right {
    flex: 1 1 420px;
    display: flex;
    justify-content: center
}

.td-banner__photoWrap {
    border-radius: 26px;
    overflow: hidden;
    background: #fff
}

.td-banner__photo {
    display: block;
    max-width: 520px;
    width: 100%;
    height: auto
}

.td-wheaton-highlights {
    padding: 54px 0
}

.td-wh-header {
    text-align: center;
    margin-bottom: 22px
}

.td-wh-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    margin-bottom: 10px
}

.td-wh-kicker .dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(98, 216, 252, .18)
}

.td-wh-title {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800
}

@media (max-width:768px) {
    .td-wh-title {
        font-size: 24px
    }
}

.td-wheaton-highlights__row {
    row-gap: 18px;
    margin-top: 22px
}

.td-wh {
    padding: 2px
}

.td-wh-card {
    height: 100%;
    padding: 18px 16px;
    border-radius: 16px;
    border: 1px solid var(--td-border);
    background: #fff;
    display: flex;
    gap: 12px;
    align-items: flex-start
}

.td-wh__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    margin-top: 2px;
    background: linear-gradient(135deg, rgba(98, 216, 252, .3), rgba(18, 66, 134, .1));
    border: 1px solid rgba(98, 216, 252, .45)
}

.td-wh__icon i {
    font-size: 18px
}

.td-wh__title {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 800
}

.td-wh-note {
    margin-top: 18px;
    text-align: center;
    color: var(--td-muted);
    font-size: 14px
}

.td-reviews,
.td-services {
    padding: 56px 0
}

.td-reviews__head,
.td-services__head {
    text-align: left;
    margin-bottom: 18px
}

.ig-grid .subtitle,
.ig-grid .title,
.payment-note,
.td-pay-note,
.td-team__head {
    text-align: center
}

.td-services__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px
}

@media (max-width:1200px) {
    .td-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:992px) {
    .td-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:576px) {

    .td-services__title,
    .td-title {
        font-size: 26px
    }

    .td-services__grid {
        grid-template-columns: 1fr
    }
}

.td-service__icon,
.td-service__icon span {
    font-size: 20px;
    color: var(--td-blue)
}

.td-service {
    position: relative;
    background: #fff;
    border: 1px solid rgba(18, 66, 134, .14);
    border-radius: 18px;
    padding: 18px;
    height: 100%;
    overflow: hidden;
    transition: transform .18s, box-shadow .18s, border-color .18s, background .18s
}

.td-service::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: var(--td-blue);
    opacity: .92;
    transition: background .18s, height .18s
}

.td-service:hover {
    transform: translateY(-2px);
    border-color: rgba(98, 216, 252, .55);
    box-shadow: 0 18px 40px rgba(18, 66, 134, .14), 0 0 0 2px rgba(98, 216, 252, .14);
    background: #fff
}

.td-service__icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(18, 66, 134, .08);
    border: 1px solid rgba(18, 66, 134, .18);
    margin-bottom: 12px;
    transition: background .18s, border-color .18s, transform .18s
}

.td-service:hover .td-service__icon {
    background: rgba(98, 216, 252, .16);
    border-color: rgba(98, 216, 252, .55);
    transform: translateY(-1px)
}

.td-service__title {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 950;
    color: var(--td-blue);
    line-height: 1.25
}

.td-service__text {
    margin: 0 0 12px;
    color: var(--td-text);
    line-height: 1.6
}

.td-service__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--td-blue);
    font-weight: 900;
    transition: color .18s
}

.td-service__link i {
    font-size: 12px;
    transition: transform .18s
}

.td-service:hover .td-service__link i {
    transform: translateX(4px)
}

.td-service--featured {
    border-color: rgba(18, 66, 134, .35);
    box-shadow: 0 20px 44px rgba(18, 66, 134, .16)
}

.td-contact__card,
.td-review,
.td-reviews__summary {
    box-shadow: var(--td-shadow)
}

.td-service--featured::before {
    height: 4px
}

.td-services__cta {
    margin-top: 18px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center
}

.td-services__note {
    margin-top: 14px;
    color: var(--td-muted);
    font-size: 14px
}

.td-reviews__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    background: #fff;
    margin: 18px 0
}

.td-reviews__score {
    display: flex;
    align-items: center;
    gap: 12px
}

.td-reviews__scoreNum {
    font-size: 34px;
    font-weight: 900;
    color: var(--td-blue);
    line-height: 1
}

.td-reviews__stars i {
    color: #f5c542;
    margin-right: 2px
}

.td-reviews__meta {
    font-size: 14px;
    color: var(--td-muted);
    margin-top: 2px
}

.td-reviews__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end
}

.td-reviews__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px
}

@media (max-width:992px) {
    .td-reviews__grid {
        grid-template-columns: 1fr
    }

    .td-reviews__summary {
        flex-direction: column;
        align-items: flex-start
    }

    .td-reviews__actions {
        justify-content: flex-start
    }
}

.td-review {
    background: #fff;
    border: 1px solid var(--td-border);
    border-radius: 18px;
    padding: 16px
}

.td-review__top {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 10px
}

.td-review__avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: var(--td-blue);
    background: rgba(98, 216, 252, .25);
    border: 1px solid rgba(98, 216, 252, .45)
}

.td-review__name {
    font-weight: 900;
    color: var(--td-text);
    line-height: 1.2
}

.td-review__source {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--td-muted);
    margin-top: 2px
}

.td-review__dot {
    opacity: .6
}

.td-review__text {
    margin: 0;
    color: var(--td-text)
}

.td-reviews__footer {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(18, 66, 134, .1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap
}

.td-reviews__footerText {
    margin: 0;
    color: var(--td-muted)
}

.td-contact {
    padding: 28px 0 46px
}

.td-contact__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px
}

@media (max-width:991px) {
    .td-contact__grid {
        grid-template-columns: 1fr
    }
}

.td-contact__card {
    background: #fff;
    border: 1px solid var(--td-border);
    border-radius: 18px;
    padding: 18px
}

.td-contact__head {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px
}

.td-contact__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(98, 216, 252, .3), rgba(18, 66, 134, .1));
    border: 1px solid rgba(98, 216, 252, .45);
    flex: 0 0 44px;
    color: var(--td-blue)
}

.td-contact__title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--td-blue);
    line-height: 1.2
}

.td-contact__sub {
    margin: 2px 0 0;
    font-size: 14px;
    color: var(--td-muted)
}

.td-contact__addr,
.td-contact__list li,
.td-day,
.td-time {
    color: var(--td-text)
}

.td-contact__list {
    list-style: none;
    padding: 0;
    margin: 12px 0 16px
}

.td-contact__list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(18, 66, 134, .08)
}

.td-contact__list li:last-child {
    border-bottom: none
}

.td-day {
    font-weight: 700
}

.td-time {
    opacity: .92
}

.td-contact__addr {
    margin: 10px 0 16px;
    line-height: 1.45
}

.td-contact__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 12px 18px;
    font-weight: 800;
    transition: .18s
}

.td-contact__btn--primary {
    background: var(--td-blue);
    color: #fff;
    box-shadow: 0 10px 20px rgba(18, 66, 134, .22);
    border: none
}

.td-contact__btn--primary:hover {
    background: var(--td-blue-dark);
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(18, 66, 134, .28);
    color: #fff
}

.td-contact__btn--outline {
    background: #fff;
    color: var(--td-blue);
    border: 2px solid var(--td-blue)
}

.payment-note,
.td-contact__note {
    font-size: 14px;
    color: var(--td-muted)
}

.td-contact__btn--outline:hover {
    background: var(--td-blue);
    color: #fff;
    transform: translateY(-1px)
}

.td-contact__note {
    margin: 12px 0 0
}

.td-team {
    padding: 56px 12px
}

.td-team__head {
    margin-bottom: 18px
}

.payment-note {
    margin-top: 14px
}

.ig-grid .container {
    max-width: 1200px;
    padding: 80px 0
}

.ig-grid .title {
    margin: 0 0 6px;
    font-weight: 800
}

.ig-grid .title span {
    color: #124286
}

.ig-grid {
    --gap: 10px
}

.ig-grid .grid {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
}

.ig-grid .cell {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    aspect-ratio: 1/1;
    background: #f2f4f7
}

.ig-grid .cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: transform .25s
}

.ig-grid .cell:hover img {
    transform: scale(1.04)
}

@media (min-width:768px) {
    .ig-grid .grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))
    }
}

@media (min-width:1200px) {
    .ig-grid .grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))
    }
}

.ig-lightbox[hidden] {
    display: none
}

.ig-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .86);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px
}

.ig-lightbox img {
    width: auto;
    height: auto;
    max-width: 92vw;
    max-height: 92vh;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5)
}

.iglb-close,
.iglb-next,
.iglb-prev {
    position: absolute;
    background: rgba(255, 255, 255, .14);
    border: 0;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, transform .2s;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.iglb-close {
    top: 14px;
    right: 16px;
    font-size: 32px
}

.iglb-next,
.iglb-prev {
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px
}

.iglb-prev {
    left: 16px
}

.iglb-next {
    right: 16px
}

.iglb-close:hover,
.iglb-next:hover,
.iglb-prev:hover {
    background: rgba(255, 255, 255, .22);
    transform: translateY(-50%) scale(1.05)
}

.iglb-close:hover {
    transform: none
}

.iglb-close:focus,
.iglb-next:focus,
.iglb-prev:focus {
    outline: #62D8FC solid 2px;
    outline-offset: 2px
}

@media (max-width:420px) {

    .iglb-next,
    .iglb-prev {
        width: 38px;
        height: 38px;
        font-size: 24px
    }
}

.faq-plain {
    --primary: #121a3a;
    --divider: #eaeaea;
    --subtitle: #52a4e4ff
}

.faq-plain h3 {
    font-size: 3em
}

.faq-plain .subtitle {
    color: var(--subtitle);
    font-weight: 500;
    letter-spacing: .3px;
    margin-top: 1.5rem;
    margin-bottom: .5rem
}

.faq-plain .faq-item {
    border-bottom: 1px solid var(--divider)
}

.faq-plain .faq-btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.25rem 0;
    background: 0 0;
    border: 0;
    box-shadow: none;
    text-align: left;
    cursor: pointer;
    color: var(--primary);
    font-weight: 800;
    font-size: 1.1em;
    line-height: 1.25
}

.faq-plain .faq-btn:focus {
    outline: 0
}

.faq-plain .faq-btn::after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: auto;
    transition: transform .2s;
    background-color: var(--primary);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23121a3a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpolyline points=%276 9 12 15 18 9%27/%3E%3C/svg%3E') no-repeat center/contain
}

.faq-plain .faq-btn[aria-expanded=true]::after {
    transform: rotate(180deg)
}

.faq-plain .faq-panel {
    overflow: hidden;
    height: 0;
    transition: height .25s;
    will-change: height
}

.faq-plain .faq-panel-inner {
    padding: .25rem 0 1.25rem;
    color: #3d4863;
    font-weight: 500;
    max-width: 58ch
}

.td-pay .td-kicker,
.td-pay .td-title,
.td-pay-h3,
.td-pay-icon {
    color: var(--td-blue)
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation:portrait) {
    .ig-grid .grid {
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
        margin: 10px
    }

    .faq-plain h3 {
        font-size: 2em
    }
}

.td-pay {
    background: #fff;
    padding: 70px 0
}

.td-pay .td-kicker {
    opacity: .95
}

.td-pay-card {
    background: #fff;
    border: 1px solid rgba(18, 66, 134, .16);
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
    padding: 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    transition: transform .18s, box-shadow .18s, border-color .18s
}

.td-pay-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 3px;
    background: var(--td-blue);
    opacity: .9
}

.td-pay-card:hover {
    transform: translateY(-2px);
    border-color: rgba(98, 216, 252, .55);
    box-shadow: 0 22px 48px rgba(18, 66, 134, .14)
}

.td-pay-head {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 10px
}

.td-pay-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(18, 66, 134, .1);
    border: 1px solid rgba(18, 66, 134, .18);
    flex: 0 0 46px
}

.td-pay-h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.15
}

.td-pay-meta,
.td-pay-note {
    font-size: 14px;
    color: #334155
}

.td-pay-meta {
    margin-top: 4px;
    opacity: .95
}

.td-pay-text {
    margin: 10px 0 18px
}

.td-pay-actions {
    margin-top: auto;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.td-pay-note {
    margin-top: 14px;
    opacity: .9
}