/* jumbotron */
.layanan-radiologi .card-image{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 55%,rgba(255,255,255,0.7) 100%),  url("../../img/layanan/tumbnail-page/radiologi1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 600px) {
    .layanan-radiologi .card-image{
        background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 55%,rgba(255,255,255,0.7) 100%),  url("../../img/layanan/tumbnail-page/radiologi-s.jpg");
        height: 480px;
    }
}


.layanan-radiologi .container .title-bx{
    position:relative;
    z-index:2;
    background:rgba(255,255,255,0.3);
    padding:2rem;
    border:1px solid rgba(255,255,255,0.1);
    border-radius: 30px;
    }
/* END jumbotron */
@media only screen and (max-width: 600px) {
    .layanan-radiologi .container .title-bx{
       margin-top: 30px;
        }
}

/* artikel layanan */
.layanan-radiologi .text-jumbotron-layanan h4{
    color: #E03A14;
    font-weight: 700;
}
.layanan-radiologi .text-jumbotron-layanan h1{
    color: #E03A14;
    font-weight: 700;
}

.layanan-radiologi .artikel-layanan h4{
    padding-top: 1rem;
    font-weight: 600;
}
.layanan-radiologi .artikel-layanan p{
    text-align: justify;
}
/* collapse */
.layanan-radiologi .artikel-layanan #accordion{
    padding-top: 15px;
}
/* collapse */
.layanan-radiologi .artikel-layanan .card-body{
    text-align: justify;
}
/* END artikel layanan */

/* .owl-carousel */
.layanan-radiologi .rounded{
    border-radius:.25rem!important
}
.layanan-radiologi .d-flex{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important
}
@media(min-width:576px){
    .d-sm-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media(min-width:768px){
    .d-md-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media(min-width:992px){
    .d-lg-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media(min-width:1200px){
    .d-xl-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
.layanan-radiologi .embed-responsive{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden
}
.layanan-radiologi .embed-responsive::before{
    display:block;
    content:""
}
.layanan-radiologi .embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.layanan-radiologi .embed-responsive-21by9::before{
    padding-top:42.85714%
}
.layanan-radiologi .embed-responsive-16by9::before{
    padding-top:56.25%
}
.layanan-radiologi .embed-responsive-4by3::before{
    padding-top:75%
}
.layanan-radiologi .embed-responsive-1by1::before{
    padding-top:100%
}
.layanan-radiologi .shadow-sm{
    -webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
}
.layanan-radiologi .shadow{
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}
.layanan-radiologi .shadow-lg{
    -webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
    box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important
}
.layanan-radiologi .shadow-none{
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.layanan-radiologi .w-25{
    width:25%!important
}
.layanan-radiologi .w-50{
    width:50%!important
}
.layanan-radiologi .w-75{
    width:75%!important
}
.layanan-radiologi .w-100{
    width:100%!important
}
.layanan-radiologi .w-auto{
    width:auto!important
}
.layanan-radiologi .h-25{
    height:25%!important
}
.layanan-radiologi .h-50{
    height:50%!important
}
.layanan-radiologi .h-75{
    height:75%!important
}
.layanan-radiologi .h-100{
    height:100%!important
}
.layanan-radiologi .h-auto{
    height:auto!important
}
.layanan-radiologi .mw-100{
    max-width:100%!important
}
.layanan-radiologi .mh-100{
    max-height:100%!important
}
.layanan-radiologi .min-vw-100{
    min-width:100vw!important
}
.layanan-radiologi .min-vh-100{
    min-height:100vh!important
}
.layanan-radiologi .vw-100{
    width:100vw!important
}
.layanan-radiologi .vh-100{
    height:100vh!important
}

.layanan-radiologi .text-center{
    text-align:center!important
}
@media(min-width:576px){
    .text-sm-center{
        text-align:center!important
    }
}
@media(min-width:768px){
    .text-md-center{
        text-align:center!important
    }
}
@media(min-width:992px){
    .text-lg-center{
        text-align:center!important
    }
}
@media(min-width:1200px){
    .text-xl-center{
        text-align:center!important
    }
}
.layanan-radiologi h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{
    line-height:1.5;
    font-weight:600;
}
.layanan-radiologi .owl-carousel-layanan{
    padding:3em 0
}

.layanan-radiologi .img{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.layanan-radiologi .owl-carousel{
    position:relative
}
.layanan-radiologi .owl-carousel .owl-item{
    opacity:1
}
.layanan-radiologi .owl-carousel .owl-item.active{
    opacity:1
}
.layanan-radiologi .owl-carousel .owl-nav{
    position:absolute;
    top:50%;
    width:100%
}
.layanan-radiologi .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{
    position:absolute;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-top:-60px;
    color:rgba(0,0,0,.1)!important;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s;
    opacity:0
}
@media(prefers-reduced-motion:reduce){
    .layanan-radiologi .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{
        -webkit-transition:none;
        -o-transition:none;
        transition:none
    }
}
.layanan-radiologi .owl-carousel .owl-nav .owl-prev span:before,.owl-carousel .owl-nav .owl-next span:before{
    font-size:30px
}
.layanan-radiologi .owl-carousel .owl-nav .owl-prev{
    left:0
}
.layanan-radiologi .owl-carousel .owl-nav .owl-next{
    right:0
}
.layanan-radiologi .owl-carousel .owl-dots{
    text-align:center;
    margin-top:20px
}
.layanan-radiologi .owl-carousel .owl-dots .owl-dot{
    width:10px;
    height:10px;
    margin:5px;
    border-radius:50%;
    background:rgba(0,0,0,.1);
    position:relative
}
.layanan-radiologi .owl-carousel .owl-dots .owl-dot:hover,.owl-carousel .owl-dots .owl-dot:focus{
    outline:none!important
}
.layanan-radiologi .owl-carousel .owl-dots .owl-dot.active{
    background:#1089ff
}
.layanan-radiologi .owl-carousel:hover .owl-nav .owl-prev,.owl-carousel:hover .owl-nav .owl-next{
    opacity:1
}
.layanan-radiologi .owl-carousel:hover .owl-nav .owl-prev{
    left:-25px
}
.layanan-radiologi .owl-carousel:hover .owl-nav .owl-next{
    right:-25px
}
.layanan-radiologi .owl-carousel.owl-drag .owl-item{
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.layanan-radiologi .work{
    width:100%
}
.layanan-radiologi .work .img{
    width:100%;
    height:300px;
    position:relative;
    -webkit-box-shadow:0 20px 35px -30px rgba(0,0,0,.26);
    -moz-box-shadow:0 20px 35px -30px rgba(0,0,0,.26);
    box-shadow:0 20px 35px -30px rgba(0,0,0,.26)
}
.layanan-radiologi .work .img .icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff;
    display:block;
    opacity:0;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
@media(prefers-reduced-motion:reduce){
    .layanan-radiologi .work .img .icon{
        -webkit-transition:none;
        -o-transition:none;
        transition:none
    }
}
.layanan-radiologi .work .text h3{
    font-size:18px;
    font-weight:500
}
.layanan-radiologi .work .text h3 a{
    color:#000
}
.layanan-radiologi .work .text span{
    font-size:12px;
    letter-spacing:1px;
    color:rgba(0,0,0,.3);
    text-transform:uppercase;
    font-weight:500
}
.layanan-radiologi .work:hover .img .icon{
    opacity:1
}

/* END owl-carousel */

/* collapse */
.layanan-radiologi .card .card-header{
    background: #1977cc;
}

.layanan-radiologi .card .card-header button{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    /* text-decoration: none; */
}
/* END collapse */