/* ============Made By Shahira Shukor================= */
/* ============================= */
/* GLOBAL  SECTION*/
/* ============================= */

.feed-icon {display:none;}
.text-dark {color: #000 !important;}
.btn-blue {text-align:center;}
.btn-col {text-align:center;}
.row-wrapper{ justify-content:center;}


.breadcrumb {display:none;}


.gap{margin-top: 25px;}



.border-line {border-bottom: 1px solid #DDD;
 margin-bottom: 20px;
}


.header-one__right > div {
    margin-left:0 !important;
}

.search-one__box {
    padding-left: 25px;
    border-left: none !important; }

.block-search .search-block-form input.form-search {
    height: 60px !important;
   
}

.block-search .search-block-form input.search-form__submit {
    
    height: 39px !important;
    
}

.white-color {color:#fff;}
.text-para {line-height:0.78em;}


/* ============================= */
/* WHATSAPPS SECTION*/
/* ============================= */

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 58px;
    height: 58px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.08);
}

@media (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
    }
}




/* ============================= */
/* HEADER AND TOP  SECTION*/
/* ============================= */

.header-one__right {

 margin: 20px 0 20px 0;
}


@media (max-width: 1024px) {

.gva-offcanvas-mobile .gva-navigation .gva_menu > li:last-child > a {
          color: #fff !important;
           
}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
        display: block;
        width: 100%;
        line-height: 32px;
        font-size: 17px;
        padding: 12px 24px !important;
        font-weight: 700;
        font-family: var(--modins-heading-font-family);
    }
}


@media (min-width: 992px) {

    .menu-810d2db7,
    .menu-4ae599c9,
    .menu-aa07347a,
    .menu-a13ee8a1 {
        display: none !important;
    }


}

@media (max-width: 1198px) {
    .custom-topbar-menu {
        display: none !important;
    }
     
}


@media (max-width: 991px){
.topbar {padding:17px;}

}


.topbar__right .gva_menu li a{
    color: #ffffff !important;
}

.topbar__right .gva_menu li a:hover{
    color: #e0bf1d !important;
}
.topbar__content .sub-menu > li > a {color: #82828a !important;}

.menu-490d9267 a {

  display: inline-block;
  background: #0072bc;
  color: #fff !important ;
  padding: 12px 24px !important;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  text-align:center;
 
}

.menu-490d9267 a:hover {
   color: #d4e7ef;
  }




/* ============================= */
/* FIND A CONSULTANT SECTION  */
/* ============================= */

.department-category {
    padding: 11px 16px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    margin-top: 28px;
    border-radius: 16px;
    border: 1px solid #E5E7EB;

    display: flex;
    align-items: center;
    gap: 12px;
}

.department-category .item-image img 
{border-radius: 18px; 
padding: 9px; 
background: #EEF7FA; }


/* Title */
.department-title {
    margin: 0;
    flex: 1;

    font-size: 16px;
    line-height: 1.4;
    font-family: "Noto Sans";
    color: #1A1A1A;

    word-break: normal;
    overflow-wrap: break-word;
}

/* Link */
.department-title a {
    text-decoration: none;
    color: inherit;
}


/* Card wrapper */
.doctor-card {

  padding:19px;
  
}

/* LEFT */
.doctor-image-wrapper {
  position: relative;
   overflow: hidden;
}

.doctor-image-wrapper img {
  width:360px;
  object-fit: cover;
  border-radius: 20px
}

/* Badge on image */
.doctor-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background:#F0FBFF;
  color: #0072bc;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 20px;
  font-weight: 600;
}

/* RIGHT */
.doctor-name {
  font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
}

.doctor-department {
  display: inline-block;
  background: #e8f4ff;
  color: #0072bc;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  margin-bottom: 20px;
 font-weight: 600;
}




/* Sections */

.doctor-section {
  margin-top: 25px;
  color: #000;
}

.doctor-section h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Schedule table */
.doctor-schedule {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  border-collapse: collapse;
 color: #000;
}

.doctor-schedule th {
  background: #0072bc;
  color: #fff;
  padding: 10px;
  font-size: 14px;
}

.doctor-schedule td {
  padding: 10px;
  font-size: 14px;
  background: #f4fbff;
}

.doctor-schedule tr:nth-child(even) td {
  background: #eef8ff;
}

/* Button */

.doctor-btn {
  display: inline-block;
  margin-top: 25px;
  background: #0072bc;
  color: #fff;
  padding: 12px 24px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 20px;
}


    .doctor-btn:hover {
     color: #d4e7ef;
    }

    .doctor-title {
    color: #09487B;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
     margin-top: 40px;}

     .consultant-title  {
      color: #545459;
      text-align: center;
      font-family: "Noto Sans";
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
       margin-top:15px;}

     .find-consultant {margin-top: 30px;display: grid;
     align-content: center;
    justify-content: center;}

    
/* Mobile */
   @media (max-width: 767px) {
  .doctor-image-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
     }

/* divider */

.consultant-divider {
  width: 100%;
  height: 2px;
  background: #D9D9D9;
  margin: 31px 0;
}



/* add-on */

/* SINGLE NODE PAGE ONLY - DESKTOP */
@media (min-width: 768px) {
  body:not(.path-taxonomy) .find-consultant-node .doctor-card.row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 23px;
    align-items: flex-start;
  }

  body:not(.path-taxonomy) .find-consultant-node .doctor-left {
    flex: 0 0 35% !important;
    max-width: 35% !important;
    width: 35% !important;
  }

  body:not(.path-taxonomy) .find-consultant-node .doctor-right {
    flex: 0 0 65% !important;
    max-width: 65% !important;
    width: 65% !important;
  }

  body:not(.path-taxonomy) .find-consultant-node .doctor-image-wrapper img {
    width: 100% !important;
    max-width: 320px;
    height: auto;
  }
}

