/*
Theme Name: ¾ÅÉ«ÊÓƵ
Version: 7.6
*/

/* Simple Reset */
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
}
:focus {
  outline: none
}

/* Universal Styles */

:root {
  /* Colors */
  --blue: #007EFF;
  --white: #fff;
  --black: #000;
  --grey: #e3e2e3;
  --lt-grey: #f3f5f7;

  --shadow: 0 0 50px rgba(10,45,82,0.1);

  /* Spacing */
  --xs: 4px;
  --sm: 8px;
  --md: 16px;
  --lg: 32px;
  --xl: 64px;
  --xxl: 92px;
}

body {
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 48px;
  line-height: 54px;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 28px;
}

h2 {
  font-size: 48px;
  line-height: 54px;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 25px;
}

h3{
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 19px;
}

h4 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
  color: var(--blue);
  margin-bottom: 17px;
}

h5 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  color: var(--blue);
  margin-bottom: 14px;

}
h6 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--blue);
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  :root {
  /* Spacing */
  --xl: 48px;
  --xxl: 64px;
  }
  h1 {
    font-size: 36px;
    line-height: 44px;
  }

  h2 {
    font-size: 36px;
    line-height: 44px;
  }

  h3{
    font-size: 28px;
    line-height: 32px;
  }

  h4 {
    font-size: 24px;
    line-height: 28px;
  }

  h5 {
    font-size: 20px;
    line-height: 24px;
  }
  h6 {
    font-size: 18px;
    line-height: 22px;
  }
}
img {
  max-width: 100%;
  height: auto;
}

p {
  margin: 0 0 16px;
}

a,
a:active,
a:visited {
  color: var(--blue);
  text-decoration: none;
  transition: 200ms all ease-in-out;

}
a:hover {
  text-decoration: underline;
}
.button,
.button:visited,
.hero-left .button.light,
.footer .gform_footer .button {
  border: 1px solid var(--primaryPurple);
    border-radius: 8px;
    background: var(--primaryPurple);
    color: var(--white);
    font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    transition: var(--linkTransition);
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
}
.button:hover,
.hero-left .button.light:hover,
.footer .gform_footer .button:hover,
.button:focus,
.hero-left .button.light:focus,
.footer .gform_footer .button:focus {
  background-color: var(--primaryBlue);
  border-color: var(--primaryBlue);
  color: var(--white);
  text-decoration:none;
}
.sorter .button.light {
  color: var(--primaryPurple);
    background-color: var(--white);
    border: 1px solid var(--primaryPurple);
    text-decoration: none;
}
.sorter .button.light:hover,
.sorter .button.light:focus {
  color: var(--primaryBlue);
  background-color: var(--white);
  border: 1px solid var(--primaryBlue);
}
button.close {
  color: var(--blue);
  opacity: 1;
  font-weight: 300;
  font-size: 30px
}
.container {
  width: 1150px;
  margin: 0 auto;
  max-width: 94%;
  padding-left: 3%;
  padding-right: 3%;
}

/* Forms */

.gfield input {
  background: transparent;
  color: var(--white);
  padding: 12px 0 !important;
  border: 1px solid var(--grey) !important;
}
::placeholder {
  color: #888 !important;
  font-style: ;
  opacity: 1;
}
.gfield input,
.gfield textarea {
  border-radius: 8px;
  padding: 12px !important;
  color: var(--black);
  border: 1px solid var(--grey);
}
.gfield select {
  border-radius: 8px;
  padding: 12px !important;
  color: var(--black);
  border: 1px solid var(--grey);  
	line-height: 1.3;
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: right .7em top 50%;
	background-size: .65em auto;
}

.gfield_required {
  color: var(--) !important;
  font-weight: 300 !important;
}

/* Header */
#header {
  padding: 20px 0;
  position: fixed;
  top: 0;
  z-index: 200;
  width: 100%;
  background-color: #fff
}
#header .container {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
}
#header .top-nav {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.offset {
  margin-top: 94px;
}
button.burger,
button.search {
  border: 0;
  background: none;
  padding: 0;
}
.burger,
.close{
  display: none;
  
}
.branding img {
  height: 30px
}
#menu-header {
  list-style: none;
  padding: 0 20px 0 0; 
}
#menu-header li {
  display: inline;
  margin-right: 55px
}
#menu-header a {
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
}
#menu-header a:hover {
  color: var(--blue);
  text-decoration: none;
}
.top-nav .button {
  margin-left: 45px;
}
#search-block {
  position: relative;
}
.search-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 0;
  transform: translatex(-10px) translateY(100%);
  transition: all 0.3s;
  z-index: 5;
}
.search-box .search-input {
    width: 100%;
    height: 100%;
    padding: 0 1em;
    border: 0;
    opacity: 0;
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 3px;
  background-color: var(--white);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
#search-block.show .search-box {
    max-height: 40px;
}
#search-block.show .search-input {
      opacity: 1;
}

.search-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}

.search-toggle {
  position: relative;
  display: block;
  height: 10px;
  width: 10px;
}
.search-toggle::before, .search-toggle::after {
  content: "";
  position: absolute;
  display: block;
  transition: all 0.1s;
}
.search-toggle::before {
  border: 2px solid var(--blue);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: -2px;
  top: -2px;
}
.search-toggle::after {
  height: 2px;
  width: 7px;
  background: #0097bf;
  top: 10px;
  left: 8px;
  transform: rotate(45deg);
}
.search-toggle.active::before {
  width: 0;
  border-width: 1px;
  border-radius: 0;
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}
.search-toggle.active::after {
  width: 12px;
  left: -1px;
  top: 4px;
}
@media screen and (max-width: 959px) {
  .burger {
    display: block;
    margin-left: var(--md); 
    cursor: pointer;
  }
  #search-block {
    display: none;
  }
  #search-block.active {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    z-index: 500;
    bottom: 0;
    background-color: var(--white);
  }
  #search-block.active .close {
    display: block;
    position: absolute; 
    right: var(--md);
    top: var(--md);
    cursor: pointer;
  }
  #menu-header {
    margin-top: var(--xxl);
  }
  #menu-header li {
    display: block;
    text-align: center;
    margin-bottom: var(--md);
    margin-right: 0
  }
  #menu-header a {
    font-size: 24px;
    line-height: 30px;
  }
  #search-block.active .search-box {
    position: relative;
    top: -30px;
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
    max-height: 40px;
  }
  #search-block.active .search-input {
        opacity: 1;
  }
  #search-block.active .search-button {
    display: none
  }
}

/* Footer */
#footer {
  background-color: var(--blue);
  color: var(--white);
  padding: 100px 0 80px 0;
}
#footer h5,
#footer h6 {
  color: var(--white);
  margin: 0 0 20px 0;

}
#footer li a {
  color: var(--white);
}
#footer .grid-upper {
  display: grid;
  grid-template-columns: 3fr 3fr 2fr;
  grid-template-rows: 1fr;
  gap: 0px 30px;
  margin: 0 20px 
}

#footer .grid-upper ul {
  list-style: none;
}

#menu-footer {
  margin: 0;
}
#menu-footer li  {
  margin-bottom: 8px;
}

.socials {
  display: flex;
  padding: 0;
  margin: 0 0 30px;
}
.socials i {
  text-align: left;
}
.socials .fa-stack {
  font-size: 16px;
}

#footer .gfield input {
  box-shadow: none;
  border-radius: 0px;
  padding: 6px !important;
  color: var(--black);
  border: none;
}
#footer .gfield input::placeholder {
  color: var(--white) !important;
}
#footer .grid-lower {
  margin: 60px 20px 0;
  font-size: 12px;
}
#footer .legalese {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr;
  gap: 0px 20px;
}
#footer .legal_links {
  list-style: none;
  padding: 0;
  margin: 0;
} 
#footer .legal_links li {
  display: inline;
  border-right: 1px solid var(--white);
  margin-right: 4px;
  padding-right: 6px;
}
#footer .legal_links li:last-child {
  border: none;
}


@media screen and (max-width: 768px) {
  #footer .grid-upper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 30px 30px;
    margin: 0 20px 
  }  
  #menu-footer {
    margin: 0;
    padding: 0;
  }
  #footer .legalese {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px 20px;
  }

}

/* Basic Content */
.container.content {
  max-width: 700px;
  margin: 60px auto;
}
.page-hero {
  text-align: center;
  /*background-image: url('/wp-content/themes/vivi/images/page-header.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;*/
  color: var(--white);
  padding: 120px 0 96px;
}
.page-hero h1 {
  margin: 0 0 24px;
  color: var(--black);
  font-weight: 500;
}
.page-hero .subtitle {
  margin: 0 0 24px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}


/* Modal */
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: var(--white);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid var(--grey);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
  padding: 32px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 100ch;
    margin: 64px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.close {
  float: right;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  background: transparent;
  border:0;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  ReBuild 2021 09 ~ 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* HS Form */
.hbspt-form .hs-form-field label span {
  font-family: 'Apercu Pro Bold', Fallback, sans-serif; 
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
}
.hbspt-form .hs-form-field label span.hs-form-required {
  color: #333333DE;
}
.hbspt-form .hs-form-field .input .hs-input,
.hbspt-form .hs-form-field .input select {
  border:1px solid #DEDEDF;
  border-radius: 4px;
  font-size:14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  padding:0 15px;
  width: 100%;
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  transition: var(--linkTransition);
}
.hbspt-form .hs-form-field .input select.is-placeholder {
  color: #B5B5B5;
}
.hbspt-form .hs-form-field .input .hs-input[type="text"],
.hbspt-form .hs-form-field .input .hs-input[type="email"],
.hbspt-form .hs-form-field .input .hs-input[type="tel"] {
  height:38px;
}
.hbspt-form .hs-form-field .input textarea.hs-input {
  min-height:76px;
  padding:15px;
  width: 100% !important;
}
  .hbspt-form .hs-form-field ::-webkit-input-placeholder {color:#B5B5B5; /* Webkit Browsers */}
  .hbspt-form .hs-form-field :-moz-placeholder {color:#B5B5B5; /* Firefox 18- */}
  .hbspt-form .hs-form-field ::-moz-placeholder {color:#B5B5B5; /* Firefox 19+ */}
  .hbspt-form .hs-form-field :-ms-input-placeholder {color:#B5B5B5; /* IE10 */}

.hbspt-form .hs-form-field .input .hs-input:hover,
.hbspt-form .hs-form-field .input .hs-input:focus {
  outline:none;
  border-color: var(--black);
}
.hbspt-form .hs-form-field .input .inputs-list {
  margin: 0;
  padding:0;
  list-style: none;
}
.hbspt-form .hs-form-field .input .inputs-list li {
  list-style: none;
  height:44px;
  margin-bottom:14px;
}
.hbspt-form .hs-form-field .input .inputs-list li.hs-form-checkbox {
	margin-top:8px;
	height:auto;
	margin-bottom:8px;
}
.hbspt-form .hs-form-field .input .inputs-list li .hs-form-checkbox-display {
	display:flex;
	align-items: center;
}
.hbspt-form .hs-form-field .input .inputs-list li .hs-form-checkbox-display input[type="checkbox"] {
	width: 15px;
}
/* Custom Input */
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label {
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
  height: 37px;
    display: flex;
    align-items: center;
}
.hbspt-form .hs-form-field .input .hs-input.hs-fieldtype-intl-phone {
  border-color:transparent;
  padding:0;
}
.hbspt-form .hs-form-field .input .hs-input.hs-fieldtype-intl-phone > select.hs-input {
  height: 38px;
} 
/* Hide the original checkbox */
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label input {
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label span {
  display: inline-block;
  margin-left: 58px;
  margin-right: 16px;
  margin-top: 4px;
}
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 37px;
  width: 37px;
  background-color: var(--white);
  border: 1px solid #DEDEDF;
  border-radius: 4px;
}
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label input:checked ~ span:before {
  background-color: var(--blue);
}
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label span:after {
  content: "";
  position: absolute;
  display: none; 
}
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label input:checked ~ span:after {
  display: block;
}
.hbspt-form .hs-form-field ul.inputs-list li.hs-form-booleancheckbox label span:after {
  width: 10px;
  height: 23px;
  left: 12px;
  top: 5px;
  border: solid white;
  border-width: 0 5px 5px 0;
  transform: rotate(45deg);
}
.hbspt-form .hs-form-field {
  margin-bottom: 14px;
}
.hbspt-form fieldset.form-columns-1 .input,
.hbspt-form fieldset.form-columns-2 .hs-form-field .input {
  margin-right: 0 !important;
}
  @media (min-width:768px) {
    .hbspt-form fieldset.form-columns-2 .hs-form-field:first-child .input {
      margin-right: 16px !important;
    }
  }
.hbspt-form ul.no-list.hs-error-msgs {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hbspt-form ul.no-list.hs-error-msgs .hs-error-msg {
  color:red;
  font-size:12px;
  margin: 0;
}
.hbspt-form .hs_submit .hs-button {
  border: 1px solid var(--primary-Blue);
  border-radius: 8px;
  background: var(--primary-Blue);
  color: var(--white);
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  padding: 12px 40px;
  text-decoration: none;
  transition: var(--linkTransition);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin: 30px auto 0 auto;
  cursor: pointer;
}
.hbspt-form .hs_submit .hs-button:hover,
.hbspt-form .hs_submit .hs-button:focus {
  background-color: var(--primary-DarkBlue);
  border-color: var(--primary-DarkBlue);
  color: var(--white);
  outline:none;
}
#subscription-form .hbspt-form .hs-form {
  display:flex;
  flex-direction: row;
  -ms-flex-align: end!important;
    align-items: flex-end!important;
}
#subscription-form .hbspt-form .hs-form-field {
  margin-bottom: 0;
  -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    position:relative;
}
#subscription-form .hbspt-form .hs-form-field .input .hs-input[type="email"] {
  height:44px;
  border-radius: 0;
  border-right: none;
  background-color:#DEDEDF;
  box-sizing: border-box;
}
#subscription-form .hbspt-form .hs-form-field .input .hs-input[type="email"]:hover,
#subscription-form .hbspt-form .hs-form-field .input .hs-input[type="email"]:focus {
  border-color:#DEDEDF;
  background-color: var(--white);
}
#subscription-form .hbspt-form ul.no-list.hs-error-msgs {
  position:absolute;
}
#subscription-form .hbspt-form .hs_submit .hs-button {
  padding: 12px 16px;
  background-color: var(--primary-Blue);
  border-color: var(--primary-Blue);
}
#subscription-form .hbspt-form .hs_submit .hs-button:hover,
#subscription-form .hbspt-form .hs_submit .hs-button:focus {
  background-color: var(--primary-DarkBlue);
  border-color: var(--primary-DarkBlue);
}
#footer .hbspt-form .hs-form-field label span.hs-form-required {
  color: var(--white);
}
#footer #subscription-form .hbspt-form .hs_submit .hs-button,
#footer #subscription-form .hbspt-form .hs-form-field .input .hs-input {
  border-color: var(--primaryDarkPurple);
  border-radius: 0 !important; 
}
/*.hbspt-form .hs-fieldtype-select .input {
  position: relative;
}
.hbspt-form .hs-fieldtype-select .input:before {
  font-family: "Font Awesome 5 Pro";
  font-weight:900;
  font-size:32px;
  content: "\f0d7";
  display:block;
  color: #4D4D4D;
  position: absolute;
  right: 17px;
    top: 8px;
}*/
.hbspt-form .hs-fieldtype-select .input select {
  height:38px;
  /*-webkit-appearance:none;
  -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;*/
}
#section--contact .hbspt-form .hs-form-field .input textarea.hs-input {
  width: 100% !important;
}

@media (min-width: 992px){
  .hbspt-form .hs_submit .hs-button {
    margin: 30px auto 0 0;
  }
}

:root {
  --primaryBlue: #007eff;
  --primaryGreen: #4fe6b5;
  --secondaryGreen: #9BFFDF;
  --secondaryBlue: #8BC6FF;
  --primaryPurple: #b54ef6;
  --primaryDarkPurple: #2e0a6c;
  --secondaryPurple: #D087EE;
  --textClr: #000000;
  --linkTransition: all 600ms ease;
  --tipsPurple: #554D89;

  --primary-Blue: #1171e9;
  --primary-DarkBlue: #0962D1;
  --primary-DarkPurple: #370B6E;
  --primary-Text-Black: #282828;
  --Secondary-Fuchsia: #9A34D8;
}

