/* =========================================================
   PRIVAT MEDICITY — Design tokens
   Palette derived from the brand mark: deep clinical navy
   paired with a fresh medical teal, on clean white/soft-grey.
   ========================================================= */


*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body {
    font-family: "Poppins", sans-serif;
    color: #0e0e0e;
    background: #fff;
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Poppins", sans-serif;
  font-weight:600;
color: #0e0e0e;
  letter-spacing:-0.02em;
  margin:0;
}
.fs-14{
  font-size: 14px;
}
.fs-13{
  font-size: 13px;
}
.fs-12{
  font-size: 12px;
}
.text-primary{
color: #15682e !important;
}
.text-secondary{
color: #c39e06 !important;
}
.btn-primary {
  background-color: #15682e;
  border-color: #15682e;
}
.btn-primary:hover, .btn-outline-primary:hover{
  background-color: #c39e06 !important;
  border-color: #c39e06 !important;
}
.btn-outline-primary{
   border-color: #15682e;
   color: #15682e;
}
.btn-primary:active, btn-outline-primary:active{
   background-color: #15682e !important;
     border-color: #15682e  !important;
}
.custBtnGroup a{
  font-size: 14px;
}
.heading{
  font-size: 20px;
  background-color: #f8f8f8;
  padding: 15px;
  margin: 0;
  border-radius: 5px;
  font-weight: 600;
}
p{margin:0;color:#000e29;}
a{text-decoration:none;color:inherit;transition:.25s ease;}
img{max-width:100%;display:block;}
ul{margin:0;padding:0;list-style:none;}
.container{max-width:1240px;}
section{position:relative;}


/* =========================== Buttons =========================== */
.btn-primary-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:#15682e;color:#fff;
  padding:8px 28px;border-radius:50px;
  font-weight:700;font-size:.95rem;border:1px solid #15682e;
  transition:.3s ease;
}


/* =========================== Header =========================== */
.site-header {
    background-color: #f0f0f0;
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: .3s ease;

}
.main-content {
    flex: 1;
}
.site-header.scrolled{box-shadow:0 12px 30px -18px rgba(10,58,92,.35);
}
.navbar{padding:14px 0;transition:.3s ease;}
.logo-img{height:auto;width:auto;transition:.3s ease;}
.site-header.scrolled .navbar{padding:10px 0;}
.site-header.scrolled .logo-img{height:42px;}
.main-menu .nav-link{
  color: #0e0e0e;
  font-weight: 600;
  font-size: 14px;
}
.main-menu .nav-link:hover{
  color: #15682e;
}

.navbar-toggler{
   color: #0e0e0e;
   border-color: #0e0e0e;
}




