.space-dis {
    /* background-image: url(../../assets/images/arrow.svg); */
    color: white;
    margin-left: 10px
}
.space-dis img{
    margin-top: 0px;
    color:white;
    font-weight: bold;
    width: inherit !important;
    height: 20% !important;
}
.banner-breadcrumb {
    padding: 0 10px;
    position: absolute;
    display: flex;
    z-index: 1000;
}
.owl-border {
    border-radius: 15px;
}
.banner-breadcrumb li {
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    list-style: none;
    text-decoration: none;
}
.banner-breadcrumb li a {
    color: #fff;
    text-decoration: none;
}
.banner-breadcrumb li a:hover {
    text-decoration: none;
    color: #ecd11d;
}
.banner-breadcrumb li + li:before {
    font-weight: 700;
    color: #fff;
    margin: 0 3px;
    display: inline-block;
    content: ">";
    font-size: 14px;
}
.banner-current {
    font-weight: 700;
}
audio {
    outline: none;
    height: 44px;
    width: 57%;
    margin-bottom: 15px;
}
.disease-box {
    margin-top: 150px;
    margin-bottom: 150px;
}
.disease-box h5 {
    margin-bottom: 50px;
    font-size: 36px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    text-align: center;
}
.disease-img img {
    /* border-radius: 15px; */
    width: 1093px;
    height: 158.21px;
    position: relative;
}
.dis-name {
    top: 0;
    position: absolute;
    padding: 48px 86px;
}
.dis-name p {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
}
.dis-name a {
    text-decoration: none;
}
.dis-name-red {
    color: #fff;
    font-size: 16px !important;
    line-height: 24px;
}
.dis-red {
    /* border-radius: 15px; */
    width: 96%;
    height: 158.21px;
    background-image: linear-gradient(96.62deg, #ef4847 44.17%, rgba(239, 72, 71, 0) 106.85%);
}
.dis-red:hover{
    width: 98%;
}
.dis-yellow {
    /* border-radius: 15px; */
    width: 96%;
    height: 158.21px;
    background-image: linear-gradient(96.6deg, #ecd11d 50.48%, rgba(236, 209, 29, 0) 106.98%);
}
.dis-yellow:hover{
    width: 98.5%;
}
.dis-blue:hover {
    width: 98.5%;
}
.dis-blue {
    /* border-radius: 15px; */
    width: 96%;
    height: 158.21px;
    background-image: linear-gradient(96.52deg, #3c8dbd 57.64%, rgba(60, 141, 189, 0) 112.05%);
}
.disease-img:hover {
    margin-bottom: 35px;
    transform: scale(1.1);
    width: 100%;
    height: 158.21px;
}
.dis1 {
    display: flex;
}
.yellow-des {
    background: #f9d050;
}
.dis1-content p {
    margin-top: 150px;
    font-size: 14px;
    line-height: 24px;
    color: #474747;
}
.second-sec-dis-d2{
    margin-top: 115px;
}
.third-sec-dis2-d2{
    margin-top: 100px;
}
.third-sec1-dis2-d2{
    margin-top: 50px;
}
.second-sec-dis h5 {
    font-weight: 700;
    font-size: 20px;
}
.play-img{
    width: inherit !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.disease-video1{
    margin-top: 60px;
}
.video-height{
    width: 495px;
height: 294.89px;
}
.button-disease{
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
  justify-content: center;
}
.button-disease-sec{
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
  justify-content: center; 
}
.button-disease-sec button {
    outline: none;
    border: 1px solid;
    background: #FFFFFF;
    border-radius: 10px;
    width: 187px;
    height: 35px;
    padding: 0px;
    margin: 0px 20px 20px 20px;
}
.button-disease button{
    outline:none;
    border: transparent;
    background: #FFFFFF;
    border-radius: 10px;
    width: 187px;
    height: 35px;
    padding: 0px;
    margin: 0px 20px 20px 20px;
}
.dis1-content img {
    margin-bottom: 0px;
    border-bottom-left-radius: 63px;
    border-top-left-radius: 48px;
    border-bottom-right-radius: 63px;
    border-top-right-radius: 48px;
        margin-top: 54px;
}
.third-sec-dis img {
    border-bottom-left-radius: 63px;
    border-top-left-radius: 48px;
    border-bottom-right-radius: 63px;
    border-top-right-radius: 48px;
    width: 100%;
}
.second-sec-dis img {
    border-bottom-left-radius: 63px;
    border-top-left-radius: 48px;
    border-bottom-right-radius: 63px;
    border-top-right-radius: 48px;
    width: 100%;
}
.second-sec-dis1 {
    margin-top: 128px;
}
.second-sec2-dis1 {
    margin-top: 60px;
}
video{outline:none;
    border-radius: 15px;
}

#video-2{
    display: none;
}
#video-3{
    display: none;
}
#video-5{
    display: none;
}
#video-6{
    display: none;
}
#video-8{
    display: none;
}
#video-9{
    display: none;
}
#video-11{
    display: none; 
}
#video-12{
    display: none; 
}