/* Font Family */
@font-face {
  font-family: 'Apercu Pro';
  src: url('/wp-content/themes/vivi/ApercuPro/ApercuPro.eot');
  src: local('Apercu Pro'), local('ApercuPro'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro.eot') format('embedded-opentype'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro.woff2') format('woff2'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro.woff') format('woff'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Apercu Pro Bold';
  src: url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Bold.eot');
  src: local('Apercu Pro Bold'), local('ApercuPro-Bold'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Bold.eot') format('embedded-opentype'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Bold.woff2') format('woff2'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Bold.woff') format('woff'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Apercu Pro Medium';
  src: url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Medium.eot');
  src: local('Apercu Pro Medium'), local('ApercuPro-Medium'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Medium.eot') format('embedded-opentype'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Medium.woff2') format('woff2'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Medium.woff') format('woff'),
      url('/wp-content/themes/vivi/ApercuPro/ApercuPro-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Font Style */
body {
  font-family: 'Apercu Pro', Fallback, sans-serif; 
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: var(--black);
}
h1 {
  font-family: 'Apercu Pro Bold', Fallback, sans-serif; 
  font-size: 48px;
  line-height: 1.3em;
  font-weight: normal;
  color: var(--black);
}
h2 {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  font-size: 36px;
  line-height: 1.25em;
  font-weight: normal;
  color: var(--black);
}
h3 {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  font-size: 31px;
  line-height: 1.25em;
  font-weight: normal;
  color: var(--black);
}
h4 {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  font-size: 24px;
  line-height: 1.25em;
  font-weight: normal;
  color: var(--black);
}
h5 {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  font-size: 15px;
  line-height: 1.25em;
  font-weight: normal;
  color: var(--black);
}
h6 {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  font-weight: normal;
  color: var(--black);
}
b, strong {
  font-family: 'Apercu Pro Bold', Fallback, sans-serif; 
  font-weight: normal;
}
@media (max-width:768px) {
  h1 {font-size: 36px;}
  h2 {font-size: 30px;}
  h3 {font-size: 23px;}
  h4 {font-size: 20px;}
}

.ApercuProMedium h2.fl-heading {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif; 
  font-weight: 500;
}


/* header */
.admin-bar #header {top:32px;}
@media (max-width:768px) {
  .admin-bar #header {top:46px;}
}
#header #menu-header li {
  margin-right: 0;
}
#header #menu-header li a {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
}
#header .top-nav .button {
  margin-left: 0;
  color: var(--white);
  background-color: var(--primaryPurple);
  border:none;
  padding: 6px 12px;
  border-radius: 8px;
  font-size:14px;
  font-weight: 500;
  cursor: pointer;
  transition: var(--linkTransition);
  text-transform: uppercase;
}
#header .top-nav .button:hover,
#header .top-nav .button:focus  {
  background-color: var(--primaryBlue);
}

/* footer */
#footer {
  background-color: var(--primaryDarkPurple);
  color: var(--white);
  padding: 30px 0 50px 0;
}
#footer .branding {
  margin:0 20px 20px 20px;
}
#footer #menu-footer {
  display:grid;
  grid-template-columns: 1fr 1fr;
}
#footer .grid-lower {
  margin: 40px 20px 0;
}
#footer .legal_links,
#footer .copyright {
  font-size:12px;
}
#footer .socials {
  margin: 0 0 26px;
}
#footer .socials .fa-stack {
  font-size: 22px;
}

@media (max-width:768px) {
  #footer .branding,
  #footer h5,
  #footer .legal_links,
  #footer .copyright {
    text-align: center;
  }
  #footer .socials {
    justify-content: center;
  }
}

/* Background Circle */
#footer.bg-circle {z-index: 10;}
.offset{z-index:20;position: relative;overflow:hidden;}

section.bg-circle,
#footer.bg-circle,
#footer.bg-circle .container  {
  position: relative;
}
#footer.bg-circle:before {
  position: absolute;
  content:" ";
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: auto;
  display: flex;
}
#footer.bg-circle:before {
  background-image: url(/wp-content/uploads/2021/09/circle-footer-left.svg), url(/wp-content/uploads/2021/09/circle-footer-right.svg);
  background-position: left bottom, right bottom;
  height:180%;
}
#section--callout,
#section--callout_about,
#section--callout_product,
#section--blue-highlight {
  background-color: var(--primaryBlue);
}
#footer>.container,
#section--callout>.fl-row-content-wrap,
#section--callout_product>.fl-row-content-wrap,
#section--callout_about>.fl-row-content-wrap,
#section--blue-highlight>.fl-row-content-wrap {
  position: relative;
}
.is-inview .green-ball {
  position:absolute;
  left:-30px;
  top:-30px;
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: var(--primaryGreen);
  opacity:0;
  animation: green-ball 4s ease-in 1s 1 alternate forwards;
}
@keyframes green-ball {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translate3d(-105px, -105px, 0);
  }
  14% {
    opacity: 1;
  }
  40% {
    animation-timing-function: ease-in;
    transform: translate3d(-75px, -75px, 0);
  }
  65% {
    animation-timing-function: ease-in;
    transform: translate3d(-55px, -55px, 0);
  }
  82% {
    animation-timing-function: ease-in;
    transform: translate3d(-25px, -25px, 0);
  }
  93% {
    animation-timing-function: ease-in;
    transform: translate3d(-10px, -10px, 0);
  }
  25%,
  55%,
  75%,
  87% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 0);
  }
  100% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.is-inview .green-ball_bottom {
  position:absolute;
  left:-30px;
  bottom:0;
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: var(--primaryGreen);
  opacity:0;
  animation: green-ball_bottom 4s ease-in 1s 1 alternate forwards;
}
@keyframes green-ball_bottom {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translate3d(-105px, -105px, 0);
  }
  14% {
    opacity: 1;
  }
  40% {
    animation-timing-function: ease-in;
    transform: translate3d(-75px, -75px, 0);
  }
  65% {
    animation-timing-function: ease-in;
    transform: translate3d(-55px, -55px, 0);
  }
  82% {
    animation-timing-function: ease-in;
    transform: translate3d(-25px, -25px, 0);
  }
  93% {
    animation-timing-function: ease-in;
    transform: translate3d(-10px, -10px, 0);
  }
  25%,
  55%,
  75%,
  87% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 0);
  }
  100% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.is-inview .dpurple-ball {
  position:absolute;
  right:-100px;
  bottom:0;
  display: block;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background-color: var(--primaryDarkPurple);
  opacity:0;

  animation: dpurple-ball 6s ease-in 2s 1 alternate forwards;
}
.is-inview .dpurple-ball_lrg {
  position:absolute;
  right:-100px;
  bottom:0;
  display: block;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background-color: var(--primaryDarkPurple);
  opacity:0;

  animation: dpurple-ball 6s ease-in 2s 1 alternate forwards;
}
@keyframes dpurple-ball {
    0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translate3d(105px, -105px, 0);
  }
  14% {
    opacity: 1;
  }
  40% {
    animation-timing-function: ease-in;
    transform: translate3d(75px, -75px, 0);
  }
  65% {
    animation-timing-function: ease-in;
    transform: translate3d(55px, -55px, 0);
  }
  82% {
    animation-timing-function: ease-in;
    transform: translate3d(25px, -25px, 0);
  }
  93% {
    animation-timing-function: ease-in;
    transform: translate3d(10px, -10px, 0);
  }
  25%,
  55%,
  75%,
  87% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 0);
  }
  100% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* page + section styles */
.fl-heading .fl-heading-text mark,
.fl-module .fl-rich-text mark,
p.intro mark,
.hero-left h1 mark {
  padding: 0 .1em;
  background: var(--primaryGreen);
  color: var(--black) !important;
  margin: 0 -0.1em;
}
.text-underline .fl-rich-text,
.fl-module .fl-rich-text u {
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under; 
}
.img-filter-light-blue .fl-photo-content {
  position:relative;
}
.img-filter-light-blue .fl-photo-content:before {
  position:absolute;
  content:"";
  background: rgba(0, 125,255,0.4);
  width:100%;
  height:100%;
  top:0;
}
.img-filter-light-purple .fl-photo-content:before {
  position:absolute;
  content:"";
  background: rgba(181, 78, 246,0.4);
  width:100%;
  height:100%;
  top:0;
}
.img-filter-light-blue .fl-photo-crop-circle .fl-photo-content:before,
.img-filter-light-purple .fl-photo-crop-circle .fl-photo-content:before {
  -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.fl-button-has-icon a.fl-button .fl-button-icon {
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.fl-button-has-icon a.fl-button:hover .fl-button-icon,
.fl-button-has-icon a.fl-button:focus .fl-button-icon {
  -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
.fl-button-has-icon a.fl-button:hover .fl-button-icon.fl-button-icon-before,
.fl-button-has-icon a.fl-button:focus .fl-button-icon.fl-button-icon-before {
  -webkit-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -o-transform: translateX(-4px);
    transform: translateX(-4px);
}
.fl-button-has-icon a.fl-button:hover .fl-button-icon.fa-arrow-down,
.fl-button-has-icon a.fl-button:focus .fl-button-icon.fa-arrow-down {
  -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
}
.fl-button-has-icon a.fl-button:hover .fl-button-icon.fa-arrow-up,
.fl-button-has-icon a.fl-button:focus .fl-button-icon.fa-arrow-up {
  -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}



button.btn-primary {
  border: 1px solid var(--primaryPurple);
  border-radius: 8px;
  background: var(--primaryPurple);
  color: var(--white);
  font-family: 'Apercu Pro Medium', Fallback, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing:1px;
  padding: 12px 24px;
  text-decoration: none;
  transition: var(--linkTransition);
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
}
button.btn-primary:hover,
button.btn-primary:focus  {
  background-color: var(--primaryBlue);
  border-color: var(--primaryBlue);
  color: var(--white);
}
button.btn-center {
  margin:0 auto;
}
.fl-button-wrap .fl-button {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif;
  letter-spacing:1px;
}
#section--callout button.btn-primary:hover,
#section--callout button.btn-primary:focus,
#section--callout_product button.btn-primary:hover,
#section--callout_product button.btn-primary:focus,
#section--blue-highlight button.btn-primary:hover,
#section--blue-highlight button.btn-primary:focus  {
  background-color: var(--primaryDarkPurple);
  border-color: var(--primaryDarkPurple);
}
@media (min-width:768px) {
  button.btn-md-left {
    margin:0 auto 0 0;
  }
}
.fl-module .fl-rich-text ul {
  padding-left: 20px;
}
.icon-animation-down .fl-icon i {
  -webkit-animation: animatedArrowDown infinite alternate ease-in-out 600ms; 
  -moz-animation:    animatedArrowDown infinite alternate ease-in-out 600ms;
  -o-animation:      animatedArrowDown infinite alternate ease-in-out 600ms;
  animation:         animatedArrowDown infinite alternate ease-in-out 600ms;
}
  @-webkit-keyframes animatedArrowDown {
    0% {-webkit-transform: translateY(0);}
    100% {-webkit-transform: translateY(8px);}
  }
  @-moz-keyframes animatedArrowDown {
    0% {transform: translateY(0);}
    100% {transform: translateY(8px);}
  }
  @-ms-keyframes animatedArrowDown {
    0% {-ms-transform: translateY(0);}
    100% {-ms-transform: translateY(8px);}
  }
  @-o-keyframes animatedArrowDown {
    0% {transform: translateY(0);}
    100% {transform: translateY(8px);}
  }
  @keyframes animatedArrowDown {
    0% {transform: translateY(0);}
    100% {transform: translateY(8px);}
  }
.icon-animation-up .fl-icon i {
  -webkit-animation: animatedArrowUp infinite alternate ease-in-out 600ms; 
  -moz-animation:    animatedArrowUp infinite alternate ease-in-out 600ms;
  -o-animation:      animatedArrowUp infinite alternate ease-in-out 600ms;
  animation:         animatedArrowUp infinite alternate ease-in-out 600ms;
}
  @-webkit-keyframes animatedArrowUp {
    0% {-webkit-transform: translateY(0);}
    100% {-webkit-transform: translateY(-8px);}
  }
  @-moz-keyframes animatedArrowUp {
    0% {transform: translateY(0);}
    100% {transform: translateY(-8px);}
  }
  @-ms-keyframes animatedArrowUp {
    0% {-ms-transform: translateY(0);}
    100% {-ms-transform: translateY(-8px);}
  }
  @-o-keyframes animatedArrowUp {
    0% {transform: translateY(0);}
    100% {transform: translateY(-8px);}
  }
  @keyframes animatedArrowUp {
    0% {transform: translateY(0);}
    100% {transform: translateY(-8px);}
  }

.webinar-list .fl-button-group .fl-button,
.app-list .fl-button-group .fl-button {
  display:flex;
}
.webinar-list .fl-button-group .fl-button i.fl-button-icon {
  font-size: 1em;
  margin-top: 4px;
}
.webinar-list .fl-button-group .fl-button .fl-button-text {
  color: var(--white);
  text-align: left;
  padding-top: 5px;
    line-height: 1;
}
.webinar-list .fl-button-group .fl-button .fl-button-text i {
  color: var(--white);
  font-size:16px;
  display:block;
  margin-top: 5px;
}
.app-list .fl-button-group .fl-button {
  display:flex;
  align-items: center;
}
.app-list .fl-button-group .fl-button-text span {
  display:inline-block;
  background-color: rgba(255,255,255,0.4);
  padding: 0px 4px;
  margin-left: 4px;
  color: var(--primary-Blue);
  font-size: 16px;
  position: relative;
  bottom: 1px;
}
.app-list .fl-button-group .fl-button:hover .fl-button-text span,
.app-list .fl-button-group .fl-button:focus .fl-button-text span {
  color: var(--primary-DarkBlue);
}
.app-list .fl-button-has-icon a.fl-button .fl-button-icon.fl-button-icon-before {
  -webkit-transition: transform 0.1s ease-out;
  -moz-transition: transform 0.1s ease-out;
  -ms-transition: transform 0.1s ease-out;
  -o-transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}
.app-list .fl-button-has-icon a.fl-button:hover .fl-button-icon.fl-button-icon-before,
.app-list .fl-button-has-icon a.fl-button:focus .fl-button-icon.fl-button-icon-before {
  -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.app-list .fl-button-wrap {
  position: relative;
}
.app-list .fl-button-wrap a:before {
  position: absolute;
  top:0;
  right:0;
  width:43px;
  height:100%;
  color: var(--white);
  background-color: rgba(255,255,255,0.2);
  font-family: "Font Awesome 5 Pro"; 
	font-weight: 400;
	content: "\f019";
  font-size:18px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.app-list.app-deactive .fl-button-wrap:before {
  display:none;
}
.app-list.app-deactive .fl-button-group .fl-button,
.app-list.app-deactive .fl-button-group .fl-button:hover,
.app-list.app-deactive .fl-button-group .fl-button:focus {
  pointer-events: none;
}
.app-list.app-deactive .fl-button-has-icon a.fl-button:hover .fl-button-icon.fl-button-icon-before,
.app-list.app-deactive .fl-button-has-icon a.fl-button:focus .fl-button-icon.fl-button-icon-before {
  -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.fl-post-column .fl-post-grid-post {
  transition: var(--linkTransition);
  border-radius: 26px;
}
.fl-post-column .fl-post-grid-post:hover {
  box-shadow: 0 0 50px rgb(10 45 82 / 10%);
}
.fl-post-grid-post .fl-post-grid-image {
  margin-bottom:20px;
}
.fl-post-grid-post .fl-post-grid-image img {
  border-top-left-radius: 26px;
    border-top-right-radius: 26px;
}
.fl-post-grid-post .fl-post-grid-title a:hover,
.fl-post-grid-post .fl-post-grid-title a:focus {
  color: var(--black);
}
.fl-post-grid-post,
.fl-post-grid-post .fl-post-grid-text {
  display:flex;
  flex-direction: column;
}
.fl-post-grid-post .fl-post-grid-text {
  -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    margin-bottom: 60px;
    position: relative;
    padding: 0 20px;
}
.fl-post-grid-post .fl-post-grid-content .fl-post-grid-more {
  position: absolute;
  bottom: -35px;
  font-family: 'Apercu Pro Bold', Fallback, sans-serif; 
  font-weight:normal;
  text-transform: uppercase;
}
.fl-post-grid-post .fl-post-grid-title {order:2;}
.fl-post-grid-post .fl-post-grid-meta-terms {order:1;margin-bottom:13px;}
.fl-post-grid-post .fl-post-grid-content {order:3;}
.fl-post-grid-post .fl-post-grid-meta-terms .fl-post-grid-terms a {
  text-transform: uppercase;
  font-size:14px;
  color: var(--primaryDarkPurple);
}
.post-tile .fl-col-content {
  transition: var(--linkTransition);
  border-radius: 26px;
}
.post-tile .fl-col-content:hover,
.post-tile .fl-col-content:focus {
  box-shadow: 0 0 50px rgb(10 45 82 / 10%);
  cursor: pointer;
}
.post-tile .fl-photo-content {
  height:181px;
  overflow:hidden;
}
.post-tile .fl-photo-content img {
  height: 100%;
    object-fit: cover;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
}
.post-tile .fl-module-content h5.fl-heading {
    font-family: 'Apercu Pro', Fallback, sans-serif;
    font-size: 14px;
}
.post-tile .fl-module-content h4.fl-heading {
  font-family: 'Apercu Pro Bold', Fallback, sans-serif;
  font-size: 20px;
  font-weight: normal;
    line-height: 26px;
    margin: 0 0 10px;
    padding: 0;
}
.post-tile .fl-module-button {
  margin-top:auto;
}
.post-tile .fl-button-wrap .fl-button {
  letter-spacing: 0;
  font-family: 'Apercu Pro Bold', Fallback, sans-serif;
}
.rounded-corner .fl-module-content,
.rounded-corner .fl-module-content img,
.rounded-corner .fl-module-content iframe {
  border-radius: 26px;
}
.img-dropshadow .fl-module-content {
  box-shadow: 0 0 50px rgb(10 45 82 / 10%);
}

@media (max-width:768px) {
  .fl-module .fl-rich-text ul,
  .fl-module .fl-rich-text ul li {
    text-align:left !important;
  }
  .post-tile .fl-photo-content,
  .fl-post-grid-post .fl-post-grid-image {
    height:270px;
    overflow: hidden;
  }
}

/* lightbox stack */
.fl-button-lightbox-wrap .mfp-content {
  background: transparent !important;
}
.mfp-wrap.fl-button-lightbox-wrap .mfp-close {
  color:var(--white) !important;
  opacity: 1;
}
.mfp-wrap.fl-button-lightbox-wrap .mfp-close:hover,
.mfp-wrap.fl-button-lightbox-wrap .mfp-close:focus {
  color:var(--primaryBlue) !important;
  opacity: 1;
}
.fl-button-lightbox-wrap .mfp-iframe-scaler iframe {
  border: none !important;
}
.mfp-iframe-holder .mfp-content {
  max-width: 1000px;
}
.mfp-iframe-scaler iframe {
  background: transparent;
    box-shadow: none;
}

/* ACF style update */
.content-col p.callout-text {
  color: var(--primaryBlue);
  font-weight: 600;
    line-height: 2em;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.blog .header h1.title,
.archive .header h1.title,
.page-hero h1.title {
  margin-bottom: 0;
  padding: 0 .1em;
  background: var(--primaryGreen);
  color: var(--black) !important;
  margin: 0 -0.1em;
  display: inline-block;
}
.offset .simple-hero.image {
  box-shadow: 0px 40px 50px #e3e2e370;
}
.offset .simple-hero.image:before {
  width: 100%;
  background: rgba(255,255,255,0.8);
  transform: skew(180deg);
}
.offset .simple-hero h1,
.offset .simple-hero .intro {
  max-width: 100%;
}
@media (min-width:768px) {
  .offset .simple-hero.image:before {
    width: 55%;
    background: rgba(255,255,255,1);
  }
  .offset .simple-hero h1,
  .offset .simple-hero .intro {
    max-width: 53%;
  }
}
@media (max-width:768px) {
  .offset .simple-hero .hero-left {
    text-align:center;
  }
}

/* Header nav */
#header-nav.nav-container {
  max-width: 800px;
  margin: 0 auto;
}
#header-nav nav {
  float: right;
  margin-right: 23px;
}
#header-nav nav ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header-nav nav ul.menu li {
  color: var(--black);
  display: block;
	float: left;
	padding: 1rem 0.7rem;
	position: relative;
	text-decoration: none;
}
#header-nav nav ul.menu li a,
#header-nav nav ul.menu li a:visited {
  color: var(--black);
  text-decoration: none;
  text-transform: uppercase;
  font-size:14px;
}
#header-nav nav ul.menu li:hover a, 
#header-nav nav ul.menu li:hover a:visited {
  color: var(--primaryBlue);
}
#header-nav nav ul.menu li a:not(:only-child):after, 
#header-nav nav ul.menu li a:visited:not(:only-child):after {
  padding-left: 8px;
  content: '';
  background: url(/wp-content/uploads/2024/02/submenu.svg) no-repeat center -5px;
    width: 15px;
    height: 15px;
    display: inline-block;
}
#header-nav nav ul.menu li ul.sub-menu {
  visibility: hidden;
  opacity: 0;
  min-width:294px;
  font-size: 14px;
  float: none;
  list-style: none;
	position: absolute;
  -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  padding:0;
  margin:0;
	left: 0;
  top: 100%;
  display: none;
  z-index: 1000;
  background-clip: padding-box;
  background: var(--white);
    -moz-box-shadow: 0 1px 20px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 20px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 20px rgb(0 0 0 / 15%);
}
#header-nav nav ul.menu li:hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  display: block !important;
}
#header-nav nav ul.menu li ul.sub-menu li {
	padding: 0;
  float: none;
  list-style: none;
  background: var(--lt-grey);
}
#header-nav nav ul.menu li ul.sub-menu li a {
  text-transform: none;  
  font-size: 16px;
    line-height: 1;
    color: var(--black);
    display: flex;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    padding: 10px 25px;
}
#header-nav nav ul.menu li ul.sub-menu li a:hover,
#header-nav nav ul.menu li ul.sub-menu li a:focus {
  color: var(--primaryBlue) !important;
  -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
