/*** MULTI-COLUMN CONTENT MOBILE SPACING ***/

@media (max-width: 992px) {
  .hhs-text-mod .c1,
  .hhs-text-mod .c2,
  .hhs-text-mod .c3,
  .hhs-text-mod .c4 {
    margin-bottom: 25px;
  }
}


.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children {
 position: relative; 
}
.hhs-side-menu .hhs-sidebar-nav-toggle {
  display: inline-block;
  width: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
}
.hhs-side-menu .hhs-sidebar-nav-toggle i {
  float: right;
  width: 15px;
}


/*** TOP NAV BAR ALIGNEMENT ***/

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li{
  margin-bottom: 3px !important;
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.hhs-nav-grid__menu {
  margin-left: 50px !important;
}

.hhs-nav-grid__extras {
  margin-left: auto !important;
}

.hhs-top-bar .container {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.hhs-top-bar {
  padding: 0px!important;
}

.hs-menu-children-wrapper {
  width: 90%;
  text-decoration: underline;
  margin-top: 15px !important;
}

.hhs-header-cta {
  z-index: 500!important;
}

@media screen and (max-width: 1100px) {
    .mega-drop-1, 
    .mega-drop-2, 
    .mega-drop-3, 
    .mega-drop-4 {
      font-family: 'Circular-Bold', serif;
      font-size: 20px;
    }
    .hhs-sidebar-nav-toggle svg {
      margin-bottom: 0.75rem;
  }
    .hhs-side-menu__ctas .hhs-header-cta {
      margin: 0 2rem!important;
  }
}

/*** FOOTER CERTIFICATIONS STYLES ***/
    @media screen and (max-width: 768px) {
        #certifications {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 0px!important;
            text-align: center;
        }

        #certifications img {
            margin-left: 0px;
            margin-bottom: 35px; /* Adds space between logos when stacked */
        }
    }

/*** CUSTOM UPLOADED FONTS 
  * Remove the @font-face block below if you're loading Adobe Type Kit.
***/

@font-face {
 font-family: 'Circular-Medium'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Medium.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Medium.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Medium.ttf') format('truetype'); font-display: swap;
}

@font-face {
 font-family: 'Circular-Bold'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Bold.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Bold.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Bold.ttf') format('truetype'); font-display: swap;
}

@font-face {
 font-family: 'Feijoa-Display'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-Display.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-Display.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-Display.ttf') format('truetype'); font-display: swap;
}

@font-face {
 font-family: 'Feijoa-Medium-Italic'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/feijoa-medium-italic.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-MediumItalic.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-MediumItalic.ttf') format('truetype'); font-display: swap;
}
@font-face {
 font-family: 'Feijoa-Bold'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/feijoa-bold.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-Bold.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-Bold.ttf') format('truetype'); font-display: swap;
}
@font-face {
 font-family: 'Feijoa-Medium'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/feijoa-medium.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-Medium.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Feijoa-Medium.ttf') format('truetype'); font-display: swap;
}

@font-face {
 font-family: 'Circular-Black'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Black.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Black.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Black.ttf') format('truetype'); font-display: swap;
}
@font-face {
 font-family: 'Circular'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Book.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Book.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-Book.ttf') format('truetype');
  font-display: swap;
}
@font-face {
 font-family: 'Circular-Medium-Italic'; 
 src: url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-MediumItalic.eot?') format('eot'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-MediumItalic.woff') format('woff'), url('https://www.text-em-all.com/hubfs/Fonts%20-%20CLEAN%20X%20TEXT-EM-ALL/Circular-MediumItalic.ttf') format('truetype'); font-display: swap;
}


/******  WEBSITE HEADINGS ******/
h1 {font-family: 'Feijoa-Display', sans-serif;}
h2 {font-family: 'Feijoa-Display', sans-serif;}
h3 {font-family: 'Circular-Bold', sans-serif;}
h4 {font-family: 'Circular-Medium', sans-serif;}
h5 {font-family: 'Circular-Medium', sans-serif;}
h6 {font-family: 'Circular-Medium', sans-serif;}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

/****** ALTERNATE WEBSITE HEADINGS ******/
h1.seo-page {
    font-family: 'Circular-Medium', sans-serif !important;
    font-size: 19px !important;
    text-transform: uppercase !important;
}

h2.seo-page {
    font-family: 'Feijoa-Display', sans-serif !important;
    font-size: 39px !important;
    font-weight: normal;
}
@media screen and (min-width: 768px) {
    h2.seo-page {
        font-size: 43px !important;
    }
}
@media screen and (min-width: 1024px) {
    h2.seo-page {
        font-size: 47px !important;
    }
}

h3.features {
    font-family: 'Circular-Medium', sans-serif !important;
    font-size: 22px !important;
}

