:root {
    --violet-red: #A30050;
    --white-color: #fff;
    --orange-color: #F37C20;
    --fcv2-blue: #0088CE;
    --smalt: #00368B;
}


/* Tab Section CSS started Here */
.ta-title {
    color: var(--violet-red);
}
.nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus {
    color:  var(--violet-red);
}
.nav-link:hover::after {
    border-top: solid 19px var(--violet-red);
}
.hcp-centre-filter path {
    fill: var(--violet-red);
}
ul.sorting-dropdown i.fa {
    color: var(--violet-red);
}
.hcp-centre-filter path, ul.sorting-Freemimum-search path {
    fill: var(--violet-red);
}
/* Tab Section CSS ended Here */

/* Breadcrumb section css started Here */
.breadcrumbSection {
    background-color: var(--violet-red);
}

/* Content section CSS started here */
.content-section {
    background: transparent linear-gradient(246deg, #00368B 0%, #0088CE 100%) 0% 0% no-repeat padding-box;
    border-bottom: 5px solid var(--violet-red);
}
.ta-content-title {
    color:  var(--white-color);
}
.ta-content-btn {
    background-color: var(--violet-red);
    border: 2px solid var(--violet-red);
}
a.nav-link.ta-nav-link.active::before {
    background-color: var(--violet-red);
}
.freemuimSlidersection.product-information-data .product-bucket-image-and-text,
#event-tab-pane .card-body {
    border-bottom: 6px solid var(--violet-red);
}
.freemuimSlidersection.knowledge-center-data .card-title {
    color: var(--violet-red);
}
.tab-content a.btn, .tab-content .multi-lang-btn.res-multi-btn ul.sorting-dropdown li a.view-button {
    background: var(--violet-red);
}
#event-tab-pane .card-title {
    color: var(--violet-red);
}
#news-and-event-TabContent button.showMore {
    background-color: var(--violet-red);
}

/* Responsive CSS started here  */
@media only screen and (max-width: 992px){
    #news-and-event-TabContent h2.commn-h2 {
        color: var(--violet-red);
    }
    .sci-ino-inner {
        border-bottom: 6px solid var(--violet-red);
    }
    div#homepage_mobile_slider .carousel-item .accordion-content-area h3.accordion-content-area-h3{
        color: var(--violet-red);
    }
    div#homepage_mobile_slider .accordion-content-area.violet-red .col-3 i.fa{
           color: var(--violet-red);
    }
    .freemuimSlidersection.patient-resources-data .product-bucket-col-inner, .freemuimSlidersection.knowledge-center-data .product-bucket-col-inner {
       border-bottom: 6px solid var(--violet-red);
    }
    .jumpTomobile {
        color: var(--violet-red);
    }
}

@media only screen and (min-device-width: 993px) and (max-device-width:1199px) {
     .science-innovation-hover-popup{
        left: 70% !important;
    }
    .news-events-hover-popup{
        left: 70% !important;
    }
}
.freemuimSlidersection .owl-theme .owl-dots .owl-dot.active span, .freemuimSlidersection .owl-theme .owl-dots .owl-dot:hover span{
    background: var(--violet-red);
}
/* Responsive CSS ended here */


@media only screen and (min-width: 768px) and (max-width: 1366px){
    #ta-tab-container-section .col-md-5.col-rightheader.ta-right-content {
        margin: 7% auto;
    }
}
@media screen and (min-width: 768px){
    div#logout-footer.makeitbottom {    
        position: relative !important;
    }
}


@media screen and (max-width: 1300px) {
    .nav-link:hover::after {
        border-top: solid 12px var(--violet-red) !important;
    }
}