#header-nav nav ul.menu li ul.sub-menu li a:visited {
  color: var(--black);
}
#header-nav nav ul.menu li ul.sub-menu li:first-child a {
  padding-top:25px;
}
#header-nav nav ul.menu li ul.sub-menu li:last-child a {
  padding-bottom:25px;
}

/* Mobile navigation */
.top-nav .nav-mobile {
  display: none;
  position: absolute;
  top: -11px;
  right: -11px;
  /*background: rgba(0, 125,255,0.3);*/
  height: 55px;
  width: 65px;
}
@media only screen and (max-width: 992px) {
  .top-nav .nav-mobile {
    display: block;
  }
  #header .container {
    padding-top: 10px;
    align-items: flex-start;
  }
  #header .top-nav {
    margin: 10px 0 0 0;
    flex-direction: column;
    position: relative;
    width: 100%;
    align-items: flex-end;
    padding-right: 50px;
  }
  #header-nav.nav-container {
    display: none;
    top: 42px;
    right:-20%;
    position: absolute;
    width: 80vw;
    height: 100vh;
    background: var(--white);
  }
  #header-nav nav {
      width: 100%;
      padding: 0;
    margin: 0;
  }
  #header-nav nav ul.menu li {
    float: none;
    text-align: left;
    margin-bottom: 0;
  }
  #header-nav nav ul.menu li > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    display: block !important;
    position: relative;
    -moz-box-shadow: 0 1px 20px rgba(0,0,0,0);
    -webkit-box-shadow: 0 1px 20px rgb(0 0 0 / 0%);
    box-shadow: 0 1px 20px rgb(0 0 0 / 0%);
  }
  #header-nav nav ul.menu li > ul.sub-menu li {
    background: rgba(0, 125,255,0);
  }
  #header-nav nav ul.menu li ul.sub-menu li:first-child a {
    padding-top: 10px;
  }
  #header-nav nav ul.menu li ul.sub-menu li:last-child a {
    padding-bottom:10px;
  }
}
#navbar-toggle {
  position: absolute;
  left: 18px;
  top: 15px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#navbar-toggle span, 
#navbar-toggle span:before, 
#navbar-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: var(--black);
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#navbar-toggle span:before {
  top: -10px;
}
#navbar-toggle span:after {
  bottom: -10px;
}
#navbar-toggle.active span {
  background-color: var(--white);
}
#navbar-toggle.active span:before, 
#navbar-toggle.active span:after {
  top: 0;
}
#navbar-toggle.active span:before {
  transform: rotate(45deg);
}
#navbar-toggle.active span:after {
  transform: rotate(-45deg);
}

/* GIF Callout */
.gif_callout_nav .fl-list-item-content-text p {
  font-family: 'Apercu Pro Bold', Fallback, sans-serif; 
  font-weight: normal;
  line-height: 1;
  display: grid;
  grid-template-columns: 36px auto;
    align-items: center;
    transition: var(--linkTransition);
  opacity:0.6;
}
.gif_callout_nav .fl-list-item-content-text p .num {
  background: var(--black);
  color: var(--white) !important;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px;
  letter-spacing: 0 !important;
  transition: var(--linkTransition);
}
.gif_callout_nav .fl-list-item-content-text p:hover,
.gif_callout_nav .fl-list-item-content-text p:focus,
.gif_callout_nav .fl-list-item.show .fl-list-item-content-text p {
  cursor: pointer;
  color: var(--primaryBlue);
  opacity:1;
}
.gif_callout_nav .fl-list-item-content-text p:hover .num,
.gif_callout_nav .fl-list-item-content-text p:focus .num,
.gif_callout_nav .fl-list-item.show .fl-list-item-content-text p .num {
  background: var(--primaryBlue);
}
.gif_callout_nav .fl-list-item {
  margin-bottom:25px;
}
.gif_callout_nav.non-clickable .fl-list-item-content-text p,
.gif_callout_nav.non-clickable .fl-list-item.show .fl-list-item-content-text p,
.gif_callout_nav.non-clickable .fl-list-item-content-text p:hover,
.gif_callout_nav.non-clickable .fl-list-item-content-text p:focus {
  cursor: default;
  color: var(--black);
  opacity:1;
}
.gif_callout_nav.non-clickable .fl-list-item-content-text p .num,
.gif_callout_nav.non-clickable .fl-list-item.show .fl-list-item-content-text p .num,
.gif_callout_nav.non-clickable .fl-list-item-content-text p:hover .num,
.gif_callout_nav.non-clickable .fl-list-item-content-text p:focus .num {
  background: var(--black);
}

.gif_callout_anim .dt-wrapper video {
  width:100%;
  height:auto;
}
.gif_callout_anim .dt-wrapper video,
.gif_callout_anim .dt-wrapper video.hide {
  display:none;
  visibility: hidden;
  opacity:0;
}
#anim1.gif_callout_anim .dt-wrapper video.screen1,
#anim2.gif_callout_anim .dt-wrapper video.screen4,
#anim3.gif_callout_anim .dt-wrapper video.screen7,
#anim4.gif_callout_anim .dt-wrapper video.screen10,
#anim5.gif_callout_anim .dt-wrapper video.screen13,
.gif_callout_anim .dt-wrapper video.show {
  display:block;
  visibility: visible;
  opacity:1;
}
@-webkit-keyframes slide-in-right {
  from {
    opacity:0;
    visibility: hidden;
  }
  to {
    opacity:1;
    visibility: visible;
  }
}
@-moz-keyframes slide-in-right {
  from {
    opacity:0;
    visibility: hidden;
  }
  to {
    opacity:1;
    visibility: visible;
  }
}
@-ms-keyframes slide-in-right {
  from {
    opacity:0;
    visibility: hidden;
  }
  to {
    opacity:1;
    visibility: visible;
  }
}
@-o-keyframes slide-in-right {
  from {
    opacity:0;
    visibility: hidden;
  }
  to {
    opacity:1;
    visibility: visible;
  }
}
@keyframes slide-in-right {
  from {
    opacity:0;
    visibility: hidden;
  }
  to {
    opacity:1;
    visibility: visible;
  }
}
.gif_callout_anim .fl-html .dt-wrapper video.show {
  animation: slide-in-right 3s ease;
    -webkit-animation: slide-in-right 3s ease;
}

@media only screen and (max-width: 768px) {
  .gif_callout_nav .fl-list-item .fl-list-item-content {
    max-width:400px;
    margin:auto;
  }
}

/* BB form */
.fl-contact-form .fl-input-group label {
  font-family: 'Apercu Pro Bold', Fallback, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
}
.fl-contact-form .fl-input-group input[type="text"],
.fl-contact-form .fl-input-group input[type="email"],
.fl-contact-form .fl-input-group textarea {
  border: 1px solid #DEDEDF;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 0 15px;
    width: 100%;
    font-family: 'Apercu Pro Medium', Fallback, sans-serif;
    transition: var(--linkTransition);
}
.fl-contact-form .fl-input-group input[type="text"]:hover,
.fl-contact-form .fl-input-group input[type="text"]:focus,
.fl-contact-form .fl-input-group input[type="email"]:hover,
.fl-contact-form .fl-input-group input[type="email"]:focus,
.fl-contact-form .fl-input-group textarea:hover,
.fl-contact-form .fl-input-group textarea:focus {
  outline: none;
    border-color: var(--black);
}
.fl-contact-form .fl-input-group input[type="text"],
.fl-contact-form .fl-input-group input[type="email"] {
  padding: 0 15px;
  height: 38px;
}
.fl-contact-form .fl-input-group textarea {
  min-height: 76px;
    padding: 15px;
    width: 100%!important;
}
.fl-contact-form .fl-button-wrap .fl-button {
    font-family: 'Apercu Pro Medium', Fallback, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 12px 40px;
    text-decoration: none;
    transition: var(--linkTransition);
    text-transform: uppercase;
}
.fl-contact-form .fl-button-wrap .fl-button .fl-button-text {
  color: var(--white);
}

#header .branding.wTag {
  display: flex;
    align-items: center;
}
#header .branding.wTag .tag {
  margin: 10px 20px;
  background: var(--primaryGreen);
  padding: 5px;
  color: var(--black);
  transition: var(--linkTransition);
  white-space: nowrap;

  display:none !important;
  opacity: 0 !important;
}
#header .branding.wTag .tag:hover,
#header .branding.wTag .tag:focus {
  text-decoration: none;
  color: var(--white);
}
#header .branding.wTag img {
  min-width: 91px;
}
@media only screen and (max-width: 520px) {
  #header .top-nav .button {
    font-size: 11px;
  }
}

/*  Pillar/Lead Gen Page 
sticky sidenav */
#nav-list .fl-list-item-content .fl-list-item-icon {
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
#nav-list .fl-list-item-content:hover .fl-list-item-icon {
  -webkit-transform: translate(0, 6px);
  -moz-transform: translate(0, 6px);
  -ms-transform: translate(0, 6px);
  -o-transform: translate(0, 6px);
  transform: translate(0, 6px);
}
#nav-list .fl-list-item-content .fl-list-item-content-icon {
  vertical-align: top;
}
@media (min-width:992px) {
  aside#side-nav {
      height: 70vh;
      position: -webkit-sticky;
      position: sticky;
      top: 8rem;
  }
  #nav-list .fl-list-item-content .fl-list-item-content-icon {
    padding-top: 4px;
  }
  #nav-list .fl-list-item-content .fl-list-item-icon {
      -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  }
  #nav-list .fl-list-item-content:hover .fl-list-item-icon {
    -webkit-transform: translate(6px, 0) rotate(-90deg);
    -moz-transform: translate(6px, 0) rotate(-90deg);
    -ms-transform: translate(6px, 0) rotate(-90deg);
    -o-transform: translate(6px, 0) rotate(-90deg);
    transform: translate(6px, 0) rotate(-90deg);
  }
}
#main-content .fl-rich-text li {
  padding-bottom:5px;
}
.fl-post-grid .fl-post-grid-post .fl-post-grid-image {
  height: 181px;
    overflow: hidden;
}
.fl-post-grid .fl-post-grid-post .fl-post-grid-image img {
  height: 100% !important;
    object-fit: cover;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
}

