#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;
}

.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: url(/new-images/sub-banner-bg.jpg) no-repeat center top;
    background-size: cover;
    background-position: center bottom;
}

#Banner {
    padding: 50px 10px 40px 10px;
    text-align: center;
    min-height: 315px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#Banner h1 {
    font: 600 40px/45px var(--headingFont);
    color: var(--themeFourBg);
    text-transform: uppercase;
    margin: 0;
    transform: translateY(50px);
}

/* ----- 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) 320px;
    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 40px/45px var(--headingFont);
    color: var(--themeFourBg);
    text-transform: uppercase;
    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: 600 30px/35px var(--headingFont);
    color: var(--themeTwoBg);
}

.textMain h3 a,
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h4.hTag3 a {
    color: var(--themeTwoBg);
}

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: 500 20px/30px var(--headingFont);
    color: var(--themeThreeBg);
}

.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
    color: var(--themeThreeBg);
}

.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(--siteFont);
    color: var(--siteFontColor);
}

.textMain a {
    color: var(--themeFourBg);
}

.textMain a:hover {
    color: var(--themeOneBg);
    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(/new-images/bullet-b.png) 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;
}
.abtMore a{
        display: inline-block;
    padding: 15px;
    background: var(--themeTwoBg);
    text-decoration: none;
    text-transform: uppercase;
    font: 500 15px / 20px var(--siteFont);
    border-radius: 6px;
    letter-spacing: 0.6px;
    color: #fff;
}
.abtMore a:hover {
    background: var(--themeOneBg);
    color: var(--fontDark);
    transform: translateY(-2px);
    text-decoration: none;
}
.textMain .inList {
    text-align: center;
}
.textMain .inList ul {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}
.textMain .inList li {
    margin: 1%;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #262626;
    font: 400 14px/20px var(--siteFont);
}
 .documentGrid {
    margin: 25px auto 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    max-width: 900px;
}

.documentCard {
    min-height: 82px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid #ccc;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color .25s ease,
                transform .25s ease,
                box-shadow .25s ease;
}

.documentCard:hover {
    border-color: #d5b49e;
    text-decoration: none !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(20, 35, 45, .08);
}

.documentIcon {
    width: 43px;
    height: 48px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--themeOneBg);
    color: var(--themeOneBg);
    font-size: 10px;
    font-weight: 800;
}

.documentContent {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.documentContent strong {
    font-size: 15px;
    color: #273746;
}

.documentArrow {
    margin-left: auto;
    color: var(--themeOneBg);
    font-size: 22px;
}

.galList {
    text-align: center;
}

.textMain .galList ul {
    column-count: 4;
    margin: 0px;
    padding: 0px;
}

.textMain .galList li {
    display: inline-block;
    vertical-align: top;
    height: auto;
    padding: 10px;
    margin: 0px;
    background: none;
}

.textMain .galList li img {
    border: 4px solid #bd703a;
    border-radius: 5px;
}
.preop-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 2px;
}
.textMain .preop-table ul {
    display: table-row;
}

.textMain .preop-table ul {
    display: table-row;
}
.preop-table li:first-child {
    width: 25%;
}
.textMain .preop-table li {
    display: table-cell;
    vertical-align: top;
    background: none;
    border: 1px solid #ccc;
}

.visitBx {
    margin-bottom: 45px;
    padding: 30px;
    background: #f5f2ef;
    border-left: 5px solid #d0916a;
    box-sizing: border-box;
}

.visitBx p {
    margin: 0 0 18px;
    color: #36353a;
    font-size: 16px;
    line-height: 1.7;
}

.visitBx ul {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.textMain .visitBx ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 25px;
    color: #36353a;
    font-size: 15px;
    line-height: 1.6;
    background: none;
}

.visitBx ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #d0916a;
    border-radius: 50%;
}

.visitBx .hTag4 {
    margin: 25px 0 8px;
    color: #36353a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.jrre {
    border: 12px solid #eff1f6;
    position: relative;
    margin: 100px 0px;
}
.jrre-txt {
    width: 55%;
    background: #ffffff;
    left: 0px;
    padding: 3%;
    z-index: 1;
    position: relative;
}
.jrre-title span {
    color: #b05e2f;
    font: 500 30px/40px 'Muli', sans-serif;
}
.jrre-img {
    position: absolute;
    right: -12px;
    top: -70px;
}
/* ----- Sidebar CSS ----- */
#Sidebar {
    grid-area: Sidebar;
    padding: 50px 0px 50px 0px;
}

