.silver {
  cursor: pointer;
}

/* .cur-user {
  margin-top: 15rem;
} */

.active-user {
  margin-bottom: 30px;
}
.offers{
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  padding: 15px 0px;
}
.offers h2{
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 22px;
}
.active-user p,
.offers p {
  color: #000;
}
.active-user .cardblock img{
  /* width: 284px;
  height: 284px; */
  width: 250px;
  height: 250px;
}
.cur-user p.m-0 {
  font-size: 24px;
  font-weight: 600;
  color: #000;

}

.offers .cstbrd {
  width: 50px;
  height: 50px;
  border: 2px solid #000;
  margin-right: 20px;
}

.cstbrd p {
  padding: 13px 0px;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 16px;
  width: 100%;
  text-align: center;
}

.offers .content1 .p1 {
  font-size: 18px;
  font-weight: 800;
  width: 100%;
  line-height: normal;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

.offers .content1 .p2 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}

.offers .starp {
  margin-bottom: 0;
  text-align: center;
  height: 100%;
  margin-top: 3px;
  padding: 15px 10px;
}

.seemore {
  font-weight: 600;
  padding: 12px 30px;
  height: 45px;
}

.seemore:hover {
  padding: 12px 30px;
}

.seemore .fa {
  margin-left: 18px;
}

.offers-details {
  display: none;
}

.offers-details-block1 {
  padding: 30px;
  background: #f7f7f7;
  border-radius: 22px;
}

.cbox {
  margin-bottom: 30px;
}

.cbox h2 {
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
}

.cbox p {
  color: #707070;
}

.main section {
  margin: 30px 0px;
}

.table1 thead tr th {
  font-weight: 600;
  color: #000;
  text-align: center;
  padding: 20px 10px;
}

.table1 thead tr th:nth-child(1) {
  text-align: left;
}

.table1 tbody tr td {
  text-align: center;
  border-bottom: 1px solid #E4E4E4 !important;
  padding: 20px 10px;
}

.table1 tbody tr:nth-child(1) td:nth-child(1) {
  padding: 31px 10px;
}

.table1 tbody tr td:nth-child(1) {
  color: #000;
  font-weight: 600;
  text-align: left;
  font-size: 12px;
}

.table1 tbody tr td p {
  margin-bottom: 0;
}

.table1 tbody tr td p:nth-child(1) {
  font-weight: 600;
}

.table1 tbody tr td p:nth-child(2) {
  font-weight: 400;
  font-size: 12px;
}

.table1 thead tr {
  border-top: 1px solid #E4E4E4;
}


.backcolor1 {
  background-color: #CECECE;
  color: #fff;
  font-weight: 600;
}

.backcolor1 p,
.backcolor2 p,
.backcolor3 p,
.backcolor4 p {
  color: #fff;
}

.backcolor2 {
  background-color: #C4A676;
  color: #fff;
  font-weight: 600;
}

.backcolor3 {
  background-color: #C49A76;
  color: #fff;
  font-weight: 600;
}

.backcolor4 {
  background-color: #141414;
  color: #fff;
  font-weight: 600;
}

.pcolor {
  color: #707070;
}

.cwidth {
  width: 75px !important;
}

.cwidth img {
  width: 70%;
}
.opc0{
  opacity: 0.2;
}
.pb{
  font-weight: 600;
  color: #000;
}
@media(max-width:1024px){
  .active-user .cardblock img{
    width: 100%;
    height: 100%;
  }
}
@media(max-width:767px) {
.cur-user {
  margin-top: 2rem;
  text-align: center;
}
.offers h2{
font-size: 20px;
}
.active-user .cardblock img{
  width: 284px;
  height:284px;
}
}
@media(max-width:575px) {
  .offers .content1 .p1 {
    font-size: 16px;
  }

  .offers .content1 .p2 {
    font-size: 12px;
  }

  .cur-user p.m-0 {
    font-size: 20px;
  }

  .main section {
    margin: 20px 0px;
  }

  .seemore {
    padding: 10px 20px;
    height: 40px;
  }

  .seemore:hover {
    padding: 10px 20px;
  }

  .seemore .fa {
    margin-left: 10px;
  }
}
@media(max-width:380px){
  .active-user .cardblock img{
    width: 100%;
    height:100%;
  }
}
.mycopoun{
  border: 1px solid #ededed;
  height: 250px;
margin-bottom: 30px;
border-radius: 30px;
overflow: hidden;
padding: 30px;
}
/* .mycopoun:hover, .mycopoun:focus{
  box-shadow: rgb(215 215 215) 0px 0px 10px;
} */
.mycopoun .card{
  border: none;
  height: 100%;
}
.lblh{
  font-weight: 800;
  color:#000;
}
.mycopoun .card .card-body{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cstgcontrol{
  width: 100%;
}
.content1 p:nth-child(2){
  font-weight: 600;
}
.getbtn{
  padding: 10px 50px;
  border: 1px solid;
}
.getbtn:hover, .getbtn:focus, .getbtn:active{
  padding: 10px 50px;
  border: 1px solid;
}
.import.getbtn{
margin-top: 40px;
}
p.rewhd{
  font-family: 'El Messiri';
  font-size: 20px;
  margin-left: 5px;
  color: #000;
}
.cndlscrt{
  font-family:"candlescript";
  font-size: 30px;
}
@media(max-width:767px){
  p.rewhd{
  font-size: 18px;
  }
  .cndlscrt{
    font-size: 28px;
  }
}
/* ************************* Rewards page css ********************* */
.candlescript{
  font-family: "candlescript";
}
.drt{
  margin-top: 8rem;
  margin-bottom: 4rem;
}
.drt h1{ 
  margin-bottom: 15px !important;
}
.drt p{
  font-weight: 600;
  color: #000;
}
@media(max-width:800px){
  .tablescrl{
    overflow: hidden;
    overflow-x: scroll;
  }
  .table-responsive.p-4 {
    width: 600px;
  }
}
/* ************************* Rewards page css ********************* */


/* **************** arabic css ************************************ */
body.uae-ar .offers .cstbrd{
  margin-right: 0;
  margin-left: 20px;
}
body.uae-ar .offers .content1 .p1{
  text-align: right;
}
body.uae-ar .cstbrd p{
  text-align: center;
}
body.uae-ar .seemore .fa{
  margin-left: 0;
  margin-right: 18px;
}
body.uae-ar .table1 tbody tr td{
  text-align: center;
}
body.uae-ar .table1 thead tr th:nth-child(1){
  text-align: right;
}
body.uae-ar .table1 tbody tr td:nth-child(1){
  text-align: right;
}
body.uae-ar .table1 tbody tr td p{
  text-align: center;
}
body.uae-ar .offers-details-block1 .cbox p{
  text-align: center;
}

/* *************** arabic css *********************************** */