@media (min-width:1024px){
  .ir-home-ref-rating-card{
    grid-row:2;
    grid-column:1/-1;
    position:relative;
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) 92px 112px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:2px!important;
    width:100%;
    min-height:56px!important;
    padding:8px 14px!important;
    border:1px solid #f1d9a6!important;
    border-radius:16px!important;
    background:linear-gradient(90deg,#fffdfa 0%,#fff 50%,#fffdfa 100%)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.035)!important;
    overflow:visible!important;
  }

  .ir-home-ref-rating-card > div:nth-child(2){
    display:contents!important;
  }

  .ir-home-ref-rating-card > div:nth-child(2) strong{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    min-width:0!important;
    color:#4b4f57!important;
    font-size:0!important;
    font-weight:900!important;
    line-height:1.4!important;
    text-align:right!important;
    direction:rtl!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .ir-home-ref-rating-card > div:nth-child(2) strong::before{
    content:"اعتماد کاربران؛ سرمایه ماست";
    display:block;
    font-size:11px;
    white-space:nowrap;
  }

  .ir-home-ref-rating-card > div:nth-child(2) small{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    display:flex!important;
    align-items:center;
    justify-content:flex-start!important;
    gap:6px;
    margin:0!important;
    color:#8f939a!important;
    font-size:0!important;
    font-weight:700;
    line-height:1.4!important;
    direction:rtl!important;
    white-space:nowrap!important;
  }
  .ir-home-ref-rating-card > div:nth-child(2) small::before{
    content:"+۱۲ سال تجربه موفق";
    font-size:9px;
  }

  .ir-home-ref-rating-dots{
    grid-column:2!important;
    grid-row:1/3!important;
    display:flex!important;
    align-items:center;
    justify-content:center!important;
    align-self:center!important;
    direction:ltr!important;
    min-width:88px;
    padding:0!important;
  }
  .ir-home-ref-rating-dots span{
    width:29px!important;
    height:29px!important;
    flex:0 0 29px!important;
    margin:0!important;
    overflow:hidden;
    border:2px solid #fff!important;
    border-radius:50%!important;
    background-color:#f3f4f6!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    box-shadow:0 3px 9px rgba(15,23,42,.11)!important;
  }
  .ir-home-ref-rating-dots span + span{margin-left:-7px!important}
  .ir-home-ref-rating-dots span:nth-child(1){background-image:url("../image/home/trust-avatar-1.svg")!important}
  .ir-home-ref-rating-dots span:nth-child(2){background-image:url("../image/home/trust-avatar-2.svg")!important}
  .ir-home-ref-rating-dots span:nth-child(3){background-image:url("../image/home/trust-avatar-3.svg")!important}
  .ir-home-ref-rating-dots span:nth-child(4){background-image:url("../image/home/trust-avatar-4.svg")!important}

  .ir-home-ref-stars{
    grid-column:3!important;
    grid-row:1/3!important;
    justify-self:stretch!important;
    align-self:center!important;
    display:flex!important;
    align-items:center;
    justify-content:flex-start!important;
    gap:8px;
    min-width:0!important;
    margin:0!important;
    color:#f5a300!important;
    letter-spacing:1.1px!important;
    font-size:13px!important;
    line-height:1!important;
    direction:ltr!important;
    white-space:nowrap;
  }
  .ir-home-ref-stars::after{
    content:"+۵۰";
    color:#a3a7ae;
    font-size:9px;
    font-weight:700;
    letter-spacing:0;
    direction:rtl;
  }

  html.dark .ir-home-ref-rating-card{
    border-color:#55452b!important;
    background:linear-gradient(90deg,#111b2b,#0e1828)!important;
  }
  html.dark .ir-home-ref-rating-card > div:nth-child(2) strong{color:#f3f4f6!important}
  html.dark .ir-home-ref-rating-card > div:nth-child(2) small{color:#9ca3af!important}
  html.dark .ir-home-ref-rating-dots span{border-color:#0f1a2b!important}
  html.dark .ir-home-ref-stars::after{color:#8f9daf}
}

@media (min-width:1180px){
  .ir-home-ref-rating-card{
    width:414px!important;
    justify-self:center!important;
  }
}