/* This stylesheet is for the VSM  " True North " reskin of the BizOps landing page template */
/*------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/* VSM Template: https://app.hubspot.com/design-manager/5156294/code/102290211864?tfid=56174672549 */
/*------------------------------------------------------------------------------------------------*/
/*-------------------*/
/*-------------------*/

/* styles written here will only affect modules in that template. but to be super careful, the template has a body class of ".vsm-template" and ".true-north" - so that can be an extra way to add specificity */
/* theme dictates some pretty large font-sizes -- we'll leverage 1440 as our first primary breakpoint for changing font-sizes + element proportions so things don't look honkin on laptops. */
/* organized with global styles up top, and followed by each individual module with relative media quiries 


/**********************************************/
/*global*/
/**********************************************/
body {
  background-image:url('https://www.software.broadcom.com/hubfs/VSM_True-North/provided/TrueNorth_gradientBG_borderless.jpg');
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
body:before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  background-image:url('https://www.software.broadcom.com/hubfs/VSM_True-North/provided/Grid%20lines.png');
  background-position: top;
  background-size: contain;
  background-repeat:repeat-x;
  opacity:.75;
  z-index: 2;
  pointer-events:none;
}
body strong {
  font-family: "Gotham Bold", sans-serif;
}
body section h2,body section h2 span {
  /*font-size: 84rem!important;
   letter-spacing: -2rem!important;*/
  font-size: 50rem!important;
  letter-spacing:.25rem!important;
  font-family: "Gotham Medium", sans-serif!important;
  line-height:1;
}
section {
  position: relative;
/*   z-index:1; */
}

/***** global media quiries *****/
/* global 1440 */
@media (max-width: 1440px) {
  body section h2,body section h2 span {
    margin-bottom: 20rem!important;
  }
}
/* global 768 */
@media(max-width: 768px){
  body:before {
    background-size: unset;
  }
}
/* global 580 */
@media (max-width: 580px) {
  body section h2,body section h2 span {
    font-size: 36rem!important;
    letter-spacing:.25rem!important;
    margin-bottom: 20rem!important;
    line-height:1.4!important;
  }
}





/**********************************************/
/*Header Footer*/
/**********************************************/
body.u4-landing-page header.u4m-header .logo {
  padding: 35rem;
  pointer-events: none;
}
header.u4m-header .inner .logo {
  padding: 35rem 0 0 0!important;
}
header.u4m-header .inner .logo img {
  content:url('https://www.software.broadcom.com/hubfs/VSM_True-North/provided/ValueOps%20logo.png');
  max-width: 280rem;
  margin-left: -20rem;
}
footer.u4m-footer {
    padding: 20rem;
    background-color: #fff;
}
footer.u4m-footer .utility .left img {
    pointer-events: none;
}
/***** header footer media quiries *****/
/* header footer 1024 */
@media(max-width:1024px){
  header.u4m-header .inner button.hamburger-toggle {
    display: none;
  }
}
/* header footer 580 */
@media(max-width: 580px){
  header.u4m-header .inner .logo img {
    max-width: 200rem;  
  }
  header.u4m-header .inner .logo {
    padding-top:0!important;
  }
  
  footer.u4m-footer .utility {
    justify-content: center;
  }
  
}





/**********************************************/
/*banner*/
/**********************************************/
section.u4m-banner {
  position: -webkit-sticky; /* Safari */  
  position: fixed;
  bottom: 0;
  background-color: white;
  font-family: Gotham Bold,sans-serif;
  padding: 10rem 0 10rem 0;
  width: 100%;
  z-index: 999;
}
section.u4m-banner div.content div.text {
  color: black;
}
section.u4m-banner div.content div.cta {
  border-radius: 100rem;
  background-color: #F3BA16;
  border: none;
  margin: 5rem 10rem;
  padding: 13rem 25rem;
  text-transform: uppercase;
}
section.u4m-banner div.content div.cta:hover {
  background-color: #53565a;
  color: white;
}
section.u4m-banner div.content div.cta a {
  font-family: "Gotham Bold", sans-serif;
  font-weight: bold;
  color: black;
}

section.u4m-banner div.content div.cta a:hover,section.u4m-banner div.content div.cta:hover a {
  color: white;
}

section.u4m-banner div.content div.close span {
  color: rgba(0,0,0,.6);
}

section.u4m-banner div.content div.close span:hover {
  color: rgba(0,0,0,1);
}



/**********************************************/
/*hero*/
/**********************************************/
section.u4m-hero {
  background-position: bottom;  
  overflow: hidden;
}
section.u4m-hero .overlay {
  height:40%;
  top:auto;
  bottom:180rem;
}
section.u4m-hero .content-wrap {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240rem;
  padding: 250rem 20rem 350rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 3;
}
section.u4m-hero .content-wrap.ty-page-hero {
  padding: 250rem 20rem 250rem;
}
section.u4m-hero .content-wrap.has-logo-image {
  padding: 100rem 20rem 250rem;
}
section.u4m-hero .content-wrap.has-video_not_a_popup {
 padding: 250rem 20rem 150rem;
}

section.u4m-hero .content-wrap .copy {
  position: relative;
}
section.u4m-hero .content-wrap .copy * {
    position: relative;

}
section.u4m-hero .content-wrap .copy .logo-image {
  border-radius: unset;
  background-color: unset;
  padding: unset;
  box-shadow: unset;
  display: flex;
  justify-content: center;
  align-items: center; 
  margin: 0 auto 30px;
}
section.u4m-hero .content-wrap .copy .logo-image:hover {
background-color: unset;
}
section.u4m-hero .content-wrap .copy .logo-image:after {
  content: unset;
}
section.u4m-hero .content-wrap .copy .eyebrow {
  font-family: "Gotham Bold", sans-serif; 
  font-size: 28rem;
  line-height: 1.2;
  letter-spacing: 0.25rem;
  margin-bottom: 20rem;
  text-shadow:  2px 2px 20px rgba(0,0,0,.85);
  position: relative; 
  z-index: 3;
}
section.u4m-hero .content-wrap .copy .eyebrow span {
  font-family: "Gotham Bold", sans-serif; 
}

/*for TYP hero */
section.u4m-hero .content-wrap .copy .eyebrow p {
  margin-top:0;
  margin-bottom:0;
  font-size: 22rem;
  font-family: "Gotham Bold", sans-serif;
  color: #F3BA16;
}

