#slid-1 .tabContainer{
    width: 100%;
    height: 100%;
        display: flex;
    align-items: center;
    flex-direction: row;
}
#slid-1 .tabContainer .buttonContainer{
    display: flex;
    flex-flow: row wrap;
    align-items:  center;
    justify-content: center;
    width: 210px ;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    padding:30px 0;
    /* height: 210px; */
    border-radius: 50%;
    position: relative;
    filter: grayscale(100%);
}
#slid-1 .tabContainer .buttonContainer button{
    height: auto;
    width: 100%;
    border: none;
    outline:none;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 18px;
    text-align: center;
    -webkit-transition: linear 0.2s; /* Safari prior 6.1 */
  transition: linear 0.2s;
  font-family: 'hind_siliguriregular';
  background-color: transparent;
  color: #999999;
}
#slid-1 .tabContainer .buttonContainer button span{
    position: relative;    text-transform: uppercase;}
  
#slid-1 .tabContainer .buttonContainer button span:after{
    content: "";
    position: absolute;
    height: 1px;
    width: 70px;
    background-color: #aaaaaa;
    top: 50%;
    margin-left: 10px;
    opacity: 0;
}


#slid-1 .tabContainer .buttonContainer button.activee{
    font-size: 30px;
    font-family: 'hind_siliguribold';
    color: #fff;
}
#slid-1 .tabContainer .tabPanel{
    height: 100%;
    width: 100%;
    display: none;
}

#slid-1 .tabContainer .buttonContainer button.activee  span:after{ opacity: 1;}


#slid-1 .wraper{display: flex; width: calc(100% - 250px); margin: 0 0 0 80px;}
.active{color: #fff;font-family: 'hind_siliguribold';font-size: 30px;}
#slid-1 .po-div{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
    justify-content: center;}

#slid-1 .po-in-div{     position: relative;
    width: 100%;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: flex-start;}

#slid-1 .po-div-img{position: relative; margin-left: 10%;}

#slid-1 .po-div-img img{width: 100%}
#slid-1 .po-1,#slid-1 .po-2{/*width: 200px; height: 250px;*/}
#slid-1 .po-1{position: relative; z-index: 1;width: 210px; margin-right: 15%; top: -10%}
#slid-1 .po-2{ position: absolute; z-index: 2;width: 210px;top: 70%; left: 50%;}



#slid-2 .tabContainer-new{
    width: 100%;
    height: 100%;
        display: flex;
    align-items: center;
    flex-direction: row;
}
#slid-2 .tabContainer-new .buttonContainer-new{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 210px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    padding: 50px 0;
    height: 210px;
    border-radius: 50%;
    order: 2;
    text-align: center;
    position: relative;
    filter: grayscale(100%);
}
#slid-2 .tabContainer-new .buttonContainer-new button{
    height: auto;
    width: 100%;
    border: none;
    outline:none;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 18px;
    text-align: center;
    -webkit-transition: linear 0.2s; /* Safari prior 6.1 */
    transition: linear 0.2s;
    font-family: 'hind_siliguriregular';
    background-color: transparent;
    color: #999999;
}
#slid-2 .tabContainer-new .buttonContainer-new button span{
    position: relative;    text-transform: uppercase;}
  
#slid-2 .tabContainer-new .buttonContainer-new button span:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100px;
    background-color: #aaaaaa;
    top: 50%;
    opacity: 0;
    right: calc(100% + 15px);
}

#slid-2 .tabContainer-new .buttonContainer-new button:hover span:after{
    margin-left: -80px;
}


#slid-2 .tabContainer-new .buttonContainer-new button.activee{
   font-size: 30px;
    font-family: 'hind_siliguribold';   
    color: #fff;  
}

#slid-2 .tabContainer-new .buttonContainer-new button.activee  span:before{ opacity: 1;}

#slid-2 .tabContainer-new .tabPanel-new{
    height: 100%;
    width: 100%;
    display: none;
}

#slid-2 .wraper{display: flex; width: calc(100% - 250px); margin: 0 40px 0 0;}

.active{color: #fff;font-family: 'hind_siliguribold';font-size: 30px;}
#slid-2 .po-div{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
    justify-content: center;}

#slid-2 .po-in-div{     position: relative;
    width: 100%;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: flex-end;}

#slid-2 .po-div-img{position: relative; margin-right: 10%;}

#slid-2 .po-div-img img{width: 100%}
#slid-2 .po-1,#slid-2 .po-2{/*width: 200px; height: 250px;*/}
#slid-2 .po-1{position: relative; z-index: 1;width: 210px; margin-right: 20%; top: -15%}
#slid-2 .po-2{ position: absolute; z-index: 2;width: 210px;top: 70%; left: 50%;}