/*  */
.prelative{
   position: relative;
}
.chartImgDiv{
    padding: 15px 4px;
    position: relative;
}
#subOverlay {
    position: absolute;
    display: none;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(90deg, #001F43 0%, #0060CFF2 23%, #00CEFF 56%, #FFFFFF00 78%, #5E5E5E 100%) 0% 0% no-repeat padding-box;
    z-index: 2;
    border-radius: 5px;
    opacity: 1;
    /* cursor: pointer; */

}
#subOverlay3 {
    position: absolute;
    display: none;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(90deg, #001F43 0%, #0060CFF2 23%, #00CEFF 56%, #FFFFFF00 78%, #5E5E5E 100%) 0% 0% no-repeat padding-box;
    z-index: 2;
    border-radius: 5px;
    opacity: 1;
    /* cursor: pointer; */

}
.SubsInfo{
    padding: 25px 0 25px 38px;
    position: relative;
    height: 100%;

}
.subsprice{
    /*position: absolute;*/
    bottom: 25px;
}
.SubsInfo ul{
    list-style-image: url('../assets/images/bullet.svg');
    color: #fff;
    padding: 15px 0 15px 39px;
    border-bottom: 1px solid rgba(219, 212, 212, 0.1);
    width: max-content;
}
.SubsInfo h4{
    font-size: 25px;
    padding: 4px 0;
    border-bottom: 2px solid #00c4f4;
    width: max-content;
    color: #fff;
}
.SubsInfo .subsprice span{
    color: #fff;
    font-size: 29px;
}
.SubsInfo .subsprice span small{
    color: #fff;
    font-size: 9px;
}
.SubsInfo .subsprice  a {
    background: #0A9B00;
    padding: 8px 18px;
    color: #fff;
    font-size: 14px;
    margin: 0px 0 0 32px;
    position: relative;
    bottom: 4px;
}
@media screen and (min-width:1028px) and (max-width:1097px)
{
    .SubsInfo {
        padding: 19px 0 19px 20px;
    }
    .subsprice{
        bottom: 19px;
    }
}

@media screen and (min-width:992px) and (max-width:1027px)
{
    .SubsInfo {
        padding: 10px 0 10px 20px;
    }
    .subsprice{
        bottom: 10px;
    }
    .SubsInfo ul {
        padding: 3px 0 6px 39px;
    }
    .SubsInfo ul li{
        font-size: 14px;
    }
}
@media screen and (min-width:900px) and (max-width:991px)
{
    .SubsInfo {
        padding: 7px 0 7px 20px;
    }
    .subsprice{
        bottom: 7px;
    }
    .SubsInfo ul {
        padding: 3px 0 6px 39px;
    }
    .SubsInfo ul li{
        font-size: 14px;
    }
    .SubsInfo .subsprice span {
        font-size: 22px;
    }
    .SubsInfo .subsprice a {
        padding: 6px 11px;
    }
}
@media screen and (min-width:768px) and (max-width:899px)
{
    .SubsInfo h4{
        font-size: 21px;
    }
    .SubsInfo {
        padding: 5px 0 5px 20px;
    }
    .subsprice{
        bottom: 5px;
    }
    .SubsInfo ul {
        padding: 0px 0 6px 39px;
        margin-bottom: 0;
    }
    .SubsInfo ul li{
        font-size: 12px;
    }
    .SubsInfo .subsprice span {
        font-size: 22px;
    }
    .SubsInfo .subsprice a {
        padding: 6px 11px;
    }
}
@media screen and (min-width:673px) and (max-width:767px)
{
    .subsprice{
        bottom: 8px;
    }
    .SubsInfo {
        padding: 8px 0 8px 20px;
    }
}
@media screen and (min-width:564px) and (max-width:672px)
{
    .subsprice{
        bottom: 6px;
    }
    .SubsInfo h4{
        font-size: 20px;
    }
    .SubsInfo {
        padding: 8px 0 8px 20px;
    }
    .SubsInfo .subsprice span {
        font-size: 18px;
    }
    .SubsInfo .subsprice a {
        padding: 6px 8px;
    }
    .SubsInfo ul {
        padding: 2px 0 5px 39px;
        margin-bottom: 0;
        font-size: 14px;
    }
    .h240{
        height: 240px;
    }
}
@media screen and (max-width:563px)
{
    .subsprice{
        bottom: 6px;
    }
    .SubsInfo h4{
        font-size: 17px;
    }
    .SubsInfo {
        padding: 10px 0 0px 10px;
    }
    .SubsInfo .subsprice span {
        font-size: 18px;
    }
    .SubsInfo .subsprice a {
        padding: 6px 8px;
        margin: 0 0 0 15px;
    }
    .SubsInfo ul {
        padding: 0px 0 0px 19px;
        margin-bottom: 0;
        font-size: 13px;
    }
    .prelative{
        min-height: 222px;
    }
    .prelative img{
        min-height: 222px;
    }
}
@media screen and (min-width:1200px)
{

    .prelative{
        min-height: 393px;
    }
    .prelative img{
        min-height: 393px;
    }
    .SubsInfo ul {
        font-size: 18px;
    }
    .SubsInfo h4{
        font-size: 33px;
    }
}
/*  */









/* rd changes */
/*.subModalOnClick{
    filter: blur(2px);
}*/

.tbalOverlay {
    position: relative;
    width: 100%;
  }
  
  .custom_data_table {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
.viewData {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .tbalOverlay:hover .custom_data_table {
    opacity: 0.2;
  }
  
  .tbalOverlay:hover .viewData {
    opacity: 1;
  }
  
  .viewDataLink {
    background-color: #002856;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
    border-radius: 3px;
  }
  .viewDataLink:hover {
    text-decoration: none;
    color: #fff;
  }

  .main_subs_modal{
    max-width: 50%;
      margin: 0 auto;
  }
  .main_subs_modal .modal-content {
    background-color: #002856;
    color: white;
    max-width: max-content;
margin: 0 auto;
}
.subWindow  h4{
    font-size: 22px;
    padding: 4px 0;
    border-bottom: 2px solid #00c4f4;
    width: max-content;
    color: #fff;
  }
.subWindow ul{
    list-style-image: url('../assets/images/bullet.svg');
    color: #fff;
    padding: 15px 0 15px 39px;
    border-bottom: 1px solid rgba(219, 212, 212, 0.1);
    width: max-content;
    font-size: 14px;
}
.sWsubsprice{
    display: block ruby;
}
.sWsubsprice span{
    color: #fff;
    font-size: 29px;
  }
  .sWsubsprice span small{
    color: #fff;
    font-size: 9px;
  }
  .sWsubsprice  a {
    background: #0A9B00;
    padding: 8px 18px;
    color: #fff;
    font-size: 14px;
    margin: 0px 0 0 32px;
  }
 
  .subWindowClose {
      z-index:9;
  }
  .modal-backdrop {
    background-color: black !important;
}
/*  */