:root {
    --violet-red: #693A77;
    --white-color: #fff;
    --orange-color: #F37C20;
}

/* 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);
}
/* Content section CSS started here */
a.nav-link.ta-nav-link.active::before {
    background-color: var(--violet-red);
}
/* Tab Section CSS ended Here */
ul.sorting-dropdown i.fa {
    color: var(--violet-red);
}
.hcp-centre-filter path, ul.sorting-Freemimum-search path {
    fill: var(--violet-red);
}
/* Breadcrumb section css started Here */
.breadcrumbSection {
    background-color: var(--violet-red);
}
/* Breadcrumb section css Ended Here */

/* 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-left-content {
    padding-right: 46px !important;
}
.ta-content-title {
    color:  var(--white-color);
}
.ta-content-heading {
    color: var(--white-color);
}
.ta-content-btn {
    background-color: var(--violet-red);
    border: 2px solid 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 (min-width: 768px) and (max-width: 1366px){
    #ta-tab-container-section .col-md-5.col-rightheader.ta-right-content {
        margin: 7% auto;
    }
}
@media only screen and (max-width: 992px){
    #news-and-event-TabContent h2.commn-h2 {
        color: var(--violet-red);
    }
    .jumpTomobile {
        color: var(--violet-red);
    }
}

/* Responsive CSS ended here */