
.affpakf{
 
}
.affpakf .affsection{
  margin-bottom: 150px!important;
 

}

@media only screen and (min-width: 992px) {
.affpakf .mobpar{
    padding-left:60px;
    box-sizing:border-box
}
}
@media only screen and (max-width: 991px) {
.affpakf .mobpar{
    padding:0 30px;
    box-sizing:border-box
}
}

.affpakf .affsectionhalf{
  margin-bottom: 70px!important;
 

}
.affpakf .bonopadv {
 
 
padding: 50px 0 20px 0;
}
body.dark .affpakf .bonopadv {
 
}
.affpakf .bonopadv .flexbox{
  padding: 0 10px;
  box-sizing: border-box;
}
.affpakf .bonopadv .explupdate{
  font-size: 0.925rem;
  text-align: right;
  padding-right: 20px;
  opacity: .6;

}
.termsscroll{
    border:1px solid #dfe2e6;
    
    overflow-y:auto;
    height: 250px;
    max-height:calc(100vh - 440px);
    margin-bottom:20px;
    font-size: 80%;
  padding: 16px;
         
        
         border-radius: 8px 0 0 8px;

}
body.dark .termsscroll{
   border-color: rgba(255,255,255,0.15);
         color: inherit
}
.termsscroll h1,.termsscroll h2, .termsscroll h3,.termsscroll h4, .termsscroll h5,.termsscroll h6{
   font-size: 95%;
}
.dashcard{
    
    padding: 30px 30px 23px 30px;
   
    box-sizing: border-box;
  }
  body.dark .dashcard{
 
  }
    .dashcard.sharewa{
    width: 700px;
max-width:99% ;
    background: #f2fdf6;
    margin-bottom:150px
  }
  body.dark .dashcard.sharewa{
 
    background: #072728;
  }

@media only screen and (min-width: 992px) {
  .dashcard.sharewa{
    position: relative;
 
 
  }
 
.dashcard.sharewa::before{
    content: '  ';
    width: 100vw;
background: #f2fdf6;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
        
   }
 body.dark .dashcard.sharewa::before{
background: #072728

 }
 }


