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

#event-tab-pane .card-title {
    color: var(--violet-red);
}
/* 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 */


/* 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);
}
.ta-title {
    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 (min-device-width: 993px){
    #obstetricsDoor {
        width: 160% !important;
        /* top: -45% !important; */
        top: -85px !important;
        left: -32% !important;
    }
    #obstetricsVideo {
        z-index: 1;
        min-height: 445px;
    }
}
@media only screen and (max-device-width: 992px){
    #obstetricsVideomobile {
        z-index: 1;
    }
}

/* Responsive CSS ended here */