/* v84 — refined approved medallion service cards only */
.reference-service{
  border-color:rgba(222,174,80,.78)!important;
  background:
    radial-gradient(circle at 50% 2%,rgba(210,158,62,.065),transparent 31%),
    linear-gradient(155deg,#111313,#080909 72%,#0d0b08)!important;
  box-shadow:
    inset 0 0 0 5px #0d0c0b,
    inset 0 0 0 6px rgba(222,174,80,.28),
    inset 0 0 28px rgba(204,150,48,.035),
    0 16px 34px rgba(0,0,0,.32)!important;
}
.reference-service::after{
  inset:9px!important;
  border-color:rgba(226,178,82,.28)!important;
  background:
    linear-gradient(135deg,rgba(220,171,76,.8) 0 1px,transparent 2px) top 5px right 5px/18px 18px no-repeat,
    linear-gradient(225deg,rgba(220,171,76,.8) 0 1px,transparent 2px) top 5px left 5px/18px 18px no-repeat,
    linear-gradient(45deg,rgba(220,171,76,.8) 0 1px,transparent 2px) bottom 5px right 5px/18px 18px no-repeat,
    linear-gradient(315deg,rgba(220,171,76,.8) 0 1px,transparent 2px) bottom 5px left 5px/18px 18px no-repeat!important;
}
.reference-service svg{
  width:100px!important;
  height:100px!important;
  padding:28px!important;
  border:1px solid #f0c870!important;
  outline:2px solid #9b681b!important;
  outline-offset:-7px!important;
  background:
    radial-gradient(circle at 35% 28%,#f7dc9b 0 10%,#dfb45f 38%,#b27723 70%,#74450e 100%)!important;
  color:#17120b!important;
  box-shadow:
    inset 0 0 0 4px #d7a84e,
    inset 0 0 0 6px rgba(31,20,7,.7),
    inset 0 0 0 9px #c38b31,
    0 0 0 2px #4f3009,
    0 9px 16px rgba(0,0,0,.48)!important;
}
.reference-service::before{
  content:"◆"!important;
  width:124px!important;
  height:9px!important;
  margin:15px auto 11px!important;
  color:#39aeb0!important;
  font-size:9px!important;
  line-height:9px!important;
  text-align:center!important;
  background:
    linear-gradient(#c9973e,#c9973e) left center/48px 1px no-repeat,
    linear-gradient(#c9973e,#c9973e) right center/48px 1px no-repeat!important;
}
.reference-service b{font-size:21px!important;letter-spacing:-.2px!important}
.reference-service small{color:#b8b1a7!important;font-size:11px!important}
@media(max-width:650px){
  .reference-service{
    grid-template-columns:76px minmax(0,1fr)!important;
    column-gap:15px!important;
    min-height:112px!important;
    padding:12px 20px!important;
  }
  .reference-service::after{inset:6px!important}
  .reference-service svg{
    width:70px!important;
    height:70px!important;
    padding:20px!important;
    outline-offset:-6px!important;
    box-shadow:
      inset 0 0 0 3px #d7a84e,
      inset 0 0 0 5px rgba(31,20,7,.7),
      inset 0 0 0 7px #c38b31,
      0 0 0 2px #4f3009,
      0 7px 12px rgba(0,0,0,.42)!important;
  }
  .reference-service::before{
    right:111px!important;
    top:55px!important;
    width:70px!important;
    height:7px!important;
    margin:0!important;
    font-size:7px!important;
    line-height:7px!important;
    background:
      linear-gradient(#c9973e,#c9973e) left center/26px 1px no-repeat,
      linear-gradient(#c9973e,#c9973e) right center/26px 1px no-repeat!important;
  }
  .reference-service b{margin-bottom:7px!important;font-size:17px!important}
  .reference-service small{font-size:10px!important}
}