:root {
    --violet-red: #A30050;
    --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);
}

/* Tab Section CSS ended Here */


/* 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);
}
a.nav-link.ta-nav-link.active::before {
    background-color: var(--violet-red);
}
#event-tab-pane .card-body {
    border-bottom: 6px solid 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 (min-device-width: 993px) {
    #obstetricsDoor {
        width: 160% !important;
        top: -35% !important;
        left: -32% !important;
    }

    #obstetricsVideo {
        z-index: 1;
    }
}

@media only screen and (max-device-width: 992px) {
    #obstetricsVideomobile {
        z-index: 1;
    }

    div#homepage_mobile_slider h4.accordion-headtitle.violet-red-backgroud {
        background-color: var(--violet-red);
    }

    div#homepage_mobile_slider .accordion-content-area.violet-red 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);
    }
    #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, div#homepage_mobile_slider .accordion-content-area.eminence .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);
    }
    div#homepage_mobile_slider h4.accordion-headtitle.eminence-backgroud {
        background-color: var(--violet-red);
    }    
}

/* Responsive CSS ended here */