/* Content Gate for Pillar page */
body:not(.fl-builder-edit) #content-gate .fl-module {
  filter: blur(7px);
  transition: filter 1s;
  z-index: 10;
}
body:not(.fl-builder-edit) #content-gate .fl-module.teaser-content,
body:not(.fl-builder-edit) #content-gate.content-gate--passed .fl-module {
  filter: blur(0);
}
body:not(.fl-builder-edit) #content-gate-form.fl-module {
  filter: blur(0) !important;
  position:relative;
}
body:not(.fl-builder-edit) #content-gate.content-gate--passed #content-gate-form.fl-module {
  top: 0;
  opacity: 0.01;
  transition: top 1s, opacity 0.5s;
}
body:not(.fl-builder-edit) #content-gate #content-gate-form.fl-module {
  top: -2rem;
  opacity: 1;
}
body:not(.fl-builder-edit) #content-gate-form .content-gate-form__wrap {
  position: absolute;
  transform: translateX(-50%);
}
#content-gate-form .content-gate-form__wrap {
  top: -2rem;
  left: calc(50% - 10px);
  z-index: 20;
  width: calc(100% - 20px);
  max-width: 600px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 2rem 2rem 2.5rem;
  background: var(--blue);
}
@media (min-width: 350px) {
  #content-gate-form .content-gate-form__wrap {
    left: calc(50% - 4vw);
    width: calc(100% - 8vw);
    margin-right: 4vw;
    margin-left: 4vw;
  }
}
@media (min-width: 480px) {
  #content-gate-form .content-gate-form__wrap {
    padding: 2rem 3rem 2.5rem;
  }
}
@media (min-width: 768px) {
  #content-gate-form .content-gate-form__wrap {
    left: calc(50% - 35px);
    width: calc(100% - 70px);
    margin-right: 35px;
    margin-left: 35px;
    padding: 3rem 5rem 3.5rem;
  }
}
#content-gate-form .content-gate-form__wrap .module__header {
  margin-bottom: 1rem;
  text-align: center;
  color: var(--white);
}
#content-gate-form .content-gate-form__wrap .module__header h2 {
  color: var(--white);
  font-size:38px;
  margin-bottom: 1rem;
}
#content-gate-form .content-gate-form__wrap .module__header p {
  color: var(--white);
  font-size:16px;
  margin-bottom: 2rem;
}
#content-gate-form .hbspt-form .hs-form-field label span,
#content-gate-form .hs_error_rollup .hs-error-msgs label {
  color: var(--white);
}
#content-gate-form .hbspt-form .hs_submit .hs-button:hover,
#content-gate-form .hbspt-form .hs_submit .hs-button:focus {
  background-color: var(--black);
    border-color: var(--black);
}

/* CleverTouch */
.fl-module.btn-download a.fl-button {
  position: relative;
	padding-left:88px;
}
.fl-module.btn-download a.fl-button:before {
  position: absolute;
  content:"";
  background: url(/wp-content/uploads/2022/04/button-download.svg) no-repeat center center;
  width:50px;
  height:45px;
  left:20px;
  top:6px;
}
.fl-module.btn-download a.fl-button .fl-button-text {
	text-align: left;
    display: block;
}
.fl-module.apercu-bold .fl-rich-text p {
	font-family: 'Apercu Pro Bold', Fallback, sans-serif;
	font-weight: 700;
}

@media (min-width:992px) {
	.fl-col.col-tile-benefits .fl-col-content {
		max-width:230px;
    margin-left:auto;
    margin-right:auto;
	}
	body:not(.fl-builder-edit) .fl-col.float-arrow .fl-col-content {
		position:relative;
	}
	body:not(.fl-builder-edit) .fl-col.float-arrow .fl-col-content .arrow-step1 {
		position:absolute;
    top: 34px;
    right: -18px;
	}
  body:not(.fl-builder-edit) .fl-col.float-arrow .fl-col-content .arrow-step2 {
		position:absolute;
    top: 58px;
    left: 23px;
	}
}
@media (max-width:1100px) and (min-width:992px) {
  body:not(.fl-builder-edit) .fl-col.float-arrow .fl-col-content .arrow-step1 img,
  body:not(.fl-builder-edit) .fl-col.float-arrow .fl-col-content .arrow-step2 img {
    transform: scale(0.8);
  }
  body:not(.fl-builder-edit) .fl-col.float-arrow .fl-col-content .arrow-step1 {
    top: 80px;
    right: -63px;
  }
  body:not(.fl-builder-edit) .fl-col.float-arrow .fl-col-content .arrow-step2 {
    top: 100px;
  }
}

/* Compare table */
table.compare td span.info {
  display:none;
}
table.compare td span.default {
  display:block;
}

/* 
back to School LP 
*/
/* Font Family */
@font-face {
  font-family: 'Metropolis Medium';
  src: url('/wp-content/themes/vivi/Metropolis/EOT/Metropolis-Medium.eot');
  src: local('Metropolis Medium'), local('Metropolis'),
      url('/wp-content/themes/vivi/Metropolis/WOFF2/Metropolis-Medium.woff2') format('woff2'),
      url('/wp-content/themes/vivi/Metropolis/WOFF/Metropolis-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis Medium Italic';
  src: url('/wp-content/themes/vivi/Metropolis/EOT/Metropolis-MediumItalic.eot');
  src: local('Metropolis Medium Italic'), local('Metropolis'),
      url('/wp-content/themes/vivi/Metropolis/WOFF2/Metropolis-MediumItalic.woff2') format('woff2'),
      url('/wp-content/themes/vivi/Metropolis/WOFF/Metropolis-MediumItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis Bold';
  src: url('/wp-content/themes/vivi/Metropolis/EOT/Metropolis-Bold.eot');
  src: local('Metropolis Bold'), local('Metropolis'),
      url('/wp-content/themes/vivi/Metropolis/WOFF2/Metropolis-Bold.woff2') format('woff2'),
      url('/wp-content/themes/vivi/Metropolis/WOFF/Metropolis-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis Semibold';
  src: url('/wp-content/themes/vivi/Metropolis/EOT/Metropolis-SemiBold.eot');
  src: local('Metropolis Semibold'), local('Metropolis'),
      url('/wp-content/themes/vivi/Metropolis/WOFF2/Metropolis-SemiBold.woff2') format('woff2'),
      url('/wp-content/themes/vivi/Metropolis/WOFF/Metropolis-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis Extrabold';
  src: url('/wp-content/themes/vivi/Metropolis/EOT/Metropolis-ExtraBold.eot');
  src: local('Metropolis Extrabold'), local('Metropolis'),
      url('/wp-content/themes/vivi/Metropolis/WOFF2/Metropolis-ExtraBold.woff2') format('woff2'),
      url('/wp-content/themes/vivi/Metropolis/WOFF/Metropolis-ExtraBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis Light';
  src: url('/wp-content/themes/vivi/Metropolis/EOT/Metropolis-Light.eot');
  src: local('Metropolis Light'), local('Metropolis'),
      url('/wp-content/themes/vivi/Metropolis/WOFF2/Metropolis-Light.woff2') format('woff2'),
      url('/wp-content/themes/vivi/Metropolis/WOFF/Metropolis-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* HS form */
.page-template-page-bb-builder-no-header-footer .mfp-content .fl-button-lightbox-content {
  padding:55px 45px 45px 45px;
  background-color: var(--primaryBlue);
  box-shadow: 0px 0px 40px #00000029;
  border-radius: 41px;
}
.page-template-page-bb-builder-no-header-footer .fl-button-lightbox-content .mfp-close {
  font-size: 50px;
    top: 18px !important;
    right: 18px !important;
    color: var(--white);
    opacity: 1;
}
.page-template-page-bb-builder-no-header-footer .fl-button-lightbox-content .mfp-close:hover,
.page-template-page-bb-builder-no-header-footer .fl-button-lightbox-content .mfp-close:focus {
  top: 18px !important;
    right: 18px !important;
    color: var(--white);
    opacity: 0.75;
}
.page-template-page-bb-builder-no-header-footer .hbspt-form fieldset {
  max-width: 100%;
}
.page-template-page-bb-builder-no-header-footer .hbspt-form .hs-form-field .input .hs-input[type="text"], 
.page-template-page-bb-builder-no-header-footer .hbspt-form .hs-form-field .input .hs-input[type="email"], 
.page-template-page-bb-builder-no-header-footer .hbspt-form .hs-form-field .input .hs-input[type="tel"] {
  box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
}
.page-template-page-bb-builder-no-header-footer .hbspt-form .hs-fieldtype-textarea input,
.page-template-page-bb-builder-no-header-footer .hbspt-form .hs-fieldtype-textarea .input {
  display: flex;
}
.page-template-page-bb-builder-no-header-footer .hbspt-form .hs-richtext h1 {
  font-family: 'Metropolis Extrabold', Fallback, sans-serif;
  color: var(--white);
  font-size:31px;
  margin-bottom: 0;
}
.page-template-page-bb-builder-no-header-footer .mfp-content .hbspt-form .hs-form-field label span {
  font-family: 'Metropolis Semibold', Fallback, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: var(--white);
}
.page-template-page-bb-builder-no-header-footer .mfp-content .hbspt-form .hs_submit .hs-button {
  font-family: 'Metropolis Extrabold', Fallback, sans-serif;
  font-size:24px;
  border-color: var(--primaryGreen);
  background: var(--primaryGreen);
  margin: 30px auto 0 auto !important;
  padding: 20px 55px;
}
.page-template-page-bb-builder-no-header-footer .mfp-content .hbspt-form .hs_submit .hs-button:hover,
.page-template-page-bb-builder-no-header-footer .mfp-content .hbspt-form .hs_submit .hs-button:focus {
  border-color: var(--primaryPurple);
  background: var(--primaryPurple);
}
.page-template-page-bb-builder-no-header-footer .hbspt-form input,
.page-template-page-bb-builder-no-header-footer .hbspt-form select,
.page-template-page-bb-builder-no-header-footer .hbspt-form textarea {
  font-family: 'Metropolis Medium', Fallback, sans-serif;
}
.page-template-page-bb-builder-no-header-footer .hbspt-form .submitted-message img {
  width:140px;
  margin-bottom: 36px;
}
.page-template-page-bb-builder-no-header-footer .hbspt-form .submitted-message p {
  font-family: 'Metropolis Semibold', Fallback, sans-serif;
  font-size: 22px;
  line-height: 1;
  color: var(--white);
}
.page-template-page-bb-builder-no-header-footer .hbspt-form .submitted-message p:nth-child(2) {
  font-family: 'Metropolis Extrabold', Fallback, sans-serif;
  font-size: 35px;
}
.page-template-page-bb-builder-no-header-footer #subscription-form .hbspt-form .hs_submit .hs-button {
  border-radius: 0 !important;
    font-size: 16px;
    font-family: 'Metropolis Medium', Fallback, sans-serif;
}



@media (min-width:768px) {
  .page-template-page-bb-builder-no-header-footer .hbspt-form .submitted-message p {
    font-size: 40px;
  }
  .page-template-page-bb-builder-no-header-footer .hbspt-form .submitted-message p:nth-child(2) {
    font-size: 68px;
  }
  .page-template-page-bb-builder-no-header-footer .hbspt-form .hs-richtext h1 {
    font-size:45px;
  }
}

/* page content */
.section-btsLP h1.fl-heading,
.section-btsLP h2.fl-heading,
.section-btsLP h3.fl-heading {
  font-family: 'Metropolis Extrabold', Fallback, sans-serif;
}
.section-btsLP .fl-button-wrap .fl-button {
  font-family: 'Metropolis Semibold', Fallback, sans-serif;
}
.section-btsLP .fl-rich-text p,
.section-btsLP .fl-rich-text li {
  font-family: 'Metropolis Medium', Fallback, sans-serif;
}
.section-btsLP .leadTxt .fl-rich-text p {
  font-family: 'Metropolis Semibold', Fallback, sans-serif;
}
.section-btsLP .fl-rich-text p strong {
  font-family: 'Metropolis Extrabold', Fallback, sans-serif;
}
.section-btsLP .fl-slide-text h3 {
  font-family: 'Metropolis Bold', Fallback, sans-serif;
  margin-bottom: 0 !important;
}
.section-btsLP .fl-slide-text p {
  font-family: 'Metropolis Medium Italic', Fallback, sans-serif;
}
.section-btsLP .fl-slide-text p {
  font-size:25px;
}
.section-btsLP .fl-slide-text p.bio {
  font-size:15px;
  line-height:1;
}
.section-btsLP .fl-module-icon p {
  font-family: 'Metropolis Light', Fallback, sans-serif;
}

.fl-module-button.btn-duotone-clr .fl-button {
  position: relative;
  border-radius: 8px;
    overflow: hidden;
}
.fl-module-button.btn-duotone-clr .fl-button:before {
  position: absolute;
  width:58px;
  height:100%;
  content: "";
  top:0;
  right:0;
  background:var(--secondaryGreen);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
}
.fl-module-button.btn-duotone-clr .fl-button:hover:before,
.fl-module-button.btn-duotone-clr .fl-button:focus:before {
  background:var(--primaryGreen);
}
.fl-module-button.btn-duotone-clr .fl-button i.fl-button-icon-after {
  font-size: 2em;
  margin-left: 30px;
  position: relative;
}
.fl-module-button.btn-duotone-clr .fl-button-has-icon a.fl-button:hover .fl-button-icon, 
.fl-module-button.btn-duotone-clr .fl-button-has-icon a.fl-button:focus .fl-button-icon {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.fl-module-button.btn-duotone-clr.btn-clr-blue .fl-button:before {
  background:var(--secondaryBlue);
}
.fl-module-button.btn-duotone-clr.btn-clr-blue .fl-button:hover:before,
.fl-module-button.btn-duotone-clr.btn-clr-blue .fl-button:focus:before {
  background:var(--primaryBlue);
}
.blue-left .fl-html,
.purple-right .fl-html {
  position: relative;
}
.page-template-page-bb-builder-no-header-footer article.page .fl-builder-content {
  overflow: hidden;
}
.blue-left .rectangle-blueL {
  width: 614px;
  height: 66px;
  border-radius: 24px;
  background:rgba(0, 100, 197, 0.3);
  position: absolute;
  left: -420px;
  top: -112px;
}
.blue-left .rectangle-blueS {
  width: 66px;
  height: 66px;
  border-radius: 24px;
  background:rgba(0, 100, 197, 0.3);
  position: absolute;
  left: 225px;
  top: -112px;
}
body:not(.fl-builder-edit) .blue-left .rectangle-blueL,
body:not(.fl-builder-edit) .blue-left .rectangle-blueS {
  top: -142px;
}
.blue-left .rectangle-blueL:before,
.blue-left .rectangle-blueS:before {
  position: absolute;
  width:100%;
  height:100%;
  content: "";
  top: -12px;
  left:12px;
  border-radius: 24px;
}
.blue-left .rectangle-blueL:before {
  background: var(--primaryGreen);
}
.blue-left .rectangle-blueS:before {
  background: var(--secondaryGreen);
}
.purple-right .rectangle-purpleL {
  width: 614px;
  height: 66px;
  border-radius: 24px;
  background:rgba(0, 0, 0, 0.3);
  position: absolute;
  right: -420px;
  top: -142px;
}
.purple-right .rectangle-purpleS {
  width: 66px;
  height: 66px;
  border-radius: 24px;
  background:rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 225px;
  top: -142px;
}
.purple-right .rectangle-purpleL:before,
.purple-right .rectangle-purpleS:before {
  position: absolute;
  width:100%;
  height:100%;
  content: "";
  top:-12px;
  left:12px;
  border-radius: 24px;
}
.purple-right .rectangle-purpleL:before {
  background: var(--primaryPurple);
}
.purple-right .rectangle-purpleS:before {
  background: var(--secondaryPurple);
}
.blue-left .rectangle-blueL.mobile,
.blue-left .rectangle-blueS.mobile,
.purple-right .rectangle-purpleL.mobile,
.purple-right .rectangle-purpleS.mobile {
  top: auto !important;
  bottom: -130px;
  height: 62px;
  border-radius: 18px;
  z-index:12;
}
.blue-left .rectangle-blueS.mobile,
.purple-right .rectangle-purpleS.mobile {
  width: 62px;
}
.blue-left .rectangle-blueL.mobile:before,
.blue-left .rectangle-blueS.mobile:before,
.purple-right .rectangle-purpleL.mobile:before,
.purple-right .rectangle-purpleS.mobile:before {
  border-radius: 18px;
}

#section--callout.bg-img-blend-multiply {
  background:none;
}
.bg-img-blend-multiply .fl-row-content-wrap {
  background-blend-mode: multiply;
  background-color: var(--primaryBlue);
}
body:not(.fl-builder-edit) .section--2col-image_left .fl-module-photo,
body:not(.fl-builder-edit) .section--2col-image_left .fl-module-photo *,
body:not(.fl-builder-edit) .section--2col-image_right .fl-module-photo,
body:not(.fl-builder-edit) .section--2col-image_right .fl-module-photo * {
  height: 100%;
}
body:not(.fl-builder-edit) .section--2col-image_left .fl-module-photo img,
body:not(.fl-builder-edit) .section--2col-image_right .fl-module-photo img {
  height: 100%;
  object-fit: cover;
}
body:not(.fl-builder-edit) .section--2col-image_left .fl-module-photo>.fl-module-content {
  margin-left: -60%;
}
body:not(.fl-builder-edit) .section--2col-image_right .fl-module-photo>.fl-module-content {
  margin-right: -60%;
}
.img-absolute .fl-module-content {
  position: relative;
}
.img-absolute .fl-module-content {
  position: absolute;
  z-index: 49;
}
.fl-module-content-slider.client-slider {
  position:relative;
}
.fl-module-content-slider.client-slider:before {
  position:absolute;
  left:0;
  top:0;
  width:204px;
  height:204px;
  content:"";
  background: url(https://www.vivi.io/wp-content/uploads/2022/08/left-quotation-mark_grey.svg) no-repeat left top;
}
.fl-module-content-slider.client-slider .fl-content-slider-navigation {
  bottom:70px;
  top:auto;
}
.fl-module-content-slider.client-slider .fl-content-slider-navigation .slider-prev {
  left: calc(100% / 2 - 77px);
}
.fl-module-content-slider.client-slider .fl-content-slider-navigation .slider-next {
  right: calc(100% / 2 - 77px);
}
.fl-module-content-slider.client-slider .fl-content-slider-navigation a {
  opacity:1;
}
.fl-module-content-slider.client-slider .fl-content-slider-navigation .fl-content-slider-svg-container {
  width:70px;
  height:70px;
  border-radius: 8px;
} 
.fl-module-content-slider.client-slider .fl-content-slider-navigation .fl-content-slider-svg-container svg {
  height: 70%;
  width: 70%;
  margin: auto;
}

#section--clients-logo .logo-tile .fl-rich-text p:last-child {
  margin-top: -32px;
}
#section--clients-logo .logo-tile.no-caption .fl-rich-text p:last-child {
  margin-top: 0;
}
.fl-module.icon-with-text-list .fl-rich-text img  {
  max-width: 133px;
    margin-bottom: 25px;
}
.fl-module.icon-with-text-list.col-3 .fl-rich-text {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px 20px;
}
.fl-module-icon.number-tile.num-down .fl-icon i {
  transform: rotate(180deg);
}
.fl-module-photo.img-screenshadow img {
  -webkit-filter: drop-shadow( 12px 77px 10px rgba(0, 0, 0, 0.31));
    -moz-filter: drop-shadow( 12px 77px 10px rgba(0, 0, 0, 0.31));
    -o-filter: drop-shadow( 12px 77px 10px rgba(0, 0, 0, 0.31));
    filter: drop-shadow( 12px 77px 10px rgba(0, 0, 0, 0.31));
    will-change: opacity;
}
.fl-module-photo.img-z-index .fl-photo-content {
  z-index: 99;
}
.fl-module.mt-auto {
  margin-top: auto;
}
.fl-module.fl-module-heading.has-box1 .fl-module-content,
.fl-module.fl-module-heading.has-box2 .fl-module-content {
  position: relative;
}
.fl-module.fl-module-heading.has-box1 .fl-module-content .fl-heading,
.fl-module.fl-module-heading.has-box2 .fl-module-content .fl-heading {
  position: relative;
  z-index: 88;
}
.fl-module.fl-module-heading.has-box1 .fl-module-content:before {
  position: absolute;
  content:" ";
  background: #F1F1F1;
  border-radius: 44px;
  width: 267px;
  height: 147px;
  display:block;
  left: -68px;
    top: -55px;
}
.fl-module.fl-module-heading.has-box1 .fl-module-content:after {
  position: absolute;
  content:" ";
  background: var(--secondaryGreen);
  border-radius: 32px;
  width: 111px;
  height: 60px;
  display:block;
  right: 12px;
    bottom: -26px;
}
.fl-module.fl-module-heading.has-box2 .fl-module-content:before {
  position: absolute;
  content:" ";
  background: var(--secondaryGreen);
  border-radius: 32px;
  width: 143px;
  height: 97px;
  display:block;
  left: -48px;
    top: -55px;
}
.fl-module.fl-module-heading.has-box2 .fl-module-content:after {
  position: absolute;
  content:" ";
  background: var(--white);
  border-radius: 44px;
  width: 236px;
  height: 130px;
  display:block;
  right: 12px;
    bottom: -26px;
}
.fl-module.list-style-dot-lime .fl-rich-text ul {
  list-style: none;
  padding:0;
  margin:0;
}
.fl-module.list-style-dot-lime .fl-rich-text ul li {
  position: relative;
  padding-left:30px;
  line-height: 2;
    padding-bottom: 20px;
}
.fl-module.list-style-dot-lime .fl-rich-text ul li:before {
  position: absolute;
  content:" ";
  background: var(--secondaryGreen);
  border-radius: 50px;
  width: 10px;
  height: 10px;
  display:block;
  left:0;
  top:12px;
}
.fl-module .text-puple {
  color: var(--primaryPurple);
}

@media (min-width:1300px) {
  .fl-module-heading.heading-spill_lg_right .fl-module-content {
    margin-right: -150px;
  }
}

@media (min-width:992px) {
  body:not(.fl-builder-edit) #section--clients-logo .logo-tile {
    position: relative;
  }
  body:not(.fl-builder-edit) #section--clients-logo .logo-tile .fl-module-content {
    position: absolute;
    top:0;
  }
}

@media (max-width:992px) {
  .fl-module-rich-text.logo-tile .fl-rich-text {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fl-module-rich-text.logo-tile .fl-rich-text img {
    width:180px;
  }
  .fl-module-rich-text.logo-tile .fl-rich-text p:last-child {
    text-align:left;
    color: var(--white) !important;
  }
  .fl-module-rich-text.logo-tile.odd-tile .fl-rich-text p:first-child {
    order:2;
  }
  .fl-module-rich-text.logo-tile.odd-tile .fl-rich-text p:last-child {
    order:1;
  }
  .section-btsLP .fl-slide-text p,
  .section-btsLP .fl-slide-text h3 {
    font-size:16px;
  }
  .section-btsLP .fl-slide-text p.bio {
    font-size:14px;
  }
  .fl-module.icon-with-text-list .fl-rich-text img  {
    max-width: 85px;
  }
  .fl-module.icon-with-text-list.col-3 .fl-rich-text {
    grid-template-columns: 1fr 1fr;
  }
  #section--result.bg-fill-md .fl-row-content-wrap {
    background-image: none;
    background-color: #007eff;
  }
  .purple-right .rectangle-purpleS,
  .purple-right .rectangle-purpleL {
    top: -96px;
  }
} 

@media (max-width:768px) {
  .fl-module-content-slider.client-slider .fl-content-slider-navigation {
    bottom: -20px;
  }
  .fl-module-button.btn-duotone-clr .fl-button:before {
    width:48px;
  }
  body:not(.fl-builder-edit) .section--2col-image_right.no-image_right-spill-sm .fl-module-photo>.fl-module-content {
    margin-right: 20px;
  }
  body:not(.fl-builder-edit) .section--2col-image_left.no-image_left-spill-sm .fl-module-photo>.fl-module-content {
    margin-left: 20px;
  }
}

/* Podcast */
#section--podcast.fl-row-bg-blue {
  position: relative;
  overflow: hidden;
}
#section--podcast.fl-row-bg-blue:before {
  position: absolute;
  content:"";
  width:100%;
  height: 100%;
  background-color: var(--primaryBlue);
  top:168px;
  left:0;
  display:flex;
}
#section--podcast.fl-row-bg-blue .fl-row-content-wrap {
  margin-bottom: 80px;
  background: url('/wp-content/uploads/2022/10/voice-leftL.svg') no-repeat left 38px;
}
#section--host.circle-bg> .fl-row-content-wrap {
  margin-top:-68px;
}
@media (min-width:992px) {
  #section--hero-podcast.circle-bg-lg .fl-row-content-wrap {
    background: url('/wp-content/uploads/2022/10/3circles-bg_left.svg') no-repeat left bottom;
  }
  #section--host>.fl-row-content-wrap {
    background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: auto;
    background-image: url('/wp-content/uploads/2022/10/2circles-bg.svg'), url('/wp-content/uploads/2022/10/voice.svg');
    background-position: left top, 124% top;
  }
}
@media (max-width:992px) {
  #section--podcast.circle-bg-sm .fl-row-content-wrap {
    background: url('/wp-content/uploads/2022/10/3circles-bg_left.svg') no-repeat left center;
  }
  #section--host>.fl-row-content-wrap {
    background: url('/wp-content/uploads/2022/10/2circles-bg_sm.svg') no-repeat right bottom;
  }
}