/* SINGLE NODE PAGE ONLY - MOBILE */
@media (max-width: 767px) {
  body:not(.path-taxonomy) .find-consultant-node .doctor-card.row {
    display: block !important;
  }

  body:not(.path-taxonomy) .find-consultant-node .doctor-left,
  body:not(.path-taxonomy) .find-consultant-node .doctor-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body:not(.path-taxonomy) .find-consultant-node .doctor-image-wrapper {
    max-width: 260px;
    margin-bottom: 25px;
  }

  body:not(.path-taxonomy) .find-consultant-node .doctor-image-wrapper img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
  }
}


/* ============================= */
/* SERVICES SECTION */
/* ============================= */


.services,
.conditions {
  margin-bottom: 30px;
}

.services h2,
.conditions h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.services ul,
.conditions ul {
  list-style: disc;
  margin-left: 20px;
}


/* ============================= */
/* RELATED SECTION */
/* ============================= */

.related-wrapper {
  background: #d9ecf6;
  padding:40px 8px

 }

.related-articles {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.related-articles h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
 
}

/* Force horizontal layout */
.related-tags,
.field--name-field-related-article {
  display: flex !important;
  flex-wrap: wrap;
  gap: 15px;
}

.field--name-field-related-article ul {
  display: flex;
  gap: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.field--name-field-related-article .field__item,
.field--name-field-related-article li {
  display: inline-block;
}

/* Pills */
.field--name-field-related-article a {
  background: #ffffff;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 14px;
  text-decoration: none;
  color: #1e2b4d;
  border: 1px solid #cfe3ef;
  transition: all 0.3s ease;
}

.field--name-field-related-article a:hover {
  background: #1e2b4d;
  color: #ffffff;
}




/* ============================= */
/* HEALTHCARE SECTION */
/* ============================= */

.healthcare-card {
    background: #fff;
    padding: 15px 24px;
}

.healthcare-image img {
       border-radius: 10px;
}

.healthcare-title {
    font-size:20px;
    font-weight: 600;
    margin-top: 15px;
}

.healthcare-link a {
    color:#09487B;
    text-decoration: none;
    font-weight: 500;
}

.healthcare-link a:hover {
    text-decoration: underline;
}



/* ============================= */
/* TABLE  SECTION */
/* ============================= */

/* ==News table only== */

/* =========================
   Desktop Table
========================= */
.cols-0 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: -22px;
}

