/* Start:/local/templates/metib2023/components/metib/pages/private.metals/style.css?16850067462221*/
.metals-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -10px -10px -10px;
  padding: 0 0 20px 0;
}
.metals-list__item {
  flex: 0 0 33.3333%;
  padding: 10px;
}
.metals-list__item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #000000;
}
.metals-list__item a span {
  display: block;
}
.metals-list__item a:hover {
  color: #000000;
}
.metals-list__item a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(1, 49, 113, 0.04);
  border-radius: 12px;
}
.metals-list__item a:hover:before {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
.metals-list__item a:hover .metals-list__item--pic:before {
  top: -4px;
  right: -4px;
  left: -4px;
}
.metals-list__item--pic {
  padding: 0 10px;
  height: 180px;
  position: relative;
}
.metals-list__item--pic img {
  display: block;
  margin: 0 auto;
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
@media all and (max-width: 767px) {
  .metals-list__item--pic {
    height: 132px;
  }
}
.metals-list__item--pic:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  background: radial-gradient(34.9% 58.37% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%), linear-gradient(135deg, #5898ED 8.46%, #034296 90.85%);
}
.metals-list__item--text {
  padding: 24px 25px 24px 24px;
  position: relative;
}
.metals-list__item--text .name {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  .metals-list__item--text .name {
    font-size: 18px;
  }
}
.metals-list__item--text .name:first-child {
  margin-top: 0;
}
.metals-list__item--text .description {
  margin: 8px 0 0 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media all and (max-width: 767px) {
  .metals-list__item--text {
    padding: 20px;
  }
}
@media all and (max-width: 1199px) {
  .metals-list__item {
    flex: 0 0 50%;
  }
}
@media all and (max-width: 767px) {
  .metals-list {
    display: block;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/metib2023/components/metib/pages/private.metals/style.css?16850067462221 */