.auther_qr::before{content:'تبرع بأمان';color:var(--txt_color);text-align:center;}
.auther_qr{border-radius:10px;padding:5px;background:#fff;display:inline-flex;flex-direction:column;box-shadow:var(--shdow);}
footer{background:#111137;color:#fff;a{color:#fff}
}
header logo{max-width:190px;height:63px;margin-bottom:0;}
.goal_list .goalcard name { position: absolute; text-align: center; top: -100px; right: 50%;transform:translateX(50%); width: 80%; background:#d6af732b; border-radius: 9px; padding: 10px; font-weight: bold; font-size: 1em;color:#fff; }
.goal_list .goalcard picture img{aspect-ratio: auto;}
.goalpage{position: relative;}
.goalpage goal .goal_note { position: absolute; top: 65px; right: 7px; background: #e4b880; color: #fff; padding: 14px; border-radius: 15px 0 0 15px; line-height: 1; transform: skewY(-3deg); font-size: 1.2em; }
.goalpage h1 { position: absolute; text-align: center; background: rgb(214 175 115 / 17%); border-radius: 10px; box-shadow: none; font-size: min(2vw, 35px) !important; top: 53%; width: 80%; transform: translateX(-50%); left: 50%; color: #fff; padding: 5px 10px; &::before{content:none;}} 
.goalcard .goal_note { position: absolute; top: 60px; right: 8px; background: #e5ba7c; color: #fff; padding: 0.5em 0.5em 0.4em 0.5em; border-radius: 0.5em 0 0 0.5em; line-height: 1; transform: skewY(-3deg); font-size: 1em; }
@media (min-width: 600px){ /*PC*/
}
@media (max-width: 600px){ /*MOB*/
  .goalpage h1{font-size: 4vw !important;top: 205px;}
  .goalpage goal .goal_note { font-size: 0.6em; padding: 7px; top: 48px; }
}