/****** GROW FONT SIZE HEADINGS ******/
h1.grow { font-size: 32px; }
h2.grow { font-size: 30px; }
h3.grow { font-size: 28px; }
h4.grow { font-size: 26px; }
h5.grow { font-size: 23px; }
h6.grow { font-size: 20px; }
p.grow { font-size: 15px; }

@media screen and (min-width: 768px) {
    h1.grow { font-size: 51px; }
    h2.grow { font-size: 43px; }
    h3.grow { font-size: 36px; }
    h4.grow { font-size: 31px; }
    h5.grow { font-size: 27px; }
    h6.grow { font-size: 23px; }
    p.grow { font-size: 19px; }
}

@media screen and (min-width: 1024px) {
    h1.grow { font-size: 55px; }
    h2.grow { font-size: 47px; }
    h3.grow { font-size: 40px; }
    h4.grow { font-size: 35px; }
    h5.grow { font-size: 31px; }
    h6.grow { font-size: 27px; }
    p.grow { font-size: 23px; }
}

/****** PRICING PAGE HEADINGS ******/
h1.pricing { font-size: 32px; }
h2.pricing { font-size: 30px; }
h3.pricing { font-size: 28px; }
h4.pricing { font-size: 26px; }
h5.pricing { font-size: 23px; }
h6.pricing { font-size: 20px; }
p.pricing { font-size: 15px; }

@media screen and (min-width: 768px) {
    h1.pricing { font-size: 51px; }
    h2.pricing { font-size: 43px; }
    h3.pricing { font-size: 36px; }
    h4.pricing { font-size: 31px; }
    h5.pricing { font-size: 27px; }
    h6.pricing { font-size: 23px; }
    p.pricing { font-size: 19px; }
}

@media screen and (min-width: 1024px) {
    h1.pricing { font-size: 55px; }
    h2.pricing { font-size: 47px; }
    h3.pricing { font-size: 40px; }
    h4.pricing { font-size: 35px; }
    h5.pricing { font-size: 31px; }
    h6.pricing { font-size: 27px; }
    p.pricing { font-size: 23px; }
}

h2.pricing-plan {
    font-family: 'Feijoa-Display', sans-serif !important;
    font-size: 21px !important;
}
@media screen and (min-width: 768px) {
    h2.pricing-plan {
        font-size: 25px !important;
    }
}
@media screen and (min-width: 1024px) {
    h2.pricing-plan {
        font-size: 29px !important;
    }
}

.pricing-plan {
    font-family: Circular-Bold, sans-serif !important;
    font-size: 72px;
}
@media screen and (min-width: 768px) {
    .pricing-plan {
        font-size: 76px;
    }
}
@media screen and (min-width: 1024px) {
    .pricing-plan {
        font-size: 80px;
    }
}
.pricing-button {
  margin-top: 30px; 
  margin-bottom: 30px; 
  text-align: center;
}

.mega {margin-left: 1.5rem; font-family: 'Circular-Bold', serif!important;}
.mega-img {font-family: 'Circular-Bold', serif!important;}

/****** PARAGRAPHS AND LISTS ******/
p {font-family: 'Circular-Medium', sans-serif !important; margin-top: 1rem; margin-bottom: 1rem;}
li, ol {font-family: Circular,serif !important;}
blockquote {font-family: 'Feijoa-Medium-Italic', sans-serif !important;}
body, p {
    font-family: Circular,serif !important;
    font-size: 17px;
    font-weight: 400;
    padding-top: 0px;
}

table p {
  margin-top: 0;
  margin-bottom: 0;
}

button {
  font-family: 'Circular-Medium', sans-serif !important;
}

/******  Alternate list styles ******/
ul orange {
    list-style-type: none; /* Remove default bullets */
}

ul orange li::before {
    content: "\2713"; /* Add content: checkmark */
    color: #FF4a29; /* Change the color */
    display: inline-block; /* Make it inline */
    width: 1em; /* Width of the content box */
    margin-left: -1em; /* Pull the checkmark into place */
}

/******  Copy Text Button Styles ******/
.copyButton {
  background-color: #F9FAFC;
  border-color: #E5E9F2;
  font-size: 15px;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
  display: inline-block;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: color .15s 
    ease-in-out,background-color .15s 
    ease-in-out,border-color .15s 
    ease-in-out,box-shadow .15s
    ease-in-out;
  
}