/* Column widths */
.cols-0 th:nth-child(1),
.cols-0 td:nth-child(1) {
  width: 17%;
}

.cols-0 th:nth-child(2),
.cols-0 td:nth-child(2) {
  width: 17%;
}

.cols-0 th:nth-child(3),
.cols-0 td:nth-child(3) {
  width: 66%;
}

/* Table cells */
.cols-0 th,
.cols-0 td {
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

/* Header */
.cols-0 th {
  font-weight: 700;
  border-bottom: 2px solid #ddd;
}

/* Desktop alternate row colors */
.cols-0 tbody tr:nth-child(odd) {
  background-color: #F0FBFF;
}

.cols-0 tbody tr:nth-child(even) {
  background-color: #ffffff;
}


/* =========================
   Mobile Card Layout
========================= */
@media (max-width: 767px) {

  /* Hide header on mobile */
  .cols-0 thead {
    display: none;
  }

  .cols-0,
  .cols-0 tbody,
  .cols-0 tr,
  .cols-0 td {
    display: block;
    width: 100% !important;
    max-width: 100%;
  }

  /* Card style */
  .cols-0 tr {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
  }

  /* Mobile alternate colors */
  .cols-0 tbody tr:nth-child(odd) {
    background-color: #F0FBFF;
  }

  .cols-0 tbody tr:nth-child(even) {
    background-color: #ffffff;
  }

  /* Reset cell styles */
  .cols-0 td {
    border: none;
    padding: 6px 0;
    word-break: normal;
    overflow-wrap: break-word;
    white-space: normal;
  }

  /* Labels */
  .cols-0 td:nth-child(1)::before {
    content: "Date:";
    font-weight: 700;
    display: block;
    margin-bottom: 4px;
  }

  .cols-0 td:nth-child(2)::before {
    content: "Media:";
    font-weight: 700;
    display: block;
    margin-bottom: 4px;
  }

  .cols-0 td:nth-child(3)::before {
    content: "Title:";
    font-weight: 700;
    display: block;
    margin-bottom: 4px;
  }

}


/* ==Research== */


   {
    width: 100%;
    border-collapse: collapse;
}

.research-dates-table td {
    padding: 18px 20px;
    border: 1px solid #ddd;
}

/* Alternate row colors */
.research-dates-table tr:nth-child(odd) {
    background-color: #F0FBFF;
}

.research-dates-table tr:nth-child(even) {
    background-color: #ffffff;
}


/* Mobile View */
@media (max-width: 768px) {
   
     table {border: 0px solid #dee2e6 !important;}


    .research-dates-table,
    .research-dates-table tbody,
    .research-dates-table tr,
    .research-dates-table td {
        display: block;
        width: 100%;
    }

    .research-dates-table tr {
        margin-bottom: 20px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #ddd;
    }

    .research-dates-table td {
        text-align: left !important;
        border: none;
        border-bottom: 1px solid #eee;
        padding: 12px 15px;
    }

    .research-dates-table td:last-child {
        border-bottom: none;
    }

       .research-dates-table td::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        margin-bottom: 5px;
        color: #333;
    }
  
}



/* ============================= */
/* ARTICLE SECTION
/* ============================= */



.medical_and_surgical_services .card-wrapper {
  position: relative;
  background: #F0FBFF;
  border-radius: 24px;
  overflow: hidden;
   width: 100%;}

.medical_and_surgical_services .post-image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

.medical_and_surgical_services .icon-wrapper {
    position: absolute;
    top: 210px;
    left: 24px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 8px solid #FFF;
    background: #F4F3F8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10);
  }

.medical_and_surgical_services .icon-wrapper img {
  width: 32px;
  height: 32px;
}

.medical_and_surgical_services .post-content {
  padding:26px 24px 18px;}

.medical_and_surgical_services .post-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

.medical_and_surgical_services .post-title a {
   color: #09487B;
    font-weight: 700;
    font-size: 20px;}

.medical_and_surgical_services .post-description {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 16px;
  line-height: 1.6;
}

.medical_and_surgical_services .read-more {
  font-size: 14px;
  font-weight: 600;
  color: #0077b6;
  text-decoration: none;
}

.medical_and_surgical_services .read-more i {
  margin-left: 6px;
}

.read-more {
  font-size: 15px;
  font-weight: 600;
  color: #0d5c8b;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}



.post-right img {
   display: block;
  float: right;
  width: 500px;
  padding:10px;
  height:337px;
  border-radius:20px;


}

.post-block {
  font-family: Arial, sans-serif;
  color: #1e2b4d;
}

.post-container {
  max-width: 1200px;
  margin: 0 auto;
 padding: 40px 20px;}




/* Title */
.post-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}



@media (max-width: 991px) {

  .post-container {
    padding: 8px 18px;    }

  .post-top {
    flex-direction: column;
    gap: 30px;
  }

  .post-left,
  .post-right {
    flex: 1 1 100%;
    
  }

  .post-right img {
    border-radius:20px;
   align-items:center;
  height: 265px;
  }

  .post-bottom {
    margin-top: 40px;
  }

  .related-articles {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
   
}

@media (max-width: 576px) {

  .post-container {
    padding: 8px 18px;  /* Extra safe mobile padding */
  }

  .post-title {
    font-size: 22px;
  }

  .field--name-field-related-article a {
    font-size: 13px;
    padding: 6px 16px;
  }

}


/* ==Article Additional==  */



.ed-notice-box {
    background: linear-gradient(90deg, #005b8f 0%, #007ea7 100%);
    text-align: center;
    padding: 57px 20px;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

.ed-notice-box h3 {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}

.ed-notice-box p {
    margin: 0;
    font-size: 16px;
    color: #fff;
    opacity: 0.95;
}

/* Mobile */
@media (max-width: 768px) {
    .ed-notice-box {
        padding: 20px 15px;
       }

    .ed-notice-box h3 {
        font-size: 16px;
    }

    .ed-notice-box p {
        font-size: 11px;
    }
}



/* ==Nephrology Article==  */


/* =========================
   WHY CHOOSE SECTION
========================= */

.why-choose-section {
  background: #00699d;
  padding: 70px 20px;
  text-align: center;
}

.why-choose-section h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 50px;
}

/* =========================
   SLIDER WRAPPER
========================= */

.why-slider-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

/* =========================
   SLIDER
========================= */

.why-slider {
  display: flex;
  gap: 28px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 10px;
}

.why-slider::-webkit-scrollbar {
  display: none;
}

/* =========================
   CARD
========================= */

.why-card {
  flex: 0 0 calc(33.333% - 19px);
  background: #fff;
  border-radius: 8px;
  padding: 30px 22px;
  text-align: left;
  box-sizing: border-box;
  height: 222px;  
 transition: 0.3s;
}

.why-card.active {
  background: #d9f3ff;
}

.why-card img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 18px;
}

.why-card span {
  display: block;
  width: 18px;
  height: 2px;
  background: #004b87;
  margin-bottom: 14px;
}

.why-card h4 {
  font-size: 15px;
  line-height: 1.7;
  color: #004b87;
  font-weight: 600;
  margin: 0;
}

/* =========================
   ARROWS
========================= */

.why-arrow {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 34px;
  height: 52px;
  border: none;
  background: #fff;
  color: #00699d;
  font-size: 30px;
  border-radius: 4px;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: 0.3s;
}

.why-arrow:hover {
  background: #f5f5f5;
}

.why-prev {
  left: -20px;
}

.why-next {
  right: -20px;
}

/* =========================
   BUTTON
========================= */

.brochure-btn {
  display: inline-block;
  margin-top: 55px;
  background: #d9f3ff;
  color: #004b87;
  padding: 14px 30px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}

.brochure-btn:hover {
  background: #ffffff;
}

/* =========================
   PANEL SECTION
========================= */

.panel-section {
  background: #d9f3ff;
  padding: 80px 20px;
  text-align: center;
}

.panel-section h2 {
  color: #004b87;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 60px;
}

/* =========================
   PANEL GRID
========================= */

.panel-grid {
  max-width: 1251px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 70px;
  column-gap:213px;
  align-items: center;
justify-content: center;
}

.panel-item {
  text-align: center;
}

.panel-item:nth-child(1) {
  grid-column: 1 / 3;
}

.panel-item:nth-child(2) {
  grid-column: 3 / 5;
}

.panel-item:nth-child(3) {
  grid-column: 5 / 7;
}

.panel-item:nth-child(4) {
  grid-column: 2 / 4;
}

.panel-item:nth-child(5) {
  grid-column: 4 / 6;
}

.panel-item img {
  max-width: 170px;
  height: 95px;
  object-fit: contain;
  margin: 0 auto 18px;
  display: block;
}/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

  .why-card {
    flex: 0 0 calc(50% - 14px);
  }

  .panel-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

  .why-choose-section,
  .panel-section {
    padding: 50px 15px;
  }

  .why-choose-section h2,
  .panel-section h2 {
    font-size: 24px;
    margin-bottom: 35px;
  }

  .why-card {
    flex: 0 0 100%;
    min-height: auto;
  }

  .why-prev {
    left: 0;
  }

  .why-next {
    right: 0;
  }

  .why-arrow {
    width: 36px;
    height: 36px;
    font-size: 24px;
  }

   .panel-grid {
    grid-template-columns: 1fr;
  }

  .panel-item {
    grid-column: auto !important;
  }

  .panel-item img {
    max-width: 150px;
  }

}














/* ===Contact section article== */



.contact-wrapper { padding: 18px }

.contact-section {
  display: flex;
  gap: 46px;
 align-items: center;
  
}

.contact-map {
    display: flex;
    flex: 1 1 40%;
    align-content: center;
}

.contact-map iframe {
  width: 100%;
  height: 400px;
  border-radius: 20px;
  display: block;
   height: 300px;
}

.contact-us {
 flex: 1 1 50%;
   
}

.contact-us h2 {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

.contact-us p {
  margin-bottom: 12px;
  line-height: 1.6;
}

 .contact-title {
        color: #82828A;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 6px;
    }

    .contact-number {
        display: block;
        color: #09487B;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-decoration: none;
        margin-bottom: 2px;
    }

    .contact-number:hover {
        text-decoration: underline;
    }

/* Mobile */
@media (max-width: 768px) {
  
  .contact-section {
    flex-direction: column; /* map on top, content below */
    gap: 25px;
    align-items: stretch;
  }

  .contact-map,
  .contact-us {
    flex: 100%;
    width: 100%;
  }

  .contact-map iframe {
    width: 100%;
    height: 250px; /* smaller for mobile */
  }

  .contact-us {
    text-align: left; /* or center if you prefer */
  }

  .contact-us h2 {
    margin-bottom: 15px;
  }
}

/* ==Allied Health Services== */


.services-two-column {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 20px 0;
}

.services-two-column .service-column {
    flex: 1;
    min-width: 280px;
}

.services-two-column h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 24px;
}

.services-two-column ul {
    padding-left: 20px;
    margin: 0;
}

.services-two-column li {
    margin-bottom: 8px;
    line-height: 1.5;
}

/* Mobile */
@media (max-width: 768px) {
    .services-two-column {
        display: block;
    }

    .services-two-column .service-column {
        margin-bottom: 25px;
    }
}



/* Main container */
.rehab-services {
  font-family: Arial, sans-serif;
  color: #1d2b4f;
  line-height: 1.8;
}

/* Main category */
.service-title {
  margin: 20px 0 10px;
  font-size: 28px;
}

/* Occupational Therapy */
.occupational-list {
   margin-left: 30px;
  margin-bottom: 30px;
}

.occupational-list ul {
  margin: 0;
  padding-left: 20px;
}

/* Speech Therapy */
.speech-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-left: 30px;
}

