#CPHBody_DivBanners {
      border-radius: 15px;
      overflow: hidden;
    }
   .box{
            min-width:45px;
            min-height:40px;
            color:rebeccapurple;
            text-align:center;
            margin:3px;
            background-image:url("Images/gold_box.png");
            background-size:110%;
            background-position:center;
            background-repeat:no-repeat;
            overflow:hidden;
            padding:0px;
            display:flex; flex-wrap: wrap; justify-content: center; flex-direction:column;
            position:relative;}
.box p{
            margin:0px;}
.box .num{
            font-weight:bold;}
.box .amt{
            background:#000;
            color:gold;
            font-size:12px;}
.box .close{
            color:red;
            position:absolute;
            right:0px;
            top:0px;
            font-size:12px;}
.box .link {
            display:block;
            height:100%;
            width:100%;
            position:absolute;}

        .btn-primary{
            background-color: mediumpurple;
            border-color: mediumpurple;}
.btn-primary:hover{
            background-color: rebeccapurple;
            border-color: rebeccapurple;}
/* width */
        ::-webkit-scrollbar {
          width: 5px;
          height: 5px;}
/* Track */
        ::-webkit-scrollbar-track {
          background: #f1f1f1;}
/* Handle */
        ::-webkit-scrollbar-thumb {
          background: purple;}
/* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
          background: #555;}
.main-footer .btn-app {
            margin: 0;
            padding: 0;
            height: auto;
            min-width: auto;
            color: #fff;
            background-color: transparent;
            width: 100%;
            border: 0px;}
.content-wrapper {
            background-color: transparent;}
.main-header {
            border-bottom-color: mediumpurple;
            background-color:transparent;}
.main-header:before {
            background-color:rebeccapurple;
            opacity:0.8;
            content:"";
            position:absolute;
            left:0;
            right:0;
            top:0;
            bottom:0;}
.main-footer {
            padding: 10px 0px;}
.bg-glow {
            width: calc(2000px / 30);
            height: calc(2000px / 30);
            background-image: url("Images/Purple5.jpg");
            background-repeat:no-repeat;
            background-size: cover;
            border-radius:20px;
            box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.white-img{
            overflow: hidden;filter: drop-shadow(0px 10000px 0 #FFF); transform: translateY(-10000px); margin:10%; width:80%; text-align:center;}
.border99 {
            border-radius: 10px;
            background-color:transparent!important;
            border:0px solid purple!important;
            overflow:hidden;
            box-shadow: rgba(0, 0, 0, 0.55) 1.95px 1.95px 2.6px;}
.border99:before {
            content:"";
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            background-image: url("Images/Purple5.jpg")!important;
            background-size:cover;
            opacity:0.8;
            z-index:-1;}
#c1 > ol {
            margin-bottom: -1rem;}
.bg{background-image: url(Images/bg3.jpg); background-size:cover;}
.bgl{background-position: left;}
.bgr{background-position: right;}
.bgc{background-position: center;}
.bg::before{content:""; background-color: rgba(0,0,0,0.7); margin-left:0px!important; position: absolute;top: 0;left: 0; right:0; width: 100%!important;height: 100%;}
.sidebar-mini aside{z-index:9999999;}
@media (max-width: 891.98px) {
            .sidebar-mini.sidebar-collapse .main-sidebar{
                left:-250px;
                transition: left 0.3s ease-in-out;}
.sidebar-mini.sidebar-open .main-sidebar{
                left:0px;
                transition: left 0.3s ease-in-out;}
.layout-fixed .main-sidebar {
                top: 56px;}
#sidebar-overlay{z-index:999999;}
.btn-primary{
            background-color: mediumpurple;
            border-color: mediumpurple;}
.widget-user .widget-user-image {margin-top:40px;}
.widget-user .widget-user-header{height:120px;}
.widget-user .widget-user-image{top:50px;}
.widget-user .card-footer {padding-top: 35px;}
.pic {
            background-color: gold;
            border-radius: 20px 0px 20px 0px;}
.dvstyle{
            background-color:black;
            color:gold;
            border-radius:20px 0px 20px 0px;
            padding:10px;
            border:4px solid gold;}
.textboxcls {
            background-color: black;
            border: 1px solid gold;
            font-size: 15px;
            width: 100%;
            padding: 20px;}
.btncls {
            background-color: gold;
            color: black;
            border-radius: 20px 0px 20px 0px;
            padding: 20px;
            margin-left: 50%;}
.btncls1 {
            background-color: black;
            color: gold;
            border-radius: 20px 0px 20px 0px;
            padding: 20px;
            margin-left: 50%;
            border: 2px solid gold;}
.dvgreen {
            width: 100%;
            text-align: center;
            background-color: green;
            color: white;
            border-radius: 20px 0px 20px 0px;
            margin-left: 150px;
            margin-right: 150px;}
.dvcls {
            margin-top: 30px;
            color: white;
            padding: 10px;
            border-radius: 0px 0px 20px 0px;
            margin-bottom: -20px;
            margin-left: -20px;
            margin-right: -20px;}
.pcls {
            font-size: 23px;
            padding-left: 20px;
            float: left;
            margin-top: -15px;}
.dvcls1 {
            background-color: gold;
            border-radius: 20px 0px 20px 0px;
            padding: 25px;
    
}
.appinstall{justify-content: center;text-align:center; }
    #installAppBtn { display: none; margin-top: 20px; padding: 10px 20px; background: #0a84ff; border: none; color: white; border-radius: 5px;text-align:center; }
 .ccustom-slider {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
    background: orange;
    border: 2px solid purple;
    border-radius: 10px;
  }
  .ccustom-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  .ccustom-slide {
    min-width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .ccustom-slide img {
    width: 100%;
    max-height: 200px;
    object-fit: contain;
    padding: 0px;
    background: orange;
    border-radius: 10px;
  }
  .ccustom-slider button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    border: none;
    color: white;
    font-size: 10px;
    padding: 0 0px;
    cursor: all-scroll;
    z-index: 2;
    user-select: none;
  }
  .ccustom-slider .cprev { left: 5px; }
  .ccustom-slider .cnext { right: 5px; }}