#video-dis2{
    display: none;
}
#video-dis3{
    display: none;
}
#video-dis5{
    display: none;
}
#video-dis6{
    display: none;
}
#video-dis8{
    display: none;
}
#video-dis9{
    display: none;
}
#video-dis11{
    display: none; 
}
#video-dis12{
    display: none; 
}
#video-dis14{
    display: none; 
}
#video-dis15{
    display: none; 
}
#video-dis17{
    display: none; 
}
#video-dis18{
    display: none; 
}
#video-dis20{
    display: none; 
}
#video-dis21{
    display: none; 
}
/* diseases3 videos */
#video-dise2{
    display: none;
}
#video-dise3{
    display: none;
}
#video-dise5{
    display: none;
}
#video-dise6{
    display: none;
}
#video-dise8{
    display: none;
}
#video-dise9{
    display: none;
}
.second-sec-dis p {
    /* margin-top: 128px; */
    font-size: 16px;
    line-height: 32px;
    color: #5c5c5c;
}
.third-sec-dis{
    margin-top: 60px;
}
.patient-img img {
    width: 707.45px;
    height: 465.43px;
}
.second-dis {
    margin-top: 60px;
}
.dis2-video{
    margin-top: 37px;
}
.treat-dis h5 {
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    line-height: 24px;
    text-align: center;
    color: #000;
}
.treat-dis {
    margin-top: 59px;
}
.third-sec-dis p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5c;
}
.dis2-content img {
    border-radius: 15px;
    margin-top: 54px;
    height: 69%;
    width: 100%;
}
.second-sec-dis2 img {
    border-radius: 60px;
    width: 100%;
    height: 290px;
}
.third-sec-dis2 p {
    font-size: 14px;
    line-height: 14px;
    color: #5c5c5c;
}
.third-sec-dis2 ul {
    font-size: 14px;
    line-height: 15px;
    color: #5c5c5c;
    list-style: none;
}
.third-sec-dis2 li {
    line-height: 23px;
    color: #5c5c5c;
    list-style: none;
}
.third-sec-dis2 {
    margin-top: 28px;
    padding: 0 122px;
}
.third-sec1-dis2 h4 {
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #000;
}
.third-sec1-dis2 p {
    font-size: 14px;
    line-height: 15px;
    color: #5c5c5c;
    list-style: none;
}
.third-sec3-dis2 h4 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #000;
}
.third-sec1-dis2 {
    margin-top: 28px;
    padding: 15px;
}
.third-sec3-dis2 p {
    line-height: 17px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #5c5c5c;
    list-style: none;
}
.third-sec3 {
    margin-top: 78px;
    padding: 15px;
}
#diseases3 img {
object-fit: cover;
    width: 100%;
    /* width: 596.45px; */
    height: 384.43px;
}
.diseases-sickle-owl {
    margin-top: 50px;
    margin-bottom: 50px;
}
#diseases3 .owl-dots {
    margin-top: 20px;
    display: block;
    text-align: center;
}
#diseases3 .owl-dots .owl-dot span {
    width: 37px !important;
    height: 6px !important;
    background-color: #c6c6c6;
    border-radius: 0 !important;
    margin: 3px !important;
    display: block;
    outline: 0;
}
#diseases3 .owl-dots .active span {
    background-color: #f1bb08da !important;
}
#diseases2 img {
    width: 100%;
    object-fit: cover;
    /* width: 596.45px; */
    height: 384.43px;
}
.diseases-Thalassemia-owl {
    margin-top: 50px;
    margin-bottom: 50px;
}
#diseases2 .owl-dots {
    margin-top: 20px;
    display: block;
    text-align: center;
}
#diseases2 .owl-dots .owl-dot span {
    width: 37px !important;
    height: 6px !important;
    background-color: #c6c6c6;
    border-radius: 0 !important;
    margin: 3px !important;
    display: block;
    outline: 0;
}
#diseases2 .owl-dots .active span {
    background-color: #f1bb08da !important;
}
#diseases1 .item{
border-radius: 15px;
}


