.header_top{
    background-color: #bf30bb;
    border-bottom: 1px solid #ec44e8;
}
#logo{
    color: #ffea3c;
}
.SubTxt{
  color: white;
    border: 2px solid #a92fa5;
    background: rgba(167, 52, 163, 0.76);
}
.txt1, .txt2, .txt3
{
    text-shadow: 3px 5px 4px #2e0d2f;
}
.txt2 span
{
    background: #ef7f1a;
    border-radius: 10px;
    padding: 0 5px 0 0;
    margin-right: 5px;
}
.card-image
{
 /* background: radial-gradient(circle at 50% 120%, #bf30bb, #0d1f2f 80%, #bf30bb 100%);*/
}
.card:hover .card-image {
    transform: translateY(-10%);
    box-shadow: 1px 0em 7rem 1rem #ec44e8;
  }
  .card-description{
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  }
  .card-description > h2 {	
	text-shadow: 0px 1px 20px #ec44e8;
}
.act-box
{
    box-shadow: -15px 10px 20px #212020, 6px 7px 20px #212020, -2px -10px 20px #212020;
    border: 2px solid #a92ca8;
 background: rgba(110, 28, 111, 0.95);
}
.header-color {
    background-image: linear-gradient(to bottom, #bf30bb, #2e0d2f);
}
.go-back
{
     background: #952592;
    color: #fff;
}
.go-back:hover
{
    color: #fff;
    background: #952592;
}
.rectangle-list a
{
       background: linear-gradient(to right, #ffffff, #a8cef1 51%, #ffffff) var(--x, 0) / 200%;
    border: 1px solid #fff;
}
.rectangle-list a:hover span
{
    box-shadow: 0px 0px 15px #ec44e8 ;
}
.rectangle-list span
{
       background: #c1d3e4;
    border: 1px solid #aab4bd;
    box-shadow: 0px 0px 3px #ec44e8;
}
.footer-bottom
{
    border-top: 2px solid #bf30bb ;
}

.cat-list a
{
        background: linear-gradient(to right, #ffffff, #a8cef1 51%, #ffffff) var(--x, 0) / 200%;
    border: 1px solid #fff;
}

.section-heading
{
    background-color: #2e0d2f;
    color: #ec44e8;
}
.questionTitle
{
    background-image: linear-gradient(#ac2ba9, #7b1f7a);
    border: 1px solid #bf30bb;
}
.quesItem
{
      background: linear-gradient(to right, #ffffff, #a8cef1 51%, #ffffff) var(--x, 0) / 200%;
    border: 1px solid #fff;
}
.quesItemFib
{
    background: linear-gradient(to right, #bf30bb, #063e71 51%, #bf30bb) var(--x, 0) / 200%;
    border: 1px solid #bf30bb;
}

.roundNoDarkArea{
    color: #ec44e8;
    box-shadow: 0px 0px 62px #ec44e8;
}
.slider_item .box-a span
{
    background-color: #ec44e8;
    color: #2e0d2f;
}
.slider_item .box-a:hover
{
    color: #ec44e8;
}
.slider_item .box-a:hover span
{
    background-color: #2e0d2f;
    color: #ec44e8;
}
.activenum{
    color: #ec44e8!important;
}
.activenum span
{
    color: #ec44e8!important;
    background-color:#2e0d2f!important;
}

.slider_arrow__right, .slider_arrow__left
{
    background-color: #bf30bb;
}

.vidList {
    list-style: none;
    width: calc(18vw - 0px);
    padding: 0 0 0 13px;
    margin: 0;
    float: left;
}

#videoListIs li a{
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #2e0d2f;
    transition:all .7s ease;
    font-size: calc(0.5vh + 0.5vw);
}
#videoListIs li a:hover{
    color:#bf30bb;
    border-color:#bf30bb;
}
#vidListIcon{
    padding: 5px 12px 5px 12px;
    font-size: calc(0.7vh + 0.6vw);
    border-radius: 5px;
    text-decoration: none ! important;
    z-index: 10;
    cursor:pointer;
    background: #bf30bb;
    color: #FFF;
    margin-left: 0.4vw;
}

#videoListIs::-webkit-scrollbar {
    width: 5px;
  }
  #videoListIs::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
  #videoListIs::-webkit-scrollbar-thumb {
    background: #005b78; 
    border-radius: 5px;
  }
  #videoListIs::-webkit-scrollbar-thumb:hover {
    background: #005b78; 
  }
#mch{
overflow:hidden;	
}
#fib{
overflow:hidden;	
}