/* Home Page */

#pills-tab {
    background: #1977cc;
    color: #fff;
    border-radius: 50px;
    padding: 8px 10px;
    display: inline-flex;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #fff;
    color: #1977cc;
    border-radius: 50px;
}

.nav-pills .nav-link {
    padding: 8px 25px;
    color: #fff;
}

.btn-show-all {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 35px;
    margin-top: 30px;
    border-radius: 50px;
    transition: 0.5s;
    color: #3291e6;
    border: 1px solid #1977cc;
}
  
.btn-show-all:hover {
    background: #1977cc;
    color: #fff;
}

.btn-view-details {
    font-family: "Raleway", sans-serif;
    background: #1977cc;
    border: 0;
    padding: 10px 35px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
    text-align: center;
}

.btn-view-details:hover {
    background: #1c84e3;
    color: #fff;
}

.pd-0 {
    padding: 0px;
}

@media (max-width: 400px) {
    .nav-pills .nav-link {
        padding: 8px 18px;
        color: #fff;
    }
}

/* Accordion */

.accordion-item, .accordion-flush .accordion-item:last-child, .accordion-item:not(:first-of-type) {
    background: rgba(13,110,253,.2) !important;
    border-radius: 8px !important;
    border: 1px solid #ccc !important;
    margin-top: 20px;
}

.accordion-header {
    margin-top: 0px !important;
}

.accordion-button {
    border-radius: 8px !important;
    outline: none !important;
    border: none !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-collapse {
    border-top: 1px solid rgba(13,110,253,.2);
}

.centered-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mb-8 {
    margin-bottom: 8px;
}

.pd-5 {
    padding: 5px 0px;
}

.invisible {
    visibility: hidden;
}

#testimonials {
    background: #f1f7fd;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ml-10 {
    margin-left: 10px;
}

.badge {
    position: absolute;
    right: 100px;
    z-index: 1;
    color: white;
    border-radius: 30px;
    font-size: 14px;
}
.badge-anatomic {
    background-color: yellow;
    border: 1px solid yellow;
    color: black;
}
.badge-clinical {
    background-color: red;
    border: 1px solid red;
}
.badge-molecular {
    background-color: blue;
    border: 1px solid blue;
}

/*Mobile Device*/
@media only screen and (max-width: 600px) {
    .badge {
        bottom: 12px;
    }
}


/*PreLoader*/
.preloader{
    background-color:#f7f7f7;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999999;
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s;
    margin:0 auto
}
.preloader .preloader-circle{
    width:100px;
    height:100px;
    position:relative;
    border-style:solid;
    border-width:1px;
    border-top-color:#C86FFF;
    border-bottom-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    z-index:10;
    border-radius:50%;
    -webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
    box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
    background-color:#fff;
    -webkit-animation:zoom 2000ms infinite ease
    ;animation:zoom 2000ms infinite ease;
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s
}
.preloader .preloader-circle2{
    border-top-color:#0078ff;
}
.preloader .preloader-img{
    position:absolute;
    top:50%;
    z-index:200;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    display:inline-block;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    padding-top:6px;
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s
}
.preloader .preloader-img img{
    max-width:55px;
}
.preloader .pere-text strong{
    font-weight:800;
    color:#dca73a;
    text-transform:uppercase;
}