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

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


/*****************************************/
/* Site Font Declarations */
/*****************************************/


@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400&family=Merriweather:ital,wght@0,700;1,700&display=swap');













 
















.grid{
  --gridWidth: 1184;
  --gridWidthPx: 1184px;
  --gridMargins: 2.702;
  --gridMargin: 1.351;
  --gridMarginMult: .01351;
  --gridWithMargin: 1184px32px;
  --gridMarginPx: 15.99584px;
  --oneWholeHard: 100%;
  --oneWhole: 97.3%;
  --elevenTwelfths: 88.96667%;
  --tenTwelfths: 80.63333%;
  --nineTwelfths: 72.3%;
  --eightTwelfths: 63.96667%;
  --sevenTwelfths: 55.63333%;
  --sixTwelfths: 47.3%;
  --fiveTwelfths: 38.96667%;
  --fourTwelfths: 30.63333%;
  --threeTwelfths: 22.3%;
  --twoTwelfths: 13.96667%;
  --oneTwelfths: 5.63333%;
}


























































:root{
  --fontHeading: proxima-nova,Helvetica Neue,Arial,sans-serif;
  --fontSerif: 'Merriweather', serif;
  --fontHand: 'Kalam', cursive;
  --colorPrimary: #0A6CFF;
  --colorSecondary: #01E6BE;
  --colorTertiary: #F6F9FC;
  --blue100: #F3F7FF;
  --blue200: #E2ECFF;
  --blue300: #D1E0FF;
  --blue400: #ADDCFF;
  --blue500: #AFCAFF;
  --blue600: #0A6CFF;
  --blue600Hover: #0056d6;
  --green100: #C3FFE8;
  --green200: #3EFEDD;
  --green300: #0BFED4;
  --green400: #01E6BE;
  --green500: #01C4A2;
  --green600: #00B59C;
  --livid100: #F6F9FC;
  --livid200: #E1EFF4;
  --livid300: #E1E7F4;
  --livid400: #D0DFEF;
  --livid500: #C3D7EB;
  --livid600: #AAC6E3;
  --neutralWhite: #F6F6F6;
  --neutral100: #F6F6F6;
  --neutral200: #EEEEEE;
  --neutral300: #DDDDDD;
  --neutral400: #C4C4C4;
  --neutral500: #999999;
  --neutral600: #2B2B2B;
  --neutral700: #1D1D1F;
  --neutralBlack: ;
  --slate500: ;
  --red500: #DD2D2D;
  --colorHeader: #999999;
  --colorBody: #4F5465;
  --colorLink: #0A6CFF;
  --filterblue600: invert(30%) sepia(92%) saturate(2913%) hue-rotate(209deg) brightness(98%) contrast(108%);
  --filterblue600Hover: invert(21%) sepia(86%) saturate(2014%) hue-rotate(201deg) brightness(104%) contrast(120%);
}

.color-pallete--blue-600{
  --primaryColor: #0A6CFF;
  --secondaryLight: #00C0FF;
  --secondaryDark: #5558FF;
  --tertiaryLight: #EAF6FF;
  --tertiaryDark: #ADDCFF;
}

.svg-icon-pallete--blue-600{
  filter: var(--filterblue600);
}

.hover-color--blue-600:hover{
  color: #0A6CFF !important;
}

.hover-svg--blue-600:hover{
  filter: var(--filterblue600);
}


/* Serif Heading Styles */ 

.im-design-system .serif--display h1,
.im-design-system .serif--display .h1,
.serif--2xl{
  font-family: 'Merriweather', serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.05em;
}

@media screen and (max-width: 1023px){
  .im-design-system h1,
  .im-design-system .h1,
  .serif--xl{
    font-size: 42px !important;
  }
}

.im-design-system h1,
.im-design-system .h1,
.serif--xl{
  font-family: 'Merriweather', serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2em; 
  letter-spacing: -0.15px;
}

.im-design-system h2,
.im-design-system .h2,
.serif--lg{
  font-family: 'Merriweather', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25em; 
  letter-spacing: -0.57px;
}

.im-design-system h3,
.im-design-system .h3,
.serif--md{
  font-family: 'Merriweather', serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2em; 
  letter-spacing: -0.39px;
}

.im-design-system h4,
.im-design-system .h4,
.serif--sm{
  font-family: 'Merriweather', serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5em; 
  letter-spacing: none;
}