#diseases1 img {
    border-radius: 15px;
    width: 100%;
    height: 384.43px;
    object-fit: cover;
}
.diseases-Hemophilia-owl {
    margin-top: 50px;
    margin-bottom: 50px;
}
#diseases1 .owl-dots {
    margin-top: 20px;
    display: block;
    text-align: center;
}
#diseases1 .owl-dots .owl-dot span {
    width: 37px !important;
    height: 6px !important;
    background-color: #c6c6c6;
    border-radius: 0 !important;
    margin: 3px !important;
    display: block;
    outline: 0;
}
#diseases1 .owl-dots .active span {
    background-color: #f1bb08da !important;
}
@media screen and (max-width:1024px){
    .video-height {
        width: 100%;
    }
    .dis1-content img {
        width: 100%;
        border-bottom-left-radius: 56px;
        border-top-left-radius: 41px;
        border-bottom-right-radius: 52px;
        border-top-right-radius: 40px;
    }
   
    #diseases3 img {
        height: 100%;
        width: 100%
    }
    #diseases2 img {
        width: 100%
    }
    #diseases1 img {
        width: 100%
    }
    .disease-img img {
        width: 100%
    }
}
@media screen and (max-width:768px){
    .second-sec-dis p {
        font-size: 14px;
        line-height: 24px;
    }
    .button-disease-sec button {
        font-size: 12px;
    }
    .third-sec-dis2 {
        margin-top: 129px;
        padding: 0px 12px;
    }
    .video-height {
        width: 100%;
    }
    .button-disease button {
        margin: 0px 0px 20px 12px;
    }
}
@media screen and (max-width:455px){
    /* .banner-breadcrumb {
        margin-top: 69px;
    } */
    .button-disease-sec button {
        font-size: 12px;
    }
}
@media screen and (max-width:320px){
    .button-disease-sec button {
        width: 130px !important;
    }
}
@media screen and (max-width: 600px) {
    .second-sec-dis-d2{
        margin-top: 0px;
    }
    .third-sec-dis2-d2{
        margin-top: 0px;
    }
    .third-sec1-dis2-d2{
        margin-top:0px;
    }
    .second-sec-dis1 {
        margin-top: 6px;
    }
    .second-sec2-dis1 {
        margin-top: 14px;
    }
    .button-disease button {
        font-size: 12px;
        width: 130px;
    }
    .button-disease-sec {
        justify-content: center;
    }
    .third-sec-dis {
        margin-top: 0px;
    }
    .second-sec-dis p {
        margin-top: 0px;
    }
    .button-disease-sec button {
        margin: 0px 0px 20px 7px;
        font-size: 12px;
        width: 147px;
    }
    .disease-video1 {
        padding: 10px 10px 10px 10px;
        margin-top: 0px;
    }
    audio {
        width: 100%;
    }
    .disease1-voice {
        left: 325px;
        position: relative;
        top: 1%;
        width: 8% !important;
        float: left;
        margin-top: -65px !important;
    }
    .dis1-content p {
        margin-bottom: 69px;
    }
    .third-sec-dis img {
        border-bottom-left-radius: 51px;
        border-top-left-radius: 38px;
        border-bottom-right-radius: 46px;
        border-top-right-radius: 38px;
        width: 100%;
        text-align: center;
    }
    .second-sec-dis img {
        border-bottom-left-radius: 49px;
        border-top-left-radius: 38px;
        border-bottom-right-radius: 45px;
        border-top-right-radius: 36px;
        /* width: 100%; */
    }
    .about-bottom {
        margin-bottom: 7px;
    }
    .about-img img {
        width: 100% !important;
    }
    .dis1-content-mob img {
        border-bottom-left-radius: 49px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 40px;
        margin-top: -21px;
        width: 100%;
    }
    .second-sec-dis2 img {
        border-radius: 15px;
    }
    .dis2-content-mob img {
        border-radius: 15px;
        margin-top: -13px;
        width: 100%;
    }
    .third-sec-dis2 ul {
        padding: 0;
    }
    .third-sec-dis2 {
        margin-top: 50px;
        padding: 0 30px;
    }
}