.speech-block ul {
  margin-top: 10px;
  padding-left: 20px;
}

.speech-block strong {
  font-size:16px;
  color: #1d2b4f;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .occupational-list,
  .speech-wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}






/* ==24/7 Emergency== */


.ambulance-box {
   width: 481px;
    border: 2px solid #c62828;
    background: #fff;
    padding: 25px 20px;
    text-align: center;}

.ambulance-box .top-text{
    font-size: 12px;
    font-weight: 600;
    color: #1d2b5c;
    margin-bottom: 15px;
}

.ambulance-box .phone{
    font-size: 28px;
    font-weight: 700;
    color: #b71c1c;
    line-height: 1.3;
    margin-bottom: 15px;
}

.ambulance-box .subtitle{
    font-size: 16px;
    color: #1d2b5c;
    margin-bottom: 12px;
}

.ambulance-box .desc{
    font-size: 14px;
    line-height: 1.5;
}

/* mobile */
@media (max-width: 991px){
    .ambulance-box{
        margin-right: 0;
        margin-left: 0;
        width: 100%;
            }
}

.team-section {
    background: #dff1fb;
    padding: 70px 20px;
}

.team-container {
    max-width: 1200px;
    margin: 0 auto;
}

.team-main-title {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    color: #0d4b87;
    margin-bottom: 50px;
}