.im-design-system h5,
.im-design-system .h5,
.serif--xs{
  font-family: proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: -0.15px;
  color: #4F5465;
}

.im-design-system h6,
.im-design-system .h6,
.text--lg{
  font-family: proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: -0.15px;
  color: #4F5465;
}



.im-design-system .p--sm{
  font-family: proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  color: #4F5465;
}

.im-design-system .p--xs{
  font-family: proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  color: #4F5465;
}

.header--serif > :first-child{
  font-family: 'Merriweather', serif;
  color: #1D1D1F
}

.im-design-system h4+p, .im-design-system h5+p, .im-design-system h6+p{
  margin-top: -20px;
}

/* Script Styles */ 

.xl--script,
.all--xl--script *{
  font-family: 'Kalam', cursive !important;
  font-size: 64px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.07em !important;
  letter-spacing: 0 !important;
  color: #4F5465;
}

.lg--script,
.all--lg--script *{
  font-family: 'Kalam', cursive !important;
  font-size: 44px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.07em !important;
  letter-spacing: 0 !important;
  color: #4F5465;
}

.md--script,
.all--md--script *{
  font-family: 'Kalam', cursive !important;
  font-size: 32px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.27em !important;
  letter-spacing: 0 !important;
  color: #4F5465;
}

.sm--script,
.all--sm--script *{
  font-family: 'Kalam', cursive !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.27em !important;
  letter-spacing: 0 !important;
  color: #4F5465;
}

.xs--script,
.all--xs--script *{
  font-family: 'Kalam', cursive !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.5em !important;
  letter-spacing: 0 !important;
  color: #1D1D1F;
}

.font--hand, .font--hand *, .font--hand, .font--hand *{
  font-family: 'Kalam', cursive !important;
}


.font--heading--hand h1,
.font--heading--hand h2,
.font--heading--hand h3,
.font--heading--hand h4,
.font--heading--hand h5,
.font--heading--hand h6
.font--heading--hand .h1,
.font--heading--hand .h2
.font--heading--hand .h3,
.font--heading--hand .h4,
.font--heading--hand .h5,
.font--heading--hand .h6{
  font-family: 'Kalam', cursive;
}

/*****************************************/
/* Custom Spacing */
/*****************************************/

.short--all{
  padding: 20px;
}

/*****************************************/
/* SVG Colors */
/*****************************************/



.negative--petite--top {
  margin-top: -10px;
}

@media screen and (min-width: 1024px){
  .grid__item.one-whole.lap-and-up-hard--sides{
    width: 100% !important;
  }
}



@media screen and (max-width: 679px){
  .all--btn .hs-cta-wrapper a, .all--btn form.hs-form .hs_submit input.hs-button, .hs-web-interactive-inline a, .btn {
    font-size: 15px !important;
  }

  .all--btn.all--btn--large .hs-cta-wrapper a, .all--btn.all--btn--large form.hs-form .hs_submit input.hs-button, .all--btn--large .hs-web-interactive-inline a, .btn.all--btn--large {
    font-size: 17px !important;
  }
}



.btn .hs-web-interactive-inline, 
.all--btn .hs-web-interactive-inline{
  display:inline-block;
}

.btn--inline .btn--inline--arrow{
  margin-left: 6px;
  -webkit-transition: margin-left .4s ease-in-out, filter .4s ease-in-out;
  -moz-transition: margin-left .4s ease-in-out, filter .4s ease-in-out;
  -ms-transition: margin-left .4s ease-in-out, filter .4s ease-in-out;
  -o-transition: margin-left .4s ease-in-out, filter .4s ease-in-out;
  transition: margin-left .4s ease-in-out, filter .4s ease-in-out;
}

.btn--inline:hover .btn--inline--arrow{
  margin-left: 8px;
}

.btn--inline.color--blue-600:hover{
  color: var(--blue600Hover) !important;
}

.btn--inline.color--blue-600 .btn--inline--arrow{
  filter: var(--filterblue600);
}

.btn--inline.color--blue-600:hover .btn--inline--arrow{
  filter: var(--filterblue600Hover) !important;
}