.row-podcast {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
.row-podcast .col-tile {
  width: 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  display: flex;
  justify-content: center;
}
  @media (max-width:1200px) {
    .row-podcast .col-tile {
      width: 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media (max-width:768px) {
    .row-podcast .col-tile {
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

.row-podcast .col-tile .pod-tile {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 40px #00000029;
  border-radius: 16px;
  padding:30px 40px;
  margin:25px;
  display:flex;
  flex-direction: column;
  width: 100%;
}
  @media (max-width:450px) {
    .row-podcast .col-tile .pod-tile {
      margin:25px 0;
    }
  }
.row-podcast .col-tile .pod-img {
  background: url(/wp-content/uploads/2022/10/vivi-podcast-icon.svg) no-repeat right top;
  margin-bottom:34px;
}
.row-podcast .col-tile .pod-img img {
  width:134px;
  height:134px;
  border-radius: 100%;
  border: 1px solid #f1f1f1;
}
.row-podcast .col-tile .pod-info h3 {
  font-size:18px;
  line-height:25px;
  margin-bottom: 10px;
}
.row-podcast .col-tile .pod-info p {
  font-size:12px;
  line-height:20px;
}
.row-podcast .col-tile .pod-play {
  margin-top:auto;
}
.row-podcast .col-tile .pod-play a.btn-pod {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 31px;
  font-size:16px;
  color: #242424;
  font-family: 'Apercu Pro Bold', Fallback, sans-serif; 
  height:53px;
  display:flex;
  align-items: center;
  transition: var(--linkTransition);
  background: #fff url('/wp-content/uploads/2022/10/btn-play-icon.svg') no-repeat 5px center;
  padding-left: 54px;
  margin-left: 5px;
  margin-right: 5px;
}
.row-podcast .col-tile .pod-play a.btn-pod:hover,
.row-podcast .col-tile .pod-play a.btn-pod:focus {
  box-shadow: none;
  color: var(--primaryPurple);
  text-decoration: none;
}
.row-podcast .col-tile .pod-add {
  margin: 55px -10px 0 -10px;
  display:flex;
  flex-direction: row;
  align-items: center;
}
.row-podcast .col-tile .pod-add .txt {
  font-size:12px;
  color: #242424;
  line-height:1;
  white-space: nowrap;
}
.row-podcast .col-tile .pod-add ul {
  padding:0;
  margin:0;
  list-style:none;
}
.row-podcast .col-tile .pod-add ul li {
  float:left;
  margin-left: 10px;
}
.row-podcast .col-tile .pod-add .add-list {
  display: flex;
    align-items: center;
}
.row-podcast .col-tile .pod-add .add-list a.icon {
  display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
}

/* Teacher tips*/
section.has-spill-img .fl-row-content-wrap {
  overflow: hidden;
}
#section--featured-lists {
  background: var(--primaryBlue);
  padding-bottom: 150px;
}
#section--featured-lists .fl-row-content-wrap,
#section--pdf-lists .fl-row-content-wrap {
  margin-top: -150px;
}
.row-tips {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
.row-tips .col-tile {
  width: 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  display: flex;
  justify-content: center;
}
.row-tips .col-tile.featured,
.row-tips .col-tile.featured1,
.row-tips .col-tile.featured2,
.row-tips .col-tile.tile-notfeatured {
  display:none;
}
.row-tips .col-tile .tips-tile {
  max-width:321px;
  margin-right:auto;
  margin-bottom:100px;
  display: flex;
    flex-direction: column;
}
#section--featured-lists .row-tips .col-tile {
  width: 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
#section--featured-lists .row-tips .col-tile .tips-tile {
  max-width:100%;
    flex-direction: row;
    margin-bottom: 20px;
    justify-content: space-between;
    width: 100%;
}
#section--featured-lists .row-tips .col-tile .tips-tile .tip-info {
  max-width:321px;
  display: flex;
    flex-direction: column;
    justify-content: center;
}
#section--featured-lists .row-tips .col-tile.tile-featured1 .tips-tile .tip-info {
  margin-top: 100px;
}
#section--featured-lists .row-tips .col-tile .tips-tile .tip-info .tip-buttons {
  margin-top: 0;
}
#section--featured-lists .row-tips .col-tile.tile-featured1 .tip-img img {
  max-width:593px;
  width: 100%;
}
#section--featured-lists .row-tips .col-tile.tile-featured2 .tip-img img {
  max-width:395px;
  width: 100%;
}
#section--featured-lists .row-tips .col-tile.tile-featured2 .tips-tile .tip-img {
  order:2;
}
#section--featured-lists .row-tips .col-tile.tile-featured2 .tips-tile .tip-info {
  order:1;
}
  @media (max-width:1200px) {
    .row-tips .col-tile {
      width: 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media (max-width:768px) {
    .row-tips .col-tile,
    #section--featured-lists .row-tips .col-tile {
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .row-tips .col-tile .tips-tile {
      margin-right:auto;
      margin-left:auto;
    }
    #section--featured-lists .row-tips .col-tile .tips-tile {
      max-width:321px;
      flex-direction: column;
      margin-bottom: 100px;
    }
    #section--featured-lists .row-tips .col-tile.tile-featured1 .tips-tile .tip-info {
      margin-top: 0;
    }
    #section--featured-lists .row-tips .col-tile.tile-featured2 .tips-tile .tip-img {
      order:1;
    }
    #section--featured-lists .row-tips .col-tile.tile-featured2 .tips-tile .tip-info {
      order:2;
    }
  }