/******  BLOG HEADINGS STYLES ******/
h1.blog-post__title {font-family: 'Feijoa-Display', sans-serif !important; margin-bottom: 0.6rem !important;}
.blog-post h2 {font-family: 'Feijoa-Display', sans-serif !important; margin-bottom: 0.6rem !important; margin-top: 2rem;}
.blog-post h3 {font-family: Circular,serif !important; margin-bottom: 0.6rem !important;}
.blog-post h4 {font-family: Circular,serif !important; margin-bottom: 0.6rem !important;}
.blog-post h5 {font-family: Circular,serif !important; margin-bottom: 0.6rem !important;}
.blog-post h6 {font-family: Circular,serif !important; margin-bottom: 0.6rem !important;}

/****** BLOG PARAGRAPHS AND LISTS ******/

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: Circular,serif !important; font-size: 17px; line-height:1.5em;}
.blog-post li, .blog-post ol {font-family: Circular,serif !important;}
.blog-index__post img {max-height: 260px;}
.blog-index__post-large img {max-height: 375px;}
.blog-topics-list {padding-bottom: 25px!important;}

/****** ACCORDIoN MODULE ON FEATURES PAGE ******/
.hhs-accordion-1 a.accordion-title {
  padding: 1px 25px 1px 0 !important;
}

/****** VIDEO HERO ******/
.hhs-hero-mod video { 
  max-width: 90% !important;
  min-height: 50% !important;
  min-width: 50% !important;
}

/*** MEGA MENU ***/
.mega-menu.active {
  padding: 25px 0!important;
}

/****** CALLS TO ACTION ******/
.hhs-head-cta-1, .hhs-head-cta-2 {
  margin-left: 5px !important;
}
.hhs-side-cta-1, .hhs-side-cta-2 {
  padding: 0px 25px;
}

.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary 
  {font-family: Circular-Bold, sans-serif !important;}

.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary
  {font-family: Circular-Bold, sans-serif !important;}

.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
  {font-family: Circular-Bold, sans-serif !important;}

.cta-four,
.cta-four:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
  {font-family: Circular-Bold, sans-serif !important;}

/****** FORM ELEMENTS ******/
font-family: Circular,serif !important;
.hs-button,
.button--primary {font-family: Circular,serif !important;}
.submit-alt .hs-button,
.submit-alt .button--primary {font-family: Circular,serif !important;}
.

/* form RESPONSIVE */
video {
  max-width: 100%;
  height: auto;
}

/* EMPLOYEE PROFILE PAGE IMAGE STYLES */
.hhs-profile-card img {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  border-radius: 6px;
}

/* INPUT TEXT FIELD */

form,
.submitted-message,
select,
.hs-input {font-family: Circular,serif !important;}

/* FORM LABEL */

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: Circular,serif !important;}

/* CHECKBOX AND RADIO BUTTONS */

.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label 
  {font-family: Circular,serif !important;}

/* HELP TEXT */

.hs-form legend {font-family: Circular,serif !important;}

/* GDPR TEXT */

.legal-consent-container,
.legal-consent-container p {font-family: Circular,serif; !important;}

/* ERROR MESSAGE */

.hs-error-msgs label {font-family: Circular,serif !important;}

/* FOOTER */

.hhs-foot-rss h5, .hhs-foot-nav-col h5 { font-family: Circular,serif !important; text-transform: normal !important; font-size: 18px !important; margin-bottom: 1.5rem !important; font-weight: bold !important; color: #ffffff !important;}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: Circular,serif !important;
}
 
/*PRIMARY NAVIGATION */

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: Circular,serif !important; 
  margin-bottom: 10px !important;
}



#hhs-main-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

#hhs-main-nav.is-sticky {
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Add padding to body to prevent content jump */
body {
  padding-top: 70px;
}

/* Prevent jumpy transitions */
.hhs-header-logo img {
  transition: none !important;
  max-height: 50px;
}

.hhs-nav-grid {
  display: flex;
  align-items: center;
  min-height: 70px;
}