.btn--include-arrow .hs-web-interactive-inline a:after{
  content:"→";
  font-family: monospace;
  left: 0;
  line-height: 1em;
  margin-left: 3px;
  position: relative;
  -webkit-transition: left .4s ease-in-out,color .4s ease-in-out;
  -moz-transition: left .4s ease-in-out,color .4s ease-in-out;
  -ms-transition: left .4s ease-in-out,color .4s ease-in-out;
  -o-transition: left .4s ease-in-out,color .4s ease-in-out;
  transition: left .4s ease-in-out,color .4s ease-in-out;
}

.btn--include-arrow .hs-web-interactive-inline:hover a:after{
  left: 3px;
}

.btn--white, .all--btn--white .hs-cta-wrapper a, .all--btn--white form.hs-form .hs_submit input.hs-button{ 
  background-color: #ffffff!important; 
  border-color: #ffffff!important; 
  border-width: 2px !important;
  border-color: #ffffff !important;
  color: #1d1d1f !important;
}

.all--btn--white .hs-cta-wrapper a:hover, .all--btn--white form.hs-form .hs_submit input.hs-button:hover, .btn--white:hover{
  border-width: 2px !important;
  border-color: #e6e6e6 !important;
}

/*.btn-radius--round.btn,
.btn-radius--round.all--btn > a,
.btn-radius--round.all--btn .hs-cta-wrapper a{
border-radius:50px;
}*/

.btn-radius--pill.btn,
.btn-radius--pill.all--btn > a,
.btn-radius--pill.all--btn .hs-cta-wrapper a{
  border-radius: 9999px;
  padding: 15px 27px;
}

.btn--preheader{
  font-family: proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-size: 14px;
}

.btn--inline-link{
  font-size:16px;
}

/*.btn--w-preheader.all--btn .hs-cta-wrapper a, .btn--w-preheader.all--btn form.hs-form .hs_submit input.hs-button, .btn--w-preheader .btn{
padding: 12px 21px !important;
}*/

.btn--text--left,
.btn--text--left *{
  text-align:left !important;
}

.btn--large.btn--inline-link{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}



@media screen and (max-width: 1023px){
  h1, .h1{
    font-size:46px !important;
  }

  h2, .h2{
    font-size: 34px !important;
  }

  /*h3, .h3{
  font-size: 24px;
}

  h4, .h4{
  font-size: 22px;
}

  h4, .h4{
  font-size: 20px;
}*/
}

p, .p {
  margin-bottom: 20px;
  margin-top: 20px;
}

/*h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .h2 + p, .h3 + p, .h4 + p, .h5 + p, .h6 + p{
margin-top: -10px;
margin-bottom: 20px;
}*/

.p+.p, .p+ol, .p+ul, ol+.p, ol+p, p+ul, p+ol, p+p, h6+ol, h6+ul, ol+h6, ul+h6, ul+p{
  margin-top: -10px;
}

p.subheader{
  font-size: 22px !important;
}

.p--smaller p,
p.p--smaller,
.p .p--smaller,
.p--smaller li:has(> p),
.p--smaller li:not(:has(> h6)),
.p.p--smaller,
.p--smaller a{
  font-size: 15px;
}

.p--larger p,
.p--larger.p,
.p--larger li:has(> p),
.p--larger li:not(:has(> h6)),
.p--larger a,
p.p--larger,
li.p--larger,
a.p--larger{
  font-size: 20px;
}

.p--default p,
.p--default.p,
.p--default li:has(> p),
.p--default li:has(> h6),
.p--default a,
p.p--default,
li.p--default,
a.p--default{
  font-size: 18px;
}

.flex-wrap--wrap{
  flex-wrap: wrap;
}

.flex-flow--column{
  flex-flow: column;
}



.grid form.hs-form .inputs-list{
  margin-top: 10px;
}

.grid form.hs-form .inputs-list .hs-form-checkbox label {
  font-weight: 400;
  line-height: 1.8em;
}



@keyframes pulse-circle {
  0% {
    box-shadow: 0 0 0 0 hsla(0,0%,100%,.8)
  }

  70% {
    box-shadow: 0 0 0 10px hsla(0,0%,100%,0)
  }
}

@keyframes pulse-circle-large {
  0% {
    box-shadow: 0 0 0 0 hsla(0,0%,100%,.8)
  }

  70% {
    box-shadow: 0 0 0 16px hsla(0,0%,100%,0)
  }
}


.video--play-pulse-hovered:hover .video--play-pulse{
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: pulse-circle;
  animation-timing-function: ease-in-out;
}

