/*
Theme Name: Medibo Child
Theme URI: http://demo.bravisthemes.com/medibo/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Medibo is a stunning, professional and flexible Healthcare, Medical, Hospital And Clinic multi purpose WordPress theme. Medibo based on in-depth research into Medical, Medical Care, Doctor, Healthcare, Health Care, Healthcare, Hospital, Medicine, Dental, Dentist, Pharmacy, and Veterinary industry to deliver all needed layouts and blocks.
Version: 1.0.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: medibo
Text Domain: medibo-child
Tags: pharmacy, physician, health, health care, healthcare, hospital, medical, clinic, dental, appointment, dentist, booking, doctor, dental clinic, medicine
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*header .ct-nav-menu .ct-main-menu > li > a {*/
/*    color: black !important;*/
/*}*/
body{
    overflow-x: hidden !important;
}

.library-pagination {
    text-align: center;
    margin-top: 40px;
}

.library-pagination .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.library-pagination .page-numbers.current {
    background: #000;
    color: #fff;
}

.library-pagination .page-numbers:hover {
    background: #ffc107;
    color: #000;
}.digital-library-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
}

.library-card {
    border: 1px solid #ccc;
    border-radius: 12px;
    width: calc(33.333% - 20px);
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: 0.3s ease;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.library-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.library-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.library-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.library-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.library-content h3 a {
    text-decoration: none;
    color: #111;
}

.read-more-btn {
    display: inline-block;
    background-color: #fedd31;
    padding: 10px 18px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    transition: background 0.3s;
}

.read-more-btn:hover {
    background-color: #ffcc00;
}

.read-more-btn .arrow {
    margin-left: 10px;
    font-weight: bold;
}

.digital-library-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
}

.library-card {
    border: 1px solid #ccc;
    border-radius: 12px;
    width: calc(33.333% - 20px);
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: 0.3s ease;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.library-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.library-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.library-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.library-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.library-content h3 a {
    text-decoration: none;
    color: #111;
}

.read-more-btn {
    display: inline-block;
    background-color: #fedd31;
    padding: 10px 18px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    transition: background 0.3s;
}

.read-more-btn:hover {
    background-color: #ffcc00;
}

.read-more-btn .arrow {
    margin-left: 10px;
    font-weight: bold;
}
.doctor-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    /*max-width: calc(80% - 20px);*/
    box-sizing: border-box;
    justify-content: center;
    /*margin-left: 150px;*/
    margin-top:2rem;
}

.doctor-card {
    width: 300px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background: #f8f9fa;
    text-align: left;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.doctor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.doctor-card img {
    width: 100% !important;
    height: 320px !important;
    display: block !important;
}

.doctor-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 70%);
    color: #fff;
}

.doctor-card-content h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.doctor-card-content span {
    font-size: 14px;
    opacity: 0.85;
}

.page-id-14341{
      /* Navigation Buttons */
   .swiper-button-prev,
.swiper-button-next {
    position: absolute;
    right: 10px;
    top: auto;
    bottom: 100px; /* Adjust as needed */
    transform: translateY(0);
}

.swiper-button-prev {
    top: 100px; /* Position above next button */
   left: 90rem;
}

.swiper-button-next {
    top: 100px;
}

.swiper-button-next,
.swiper-button-prev {
    background: #ff4b4b;
    color: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    z-index: 10;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 14px;
    font-weight: bold;
}
}
.site-footer-custom {
    background-color: #30499f;
}
#pagetitle {display:none;}