/* SUPERSCRIPT */
sup,
sub {
  position: relative;
  font-size: 60% !important;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Transition   */


/* FREE TRIAL FORM */
.free-trail-banner{ padding:23px 0 32px; position:relative; }
.free-trail-banner .bg-fill-top{ display:block; width:100%; height:123px; background:url(https://www.text-em-all.com/hubfs/bg-fill-red-top.png) center top repeat-x; 
  background-size:auto 100%; position:absolute; top:0; left:0; z-index:-1; }
.free-trail-banner .bg-fill-bottom{ display:block; width:100%; height:103px; background:url(https://www.text-em-all.com/hubfs/bg-fill-red-bottom.png) center top repeat-x; 
  background-size:auto 100%; position:absolute; bottom:0; left:0; z-index:-1; }
.free-trail-banner .bg-orangeRed{ padding:110px 0 40px; }
.ftb-details{ padding:100px 0;}
.ftb-copy{ max-width:430px; font-size:22px; }

.form-wrap{ display:inline-block; position:relative;}
.ftb-fill-1, .ftb-fill-2, .ftb-fill-3{ position:absolute; }
.ftb-fill-1{ left:-30px; top:-60px; }
.ftb-fill-2{ top:-44px; right:-30px; z-index: -1;}
.ftb-fill-3{ bottom:15px; left:-25px; }
.form-box{ min-height:585px; padding:53px 60px 0px 60px; background-color:#FFFFFF; margin-bottom:50px; position:relative;  }
.form-intro{ color:#344A6F; text-align:center; }
.signin-wrap{ text-align:center; position:relative; z-index:1; }
.signin-wrap a{ margin-left:10px; color:#FFFFFF; font-weight:500;  border-bottom:2px solid #FFFFFF; }
.signin-wrap a:hover{ border-color:#ff7c5b; }

/* TWO COLUMN USE CASE IDEAS */
.idea-row {
  display: flex !important;
}

.idea-column {
  flex: 50%;
  padding: 10px;
}

/* FEATURE CARD */
.feature-card {
  box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
  padding: 50px 50px;
  background-color: hsla(0,0%,100%,.9);
}

/* H2 BACKGROUND SWOOSH */
.bg-swoosh {
  display: inline-block;
  padding-right: 7px;
  background: url(https://2513604.fs1.hubspotusercontent-na1.net/hubfs/2513604/CallEmAll-2019/icon-underline-lightblue.svg) 100% 30px no-repeat;
}
.bg-swoosh-yellow {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 55% !important;
  background: url(https://2513604.fs1.hubspotusercontent-na1.net/hubfs/2513604/CallEmAll-2019/bg-fill-yellow-line.svg) no-repeat right;
}

/* CENTER CLASS */
.ta-center {
  text-align: center;
}
.mobile{ display:none; }
.clear{ clear:both; }

/* CCPA TABLE */
td {
  border: 1px solid #99acc2;
  }

/* IMAGE LINK HOVER SHRINK */
img.shrink {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

img.shrink:hover {
-webkit-transform: scale(.90);
-moz-transform: scale(.90);
-o-transform: scale(.90);
-ms-transform: scale(.90);
transform: scale(.90);
}

/* BLOG HEADER MARGINS */
.blog-header-full {
  padding-left: 20%;
  padding-right: 20%;
}

@media screen and (max-width: 1650px) { /* Adjust the breakpoint as needed */
    .blog-header-full {
      padding-left: 0%;
      padding-right: 0%;
  }
}

/* NEW HUBSPOT EMBEDDED CTA STYLES */
.cta-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* This centers the buttons horizontally when stacked */
    gap: 10px; /* Adjust the gap between buttons as needed */
}

@media (min-width: 768px) { /* Adjust the breakpoint as needed */
    .cta-container {
        flex-direction: row;
        justify-content: left; /* This centers the buttons horizontally when side by side */
    }
}

.cta-container-center {
    display: flex;
    flex-direction: column;
    align-items: center; /* This centers the buttons horizontally when stacked */
    gap: 10px; /* Adjust the gap between buttons as needed */
}

@media (min-width: 768px) { /* Adjust the breakpoint as needed */
    .cta-container-center {
        flex-direction: row;
        justify-content: center; /* This centers the buttons horizontally when side by side */
    }
}
@media (max-width: 768px) { /* This makes sure that mobile buttons are the same width */
  .cta {
    min-width: 275px;
  }  
}
.cta {
  background-color: #344a70;
  border: none;
  padding: 18px 36px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  transition-duration: all .15s ease-out;
  cursor: pointer;
  border-radius: 4px;
  line-height: 18px;
  white-space: nowrap;
  font-family: 'Circular-Bold', sans-serif !important;
}

.Indigo {
  background-color: #344a70; 
  color: #FFFFFF !important; 
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out;
}

.Indigo:hover {
  color: white !important;
  transform: scale(.9);
}

.IndigoOutline {
  background-color: white; 
  color: #344a70 !important;
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out;
}

.IndigoOutline:hover {
  transform: scale(.9);
}

.IndigoOutlineBeige {
  background-color: #FFFAF2; 
  color: #344a70 !important;
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out;
}

.IndigoOutlineBeige:hover {
  transform: scale(.9);
}

.IndigoOutlineQLake {
  background-color: #A2E3ED; 
  color: #344a70 !important;
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out;
}

.IndigoOutlineQLake:hover {
  transform: scale(.9);
}

.IndigoOutlineLemon {
  background-color: #FFC430; 
  color: #344a70 !important;
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out;
}

.IndigoOutlineLemon:hover {
  transform: scale(.9);
}

.WhiteOutline {
  background-color: #344A70; 
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF;
  transition: all 0.3s ease-in-out;
}

.WhiteOutline:hover {
  transform: scale(.9);
}

.Poppy {
  background-color: #ff4a29;
  color: #FFFFFF !important;
  border: 2px solid #ff4a29;
  transition: all 0.3s ease-in-out;
}

.Poppy:hover {
  transform: scale(.9);
  color: white !important;
}

.PoppyOutline {
  background-color: white; 
  color: #ff4a29 !important; 
  border: 2px solid #ff4a29;
  transition: all 0.3s ease-in-out;
}

.PoppyOutline:hover {
  transform: scale(.9);
}

.PoppyOutlineBeige {
  background-color: #FFFAF2; 
  color: #ff4a29 !important; 
  border: 2px solid #ff4a29;
  transition: all 0.3s ease-in-out;
}

.PoppyOutlineBeige:hover {
  transform: scale(.9);
}

.TransGrow {
  background-color: transparent;
  color: #344a70;
  border: 2px solid #344a70;
  width: 20%; 
  font-family: 'Circular-Medium', sans-serif !important;
  transition: all 0.3s ease-in-out;
  margin: 10px;
}

.TransGrow:hover {
  transform: scale(.9); 
}

.IndigoGrow {
  background-color: #344a70;
  color: #FFFFFF;
  border: 2px solid #344a70;
  width: 20%; 
  font-family: 'Circular-Medium', sans-serif !important;
  transition: all 0.3s ease-in-out;
  margin: 10px;
}

.IndigoGrow:hover {
  transform: scale(.9);
}

/* BUTTONS CSS TEXT-EM-ALL STYLES */
.button {
  font-family: 'Circular-Medium', sans-serif !important;
}

.buttons {
  background-color: #344a70;
  border: none;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  transition-duration: all .15s ease-out;
  cursor: pointer;
  border-radius: 2px;
  line-height: 12px;
  font-weight: 400 !important;
  white-space: nowrap;
  font-family: 'Circular-Medium', sans-serif !important;
}

.buttonsIndigo {
  background-color: #344a70; 
  color: #FFFFFF !important; 
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out;
}

.buttonsIndigo:hover {
  color: white !important;
  transform: scale(.9);
}

.buttonsIndigoOutline {
  background-color: white; 
  color: #344a70 !important;
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out;
}

.buttonsIndigoOutline:hover {
  transform: scale(.9);
}

.buttonsPoppy {
  background-color: #ff4a29;
  color: #FFFFFF !important;
  border: 2px solid #ff4a29;
  transition: all 0.3s ease-in-out;
}

.buttonsPoppy:hover {
  transform: scale(.9);
  color: white !important;
}

.buttonsPoppyOutline {
  background-color: white; 
  color: #ff4a29 !important; 
  border: 2px solid #ff4a29;
  transition: all 0.3s ease-in-out;
}

.buttonsPoppyOutline:hover {
  transform: scale(.9);
}

.buttonsTransGrow {
  background-color: transparent;
  color: #344a70;
  border: 2px solid #344a70;
  width: 20%; 
  font-family: 'Circular-Medium', sans-serif !important;
  transition: all 0.3s ease-in-out;
  margin: 10px;
}

.buttonsTransGrow:hover {
  transform: scale(.9); 
}

.buttonsIndigoGrow {
  background-color: #344a70;
  color: #FFFFFF;
  border: 2px solid #344a70;
  width: 20%; 
  font-family: 'Circular-Medium', sans-serif !important;
  transition: all 0.3s ease-in-out;
  margin: 10px;
}

.buttonsIndigoGrow:hover {
  transform: scale(.9);
}

/* WIDE BUTTON CTA STYLES */
.button-wide {
  font-family: 'Circular-Medium', sans-serif !important;
}

.buttons-wide {
  background-color: #344a70;
  border: none;
  padding: 18px 36px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  border-radius: 4px;
  line-height: 18px;
  font-weight: 400 !important;
  white-space: nowrap;
  font-family: 'Circular-Medium', sans-serif !important;
  width: 80% !important;
}

.buttonsIndigo-wide {
  background-color: #344a70; 
  color: #FFFFFF !important; 
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out !important;
}

.buttonsIndigo-wide:hover {
  color: white !important;
  transform: scale(.9) !important;
}

.buttonsIndigoOutline-wide {
  background-color: white; 
  color: #344a70 !important;
  border: 2px solid #344a70;
  transition: all 0.3s ease-in-out !important;
}

.buttonsIndigoOutline-wide:hover {
  transform: scale(.9) !important;
}

.buttonsPoppy-wide {
  background-color: #ff4a29;
  color: #FFFFFF !important;
  border: 2px solid #ff4a29;
  transition: all 0.3s ease-in-out !important;
}

.buttonsPoppy-wide:hover {
  transform: scale(.9);
  color: white !important;
}

.buttonsPoppyOutline-wide {
  background-color: white; 
  color: #ff4a29 !important; 
  border: 2px solid #ff4a29;
  transition: all 0.3s ease-in-out !important;
}

.buttonsPoppyOutline-wide:hover {
  transform: scale(.9) !important;
}

.buttonsTransGrow-wide {
  background-color: transparent;
  color: #344a70;
  border: 2px solid #344a70;
  width: 20%; 
  font-family: 'Circular-Medium', sans-serif !important;
  transition: all 0.3s ease-in-out !important;
  margin: 10px;
}

.buttonsTransGrow-wide:hover {
  transform: scale(.9) !important; 
}

.buttonsIndigoGrow-wide {
  background-color: #344a70;
  color: #FFFFFF;
  border: 2px solid #344a70;
  width: 20%; 
  font-family: 'Circular-Medium', sans-serif !important;
  transition: all 0.3s ease-in-out !important;
  margin: 10px;
}

.buttonsIndigoGrow-wide:hover {
  transform: scale(.9) !important;
}

/* RESONSIVE STACKING FOR BUTTONS */
/* Create two equal columns that floats next to each other */
.btn-column {
  float: left;
  width: 50%;
  padding: 10px;
}

.btn-column-single {
  text-align: center;
  width: 100%;
  padding: 10px;
}

/* DIVs instead of table */
.table-alt {
  display: grid;
  grid-template-columns: auto auto; /* Two columns */
  grid-template-rows: auto auto auto; /* Three rows */
  gap: 10px; /* Gap between grid items */
}

.cell-alt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px; /* Padding for content spacing */
  border: 0px solid #fff; /* Optional: Add a border for each "cell" */
}

/* Bold pricing link on mobile devices */
@media only screen and (max-width: 1200px) { /* Adjust the breakpoint as needed */
.mobile-nav-link {
      font-size: 20px!important;
      font-weight: bold!important;
      color: #344A70!important;
    }
}

/* Clear floats after the columns */
.btn-row:after {
  content: "";
  display: table;
  clear: both;
  text-align: center;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
  .btn-column {
    width: 100%;
  }
}

/** FLEXBOX BUTTON CONTAINER **/
        .button-container {
            display: flex;
            flex-direction: row; /* Makes items in the container align horizontally */
            justify-content: space-around; /* Spreads the buttons evenly */
        }
        .btn-flex-left {
          padding: 15px 15px 15px 0px!important;
}
        .btn-flex-right {
          padding: 15px 0px 15px 15px!important;
}
        /* Media query for screens that are 600px wide or less */
        @media (max-width: 600px) {
            .button-container {
                flex-direction: column; /* Stacks the buttons vertically on small screens */
            }
        }

/* PRICE COMPARISON TABLE */
.fa-question-circle {
  color: #ff4a29 !important;
}

/* COMPARISON GRID PRICING */
/* utility */ 
.empty-spacer { opacity:0; pointer-events:none; }
.p-relative { position:relative; align-items:center; }
.pt-5 { padding-top:5px }
.font-80 { font-size:1em; }
.d-none { display:none }
.d-flex { display:flex; }
.flex-end { align-items:flex-end; }
.text-center { text-align:center; }
.align-center { align-items:center; }
.justify-center { justify-content:center; }
.comparison-table { background: #f5f5fa; padding:5rem 1rem; }
.comparison-table-container { width:1170px; max-width:100%; margin:0 auto; color:#848199; }
.comparison-headings { margin:0 0 30px; line-height:1.6; }
.comparison-headings h2 { margin:0 0 10px; color:#231d4f; font-size:46px;}
.comparison-table-head { border-bottom:1px solid #ccc; }
.comparison-table-foot { border-top:1px solid #ccc; }
.comparison-table-card { margin-bottom:30px; }
.comparison-table-row { display:flex; }
.comparison-table-col:first-child { flex:1; }
.comparison-table-col { flex:0.8; padding-top:20px; padding-bottom:20px; }
.comparison-card-head { padding:10px 15px; font-weight:bold; }
.comparison-card-head-desc { font-weight:400; color:#848199; margin:15px 0; }
.comparison-card-head-icon { text-align:center; margin-bottom:30px; }
.comparison-card-head-icon img { max-width:calc(100% - 60px); width:120px; }
.comparison-card-head-price { font-size:24px; margin:15px 0; }
.comparison-card-item { min-height:45px; padding:10px 15px; box-sizing:border-box; }
.comparison-card-item:nth-child(odd) { }
.comparison-card-item:nth-child(even) { }
.comparison-table-icon svg { max-width:24px; height:24px; display:block; }
.comparison-table-icon svg * { fill:currentColor; }
.comparison-table-icon svg[data-icon=check] { color:#5243c2; }
.comparison-table-icon svg[data-icon=times] { color:#c00; }
.comparison-card-foot { padding:10px 15px }
.comparison-card-foot a { 
  transition: all 300ms ease;
  display: inline-block;
  color: #FFF;
  background: #5243c2;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 600;
  width: 90%;
  box-sizing: border-box;
  font-family: 'Circular-Medium', sans-serif !important;
}

.comparison-card-item-title {
  line-height:1.5;
  font-family: 'Circular-Medium', sans-serif !important;
}

.comparison-card-item-title:hover ~ .comparison-tooltip {
  opacity: 1;
  transform: translate(-50%,-100%);
}

.comparison-tooltip { 
  position: absolute;
  display: block;
  width: 220px;
  font-size: 14px;
  color: #747b7f;
  padding: 20px;
  background-color: #fff;
  letter-spacing: .02em;
  border-radius: 5px;
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
  top: -10px;
  left: 50%;
  transform: translate(-50%,-130px);
  opacity: 0;
  transition: all .25s;
  pointer-events: none;
  font-weight: 400;
  font-family: 'Circular-Medium', sans-serif !important;
}

.comparison-tooltip:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,100%);
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #fff transparent transparent;
}
.comparison-card-head { 
  color:#231d4f; 
}

/* TEAM MODULE */
.team-module .h2{ margin-bottom:80px; }
.tw-block{ max-width:210px; margin:0 auto 60px;}
.tw-block .headshot-box{ display:block; max-width:167px; position:relative; margin:0 auto 20px;}
.tw-block .headshot,
.tw-block .headshot-funny{ display:inline-block; vertical-align:top; max-width:100%; width:167px; height:0; line-height:167px; padding:0 0 100%; border-radius:50%;
  background-color:#EDEDED; position:relative; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.tw-block .headshot-funny img,
.tw-block .headshot img{ display:block; margin:auto; border-radius:50%; }
.tw-block .headshot-hover{ display:inline-block; vertical-align:top; width:100%; position:absolute; top:0; left:0; visibility: hidden;
  opacity:0; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.headshot-bg1{ position:absolute; top:-4px; left:0; }
.headshot-bg2{ position:absolute; bottom:-20px; right:-9px; }
.tw-block .tw-name{ display:block; font-size:20px !important; line-height:1.7 !important; color:#344a6f !important; font-family: 'Circular-Medium', sans-serif !important;}
.tw-block .tw-jobtitle{ display:block; font-size:13px !important; color:#344a6f !important; font-family: 'Circular-Medium', sans-serif !important; padding: 10px 0px !important;}
.tw-block .tw-nickname{ font-size:16px !important; font-weight:700 !important; color:#344a6f !important; font-family: 'Circular-Medium', sans-serif !important;}
.fame-bg1 { position: absolute; top: -20px; left: -20px;}
.fame-bg2 { position: absolute; bottom: -20px; right: -33px; z-index: 1;}

@media only screen and (min-width: 800px) { 
  .mobile-hide{ display: none; }
}

@media only screen and (min-width:1025px) {
  .comparison-table-col.active { background:#fff; border-radius:6px; box-shadow:16px 16px 42px 0 rgba(23, 18, 63, 0.12); }
  .comparison-table-col:not(.active) .comparison-card-item { border-bottom:1px solid rgba(0,0,0,0.1); }
}

@media only screen and (max-width:1024px) {
  .d-xs-block { display:block; }
  .comparison-table-row { display:block; }
  .comparison-table-col.col--0 { display:none; }
  .comparison-table-col { margin-bottom:30px; background:#fff; border-radius:6px; box-shadow:16px 16px 42px 0 rgba(23, 18, 63, 0.12); max-width:100%; width:560px; margin-left:auto; margin-right:auto; }
  .comparison-table-icon { display:flex; align-items:center; }
  .comparison-table-icon svg { margin-right:15px; }
  .d-xs-text-center { text-align:center; }
}
  
@media screen and (max-width: 767px){
.free-trail-banner{ padding:0 0 32px; }
.free-trail-banner .bg-fill-top{ display:none;}
.free-trail-banner .bg-orangeRed{ padding:42px 0 40px; }
.ftb-details{ padding:0 0 30px; text-align:center;  }
.ftb-copy{ max-width:100%; }
.ftb-fill-1{ display:none; }
.ftb-fill-2{ display:none; }
.ftb-fill-3{ display:none; }
.form-box{ padding:32px 29px; margin-bottom:25px;}
}
  
@media (max-width:629px) {p#badges {display:none;}
  }
  
@media screen and (min-width: 768px){
  .tw-block .headshot-box:hover .headshot{ visibility: hidden;  opacity:0;}
  .tw-block .headshot-box:hover .headshot-hover{ visibility: visible;  opacity:1; }
}

@media screen and (max-width: 767px){
  .team-module.section{ padding-bottom:30px; }
  .team-module .h2{ margin-bottom:32px; }
  .tw-item-col{ width:100%; }
  .tw-block{ max-width:343px; font-size:0; margin:0 auto 20px; }
  .tw-block .headshot-box{ display:inline-block; vertical-align:top; width:32%; font-size:15px;  }
  .tw-details{ display:inline-block; vertical-align:top; width:68%; text-align:left; padding-left:10px; box-sizing:border-box;  }
  .tw-block .headshot,
  .tw-block .headshot-funny{ line-height:110px; }
  .tw-block .headshot-hover{ display:none; }
}

/* TOU GRID */
@media screen and (min-width: 768px){

  /* columns set up ---------  */
	.col-1{ width:4.1667%; }
	.col-2{ width:8.3333%; }
	.col-3{ width:12.5%; }
	.col-4{ width:16.6667%; }
	.col-5{ width:20.8333%; }
	.col-6{ width:25%; }
	.col-7{ width:29.1667%; }
	.col-8{ width:33.3333%; }
	.col-9{ width:37.5%; }
	.col-10{ width:41.6667%; }
	.col-11{ width:45.8333%; }
	.col-12{ width:50%; }
	.col-13{ width:54.1667%; }
	.col-14{ width:58.3333%; }
	.col-15{ width:62.5%; }
	.col-16{ width:66.6667%; }
	.col-17{ width:70.8333%; }
	.col-18{ width:75%; }
	.col-19{ width:79.1667%; }
	.col-20{ width:83.3333%; }
	.col-21{ width:87.5%; }
	.col-22{ width:91.6667%; }
	.col-23{ width:95.8333%; }
	.col-24{ width:100%; }

  .grid-wrap{ display:-ms-grid; display:grid; -ms-grid-columns:50% 50%; grid-template-columns:1fr 1fr;
    grid-gap:1em;  grid-template-rows: auto 1fr; justify-items:stretch; align-items:stretch; }
  .grid-wrap.grid-col-3{ -ms-grid-columns:33.33% 33.33% 33.33%; grid-template-columns:1fr 1fr 1fr;}
  .grid-item{ display:block; }
  .gr-1{ -ms-grid-row: 1; grid-row:1; }
  .gr-2{ -ms-grid-row: 2; grid-row:2; }
  .gr1-2{ -ms-grid-row: 1;  -ms-grid-row-span: 2; grid-row:1/3; }
  .grid-wrap.right .grid-img{ -ms-grid-row: 1; grid-row:1; -ms-grid-column: 2; grid-column:2;}
  .gc1-2{ -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column:1/3; }
  
}  
  
  @media (min-width: 992px)
  .hhs-header-hat .container, .hhs-top-bar .container {
    padding-right: 5px !important;
  padding-left: 5px !important;
}

/* PRICING PAGE MODULE */
.price1 {
  font-size: xxx-large;
}

.tier-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    margin: 8px 0;
    background-color: #F8F9FC; /* Light blue-gray background */
    border-radius: 8px;
    font-family: 'Circular-Medium';
     color: #344A70;
}

.price-list {
    margin: 24px 0;
    font-size: 16px;
}

.expand-button {
    width: 100%;
    padding: 12px;
    margin: 16px 0;
    background-color: #FFFFFF;
    border: 2px solid #344A70;
    border-radius: 8px;
    color: #2B3674;
    font-family: "Circular-Bold, sans-serif",
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.expand-button:hover {
    background-color: #E5E7EB;
}

.expanded-tiers {
    transition: all 0.3s ease;
}
/* CUSTOM HOMEPAGE LOGOS*/
.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
    /* Chip styles */
    .chip {
      display: inline-block;
      padding: 4px 16px;
      border-radius: 12px;
      font-size: 14px;
      font-weight: 600;
      color: #17305A;
      margin-right: 6px;
      line-height: 1.5;
      white-space: nowrap;
    }

    .chip.orange {
      background-color: #FFBB83;
    }

    .chip.purple {
      background-color: #E8A3E4;
    }

    .chip.green {
      background-color: #84D8B4;
    }

    /* Alternate chip styles with white text */
    .chip2 {
      display: inline-block;
      padding: 4px 32px;
      border-radius: 12px;
      font-size: 14px;
      font-weight: 600;
      color: #FFFFFF;
      margin-right: 6px;
      line-height: 1.5;
      white-space: nowrap;
    }

    .chip2.blue {
      background-color: #17305A;
    }