.BGImageEn{
    //     width: 100%;
    //     height: 100%;
    // background-image:url(../../assets/images/SupportBGEn.png);
    // background-size:100% 100% ;
    // --background: url("/assets/images/SupportBGEn.png") no-repeat center center / cover;
    
    // width: 100%;
    // height: 100%;
    // background-image:url(../../assets/images/SupportBGEn.png);
    // background-size:100% 100% ;
    --background: url("/assets/images/backgroundmain.png") no-repeat center center / cover,
    url("/assets/images/background.png") no-repeat center center / cover;
}

.BGImageAr{
    width: 100%;
    height: 100%;
background-image:url(../../assets/images/SupportBGAr.png);
background-size:100% 100% ;

}

.productHeader {
    --background: transparent;
}


.headerimg {
    max-width:120px;
    max-height:120px;
    text-align: center;
}

.grid{
    margin-top: 45%;
    margin-left: 10%;
    width: 80%;
}
.grid-icons{
    font-size: 20px;
    border: 2px solid black;
    border-radius: 50%;
    padding: 7px;
    background: linear-gradient(to right top, #20b5ab, #1b9e93, #16887c, #117266, #0a5d51);
    color: white;
}
.grid-text{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    font-family: DejaVu-Sans;
}

ion-popover {
    ion-backdrop {
        background-color: #ffffff;
        opacity:0.5 !important;
    }
}
.my-custom-class {
    width: 200px;
    height: 200px !important;
    ion-backdrop {
        background-color: #ffffff;
        opacity:0.5 !important;
    }
}

.subscribe {
    font-size:15px;
    font-family: 'Bahnschrift Regular';
    text-align: right;
    padding-top:20px;
    font-weight: 500;
    right:20px;
}

.subscribeAr {
    font-size:15px;
    font-family: 'Bahnschrift Regular';
    text-align: left;
    padding-top:20px;
    font-weight: 500;
    left:20px;
}

.centered {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    font-family: 'Bahnschrift Regular';
  }

  .centeredmiddle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    font-family: 'Bahnschrift Regular';
  }

  .centeredbottom {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    font-family: 'Bahnschrift Regular';
  }