.tips-tile h3 {
  color: var(--tipsPurple);
}
.tips-tile p {
  color: #716C80;
  line-height:1.5em;
}
.tips-tile .tip-info {
  margin-bottom:18px;
}
.tips-tile .tip-buttons {
  margin-top:auto;
  display:flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.tips-tile .tip-buttons a {
  border-radius: 40px;
  height: 50px;
  max-width: 153px;
  font-size:16px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.tips-tile .tip-buttons .btn-pdf {
  background: transparent linear-gradient(57deg, #6852ED 0%, #BA43FC 100%) 0% 0% no-repeat padding-box;
  color: var(--white);
}
.tips-tile .tip-buttons .btn-video {
  background: #EEEEEE80 0% 0% no-repeat padding-box;
  color: var(--primaryBlue);
}
.tips-tile .tip-buttons .btn-pdf:hover,
.tips-tile .tip-buttons .btn-pdf:focus {
  text-decoration: none;
  background: transparent linear-gradient(57deg, #BA43FC 0%, #BA43FC 100%) 0% 0% no-repeat padding-box;
  color: var(--white);
}
.tips-tile .tip-buttons .btn-video:hover,
.tips-tile .tip-buttons .btn-video:focus {
  text-decoration: none;
  background: #BA43FC;
  color: var(--white);
}
#section--featured-lists .tips-tile h3,
#section--featured-lists .tips-tile p {
  color: var(--white);
}
#section--featured-lists .tips-tile .tip-buttons .btn-pdf,
#section--featured-lists .tips-tile .tip-buttons .btn-video {
  background: transparent linear-gradient(57deg, #007EFF 0%, #4FE5B5 100%) 0% 0% no-repeat padding-box;
  border:1px solid var(--white);
  color: var(--white);
}
#section--featured-lists .tips-tile .tip-buttons .btn-pdf:hover,
#section--featured-lists .tips-tile .tip-buttons .btn-pdf:focus,
#section--featured-lists .tips-tile .tip-buttons .btn-video:hover,
#section--featured-lists .tips-tile .tip-buttons .btn-video:focus {
  background: transparent linear-gradient(57deg, #4FE5B5 0%, #4FE5B5 100%) 0% 0% no-repeat padding-box;
  border:1px solid var(--white);
  color: var(--white);
}
#section--teacher-tips-banner .fl-heading a {
  color: var(--primaryBlue);
  text-decoration: none;
  position: relative;
  z-index: 2;
  transition: var(--linkTransition);
  white-space: nowrap;
}
#section--teacher-tips-banner .fl-heading a:hover {
  color: var(--primaryDarkPurple);
}
#section--teacher-tips-banner .fl-heading a:before {
  position: absolute;
  content:"";
  background: rgba(255,255,255,0.25);
  border-radius: 32px;
  top:0;
  left:0;
  width:100%;
  height: 125%;
  transform: scale(1.4);
  z-index: -1;
}
#section--teacher-tips-banner .fl-heading a:after {
  position: absolute;
  content:"";
  left:0;
  bottom:0;
  background: var(--primaryBlue);
  width:100%;
  height:1px;
  transition: var(--linkTransition);
}
#section--teacher-tips-banner .fl-heading a:hover:after {
  background: var(--primaryDarkPurple);
}
.fl-module-heading.text-bubble .fl-heading {
  position: relative;
  z-index: 2;
}
.fl-module-heading.text-bubble .fl-heading:before {
  position: absolute;
  content:"";
  background: var(--secondaryGreen);
  border-radius: 32px;
  top: -71px;
  left: -57px;
  width:194px;
  height: 130px;
  z-index: -1;
}
.fl-module-heading.text-bubble .fl-heading:after {
  position: absolute;
  background: var(--white);
  border-radius: 32px;
  bottom: -86px;
  right: 58px;
  width:315px;
  height: 174px;
  z-index: -1;
}
@media (min-width:768px) {
  .tips-tile h3 {
    font-size: 28px;
  }
  .tips-tile p {
    font-size: 18px;
  }
  .fl-module-heading.text-bubble .fl-heading:after {
    content:"";
  }
}

#section--teacher-tips-hero .fl-row-content-wrap,
#section--featured-lists  .fl-row-content-wrap,
#section--pdf-lists .fl-row-content-wrap,
#section--teacher-tips-banner .fl-row-content-wrap:before,
#section--teacher-tips-contributor .fl-row-content-wrap:before {
  background-image: url();
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: auto;
}
#section--teacher-tips-hero .fl-row-content-wrap {
  background-image: url(/wp-content/uploads/2023/01/teacher-tips-hero-bubble1.svg), url(/wp-content/uploads/2023/01/teacher-tips-hero-bubble2.svg), url(/wp-content/uploads/2023/01/teacher-tips-hero-bubble3.svg);
    background-position: 10% 10%, -130px 55%, center 95%;
}
#section--featured-lists .fl-row-content-wrap {
  background-image: url(/wp-content/uploads/2023/01/featured-lists-bubble1.svg), url(/wp-content/uploads/2023/01/featured-lists-bubble2.svg);
    background-position: 120% 5%, -5% 65%;
}
#section--pdf-lists .fl-row-content-wrap {
  background-image: url(/wp-content/uploads/2023/01/pdf-lists-bubble1.svg);
    background-position: 120% 0%;
}
#section--teacher-tips-banner .fl-row-content-wrap,
#section--teacher-tips-contributor .fl-row-content-wrap {
  position: relative;
}
#section--teacher-tips-banner .fl-row-content-wrap:before {
  position: absolute;
  content:url(/wp-content/uploads/2023/01/teacher-tips-banner-bubble1.svg);
  top:-40%;
  left:10%;
  display:block;
}
#section--teacher-tips-contributor .fl-row-content-wrap:before {
  position: absolute;
  content:url(/wp-content/uploads/2023/01/teacher-tips-banner-bubble2.svg);
    top: -7%;
    right: 10%;
  display:block;
}

@media (max-width:768px) {
  #section--featured-lists .fl-row-content-wrap {
    background-position: 450px 10%, -200px 85%;}
  #section--pdf-lists .fl-row-content-wrap {
    background-position: 300px 0%;
  }
  #section--teacher-tips-contributor .fl-row-content-wrap:before {
    top: -5%;
  }
}
@media (max-width:600px) {
  #section--teacher-tips-banner .fl-row-content-wrap:before {
    transform: scale(0.7);
    top: -33%;
    left: -30%;
  }
}

/* Reseller LP */
.fl-module.list-style-dott-navy .fl-rich-text ul {
  list-style:none;
  padding-left: 0;
}
.fl-module.list-style-dott-navy .fl-rich-text ul li {
  padding-bottom:10px;
  padding-left: 24px;
  position: relative;
}
.fl-module.list-style-dott-navy .fl-rich-text ul li:before {
  position: absolute;
  content:"";
  left:0;
  top:12px;
  width:10px;
  height:10px;
  border-radius: 50%;
  background-color: #554D89;
}
  @media (max-width:992px) {
    .fl-module.list-style-dott-navy .fl-rich-text ul li:before {
      top: 8px;
    width: 5px;
    height: 5px;
    left: 5px;
    }
  }
#reseller-resource-btn .fl-button-group-buttons .fl-button-group-button .fl-button {
  width: 220px;
    height: 184px;
}
#reseller-resource-btn .fl-button-group-buttons .fl-button-group-button .fl-button .fl-button-text {
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#reseller-resource-btn .fl-button-group-buttons .fl-button-group-button .fl-button .fl-button-text img {
  margin:20px;
  width:60px;
}
.fl-module.img-w-bubble_bl .fl-photo-content,
.fl-module.img-w-bubble_b2 .fl-photo-content,
section.section-w-bubble_tr .fl-row-content-wrap,
#section--reseller-cta .fl-row-content-wrap,
#section--reseller-contacts .fl-row-content-wrap,
#footer--reseller .fl-row-content-wrap {
  position: relative;
}
.fl-module.img-w-bubble_bl .fl-photo-content:after {
  position: absolute;
  content:url('/wp-content/uploads/2023/01/img-w-bubble_bl.svg');
  bottom:-90px;
  left:-90px;
  display:block;
}
.fl-module.img-w-bubble_br .fl-photo-content:after {
  position: absolute;
  content:url('/wp-content/uploads/2023/01/img-w-bubble_br.svg');
  bottom: -97px;
    right: -84px;
  display:block;
}
section.section-w-bubble_tr .fl-row-content-wrap:before {
  position: absolute;
  content:url('/wp-content/uploads/2023/01/section-w-bubble_tr.svg');
  right: -200px;
    top: -137px;
  display:block;
}
#section--reseller-cta .fl-row-content-wrap:before {
  position: absolute;
  content:url('/wp-content/uploads/2023/01/section-reseller-cta-bubble_tl.svg');
  top: -121px;
    left: -90px;
  display:block;
}
#section--reseller-contacts .fl-row-content-wrap:before {
  position: absolute;
  content:url('/wp-content/uploads/2023/01/section-reseller-contacts-bubble_tl.svg');
  top: -229px;
    left: -154px;
  display:block;
}
#footer--reseller .fl-row-content-wrap:before {
  position: absolute;
  content:url('/wp-content/uploads/2023/01/footer-reseller-bubbles_top.svg');
  top: -106px;
    left: 92px;
  display:block;
}
#footer--reseller .fl-row-content-wrap {
  z-index:1;
}
#footer--reseller .fl-row-content-wrap:after {
  position: absolute;
  content:url('/wp-content/uploads/2023/01/footer-reseller-bubbles_bottom.svg');
  bottom: -280px;
    right: 10%;
  display:block;
  z-index:-1;
}

/* new page css start */
section.banner-section .green-color h2 span {
    background: #4FE6B5;
    padding: 0px 15px;
    display: inline-block;
}
section.three-block-section p span.color-1 {
    color: #3D0174 !important;
}
section.three-block-section p span.color-2 {
    color: #4FE6B5 !important;
}
section.three-block-section p span.color-3 {
    color: #B54EF6 !important;
}
section.footer-section {
    position: relative !important;
}
section.footer-section:before {
    position: absolute;
    top: -62px;
    left: 0px;
    width: 260px;
    height: 260px;
    background: #4FE6B5;
    content: "";
    z-index: 1;
    border-radius: 50%;
}
section.footer-section:after {
    position: absolute;
    top: 32px;
    right: 37px;
    width: 452px;
    height: 452px;
    content: "";
    background: #2E0A6C;
    z-index: 1;
    border-radius: 50%;
}
section.banner-section .fl-col-small-custom-width img {
    width: 100%;
}
section.footer-section .fl-row-content-wrap .fl-row-content {
    position: relative;
    z-index: 3;
}

@media (min-width:1300px) {
  #reseller-resource-btn .fl-button-group-buttons .fl-button-group-button:nth-child(4) {
    padding-left: 40px;
  }
}
@media (max-width:600px) {
  section.section-w-bubble_tr .fl-row-content-wrap:before {
    top: -36px;
  }
  #section--reseller-cta .fl-row-content-wrap:before {
    display:none;
  }
  #section--reseller-contacts .fl-row-content-wrap:before {
    top: 90%;
  }
}
@media (max-width:500px) {
  #reseller-resource-btn .fl-button-group-buttons .fl-button-group-button .fl-button {
    width: 220px;
  }
}

/* Funding LP */
.text-link-blue .fl-rich-text p a * {
  color: var(--primaryBlue) !important;
}
.text-link-blue .fl-rich-text p a:hover,
.text-link-blue .fl-rich-text p a:focus {
  text-decoration:none;
}
.fl-module.list-style-dott-limegreen .fl-rich-text ul {
  list-style:none;
  padding-left: 0;
}
.fl-module.list-style-dott-limegreen .fl-rich-text ul li {
  padding-bottom:24px;
  padding-left: 38px;
  position: relative;
}
.fl-module.list-style-dott-limegreen .fl-rich-text ul li:before {
  position: absolute;
  content:"";
  left:0;
  top:6px;
  width:10px;
  height:10px;
  border-radius: 50%;
  background-color: var(--primaryGreen);
}
.fl-module.funding-company-logo-tile .fl-photo {
  background: #F5F5F5;
  border-radius: 16px;
  width:100%;
  height:272px;
  display: flex;
    align-items: center;
    justify-content: center;
}
  @media (min-width:1100px) {
    .fl-module.funding-company-logo-tile .fl-photo {
      height:372px;
    }
  }
#section--funding-more,
#section--funding-more .fl-row-content-wrap {
  position: relative;
}
#section--funding-more:before {
  position: absolute;
  content: url(/wp-content/uploads/2023/01/section-funding-more-bubble_tl.svg);
  top: -229px;
  left: -154px;
  display: block;
}
#section--funding-more .fl-row-content-wrap:before {
  position: absolute;
  content: url(/wp-content/uploads/2023/01/section-funding-more-bubble_tr.svg);
  top: -106px;
  right: 92px;
  display: block;
}
@media (max-width:600px) {
  #section--funding-more:before {
    transform:scale(0.8);
  }
  #section--funding-more .fl-row-content-wrap:before {
    top: auto;
    bottom:50px;
    right:0;
  }
}
.bs-table.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
} 
.bs-table.table-responsive table.table-bordered {
  border: none;
    border-spacing: 0;
}
.bs-table .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
#section--funding-table .bs-table .table-bordered tbody th,
#section--funding-table .bs-table .table-bordered tbody td {
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
}
#section--funding-table .bs-table .table-bordered tbody tr:last-child th,
#section--funding-table .bs-table .table-bordered tbody tr:last-child td {
  border-bottom:none;
}
#section--funding-table .bs-table .table thead th[scope="row"] {
  width:35%;
  min-width:280px;
}
#section--funding-table .bs-table .table thead th[scope="col-title"] {
  width:13%;
  min-width:130px;
}
#section--funding-table .bs-table .table thead th[scope="col-title"] {
  font-size:18px;
  font-family: 'Apercu Pro Bold', Fallback, sans-serif;
  padding:2rem 1rem;
  text-align:center;
  color: #554D89;
}
#section--funding-table .bs-table .table tbody th[scope="row"] {
  padding:2rem 3rem 2rem 0;
  text-align:left;
}
#section--funding-table .bs-table .table tbody td {
  padding: 0.75rem;
  vertical-align: middle;
  text-align:center;
}
#section--funding-table .bs-table .table tbody h3 {
  font-size:20px;
  margin-bottom:0;
  color: var(--primaryBlue);
}
#section--funding-table .bs-table .table tbody p {
  color: #5B5766;
}
#section--funding-table .bs-table .table tbody .dl-btn {
  text-align:right;
}
#section--funding-table .bs-table .table tbody .dl-btn a {
  text-decoration: underline;
  color: var(--primaryGreen);
}
@media (min-width:992px) {
  #section--funding-table .bs-table .table tbody h3,
  #section--funding-table .bs-table .table thead th[scope="col-title"] {
    font-size:24px;
  }
}



