@import url("https://fonts.googleapis.com/css?family=Poppins|Roboto"); 
@media all{ 
  * { 
    box-sizing: border-box;
  } 

  .block--experian-devportal-content .block-products { 
    max-width: 815px;
  } 

  .col-xl-10,.col-lg-10 { 
    position: relative; 
    width: 100%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 992px){ 
  .col-lg-10 { 
    flex: 0 0 83.3333333333%; 
    max-width: 83.3333333333%;
  } 
}     

@media (min-width: 1200px){ 
  .col-xl-10 { 
    flex: 0 0 83.3333333333%; 
    max-width: 83.3333333333%;
  } 
}     

@media all{ 
  .row { 
    display: flex; 
    flex-wrap: wrap; 
    margin-right: -15px; 
    margin-left: -15px;
  } 

  .experian-layout { 
    margin-bottom: 3rem;
  } 

  .container { 
    width: 100%; 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
  } 
}     

@media (min-width: 768px){ 
  .container { 
    max-width: 738px;
  } 
}     

@media (min-width: 375px){ 
  .container { 
    max-width: 100%;
  } 
}     

@media (min-width: 992px){ 
  .container { 
    max-width: 100%;
  } 
}     

@media (min-width: 1200px){ 
  .container { 
    max-width: 1140px;
  } 
}     

@media all{ 
  .container .container { 
    padding-left: 0; 
    padding-right: 0;
  } 

  main { 
    display: block;
  } 

  body { 
    margin:  0; 
    font-family:  Roboto, sans-serif; 
    font-size:  1rem; 
    font-weight:  400; 
    line-height:  1.4; 
    color:  #575755; 
    text-align:  left; 
    background-color:  #fff;
    overflow-x: hidden;
  } 

  html { 
    font-family: sans-serif; 
    line-height: 1.15; 
    -webkit-text-size-adjust: 100%; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  } 

  *,:before,:after { 
    box-sizing: border-box;
  } 

  header { 
    display: block;
  } 

  header  { 
    margin-bottom:  1rem; 
    max-width:  none;
  } 

  footer { 
    display: block;
  } 
}     

@media (min-width: 992px){ 
  .vpfp footer  { 
    display: none !important;
  } 
}     

@media all{ 
  .vpfp footer  { 
    text-align: center; 
    margin-bottom: 60px; 
    display: none;
  } 

  h2 { 
    margin-top:   0; 
    margin-bottom:   1rem; 
    font-weight:  500; 
    line-height:  1.2; 
    color:  #333333;
    font-size: 2rem;
  } 

  .vpfp .row  { 
    display: flex; 
    flex-direction: column;
  } 
}     

@media (min-width: 375px){ 
  .vpfp .row  { 
    flex-flow: row wrap; 
    margin-right: -15px; 
    margin-left: -15px;
  } 
}     

@media all{ 
  .vpfp .row  { 
    flex-wrap:   nowrap !important;
    overflow:  auto !important;
    flex-direction: row; 
    -ms-overflow-style: none;
  } 

  .vpfp .row::-webkit-scrollbar, .vpfp .card.node.product.product--teaser .layout.layout--onecol:nth-of-type(2) .layout__region--content::-webkit-scrollbar, .card.node.product.product--teaser .layout.layout--onecol:nth-of-type(2) .vpfp .layout__region--content::-webkit-scrollbar { 
    display: none;
  } 

  .vpfp .row .views-row  { 
    margin-bottom: 46px; 
    display: flex; 
    flex: 0 0 280px !important; 
    max-width: 280px;
  } 
}     

@media (min-width: 992px){ 
  .vpfp .row .views-row  { 
    margin-bottom: 37px;
  } 
}     

@media all{ 
  .card { 
    display:  flex; 
    position:  relative; 
    flex-direction:  column; 
    min-width:  0; 
    word-wrap:  break-word; 
    background-color:  #fff; 
    background-clip:  border-box; 
    border:  1px solid rgba(0, 0, 0, 0.125); 
    border-radius:  0.25rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17); 
    margin-bottom: 2rem;
  } 

  .product--featured-product { 
    position: relative;
  } 

  .vpfp .row .card  { 
    margin-bottom: 15px;
  } 
}     

@media (min-width: 375px){ 
  .vpfp .row .card  { 
    display: flex; 
    flex: 1 0 0%; 
    flex-direction: column; 
    margin-right: 15px; 
    margin-bottom: 0; 
    margin-left: 15px;
  } 
}     

@media all{ 
  .node.product.product--featured-product { 
    width: 100%;
  } 

  .region-marker { 
    font-size: 14px; 
    line-height: 1; 
    font-weight: bold; 
    width: 30px; 
    height: 30px; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    color: #fff; 
    margin-bottom: 1rem;
  } 

  .product--featured-product .region-marker  { 
    position: absolute; 
    right: 0; 
    top: 0; 
    line-height: 1; 
    color: #fff;
  } 

  .card-body { 
    flex: 1 1 auto; 
    padding: 1.25rem;
  } 

  .layout--onecol .layout__region  { 
    width: 100%;
  } 

  .icon { 
    height: 100px; 
    width: 100px;
  } 

  i.icon { 
    display: inline-block; 
    background: url(https://developer.experian.com/modules/custom/experian_icons/assets/images/experian-icons.svg) no-repeat; 
    background-size: 930% 11352.5%; 
    background-image: url("https://developer.experian.com/modules/custom/experian_icons/assets/images/experian-icons.svg"); 
    background-position-x: initial; 
    background-position-y: initial; 
    background-repeat-x: no-repeat; 
    background-repeat-y: no-repeat; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: initial;
  } 

  .icon.i-primary-purple.i-registration { 
    background-position: 12.048192771084% 23.105976449678%;
  } 

  .node.product.product--featured-product i.icon  { 
    display: block; 
    margin: 0 auto; 
    margin-bottom: 10px;
  } 

  .node.product.product--featured-product .block span.title  { 
    display:  block; 
    margin-top:      0; 
    margin-bottom:   0.5rem;
    font-weight:  bold;
    line-height:     1.2; 
    color:   #333333; 
    font-size:  1.25rem; 
    text-align:  center; 
  } 

  .node.product.product--featured-product .product__teaser-message  { 
    margin-bottom: 20px; 
    text-align: center;
  } 

  .node.product.product--featured-product .product__field-cta-text  { 
    text-align: center;
  } 

  .icon.i-primary-purple.i-fraud { 
    background-position: 12.048192771084% 5.3321484114641%;
  } 

  .icon.i-primary-purple.i-rss-feed { 
    background-position: 12.048192771084% 24.883359253499%;
  } 

  a { 
    color:  #1d4f91;
    text-decoration:  none; 
    background-color:  transparent;
  } 

  .node.product.product--featured-product .product__field-cta-text a  { 
    color: #1d4f91;
  } 

  .node.product.product--featured-product .product__field-cta-text a:after  { 
    content: " >";
  } 

  a:hover { 
    color: #1d4f91; 
    text-decoration: underline;
  } 
}