.facility-card{position:relative;border-radius:16px;overflow:hidden;height:300px;}
.facility-card img{width:100%;height:100%;object-fit:cover;transition:.5s ease;}
.facility-card:hover img{transform:scale(1.08);}
.facility-overlay{
  position:absolute;inset:0;background:linear-gradient(0deg, rgba(21,104,46,.85) 0%, rgba(21,104,46,0) 70%);
  display:flex;align-items:flex-end;justify-content:space-between;padding:22px;
}
.facility-overlay h5{color:#fff;font-size:1.05rem;max-width:70%;}
.facility-overlay a, .hero-link{
  width:40px;height:40px;flex:none;border-radius:50%;background:#c4a006;color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.card-cnt{
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  margin-top: 10px;
}



/* =========================== Footer =========================== */
.site-footer {
    background: #c4a006;
    color: #15682e;
    padding-top: 90px;
    position: relative;
    overflow: hidden;

}

.footer-bottom p{
color: #fff;
font-size: 13px;
}


.footer-bottom{
 gap:14px;
  padding:26px 0;font-size:.86rem;color:#8fa8b8;
}
.footer-bottom a{color:#15682e;}
.footer-bottom a:hover{
  color:#15682e;
}
.footer-social{display:flex;gap:10px;}
.footer-social a{
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;color:#dcecf3;
}
.footer-social a:hover{background:#15682e;color:#fff;}



/* =========================== Responsive =========================== */
@media (max-width: 991.98px){
  .hero-title{font-size:2.3rem;}
  .hero-carousel,.hero-slide{height:300px;min-height:0;padding:0;
  
  }
 /***** .hero-overlay{background:linear-gradient(180deg, rgba(7,43,69,.9) 0%, rgba(7,43,69,.86) 100%);}*****/
  .feature-strip{margin-top:40px;}
  .marquee-section{margin-top:60px;}
  .about-section,.services-section,.testimonial-section,.faq-section,.blog-section{padding:70px 0;}
  .facility-section,.team-section{padding-bottom:70px;}
  .about-counter-card{left:16px;bottom:-20px;padding:16px 20px;}


}

@media (min-width: 992px) and (max-width: 1199.98px){
  .mega-panel-lg{width:min(760px, 90vw);}
  .main-menu .nav-link{padding:10px 12px !important;font-size:.92rem;}
}
@media (max-width: 575.98px){
  .hero-title{font-size:2.5rem;}

  .section-title{font-size:1.6rem;}
  .cta-band h2{font-size:1.4rem;text-align:center;}
  .cta-band .text-lg-end{text-align:center !important;}
  .footer-bottom{justify-content:center;text-align:center;}
  .navbar-brand{
    width: 150px;
  }
}

/*login card css start*/

.navLink {
    color: #e5e5e5;
    padding: 5px;
    font-size: 14px;
    border: none;
    margin-right: 5px;
    text-decoration: none;
    cursor: pointer;
}

    .navLink:hover {
        color: #fff;
    }

.UserLogin {
    position: relative;
    display: inline-block;
    border: 1px dotted #c4a006;
    padding: 10px;
    border-radius: 5px;
}


    .UserLogin .navbar-brand {
        color: #0e0e0e;
        cursor: pointer;
        font-weight: 600;
    }

.user-card {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0 !important;
    min-width: 250px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 0.2s ease;
    z-index: 99999;
    border-radius: 10px;
    display: none;
}

.UserLogin:hover .user-card {
    opacity: 1;
    visibility: visible;
    transform: translateY(4px);
    display: block;
}

.badge-top {
    background: #e5e5e5;
    padding: 20px 20px 16px;
    text-align: center;
    color: #333;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.avatar-ring {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #15682e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 2px solid rgba(238, 240, 233, 0.35);
    font-size: 20px;
}

.badge-name {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.01em;
    line-height: 1.2;
    margin-bottom: 2px;
}

.crd-detail {
    padding: 6px 0;
    border-bottom: 1px dashed rgba(16, 21, 28, 0.15);
    font-size: 0.76rem;
}

    .crd-detail a {
        color: #333;
        text-decoration: none;
    }

        .crd-detail a:hover {
            color: #0d6efd;
        }

    .crd-detail span {
        color: #777;
        margin-right: 3px;
    }

/*login card css end*/

.section-pad {
    padding: 100px 0;
    position: relative;
}
@media (max-width:768px){
  .section-pad{
     padding: 60px 0;
  }
  .user-card{
    left: 0;
  }
}
.wp-card{
  background: #e7eaee;
  border-radius: 20px;
  height: 100%; 
  flex-direction:column;
  overflow:hidden;
  display: flex;
}
.wp-body{ padding: 28px 26px 20px; }

.wp-card h5{ font-size:17px; font-weight:700; margin-bottom:8px; line-height:1.3; }
.wp-card p{ margin:0; line-height:1.55; }

.wp-photo{ margin-top:auto; position:relative; height:230px; }
.wp-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.wp-photo .fade{
  position:absolute; left:0; right:0; top:0; height:56px;
  background: linear-gradient(180deg, #eef3f1 0%, rgba(238,243,241,0) 100%);
}

@media (max-width: 575px){
  .wp-photo{ height:200px; }
}

/* ---------- Card ---------- */
  .policy-card{
    background-color: #e7eaee;
    background-image: url('../images/h7-bg-section3.webp');   
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border: 1px solid #e1dbc7;
    border-radius: 14px;  
    height:100%;
    display:flex;
    flex-direction:column;
    box-shadow: 0 1px 2px rgba(14,14,14,0.04);
    transition: transform .28s ease, box-shadow .28s ease;
    position: relative;
    z-index: 1;
  }
  .policy-card::before {
   content: "";
    position: absolute;
    background: #fff;
    opacity: 0.3;
    z-index: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}
  .policy-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 14px 28px -18px rgba(14,14,14,0.35);
  }

  /* Banner art */
  .policy-card .banner{
    position:relative;
    height: 148px;
    background-color: #d2dfd5;
    border-radius: 14px 14px 0 0;
  }
   .policy-card .banner img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter: grayscale(55%) contrast(1.08) brightness(0.92);
    transform: scale(1.02);
  }
  .info-icons{
    position: absolute;
    background-color: #1c6c09;
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -15px;
    font-size: 30px;
    left: 20px;
  }
   .policy-card .banner .pill{
    position:absolute;
    z-index:2;
    top: 0.85rem;
    right: 0.85rem;
    display:inline-flex;
    align-items:center;
    gap:0.35rem;
    padding: 0.3rem 0.65rem 0.3rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight:600;
    color:#1c6c09;
    background: #d9fbd0;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.28);
  }
   .policy-card .banner .pill svg{ width:13px; height:13px; }
.policy-card .banner .pill.inActive{
  color: #b81800;
  background-color: #ffe0db;
}
.mask::after{
     content: "";
    background-color: #d4d4d4;
    position: absolute;
    left: 0;
    bottom: 0;   
    height: 100%;
    width: 100%;
    opacity: 0.5;
}
.badge.inActive{
   color: #b81800;
  background-color: #ffe0db !important;
  padding: 4px 8px;
  border-color: #ffe0db;
  font-weight: normal;
  font-size: 12px;
}
.badge.active{
background-color: #d9fbd0 !important;
padding: 4px 8px;
color: #1c6c09;
border-color: #d9fbd0;
  font-weight: normal;
   font-size: 12px;
}
  /* Body */
  .card-body-x{
    padding: 1rem 1.35rem;
    flex:1;
    display:flex;
    flex-direction:column;
  }

  .policy-label{ font-size:0.72rem; color: #8a8a7e; margin-bottom:0.15rem; }
  .policy-number{   
    font-weight:500;
    font-size:1.28rem;
    line-height:1.25;
    margin-bottom: 1.1rem;
    color: #15682e;
  }

  .ledger{ display:flex; 
      padding: 10px 0;
    border-bottom: 1px dashed rgba(16, 21, 28, 0.15);
  }
  .ledger .field{ flex:1; }
  .ledger .field + .field{ padding-left:1rem; margin-left:1rem; 
  
  }
  .field-label{ font-size:0.7rem; color: #8a8a7e; margin-bottom:0.15rem; }
  .field-value{  font-size:14px; font-weight:500; }

  /* Progress */
  .progress-wrap{ margin-bottom: 1.2rem; }
  .progress-track{
    height:5px;
    border-radius: 999px;
    background: #e1dbc7;
    overflow:hidden;
  }
  .progress-fill{ height:100%; border-radius:999px; }
  .progress-note{ font-size:0.72rem; color: #8a8a7e; margin-top:0.4rem; }

  .card-foot{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #e1dbc7;
  }
  .card-foot .btn{
    font-size: 14px;
  }
.card-hd{
  background-color: #d2dfd5;
    padding:15px 20px;
    border-radius: 5px 5px 0 0;
}
.hd-name{
  font-size: 18px;
  font-weight: 500;
}
.titleName{
  font-size: 18px;
  color: #0e0e0e;
}

  .term{ font-size:0.78rem; color: #8a8a7e; }

  @media (prefers-reduced-motion: reduce){ .policy-card{ transition:none; } }
  :focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }


/*********for tabs*************/
.userTabsForInfo .nav-item {
  min-width: 138px;
  text-align: center;
}

.userTabsForInfo.disease .nav-item {
  width: 240px;
}
.userTabsForInfo .nav-link {
justify-content:center;
}
.userTabsForInfo .nav-link {
    color: #181818;
    font-size: 14px;
    font-weight: 550;
    text-align: center;
}

.userTabsForInfo .nav-link.active {
      color: #fff;       
   border-color: #c39e06;  
   border-bottom: 1px solid transparent;   
   background-color: #c39e06;  
}
.userTabsForInfo .nav-link p 
  {    
    font-size: 14px;
  }
.userTabsForInfo .nav-link.active p{
  color: #fff;
}

.userTabsForInfo {
  overflow: auto;
}

@media (max-width: 768px) {
  .userTabsForInfo .nav-tabs {
    width: fit-content;
  }

  .userTabsForInfo.disease .nav-tabs {
    width: 100%;
  }

  .userTabsForInfo.disease .nav-item {
    width: 120px;
  }
}

/************for end tabs************/






/************************custom Grid********************************/
.customGrid thead th{
font-size: 13px;
font-weight: 500;
background-color: #d2dfd5;
}
.customGrid tbody{
  font-size: 13px;
  font-weight: normal;
}
.customGrid tbody tr:nth-child(even){
  background: #eaeeeb;
}
.customGrid tbody tr td{
  background: transparent;
  vertical-align: middle;
}
.customGrid tbody a, .customGrid2 tbody a {
    color: #206bc4;
}

.customGrid2 thead th{
font-size: 13px;
font-weight: 500;
background-color: #d2dfd5;
}
.customGrid2 tbody{
  font-size: 13px;
  font-weight: normal;
}

.customGrid2 tbody tr td{
  background: transparent;
   vertical-align: middle;
}
.customGrid .btn, .customGrid2 .btn{
font-size: 13px;
color: #fff;
}

.vrtTableGrid{
  font-size: 13px;
}
.vrtTableGrid th{
background-color: #f8f8f8;
font-weight: 600;
}
.vrtTableGrid a{
color: #206bc4;
}
.badge-outline {

    font-weight: normal;
    font-size: 11px;
}
.badge-outline.text-green{
 border: 1px solid #2fb344;
    color: #2fb344;
}
.badge-outline.text-info{
   border: 1px solid #003cc7;
    color: #003cc7 !important;
    background-color: #e7f1ff;
}

/***********************membercard**********************/
/* ---------- Member card ---------- */
  .member-card{
    background: #fff;
    border: 1px solid #e1dbc7;
    border-radius: 14px;
    overflow: hidden;
    height:100%;
    display:flex;
    flex-direction:column;
    box-shadow: 0 1px 2px rgba(14,14,14,0.04);
  }


 
  .member-top{
    display:flex;
    align-items:center;
    gap: 0.9rem;
    padding: 1.35rem 1.35rem 1rem;
    background-color: #e7eaee;
  }
 .plan1{
  background-color: #fcf7e2;
 }

.plan2{
background-color: #d2dfd5;
}
 .plan2 .avatar{
 background-color: #198754;
 }
 
  .avatar{
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:500;
    font-size: 1.15rem;
    color:#fff;
    position:relative;
    background-color: #c39e06 ;
  }

 
  .avatar .gender-tag{
    position:absolute;
    bottom:-3px;
    right:-3px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    border: 1px solid #e1dbc7;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .avatar .gender-tag svg{ width:11px; height:11px; }
 
  .member-name{
    font-weight:500;
    font-size: 1.12rem;
    line-height:1.25;
    margin-bottom:0.2rem;
  }
 
  .sub-no{
    font-size:0.74rem;
    color: #8a8a7e;
    letter-spacing:0.01em;
  } 
  .role-pill{
    display:inline-flex;
    align-items:center;
    gap:0.3rem;
    font-size:0.68rem;
    font-weight:600;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    margin-top:0.35rem;
  }
.role-primary {
    background: rgba(21, 104, 46, 0.1);
    color: #15682e;
}
  .detail-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9rem 1rem;   
    padding-bottom: 10px;  
  }
 
.detail-label {
    font-size: 0.7rem;
    color: #8a8a7e;
    margin-bottom: 0.15rem;
}
 
  .card-foot{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0.75rem;
    padding-top: 0.9rem;
    border-top: 1px solid #e1dbc7;
  }
 
  .effective{
    display:flex;
    flex-direction:column;
  }
  .effective .detail-label{ margin-bottom:0.15rem; }
  .effective .detail-value{ font-weight:500; }
 
  .age-badge{
    font-size:0.72rem;
    font-weight:600;
    color: #8a8a7e;
    border: 1px solid #e1dbc7;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
  }
  .custRadioBtn{
    display: flex;
    gap: 6px;
  }
.custRadioBtn .btn-outline-primary{
font-size: 14px; 
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}
.height-70{
  height: 70px;
}

.custRadioBtn .btn-outline-primary:hover {
    background-color: #d2dfd5 !important;
    color: #15682e;
    border-color: #15682e !important;
}
 .custRadioBtn .btn-check:checked+.btn{
    background-color: #d2dfd5;
    color: #15682e;
    border-color: #15682e;
 }

 .custForm .form-label{
  font-size: 13px;
  color: #333;
 }
  .custForm .form-select,  .custForm .form-control{
  font-size: 14px;
 line-height: 30px;
 }
  .custForm .form-select:focus, .custForm .form-control:focus{
    border-color: #15682e;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(21, 104, 46, .25);
    background-color: rgba(21, 104, 46, .02);
  }
 .customRow .flex-1{
flex: 1;
max-width: 180px;
 }
 span.required{
color: #d63939;
 }

 .hero-login{
  background-color: #dceddd;
 }

.login-overlay {
    position: initial;
    inset: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-form {
    width: 100%;
    max-width: 1060px;
}

/***************for loader*************************/
.page-loader{
  position: absolute;
  left: 50%;
  top: 80%;

}
.loader {
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #c39e06;
  box-shadow: 0 0 0 0 #0004;
  animation: l2 1.5s infinite linear;
  position: relative;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #0004;
  animation: inherit;
  animation-delay: -0.5s;
}
.loader:after {
  animation-delay: -1s;
}
@keyframes l2 {
    100% {box-shadow: 0 0 0 40px #0000}
}
/***************for medinyx badge*************************/


:root {
    --medinyx-blue: #3874ff;
    --medinyx-indigo: #6610f2;
    --medinyx-purple: #6f42c1;
    --medinyx-pink: #d63384;
    --medinyx-red: #fa3b1d;
    --medinyx-orange: #e5780b;
    --medinyx-yellow: #ffc107;
    --medinyx-green: #25b003;
    --medinyx-teal: #20c997;
    --medinyx-cyan: #0097eb;
    --medinyx-black: #000000;
    --medinyx-white: #fff;
    --medinyx-gray: #6e7891;
    --medinyx-gray-dark: #141824;
    --medinyx-gray-50: #f5f7fa;
    --medinyx-gray-100: #eff2f6;
    --medinyx-gray-200: #e3e6ed;
    --medinyx-gray-300: #cbd0dd;
    --medinyx-gray-400: #9fa6bc;
    --medinyx-gray-500: #8a94ad;
    --medinyx-gray-600: #6e7891;
    --medinyx-gray-700: #525b75;
    --medinyx-gray-800: #3e465b;
    --medinyx-gray-900: #31374a;
    --medinyx-gray-1000: #222834;
    --medinyx-gray-1100: #141824;
    --medinyx-primary: #3874ff;
    --medinyx-secondary: #31374a;
    --medinyx-success: #25b003;
    --medinyx-info: #0097eb;
    --medinyx-warning: #e5780b;
    --medinyx-danger: #fa3b1d;
    --medinyx-light: #eff2f6;
    --medinyx-dark: #141824;
    --medinyx-primary-rgb: 56, 116, 255;
    --medinyx-secondary-rgb: 49, 55, 74;
    --medinyx-success-rgb: 37, 176, 3;
    --medinyx-info-rgb: 0, 151, 235;
    --medinyx-warning-rgb: 229, 120, 11;
    --medinyx-danger-rgb: 250, 59, 29;
    --medinyx-light-rgb: 239, 242, 246;
    --medinyx-dark-rgb: 20, 24, 36;
    --medinyx-primary-text-emphasis: #003cc7;
    --medinyx-secondary-text-emphasis: #525b75;
    --medinyx-success-text-emphasis: #1c6c09;
    --medinyx-info-text-emphasis: #005585;
    --medinyx-warning-text-emphasis: #bc3803;
    --medinyx-danger-text-emphasis: #b81800;
    --medinyx-light-text-emphasis: #141824;
    --medinyx-dark-text-emphasis: #fff;
    --medinyx-primary-bg-subtle: #e5edff;
    --medinyx-secondary-bg-subtle: #eff2f6;
    --medinyx-success-bg-subtle: #d9fbd0;
    --medinyx-info-bg-subtle: #c7ebff;
    --medinyx-warning-bg-subtle: #ffefca;
    --medinyx-danger-bg-subtle: #ffe0db;
    --medinyx-light-bg-subtle: #f7f9fb;
    --medinyx-dark-bg-subtle: #9fa6bc;
    --medinyx-primary-border-subtle: #85a9ff;
    --medinyx-secondary-border-subtle: #cbd0dd;
    --medinyx-success-border-subtle: #90d67f;
    --medinyx-info-border-subtle: #60c6ff;
    --medinyx-warning-border-subtle: #ffcc85;
    --medinyx-danger-border-subtle: #f48270;
    --medinyx-light-border-subtle: #eff2f6;
    --medinyx-dark-border-subtle: #8a94ad;
    --medinyx-white-rgb: 255, 255, 255;
    --medinyx-black-rgb: 0, 0, 0;
    --medinyx-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --medinyx-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --medinyx-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --medinyx-body-font-family: var(--phoenix-font-sans-serif);
    --medinyx-body-font-size: 1rem;
    --medinyx-body-font-weight: 400;
    --medinyx-body-line-height: 1.49;
    --medinyx-body-color: #31374a;
    --medinyx-body-color-rgb: 49, 55, 74;
    --medinyx-body-bg: #f5f7fa;
    --medinyx-body-bg-rgb: 245, 247, 250;
    --medinyx-emphasis-color: #141824;
    --medinyx-emphasis-color-rgb: 20, 24, 36;
    --medinyx-secondary-color: #3e465b;
    --medinyx-secondary-color-rgb: 62, 70, 91;
    --medinyx-secondary-bg: #e3e6ed;
    --medinyx-secondary-bg-rgb: 227, 230, 237;
    --medinyx-tertiary-color: #525b75;
    --medinyx-tertiary-color-rgb: 82, 91, 117;
    --medinyx-tertiary-bg: #cbd0dd;
    --medinyx-tertiary-bg-rgb: 203, 208, 221;
    --medinyx-heading-color: var(--phoenix-emphasis-color);
    --medinyx-link-color: #3874ff;
    --medinyx-link-color-rgb: 56, 116, 255;
    --medinyx-link-decoration: none;
    --medinyx-link-hover-color: #003cc7;
    --medinyx-link-hover-color-rgb: 0, 60, 199;
    --medinyx-link-hover-decoration: underline;
    --medinyx-code-color: #d63384;
    --medinyx-highlight-color: #31374a;
    --medinyx-highlight-bg: #fff3cd;
    --medinyx-border-width: 1px;
    --medinyx-border-style: solid;
    --medinyx-border-color: #cbd0dd;
    --medinyx-border-color-translucent: rgba(203, 208, 221, 0.54);
    --medinyx-border-radius: 0.375rem;
    --medinyx-border-radius-sm: 0.25rem;
    --medinyx-border-radius-lg: 0.5rem;
    --medinyx-border-radius-xl: 1rem;
    --medinyx-border-radius-xxl: 2rem;
    --medinyx-border-radius-2xl: var(--phoenix-border-radius-xxl);
    --medinyx-border-radius-pill: 50rem;
    --medinyx-box-shadow: 0px 2px 4px -2px rgba(36, 40, 46, 0.08);
    --medinyx-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --medinyx-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --medinyx-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --medinyx-focus-ring-width: 0.25rem;
    --medinyx-focus-ring-opacity: 0.25;
    --medinyx-focus-ring-color: rgba(56, 116, 255, 0.25);
    --medinyx-form-valid-color: #25b003;
    --medinyx-form-valid-border-color: #25b003;
    --medinyx-form-invalid-color: #fa3b1d;
    --medinyx-form-invalid-border-color: #fa3b1d
}

.badge-medinyx {
    padding: 2px 8px;
    background-color: var(--medinyx-badge-bg);
    color: var(--medinyx-badge-color);
    border: 1px solid var(--medinyx-badge-border-color)
}

    .badge-medinyx .badge-label {
        display: inline-block;
        -webkit-transform: translateY(0.0875rem);
        -ms-transform: translateY(0.0875rem);
        transform: translateY(0.0875rem)
    }

    .badge-medinyx[href]:hover, .badge-medinyx[href]:focus {
        text-decoration: none
    }

.badge-medinyx-primary {
    --medinyx-badge-bg: var(--medinyx-primary-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-primary-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-primary-border-subtle) !important;
}

.badge-medinyx-secondary {
    --medinyx-badge-bg: var(--medinyx-secondary-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-secondary-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-secondary-border-subtle) !important;
}

.badge-medinyx-success {
    --medinyx-badge-bg: var(--medinyx-success-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-success-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-success-border-subtle) !important;
}

.badge-medinyx-info {
    --medinyx-badge-bg: var(--medinyx-info-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-info-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-info-border-subtle) !important;
}

.badge-medinyx-warning {
    --medinyx-badge-bg: var(--medinyx-warning-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-warning-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-warning-border-subtle) !important;
}

.badge-medinyx-danger {
    --medinyx-badge-bg: var(--medinyx-danger-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-danger-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-danger-border-subtle) !important;
}

.badge-medinyx-light {
    --medinyx-badge-bg: var(--medinyx-light-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-light-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-light-border-subtle) !important;
}

.badge-medinyx-dark {
    --medinyx-badge-bg: var(--medinyx-dark-bg-subtle) !important;
    --medinyx-badge-color: var(--medinyx-dark-text-emphasis) !important;
    --medinyx-badge-border-color: var(--medinyx-dark-border-subtle) !important;
}

.badge-medinyx-primary[href]:hover, .badge-medinyx-primary[href]:focus {
    color: #85a9ff
}

.badge-medinyx-success[href]:hover, .badge-medinyx-success[href]:focus {
    color: #90d67f
}

.badge-medinyx-info[href]:hover, .badge-medinyx-info[href]:focus {
    color: #60c6ff
}

.badge-medinyx-warning[href]:hover, .badge-medinyx-warning[href]:focus {
    color: #ffcc85
}

.badge-medinyx-danger[href]:hover, .badge-medinyx-danger[href]:focus {
    color: #f48270
}

.badge-medinyx-warning img {
    height: 10px
}

.badge-tag {
    background-color: var(--medinyx-secondary-bg);
    color: var(--medinyx-body-highlight-color);
    font-weight: 700;
    font-size: .64rem;
    padding: .25rem .5rem;
    text-transform: uppercase
}

    .badge-tag:hover, .badge-tag:focus {
        background-color: var(--medinyx-tertiary-bg)
    }

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb;
}

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb;
}

.bg-cyan-lt {
    color: #17a2b8;
    background-color: #e8f6f8;
}

.custForm a {
    color: #206bc4;
}

.custForm svg {
    stroke: #a1a2a4;
}