.video--play-pulse-active .video--play-pulse{
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: pulse-circle;
  animation-timing-function: ease-in-out;
}

.video--play-pulse-active .video--play-pulse-large{
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: pulse-circle-large;
  animation-timing-function: ease-in-out;
  opacity: 1;

}
.video--play--hover-transition .video--play-btn,
.video--play--hover-transition.video--play-btn--large{
  opacity: 1;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -ms-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
}

.video--play-pulse-active:hover .video--play--hover-transition .video--play-btn,
.video--play-pulse-active:hover .video--play--hover-transition.video--play-btn--large{
  opacity: .85;
}

.video--play-pulse--container{
  position:relative;
  z-index: 4;
}

.video--play-pulse--container .video--play-pulse,
.video--play-pulse--container.video--play-pulse{
  border-radius: 50px;
  bottom: 2px;
  left: 1px;
  right: 1px;
  top: 1px;
  position:absolute;
}

.video--play-pulse-center{
  display: flex;
  align-items: center;
  justify-content: center;
}

.video--play-pulse-center .video--play-pulse--container{
  position:absolute;
}



.video-standard--wrapper .fa-play-circle{
  font-size: 70px;
}

.video-standard--wrapper .customVideo--play-caption .video-caption--text{
  text-align: left !important;
  padding-left: 20px;
}

.video-standard--wrapper .customVideo--play-caption{
  padding: 25px 30px;
  align-items: center;
}

.video-standard--wrapper .customVideo--play-caption .customVideo--play-btn{
  height: 65px;
  width: 65px;
}

@media screen and (max-width: 500px) {
  .video-standard--wrapper .customVideo--play-caption{
    padding: 20px 23px;
  }

  .video-standard--wrapper .customVideo--play-caption .video-caption--text{
    font-size: 14px !important;
    line-height: 1.35em;
  }

  .video-standard--wrapper .customVideo--play-caption .customVideo--play-btn{
    height: 40px !important;
    width: 40px !important;
  }
}

.video-chapter--wrapper{
  border: 1px solid #E1E7F4;
}

.im-design-system #vidyard-popbox{
  max-height: 788px;
  max-width: 1400px;
  width: 100%;
}

@media screen and (min-width: 1580px) {
  .im-design-system .vidyard-close-container{
    right: calc(((100vw - 1400px) / 2) - 40px);
    top: calc(((100vh - 788px) / 2) - 40px);
  }
}


@media screen and (max-width: 1579px) {
  .im-design-system .vidyard-close-container{
    right: 20px;
    top: calc(50% - 32vw);
  }
}






.section--bulleted-content ul{
  list-style: none;
  padding-left: 0px;
}

.section--bulleted-content ul:not(:last-child), 
.section--bulleted-content ol:not(:last-child){
  margin-bottom: 30px;
}

.section--bulleted-content ul li:before{
  content: "";
  filter: var(--svgFilter);
  background-size: 16px 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 4px;
}

.section--bulleted-content ul li{
  padding-left: 25px;
  position: relative;
}

.section--bulleted-content ul li:not(:has(> h6)),
.section--bulleted-content ul li:not(:has(> p)){
  margin-bottom: 15px !important;
}

.section--bulleted-content.bullets-style--check ul li:before{
  background-image: url('https://www.impactplus.com/hubfs/Services%20%284-2023%29/Assets/base/theme-checkmark.svg');
}

.section--bulleted-content.bullets-style--x ul li:before{
  background-image: url('https://www.impactplus.com/hubfs/Services%20%284-2023%29/Assets/base/theme--x.svg');
}



.arrow--mono{
  font-family: monospace;
  margin-left: 5px;
  position: relative;
  line-height: 1em;
  left:0;
  -webkit-transition: left .4s ease-in-out, color .4s ease-in-out;
  -moz-transition: left .4s ease-in-out, color .4s ease-in-out;
  -ms-transition: left .4s ease-in-out, color .4s ease-in-out;
  -o-transition: left .4s ease-in-out, color .4s ease-in-out;
  transition: left .4s ease-in-out, color .4s ease-in-out;
}

.all--btn .hs-cta-wrapper a:hover .arrow--mono,
.btn:hover .arrow--mono,
.btn--inline-link:hover .arrow--mono,
.hs-link--btn:hover .arrow--mono{
  left: 3px;  
}