section.u4m-hero .content-wrap .copy .eyebrow span:nth-of-type(2) {
  color: #F3BA16;
  font-family: "Gotham Book", sans-serif;
  font-size: 16rem;
}
section.u4m-hero .content-wrap .heading,section.u4m-hero .content-wrap .subheading {
  position: relative;
  z-index:3;
}
section.u4m-hero .content-wrap .copy .heading {
  font-family: "Gotham Book", sans-serif;
  font-size: 70rem;
  font-weight: lighter;
  letter-spacing: 0.25rem;
  margin-bottom: 10rem;
  line-height: .9;
  margin-top: 0;
  position: relative;
  z-index:3;
}
section.u4m-hero .content-wrap .copy .heading img {
  filter: drop-shadow(2px 2px 20px rgba(0,0,0,.85));
  margin-top: 20rem;
  display: block;
  position: relative;
  max-width:750rem;
  z-index: 3;
}
section.u4m-hero .content-wrap .copy .heading span {
  font-family: "Gotham Bold", sans-serif;
  font-weight: bold;
  color: #F3BA16;
  letter-spacing: 0.25rem;
  margin-top: 0;
}
section.u4m-hero .content-wrap .copy .subtext {
  font-family: "Gotham Medium", sans-serif;
  font-size: 40rem;
  line-height: 1.3;
  letter-spacing: 0.25rem;
  margin-bottom: 20rem;
  max-width: 750rem;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index:2;
  text-shadow:  2px 2px 20px rgba(0,0,0,.85);
}
section.u4m-hero .content-wrap.text-left .copy .subtext {
  margin-left:0;
  max-width:890rem;
}
 section.u4m-hero .content-wrap .copy .subtext {
    font-size: 26rem;
}
section.u4m-hero .content-wrap .copy .subtext span {
  font-family: "Gotham Bold", sans-serif;
  font-size: 24rem;
  font-weight: bold;
  line-height: 1.2;
  color: #F3BA16;
  letter-spacing: 0.25rem;
  margin-bottom: 10rem;
  max-width: 750rem;
  margin-right: auto;
  margin-left: auto;
  display:block;
  margin-top: 20rem;
  text-align: left;
  margin-left:0;
}
section.u4m-hero .content-wrap .copy span.url {
  display: block;
}
section.u4m-hero .content-wrap .copy span.url:before {
  content: url(https://www.software.broadcom.com/hubfs/VSM_True-North/provided/purpleRadialGradient.svg);
  position: absolute;
  width: 1100rem;
  height: 1100rem;
  display: block;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 0;
  overflow: hidden;
  pointer-events: none;
}
/* hide purple gradient */
section.u4m-hero .content-wrap.without-purple-gradient .copy span.url:before {
  content: unset;
}
section.u4m-hero .content-wrap .copy a {
  border-radius: 100rem;
  background-color: #F3BA16;
  border: none;
  color: black;
  margin: 0;
  padding: 10rem 55rem;
  font-size: 22rem;
  text-transform: uppercase;
  box-shadow:  2px 2px 20px rgba(0,0,0,.85);
}  
section.u4m-hero .content-wrap .copy a:hover, section.u4m-hero .content-wrap .copy a:focus {
  border: none;
  background-color: #53565a;
  color: #fff;
}

section.u4m-hero .content-wrap .copy a:after{
    transition: .2s ease all;
}
section.u4m-hero .content-wrap .copy a:hover:after {
    transform:translateX(5px);
}

/***** hero media quiries *****/
/* hero 1440 */
@media (max-width: 1440px) {
  section.u4m-hero .content-wrap .copy .subtext {
    max-width: 550rem!important;
    margin-bottom: 20rem!important;
  }  
  section.u4m-hero .content-wrap .copy a {
    margin: 10rem 0 0 0;  
  }
}
/* hero 1024 */
@media (max-width: 1024px) {
  section.u4m-hero .content-wrap .copy {
    max-width: 750rem;
    margin-left: auto;
    margin-right: auto;
  } 
  section.u4m-hero .content-wrap .copy .eyebrow {
    font-size: 18rem;
  }
  section.u4m-hero .content-wrap .copy .heading {
    font-size: 40rem;
  }    
}
/* hero 768 */
@media(max-width: 768px){
  section.u4m-hero .content-wrap .copy .eyebrow {
    font-size: 16rem;
  }
  section.u4m-hero .content-wrap .copy .eyebrow {
    font-size: 14rem;
  }
  section.u4m-hero .content-wrap .copy .heading img {
    max-width:550rem;
  }
  section.u4m-hero .content-wrap .copy .subtext span {
    font-size: 18rem;
  }
  section.u4m-hero .content-wrap.has-video_not_a_popup {
    display: block;
}
}
/* hero 580 */
@media (max-width: 580px) {
  section.u4m-hero .content-wrap {
    padding: 200rem 20rem 100rem;
    display: block;
  }
  section.u4m-hero .content-wrap.ty-page-hero {
  padding: 200rem 20rem 200rem;
}
  section.u4m-hero .content-wrap.has-video_not_a_popup {
 padding: 200rem 20rem 100rem;
}
  section.u4m-hero .content-wrap .copy .heading img {
    max-width:100%;
  }
  section.u4m-hero .content-wrap .copy .heading {
    font-size: 35rem;
    margin-bottom: 20rem;
  }
  section.u4m-hero .content-wrap .copy .subtext {
    font-size: 22rem;
    line-height:1.4;
  }
  section.u4m-hero .content-wrap .copy a {
    font-size: 18rem;
    margin: 30rem 0 0 0;  
  }
}
/* hero 450 */
@media (max-width: 450px) {
  section.u4m-hero .content-wrap {
    padding: 180rem 20rem 100rem;
  }  
  section.u4m-hero .content-wrap .copy .subtext {
    font-size: 20rem;
    line-height:1.4;
    font-family: "Gotham Book",sans-serif;
  }
}






/**********************************************/
/* u4m rich text and callouts */
/**********************************************/
section.u4m-rich-text-and-callouts {
  margin-top: -230rem;
  z-index:3;
}
/* rich text */
section.u4m-rich-text div.content h1 span, section.u4m-rich-text div.content h2 span, section.u4m-rich-text div.content h3 span, section.u4m-rich-text div.content h4 span,section.u4m-rich-text div.content h5 span, section.u4m-rich-text div.content h6 span {
  color:#f3ba16;
}
section.u4m-rich-text-and-callouts div.content h1 span, section.u4m-rich-text-and-callouts div.content h2 span, section.u4m-rich-text-and-callouts div.content h3 span, section.u4m-rich-text-and-callouts div.content h4 span,section.u4m-rich-text-and-callouts div.content h5 span, section.u4m-rich-text-and-callouts div.content h6 span {
  color:#f3ba16;
}
section.u4m-rich-text-and-callouts .richtext-container h2 {
  letter-spacing: -5.6rem;
}
section.u4m-rich-text-and-callouts .richtext-container p,section.u4m-rich-text-and-callouts .richtext-container p span {
  font-size: 20rem;
  line-height: 1.4;
}
/* callouts */



section.u4m-rich-text-and-callouts .callouts-container .intro h3 {
  font-size: 40rem;
  letter-spacing:-1.5rem;
}
section.u4m-rich-text-and-callouts .callouts-container .intro p {
  font-family: Gotham Bold,sans-serif!important;
}
section.u4m-rich-text-and-callouts .callouts-container .callout p {
  letter-spacing: 1rem;
  line-height:1.3;
}
section.u4m-rich-text-and-callouts .callouts-container .callout h4 {
  letter-spacing: -1rem;
  max-width:300rem;
  width:100%;
  margin-left:auto;
  margin-right: auto;
}

section.u4m-rich-text-and-callouts div.content.two-col div.callouts-container div.callout div.callout-image img {
  height: 75px!important;
}


/***** rich text and callouts media quiries *****/
/* rich text and callouts 1440 */
@media(max-width: 1440px){
  
  section.u4m-rich-text-and-callouts .callouts-container .intro h3 {
    font-size: 36rem;
    letter-spacing:.25rem;
  }
  section.u4m-rich-text-and-callouts .callouts-container .intro p {
    font-size: 20rem!important;
  }    
}
/* rich text and callouts 1024 */
@media(max-width: 1024px){
  section.u4m-rich-text-and-callouts .richtext-container p,section.u4m-rich-text-and-callouts .richtext-container p span {
    font-size: 20rem;
    line-height: 1.6;
  }
  section.u4m-rich-text-and-callouts div.content.two-col{
    flex-direction: column-reverse;
  }
  section.u4m-rich-text-and-callouts div.content.two-col div.callouts-container div.callout div.callout-content {
    max-width: unset;
  }
}
/* rich text and callouts 768 */
@media(max-width: 768px){
  section.u4m-rich-text-and-callouts .callouts-container {
    padding: 40rem 20rem!important;
  }
  section.u4m-rich-text-and-callouts .callout:not(:last-of-type){
    margin-bottom:50rem!important;
  }
}

/* rich text and callouts 580 */
@media(max-width: 580px){
  section.u4m-rich-text-and-callouts {
    margin-top:0;
  }
}




/**********************************************/
/* u4m cards */
/**********************************************/
section.u4m-cards {
  background-position: top;
  z-index: 3;
}
section.u4m-cards .heading {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240rem;
  padding-left: 20rem;
  padding-right: 20rem;
  font-family: "Gotham Book", sans-serif;
  letter-spacing: 0.25rem;
  margin-bottom: 5rem;
  line-height: 1.2;
  text-align: left;
  color: white;
}
section.u4m-cards .heading span {
  font-family: "Gotham Bold", sans-serif;
  font-size: 50rem;
  font-weight: bold;
  color: #F3BA16;
}
section.u4m-cards .subheading {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240rem;
  padding-left: 20rem;
  padding-right: 20rem;
  font-family: "Gotham Book", sans-serif;
  font-size: 22rem;
  line-height: 1.4;  
  letter-spacing:.25rem;
  /* Shrinking text per client request
  font-size: 34rem;
  line-height: 1.2;
  letter-spacing: -1px;*/
  margin-bottom: 20rem;
  margin-top:10rem;
  font-weight: normal;
  text-align: left;
  color: white;
  position: relative;
  z-index:1;
}
section.u4m-cards .subheading span {
  margin-right:auto;
  margin-left: 0;
  display: block;
  max-width: 1040rem;
  width: 100%;
}
section.u4m-cards .subheading .date {
  margin:0 0 5rem;
  display: block;
  max-width: 1040rem;
  width: 100%;
  font-size: 36rem;
  letter-spacing: 0.25rem;
  line-height: 1.2;
  font-family: "Gotham Bold", sans-serif;
  font-weight: bold;
  color: #F3BA16;
  display: inline-flex;
  justify-content: center;
}
section.u4m-cards .wrapper div.card {
  margin: 20rem 30rem;
  padding: 10rem;
  background-color: #FFFFFF00;
  -ms-flex-preferred-size: calc(33.333% - 30rem);
  flex-basis: calc(33.333% - 30rem);
  padding: 0;
  -webkit-box-shadow: 0 5rem 25rem 0 rgb(83 86 90 / 0%);
  box-shadow: 0 5rem 25rem 0 rgb(83 86 90 / 0%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 280rem;
  text-align: center;
  position: relative;
}
section.u4m-cards .wrapper div.image img {
    margin: 0 auto;
    border-radius: 100rem;
    -webkit-box-shadow: 0 0rem 40rem 0 rgb(243 186 22 / 60%);
    box-shadow: 0 0rem 40rem 0 rgb(243 186 22 / 60%);
}
section.u4m-cards .wrapper div.card div.image {
  min-height: 180rem;
  background-image: none;
  position: relative;
  z-index:1;
}
section.u4m-cards .wrapper div.card div.content {
  position: relative;
  z-index:1;
}
section.u4m-cards .wrapper div.card div.content span.title {
  font-family: "Gotham Book", sans-serif;
  font-size: 24rem;
  font-weight: lighter;
  letter-spacing: 0.25rem;
  margin-bottom: 30rem;
  line-height: 1.2;
  display: block;
  color: white;
  margin-top: 5rem;
  margin-bottom: 15rem;
}
section.u4m-cards .wrapper div.card div.content span.title span{
  font-family: "Gotham Bold", sans-serif;
  font-size: 24rem;
  font-weight: bold;
  letter-spacing: 0.25rem;
  color: #f3ba16;
}
section.u4m-cards .wrapper div.card div.content span.teaser {
  font-family: "Gotham Book", sans-serif;
  font-size: 16rem;
  line-height: 1.6;
  letter-spacing: 0.35rem;
  margin-bottom: 20rem;
  color: white;
  display: block;
}

/***** cards media quiries *****/
/* cards 1440 */
@media(max-width: 1440px) {
  
}
/* cards 1024 */
@media (max-width:1024px){
  section.u4m-cards .heading, section.u4m-cards .subheading {
    text-align: left;
    max-width: 750rem!important;
    width:100%;
    margin-left: auto;
    margin-right: auto;
  }
  section.u4m-cards .subheading {
    font-size:20rem!important;
    line-height:1.6!important;
    letter-spacing: .25rem;
  }
}
/* cards 580 */
@media (max-width: 580px) {
  section.u4m-cards .subheading .date {
    font-size: 28rem;
    margin-bottom: 0rem;
    line-height: 1.4;
  }
}


/***********************************************/
/* HubSpot Image module - Full Width Map Image */
/***********************************************/
.hs_cos_wrapper_type_module img.hs-image-widget {
    display: block;
    margin-bottom: -150px;
    margin-top: -280px;
    position: relative;
    z-index:2;
    margin-left:auto;
    margin-right:auto;
  pointer-events:none;
  width: 100%;
  max-width: 2560rem!important;
}

/***** Full Width Map Image media quiries *****/
/* Full Width Map Image 1280 */
@media(max-width: 1280px){
  .hs_cos_wrapper_type_module img.hs-image-widget {
    margin-bottom: -130px;
    margin-top: -250px;
  }  
}
/* Full Width Map Image 1024 */
@media(max-width: 1024px){
  .hs_cos_wrapper_type_module img.hs-image-widget {
    margin-bottom: -100px;
    margin-top: -200px;
  }  
}
/* Full Width Map Image 768 */
@media(max-width: 768px){
  .hs_cos_wrapper_type_module img.hs-image-widget {
    margin-top: -150px;
    margin-bottom: -50px;
  }  
}
/* Full Width Map Image 580 */
@media(max-width: 580px){
  .hs_cos_wrapper_type_module img.hs-image-widget {
    transform:scale(1.5);
    margin-top: -90rem;
    margin-bottom:0;
    right: -24rem;
    position: relative;
  }  
}


/**********************************************/
/* alternating content */
/**********************************************/
/*content*/
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content {
  flex: auto;
  max-width: 680rem;
  width: 100%;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner:not(.left) .content {
  padding-left: 35rem;
  padding-right:0;

}
section.u4m-alternating-content .u4m-alternating-content-inner .inner.left .content {
  padding-right: 35rem;
  padding-left:0;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content .eyebrow {
  font-family: "Gotham Book", sans-serif;
  font-size: 20rem;
  letter-spacing: 1rem;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10rem;
  color: #f3ba16;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content h2 {
  font-family: "Gotham Book", sans-serif;
  font-size: 84rem;
  letter-spacing: 0rem;
  margin-bottom: 30rem;
  line-height: 1.2;
  margin: 0 0 20rem;
  color: white;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content h2 span{
  color: #f3ba16;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content h3 {
  font-family: "Gotham Book", sans-serif;
  font-size: 28rem;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 30rem;
  line-height: 1.2;
  color: white;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content h3 span{
  font-family: "Gotham Book", sans-serif;
  color: #f3ba16;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content h4 {
  font-size: 28px;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content p strong,section.u4m-alternating-content .u4m-alternating-content-inner .inner .content strong {
  font-family: Gotham Bold,sans-serif!important;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content p {
  font-family: "Gotham Light", sans-serif;
  font-size: 27rem;
  line-height:1.4;
  color: white;
  max-width: 630rem;
  letter-spacing:0;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .content span.url a {
  color: #f3ba16;
}
/* additional content */
section.u4m-alternating-content .u4m-alternating-content-inner .inner .additional-content {
  flex: auto;
  max-width: 515rem;
  width: 100%;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .additional-content .image {
  margin-right: 45rem;
}
section.u4m-alternating-content .u4m-alternating-content-inner .inner .additional-content .image img {
  max-width: 515rem;
}

/***** alternating content media quiries *****/
/* alternating content 1440 */
@media(max-width: 1440px){
 section.u4m-alternating-content .u4m-alternating-content-inner .inner .content h4 {
    font-size: 22px;
  } 
  section.u4m-alternating-content .u4m-alternating-content-inner .inner .content p {
    font-size: 22rem;
    line-height:1.6;
    color: white;
    letter-spacing:.25rem;
  }      
}
/* alternating content 1024 */
@media(max-width: 1024px){
  section.u4m-alternating-content .u4m-alternating-content-inner .inner .content p {
    font-size: 20rem;
    line-height:1.6;
    color: white;
  }
}
/* alternating content 768 */
@media(max-width: 768px) {
  section.u4m-alternating-content .u4m-alternating-content-inner .inner:not(.left) .content {
    padding-left: 0;
    padding-right: 0;
  }
  section.u4m-alternating-content .u4m-alternating-content-inner .inner.left .content {
    padding-right: 0;
    padding-left:0;
  } 
  section.u4m-alternating-content .u4m-alternating-content-inner .inner .content p {
    max-width: unset;
  }  
  section.u4m-alternating-content .u4m-alternating-content-inner .inner .content {
    max-width: unset;
  }   
}






/**********************************************/
/* team grid */
/**********************************************/
section.u4m-team-grid {
  position: relative;
  overflow:visible;
}
section.u4m-team-grid:before {
  content: '';
  background-image: url(https://www.software.broadcom.com/hubfs/VSM_True-North/provided/map-left.png);
  width: 200rem;
  height: 800rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  position: absolute;
  right: auto;
  left: 0;
  top: 0;
  pointer-events: none;
}
section.u4m-team-grid .intro {
  text-align: left;
  margin: 0 auto 40rem;
  position: relative;
}
section.u4m-team-grid .intro .heading {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240rem;
  padding-left: 20rem;
  padding-right: 20rem;
  font-family: "Gotham Book", sans-serif;
  letter-spacing: 0.25rem;
  margin-bottom: 30rem;
  line-height: 1.2;
  color: white;
}
section.u4m-team-grid .intro .heading span {
  color: #f3ba16;
}
section.u4m-team-grid .intro p {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240rem;
  padding-left: 20rem;
  padding-right: 20rem;
  font-family: "Gotham Book", sans-serif;
  font-size: 22rem;
  line-height: 1.4;
  letter-spacing: -1rem;
  margin-bottom: 20rem;
  font-weight: normal;
  color: white;
}
section.u4m-team-grid .intro p span {
/*   max-width: 850rem; */
  width: 100%;
  margin-left:0;
  margin-right: auto;
  display: block;
}
section.u4m-team-grid .member-wrap {
  max-width: 1340rem;
}
section.u4m-team-grid .member-wrap .member {
  flex: 0 1 calc(25% - 20rem);
  margin-left:10rem;
  margin-right:10rem;
  margin-bottom:0;
  flex-grow:1;
  max-width: 270rem;
  width: auto;
}
section.u4m-team-grid .member-wrap .member:hover {
  -webkit-box-shadow: 0rem 6rem 12rem 0 rgba(243, 186, 22, 0.0);
  box-shadow: 0rem 6rem 12rem 0 rgba(243, 186, 22, 0.0);
  background-color: #ffffff00;
}
section.u4m-team-grid .member-wrap .member .inner {
  position: relative;
}
section.u4m-team-grid .member-wrap .member .inner .headshot,section.u4m-team-grid .member-wrap .member .inner .inner__inner {
  position: relative; 
  z-index: 1;
}
section.u4m-team-grid .member-wrap .member .inner .headshot {
  width: 150rem;
  height: 150rem;
  margin-bottom: 20rem;
}
section.u4m-team-grid .member-wrap .member>.inner{     
  background-color: #ffffff00;   
}
section.u4m-team-grid .member-wrap .member>.inner .inner__inner .eyebrow {
  color: white;
  text-transform: none;
  min-height: 78px;
  font-size: 16rem;
}
section.u4m-team-grid .member-wrap .member>.inner .inner__inner .eyebrow span {
 text-transform: none;
 color: white;
 font-size: 27rem;
 line-height: 1.2;
 font-family: "Gotham Light", sans-serif;
}
section.u4m-team-grid .member-wrap .member>.inner .inner__inner .eyebrow strong {
  display:block;
  margin-top: 20rem;
  position: relative;
  line-height: 1.4;
}
section.u4m-team-grid .member-wrap .member>.inner .inner__inner .eyebrow strong:before {
  content:'';
  position: absolute;
  width: 80rem;
  height: 2rem;
  background-color: white;
  top:-10rem;
  left:50%;
  transform:translateX(-50%);
  opacity:.75;
}
section.u4m-team-grid .member-wrap .member > .inner .inner__inner h5 {
  font-family: "Gotham Medium", sans-serif;
  font-size: 20rem;
  margin: 0 0 10rem;
  color: white;
}
section.u4m-team-grid .member-wrap .member > .inner .inner__inner h5 span {
  font-size: 20rem;
  margin: 0 0 10rem;
  color: #F3BA16;
}

section.u4m-team-grid .member-wrap .member > .inner .inner__inner h5 strong {
  margin-top: 5rem;
  display:block;
}

section.u4m-team-grid .member-wrap .member .mfp-bio-popup-link {
  display: none;
}
section.u4m-team-grid .member-wrap .member .mfp-bio-popup-link:after {
  display: none;
}


section.u4m-team-grid div.load-more-container button {
  border-radius: 100rem;
  background-color: #F3BA16;
  border: none;
  color: black;
  margin: 50rem 0 0 0;
  padding: 10rem 55rem;
  font-size: 22rem;
  text-transform: uppercase;
  box-shadow:  2px 2px 20px rgba(0,0,0,.85);
}

section.u4m-team-grid div.load-more-container button:hover {
  border: none;
  background-color: #53565a;
  color: #fff;
}



/***** team grid media quiries *****/
/* team grid 1440 */
@media(max-width: 1440px){
  section.u4m-team-grid .member-wrap .member .inner .headshot {
    width: 120rem;
    height: 120rem;
  }
  section.u4m-team-grid .intro p {
    margin-top:0;
  }
  section.u4m-team-grid .member-wrap .member>.inner .inner__inner .eyebrow span {
    font-size: 18rem;  
  }      
}
/* team grid 1280 */
@media(max-width: 1280px){
  section.u4m-team-grid .member-wrap .member {
    flex: 0 1 calc(25% - 40rem);
  }
}
/* team grid 1024 */
@media(max-width: 1024px) {
  section.u4m-team-grid .member-wrap .member>.inner .inner__inner .eyebrow span {
  line-height: 1.4;
    display: block;
    margin-top: -10rem;
  }
  section.u4m-team-grid .member-wrap .member {
    flex: 0 1 calc(50% - 20rem);
    margin-bottom:0;
    margin-left: auto;
    margin-right: auto;
  }
  section.u4m-team-grid .intro {
    max-width: 750rem;
    margin-left: auto;
    margin-right: auto;
  }  
  section.u4m-team-grid .intro p {
    font-size: 20rem;
    line-height: 1.6; 
  }    
}
/* team grid 580 */
@media(max-width: 580px){
  section.u4m-team-grid div.load-more-container button {
    font-size: 18rem;
  }
}





/**********************************************/
/* event schedule */
/**********************************************/
section.u4m-event-schedule {
  background-image:none;
  position: relative;
  padding-top: 60rem;
  padding-bottom:0;
  margin-bottom:100rem;
}
section.u4m-event-schedule:before {
    content: '';
    background-image: url(https://www.software.broadcom.com/hubfs/VSM_True-North/provided/map-right.png);
    width: 350rem;
    height: 1100rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    right: 0;
    left: auto;
    top: -140px;
    pointer-events: none;
}
section.u4m-event-schedule .u4m-event-schedule-inner {
  max-width: 1240rem;
}
section.u4m-event-schedule .events .event-details {
  text-align: right;
  margin-bottom:10rem;
  /*Hide date per client request... then unhiding per later request*/
  /*   display: none; */
}
section.u4m-event-schedule .u4m-event-schedule-inner .events {
  padding:0;
}
section.u4m-event-schedule .times span, section.u4m-event-schedule .times .event-end-time {
  /* Show end time per client request
   * display: none;*/
}
section.u4m-event-schedule .u4m-event-schedule-inner .event:last-of-type:before {
  content: '';
  position: absolute;
  bottom: -8rem;
  height: 1rem;
  width: 100vw;
  background: white;
  opacity: 1;
  right: calc(60% - 100vw);
}
/*if truncation is applied*/
section.u4m-event-schedule .u4m-event-schedule-inner.truncated .event:nth-of-type(4):before {
  content: '';
  position: absolute;
  bottom: -8rem;
  height: 1rem;
  width: 100vw;
  background: white;
  opacity: 1;
  right: calc(60% - 100vw);
}

section.u4m-event-schedule .u4m-event-schedule-inner .event .event-info {
  flex: 0 0 60%;
}
section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info:before {
  border: 3rem solid white;
  box-shadow: none;
  width: 20rem;
  height: 20rem;
  left: -10rem;
  top:-5rem;
}
section.u4m-event-schedule .u4m-event-schedule-inner .event .event-info:after {
  background:white!important;
  opacity:1!important;
}
section.u4m-event-schedule .u4m-event-schedule-inner .event:last-of-type .event-info:after {
  height:85%;
  top: 60%;
}
/* if truncation applied */
section.u4m-event-schedule .u4m-event-schedule-inner.truncated .event:nth-of-type(4) .event-info:after {
  height:85%;
  top: 60%;
}
section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info h3 {
  font-size: 28rem;
}
section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info p {
  margin: 0 auto 60rem 0;
  max-width: 480rem;
  font-size: 18rem;
  font-family: "Gotham Light", sans-serif;
}
section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info em {
  display: block;
  margin-bottom: 6rem;
  transform: translateY(-8rem);
}
section.u4m-event-schedule .u4m-event-schedule-inner .event .event-date-times {
  max-width: unset!important;
  flex: 0 0 40%!important;
  margin-top:0;
}
section.u4m-event-schedule .u4m-event-schedule-inner .event .times, section.u4m-event-schedule .u4m-event-schedule-inner .event .times .event-start-time {
  color:#f3ba16!important;
  font-size: 28rem;
  font-family: "Gotham Light", sans-serif;
  line-height: 0;
  display: flex;
  align-items:center;
  min-height: 22rem;
  justify-content: flex-end;
  align-items: center;
}
section.u4m-event-schedule .u4m-event-schedule-inner .event .event-details p {
  font-size: 28rem!important;
  margin-bottom:0;
  font-family: "Gotham Bold", sans-serif;
  line-height:1.2;
  margin-top: 5rem;
  color:#f3ba16!important;
}
section.u4m-event-schedule .u4m-event-schedule-inner .load-more-container button.view-all-events,section.u4m-event-schedule .u4m-event-schedule-inner .load-more-container button.view-less-events{
  border-radius: 100rem!important;
  background-color: #F3BA16!important;
  border: none!important;
  color: black!important;
  margin: 50rem 0 0 0!important;
  padding: 10rem 55rem!important;
  font-size: 22rem!important;
  text-transform: uppercase!important;
  box-shadow:  2px 2px 20px rgba(0,0,0,.85)!important;
}

section.u4m-event-schedule .u4m-event-schedule-inner .load-more-container button.view-all-events:hover, section.u4m-event-schedule .u4m-event-schedule-inner .load-more-container button.view-less-events:hover{
  border: none!important;
  background-color: #53565a!important;
  color: #fff!important;
}




/***** event schedule media quiries *****/
/* event schedule 1440 */
@media(max-width: 1440px){
  section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info p {
    font-size: 20rem;
  }
}
/* event schedule 1280 */
@media(max-width: 1280px){
  section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info p {
    max-width: unset;
  }
}
/* event schedule 1024 */
@media(max-width:1024px) {
  section.u4m-event-schedule .u4m-event-schedule-inner {
    max-width: 900rem;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .event:last-of-type:before {
    right:-50vw;
    width:200vw;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner.truncated .event:nth-of-type(3):before {
    right:-50vw;
    width:200vw;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .event .event-details p {
    font-size: 24rem!important;
    margin-top:8rem;
  }    
}
/* event schedule 768 */
@media(max-width: 768px) {
  section.u4m-event-schedule .u4m-event-schedule-inner .event {
    background-color: rgba(0,0,0,.15);
/*     flex-direction: column-reverse!important; */
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .event .times, section.u4m-event-schedule .u4m-event-schedule-inner .event .times .event-start-time {
    margin-bottom: 10rem;  
    font-family:'Gotham Bold', sans-serif!important;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-date-times,section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info {
    padding: 0 30rem;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-date-times .event-times {
    transform: scale(.8);
    transform-origin: left;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .event .times, section.u4m-event-schedule .u4m-event-schedule-inner .event .times .event-start-time {
    justify-content: flex-start;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .events .event .event-info h3 {
    font-size: 24rem;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .event .event-details p {
    margin-top:unset;
    text-align: left;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .event {
    padding-top: 70rem!important;
  }
  section.u4m-event-schedule .u4m-event-schedule-inner .event:last-of-type:before {
    display: none;
  } 
  section.u4m-event-schedule .u4m-event-schedule-inner.truncated .event:nth-of-type(3):before {
    display: none;
  }
  section.u4m-event-schedule {
    padding-top:50rem;
  } 
}
/* event schedule 580 */
@media(max-width: 580px){
  section.u4m-event-schedule .u4m-event-schedule-inner .event {
    padding-top: 50rem!important;
  }  
  section.u4m-event-schedule .u4m-event-schedule-inner.truncated .load-more-container button {
    font-size: 18rem!important;
  }
}





/**********************************************/
/* event counter */
/**********************************************/
section.u4m-event-counter {
  padding: 80rem 20rem;
  background-color: transparent!important;
}
section.u4m-event-counter .live-area div.introduction h2 {
  font-family: "Gotham Book", sans-serif;
  font-size: 50rem;
  letter-spacing: 0.25rem;
  margin-bottom: 30rem;
  line-height: 1.2;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}
section.u4m-event-counter .live-area div.introduction h2 span {
  font-family: "Gotham Bold", sans-serif;
  font-weight: bold;
  color: #F3BA16;
}
section.u4m-event-counter .live-area div.introduction p {
    font-size: 34rem;
    line-height: 1.2;
    letter-spacing: -1rem;
}
section.u4m-event-counter .live-area div.counter-container div.counter div.time-section {
  padding:0;
  position: relative;
}
section.u4m-event-counter .live-area div.counter-container div.counter div.time-section:not(:last-of-type):before {
  position: absolute;
    content: ':';
    font-family: "Gotham Book", sans-serif;
    top: -50%;
    transform: translateY(50%);
    font-size: 80rem;
    color: white;
    right: -28rem;
}
section.u4m-event-counter .live-area div.counter-container div.counter div.time-section span {
  font-size: 27rem;
  font-family: "Gotham Bold", sans-serif;
  text-transform: uppercase;
}
section.u4m-event-counter .live-area div.counter-container div.counter div.time-section div.time-slot {
  background-image: url("https://www.software.broadcom.com/hubfs/BizOps/VSM%20Summit%202022/Background%20Images/ESD_ValueOps_Background_Clock.png"); */
  background-size: contain;
  background-position: center;
  padding: 0 20rem;
  font-family: "Gotham Book", sans-serif;
  font-size: 90rem!important;
  font-weight: bold;
  letter-spacing: 12rem!important;
  margin-bottom: 30rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
  color: #F3BA16;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content:center;
}

/***** event counter media quiries *****/
/* event counter 1440 */
@media(max-width: 1440px){
  section.u4m-event-counter .live-area div.introduction p {
      font-size: 22rem;
      line-height: 1.4;
    letter-spacing: .25rem;
  }  
}
/* event counter 1024 */
@media(max-width: 1024px){
  section.u4m-event-counter .live-area div.introduction p {
      font-size: 20rem;
      line-height: 1.6;
    letter-spacing: .25rem;
  }  
}
/* event counter 768 */
@media(max-width: 768px) {
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section div.time-slot {
    font-size:60rem!important;
    letter-spacing:6rem!important;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section span {
    font-size: 20rem;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section:not(:last-of-type):before {
    font-size: 52rem;
  }
}
/* event counter 600 */
@media(max-width: 600px) {
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section {
    margin: 10rem;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section div.time-slot {
    font-size:50rem!important;
    letter-spacing:5rem!important;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section span {
    font-size: 18rem;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section:not(:last-of-type):before {
    font-size: 45rem;
    right: -17rem;
  }
}
/* event counter 490 */
@media(max-width: 490px) {
  section.u4m-event-counter .live-area {
    padding-left: 0;
    padding-right: 0;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section {
    margin: 10rem;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section div.time-slot {
    font-size:40rem!important;
    letter-spacing:2rem!important;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section span {
    font-size: 14rem;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section:not(:last-of-type):before {
    font-size: 40rem;
    right: -15rem;
    top: 0;
    transform: translateY(-10rem);
  }
}
/* event counter 389 */
@media(max-width: 380px) {
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section {
    margin: 5rem;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section div.time-slot {
    font-size:36rem!important;
    letter-spacing:1rem!important;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section span {
    font-size: 14rem;
  }
  section.u4m-event-counter .live-area div.counter-container div.counter div.time-section:not(:last-of-type):before {
    font-size: 24rem;
    right: -8rem;
    top: 0;
    transform: translateY(-14%);
  }
}





/**********************************************/
/* u4m form */
/**********************************************/
section.u4m-form {
  background-size: cover;
  background-position: top;
  background-repeat:no-repeat;
  position: relative;
  padding-top: 200rem!important;
  margin-top: -200rem!important;
}
section.u4m-form:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  right:0;
  width: 100%;
  height: 100%;
  background-image: url('https://www.software.broadcom.com/hubfs/VSM_True-North/form-gradient.svg');
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
}
section.u4m-form div.container div.right div.form form {
  background-color: transparent;
  padding:0 0 30rem;
  max-width: 795rem;
  margin: 30rem auto 30rem auto;
  float: none;
  overflow: auto;
  position: relative;
  z-index: 3;
}
section.u4m-form div.container div.right .heading {
  font-family: "Gotham Book", sans-serif;
  font-size: 50rem;
  font-weight: lighter;
  letter-spacing: 0.25rem;
  margin-bottom: 50rem;
  line-height: 1.2;
  color: white;
}
section.u4m-form div.container div.right .heading span {
  font-family: "Gotham Bold", sans-serif;
  font-size: 50rem;
  font-weight: bold;
  color: #F3BA16;
}
section.u4m-form div.container div.right div.form form h3 {
  display: none;
}

section.u4m-form div.container div.right div.form form li.hs-form-radio input {
  transform: translateY(4rem);
}

section.u4m-form div.container div.right div.form form li.hs-form-radio label {
color: white;
}
section.u4m-form div.container div.right div.form form.hs-form .hs-form-field > label, section.u4m-form div.container div.right div.form form.mixitup-multifilter .hs-form-field > label, section.u4m-form div.container div.right div.form form .hs-form-field > label {
  font-size: 16rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1rem;
  pointer-events: auto;
  color: white;
}

section.u4m-form div.container div.right div.form form .input input[type=email], section.u4m-form div.container div.right div.form form .input input[type=number], section.u4m-form div.container div.right div.form form .input input[type=tel], section.u4m-form div.container div.right div.form form .input input[type=text], section.u4m-form div.container div.right div.form form.hs-form .input input[type=email], section.u4m-form div.container div.right div.form form.hs-form .input input[type=number], section.u4m-form div.container div.right div.form form.hs-form .input input[type=tel], section.u4m-form div.container div.right div.form form.hs-form .input input[type=text], section.u4m-form div.container div.right div.form form.mixitup-multifilter .input input[type=email], section.u4m-form div.container div.right div.form form.mixitup-multifilter .input input[type=number], section.u4m-form div.container div.right div.form form.mixitup-multifilter .input input[type=tel], section.u4m-form div.container div.right div.form form.mixitup-multifilter .input input[type=text], section.u4m-form div.container div.right div.form form .input select, section.u4m-form div.container div.right div.form form.hs-form .input select, section.u4m-form div.container div.right div.form form.mixitup-multifilter .input select {
  border-radius: 8rem;
}


section.u4m-form div.container div.right div.form form .form-columns-1 .hs-form-radio span, section.u4m-form div.container div.right div.form form .form-columns-2 .hs-form-radio span, section.u4m-form div.container div.right div.form form .form-columns-3 .hs-form-radio span, section.u4m-form div.container div.right div.form form .hs-form-radio span, section.u4m-form div.container div.right div.form form.hs-form .form-columns-1 .hs-form-radio span, section.u4m-form div.container div.right div.form form.hs-form .form-columns-2 .hs-form-radio span, section.u4m-form div.container div.right div.form form.hs-form .form-columns-3 .hs-form-radio span, section.u4m-form div.container div.right div.form form.hs-form .hs-form-radio span, section.u4m-form div.container div.right div.form form.mixitup-multifilter .form-columns-1 .hs-form-radio span, section.u4m-form div.container div.right div.form form.mixitup-multifilter .form-columns-2 .hs-form-radio span, section.u4m-form div.container div.right div.form form.mixitup-multifilter .form-columns-3 .hs-form-radio span, section.u4m-form div.container div.right div.form form.mixitup-multifilter .hs-form-radio span {
  font-size: 16px;
}


section.u4m-form div.legal-consent-container div.hs-richtext p {
  color: white!important;
  font-size: 14rem!important;
}
section.u4m-form div.legal-consent-container div.hs-richtext p a {
  color: #f3ba16!important;
}
section.u4m-form div.container div.right div.form form.hs-form .hs-button, section.u4m-form div.container div.right div.form form.mixitup-multifilter .hs-button, section.u4m-form div.container div.right div.form form .hs-button {
  display: inline-block;
  font-family: "Gotham Bold", sans-serif;
  color: black;
  background-color: #F3BA16;
  border: 0;
  border-radius: 100rem;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  line-height: 1.2;
  letter-spacing: 0.25rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  margin: 50rem 0 0 0; 
  padding: 10rem 40rem;
  font-size: 22rem;
  text-transform: uppercase;
  box-shadow: 2px 2px 20px rgba(0,0,0,.85);
  text-align: center;
  letter-spacing: 0;
}
section.u4m-form .form form div.hs_submit, section.u4m-form .form form .actions {
  text-align: center;
}

section.u4m-form div.container div.right div.form form .hs_error_rollup ul.hs-error-msgs li label, section.u4m-form div.container div.right div.form form.hs-form .hs_error_rollup ul.hs-error-msgs li label, section.u4m-form div.container div.right div.form form.mixitup-multifilter .hs_error_rollup ul.hs-error-msgs li label {
  background-color: red;
  color: white;
  padding:8rem 16rem;
  border-radius: 8rem;
  text-transform: uppercase;
  font-family: 'Gotham Bold', sans-serif;
}



/***** form media quiries *****/
/* form 768 */
@media (max-width: 768px) {
  section.u4m-form div.container div.right div.form form.hs-form .hs-form-field > label, section.u4m-form div.container div.right div.form form.mixitup-multifilter .hs-form-field > label, section.u4m-form div.container div.right div.form form .hs-form-field > label {
  font-size: 14rem;
  }
}

/* form 580 */
@media (max-width: 580px) {
  section.u4m-form div.container div.right div.form form.hs-form .hs-button, section.u4m-form div.container div.right div.form form.mixitup-multifilter .hs-button, section.u4m-form div.container div.right div.form form .hs-button {
    font-size: 18rem;
    margin: 30rem 0 0 0; 
  }
}



/************************************************************************/
/* Thank you register page (an AIOPs module "AOIps Countdown Module" ) */
/**********************************************************************/
.thank-you-register-page {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}
.thank-you-register-page .header-main {
  min-height: calc(100vw - 50vw);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;  
}
.thank-you-register-page .header-main .container {
  max-width: 100%!important;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.thank-you-register-page .header-main .container .header-content-wrap {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto 0;
  text-align: center;
  padding-top: 50px;
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap {
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap a.header-logo {
  max-width: 388px;
  width: 100%;
  margin-bottom: 50rem;
}

.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h1, .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3, .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h4 {
  color: white;
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h1 span, .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3 span, .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h4 span {
  color: #F3BA16;
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3 {
  font-size: 46px;
  font-family: "Gotham Book" sans-serif;
  font-weight: lighter;
  letter-spacing: -2px;
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Gotham Bold',sans-serif;
  text-transform: inherit;
  letter-spacing: 0;
  max-width: 100%;  
  font-size: 75px;
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3 {

}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3:first-of-type {
  font-size: 22rem;
  letter-spacing: 1rem;
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3:nth-of-type(2) {
  font-family: "Gotham Book", sans-serif;
  margin-top: 20rem;
  margin-bottom: 50rem;
}
.thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h4 {
  font-size: 31px;
  margin: 30px 0 50px 0;
  letter-spacing: 0;
  color: white;
  font-family: "Gotham Book", sans-serif;
}
/****** countdown ******/
.thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper {
  margin-top: calc(100vw - 98vw);
  max-width: 580rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80rem;
  padding: 10rem 20rem;
  border: 2rem solid white;
  border-radius: 180rem;
  background: rgba(0,0,0,0.15);
}
.thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper #timer {
}
.thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper #timer .ClassyCountdown-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper #timer .ClassyCountdown-wrapper>div {
  margin: 10rem 20rem;
}
.thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper #timer .ClassyCountdown-wrapper>div>div {
  color: #F3BA16;
  font-size: 28px;
  font-family: "Gotham Bold", sans-serif;
}
.thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper #timer .ClassyCountdown-wrapper>div span {
  color: white;
  font-size: 14rem;
  text-transform: uppercase;
}
/* bottom button */
.thank-you-register-page.count-down-page .header-bottom-wrap {
  margin-top: 0rem!important;
  margin-bottom: 0;
  padding-bottom: 80rem;
}

.thank-you-register-page.count-down-page .header-bottom-wrap a.primary-bttn {
  border-radius: 100rem;
  background-color: #F3BA16;
  border: none;
  color: black;
  margin: 0 0. 50rem;
  padding: 10rem 55rem;
  font-size: 22rem;
  text-transform: uppercase;
  box-shadow:  2px 2px 20px rgba(0,0,0,.85);
}

.thank-you-register-page.count-down-page .header-bottom-wrap a.primary-bttn:hover {
   border: none;
   background-color: #53565a;
   color: #fff;
}

/***** thank you page countdown media quiries *****/
/* thank you page countdown 1024 */
@media(max-width: 1024px){
  .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h1 {
    font-size: 48px;
  }
  .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3:first-of-type {
    font-size: 18rem;
    margin-bottom: 10rem;
  }
  .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h3:nth-of-type(2) {
    font-size: 22rem;
    letter-spacing:.25rem;
  }
  .thank-you-register-page .header-main .container .header-content-wrap .header-top-wrap h4 {
    font-size: 18px;
  }
}
/* thank you page countdown 580 */
@media(max-width: 580px){
  .thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper #timer .ClassyCountdown-wrapper {
    flex-direction: column;
  }
  .thank-you-register-page .header-main .container .header-content-wrap .count-down-wrapper {
    border-radius: 8rem;
  }
  .thank-you-register-page.count-down-page .header-bottom-wrap a.primary-bttn {
    font-size: 18rem;
  }
}  

/**********************************************/
/*  u4m-filtered-content */
/**********************************************/
.u4m-filtered-content .intro .heading {
  color: white;
}
.u4m-filtered-content .intro .heading span {
  color: #F3BA16;
}
.u4m-filtered-content .intro .subheading {
  color: white;
}

/**********************************************/
/*  u4m-anchor-nav */
/**********************************************/
.u4m-anchor-nav {
  background-color: white;
}
.u4m-anchor-nav .wrapper .anchor-nav a {
  color: black;
}
.u4m-anchor-nav .wrapper .anchor-nav a:hover {
  color: rgba(0,0,0,.7);
}