.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;
}

.grid{
    margin-top: 35%;
    margin-left: 10%;
    width: 80%;
}
.grid-icons{
    // font-size: 14px;
    // border: 2px solid black;
    // border-radius: 50%;
    // padding: 7px;
    // background: linear-gradient(to right top, #20b5ab, #1b9e93, #16887c, #117266, #0a5d51);
    // color: white;
    padding-left:20px;
}

grid-iconsAr{
    // font-size: 14px;
    // border: 2px solid black;
    // border-radius: 50%;
    // padding: 7px;
    // background: linear-gradient(to right top, #20b5ab, #1b9e93, #16887c, #117266, #0a5d51);
    // color: white;
    padding-right:20px;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.containerbg {
    background-image: url("/assets/images/supportbackground.png") ;
    z-index:9999 !important;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 104%;
    padding:0px;
    margin-left:10px;
    margin-right:10px;
}

.containerbgAr {
    background-image: url("/assets/images/supportbackgroundAr.png") ;
    z-index:9999 !important;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 104%;
    padding:0px;
    margin-left:10px;
    margin-right:10px;
}

.scroll-content {
    overflow-y: hidden;
  }

  .contact-pattern {
    right:0px;position:absolute;width: 200px;float:right;padding-top:5px;
  }

  .contact-patternAr {
    left:0px;position:absolute;width: 200px;float:left;padding-top:5px;
  }

  ion-footer {
    &.footer-md::before {
        background-image: none;
    }
}