.btn--w-preheader a{
  padding: 10px 19px;
  font-size: 15px;
}

@media screen and (min-width: 1024px){
  .lap-and-up-small--top{
    padding-top: 30px;
  }

  .lap-and-up-small--bottom{
    padding-bottom: 30px;
  }

  .lap-and-up-margin--small--top{
    margin-top: 30px !important;
  }

  .lap-and-up-margin--small--bottom{
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1023px){
  .tablet-margin--small--top{
    margin-top: 30px !important;
  }

  .tablet-margin--small--bottom{
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 1023px){
  .portable-margin--small--top{
    margin-top: 30px !important;
  }

  .portable-margin--small--bottom{
    margin-bottom: 30px !important;
  }
}


@media screen and (max-width: 679px){
  .palm-margin--small--top{
    margin-top: 30px !important;
  }

  .palm-margin--small--bottom{
    margin-bottom: 30px !important;
  }
}



.background--slanted{
  position: relative;
  height: 100%;
  max-height: none;
  width: 100%;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  overflow: hidden;
}

.background--small-slant{
  right: 0;
  transform-origin: 50%;
  position: absolute;
  height: 30px;
  width: 100vw;
  z-index: 100;
  left: -75%;
}

.background--small-slant.background--slant-grey{
  background: #E1E7F4;
}


/* FlexSlider */

.flexslider--slider {
  display: block;
  width: 100%;
  overflow: visible;
  position: relative;
}

.flexslider--slider .flexslider--slide--wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.flexslider--slider .flexslider--slide {
  position: absolute;
  width: 100%;
}

.flexslider--slider.flexslider--type--slide .flexslider--slide {
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}

.flexslider--slider.flexslider--type--fade .flexslider--slide {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.flexslider--slider.flexslider--type--fade .flexslider--slide.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.flexslider--prev,
.flexslider--next {
  position: absolute;
  top: 50%;
  display: block;
  height: 40px;
  width: 40px;
  background: transparent;
  margin-top: -20px;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #7c7c7c;
}

.flexslider--prev:hover,
.flexslider--next:hover {
  cursor: pointer;
}

.flexslider--prev {
  left: 0;
  margin-left: -60px;
}

.flexslider--next {
  right: 0;
  margin-right: -60px;
}

.flexslider--autoslide {
  display: block;
  visibility: hidden;
  position: absolute;
  width: 0%;
}

hs watch --portal=145335 ./Documents/Sites/hubspot_cli /IMPACT-Publisher-Production/-IMPACT_Grid-


.flexslider--controls {
  display: block;
  text-align: center;
  padding: 20px;
}

.flexslider--controls li {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0px 8px;
  background: #7c7c7c;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.flexslider--controls li:hover,
.flexslider--controls li.active {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}

html.hs-inline-edit .slider--slide {
  display: block;
  position: relative;
  overflow: auto;
}



.section blockquote{
  margin:0px;
  position: relative;
}

@media screen and (min-width: 1023px){
  .section blockquote:after{
    margin-left: -2.7%;
    content: '';
    height: 100%;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #0A6CFF;
  }
}

.section blockquote p{
  margin: 10px 0;
}



.card--frosted-bg---lt{
  backdrop-filter: blur(15px);
  background: linear-gradient(125deg,hsla(0,0%,100%,.2) 1.46%,rgba(243,247,255,.6) 80.25%);
  border: 1px solid #f3f7ff;
  border-radius: 12px;
  box-shadow: 0 20px 20px -10px rgba(95,109,137,.1), 0 5px 20px -5px rgba(95,109,137,.1);
}

.background--frosted-lt{
  backdrop-filter: blur(15px);
  background: linear-gradient(125deg,hsla(0,0%,100%,.2) 1.46%,rgba(243,247,255,.6) 80.25%);
}

.card--box-shadow{
  box-shadow: 0 20px 20px -10px rgba(95,109,137,.1), 0 5px 20px -5px rgba(95,109,137,.1);
}




.imlive--text-gradient{
  background: #02B4CA;
  background: -webkit-linear-gradient(to right, #02B4CA 0%, #0A6CFF 50%, #E4319A 100%);
  background: -moz-linear-gradient(to right, #02B4CA 0%, #0A6CFF 50%, #E4319A 100%);
  background: linear-gradient(to right, #02B4CA 0%, #0A6CFF 50%, #E4319A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}