@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoe-ui.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoe-ui-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

*{
  font-family: "Segoe UI", sans-serif !important;
}
.header{
    background: #962067;
    padding: 12px 24px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.img-head {
    border-radius: 8px;
    padding: 9px;
    background: linear-gradient(90deg, rgba(231, 44, 99, 1) 39%, rgba(202, 41, 105, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-header h1{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
}
.text-header p{
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}
.navright a{
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}
.navright {
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(231, 44, 99, 1) 39%, rgba(202, 41, 105, 1) 100%);
    padding: 8px 18px;
}
.hero-section{

    padding: 110px 0px 40px 0px;
text-align:center;
position: relative;
}


.hero-section .container{
    position: relative;
    z-index:2;
}

.hero-section{
  background-image: url('images/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-position: 80%;
}
.hero-tag{
font-weight: 700;
    display: inline-block;
    padding: 7px 16px;
    border: 1px solid #D628284D;
    border-radius: 20px;
    font-size: 11px;
    color: #E82C68;
    background: #F4E1E7;
    letter-spacing: 1px;;
    margin-bottom: 20px;
    
}
.hero-tag::before{
    position: relative;
   font-size: 17px;
    content: "•";
    color: #F87171;
    margin: 0 8px;
    line-height: 0px;
    top: 2px;
}

.hero-title{
font-size:62px;
font-weight:700;
color:#1f2937;
}

.hero-title span{
color:#e91e63;
}

.hero-desc{
max-width: 596px;
    margin: auto;
    margin-top: 15px;
    color: #424242;
    font-size: 18px;
}

.hero-btn{
margin-top:25px;
}

.btn-primary-custom{
font-size: 15px;
    background: linear-gradient(90deg, rgba(231, 44, 99, 1) 39%, rgba(202, 41, 105, 1) 100%);
    border: none;
    padding: 13px 28px;
    border-radius: 50px;
    font-weight: 700;
    color: #fff;
}
.btn-primary-custom:hover{
font-size: 15px;
    background: linear-gradient(90deg, rgba(231, 44, 99, 1) 39%, rgba(202, 41, 105, 1) 100%);
    border: none;
    padding: 13px 28px;
    border-radius: 50px;
    font-weight: 700;
    color: #fff;
}


.btn-outline-custom{
    font-size: 15px;
    padding: 13px 28px;
    border-radius: 50px;
    font-weight: 700;
    border: 1px solid transparent;

    background: 
        linear-gradient(#fce7ed,#fce7ed) padding-box,
        linear-gradient(90deg, rgba(231,44,99,1) 39%, rgba(202,41,105,1) 100%) border-box;

    color: #E72C63;
}

.fine-section{
    margin-top: 70px;
}

.btn-outline-custom:hover{
    font-size: 15px;
    padding: 13px 28px;
    border-radius: 50px;
    font-weight: 700;
    border: 1px solid transparent;

    background: 
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(90deg, rgba(231,44,99,1) 39%, rgba(202,41,105,1) 100%) border-box;

    color: #E72C63;
}
.stats{
margin-top:50px;
}

.stat-number{
color: #E82C68;
    font-weight: 700;
    font-size: 28px;
}

.stat-text{
font-size:11px;
color:#424242;
}

/* risk section css */


.risk-badge{
display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid #E62C5E;
    font-size: 11px;
    color: #E82C68;
    background: #ffe6ef;
    margin-bottom: 20px;
    font-weight: 700;
}

.risk-title{
font-size: 42px;
font-weight:700;
margin-bottom:10px;
}

.risk-desc{

margin:auto;
color:#666;
margin-bottom:40px;
}

.risk-slider{
margin-top:20px;
}

.risk-card {
background:#962067;
color:white;
padding:30px;
border-radius:12px;
text-align:left;
margin-right: 20px !important;
min-height: 281px;
position:relative;
}

.risk-icon {
width: 32px !important;
    height: 32px;
margin-bottom:15px;
}

.risk-card h5{
font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.risk-card p{
font-size:14px;
opacity:0.9;
}
.page-wrapper {
      max-width: 1080px;
      margin: 0 auto;
      padding: 48px 32px;
    }

    .tag-label {
      display: inline-block;
      background-color: #d63a4a;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 20px;
      margin-bottom: 18px;
      font-family: sans-serif;
    }

    h1 {
      font-size: 2.4rem;
      font-weight: 800;
      color: #111;
      line-height: 1.15;
      margin-bottom: 10px;
      font-family: 'Georgia', serif;
    }

    .subtitle {
      color: #555;
      font-size: 0.95rem;
      margin-bottom: 36px;
      font-family: sans-serif;
    }
.myth-section{
padding:50px 0;
}

.badge-tag{
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid #E62C5E;
    color: #E82C68;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 15px;
    background: #ffe6ef;
}

.section-title{
font-size:42px;
font-weight:700;
margin-bottom:10px;
}

.section-subtitle{
color:#666;
margin-bottom:40px;
max-width:650px;
}

.myth-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.myth-card{
background:#F5F5F5;
border-radius:16px;

box-shadow:0 5px 20px rgba(0,0,0,0.05);
}
span.myth-label span img {
    margin-right: 8px;
}

.myth-card:hover{
background:linear-gradient(180deg,#972061,#8a1d5a);
color:#fff;
}
.card-myth{
    padding: 16px 20px;
    background-color: rgba(214, 40, 40, 0.05);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.card-myth h4{
font-size:16px;
margin-top:10px;
}

.myth-label{

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

.reality-label{
margin:15px 0px;
font-size:10px;
font-weight:700;
letter-spacing:1px;
display:block;
margin-bottom:10px;
display: flex;
align-items: center;
gap:4px;
}

hr{
    border: none;
    height: 2px !important;
    background: #D62828;
    margin: 0px !important;
}

.card-reality p{
font-size:13px;

}
.card-reality h4{
        font-size: 15px;
    font-weight: 700;
}
.card-reality{
    padding: 16px 20px;
    
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;;
}

.myth-card:hover p{
color:#fff;
}

.card-reality a{
display: inline-block;
   
    color: #E72C63;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
}

.myth-card:hover a{
color:#fff;
}


    /* @media (max-width: 768px) {
      .cards-grid {
        grid-template-columns: 1fr;
      }
      h1 { font-size: 1.7rem; }
    }

    @media (max-width: 992px) and (min-width: 769px) {
      .cards-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    } */

    /* form section */

     .ask-section{
padding:50px 0;
}

.tag{
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid #E62C5E;
    color: #E82C68;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 15px;
    background: #ffe6ef;
}

.title{
font-size:42px;
font-weight:700;
margin-bottom:10px;
}

.subtitle{
color:#424242;
margin-bottom:40px;
max-width:520px;
}

.ask-card{
background:#F5F5F5;
max-width:600px;
margin:auto;
padding:40px;
border-radius:20px;
border:1px solid #ddd;
}

.ask-card label{
font-size:12px;
font-weight:700;
display:block;
margin-top:18px;
margin-bottom:6px;
color:#333;
}

.ask-card input,
.ask-card select,
.ask-card textarea{
width:100%;
padding:12px 14px;
border-radius:10px;
border:1px solid #00B4D826;
background:#fff;
font-size:14px;
position:relative;
top:2.5px;
}
.ask-card .radio-group input{
    width: auto;
}


.radio-group input[type="radio"] {
  accent-color: #E62C60;
}
.doc-desc {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 18px;
    min-height: 55px;
}
.kidney-excellance {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    gap: 18px;
}

.radio-group{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-top:8px;
}

.radio-group label{
font-weight:400;
font-size:13px;
}

.submit-btn{
width:100%;
margin-top:20px;
padding:12px 28px;
border:none;
border-radius:30px;
font-weight:600;
color:#fff;
font-size:15px;
background:linear-gradient(90deg,#e72c63,#c72b69);
cursor:pointer;
}

.submit-btn:hover{
opacity:0.9;
}

.disclaimer{
margin-top:18px;
font-size:11px;

line-height:1.5;
}
/* 
    @media (max-width: 480px) {
      .kv-field-row {
        grid-template-columns: 1fr;
      }
      .kv-form-card {
        padding: 24px 18px 20px;
      }
      .kv-heading {
        font-size: 1.7rem;
      }
    } */

/* quiz section */
   .qz-page-bg {
      padding: 50px 0px;
      
    }

    .qz-pill-tag {
          display: inline-block;
    padding: 6px 14px;
    border: 1px solid #E62C5E;
    color: #E82C68;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 15px;
    background: #ffe6ef;
    }

    .qz-main-heading {
      font-size: 42px;
      font-weight: 700;
      color: #111;
      
      margin-bottom: 10px;
    }

    .qz-main-subtext {
     font-size: 16px;
    color: #555;
    font-family: sans-serif;
    max-width: 530px;
    margin-bottom: 40px;
    }

     /* PROGRESS BAR */
    .qz-progress-track {
      width: 100%;
      height: 6px;
      background-color: #F5F5F5;
      border-radius: 4px;
      margin-bottom: 28px;
      overflow: hidden;
    }

    .qz-progress-fill {
      height: 100%;
      background-color: #d63a6a;
      border-radius: 4px;
      transition: width 0.4s ease;
    }
    .team-section{
      padding:50px 0px;
    }

    /* QUESTION AREA */
    .qz-question-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.4px;
      text-transform: uppercase;
     
      font-family: sans-serif;
      margin-bottom: 10px;
    }

    .qz-question-text {
      font-size: 25px;
      font-weight: 700;
      line-height: 1.5;
      margin-bottom: 22px;
    }

    /* OPTIONS */
    .qz-option {
      display: flex;
      align-items: center;
      gap: 12px;
      background-color: #f5f5f3;
      border: 1.5px solid #e8e8e8;
      border-radius: 12px;
      padding: 14px 18px;
      margin-bottom: 10px;
      cursor: pointer;
      font-family: sans-serif;
      font-size: 14px;
      transition: border-color 0.2s, background-color 0.2s;
      user-select: none;
    }

    .qz-option:hover {
      border-color: #d63a6a;
      background-color: #fff5f7;
    }

    .qz-option.qz-selected {
      border-color: #d63a6a;
      background-color: #fff5f7;
    }

    .qz-radio-circle {
      width: 18px;
      height: 18px;
      border: 2px solid #d63a6a;
      border-radius: 50%;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s;
    }

    .qz-option.qz-selected .qz-radio-circle {
      background-color: #d63a6a;
    }

    .qz-option.qz-selected .qz-radio-circle::after {
      content: '';
      width: 6px;
      height: 6px;
      background: #fff;
      border-radius: 50%;
      display: block;
    }

    /* BUTTON ROW */
    .qz-btn-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 20px;
    }

    /* BACK BUTTON */
    .qz-back-btn {
      background: transparent;
      color: #888;
      font-size: 14px;
      font-weight: 600;
      font-family: sans-serif;
      padding: 11px 22px;
      border: 1.5px solid #ddd;
      border-radius: 30px;
      cursor: pointer;
      letter-spacing: 0.3px;
      transition: border-color 0.2s, color 0.2s;
    }

    .qz-back-btn:hover {
      border-color: #bbb;
      color: #555;
    }

    .qz-back-btn:disabled,
    .qz-back-btn.qz-hidden {
      visibility: hidden;
      pointer-events: none;
    }

    /* NEXT BUTTON */
    .qz-next-btn {
      background: linear-gradient(90deg,rgba(231, 44, 99, 1) 39%, rgba(202, 41, 105, 1) 100%);
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      font-family: sans-serif;
      padding: 11px 28px;
      border: none;
      border-radius: 30px;
      cursor: pointer;
      letter-spacing: 0.3px;
      transition: opacity 0.2s;
    }

    .qz-next-btn:hover {
      opacity: 0.9;
    }

    .qz-next-btn:disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }

    /* RESULT CARD */
    .qz-result-card {
      background: #fff;
      border-radius: 14px;
      border: 1px solid #e8e8e8;
      padding: 36px 32px;
      text-align: center;
      display: none;
    }

    .qz-result-card.qz-visible {
      display: block;
    }

    .qz-result-icon {
      font-size: 3rem;
      margin-bottom: 14px;
    }

    .qz-result-title {
      font-size: 1.5rem;
      font-weight: 800;
      color: #111;
      font-family: sans-serif;
      margin-bottom: 10px;
    }

    .qz-result-desc {
      font-size: 0.9rem;
      color: #555;
      font-family: sans-serif;
      line-height: 1.6;
      margin-bottom: 24px;
    }

    .qz-result-cta {
      background: linear-gradient(90deg, #e8356a, #c9265a);
      color: #fff;
      font-size: 0.9rem;
      font-weight: 700;
      font-family: sans-serif;
      padding: 13px 32px;
      border: none;
      border-radius: 30px;
      cursor: pointer;
    }

    .qz-restart-btn {
      background: transparent;
      color: #d63a6a;
      font-size: 0.85rem;
      font-family: sans-serif;
      border: none;
      cursor: pointer;
      margin-top: 12px;
      text-decoration: underline;
      display: block;
      margin: 12px auto 0;
    }

    .qz-content-block {
      max-width: 700px;
      margin: 0 auto;
    }

    .qz-clearfix::after {
      content: '';
      display: table;
      clear: both;
    }

    /* Fade transition */
    .qz-fade-in {
      animation: qzFadeIn 0.3s ease;
    }

    @keyframes qzFadeIn {
      from { opacity: 0; transform: translateY(8px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    /* team section */


.team-tag{
display: inline-block;
    padding: 6px 14px;
    border: 1px solid #E62C5E;
    color: #E82C68;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 15px;
    background: #ffe6ef;
}

.team-title{
font-size:42px;
font-weight:700;
}

.team-desc{
color:#424242;
max-width:575px;
}

.team-card{
background:linear-gradient(135deg,#8b1d5c,#c12d71);
color:#fff;
padding:30px;
border-radius:14px;
text-align:center;
height:100%;
min-height: 346px;
}

.doc-avatar{
width:100px;
height:100px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 15px;
}
.owl-carousel .owl-item img{
    /* width: 28px; */
    width: 100px;
    height: 100px;
    border-radius: 100%;
    
}


.doc-avatar img{
width:28px;
}

.team-card h5{
font-weight:700;
margin-bottom:5px;
font-size:16px;
}

.doc-role{
font-weight: 700;
    display: block;
    font-size: 12px;
}

.doc-exp{
        margin-top: 7px;
    padding: 5px 10px;
    background: #FFFFFF1A;
    display: inline-block;
    border-radius: 12px;

font-size:12px;

margin-bottom:10px;
}

.doc-desc{
font-size:12px;
line-height:1.6;
margin-bottom:18px;
}

.btn-appoint{
    width: 100%;
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 9px;
    border-radius: 20px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 700;
}
.btn-appoint:hover{
    width: 100%;
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 9px;
    border-radius: 20px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 700;
}

/* awareness section */
.excellence-section{
padding: 50px 0px;
}
.risk-section{
  padding: 50px 0px;
}

.excellence-tag{
display: inline-block;
    padding: 6px 14px;
    border: 1px solid #E62C5E;
    color: #E82C68;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 15px;
    background: #ffe6ef;
}

.excellence-title{
font-size:42px;
font-weight:700;
margin-bottom:10px;
}

.excellence-desc{
color:#424242;
max-width:600px;
}

.excellence-card{
background:#eeeeee;
padding:22px;
border-radius:12px;
height:100%;
}

.excellence-card h3{
 color: #962067;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 10px;
}

.excellence-card h6{
font-weight:700;
font-size:13px;
margin-bottom:8px;
}

.excellence-card p{
font-size:12px;

}

/* footer */
.custom-footer{
background:#962067;
color:#fff;
font-family:Segoe UI;
}

.alert-bar{
background:#ffe6ef;
color:#ff6d6d;
font-size:14px;
padding:8px 20px;
text-align:center;
}

.footer-inner{
display:flex;
gap:60px;
padding:50px 0;
flex-wrap:wrap;
}

.footer-col{
flex:1;
min-width:200px;
}

.footer-col h4{
font-size:16px;
font-weight:700;
margin-bottom:15px;

}

.footer-col ul{
list-style:none;
padding:0;
margin:0;
}

.footer-col ul li{
font-size:13px;
margin-bottom:10px;
opacity:0.9;
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.2);
padding:25px 0;
}

.footer-bottom p{
font-size:11px;
opacity:0.8;

}

.hashtags{
margin-top:15px;
}

.hashtags span{
    background: #a7347a;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 11px;
    margin-right: 8px;
    margin-bottom: 8px;
}

@media only screen and (max-width: 1080px) {
  .hero-section{
  background-image: url('images/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-position: 20% ;
}
section.hero-section {
    position: relative;
}
section.hero-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fde4ea;
    content: "";
    opacity: .9;
}
.hero-title {
    font-size: 52px;
    font-weight: 700;
    color: #1f2937;
}
}

@media only screen and (max-width: 767px) {
.fixed-navbar{display: none !important;}
  
  .footer-inner{
    gap: 15px;
  }
    .alert-bar{
      text-align: start;
    }
    .risk-card{
        margin-bottom: 20px;
    }
    .myth-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
}
.kidney-excellance {
    padding: 0px 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 18px;
}
.excellence-card{
    margin-bottom: 20px;
}
.excellence-card{
  padding: 13px;
}
.excellence-card h3{
  font-size: 24px;
}
.excellence-card h6 {
  font-size: 11px;
}
.excellence-card p {
    font-size: 10px;
}
.footer-inner{
    padding: 40px 15px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 25px 15px;
}
.hero-title {
    font-size: 27px;
    font-weight: 700;
    color: #1f2937;
}
.doc-desc{
  margin-bottom:0px;
}
.hero-desc {
    max-width: 596px;
    margin: auto;
    margin-top: 15px;
    color: #424242;
    font-size: 14px;
}
.hero-btn a{
    margin-bottom:20px;
    width:100%;
}
.col-md-2.col-6 {
    padding: 20px;
}
.hero-section {
    padding: 110px 0px 50px 0px;}
    .risk-title{
    font-size: 26px;}
    .section-title{
       font-size: 26px;  
    }
     .qz-main-heading{
       font-size: 26px;  
    }
    .title{
       font-size: 26px;   
    }
    .team-title{
        font-size: 26px;  
    }
    .excellence-title {
        font-size: 26px;  
    }
    .navright a {
    font-size: 10px;}
    .text-header h1 {
    font-size: 10px;}
.text-header p {
    font-size: 8px;}
    .stats {
    margin-top: 0px;
}
.risk-card{
  margin-right: 0px !important;
}
.hero-section{
  padding-bottom: 25px;
}
.risk-section {
    padding: 25px 0px;
}
.myth-section {
    padding: 25px 0;
}
.qz-page-bg {
    padding: 25px 0px;
}
.ask-section {
    padding: 25px 0;
}
.ask-card {
  padding: 20px;
}
.team-section {
    padding: 25px 0px;
}
.excellence-section {
    padding: 25px 0px;
}
.hero-tag {
  font-size: 8px;
}
section.hero-section {
    position: relative;
}
section.hero-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fde4ea;
    content: "";
    opacity: .9;
}

.hero-section{
  background-image: url('images/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-position: 20% ;
}

}
@media only screen and (max-width: 370px){
    .navright a {
        font-size: 7px;
    }
    .text-header h1 {
        font-size: 8px;
    }
    .text-header p {
        font-size: 6px;
    }
    .qz-question-text {
    font-size: 11px;}
    .hero-section{
  background-image: url('images/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-position: 20% ;
}
}

@media (min-width: 990px) and (max-width: 1280px) {
    .risk-card{
      min-height: 342px;
      
    }
}
.text-dark{
    color: white !important;
    text-decoration: none;
}
.hashtags span a {
   text-decoration: none;
}
.read-more{
display:none;
}

.read-more-btn{
cursor:pointer;
color:#D62828;
font-weight:500;
}

/* Tablets */
@media (min-width: 768px) and (max-width: 992px) {
  .hero-section {
    padding: 120px 0px 50px 0px;}
    .risk-card {        
      min-height: 433px;
      padding: 22px;}
      .myth-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.stat-text {
    font-size: 10px;}
.kidney-excellance{
  grid-template-columns: repeat(3, 1fr);
}
}

.desktop-only-menu{
    display: none !important;
}
.mb-0.font-bold.font-segoe.text-dark p a {
 
    color: black !important;
}
.hero-section {padding: 130px 0px 40px 0px;}
   
.header-call-content p, .header-call-content p a { color: #666 !important;}