.asideDr > a {
    display: block;
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.asideDr > a img {
    display: block;
    width: 100%;
    height: 405px;
    object-fit: cover;

    transition:
        transform .5s ease,
        filter .5s ease;
}

.asideDr:hover img {
    transform: scale(1.03);
    filter: brightness(1.04);
}
.asideDrdetails {
	min-height: 268px;
	box-sizing: border-box;
	padding: 23px 23px 30px;
	box-shadow: 0 3px 12px rgba(0,0,0,.09);
	text-align: center;
}


.asideHead {
    margin: 0 0 6px;
}

.asideHead a {
    display: inline-block;
    color: var(--themeOneBg);
    font: 500 40px/1.15 var(--headingFont);
    text-decoration: none;
}

.asideHead a:hover {
    color: var(--themeTwoBg);
}


.asideSubhead {
    max-width: 285px;

    margin: 0 auto;

    color: #3e3e43;

    font: 400 16px/24px var(--siteFont);

    text-align: center;
}


.profileMore {
    margin-top: 34px;
}

.profileMore a {
    display: inline-flex;

    align-items: center;
    justify-content: center;


    box-sizing: border-box;

    padding: 15px 20px;

    border-radius: 25px;

    background:var(--themeOneBg);

    color: var(--fontLight);

    font: 400 14px/1 var(--siteFont);

    text-transform: uppercase;
    text-decoration: none;

    transition:
        background-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.profileMore a:hover {
    background: var(--themeTwoBg);

    transform: translateY(-2px);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
}

/* ---- 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 {
    text-align: center;
}

.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;
}
.riskTabs li a::after {
    content: '\f08e' !important;
}

.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;
}
.textMain .footBox {
    position: relative;
    margin: 35px 0 0;
    padding: 22px 28px 22px 32px;
    background: #f7f3f0;
    border: 1px solid rgba(208, 145, 106, 0.25);
    border-left: 4px solid var(--themeOneBg);
    border-radius: 10px;
    color: var(--themeTwoBg);
    font: 400 16px/17px var(--siteFont);
    box-shadow: 0 8px 24px rgba(54, 53, 58, 0.07);
}

.textMain .footBox .textMainBold {
    color: var(--themeTwoBg);
    font-weight: 700;
    white-space: nowrap;
}
.surgeryInfoPage {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 0 50px;
}

/* SURGICAL TEAM */
.surgeryTeamBox {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 30px 35px;
    margin-bottom: 35px;
    background: #f9f4f4;
    border-left: 5px solid var(--themeOneBg);
    border-radius: 4px;
        }
    

.surgeryIcon {
    font-family: "fontello";
    font-size: 32px;
    line-height: 1;
    transform: translateY(-50%);
}
.textMain .surgeryIcon::before {
    content: "\f0f0";
    top: -35px;
    position: relative;
}
.surgeryTeamContent h2 {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    color: #333;
}

.surgeryTeamContent p {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 25px;
    color: #555;
}

.surgeryLink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #267da8;
    text-decoration: none;
    transition: all 0.3s ease;
}

.surgeryLink span {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.surgeryLink:hover {
    color: #174f6b;
}

.surgeryLink:hover span {
    transform: translateX(5px);
}


/* INFORMATION CARDS */
.surgeryInfoGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.surgeryInfoCard {
    position: relative;
    min-height: auto;
    padding: 10px 25px;
    background: #fff;
    border: 1px solid #e2e7ea;
    border-radius: 5px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.3s ease;
}

.surgeryInfoCard:hover {
    transform: translateY(-4px);
    border-color: var(--themeTwoBg);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.09);
}

.cardNumber {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
    color: #eef4f7;
}

.cardContent {
    position: relative;
    z-index: 1;
}

.cardContent h3 {
    padding-right: 30px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #333;
}

.cardContent p {
    margin: 0;
    display: inline-block;
    padding: 6px 13px;
    background: #f1f4f5;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    color: #777;
}
.postOpPage {
    padding: 30px 20px 0px 20px;
}

/* INTRO */

.postOpIntro {
    display: flex;
    align-items: center;
    gap: 22px;

    padding: 28px 30px;
    margin-bottom: 35px;

    background: linear-gradient(120deg,#fff8f2 0%,#fdf4eb 55%,#fff 100%);
    border: 1px solid #e0e7ec;
    border-radius: 8px;

    position: relative;
    overflow: hidden;
}

.postOpIntro:after {
    content: "";
    position: absolute;

    width: 280px;
    height: 280px;

    right: -130px;
    top: -150px;

    border: 1px solid rgba(23,63,112,.08);
    border-radius: 50%;
}

.postOpLabel {
    display: block;

    margin-bottom: 4px;

    color: #000;

    font-size: 10px;
    line-height: 14px;

    font-weight: 700;
    letter-spacing: 1px;
}

.postOpIntro h2 {
    margin: 0 0 7px;

    color: var(--themeOneBg);

    font-size: 28px;
    line-height: 35px;

    font-weight: 800;
}

.postOpIntro p {
    margin: 0;
font: 400 16px/17px var(--siteFont);
}


.limfa-bg {
    margin: 10px auto 20px 0px;
    min-height: 406px;
    position: relative;
    background: url(https://assets.yourpractice.online/1427/limfa-bg-img.png) no-repeat 0px 0px;
}
.limfa-view {
    position: absolute;
    bottom: 24%;
    width: 67%;
    right: -1%;
    margin: 0 15px;
}
.limfa-view h2 {
    color: #b05e2f !important;
    font-size: 26px !important;
}
.limfa-view p {
    color: #fff;
    font-size: 18px !important;
    text-align: justify-all !important;
    padding: 5px 0px 10px 0px !important;
    margin: 0 5px;
}
/* Call to Action CSS*/
.textMain .reqBtn {
    background: linear-gradient(180deg, #f2f2f2, #f2f2f2);
    border: 1px solid #f2f2f2;
    border-left: 9px solid var(--themeOneBg);
    border-radius: 0;
    padding: 18px 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 83%;
    margin: 20px 0;
    position: relative;
    gap: 10px;
    text-align: left;
    font: 400 18px/25px var(--siteFont);
    border-radius: 40px;
    transition: .3s ease all;
}
 
.textMain .reqBtn.font-icon::before {
    background: var(--themeOneBg);
    color: var(--fontLight);
    width: 45px;
    height: 45px;
    border-radius: 50px;
    padding: 3px 10px;
    font-size: 29px;
    line-height: 39px;
    transition: .3s ease all;
    flex: 0 0 45px;
}
 
.textMain .reqBtn a {
    font-weight: 600;
 
}
 
.textMain .reqBtn:hover::before {
    transform: scale(1.1);
}
 
.textMain .ps-inline-section {
    border-top: 1px solid #e6edf2;
    border-bottom: 1px solid #e6edf2;
    padding: 20px 20px;
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    width: 100%;
    background: #f4f4f4;
    border-radius: 5px;
}
 
.textMain .ps-inline-left h3 {
    font: 700 28px/35px var(--headingFont);
    margin-bottom: 0;
}
 
.textMain .ps-inline-left p {
    font: 400 17px/28px var(--siteFont);
    color: #000;
}
 
.textMain .ps-inline-cta {
    background: var(--themeOneBg);
    color: var(--fontLight);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    padding: 10px 10px;
}
 
.textMain .ps-inline-cta:hover {
    color: #fff;
    background: var(--themeFourBg);
    text-decoration: none;
}
.vidList span {
    display: block; 
}
.jrre-visit a {
    display: inline-block;
    border: 2px solid #000;
    border-radius: 50px;
    width: 70%;
    padding: 10px 10px 5px 5px;
    color: #000;
    font-weight: bold;
    text-align: left;
}
.jrre-visit img {
    float: left;
    margin: -5px 10px 0px 0px;
    border-radius: 30px;
}
.textMain .vidFrame ul li {
    background: none;
}
.hip-images {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.hip-images p {
    width: calc(50% - 10px);
    margin: 0;
    text-align: center;
}

.hip-images img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 600px;
    margin: 0 auto;
}
        /* =========================================
   JOINT REPLACEMENT VIDEO LIST
========================================= */
        .textMain ul.videoL {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin: 25px 0 0;
            padding: 0;
            list-style: none;
        }
        /* =========================================
   VIDEO CARD
========================================= */
        .textMain ul.videoL li {
            margin: 0;
            padding: 0 0 15px;
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        /* Hover */
        .textMain ul.videoL li:hover {
            transform: translateY(-4px);
        }
        /* =========================================
   VIDEO TITLE
========================================= */
        .textMain ul.videoL li h3 {
            position: relative;
            margin: 0;
            padding: 16px 18px 16px 22px;
            color: #36353a;
            background: #f7f4f2;
            font-size: 19px;
            line-height: 1.4;
            font-weight: 600;
            border-left: 4px solid #d0916a;
        }
        /* =========================================
   VIDEO BOX
========================================= */
        .textMain ul.videoL li .videoBorder {
            width: 100%;
            margin: 0;
            padding: 8px;
            box-sizing: border-box;
            background: #fff;
            border: 0;
            box-shadow: none;
        }
        /* =========================================
   IFRAME
========================================= */
        .textMain ul.videoL li .videoBorder iframe {
            display: block;
            width: 100%;
            border: 0;
            border-radius: 6px;
        }
.prp-bg {
    margin: 10px auto 20px 0px;
    min-height: 406px;
    position: relative;
    background: url(https://assets.yourpractice.online/1427/prp-bg-img.png) no-repeat 0px 0px;
}
.prp-view {
    position: absolute;
    bottom: 9%;
    width: 67%;
    right: -2%;
    margin: 0 15px;
    color: #fff;
}
.prp-view h3 {
    color: #fff !important;
}
.prp-view p {
    width: 93%;
}
   .insuranceList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 40px;
    padding: 0;
    margin: 20px 0;
    list-style: none;
}

.insuranceList li {
    position: relative;
    padding-left: 20px;
}
 
@media screen and (max-width: 1200px) {
        .prp-bg,.limfa-bg {
            padding: 20px;        background:var(--themeTwoBg);
        position: inherit;
            min-height: auto;
    }
    .prp-view p {
    width: auto;
}
    .prp-view,.limfa-view {
    bottom: 10%;
    width: auto;
    right: 0%;
    text-align: justify;
    padding: 0 5px;
    position: inherit;
}

    #Navigation,
    .navigation {
        padding: 10px 20px;
    }

    .textMain {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 980px) {
    .textMain ul.videoL {
                gap: 20px;
            }
            .textMain ul.videoL li h3 {
                font-size: 18px;
                padding: 14px 16px;
            }
            .textMain ul.videoL li .videoBorder iframe {
                height: 250px;
            }
        .documentGrid {
        grid-template-columns: 1fr;
        max-width: 450px;
        gap: 15px;
    }
    .documentCard {
    min-height: 75px;
    padding: 16px 9px;
}
     .surgeryInfoGrid {
        grid-template-columns: repeat(2, 1fr);
    }
    #Banner {
        padding: 30px 0px;
    }

    #Content {
        grid-template-columns: 1fr;
        grid-template-areas:
            'Article'
            'Sidebar';
    }

    #Sidebar {
        padding: 20px 0px;
    }
}

@media screen and (max-width: 767px) {
       .insuranceList {
        grid-template-columns: 1fr;
        gap: 8px;
    }
                .textMain ul.videoL {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            .textMain ul.videoL li h3 {
                font-size: 18px;
            }
            .textMain ul.videoL li .videoBorder iframe {
                height: 270px;
            }
     .hip-images {
        display: block;
    }

    .hip-images p {
        width: 70%;
        margin-bottom: 25px;
    }

    .hip-images img {
        width: 100% !important;
        height: auto !important;
        max-width: 600px;
    }
    .jrre-txt, .jrre-img {
    position: static;
    width: auto;
}
    .jrre-visit a {
    width: 100%;
}
    .jrre-visit a {
    font-size: 14px;
    line-height: 20px;
}
    .textMain .subLinkTabs ul {
        grid-template-columns: 1fr;
    }

    .textMain .relatedTabs li {
        flex: 1 auto;
    }
    .img-l,.img-r {
    float: none;
        text-align: center;
    
}
    #Banner h1 {
	transform: translateY(80px);
}
}
@media (max-width: 640px) {
    #Banner-Container {
	background-size: cover;
}
    #Banner {
	padding: 50px 10px 50px 10px;
	min-height: auto;
}
    #Banner h1 {
	transform: none;
}
}
@media (max-width: 600px) {
    .textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 600 23px/30px var(--headingFont);
    color: var(--themeTwoBg);}
    .textMain .relatedTabs li a, .textMain .subLinkTabs li a {
        text-align: left;
    }
 .postOpPage {
        padding: 20px 12px 45px;
    }

    .postOpIntro {
        display: block;
        padding: 22px 20px;
    }

    .postOpIntroIcon {
        margin-bottom: 15px;
    }

    .postOpIntro h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .postOpFaqItem h3 {
        min-height: 60px;

        padding: 12px 45px 12px 65px;

        font-size: 13px;
        line-height: 19px;
    }

    .postOpFaqIcon {
        left: 15px;

        width: 34px;
        height: 34px;

        font-size: 13px;
    }

    .postOpArrow {
        right: 15px;
    }

    .postOpAnswer {
        padding: 0 18px 20px 65px;

        font-size: 12px;
        line-height: 1.75;
    }
    .surgeryInfoPage {
        padding: 10px 15px 40px;
    }

    .surgeryTeamBox {
        align-items: flex-start;
        padding: 25px 20px;
        gap: 18px;
    }

    .surgeryIcon {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        font-size: 22px;
    }

    .surgeryTeamContent h2 {
        font-size: 23px;
        line-height: 30px;
    }

    .surgeryTeamContent p {
        font-size: 15px;
        line-height: 23px;
    }

    .surgeryInfoGrid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .surgeryInfoCard {
        min-height: auto;
        padding: 25px 20px;
    }

}
@media (max-width: 480px) {
                .textMain ul.videoL {
                gap: 15px;
            }
            .textMain ul.videoL li h3 {
                padding: 13px 15px;
                font-size: 17px;
            }
            .textMain ul.videoL li .videoBorder {
                padding: 5px;
            }
            .textMain ul.videoL li .videoBorder iframe {
                height: 220px;
            }
}
/* ----- 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);
}