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

#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);
}
.hcp-centre-filter 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){
    .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){
    #fertilityVideomobile, #fertilityVideo {
        z-index: unset;
    }
}
@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;
    }
    #fertilityVideo{   
        width: 115% !important;    
    }
    #fertilityCarpet{       
        width: 168% !important;       
    }
    #fertilityCradle {
        width: 165% !important;       
    } 
}
@media only screen and (min-device-width: 1200px) and (max-device-width:1399px) {
     #fertilityVideo{   
    /* width: 115% !important;     */
        width: 130% !important;   
    }
    #fertilityCarpet{       
        width: 175% !important;       
        left: -21% !important;
    }
    #fertilityCradle {
        width: 165% !important;       
    }  
}
@media only screen and (min-device-width: 1400px){
     #fertilityVideo{   
    width: 115% !important;    
    }
    #fertilityCarpet{       
        width: 180% !important;       
    }
    #fertilityCradle {
        width: 165% !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 only screen and (min-width: 993px) and (max-width: 1699px){
     #fertility-animation.MainImage {
        min-height: 230px;
    }
}
 #fertility-animation  {
    display: block;
}

@media only screen and (min-device-width: 1699px){
    #fertilityVideo{
        position: relative !important;
    }
}
@media screen and (min-width: 768px){
    div#logout-footer.makeitbottom {    
        /*z-index: 9999 !important;*/
    }
    div#logout-footer.makeitbottom {    
        position: relative !important;
    }
}
@media only screen and (min-width: 1023px) and (max-width:1025px){
    #fertilityCradle {
        width: 165% !important;
        top: -21% !important;
        display: inline !important;
        left: -30% !important;
    }   
     #fertilityCarpet{
        top: -19% !important;
        width: 168% !important;
        left: -30% !important;
    }
     #fertilityVideo{
    z-index:11 !important;
    min-height: 315px;
    width: 130% !important;
    left: 7% !important;
    }
}

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

@media only screen and (min-width: 1079px) and (max-width:1081px){
    #fertilityCradle {
        min-height: 315px;
        width: 165% !important;
        top: -24% !important;
    }
    #fertilityCarpet{
        top: -19% !important;
        width: 168% !important;
        min-height: 315px;
    }
     #fertilityVideo{
    z-index:11 !important;
    min-height: 315px;
    width: 137% !important;
    left: 17% !important;
    }
}