/* ICM Primary values from UX design */
/* Width - container, element, card, */
/* Margin */
/* padding */
/* Border */
/*
  Roboto font related weights
   https://fonts.google.com/specimen/Roboto?selection.family=Roboto:100,300,400,500,700,900
*/
/* font color, background color */
/* UI elements specific color */
/* Card specific color */
/* max width properties for UI Cards for different number of cards in a container */
/* one are more cards */
/* three are more cards */
i[x] {
  display: none !important; }

.single-page.page-bonds .grid-table {
  display: grid; }
  .single-page.page-bonds .grid-table .grid-table-row {
    display: grid;
    grid-template-columns: auto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.3px;
    text-align: left;
    padding: 20px;
    padding-left: 40px;
    border-bottom: 1px solid #e2e3e3; }
    .single-page.page-bonds .grid-table .grid-table-row .grid-table-label {
      color: rgba(0, 0, 0, 0.6); }
    .single-page.page-bonds .grid-table .grid-table-row .grid-table-value {
      color: rgba(0, 0, 0, 0.8); }
    .single-page.page-bonds .grid-table .grid-table-row.grid-table-header {
      color: #004c96;
      background: #e2e3e3;
      font-size: 18px; }
  .single-page.page-bonds .grid-table.grid-table-4 .grid-table-row {
    grid-template-columns: auto 35% 20% 20%; }

.single-page.page-bonds .page-header {
  background: url(../../assets/img/single_market_page/banner2.png) no-repeat center right; }

.single-page.page-bonds .page-first-text::before {
  background: url(https://www.icmarkets.com/assets/img/single_market_page/icon-bond.svg) center center no-repeat transparent; }

.single-page.page-bonds .bonds-image {
  background: url(../../assets/img/single_market_page/bondsimg.png) center center no-repeat transparent; }

.single-page.page-bonds .market-facts-card .facts-item::before {
  color: #2955ff; }

.single-page.page-bonds .market-facts-card .action-button {
  background: #2955ff; }

@media screen and (max-width: 640px) {
  .single-page.page-bonds .single-design-table .table-row {
    height: 150px !important; } }