/* Product Releases */
.release_main_title {
    float: left;
    width: 100%;
    text-align: center;
    padding: 5% 15px 0px;
}
.release_main_title h1.fl-heading, .release_date_section h1.fl-heading {
    margin: 35px 0;
}
.product_release_main_heading h1.fl-heading span.fl-heading-text {
    padding: 8px;
}
.release_date_section {
    float: left;
    width: 100%;
    padding: 1% 0 10%;
    text-align: center;
    position: relative;
}
ul.release_breadcrumbs {
    padding: 0;
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: center;
}
ul.release_breadcrumbs a {
    text-decoration: none;
}
.release_date_section h2, .release_main_title h2 {
    color: #007eff;
    text-transform: uppercase;
}
.release_date_section p {
    color: #5B5766;
    font-size: 20px;
    line-height: 1.65em;
    padding: 0 10%;
}
.product_releases_posts {
    float: left;
    width: 100%;
    padding: 0;
}
.product_single_release {
    padding: 5% 0;
}
.product_single_release:nth-child(1) {
    padding-top: 0px;
}
.product_single_release:nth-child(even) {
    background: #F6F6F6;
}
.row_release {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.product_single_release:nth-child(even) .row_release {
    flex-direction: row-reverse;
}
.col_release {
    width: 47%;
    padding: 0 15px;
    margin: auto;
}
.product_single_release h3 {
    font-size: 28px;
}
ul.relaese_versions {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
ul.relaese_versions li {
    color: #ffffff;
    padding: 4px 8px;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 12px;
}
ul.relaese_versions li.app_version {
    background: #0082FA;
}
ul.relaese_versions li.receiver_version {
    background: #9A34D8;
}
a.trainig_video_link {
    color: #007eff;
    font-size: 16px;
    margin-bottom: 10px;
    display: table;
    width: 240px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
}
a.trainig_video_link:hover {
	text-decoration: underline !important;
}
a.support_documentation_link {
    font-size: 16px;
    margin-bottom: 10px;
    text-decoration: none;
    display: table;
    color: #007eff;
    font-weight: 400;
    line-height: 22px;
}
a.support_documentation_link:hover {
	text-decoration: underline !important;
}
.add_info {
    float: left;
    width: 100%;
    padding: 5% 0;
}
.add_info .custom_container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1000px;
}
.add_info h2 {
    text-align: center;
    color: #554D89;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0;
    padding-bottom: 50px;
}
.add_info .col_release {
    height: 122px;
}
.add_info h3 {
    font-size: 21px;
    margin: 0 0 5px;
}
.cta_sec {
    float: left;
    width: 100%;
    padding: 5% 0;
    text-align: center;
    background: #007eff;
    color: #ffffff;
}
.cta_sec h2 {
    color: #ffffff;
    margin: 0;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.3em;
}
.cta_sec p {
    padding: 20px 0;
    font-size: 18px;
    font-family: 'Apercu Pro', Fallback, sans-serif;
}
.cta_sec a {
    color: #ffffff;
    padding: 9px 25px;
    background-color: #b54ef6;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #007EFF;
}
.cta_sec a:hover {
    background-color: #220060;
	border: 1px solid #b54ef6;
}
/*body.single-release #footer.footer.bg-circle {
    border-top: 118px solid #007eff;
}
body.single-customer-stories #footer.footer.bg-circle {
    border-top: 118px solid #007eff;
}*/
body.single-release .modal-backdrop.fade.show {
	display: none !important;
}
.product_single_release .modal {
    background: rgba(0,0,0,0.6);
}
.product_single_release .modal .modal-dialog {
    margin: 160px auto;
    max-width: 800px;
}
.product_single_release .modal .modal-dialog .modal-body iframe {
    height: 450px;
    border-radius: 10px;
}
.archive_padd {
	padding: 48px 20px 60px;
}
.release_archive_posts {
    float: left;
    width: 100%;
    padding-bottom: 58px;
}
.col_archive_release {
    margin: 0 15px 30px;
    width: 30.5%;
    transition: var(--linkTransition);
    border-radius: 26px;
}
.col_archive_release a {
    text-decoration: none !important;
}
.col_archive_release:hover, .col_archive_release:focus {
	box-shadow: 0 0 50px rgb(10 45 82 / 10%);
}
.archive_release_featured_image {
    height: 181px;
    overflow: hidden;
}
.archive_release_featured_image img {
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
}
.archive_release_post_content {
    padding: 20px;
}
.archive_release_post_content h4 {
    color: #2e0a6c;
    font-family: 'Apercu Pro', Fallback, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
}
.archive_release_post_content h3 {
    padding: 20px 0 32px;
    font-family: 'Apercu Pro Bold', Fallback, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    margin: 0;
}
.archive_release_post_content h5 {
    padding-bottom: 12px;
    color: #000000;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    font-size: 14px;
    text-transform: uppercase;
}
.archive_release_post_content h5:hover {
    color: #007eff;
}
.customer_stories_archive {
    text-align: center;
}
body.post-type-archive-customer-stories .col_archive_release.customer_stories_archive {
    text-align: left;
}
.customer_stories_archive h3 {
    padding: 0;
    min-height: 110px;
}
.customer_stories_archive h4 {
    padding: 20px 0;
    font-size: 18px;
}
.customer_Stories_banner {
    float: left;
    width: 100%;
    position: relative;
}
img.banner_main_img {
    width: 100%;
    max-height: 500px;
	object-fit: cover;
}
.customer_Stories_banner1 {
    width: 100%;
    height: 99%;
    position: absolute;
    float: left;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    padding-top: 0;
    text-align: center;
}
.customer_Stories_banner2 {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}
.customer_Stories_banner3 {
    display: table-cell;
    vertical-align: middle;
}
.customer_Stories_banner h1 {
    color: #ffffff;
    font-size: 55px;
}
.customer_Stories_banner p {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
}
.sidebar_sec_customer_Stories {
    float: left;
    width: 100%;
}
.customer_Stories_row {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.customer_Stories_flt_left {
    width: 69%;
    padding: 5% 30px 0 15px;
}
.customer_Stories_flt_right {
    width: 27%;
}
.customer_Stories_flt_right_inner {
    padding: 50px 15px 10px;
    background: #F6F6F6;
    text-align: center;
}
.customer_Stories_flt_right h2 {
    font-size: 20px;
}
.customer_Stories_flt_right h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.customer_Stories_flt_right h3.schooldistrict_name {
    font-size: 18px;
    margin-bottom: 22px;
}
.customer_Stories_flt_right p {
    margin: 0 0 22px;
}
.organization_logo_img {
    text-align: center;
    padding-bottom: 20px;
}
.organization_logo_img img {
    width: 80%;
}
.main_content_video {
    width: 100%;
    padding: 5% 0;
}
.main_content_video iframe {
    width: 1150px;
    height: 700px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 10px;
}
body.single-customer-stories .cta_sec h2 {
    padding-bottom: 0;
}
.release_date_section.customer_stories_quote {
    padding: 5% 0;
    margin-top: 5%;
    background: #F6F6F6;
}
.release_date_section.customer_stories_quote p {
    padding: 0;
    font-size: 36px;
    font-weight: bold;
    max-width: 900px;
    margin: 30px auto;
    color: #000000;
}
.release_date_section.customer_stories_quote h2 {
    font-size: 22px;
    text-transform: none;
    color: #000000;
    margin: 0;
}
.release_date_section.customer_stories_quote h3 {
    font-weight: 400;
    font-size: 21px;
    font-family: 'Apercu Pro', Fallback, sans-serif;
}
a.download_pdf {
    color: #ffffff;
    padding: 12px 25px;
    background-color: var(--primaryPurple);
    border: 0;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 8px;
    display: inline-block;
}
a.download_pdf:hover {
    background-color: #007EFF;
}
.extra_sec_customer_stories {
    float: left;
    width: 100%;
    padding: 5% 0;
    text-align: center;
    background: #F6F6F6;
}
.social_shere_icons {
    padding: 15px 0;
}
.social_shere_icons ul {
    display: flex;
    margin: 0 -4px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
.social_shere_icons ul li {
    padding: 0 4px;
}
.social_shere_icons ul li a {
    font-size: 16px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #9a34d8;
    color: #ffffff;
    border-radius: 100%;
    text-decoration: none;
}
.social_shere_icons ul li a:hover {
    background: #007EFF;
}
.filter_sec_customer_stories {
    float: left;
    width: 100%;
    padding-bottom: 7%;
}
.filter_sec_customer_stories ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -8px;
}
.filter_sec_customer_stories ul li {
    padding: 0 8px;
    width: 23%;
    text-align: center;
}
.filter_sec_customer_stories ul li strong {
    font-size: 20px;
    text-transform: uppercase;
}
.filter_sec_customer_stories ul li select {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    border-radius: 5px;
}
.product_release_img img {
    width: auto;
    height: auto;
    margin: 0px auto;
    display: table;
}
.archive_release_post_content h6 {
    color: #2e0a6c;
    font-family: 'Apercu Pro', Fallback, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    min-height: 60px;
}
.release_date_section.customer_stories_quote p mark {
    background: #4FE6B5;
    padding: 2px 10px;
}
.filter_sec_customer_stories ul li:first-child {
    width: 9%;
}
body.page-id-3138 #footer.footer.bg-circle {
    border-top: 118px solid #F3F5F7;
}
.sorter li#customer-stories, .sorter li#australia-new-zealand, .sorter li#uk, .sorter li#us {
    display: none;
}
.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--xl);
}
.pager * {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 18px;
}
.pager .current {
    background-color: var(--blue);
    color: white;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.pager .next, .pager .prev {
    position: relative;
    visibility: hidden;
    width: 32px;
}
.pager .next::before {
    content: '';
    background-color: white;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    visibility: visible;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}
.pager .next::after {
    content: '';
    visibility: visible;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4px;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent var(--blue);
}
.pager a.page-numbers {
    color: #000000;
    text-decoration: none;
}
@media (min-width: 992px) and (max-width: 1199px)
{
	.customer_Stories_banner2 {
		display: block;
	}
	.customer_Stories_banner3 {
		display: block;
		padding-top: 85px;
	}
	.customer_Stories_flt_right {
		width: 22.5%;
	}
	.filter_sec_customer_stories ul li {
		width: 22%;
	}
	.main_content_video iframe {
		width: 92vw;
		height: calc(92vw * 0.5625);
	}
}
@media (min-width: 768px) and (max-width: 991px)
{
	.customer_Stories_banner2 {
		display: block;
	}
	.customer_Stories_banner3 {
		display: block;
		padding-top: 50px;
	}
	.customer_Stories_banner h1 {
		font-size: 40px;
	}
	.customer_Stories_flt_right {
		width: 20%;
	}
	.filter_sec_customer_stories ul li {
		width: 22%;
	}
	.main_content_video iframe {
		width: 92vw;
		height: calc(92vw * 0.5625);
	}
	.add_info .custom_container {
		max-width: 94%;
	}
}
@media only screen and (max-width: 767px) 
{
	.release_date_section {
		background-position: -228px 82%;
		padding: 5% 0 10%;
	}
	.col_release {
		width: 100%;
	}
	.product_single_release .modal .modal-dialog .modal-body iframe {
		height: 250px;
	}
	.col_archive_release {
		width: 100%;
	}
	.filter_sec_customer_stories ul li:first-child {
		width: 100%;
		padding-bottom: 10px;
	}
	.filter_sec_customer_stories ul li {
		width: 28%;
	}
	.filter_sec_customer_stories ul li select {
		font-size: 11px;
	}
	.archive_padd {
		padding: 50px 0px;
	}
	.customer_Stories_flt_left {
		width: 100%;
		padding: 5% 15px 0;
	}
	.customer_Stories_flt_right {
		width: 100%;
		padding: 5% 15px 0;
	}
	.main_content_video iframe {
		width: 93vw;
		height: calc(93vw * 0.5625);
	}
	.release_date_section.customer_stories_quote {
		background: none;
	}
	.release_date_section.customer_stories_quote p {
		padding: 0;
	}
	.customer_Stories_banner2 {
		display: block;
	}
	.customer_Stories_banner3 {
		display: block;
		padding-top: 25px;
	}
	.customer_Stories_banner h1 {
		font-size: 20px;
		margin: 0 0 12px;
	}
	.customer_Stories_banner p {
		font-size: 13px;
	}
	body.single-customer-stories .cta_sec h2 {
		font-size: 37px;
	}
	body.single-release #footer.footer.bg-circle, body.single-customer-stories #footer.footer.bg-circle {
		border-top: 0;
	}
	.release_main_title h1.fl-heading, .release_date_section h1.fl-heading {
		line-height: calc(2.375rem + 2.5vw);
	}
	.product_single_release {
		padding: 15% 0;
	}
	.add_info .custom_container {
		max-width: 94%;
	}
	.add_info .col_release p {
		margin-bottom: 20px;
	}
	.add_info .col_release {
		height: auto;
	}
	.add_info {
		padding: 10% 0;
	}
	.cta_sec {
		padding: 10% 0 15%;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.add_info .custom_container {
		max-width: 540px;
	}
}

/* New Design 2024 */
#header .top-nav .button {
  background-color: var(--primary-Blue);
  border: 2px solid var(--primary-Blue);
}
#header .top-nav .button:hover,
#header .top-nav .button:focus {
  color: var(--primary-Blue);
  background-color: var(--white);
  border: 2px solid var(--primary-Blue);
}
.bg-dark-purple {
  background-color: var(--primary-DarkPurple);
}
.bg-dark-purple {
  background-color: var(--primary-DarkPurple);
}
.icon-bg-circle {
  border-radius:50%;
  display:flex;
  justify-content: center;
  align-items: center;
  margin: auto;
} 
.size-75 {
  width:75px;
  height:75px
}
.size-40 {
  width:40px;
  height:40px
}
.bg--blue {
  background-color: var(--primary-Blue);
}
.bg--darkpurple {
  background-color: var(--primary-DarkPurple);
}
.bg--white {
  background-color: var(--white);
}
.fl-col.tile-hover-blue > .fl-col-content,
.fl-col.tile-hover-blue > .fl-col-content * {
  transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.fl-col.tile-hover-blue > .fl-col-content:hover {
  cursor: pointer;
  background:var(--primary-Blue);
}
.fl-col.tile-hover-blue > .fl-col-content:hover .bg--blue {
  background-color: var(--white);
}
.fl-col.tile-hover-blue > .fl-col-content:hover .bg--blue svg path {
  fill: var(--primary-Blue);
}
.fl-col.tile-hover-blue > .fl-col-content:hover .fl-module-rich-text .fl-rich-text * {
  color:var(--white);
}
#get-started .fl-col.tile-hover-blue > .fl-col-content:hover .fl-html svg path {
  fill: var(--white);
}
#get-started .fl-col.tile-hover-blue > .fl-col-content:hover .icon-number .fl-html svg circle {
  fill: var(--white);
}
#get-started .fl-col.tile-hover-blue > .fl-col-content:hover .icon-number .fl-html svg path {
  fill: var(--primary-Blue);
}
#get-started .fl-col.tile-hover-blue > .fl-col-content:hover .fl-heading a .fl-heading-text {
  color:var(--white);
}
#get-started .fl-col.tile-hover-blue > .fl-col-content .heading-w-icon .fl-heading .fl-heading-text {
  display: grid;
  grid-gap:20px;
  grid-template-columns: 46px auto;
  align-items: center;
}
#get-started .fl-col.tile-hover-blue > .fl-col-content:hover .heading-w-icon .fl-heading .fl-heading-text svg path {
  fill:var(--white);
}
.fl-col.tile-hover-blue > .fl-col-content:hover .fl-module-button .fl-button {
  border-color:var(--white);
  background-color:var(--primary-Blue);
}
.fl-col.tile-hover-blue > .fl-col-content:hover .fl-module-button .fl-button .fl-button-text {
  color:var(--white) !important;
}
.icon-grid {
  display:grid;
}
.icon-grid.icon-3-col {
  grid-template-columns: 1fr 1fr;
  grid-gap:40px;
}
  @media (min-width:600px) {
    .icon-grid.icon-3-col {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
.icon-grid .icon-slot {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-grid .icon-slot img {
  transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.icon-grid .icon-slot img.icon-grey {
  display:block;
  opacity:1;
}
.icon-grid .icon-slot img.icon-clr {
  display:none;
  opacity:0;
}
.icon-grid .icon-slot a:hover img.icon-grey,
.icon-grid .icon-slot a:focus img.icon-grey {
  display:none;
  opacity:0;
}
.icon-grid .icon-slot a:hover img.icon-clr,
.icon-grid .icon-slot a:focus img.icon-clr {
  display:block;
  opacity:1;
}
@media (min-width: 768px) {
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-labels {
    width: 50%;
  }
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels {
    width: 46%;
    float:right;
  }
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label {
  display:grid;
  grid-template-columns: 40px 1fr;
  grid-gap:40px;

  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
  border-radius: 8px;
  margin:8px 4px;

}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels h5,
.tab-features_verticle .fl-tabs-vertical .fl-tabs-panels h5 {
  font-size: 20px;
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label .bg--darkpurple {
  background-color: var(--white);
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label.fl-tab-active .bg--darkpurple {
  background-color: var(--primary-DarkPurple);
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label h5,
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label p {
  color: var(--white);
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label.fl-tab-active h5,
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label.fl-tab-active p {
  color: var(--primary-Text-Black);
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label svg path {
  fill: var(--primary-Blue);
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label.fl-tab-active svg path {
  fill: var(--white);
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label h5,
.content-slider-updates h4.fl-slide-title {
  margin-bottom:5px;
}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label p {margin-bottom:0;}
.tab-features_verticle .fl-tabs-vertical .fl-tabs-panel p>img {
  border-radius: 8px;
}

@media (max-width:768px) {
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label .icon-bg-circle {
    margin-bottom:20px;
  }
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label h5,
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label p {
    color: var(--white);
  }
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label.fl-tab-active h5,
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label.fl-tab-active p {
    color: var(--primary-Text-Black);
  }
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label .bg--darkpurple {
    background-color: var(--white);
  }
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label.fl-tab-active .bg--darkpurple {
    background-color: var(--primary-DarkPurple);
  }
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label svg path {
    fill: var(--primary-Blue);
  }
  .tab-features_verticle .fl-tabs-vertical .fl-tabs-panels .fl-tabs-label.fl-tab-active svg path {
    fill: var(--white);
  }

}
.content-slider-updates .fl-slide-text a {
  color: var(--primary-Blue) !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width:15px;
  height:15px;
  border-radius: 50%;
}
.content-slider-updates .bx-wrapper .bx-pager.bx-default-pager a
{
  background: var(--primary-Blue);
  opacity:0.5;
}
.content-slider-updates .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: var(--primary-Blue);
  opacity:1;
}
.content-slider-updates .fl-content-slider-navigation .slider-prev
svg,
.content-slider-updates .fl-content-slider-navigation .slider-next
svg {
  display:none;
  opacity:0;
}
.content-slider-updates .fl-content-slider-navigation .slider-prev .fl-content-slider-svg-container {
  background: url(/wp-content/uploads/2024/02/Chevron-Left.svg) no-repeat center center;
}
.content-slider-updates .fl-content-slider-navigation .slider-next .fl-content-slider-svg-container {
  background: url(/wp-content/uploads/2024/02/Chevron-Right.svg) no-repeat center center;
}
.fl-module-rich-text.list-style-number_grey .fl-rich-text ol {
  counter-reset: list;
  list-style: none;
  margin-top: 40px;
  margin-bottom: 0px;
  padding: 0;
}
.fl-module-rich-text.list-style-number_grey .fl-rich-text ol li {
  counter-increment: list;
  padding-left: 70px;
  padding-bottom: 24px;
  position: relative;
}
.fl-module-rich-text.list-style-number_grey .fl-rich-text ol li::before {
  position: absolute;
  content: counter(list, decimal-leading-zero);
  color: #C1C5CA;
  font-size:20px;
  left:0;
  top:3px;
}
.fl-module-photo.img-offset-dropshadow-blue .fl-photo-content,
.fl-module-photo.img-offset-dropshadow-blue .fl-photo-content img,
.fl-module-photo.img-offset-dropshadow-purple .fl-photo-content,
.fl-module-photo.img-offset-dropshadow-purple .fl-photo-content img,
.fl-module-photo.img-offset-dropshadow-fuchsia .fl-photo-content,
.fl-module-photo.img-offset-dropshadow-fuchsia .fl-photo-content img {
  position: relative;
  z-index: 9;
}
.fl-module-photo.img-offset-dropshadow-blue .fl-photo-content:after {
  content:"";
  position: absolute;
  width:100%;
  height:100%;
  border-radius: 8px;
  background-color: var(--primary-Blue);
  top:0;
  left:0;
}
.fl-module-photo.img-offset-dropshadow-purple .fl-photo-content:after {
  content:"";
  position: absolute;
  width:100%;
  height:100%;
  border-radius: 8px;
  background-color: var(--primary-DarkPurple);
  top:0;
  left:0;
}
.fl-module-photo.img-offset-dropshadow-fuchsia .fl-photo-content:after {
  content:"";
  position: absolute;
  width:100%;
  height:100%;
  border-radius: 8px;
  background-color: var(--Secondary-Fuchsia);
  top:0;
  left:0;
}
.fl-module-photo.img-offset-dropshadow-blue.secOdd .fl-photo-content:after,
.fl-module-photo.img-offset-dropshadow-purple.secOdd .fl-photo-content:after,
.fl-module-photo.img-offset-dropshadow-fuchsia.secOdd .fl-photo-content:after {
  top:36px;
  left:36px;
}
.fl-module-photo.img-offset-dropshadow-blue.secEven .fl-photo-content:after,
.fl-module-photo.img-offset-dropshadow-purple.secEven .fl-photo-content:after,
.fl-module-photo.img-offset-dropshadow-fuchsia.secEven .fl-photo-content:after {
  top:36px;
  right:36px;
  left: auto;
}

/* HS CTA */
#hs-cta a.cta_button,
#hs-cta a.cta_button p {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif !important;
  font-size: 14px!important;
  font-weight: 500!important;
  letter-spacing: 2px;
}

/* Footer June 2024 */
#footer {
  padding:30px 20px 0 20px;
  background-color:#370B6E;
}
#footer.bg-circle:before {
  background-image: url(/wp-content/uploads/2024/07/footer_bg_circle_left_mobile.svg), url(/wp-content/uploads/2024/07/footer_bg_circle_right_mobile.svg);
  background-position: left bottom, right center;
  height: 100%;
}
#footer .grid-upper {
  grid-template-columns: 1fr;
  margin: 20px 0;
}
#footer #menu-footer {
  padding-left: 0;
  gap:0 40px;
}
#footer h5 {
  font-family: 'Apercu Pro', Fallback, sans-serif;
  margin-bottom: 6px;
}
#menu-footer li,
#footer h5 {
  font-size: 20px;
}
#menu-footer li {
  margin-bottom: 18px;
  line-height: 22px;
}
#footer li a {
  font-family: 'Apercu Pro', Fallback, sans-serif;
  text-decoration: none;
}
#footer .social-box {
  margin-top:30px;
}
#footer .social-box .socials {
  justify-content: center;
}
#footer .social-box .socials li {
  margin:16px;
  width: 36px;
}
#footer .social-box h5 {
  display:none;
}
#footer .footer-right h5,
#footer .footer-right p {
  text-align: left;
}
#footer .footer-right p {
  margin-bottom:0;
  font-family: 'Apercu Pro', Fallback, sans-serif;
}
#footer .grid-copyright {
  border-top:2px solid #fff;
  padding:20px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
  gap: 20px;
  font-family: 'Apercu Pro', Fallback, sans-serif;
} 
#footer .legal_links li a {
  text-decoration: underline;
}
#footer #subscription-form {
  max-width: 100%;
}
#footer #subscription-form .hbspt-form .hs-form-field.hs_email label {
  display:none;
}
#footer #subscription-form .hbspt-form .hs-form-field .input .hs-input[type="email"] {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  background-color: #fff;
  border: none;
  height: 45px;
}
#footer #subscription-form .hbspt-form .hs_submit .hs-button {
  border: none;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  text-transform: none;
  background: #1171e9;
  height: 45px;
  margin-top: 12px
}
#footer #subscription-form .hbspt-form .hs_submit .hs-button:hover {
  background: #0962d1;
}
#footer #subscription-form .hbspt-form form {
  position: relative;
}
#footer #subscription-form .hbspt-form ul.no-list.hs-error-msgs {
  left: 0;
}
#footer #subscription-form .hbspt-form ul.no-list.hs-error-msgs label.hs-main-font-element {
  font-size:12px;
  color:#E91816;
}
#footer .legal_links, #footer .copyright {
  font-size: 14px;
}
@media (min-width:768px) {
  #footer {
    padding:50px 0 0 0;
  }
  #footer .grid-upper {
    grid-template-columns: 3fr 2fr;
  }
  #footer.bg-circle:before {
    background-image: url(/wp-content/uploads/2024/07/footer_bg_circle_left.svg), url(/wp-content/uploads/2024/07/footer_bg_circle_right.svg);
    background-position: left bottom, right bottom;
  }
  #menu-footer li,
  #footer h5 {
    font-size: 24px;
  }
  #footer .footer-right p {
    text-align:left;
  }
  #footer .social-box h5 {
    display:block;
    font-size: 20px;
  }
  #footer .social-box .socials {
    justify-content: flex-start;
  }
  #footer .social-box .socials li {
    margin:10px 20px 0 0;
    width: 28px;
  }
  #footer .grid-copyright {
    justify-content: space-between;
    flex-direction: row;
  }
  #footer #subscription-form {
    max-width: 345px;
  }
}