.dashcard.dline{
  background: none; 
   box-shadow: 4px 4px 20px 4px rgba(0,0,0,0.08);
}
body.dark .dashcard.dline{
  background: none;
  box-shadow: 4px 4px 20px 4px rgba(0,204,190,0.15)
}
  .dashcard.bgyl{
    background: #ffcd15;
    /*background:rgba(0,204,190,0.1)*/
  }
  body.dark .dashcard.bgyl{
    background:rgba(0,204,190,0.15)
  }
  body.dark .dashcard .small a{ color:#efefef;}
  .dashcard .formdetil{
    padding: 5px 20px;
  }
.challenge{
background:#fafafa
}
body.dark .challenge{
background: #132d73
}
.challenge .titlesml{
  font-size:0.925rem;
  
}
.challenge .amount{
  font-size:2rem;
  font-weight:600
}
       .myboxoption{
        margin-top:20px
     }
    @media only screen and (min-width: 1380px) {
    .myboxoption{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
    }
    }
    .myboxoption a{
        font-weight:600;
        font-size:0.9725rem
    }
     @media only screen and (max-width: 1379px) {
        .myboxoption a{
            display:block;
            margin-bottom:20px
        }
     }
    .myboxoption #odoain{
        margin-right:20px
    }
  .sharerow{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.sharerow .sharead{
background:#eee;
font-size:1.8rem;
display: block;
border-radius:200px;
width: 50px;
height:50px;
flex-shrink: 0;
flex-grow:0;
text-align:center;
line-height:50px;
cursor: pointer;
margin: 10px;
color:#fff!important;
 
}
.sharerow .sharead a{
  color:#fff!important;
}
.sharerow .sharead:hover{
box-shadow:0 0 15px rgba(239,242,246,0.25)
}
.sharerow .sharead.sh_email{
background:#418bda;
}
.sharerow .sharead.sh_twitter{
background:#0f0000;
}
.sharerow .sharead.sh_facebook{
background:#415dae;
}
.sharerow .sharead.sh_whatsapp{
background:#25d366;
}
.sharerow .sharead.sh_reddit{
background:#ff4500;
}
.sharerow .sharead.sh_telegram{
background:#1c93e3;
}

.sharerow .sharead.sh_copy{
background:#888888;
}
/*ss scr*/
.ccmwrap{
  margin: 0 0 40px 0;
 
}
.ccmwrap .urcomms{
 
text-align: center;
 
}
.urcomms .nntri{
margin-bottom: 8px;
font-size: 0.825rem;
font-weight: 600;
opacity: 0.6 
}
.urcomms .perscc{
 
font-weight: 600;
font-size: 1.8rem ;
 
}


.ccmwrap .finf .opc{
opacity: 0.6;
}  

.ccmwrap .finf p:last-of-type{
margin-bottom: 0!important;

}

@media only screen and (min-width: 1280px) {
.ccmwrap{
display: flex;
justify-content: space-between;
 
 

}
.ccmwrap .urcomms{
 
padding: 0 30px 0 0;
box-sizing: border-box; 

display: inline-block;

display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;

}
body.dark .ccmwrap .urcomms{


}

.urcomms .nntri{
margin: 0;


}
.urcomms .perscc{
margin: 0;

}
.fncisu{

 
text-align: center;

}

.ccmwrap .finf{
 
}
}

@media only screen and (max-width: 1279px) {
.ccmwrap{
}
.urcomms{

padding: 20px 0;
box-sizing: border-box;
 

}

.ccmwrap .finf{
padding: 20px 0;
}
@media only screen and (max-width: 991px) {
  .ccmwrap .finf{
padding: 0 0;
}
}

}
@media only screen and (min-width: 1081px) {
 

.ovrbox{
  display:flex;
  gap:4px;
  justify-content:flex-start;
  margin-bottom:40px;
}
}
.ovrbox .toovbx{
  width: 33.333%;
  
}
.ovrbox .toovbx .titlesml{
  font-size:0.925rem;
  
}
.ovrbox .toovbx .amount{
  font-size:2rem;
  font-weight:600
}
@media only screen and (max-width: 1080px) {
  .ovrbox{
 
  margin-bottom:30px
}
  .ovrbox .toovbx{
 margin-bottom:20px 
}
 
}
/* chart/*/

.chartview{
box-sizing:border-box;
 

}
body.dark .chartview{
 
}
body.dark .chartview{
 
box-shadow:none;
}

.chartview .title{
margin-bottom: 12px;
font-size: 1.4rem;
}
.chartview p{
font-size: 0.925rem!important;
}
.chart {
background: #fff;
margin-top: 20px;
height: 280px;
opacity: 0;
padding: 0!important;
-webkit-transition: opacity 2.5s ease-in-out;
transition: opacity 2.5s ease-in-out 
}
body.dark .chart {
background:#393939;
background:#1e3b99;
}
.chart .ct-vertical{
margin:0!important;
width:20px!important;
padding:0!important;
}
.chart .novisible {
/*opacity: 0*/
}
@media only screen and (max-width:1380px) {
.chart {
height: 220px 
}
}
.tablelegend {
font-size: 0.7rem!important;
opacity:0.7;
padding-bottom: 8px;
}

.chartview h6{
font-size: 1.1rem;
}



.chartview .chart {
background: none!important;
margin-top: 20px;
height: 280px;
opacity: 0;
padding: 0!important;
-webkit-transition: opacity 2.5s ease-in-out;
-o-transition: opacity 2.5s ease-in-out;
transition: opacity 2.5s ease-in-out 
}
.chartview .chart .ct-vertical{
margin:0!important;
width:20px!important;
padding:0!important;
}
.chartview .chart .ct-series-a .ct-point,.chartview .chart .ct-series-a .ct-line,.chartview .chart .ct-series-a .ct-bar,.chartview .chart .ct-series-a .ct-slice-donut {
stroke: #00ccbe;
}
.chartview .chart.ct-series-a .ct-slice-pie,.chartview .chart .ct-series-a .ct-slice-donut-solid,.chartview .chart .ct-series-a .ct-area {
fill: #00ccbe;
}
.chartview .chart .novisible {
}
@media only screen and (max-width:1380px) {
.chartview .chart {
height: 220px 
}
}
.chartview .tablelegend {
font-size: 0.7rem!important;
opacity:0.7;
padding-bottom: 8px;
}
  .imgshade{
    box-shadow:0 0 10px #d3d5d8;
  }
  body.dark .imgshade{
    box-shadow:0 0 20px rgba(0,204,190,0.75);
  }


  /* for partner page adjustm*/
  .wlcminvt{
 
background:none;
border-radius:12px;
margin: 40px 0 0 0;
 
background: #e5f2ff;
}

body.dark .wlcminvt{
background: #132d73
}

    .imgdonw{
        
    }
     .imgdonw .dllnks{
        display:flex;
        width: 100%;
        
     }
     .imgdonw .dllnks a{
        margin-right:20px;
        font-size:0.9725rem;
        font-weight: 600
     }
     .imgdonw .txtvm{
        margin-top:20px;
        font-size:0.8725rem;
        opacity: .6;
     }
     .ppstat{
        
        padding: 10px 0 5px 0;
        box-sizing:border-box;
       
     }
     body.dark .ppstat{
        
     }


  .prtnhero{
         min-height:80vh;
       
        margin-bottom:20px;
        display:flex;
    }
     @media only screen and (min-width: 1024px) {
          .prtnhero{
        background-image: url(../images/partnerprogram/hero_bg.webp);
         background-position: center center;
        background-size: cover;
}
}
    @media only screen and (max-width: 1023px) {
          .prtnhero{
        background: url(../images/partnerprogram/hero_bg_s.webp);
         background-position: center center;
        background-size: cover;
}
}
    .prtnhero .prnhrintro{
        background:#fff;
        padding: 20px;;
        box-sizing:border-box;

    }
    body.dark .prtnhero .prnhrintro{
        background:#0b2052
    }
     @media only screen and (max-width: 1023px) {
        .prtnhero{
            justify-content:flex-end;
            flex-direction:column;
             margin-bottom:40px;
}
.prtnhero .prnhrintro{
}
}
      @media only screen and (min-width: 1024px) {
         .prtnhero{
            align-items:center;
}
 .prtnhero .prnhrintro{
    width: 420px;
    max-width:100%
}
 .prtnhero .prnhrintro.maxld{
    width: 620px; 
    max-width: 100%;
    padding:40px
}
}
.prtnhero .formrow{
    margin-bottom:0

}
.prtnhero .prnhrintro p{
    font-size: .9725rem
}
.prtnhero .shareicon{
display:flex;
justify-content:center;
flex-wrap:wrap;
margin-top:20px;
}
.prtnhero .shareicon a{
    display:inline-block;
    padding: 15px;
}