#Navigation-Container,
#Content-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}
#Banner,
#Navigation,
#Content {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}
/* ----- Image Align CSS ----- */
.img-l {
    float: left;
    margin: 0px 15px 10px 0px;
}
.img-r {
    float: right;
    margin: 0px 0px 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px;
    border-radius: 10px;
}
.img-c,
.textCenter {
    text-align: center;
}
.textMain .img-c ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.textMain .img-c li {
    margin: 0px;
    padding: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
/* ----- Banner ----- */
#Banner-Container {
    background: var(--themeTwoBg);
}
#Banner {
    padding: 50px 0px 40px 0px;
    text-align: center;
}
#Banner h1 {
    font: 600 46px/50px var(--headingFont);
}
/* ----- Navigation ----- */
#Navigation-Container {
    background: #f4f6fa;
}
#Navigation,
.navigation {
    font: 700 14px/20px var(--siteFont);
    padding: 10px;
}
#Navigation a,
.navigation a {
    font: 300 14px/20px var(--siteFont);
}
#Navigation a:hover,
.navigation a:hover {
    text-decoration: underline;
}
/* ----- Content Container CSS ----- */
#Content-Container {
    border-bottom: 1px solid #e5e5e5;
}
#Content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    grid-template-areas: 'Article Sidebar';
    align-items: start;
    gap: 40px;
}
#Content.noSidebar {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'Article';
}
#Article {
    grid-area: Article;
    position: relative;
}
/* ----- TextMain Heading CSS ----- */
.textMain h1 {
    font: 600 54px/60px var(--headingFont);
    color: var(--siteFontColor);
    padding: 10px 0px 10px 0px;
}
.textMain h1 span {
    font: 400 30px/40px var(--siteFont);
    color: var(--themeTwoBg);
}
.textMain h1 span,
.textMain h2 span {
    display: block;
}
.textMain h2,
.textMain h3,
.textMain h4,
.hTag2,
.hTag3,
.hTag4 {
    padding: 15px 0px 5px 0px;
}
.textMain h1 a,
.textMain h2 a,
.textMain h3 a,
.textMain h4 a,
.hTag2 a,
.hTag3 a,
.hTag4 a {
    text-decoration: none;
}
.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 700 30px/40px var(--headingFont);
    color: var(--themeOneBg);
}
.textMain h2 span {
    font: 400 20px/30px var(--siteFont);
    color: var(--themeFourBg);
}
.textMain h2 a,
.hTag2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
    color: var(--themeOneBg);
}
.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 700 24px/30px var(--headingFont);
    color: var(--themeOneBg);
}
.textMain h3 a,
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h4.hTag3 a {
    color: var(--themeOneBg);
}
.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: 600 20px/30px var(--headingFont);
    color: var(--themeTwoBg);
}
.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
    color: var(--themeTwoBg);
}
.textMainBold {
    font-weight: 700;
}
.textMain p.textMainBold {
    padding: 15px 0px 5px 0px;
}
.PDFtext {
    font: 400 12px var(--siteFont);
    color: #666;
}
.mandatory {
    font: 400 14px var(--siteFont);
    color: rgba(190, 0, 0, 1);
}
/* ----- Text Main CSS ----- */
.textMain {
    padding: 40px 10px 50px 10px;
    font: 400 18px/30px var(--otherFont);
    color: var(--siteFontColor);
}
.textMain a {
    color: var(--themeThreeBg);
}
.textMain a:hover {
    color: var(--fontDark);
    text-decoration: underline;
    text-underline-offset: 5px;
}
.textMain p {
    padding: 5px 0px 10px 0px;
}
.textMain ul {
    padding: 0px 0px 10px 0px;
}
.textMain ol {
    padding: 0px 0px 10px 30px;
}
.textMain ul li {
    background: url(/images/bullet-b.gif) no-repeat 10px 15px;
    padding: 5px 5px 5px 30px;
}
.textMain ol li {
    padding: 5px 5px 5px 5px;
    list-style: decimal;
}
.textMain ul ul,
.textMain ol ol,
.textMain ul ol,
.textMain ol ul {
    padding: 5px 5px 5px 20px;
}
.textMain ul ul li,
.textMain ol ul li,
.textMain ul ol li {
    background: none;
    list-style: disc;
}
.textMain ul ul ul li,
.textMain ol ul ul li {
    list-style: square;
}
.textMain ul ul ul ul li,
.textMain ol ul ul ul li {
    list-style: circle;
}
.textMain ol ol li,
.textMain ul ol li {
    list-style-type: lower-alpha;
}
.textMain ol ol ol li,
.textMain ul ol ol li {
    list-style: lower-roman;
}
.textMain ul ul li,
.textMain ol ol li,
.textMain ol ul li,
.textMain ul ol li {
    padding: 5px;
}
.textMain li p {
    padding: 5px;
}
/* ----- Sidebar CSS ----- */
#Sidebar {
    grid-area: Sidebar;
    padding: 50px 0px 50px 0px;
}
.meet {
    background: var(--themeTwoBg);
    border-radius: 25px;
    padding: 20px 20px 60px 20px;
    text-align: center;
    position: relative;
}
.meetHead {
    font: 800 28px/34px var(--headingFont);
    text-transform: uppercase;
    padding: 30px 0px 20px 0px;
}
.meetSpec {
    font: 400 18px/20px var(--siteFont);
}
.meetMore {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
    font: 600 16px/30px var(--siteFont);
}
.meetMore a {
    z-index: 1;
    display: block;
    background: var(--fontLight);
    color: var(--fontDark);
    padding: 10px 25px;
    border-radius: 5px;
}
.meetMore a:hover {
    background: var(--themeTwoBg);
    color: var(--fontLight);
}
.resource {
    margin-top: 100px;
    background: var(--themeOneBg);
    border-radius: 20px;
    padding: 20px;
}
.resHead {
    text-align: center;
    font: 600 38px/44px var(--headingFont);
    color: var(--fontLight);
    padding: 20px 0px 30px 0px;
}
.resVid {
    position: relative;
    text-align: center;
}
.resVid span {
    color: var(--fontLight);
    font: 400 16px/30px var(--siteFont);
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 20px;
    letter-spacing: 1px;
}
.resList {
    padding: 20px 0px 0px 0px;
}
.resList ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.resList li {
    font: 600 16px/20px var(--siteFont);
}
.resList li a {
    background: var(--fontLight);
    color: var(--fontDark);
    padding: 15px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 55px 1fr;
    align-items: center;
    gap: 20px;
}
.resList li.downHover a::after {
    background: var(--themeTwoBg);
    border-radius: 10px;
}
.resList li span {
    display: block;
    width: 55px;
    height: 60px;
}
.res-fvg span {
    background: url(/images/first-visit-img.png) no-repeat center center;
}
.res-pfd span {
    background: url(/images/patient-forms-img.png) no-repeat center center;
}
.res-poi span {
    background: url(/images/post-op-instructions-img.png) no-repeat center center;
}
.res-mii span {
    background: url(/images/medical-insurance-img.png) no-repeat center center;
}
/* ---- Related Links ---- */
.relatedTabs,
.subLinkTabs {
    padding: 20px 0px;
}
.textMain .relatedTabs ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
.textMain .subLinkTabs ul {
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.textMain .relatedTabs li,
.textMain .subLinkTabs li {
    padding: 0px;
    margin: 0px;
    font: 500 16px/30px var(--siteFont);
    color: var(--fontLight);
    background: none;
}
.textMain .relatedTabs li a,
.textMain .subLinkTabs li a {
    display: block;
    padding: 10px 60px 10px 20px;
    text-decoration: none;
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: var(--siteFontColor);
    border-radius: 10px;
    position: relative;
    transition: 0.45s ease;
    overflow: hidden;
}
.textMain .relatedTabs li a:hover,
.textMain .subLinkTabs li a:hover {
    border: 2px solid var(--themeTwoBg);
    box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}
.textMain .relatedTabs li a::after,
.textMain .subLinkTabs li a::after {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: '\f178';
    font-family: 'fontello';
    transition: right 0.45s ease;
}
.textMain .relatedTabs li a:hover::after,
.textMain .subLinkTabs li a:hover::after {
    right: 10px;
}
.textMain .relatedTabs li a::before,
.textMain .subLinkTabs li a::before {
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    content: '';
    transition: 0.35s ease;
    width: 0px;
    height: 5px;
    background: var(--themeOneBg);
}
.textMain .relatedTabs li a:hover::before,
.textMain .subLinkTabs li a:hover::before {
    width: 100%;
}
.impNote {
    padding: 10px 20px;
    border: 2px solid var(--themeFourBg);
    background: #f1f1f1;
}
.textMain .impList {
    padding: 20px 0px 0px 0px;
}
.textMain .impList ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.textMain .impList li {
    margin: 0px;
    padding: 5px;
    font: 600 16px/20px var(--siteFont);
    background: none;
    text-transform: uppercase;
}
.textMain .impList li a {
    background: var(--themeOneBg);
    color: var(--fontLight);
    display: block;
    padding: 10px 20px;
}
.textMain .impList li a:hover {
    background: var(--themeThreeBg);
    color: var(--fontLight);
    text-decoration: none;
}
.textMain .drTitle {
    font: 700 50px/60px var(--headingFont);
    color: var(--fontDark);
    position: relative;
    padding-bottom: 40px;
    text-transform: uppercase;
}
.textMain .drTitle span {
    display: block;
    font: 500 20px/30px var(--siteFont);
    color: var(--themeTwoBg);
    text-transform: none;
}
.callMain {
    padding: 10px 20px;
    margin: 10px auto 20px auto;
    border-radius: 20px;
    font: 400 16px/30px var(--siteFont);
    background: rgba(175, 200, 235, 0.1);
    border: 2px solid rgba(175, 200, 235, 0.6);
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    transition: 0.3s ease;
}
.callMain:hover {
    transform: translateY(-5px);
    border: 2px solid var(--themeOneBg);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
}
.callMore {
    padding: 10px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}
.textMain .callMore ul {
    margin: 0px;
    padding: 0px;
}
.textMain .callMore ul:first-child {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.textMain .callMore li {
    background: none;
    margin: 0px;
    padding: 0px;
    font: 600 16px/30px var(--siteFont);
}
.callMore li a {
    display: inline-block;
    vertical-align: middle;
}
.callMore li.callBook a::before {
    width: 30px;
    height: 30px;
    content: '';
    display: inline-block;
    vertical-align: middle;
}
.callBook a::before {
    background: url(/images/book-appoint-on-img.png) no-repeat center center;
}
.callBook a:hover::before {
    background: url(/images/book-appoint-img.png) no-repeat center center;
}
.callPhone::before {
    background: url(/images/call-appoint-img.png) no-repeat center center;
}
.textMain .callMore li.callBook a {
    background: var(--themeOneBg);
    color: var(--fontLight);
    padding: 10px;
    border-radius: 5px;
}
.textMain .callMore li.callBook a:hover {
    text-decoration: none;
    background: var(--themeTwoBg);
    color: var(--fontDark);
}
.callBook.downHover a::after {
    background: var(--themeTwoBg);
}
/* =========================================================
   CALL FOOTER
========================================================= */
.callFooter {
    margin: 30px 0px 0px;
    padding: 20px 25px;
    background: rgba(0, 0, 0, 0.04);
    border-left: 4px solid var(--themeOneBg);
    border-radius: 6px;
}
.callFooter p {
    margin: 0;
    padding: 0;
}
/* Phone Numbers */
.callFooter .textMainBold {
    font-weight: 600;
}
/* Appointment Link */
.callFooter a {
    display: inline-block;
    position: relative;
    font-weight: 600;
    color: var(--themeOneBg);
    text-decoration: none;
    transition: 0.3s ease;
}
.callFooter a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}
.callFooter a:hover::after,
.callFooter a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left;
}
.medicalDisclaimer {
    box-sizing: border-box;
    width: 100%;
    margin: 24px 0;
    padding: 22px 26px;
    border: 1px solid #dce6eb;
    border-left: 4px solid var(--themeTwoBg, #469dd5);
    border-radius: 4px 14px 14px 4px;
    background: linear-gradient(120deg, #edf7fb, #f8fafc);
    animation: disclaimerEnter 0.5s ease-out backwards;
    transition:
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}
.medicalDisclaimer p {
    margin: 0;
    padding: 0;
    color: #435563;
    font-size: 15px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}
.medicalDisclaimer strong {
    color: var(--themeOneBg, #08347a);
    font-weight: 700;
}
@media (hover: hover) {
    .medicalDisclaimer:hover {
        border-color: var(--themeTwoBg, #469dd5);
        box-shadow: 0 8px 22px rgb(8 52 80 / 8%);
    }
}
@keyframes disclaimerEnter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* =========================================================
   TOPIC INTRO
   Common for Topic / Treatment / Location Pages
========================================================= */
.topicIntro {
    margin: 30px 0px;
    position: relative;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.06);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}
.topicIntro:hover {
    transform: translateY(-3px);
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
}
/* =========================================================
   HEADING AREA
========================================================= */
.topicIntroHead {
    padding: 30px 35px;
    position: relative;
    background: linear-gradient(135deg, var(--themeOneBg) 0%, var(--themeTwoBg) 100%);
    color: var(--fontLight);
}
/* Decorative Element */
.topicIntroHead::after {
    content: '';
    width: 140px;
    height: 140px;
    position: absolute;
    right: -50px;
    top: -60px;
    border: 25px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    pointer-events: none;
}
.textMain .topicIntro h3 {
    margin: 0px;
    padding: 0px 0px 12px;
    position: relative;
    z-index: 1;
    font: 700 32px/40px var(--headingFont);
    color: inherit;
}
/* Small Accent Line */
.topicIntro h3::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 12px;
    background: currentColor;
    border-radius: 10px;
    opacity: 0.8;
    transition: width 0.35s ease;
}
.topicIntro:hover h3::after {
    width: 90px;
}
.textMain .topicIntro h4 {
    max-width: 850px;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1;
    font: 400 18px/28px var(--siteFont);
    color: inherit;
    opacity: 0.9;
}
.topicIntroContent {
    padding: 30px 35px;
}
.textMain .topicIntroContent p {
    margin: 0px;
    padding: 0px;
    font: 400 16px/28px var(--siteFont);
}
.textMain .topicIntroContent p + p {
    margin-top: 18px;
}
.topicIntroContent a {
    position: relative;
    color: var(--themeOneBg);
    text-decoration: none;
    transition: color 0.3s ease;
}
.topicIntroContent a::after {
    content: '';
    width: 0px;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -2px;
    background: currentColor;
    transition: width 0.3s ease;
}
.topicIntroContent a:hover::after,
.topicIntroContent a:focus-visible::after {
    width: 100%;
}
.topicIntroContent a:focus-visible {
    outline: 2px solid var(--themeOneBg);
    outline-offset: 4px;
}
.topicCTA {
    margin: 30px 0px;
    padding: 22px 25px 22px 30px;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.035);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 5px solid var(--themeOneBg);
    border-radius: 8px;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}
.topicCTA::after {
    content: '';
    width: 90px;
    height: 90px;
    position: absolute;
    right: -40px;
    top: -40px;
    border: 18px solid rgba(0, 0, 0, 0.035);
    border-radius: 50%;
    pointer-events: none;
    transition: transform 0.5s ease;
}
.topicCTA:hover {
    transform: translateY(-2px);
    border-left-color: var(--themeTwoBg);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.08);
}
.topicCTA:hover::after {
    transform: scale(1.15);
}
.textMain .topicCTA p {
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1;
    font: 400 17px/28px var(--siteFont);
}
.topicCTA strong {
    font-weight: 600;
    color: var(--themeOneBg);
}
@media screen and (max-width: 1200px) {
    #Navigation,
    .navigation {
        padding: 10px 20px;
    }
    .textMain {
        padding: 40px 20px;
    }
}
@media screen and (max-width: 1000px) {
    #Content {
        gap: 25px;
    }
    .topicIntro {
        margin: 25px 0px;
    }
    .topicIntroHead {
        padding: 25px 30px;
    }
    .textMain .topicIntro h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .textMain .topicIntro h4 {
        font-size: 17px;
        line-height: 27px;
    }
    .topicIntroContent {
        padding: 25px 30px;
    }
    .topicCTA {
        margin: 25px 0px;
        padding: 20px 22px 20px 25px;
    }
    .textMain .topicCTA p {
        font-size: 16px;
        line-height: 27px;
    }
    #Banner h1 {
        font: 600 40px/46px var(--headingFont);
    }
}
@media screen and (max-width: 900px) {
    #Banner {
        padding: 30px 0px;
    }
    #Content {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            'Article'
            'Sidebar';
    }
    #Sidebar {
        padding: 20px 0px;
    }
    .img-l,
    .img-r {
        float: none;
        display: block;
        margin: 10px auto 20px auto;
    }

    #Banner h1 {
        font: 600 36px/40px var(--headingFont);
    }
}
@media screen and (max-width: 800px) {
    #Content {
        grid-template-columns: 1fr;
        grid-template-areas:
            'Article'
            'Sidebar';
    }
    #Sidebar {
        padding: 20px 0px;
    }
    .callFooter {
        margin-top: 20px;
        padding: 15px 18px;
        font-size: 15px;
        line-height: 25px;
    }
    .callFooter .textMainBold {
        display: block;
        margin: 5px 0px;
    }
    .topicIntro {
        margin: 20px 0px;
        border-radius: 8px;
    }
    .topicIntro:hover {
        transform: none;
    }
    .topicIntroHead {
        padding: 22px 20px;
    }
    .topicIntroHead::after {
        width: 100px;
        height: 100px;
        right: -45px;
        top: -45px;
        border-width: 18px;
    }
    .textMain .topicIntro h3 {
        padding-bottom: 10px;
        font-size: 25px;
        line-height: 32px;
    }
    .textMain .topicIntro h3::after {
        margin-top: 10px;
    }
    .textMain .topicIntro h4 {
        font-size: 16px;
        line-height: 25px;
    }
    .topicIntroContent {
        padding: 22px 20px;
    }
    .textMain .topicIntroContent p {
        font-size: 15px;
        line-height: 26px;
    }
    .textMain .topicIntroContent p + p {
        margin-top: 15px;
    }
    .topicCTA {
        margin: 20px 0px;
        padding: 18px 20px;
        border-left-width: 4px;
        border-radius: 6px;
    }
    .topicCTA:hover {
        transform: none;
    }
    .topicCTA p {
        font-size: 15px;
        line-height: 25px;
    }
    .topicCTA::after {
        width: 70px;
        height: 70px;
        right: -35px;
        top: -35px;
        border-width: 14px;
    }
    #Banner h1 {
        font: 600 34px/40px var(--headingFont);
    }
}
@media screen and (max-width: 700px) {
    .textMain .subLinkTabs ul {
        grid-template-columns: 1fr;
    }
    .textMain .relatedTabs li {
        flex: 1 auto;
    }
    .textMain h1 {
        font: 700 36px/40px var(--headingFont);
    }
    .textMain h1 span {
        font: 700 24px/30px var(--siteFont);
    }
    .textMain h2,
    .hTag2,
    .textMain h3.hTag2,
    .textMain h4.hTag2 {
        font: 700 30px/34px var(--headingFont);
    }
    #Banner h1 {
        font: 600 30px/34px var(--headingFont);
    }
}
@media (max-width: 640px) {
    .medicalDisclaimer {
        margin: 18px 0;
        padding: 18px;
    }
    .textMain .medicalDisclaimer p {
        font-size: 14px;
        line-height: 1.8;
    }
}
@media screen and (max-width: 480px) {
    .callFooter {
        padding: 15px;
        border-left-width: 3px;
        font-size: 14px;
        line-height: 24px;
    }
    .topicIntroHead {
        padding: 20px 18px;
    }
    .textMain .topicIntro h3 {
        font-size: 22px;
        line-height: 29px;
    }
    .textMain .topicIntro h4 {
        font-size: 15px;
        line-height: 24px;
    }
    .topicIntroContent {
        padding: 20px 18px;
    }
    .textMain .topicIntroContent p {
        font-size: 15px;
        line-height: 25px;
    }
    .topicCTA {
        padding: 16px 18px;
    }
    .topicCTA p {
        font-size: 15px;
        line-height: 24px;
    }
    .textMain h1 {
        font: 700 32px/40px var(--headingFont);
    }
    .textMain h1 span {
        font: 700 20px/30px var(--siteFont);
    }
    .textMain h2,
    .hTag2,
    .textMain h3.hTag2,
    .textMain h4.hTag2 {
        font: 700 26px/30px var(--headingFont);
    }
    .textMain h3,
    .hTag3,
    .textMain h2.hTag3,
    .textMain h4.hTag3 {
        font: 700 24px/30px var(--headingFont);
    }
}
/* ----- Accessibility ----- */
.accessible_on .textMain .relatedTabs li a:hover,
.accessible_on .textMain .subLinkTabs li a:hover {
    transform: translateY(0px);
}
html[data-theme='dark'] .textMain .relatedTabs li a:hover,
html[data-theme='dark'] .textMain .subLinkTabs li a:hover {
    box-shadow: 0 5px 5px 2px rgba(255, 255, 255, 0.5);
}