/* Product Releases */
.release_date_section p,
.product_releases_posts p,
.add_info p {
  font-family: 'Apercu Pro', Fallback, sans-serif;
}

/* Comapre Table V2 */
@media (min-width:768px) {
  #section--comparison .comparison-table.style2 .container {
    max-width: 925px;
  }
}
#section--comparison .comparison-table.style2 table {
  position: relative;
  border-collapse: collapse; 
}
  @media (min-width:768px) {/* sticky table header */
    #section--comparison .comparison-table.style2 thead th {
      background: white;
      position: -webkit-sticky;
        position: sticky;
        top: 87px;
    }
  }
  @media (min-width:992px) {
    #section--comparison .comparison-table.style2 thead th {
      top: 94px;
    }
  }
  @media (max-width:767px) {
    #section--comparison .comparison-table.style2 thead {
      background: white;
      position: -webkit-sticky;
        position: sticky;
      top: 86px;
      z-index: 100;
    }
  }

#section--comparison .comparison-table.style2 #compare {
  box-shadow: none;
  border:1px solid #C1C5CA;
  border-radius: 4px;
  background-image: url(/wp-content/uploads/2024/09/compare_chart_dropdown.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto;
  padding: 18px 40px 18px 18px;
  font-family: 'Apercu Pro', Fallback, sans-serif;
}
#section--comparison .comparison-table.style2 .single td h3, 
#section--comparison .comparison-table.style2 .section td h3 {
  color: var(--black);
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 0;
}
.comparison-table.style2 .flx-center {
  display: flex;
    align-items: center;
    justify-content: center;
}
.comparison-table.style2 td {
  display: flex;
  align-items: center;
  justify-content: center;
}
.comparison-table.style2 td:first-child {
  justify-content: flex-start;
}
#section--comparison .comparison-table.style2 tr.single td {
  padding-top:15px;
  padding-bottom:15px;
}
#section--comparison .comparison-table.style2 tr.section td {
  border-top:1px solid #77BFF7;
  padding-top:15px;
  padding-bottom:0;
}
#section--comparison .comparison-table.style2 tr.section.singleRow td {
  padding-bottom:15px;
}
#section--comparison .comparison-table.style2 tr th:nth-child(2),
#section--comparison .comparison-table.style2 tr td:nth-child(2) {
  background: #E4F2FD;
}
#section--comparison .comparison-table.style2 tr.disclaimer td {
  display:table;
  margin: 20px 20px 40px 15px;
}
#section--comparison .comparison-table.style2 tr.disclaimer p {
  font-size:12px;
  color:#535353;
  line-height:16px;
}
#section--comparison .comparison-table.style2 tbody td img.large {
  display:block;
}
#section--comparison .comparison-table.style2 tbody td img.small {
  display:none;
}
#section--comparison .comparison-table.style2 thead #compare-item {
  display:none;
}

@media (max-width:767px) {
  #section--comparison .comparison-table.style2 #compare {
    padding: 12px 24px 12px 12px;
    width: 100%;
  }
  #section--comparison .comparison-table.style2 tr.industry {
    display:none;
  }
  #section--comparison .comparison-table.style2 thead #compare-item {
    display:block;
    position: absolute;
    top: 15px;
    left: 90%;
    z-index: 99;
    font-size: 16px;
    line-height: 1.1;
    width: 100%;
    text-wrap: wrap;
  }
  #section--comparison .comparison-table.style2 thead th {
    width: 45%;
    display: flex;
    padding: 0 20px;
  }
  #section--comparison .comparison-table.style2 thead th.flx-center {
    background:transparent;
    justify-content: center;
    padding-left: 0;
  }
  #section--comparison .comparison-table.style2 thead th.flx-center img {
    max-width:80px;
  }
  #section--comparison .comparison-table.style2 thead th.dropdown {
    width:92%;
  }
  #section--comparison .comparison-table.style2 thead th.dropdown select#compare {
    position: absolute;
    top: -65px;
    left: -50%;
  }
  #section--comparison .comparison-table.style2 tr.section td {
    border:none;
    display: none;
  }
  #section--comparison .comparison-table.style2 tr.section td h3 {
    font-size: 20px;
  }
  #section--comparison .comparison-table.style2 tr.section td:first-of-type {
    border-top: 1px solid #77BFF7;
    border-bottom: 1px solid #77BFF7;
    display: flex;
    background:white;
    height: 44px;
    text-align: left;
    padding-top:0;
    padding-left:0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #section--comparison .comparison-table.style2 tbody td img.large {
    display:none;
  }
  #section--comparison .comparison-table.style2 tbody td img.small {
    display:block;
  }
  #section--comparison .comparison-table.style2 tr.item {
    display: grid;
    grid-template-columns: 22px 1fr 1fr;
    gap:8px;
  }
  #section--comparison .comparison-table.style2 tr.item td,
  #section--comparison .comparison-table.style2 tr.section.singleRow td:nth-child(2),
  #section--comparison .comparison-table.style2 tr.section.singleRow td:nth-child(3) {
    text-align: left;
    font-size: 14px;
    background: white;
    text-wrap: wrap;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    word-wrap: break-word;
    overflow-wrap: break-word;
    position: relative;
    width: 100%;
    top: 0;
    left:0;
    padding: 0 0 10px 0;
  }
  #section--comparison .comparison-table.style2 tr.item td:first-of-type {
    order:2;
  }
  #section--comparison .comparison-table.style2 tr.item td:nth-child(2) {
    order:1;
  }
  #section--comparison .comparison-table.style2 tr.item td:last-of-type {
    order:3;
  }
  #section--comparison .comparison-table.style2 tr.section.singleRow td:first-of-type {
    padding-bottom:0;
    padding-top: 0;
    clear:both;
  }
  #section--comparison .comparison-table.style2 tr.section.singleRow td:nth-child(2) {
    width: 52%;
    display: inline-flex;
    padding: 10px 0;
  }
  #section--comparison .comparison-table.style2 tr.section.singleRow td:nth-child(3) {
    width: 46%;
    display: inline-flex;
    padding: 10px 0;
  }
  #section--comparison .comparison-table.style2 tbody tr.disclaimer.singleRow td {
    display: table;
    margin: 40px 0 0 0;
    width: 100%;
    left: 0;
    background:white;
    white-space: normal;
    text-align: left;
  }
}

/* Press */
#section--featured-press .row-grid {
  display:flex;
  gap: 16px;
}
#section--featured-press .row-grid .press-tile  {
  width: 25%;
  display: flex;
  flex-direction: column;
}
#section--featured-press .press-tile {
  padding:24px;
  border-radius: 8px;
  background:#fff;
}
#section--featured-press .press-tile:hover {
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
#section--featured-press .press-tile .pub-logo {
  height:96px;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
#section--featured-press .press-tile:hover h4 a {
  text-decoration: underline;
  color:#1171E9;
}
#section--featured-press .press-tile h4 {
  font-size:20px;
}
#section--featured-press .press-tile p.pname {
  margin-top:auto;
  margin-bottom:0;
}
#section--featured-press .press-tile p.date,
#section--press .press-tile p.date {
  font-size:12px;
  margin-bottom:0;
}
#section--featured-press .press-info {
  display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
}
#section--press .row-grid .press-tile {
  display: grid;
  grid-template-columns: 25% 3fr 1fr;
  grid-gap:16px;
  margin: 24px;
  border-bottom:1px solid #C1C5CA;
  padding-bottom: 12px;
}
#section--press .row-grid .press-tile:last-child {
  border-bottom:none;
}
#section--press .row-grid .press-tile .press-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#section--press .row-grid .press-tile .press-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#section--press .row-grid .press-tile .press-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
#section--press .press-tile h4 {
  font-size:16px;
  margin-bottom:0;
}
#section--press .press-tile p.pname {
  font-family: 'Apercu Pro Medium', Fallback, sans-serif;
  margin-bottom:0;
}
#section--press .press-tile .press-link a {
  color:#1171E9;
  display: flex;
  align-items: center;
  gap: 6px;
}
#section--press .press-tile .press-link a svg {
  transition: var(--linkTransition);
}
#section--press .press-tile .press-link a:hover {
  text-decoration: none;
}
#section--press .press-tile .press-link a:hover svg {
  transform: translateX(5px);
}
.btn__wrapper {
  text-align:center;
}
.btn__wrapper .btn {
  background-color: #1171e9;
  border-radius: 4px;
  font-size:18px;
  line-height: 2;
  font-family: 'Apercu Pro Medium', Fallback, sans-serif;
  color: var(--white);
  padding: 6px 24px;
  transition: var(--linkTransition);
  display: inline-flex;
  align-items: center;
  margin: 30px;
}
.btn__wrapper .btn:hover {
  text-decoration: none;
  background-color: #0962d1;
}

@media (max-width:992px) {
  #section--featured-press .row-grid .press-tile  {
    width: 50%;
  }
  #section--press .row-grid .press-tile {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
@media (max-width:600px) {
  #section--featured-press .row-grid {
    display: grid
  }
  #section--featured-press .row-grid .press-tile  {
    width: auto;
  }
  #section--featured-press .press-tile .pub-logo {
    height:72px;
  }
  #section--featured-press .press-tile h4 {
    font-size:16px;
  }
  #section--featured-press .press-tile p.pname {
    font-size:14px;
  }
  #section--press .row-grid .press-tile {
    grid-template-columns: 1fr;
    grid-gap: 6px;
  }
  #section--press .row-grid .press-tile .press-link {
    justify-content: flex-start;
  }
}

/* Get Started - Region Selector*/
#menu-select-region>.menu-item {
  border-radius: 4px;
  width: 462px;
  text-align: left;
}
#menu-select-region .menu-item .sub-menu {
  min-width: 100%;
}

/* header nav btn outline */
#header .top-nav .button.btn-outline {
	background-color: var(--white);
	color: var(--primaryBlue);
	margin-right:20px;
}
#header .top-nav .button.btn-outline:hover,
#header .top-nav .button.btn-outline:focus {
	background-color: var(--primaryBlue);
	color: var(--white);
}
@media only screen and (max-width: 992px) {
    #header .top-nav {
	flex-direction: row;
        justify-content: flex-end;
	}
	#header .top-nav .button.btn-outline {
		margin-right:8px;
	}
}