/* =======================================================
   RSU RACHMI DEWI
   Theme Pink
=======================================================*/

:root{
    --pink:#e91e63;
    --pink-dark:#c2185b;
}

/* ===== Sambutan Direktur ===== */

.card{
    border:none;
    border-radius:18px;
}

.card-header{
    background:#e91e63!important;
    padding:18px 25px;
}

.card-header h3{
    color:#fff;
    margin:0;
    font-weight:600;
}

.card-body{
    padding:35px;
}

.card img{
    transition:.5s;
}

.card img:hover{
    transform:scale(1.05);
}

.text-primary{
    color:#e91e63!important;
}

.isi-sambutan{
    font-size:16px;
    line-height:32px;
    text-align:justify;
    color:#555;
}

.shadow-lg{
    box-shadow:0 10px 35px rgba(0,0,0,.12)!important;
}

.bg-light{
    background:#f8f9fa;
}



/*================ MENU =================*/

.header-nav .nav > li.active > a,
.header-nav .nav > li:hover > a{
    color:var(--pink) !important;
}

/* garis bawah menu */
.header-nav .nav > li.active > a:after,
.header-nav .nav > li:hover > a:after{
    background:var(--pink) !important;
}

/* garis atas dropdown */
.header-nav .nav > li .sub-menu{
    border-top:3px solid var(--pink);
}

/* hover dropdown */
.header-nav .nav > li .sub-menu li:hover > a{
    color:var(--pink);
    padding-left:30px;
    transition:.3s;
}

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

.site-button,
.btn,
.btn-primary{
    background:var(--pink) !important;
    border-color:var(--pink) !important;
}

.site-button:hover,
.btn:hover{
    background:var(--pink-dark) !important;
    border-color:var(--pink-dark) !important;
}

/*================ ICON =================*/

.text-primary,
.text-success{
    color:var(--pink)!important;
}

.bg-primary,
.bg-success{
    background:var(--pink)!important;
}

/*================ SEPARATOR =================*/

.dlab-separator,
.dlab-separator.style-skew{
    background:var(--pink)!important;
}

/*================ OWL =================*/

.owl-theme .owl-dots .owl-dot.active span{
    background:var(--pink)!important;
}

.owl-prev,
.owl-next{
    background:var(--pink)!important;
}

.owl-prev:hover,
.owl-next:hover{
    background:var(--pink-dark)!important;
}

/*================ BADGE =================*/

.badge-success{
    background:var(--pink)!important;
}

/*================ PAGINATION =================*/

.pagination > .active > a,
.pagination > li.active > a{
    background:var(--pink)!important;
    border-color:var(--pink)!important;
}

/*================ LINKS =================*/

a{
    transition:.3s;
}

a:hover{
    color:var(--pink);
}

/*================ SEARCH =================*/

.header-nav .extra-nav .site-button{
    background:var(--pink)!important;
}

/*================ LOGIN =================*/

.login-btn{
    background:var(--pink)!important;
}

.login-btn:hover{
    background:var(--pink-dark)!important;
}

/* ==========================================
   Card Dokter RSU Rachmi Dewi
========================================== */

.dlab-team7 .dlab-info{
    text-align:center;
    padding:25px;
}

.dlab-team7 .dlab-title{
    font-size:28px;
    font-weight:700;
    color:#2c2c2c;
    margin-bottom:8px;
}

.dlab-team7 .dlab-position{
    display:inline-block;
    color:#e91e63 !important;
    font-size:18px;
    font-weight:600;
    background:#fde8f2;
    padding:6px 18px;
    border-radius:30px;
}

.dlab-team7:hover .dlab-position{
    background:#e91e63;
    color:#fff !important;
    transition:.3s;
}

/* Icon agenda */
.blog-post .post-date i,
.blog-post .post-author i,
.blog-post .post-meta i,
.blog-post li i,
.blog-post ul li i{
    color:#e91e63 !important;
}

/* Footer */
.footer-logo-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.footer-logo img{
    width:220px;
    margin-bottom:25px;
}

.footer-social{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
}

.footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#e91e63;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    transition:.3s;
}

.footer-social a:hover{
    background:#fff;
    color:#e91e63;
}

/*=========================
SOSIAL MEDIA FOOTER
==========================*/

.social-footer{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:20px;
    padding:0;
    list-style:none;
}

.social-footer li{
    display:inline-block;
}

.social-footer li a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#e91e63;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    transition:.3s;
}

.social-footer li a:hover{
    background:#fff;
    color:#e91e63;
}

/*=========================
JUDUL FOOTER
==========================*/

.footer-title:after,
.widget-title:after,
.widget-title::after{
    background:#e91e63 !important;
}

.footer-title:before,
.widget-title:before{
    background:#e91e63 !important;
}

/* Bullet menu footer */
.widget_services ul li:before,
.widget_services ul li::before{
    background:#e91e63 !important;
    border-color:#e91e63 !important;
}

/* Scroll To Top */
.scroltop{
    background:#e91e63 !important;
    border-color:#e91e63 !important;
}

.scroltop:hover{
    background:#c2185b !important;
}

.scroltop i{
    color:#fff !important;
}

/*=========================
TOP HEADER
==========================*/

/* Warna icon */
.top-bar i,
.dlab-topbar-left i,
.dlab-topbar-right i{
    color:#e91e63 !important;
}

/* Garis pemisah */
.top-bar li:after,
.dlab-topbar-left li:after,
.dlab-topbar-right li:after{
    background:#e91e63 !important;
}

/* Hover link */
.top-bar a:hover{
    color:#e91e63 !important;
}

/* ===========================
   Separator Judul
=========================== */

.dlab-separator.bg-primary,
.dlab-separator.style-skew,
.dlab-separator,
.dlab-separator-outer .dlab-separator{
    background:#e91e63 !important;
}

/* Garis kiri dan kanan */
.dlab-separator.style-skew:before,
.dlab-separator.style-skew:after,
.dlab-separator:before,
.dlab-separator:after{
    background:#e91e63 !important;
}

.gallery-card{

    border-radius:12px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.gallery-card:hover{

    transform:translateY(-8px);

}

.gallery-card img{

    transition:.4s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}



.fa,
.la,
.las,
.fas{
    transition:.3s;
}

.fa:hover,
.la:hover,
.las:hover,
.fas:hover{
    color:var(--pink);
}

#loading-area{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:999999999;

    display:flex;
    justify-content:center;
    align-items:center;
}

#loading-area:before{
    content:'';
    width:70px;
    height:70px;
    border:6px solid #f8bbd0;
    border-top:6px solid #e91e63;
    border-radius:50%;
    animation:spin .8s linear infinite;
}

@keyframes spin{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}

/*==============================
MITRA ASURANSI
==============================*/

.insurance-section{
    padding:80px 0;
    background:#fafafa;
}

.insurance-card{

    background:#fff;
    border-radius:15px;
    padding:20px;
    height:140px;

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

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.insurance-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(233,30,99,.18);

}

.insurance-card img{

    max-width:100%;
    max-height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    transition:.4s;

}

.insurance-card:hover img{

    filter:none;
    transform:scale(1.08);

}