/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.partner-program-example-header {
  background: #004C7E;
}

.partner-program-example-header * {
  color: white;
}

.partner-program-example-header h1 {
  font-size: 3.5rem;
}

@media screen and (max-width: 767px) {
  .partner-program-example-header h1 {
    font-size: 2.25rem;
  }
}

.partner_example_page__main {
  background: rgb(242,242,242);
}

.partner_example_page__main::before {
    background-image: url(//8572205.fs1.hubspotusercontent-na1.net/hubfs/8572205/raw_assets/public/assets/img/example-variation-background.svg);
  background-position: top center;
  background-size: cover;
    width: max(500px, 100vw);
    height: auto;
    aspect-ratio: 144 / 154;
    border: 0;
    left: 50%;
    transform: translateX(-50%);
  top: 0;
}

.bxcntntwrp.type2 {
    padding: 40px 60px;
    background: white;
}

.bxcntntwrp.type2 > .content-wrapper > :first-child {
    margin-top: 0 !important;
}

.bxcntntwrp.type2 > .content-wrapper > :last-child {
    margin-bottom: 0 !important;
  font-size: inherit: !important;
}

.bxcntntwrp.type2 h3 {
    color: #33B7DF;
    font-size: 2.1rem;
    text-align: center;
    margin: 2em 0 1em;
}

.bxcntntwrp.type2 p {
    text-align: left;
    margin: 1em 0;
    font-size: 1.6rem;
}

.bxcntntwrp.type2 p a {
    text-decoration: underline;
  font-size: inherit;
}

.bxcntntwrp.type2 p small {
    font-size: 0.8em
}

@media screen and (max-width: 767px) {
  .bxcntntwrp.type2 {
    padding: 20px 16px;
  }
  
  .bxcntntwrp.type2 h3 {
    font-size: 1.6rem;
    margin: 1.5em 0 0.75em;
  }
  
    .bxcntntwrp.type2 p {
    font-size: 1.2rem;
  }
}