.team-grid {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.team-card {
    background: #ffffff;
    border-radius: 25px;
    padding: 30px;
    width: 100%;
    max-width: 340px;
    box-sizing: border-box;
    min-height: 350px;
}

.team-card h3 {
    font-size: 28px;
    font-weight: 700;
    color: #0d4b87;
    margin-bottom: 20px;
}

.team-card ul {
    margin: 0;
    padding-left: 20px;
}

.team-card ul li {
    font-size: 17px;
    line-height: 1.8;
    color: #555555;
    margin-bottom: 8px;
}

/* Tablet */
@media (max-width: 991px) {
    .team-card {
        max-width: 48%;
    }

    .team-main-title {
        font-size: 32px;
    }

    .team-card h3 {
        font-size: 24px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .team-card {
        max-width: 100%;
        min-height: auto;
    }

    .team-main-title {
        font-size: 28px;
    }

    .team-card h3 {
        font-size: 22px;
    }

    .team-card ul li {
        font-size: 16px;
    }
}

.acute-care-section {
    padding: 70px 20px;
    background: #ffffff;
}

.acute-care-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;}

.acute-main-title {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #0d4b87;
    margin-bottom: 50px;
}

/* Knowledge Box */
.knowledge-box {
    background: #e7f4fb;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 50px;
}

.knowledge-box h3 {
    font-size: 28px;
    color: #0d4b87;
    font-weight: 700;
    margin-bottom: 15px;
}

.knowledge-box p {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 10px;
}

/* Department Section */
.department-main-title {
    font-size: 34px;
    color: #0d4b87;
    font-weight: 700;
    margin-bottom: 35px;
}

.department-item {
    margin-bottom: 35px;
}

.department-item h4 {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.department-item p,
.department-item ul li {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
}

.department-item ul {
    padding-left: 25px;
    margin-top: 10px;
}

/* Tablet */
@media (max-width: 991px) {

    .acute-main-title {
        font-size: 34px;
    }

    .department-main-title {
        font-size: 28px;
    }

    .knowledge-box h3,
    .department-item h4 {
        font-size: 22px;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .acute-main-title {
        font-size: 28px;
    }

    .department-main-title {
        font-size: 24px;
    }

    .knowledge-box {
        padding: 20px;
    }

    .knowledge-box h3,
    .department-item h4 {
        font-size: 20px;
    }

    .knowledge-box p,
    .department-item p,
    .department-item ul li {
        font-size: 16px;
    }
}

.ed-unit-section{
    background:#dcecf6;
    padding:70px 20px;
}

.ed-container{
    max-width:1400px;
    margin:auto;
}

.ed-wrapper{
    display:flex;
    gap:40px;
    align-items:flex-start;
}

/* LEFT */
.ed-content{
    flex:1;
}

.ed-content h2{
    font-size:42px;
    font-weight:700;
    color:#004b87;
    margin-bottom:10px;
}

.sub-text{
    color:#666;
    margin-bottom:30px;
}

/* RIGHT */
.ed-image{
    width:42%;
}

.ed-image img{
    width:100%;
    border-radius:25px;
    display:block;
}

/* ACCORDION */
.gsc-accordion .panel{
    background:#fff;
    border-left:4px solid #005c99;
    margin-bottom:12px;
}

.gsc-accordion .panel-title{
    margin:0;
}

.gsc-accordion .panel-title a{
    display:block;
    padding:22px 25px;
    text-decoration:none;
    color:#005c99;
    font-size:18px;
    font-weight:600;
    position:relative;
}

/* Arrow circle */
.gsc-accordion .panel-title a::after{
    content:"›";
    position:absolute;
    right:5px !important;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    border-radius:50%;
    background:#005c99;
    color:#fff;
    text-align:center;
    line-height:34px;
    font-size:22px;
}



/* MOBILE */
@media(max-width:991px){

    .ed-wrapper{
        flex-direction:column;
    }

    .ed-image{
        width:100%;
    }

    .ed-content h2{
        font-size:30px;
    }

}



* ============================= */
/* FACILITIES */
/* ============================= */



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

.facility-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.3s ease;
}

.facility-card:hover {
  transform: translateY(-5px);
}

.facility-image img {
  width: 100%;
   object-fit: cover;
  border-radius: 14px;
}

.facility-content {
  padding: 15px 10px;
}

.facility-title {
  font-size: 18px;
  font-weight: 600;
  color: #09487B;
  margin-bottom: 8px;
}

.facility-description {
  font-size: 14px;
  color: #6c757d;
  line-height: 1.5;
}

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

@media (max-width: 576px) {
  .facilities-grid {
    grid-template-columns: 1fr;
  }
}


* ============================= */
/* HEALTH INFORMATION */
/* ============================= */

/* image */
 .item-image  img {
  width: 100%;
  height:400px;  
  border-radius:20px;
}

.health-body{

padding: 40px 0 40px 0;
    text-align: justify;
}

.img-fixed {
  width: 100%;
  height:298px; border-radius: 8px;   }

.img-deco {
  width: 100%;
  height:165px; border-radius: 8px;   }



/* Responsive */
@media (max-width: 992px) {
.img-fixed {
padding-bottom:20px;  }

 .img-deco {padding-bottom:20px;height: 100%; }

.health-image img { height: 270px; }


}

@media (max-width: 576px) {
.img-fixed { padding-bottom:20px;  }

  .img-deco {  padding-bottom:20px;}

.health-image img {height: 270px;  }

}



/* ============================= */
/* CMET */
/* ============================= */

.description {
  text-align: justify;
}
.image-box img {
  border-radius: 20px;
  width: 100%;
}

.brochure-section h3 {
  font-weight: 600;
  color: #0d4f75;
  font-size: 30px;
}

.pdf-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #0d5c86;
  color: #fff;
  padding: 14px 18px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
}

.pdf-card:hover {
  background: #084a6b;
}

.pdf-icon {
  margin-right: 10px;
}

.pdf-title {
  flex: 1;
  font-size: 18px;
}

.arrow {
  font-size: 20px;
}


/* ============================= */
/* VIDEOS */
/* ============================= */


.button, .btn, .btn-white, .btn-theme, .btn-black, .btn-theme-second, .more-link a, .btn-theme-submit, .btn-theme-outline {
    font-size: 16px;
    height: 50px;
    margin-top: 20px;


}

.videos img { border-radius:20px;}

.video-card {
  padding-top:14px;

}

.video-card iframe {
  width: 100%;
  height: 300px; 
  border-radius: 10px;
}


/* ============================= */
/* EVENTS */
/* ============================= */


/* Gallery spacing */
.gallery-grid {
  margin-top: 20px;
}

/* Each card */
.gallery-item {
  width: 100%;
  height: 220px; /* SAME HEIGHT */
  overflow: hidden;
  border-radius: 6px;
}

/* Image styling */
.gallery-item img {
  width: 100%;
  height:303px;
  object-fit: cover;
  display: block;
}

.event-block-2 .event-image {
    width: 370px;
  }



.event-image  img {
   border-radius:20px;
   width: 100%;
   height:233px;

  }

.event-block-2 .event-image .event-date {
    line-height: 0.07;
    padding-top: 14px;
    background: #01629D;
    top: 27%;
    right: 55px;
    margin-top: -62px;
    color: #fff;
}



/* ============================= */
/* SPOTLIGHT SECTION */
/* ============================= */


.spotlight-image  img {
   border-radius:20px;
    height:377px;

  }


.event-block-2 .event-image {
    width: 320px;
    float: left;
    position: relative;
    z-index: 1;
}

.spotlight-block-2 .spotlight-image .event-date {
    line-height: 0.07;
    padding-top: 14px;
    background: #01629D;
    top: 27%;
    right: 55px;
    margin-top: -62px;
    color: #fff;
}


.spotlight-block-2 {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #dee2e6;
}



.spotlight-block-2 .post-title {
    font-size: 20px;
    margin-bottom: 15px;
}

@media (max-width: 540px) {
    .spotlight-block-2 {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

 .spotlight-block-2  .spotlight-image {
        width: 100%;
        margin-bottom: 15px;
    }

}




/* ============================= */
/* SERVICES HOMEPAGE SECTION*/
/* ============================= */



/* Grid container */
.services-grid .view-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

/* Remove Drupal row margin */
.services-grid .views-row {
    margin: 0 !important;
}

/* Card */
.service-card {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #E5EAF0;
    border-radius: 12px;
    background: #fff;
    text-decoration: none !important;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.service-icon img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.service-icon {
background: #EEF7FA;
    padding: 13px;
    border-radius: 13px;}

.service-title {
    color: #222;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

/* Tablet */
@media (max-width: 991px) {
    .services-grid .view-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .services-grid .view-content {
        grid-template-columns: 1fr;
    }
}






/* ============================= */
/* FOOTER SECTION*/
/* ============================= */

.gsc-socials a i {
    color: #3d3d73 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

#footer .gsc-socials a i {
    width: 42px;
    height: 42px;
    background: #fff !important;
}
.contact-row {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 28px;
}

.contact-icon img {
  min-width: 24px;}


/* Google Map Button */
.map-button-wrapper {
    margin-left: 45px;
    margin-bottom: 35px;
}

.google-map-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 25px;
    border: 2px solid #ffffff;
    border-radius: 50px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    transition: 0.3s;
}


.google-map-btn:hover {
    opacity: 0.85;
}


/* Make a Apponitnment Button */

.apps-button-wrapper {
    margin-left: 45px;
    margin-bottom: 35px;
}

.apps-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 25px;
    border: 2px solid #ffffff;
    border-radius: 50px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    transition: 0.3s;
}


.apps-btn:hover {
    opacity: 0.85;
}



/* Mobile */
@media (max-width: 767px) {

    .contact-row {
        gap: 12px;
    }

    .contact-icon img {
        width: 22px;
        height: 22px;
    }

    .contact-text {
        font-size: 16px;
    }

    .map-button-wrapper {
        margin-left: 34px;
    }

    .google-map-btn {
        font-size: 16px;
        padding: 10px 18px;
    }

 .apps-button-wrapper {
        margin-left: 34px;
    }

    .apps-btn {
        font-size: 16px;
        padding: 10px 18px;
    }


}

.footer-en,
.footer-id,
.footer-zh,
.footer-ms {
  display: none;
}

/* English */
html[lang="en"] .footer-en {
  display: block;
}

/* Indonesia */
html[lang="id"] .footer-id {
  display: block;
}

/* Chinese */
html[lang="zh"] .footer-zh,
html[lang="zh-hans"] .footer-zh {
  display: block;
}

/* Malay */
html[lang="ms"] .footer-ms {
  display: block;
}


/* Services and Procedures Offered */


.service-one__image {padding-bottom: 20px; }
.owl-carousel .owl-item img {
   width:60px; height:60px;}

.service-one__title {
    font-size: 20px;
    margin: 28px 0 10px !important; 
    letter-spacing: -0.8px;
}

.service-one__single {
        height: 287px !important;
}



.owl-carousel .owl-item img {
       margin-top: 20px;
}



@media (min-width: 768px) {
    .service-one__single {
        min-height: 0px !important;
    }
}





/* ============================= */
/* BANNER SECTION*/
/* ============================= */


.hero-slider {
    position: relative;
    width: 100%;
    height: 650px; /* adjust here */
    overflow: hidden;
}

.hero-slider .slides {
    display: flex;
    height: 100%;
    transition: transform .5s ease;
}

.hero-slider .slide {
    min-width: 100%;
    height: 100%;
}

.hero-slider img,
.hero-slider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}