@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root{
    --white: #fff;
    --black: #000;
    --c2-body-bg: #F5F7F8;
    --c2-blue: #005FFF;
    --c2-light-blue: #1C95FC;
    --c2-dark-blue: #1D21F5;
    --c2-blue-text: #015FFF;
    --c2-dark: #2A3A4B;
    --c2-orange: #F8530C;
    --c2-red: #D12003;
    --c2-green: #8ACE26;
    --c2-dark-green: #1C848B;
    --c2-pink: #FBABC5; 
    --c2-yellow: #FAB427;
    --c2-extra-dark: #0B374F;
    --c2-dark-text: #5A6D8D;
    --tabs-content: #293A4C;
    --c2-gray: #DCE1EA;
      --c2-dark-text-second: #293A4C;
    --c2-light-green: rgb(138 206 38 / 20%);
    --c2-lighter-blue: rgb(1 95 255 / 20%);
    /*  themes  */
   --c2-teal:#1c848b;
   --c2-light-blue-fade: rgb(28 149 252 / 20%);
   --c2-dark-blue-fade: rgb(29 33 245 / 20%);
   --c2-teal-fade:rgb(28 132 139 / 20%);
   --c2-orange-fade: rgb(248 83 12 / 20%);
   --c2-red-fade: rgb(209 32 3 / 20%);
   --c2-pink-fade: rgb(251 171 197 / 20%);
   --c2-yellow-fade: rgb(250 180 39 / 20%);
   --c2-extra-dark-fade: rgb(11 55 79 / 20%);
    /* font */
    --font-inter: "Inter", sans-serif;
}
*{
    box-sizing: border-box;
}
body{
    padding: 0;
    margin: 0;
    font-family: var(--font-inter);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
  scroll-behavior: smooth;
}
img{
    max-width: 100%;
    height: auto;
}
a, p, li, span, button, strong{
    font-family: var(--font-inter);
}

/* typography */
h1, h2, h3, h4, h5, h6{
    margin: 0;
    font-weight: bold;
    color: var(--c2-dark);
    font-family: var(--font-inter);
}
h1, .h1{
    font-size: 4rem;
    line-height: 1.1;
    letter-spacing: -2.56px;
}
h2, .h2{
    font-size: 3.5rem;
    line-height: 1.1;
    letter-spacing: -1.12px;
}
h3, .h3{
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.8px;
}
h4, .h4{
    font-size: 1.875rem;
    line-height: 1.1;
    letter-spacing: -0.6px;
}
h5, .h5{
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0;
}
h6, .h6{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0;
}
p{
    font-size: 1.125rem;
    line-height: 1.6;
    margin-top: 0;
    font-weight: normal;
    letter-spacing: -0.36px;
}
/* --- btns -- */
.btn-c2{
    font-size: 1rem;
    line-height: 1.25rem;
    padding: .9rem 3.25rem;
    display: inline-block;
    background-color: var(--c2-blue);
    border: 1px solid var(--c2-blue);
    color: var(--white);
    border-radius: 100px;
    text-decoration: none;
    letter-spacing: -0.32px;
    transition: .32s;
}
.btn-c2:hover{
    opacity: .85;
}
.btn-dark{
    background-color: var(--c2-dark);
    border-color: var(--c2-dark);
}
.btn-gray{
    background-color: var(--c2-gray);
    border-color: var(--c2-gray);
    color: var(--c2-dark);
}
.btn-white{
    background-color: var(--white);
    border-color: var(--white);
    color: #293A4C;
}
.btn-dark:hover,
 .btn-dark:focus{
   background-color: var(--c2-dark); 
   border-color: var(--c2-dark);
   opacity: .85;
}
.btn-gray:hover,
  .btn-gray:focus{
    background-color: var(--c2-gray);
    border-color: var(--c2-gray);
}
/* --container--- */
.c2-container{
    max-width: 1200px;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    position: relative !important;
}
/* header css from old file style.min.css */

#c2p-header, 
.container-fluid .row-fluid .page-center {
  max-width: 1200px;
  float: none;
  margin: 0px auto;
  padding-left: 7px;
  padding-right: 7px;
}
#smart-nav ul>li a.cta_button {
    background: #005fff;
    border: 0;
    border-radius: 100px;
    color: #fff;
    padding: 7px 20px;
    font-weight: 600;
}
.header-container-wrapper .content-area .more img,
.header-container-wrapper .content-area .more {
  transition: .32s;
}
.header-container-wrapper .content-area .more:hover img {
  transform: translateX(6px);
  transition: .32s;
}
.header-container-wrapper .content-area {
  background-position: center;
  background-size: 103%;
  transition: background-size .32s;
}
.header-container-wrapper .content-area:hover {
    background-size: 110% !important;
    background-position: center;
    transition: background-size .32s;
}
#smart-nav ul>li.has-children>div.dropdown>ul>li>a:hover .submenu-head{
   color: var(--c2-blue-text);
}
#smart-nav ul>li.has-children>div.dropdown>ul>li>a .submenu-head {
  transition: .2s;
}
.homepage #homepage-banner {
    padding-top: 100px;
}
.progress-wrap {
  background: #425b76;
}
.progress-wrap .progress-bar {
  background: #005fff;
}
.container-fluid .row-fluid .page-center {
    padding: 8px;
}
.header-container-wrapper.scrolled .top-row {
    display: unset;
    transition: .4s;
    height: 0;
    min-height: 0;
}
.language-dropdown {
  position: absolute;
  padding: 16px 0;
  border-radius: 12px;
  font-weight: 600;
  color: #2a3a4b;
  font-family: Plus Jakarta Sans,sans-serif;
  font-size: 12px;
}
.language-dropdown a img {
  height: 16px;
  margin-right: 2px;
}
.header-container-wrapper {
  background-color: #fff;
  padding-bottom: 28px;
}
.header-container-wrapper.scrolled {
  padding-bottom: 0;
}
.language-dropdown a {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/2024/angle-small-down.svg) center right no-repeat;
  background-size: 9px;
  border-bottom: 0;
  padding-left: 10px;
  padding-right: 15px;
}

.language-dropdown-content {
  display: none;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 2px #ddd;
  position: absolute;
  z-index: 1000;
  padding: 10px;
  margin: 2px 0 0 0;
}
.language-dropdown-content a {
  background: none;
  border-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.bg-gray{
  background-color: #f5f7f8;
}
.dropdown-up .c2-container > .row-fluid-wrapper.row-number-4 {
  position: relative;
  z-index: 1;
}
#client-logos .client-logos .client img {
  object-fit: contain;
}
.b-slider.flickity-enabled.is-draggable .flickity-viewport {
  min-height: 40px !important;
}
@media (min-width: 1140px) {
.language-dropdown:hover .language-dropdown-content {
    display: block;
  }
}

@media (max-width: 1139px) {
  .lang_switcher_class {
    float: right;
    left: -60px;
    top: -21px;
  }
  
  .language-dropdown {
    top: 11px;
    right: 60px;
  }
  .inner-banner-section .form-news-letter{
    margin-top: 20px;
  }
}


/* ========== banner section ========= */
.banner-section{
    background-color: var(--c2-body-bg);
    padding-top: 6.0625rem;
    padding-bottom: 4.375rem;
}
.banner-section p{
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 500;
    max-width: 560px;
}
 .banner-section .full-width-img p{
  max-width: 100% !important;
  margin-top: 0 !important;
}
 .banner-section .full-width-img .hs-responsive-embed-wrapper {
   max-width: 100% !important;
   border-radius: 1.5rem;
}
.banner-section.home-banner p {
  max-width: 900px;
}
.banner-section h1{
    max-width: 900px;
    margin: 30px 0;
}
.banner-section h1 span{
    color: var(--c2-blue-text);
}
.banner-section .cta-wrapper{
    margin-bottom: 4rem;
}
.banner-section .btn-dark{
    margin-left: 1.25rem;
}
.box-card-small .hs-cta-embed,
.home-banner .button_cta2 .hs_cos_wrapper .hs-button{
  position: relative;
}
.home-banner .full-width-img .hs-embed-wrapper{
  max-width: 100% !important;
}
.banner-section .button_cta .cta_button {
  background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 85% 50% no-repeat;
  border: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding: .9rem 4rem .9em 3rem;
  display: inline-block;
  border: 1px solid var(--c2-blue);
  color: var(--white);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  margin: 20px 0px 30px;
  transition: .32s;
  min-width: 240px;
  max-width: 100%;
  box-sizing: border-box !important;
  white-space: nowrap;
}
.banner-section .button_cta2 .cta_button {
  text-align: center;
  min-width: 240px;
  max-width: 100%;
  position: relative;
  box-sizing: border-box !important;
  font-weight: 500;
}
.banner-section .button_cta2 .cta_button:after,
.box-card-small .hs-cta-embed:after,
.home-banner .button_cta2 .hs_cos_wrapper .hs-button:after{
  content: '';
  position: absolute;
  right: 40px;
  top: 16px;
  height: 20px;
  width: 20px;
  transition: .32s;
  background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) 85% 50% no-repeat;
  opacity: 0;
}
.banner-section .button_cta2 .cta_button:hover:after,
.box-card-small .hs-cta-embed:hover:after,
.home-banner .button_cta2 .hs_cos_wrapper .hs-button:hover:after{
    right: 30px;
    opacity: 1;
}
.banner-section.buyer-role .button_cta2 .cta_button:after {
   background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right-bl.svg) 85% 50% no-repeat; 
}
.banner-section .button_cta .cta_button:hover,
.banner-section .button_cta2 .cta_button:hover{
  background-position: 90% 50%;
  background-size: 15px 15px;
}
.banner-section .button_cta2 .cta_button {
  font-size: 1rem;
  line-height: 1.25rem;
  padding: .9rem 3.25rem;
  display: inline-block;
  background-color: var(--c2-dark);
  border-color: var(--c2-dark);
  color: var(--white);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  margin: 20px 0px 30px;
  font-weight: 500;
  transition: .32s;
}
.header-container-wrapper .logo img,
.header-container-wrapper.scrolled{
  transition: .4s;
}
.header-container-wrapper.scrolled .hs-cta-embed{
  margin: 5px 0;
}




/* .banner-section .cta_button.button_link {
  background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20Nov%202021/Coded%20Files/images/arrow-right-green.svg) 85% 50% no-repeat;
  border: 0;
  color: ;
  padding: 20px 60px 20px 5px;
  font-weight: bold;
  width: 100px;
  text-transform: uppercase;
}

.banner-section .cta_button.button_link:hover {
 background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20Nov%202021/Coded%20Files/images/arrow-right-green.svg) 90% 50% no-repeat;
} */
.banner-section .span4.button_cta,
.banner-section .span5.button_cta,
.banner-section .span4.button_cta2{
  max-width: 240px;
}
.banner-section.buyer-role .button_cta .hs-cta-embed,
.banner-section.buyer-role .button_cta2 .hs-cta-embed,
.banner-section .button_cta2 .hs-cta-embed{
  position: relative;
  margin-bottom: 20px;
  transition: .4s;
}
.get-in-touch-links .hs-cta-embed {
  position: relative;
  transition: .4s;
}
.banner-section.buyer-role .button_cta .hs-cta-embed:after,
.get-in-touch-links .hs-cta-embed:after{
    content: "";
    height: 30px;
    position: absolute;
    right: 30px;
    top: 12px;
    width: 30px;
    transition: .4s;
    background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) 85% 50% no-repeat;
}
.banner-section.buyer-role .button_cta .hs-cta-embed:hover:after,
.get-in-touch-links .hs-cta-embed:hover:after{
  right: 20px;
}
.banner-section.buyer-role .button_cta2 .hs-cta-embed:after,
.banner-section .button_cta2 .hs-cta-embed:after {
    content: "";
    height: 30px;
    position: absolute;
    right: 30px;
    top: 12px;
    width: 25px;
    transition: .4s;
    opacity:0;
    background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) 85% 50% no-repeat; 
}
.banner-section.buyer-role .button_cta2 .hs-cta-embed:hover:after,
.banner-section .button_cta2 .hs-cta-embed:hover:after {
  right: 20px;
  opacity: 1;
}
.banner-section.buyer-role .button_cta .hs-cta-embed .interactive-button,
.get-in-touch-links .hs-cta-embed a,
.hs-cta-embed a{
    border-bottom: none !important;
}
.banner-section .button_cta .hs-cta-embed a,
.banner-section .button_cta2 .hs-cta-embed a{
    border-bottom-color: transparent !important;
}
.richtext-responsive .hs-responsive-embed-wrapper{
  max-width: 100% !important;
  border-radius: 1.5rem;
  min-width: auto !important;
}
.get-in-touch-links.upd-img-box {
  padding: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.banner-section .row-fluid .button_cta2 {
  margin-left: 0 !important;
}
.banner-section.buyer-role .full-width-img {
  margin-top: 25px;
}

.banner-section.insurance h1,
.banner-section.insurance p {
  max-width :100%;
}

.banner-section.insurance h6 {
  color: var(--c2-blue-text);
}

/* ============ full-width-trwo-col =========== */
.full-width-trwo-col{
    background-color: var(--c2-blue-text);
    color: var(--white);
    padding-top: 30px;
}
.full-width-trwo-col h2{
    color: var(--white);
}
.full-width-trwo-col img{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    vertical-align: bottom;
}
.full-width-trwo-col .btn-c2,
#hs_cos_wrapper_widget_1773903839825_ .btn-c2 {
    background-color: var(--white);
    color: var(--c2-blue-text);
    padding-top: .58rem;
    padding-bottom: .58rem;
    font-weight: 500;
    margin-bottom: 30px;
}
.full-width-trwo-col h2{
    margin-bottom: 22px;
}

/* ======= carousel-full-width section ======= */
.carousel-full-width{
    padding-top: 60px;
    padding-bottom: 50px;
}
.carousel-full-width h2{
    margin-bottom: 25px;
}
.carousel-full-width p{
    color: var(--c2-dark-text)
}
.brand-card{
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    height: 520px;
    aspect-ratio: 2.2 / 3;
    margin: 0 15px;
}
.brand-card .card-text-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background: -webkit-linear-gradient(90deg, black, transparent);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.brand-card .inner-box{
    padding: 33px;
    color: var(--white);
}
.brand-card .inner-box p{
    text-align: left;
    color: var(--white);
}
.brand-card .inner-box img{
    max-width: 200px;
    height: 52px;
    object-fit: contain;
    object-position: left;
    margin-left: 0;
    display: block
}
.brand-card .inner-box img[src=""],
.brand-card .inner-box p:empty{
  display: none;
}
.brand-card p{
    font-size: 1rem;
    margin-bottom: 1.45rem;
}
.b-slider {
/*     overflow-x: hidden; */
    min-width: 100%;
    outline: 0;
    margin-top: 62px;
  }
 
  .b-slider__slide {
    text-align: center;
    /* width: 30rem;
    height: 8rem; */
    display: flex;
    align-items: center;
  }
  .b-slider__ref {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .b-slider__ref:hover .b-slider__img {
    filter: unset;
  }
.popup-anchor{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
#client-logos .flickity-slider {
  display: flex;
  align-items: center;
}

/* --- logo slider on schedule a demo page --- */
.schedule-logo-slider{
  background-color: #f5f7f8;
}
.schedule-logo-slider .b-slider{
    padding-bottom: 62px;
    margin-top: 0;
}
/* ======== two-col-links-w-text ======== */
.two-col-links-w-text{
    background-color: var(--c2-body-bg);
    padding-top: 70px;
    padding-bottom: 77px;
}
.two-col-links-w-text.insurance {
    background-color: var(--white);
    padding-top: 70px;
    padding-bottom: 77px;
}

.two-col-links-w-text.insurance .light-column {
   background-color: var(--c2-body-bg);
   position: relative;
   padding: 0;
}

.two-col-links-w-text.insurance .light-column .inner-cnt {
  padding: 2rem 2rem 0 2rem
}

.two-col-links-w-text.insurance .dark-column {
   position: relative;
   padding: 0;
}

.two-col-links-w-text.insurance .dark-column .inner-cnt {
  padding: 2rem 2rem 0 2rem
}

.two-col-links-w-text.insurance .light-column img,
.two-col-links-w-text.insurance .dark-column img {

}

.two-col-links-w-text.insurance .light-column a,
.two-col-links-w-text.insurance .dark-column a {
    background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 85% 50% no-repeat;
  border: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: .9rem 4rem .9em 3rem;
  display: inline-block;
  border: 1px solid var(--c2-blue);
  color: var(--white);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  transition: .32s;
}

.two-col-links-w-text.insurance .light-column a:hover,
.two-col-links-w-text.insurance .dark-column a:hover {
 background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 90% 50% no-repeat;
}

.cell_17739138739353-background-layers,
.cell_17739138739354-background-layers {
      border-radius: 1.5rem;
}

.cell_17739138739353-background-layers a,
.cell_17739138739354-background-layers a {
    background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 85% 50% no-repeat;
  border: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: .9rem 4rem .9em 3rem;
  display: inline-block;
  border: 1px solid var(--c2-blue);
  color: var(--white);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  transition: .32s;
}

.cell_17739138739353-background-layers a:hover,
.cell_17739138739354-background-layers a:hover {
 background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 90% 50% no-repeat;
}

.two-col-links-w-text .dark-column{
    background-color: #09080D;
    padding: 2rem 2rem 0 2rem;
    border-radius: 1.5rem;
    color: var(--white);
    margin-top: 60px;
    overflow: hidden;
}
.two-col-links-w-text .dark-column span.hs_cos_wrapper {
  display: block;
  height: 100%;
}

.two-col-links-w-text .dark-column span.hs_cos_wrapper hr{
  display: none;
}
.two-col-links-w-text h2{
    margin-bottom: 2rem;
}
.two-col-links-w-text p{
    color: var(--c2-dark-text);
}
.dark-column h3{
    color: var(--white);
}
.dark-column h3,
.light-column h3{
    margin-bottom: 1.25rem;
}
.dark-column p{
    color: #B9C3D3;
}
.light-column p{
    color: var(--c2-dark-text);
}
.dark-column .links-wrap{
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 2.5rem;
}
.dark-column .links-wrap ul,
.box-link-wrap{
    padding: 0;
    margin: 0;
    list-style: none;
}
.dark-column .links-wrap ul li{
    display: inline-block;
}
.dark-column .links-wrap a{
    padding: 14px 19px;
    background-color: var(--c2-blue);
    color: var(--white);
    display: inline-block;
    margin: 10px 8px;
    text-decoration: none;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    min-width: 115px;
    text-align: center;
    transition: .4s;
    border: 0;
}
.links-wrap a:after{
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    height: 7px;
    width: 7px;
    border-top: 2px solid var(--white);
    border-right: 2px solid var(--white);
    transform: rotate(45deg) translate(-50%, 0%);
    transition: .4s;
    opacity: 0;
}
.links-wrap a:hover,
.links-wrap a:focus{
  background-color: var(--c2-blue);
}
.links-wrap a:hover:after{
    right: 10px;
    opacity: 1;
}
.dark-column .links-wrap a span{
    display: inline-block;
    transition: .4s;
}
.dark-column .links-wrap a:hover span{
    transform: translateX(-8px);
}
.dark-column .image-box{
/*     background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/dark-col-img2.jpg);
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat; */
    min-height: 400px;
}
.box-link-wrap {
    gap: 20px;
    margin-top: 45px;
}
.box-link-wrap li:nth-child(2) .icon-box{
    background-image: url('img/icons/icon-lm.svg');
}
.box-link-wrap li:nth-child(3) .icon-box{
    background-image: url('img/icons/icon-dc.svg');
}
.box-link-wrap li:nth-child(4) .icon-box{
    background-image: url('img/icons/icon-qa.svg');
}
.box-link-wrap li:nth-child(5) .icon-box{
    background-image: url('img/icons/icon-ch.svg');
}
.box-link-wrap li:nth-child(6) .icon-box{
    background-image: url('img/icons/icon-et.svg');
}
.box-link-wrap li:nth-child(7) .icon-box{
    background-image: url('img/icons/icon-t.svg');
}
.box-link-wrap li:nth-child(8) .icon-box{
    background-image: url('img/icons/icon-c2c.svg');
}
.box-link-wrap li:nth-child(9) .icon-box{
    background-image: url('img/icons/icon-c2v.svg');
}

.two-col-links-w-text .light-column{
    padding: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
    margin-top: 60px;
}
.box-link-wrap{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.box-link-wrap a{
    background-color: var(--c2-body-bg);
    padding: 20px;
    display: inline-block;
    width: 100%;
    border-radius: 20px;
    text-decoration: none;
    position: relative;
    transition: .4s;
    overflow: hidden;
    z-index: 1;
    border: 0;
}
.box-link-wrap a:focus{
    background-color: var(--c2-body-bg);
}
.box-link-wrap a:hover .text-box{
    color: var(--white);
}
.box-link-wrap a:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  background-color: #fff;
  height: 0;
  width: 0;
  z-index: -1;
  transition: .4s;
}
.box-link-wrap a:hover:before {
  height: 100%;
  width: 100%;
  background-color: #293a4c;
}

.icon-box{
    height: 60px;
    width: 60px;
    display: block;
    margin-bottom: 18px;
    border-radius: 10px;
    background-image: url('img/icons/icon-km.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.text-box{
    color: var(--c2-dark);
    font-weight: 700;
    display: block;
    min-height: 40px;
    font-size: 15px;
    transition: .4s;
}

/* ======== two-col-alternative-rows ========= */
.two-col-alternative-rows{
    padding-top: 10px;
    padding-bottom: 60px;
}
.two-col-alternative-rows .inner-rows{
    margin-top: 60px;
}
.two-col-alternative-rows .content-col{
    background-color: var(--c2-body-bg);
    border-radius: 1.5rem;
    padding: 2rem 2rem 3rem 2rem;
    height: 100%;
}
.two-col-alternative-rows .content-col p{
    color: var(--c2-dark-text);
}
.two-col-alternative-rows .img-col{
    display: flex;
    height: auto;
}
.two-col-alternative-rows .img-col img{
    border-radius: 1.5rem;
    object-fit: cover;
    margin-bottom: 0;
    transition: .4s;
    margin-top: 0;
}
.two-col-alternative-rows .img-col .hs_cos_wrapper_type_linked_image {
  border-radius: 1.5rem;
  overflow: hidden;
   transition: .6s;
}
.two-col-alternative-rows .img-col .hs_cos_wrapper_type_linked_image:hover img {
  transform: scale(1.04);
}
.content-col h5{
    color: var(--c2-blue-text);
    margin-top: 20px;
    margin-bottom: 40px;
}
.content-col .btn-c2{
    margin-top: 50px;
    padding: .58rem 2rem;
    font-weight: 500;
}
.full-width-trwo-col .content-col .btn-c2 {
  margin-top: 0;
}
.align-self-end {
  align-self: end;
}
/* ========== three-col-post ========= */
.three-col-post{
    background-color: var(--c2-body-bg);
    padding-top: 60px;
    padding-bottom: 60px;
}
.three-col-post.insurance {
    background-color: var(--white);
}
.three-col-post h2{
    margin-bottom: 1rem;
}
.three-col-post p{
    color: var(--c2-dark-text);
}
.three-col-post .blog-pagination .next-posts-link { 
    border-radius: 30px;
    padding: 10px 45px;
    text-align: center;
    text-transform: none;
    background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 75% 50% no-repeat;
}
.three-col-post .blog-pagination .previous-posts-link {
    border-radius: 30px;
    padding: 10px 45px;
    text-align: center;
    text-transform: none;
}
.three-col-post .blog-pagination .next-posts-link:hover{
  background-position: 80%;
}
.card-post{
    padding: 10px;
    background-color: var(--white);
    border-radius: 1.5rem;
    transition: .4s;
}
.three-col-post .card-post,
.dnd_area-row-7-background-layers .card-post {
    background-color: var(--c2-body-bg);
}
.card-post:hover{
    box-shadow: 0px 3px 11px -2px #e1e1e1;
}
.card-post img{
    border-radius: 18px;
    margin-bottom: 20px;
    display: block;
    width:100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}
.card-post:hover img {
  transform: scale(1.056);
}
.card-post .card-text{
    padding: 18px;
}
.card-post .card-text p{
    color: #7F8DA5;
    font-size: 14px;
    letter-spacing: -0.28px;
    margin-top: 20px;
    margin-bottom: 60px;
}
.three-col-post .card-post .btn-c2{
  padding: 0.6rem 2rem;
}
.card-post.dark-cta-post .btn-gray{
   background-color: var(--c2-dark); 
   border-color: var(--c2-dark);
   color: var(--white);
}
.card-post .card-text a{
    font-weight: 600;
}
.card-post .card-text h6,
.card-post .blog-content h5{
    letter-spacing: -0.28px;
}
.post-listing .card-post .blog-content h2,
.post-listing .card-post .blog-content h3{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}
.post-listing .blog-post .blog-image {
  border-radius: 18px;
  overflow: hidden;
}
.intro-row{
    margin-bottom: 50px;
}
.cta-down-position {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.cta-down-position .hs-button {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: .9rem 3.25rem;
    display: inline-block;
    position: relative;
    background-color: var(--c2-dark);
    border-color: var(--c2-dark);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg);
    background-position: 85% center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    padding-right: 4rem;
    color: var(--white);
    font-weight: 500;
    border-radius: 100px;
    text-decoration: none;
    letter-spacing: -0.32px;
    margin-bottom: 18px;
    transition: .32s;  
}

.cta-down-position .hs-button:hover {
    background-position: 90% center;
}
.three-col-post .row-number-3>.row-fluid, 
.three-col-post .row-number-7>.row-fluid,
.three-col-post .row-number-17>.row-fluid{
  margin-bottom: 32px;
}

.home-banner .button_cta2 .hs_cos_wrapper{
  text-align: center;
}
.home-banner .button_cta2 .hs_cos_wrapper:has(.hs-button){
  margin-top: 20px;
}
.home-banner .button_cta2 .hs_cos_wrapper .hs-button {
  border-bottom: none !important;
  border-radius: 45px;
  min-width: 240px;
}
/* \\\\\\\ ==== module page ==== \\\\\\\\ */

/* ============ banner section for dynamic coaching =========== */

.banner-section.coaching .button_cta .cta_button {
  background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-green) 85% 50% no-repeat;
  border: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: .9rem 4rem .9em 3rem;
  display: inline-block;
  border: 1px solid var(--c2-green);
  color: var(--white);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  transition: .32s;
}

.banner-section.coaching .button_cta .cta_button:hover {
 background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-green) 90% 50% no-repeat;
}

.banner-section.coaching .button_cta2 .cta_button {
  font-size: 1rem;
  line-height: 1.25rem;
  padding: .9rem 4.25rem;
  display: inline-block;
  background-color: var(--c2-light-green);
  border-color: var(--c2-light-green);
  color: var(--c2-green);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  border-bottom-color: transparent;
  font-weight: 500;
  transition: .32s;
}
.banner-section.coaching .button_cta2 .cta_button:hover{
  background-position: 90% 50%;
}
.banner-section.coaching .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right-gr.svg) 85% 50% no-repeat;
}


.banner-section.buyer-role .button_cta2 .cta_button {
  font-size: 1rem;
  line-height: 1.25rem;
  padding: .9rem 4.25rem;
  display: inline-block;
  background-color: var(--c2-lighter-blue);
  border-color: var(--c2-lighter-blue);
  color: var(--c2-blue-text);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  border-bottom-color: transparent;
  font-weight: 500;
  transition: .32s;
}

.banner-section.coaching p{
    max-width: 1060px;
}
.banner-section.coaching .cta-wrapper{
    margin-top: 50px;
    margin-bottom: 58px;
}
.banner-section.coaching img{
    border-radius: 20px;
}
.icon-bar .icon-box{
    border-radius: 14px;
    background-color: var(--c2-light-green);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/dynamic-c.svg);
    background-size: 31px 31px;
    background-position: center center;
    margin-bottom: 0;
}
.icon-bar {
    display: flex;
    align-items: center;
}
.icon-bar strong{
    display: block;
    color: var(--c2-green);
    margin-left: 17px;
}

/* =========== three-col-post blog-coaching ========== */
.three-col-post.blog-coaching{
    background-color: var(--white);
}

.blog-coaching .card-post{
    background-color: var(--c2-body-bg);
}
.article-full-length{
    padding-top: 70px;
    padding-bottom: 70px;
}
.article-full-length h3{
    font-size: 1.5rem;
    margin-bottom: 30px;
}
.article-full-length h4{
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: #015FFF;
}
.article-full-length p {
    font-size: 1rem;
    color: #5A6D8D;
}
.article-full-length h5{
    font-size: 1rem;
    color: #293A4C;
 }
.article-full-length .span4 .box-card-small{
  margin-bottom: 30px;
 }
.article-full-length h2{
  margin-bottom: 20px;
}
.article-full-length .box-card-small .img-display{
  min-height: auto;
}
.article-full-length .span8 table{
   width: 100%;
   max-width: 100%;
}
.article-full-length .span8 table tr td{
  width: auto;
}
/* =========== two-col-zigzag ======= */
.two-col-zigzag{
    background-color: var(--c2-body-bg);
}
.two-col-zigzag h2{
    margin-bottom: 25px;
}
.two-col-zigzag p{
    color: var(--c2-dark-text);
}

.bg-white-box{
    background-color: var(--white);
    border-radius: 1.5rem;
    padding: 15px;
    margin-top: 30px;
}
.bg-white-box .info-box{
    padding: 17px 15px 0 15px;
}
.bg-white-box .info-box p{
    font-size: 1rem;
    margin-top: 18px;
}
.bg-white-box img{
  border-radius: 20px;
}
.bg-black-box{
    background-color: #09080D;
    color: var(--white);
    border-radius: 1.5rem;
    margin-top: 30px;
    overflow: hidden;
}
.bg-black-box .dark-info-box{
    padding: 2rem;
}
.bg-black-box .cta_button {
  background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 85% 50% no-repeat;
  border: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding: .9rem 4rem .9em 3rem;
  display: inline-block;
  border: 1px solid var(--c2-blue);
  color: var(--white);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  transition: .32s;
}

.bg-black-box .cta_button:hover {
 background:url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 90% 50% no-repeat;
}

.bg-black-box h4{
    font-size: 1.75rem;
    color: var(--white);
    letter-spacing: -0.56px;
}
.bg-black-box p{
    color: var(--white);
    margin-top: 20px;
}
.bg-white-box .info-box h4{
    font-size: 1.5rem;
}
.dark-cta-img{
/*     background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/demo-man.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    background-color: #09080D;
    min-height: 300px;
}
.bg-green-box{
    background-color: var(--c2-green);
    padding: 80px 26px 32px 45px;
    border-radius: 1.5rem;
    color: var(--white);
    margin-top: 30px;
}
.bg-green-box h4{
    font-size: 30px;
    line-height: 1.35;
    color: var(--white);
    margin-bottom: 4rem
}
.bg-green-box .designation{
    display: block;
    font-weight: 700;
}
.green-overlay-box{
    margin-top: 30px;
    border-radius: 1.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
/*     background-image: url('img/blog1.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 2rem;
    position: relative;
    overflow: hidden;
}
.green-overlay-box::before{
    content: '';
    background-color: rgb(138 206 38 / 60%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.green-overlay-box img{
    position: relative;
    object-fit: cover;
    z-index: 3;
}
.img-col-quotes .row-fluid-wrapper ,
.img-col-quotes .hs_cos_wrapper_type_module {
  display: flex;
  height: 100%;
}
.green-overlay-box.f-image .bg-img-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.green-overlay-box.f-image .bg-img-box img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

/* ======= four-col-feature ====== */
.four-col-feature{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: var(--c2-body-bg);
}
.feature-box{
    padding: 50px 18px 10px;
    background-color: var(--white);
    border-radius: 1.5rem;
    transition: .4s;
}

.feature-box h5{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.four-col-feature h2{
    margin-bottom: 3rem;
}
.feature-box p{
  font-size: 1rem;
  line-height: 26px;
  color: #7F8DA5;
}
.feature-box:hover {
  transform: translate(0, -10px);
}
.feat-icon{
    height: 5rem ;
    width: 8rem;
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/feat-bulb.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 36px;
}
.fi-2 .feat-icon{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/feat-rocket.svg);
}
.fi-3 .feat-icon{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/feat-notes.svg);
}
.fi-4 .feat-icon{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/feat-3d-pen.svg);
}

/* ======== news letter section ====== */
.gray-box-news-letter{
    background-color: var(--c2-body-bg);
    border-radius: 1.5rem;
    padding-top: 34px;
    padding-right: 34px;
    padding-left: 36px;
    margin-bottom: 5rem;
}
.gray-box-news-letter h4{
    font-size: 1.5rem;
    max-width:700px;
}
.form-news-letter .btn-c2{
    padding: 0.6rem 3rem;
    cursor: pointer;
}
.form-news-letter p{
    color: var(--c2-dark-text);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}
.form-news-letter form{
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 540px;
    margin-left: 0;
    position: relative;
}
.gray-box-news-letter .form-news-letter form {
  margin-top: 0;
  margin-bottom: 0;
}
.form-news-letter .hs_email {
    max-width: 100%;
    width: 100%;
    margin-right: 40px;
    margin-top: 5px;
}
.form-news-letter .hs_cos_wrapper_type_text{
    color: #5A6D8D;
    font-size: 12px;
}
.form-news-letter .hs_email input[type="email"]{
    padding: 10px 8px 10px 0 !important;
    border: none;
    border-bottom: 2px solid #293A4C;
    border-radius: 0;
    background-color: transparent;
    color: #293A4C;
    font-weight: 700;
}
.form-news-letter .hs_email input[type="email"]::-webkit-input-placeholder{
    color: #293A4C;
    font-weight: 700;
}
.form-news-letter .hs_email input[type="email"]:focus{
   border: none;
   border-bottom: 2px solid #293A4C;
}
.form-news-letter .hs_submit {
    margin:0;
}
.form-news-letter .hs_submit input[type="submit"]{
    margin: 0;
    padding: 10px 40px;
     border-radius: 50px !important;
     border: none !important;
    font-weight: 600;
   font-family: Inter, sans-serif;
}
.inner-banner-section .form-news-letter .hs_submit input[type="submit"] {
    margin-top: 0!important;
} 
.inner-banner-section .form-news-letter .hs-email label:not(.hs-error-msg){
    display: none;
}
.form-news-letter form .hs_error_rollup{
    width: 100%;
    position: absolute;
    bottom: -18px;
    left: 0;
    text-align: left;
}

.inner-banner-section .form-news-letter form {
    margin: 0;
}
.input-wrap {
    position: relative;
    width: 311px;
    margin-right: 3rem;
  }
  .input-wrap input {
    border: none;
    border-bottom: 2px solid var(--c2-dark-text-second);
    width: 100%;
    font-size: 1rem;
    padding: 0.7rem 0.5rem;
    color: var(--c2-dark-text-second);
    background: transparent;
    outline-color: transparent;
    box-shadow: none;
  }
  .input-wrap input::-webkit-input-placeholder{
    color: transparent;
  }
  .input-wrap label {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 4px;
    font-weight: 700;
    color: var(--c2-dark-text-second);
    font-size: 1rem;
    pointer-events: none;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
  }
  .input-wrap input:focus-visible{
    outline-color: transparent;
    outline-width: 0;
  }
  .input-wrap input:focus + label,
.input-wrap input:not(:placeholder-shown) + label {
    font-size: .875rem;
    top: 0;
    padding: 0 4px;
    color: var(--c2-dark-text-second);
    background: var(--c2-body-bg);
  }

.form-news-letter{
    padding-bottom: 25px;
}
.news-img img{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/* \\\\\\\ ==== buyer role page ==== \\\\\\\\ */

/* ======= banner-section buyer-role ======== */
.banner-section.buyer-role .icon-box{
    background-color: var(--c2-lighter-blue);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/icon-buyer-role.svg);
}
.banner-section.buyer-role .icon-bar strong{
    color: var(--c2-blue-text);
}
.tick-list {
    list-style-type: none;
    padding: 10px 30px 35px 30px;
    margin-bottom: 20px;
}
.tick-list li {
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/check-blue.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #293A4C;
}
.text-with-list p{
    font-size: 1rem;
    margin-top: 6.5rem;
}
.text-with-list .tick-list{
    margin-top: 5.25rem;
    padding-left: 0;
}
.text-with-list .tick-list li{
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.tick-list.with-blue-bg {
  padding:0;
}
.tick-list.with-blue-bg ul {
    padding: 40px 40px 40px 39px;
    background-color: var(--c2-blue);
    border-radius: 24px;    
    margin-bottom: 20px;
    list-style: none;
}
.tick-list.with-blue-bg ul li {
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/check-white.svg);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.tick-list.verified {
    padding: 10px 30px 10px 1px;
    margin-bottom: 0;
}
.tick-list.verified ul{
  list-style: none; 
  padding: 10px 30px 10px 1px;
  margin-bottom: 0;
}
.tick-list.verified li{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/check-verfied.svg);
    font-size: 1rem;
}
.banner-section.buyer-role .tick-list {
  margin-top: 4rem;
  padding-left: 0;
}
.banner-section.buyer-role .tick-list li {
  font-size: 1rem;
  font-weight: 700;
}
.banner-section.buyer-role .hs_cos_wrapper_type_rich_text  p{
  margin-top: 4rem;
}



/* ======== tabs section ====== */
.big-tabs-section{
    padding-top: 3.25rem;
    padding-bottom: 4rem;
}
#tabs-content{
    height: 100%;
    padding: 2rem 4rem;
    background-color: var(--c2-dark-text-second);
    border-radius: 1.5rem;
    text-align: center;
    position: relative;
}
.big-tabs-section .tabs-wrap {
    list-style: none;
    margin: 0;
    overflow: auto;
    background-color: var(--c2-body-bg);
    border-radius: 1.5rem;
    padding: 15px;
}
.big-tabs-section ul#tabs-nav li {
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 8px 10px;
    cursor: pointer;
    border-radius: 1rem;
    transition: .4s;
}
.big-tabs-section ul#tabs-nav li:not(:last-child){
    margin-bottom: 10px;
}
.big-tabs-section .tabs-wrap li:hover,
.big-tabs-section .tabs-wrap li.active {
    background-color: var(--white);
}
.big-tabs-section .tabs-wrap li a {
    text-decoration: none;
    color: var(--c2-dark-text);
    border: none;
}
.big-tabs-section .tab-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.big-tabs-section .tab-content  img{
    border-radius: 1.5rem;
    /* height: 100%; */
}
.big-tabs-section p{
    color: var(--c2-dark-text);
}
.big-tabs-section h2{
    margin-bottom: 30px;
}
.tabs {
  display: flex;
  flex-wrap: wrap;
}
.tabs-col {
    margin-top: 50px;
}
.tabs-wrap a{
    padding: 57px 10px 40px 30px;
    display: block;
}
.tabs-wrap a h4{
    color: var(--c2-blue-text);
    font-size: 1.5rem;
    letter-spacing: -0.48px;
    margin-bottom: 15px;
}
.tabs-wrap a p{
    font-size: 1rem
}

.blue-shade-quote-image{
    padding-bottom: 60px;
}

/* blue boxs with overlay  */
.bg-green-box.blue-shade{
    background-color: var(--c2-blue-text);
}
.green-overlay-box.blue-shade-overlay:before{
    background-color: rgb(0 95 255 / 60%);
}
.bg-green-box.blue-shade,
.green-overlay-box.blue-shade-overlay {
  margin: 0;
}

/* ====== inner-banner-section ======= */
.inner-banner-section{
    background-color: var(--c2-body-bg);
    padding-top: 6.0625rem;
    padding-bottom: 3.125rem;
}
.inner-banner-section p{
    color: #293A4C;
    margin-bottom: 30px;
}
.two-col-text-image .blog-author_content{
    color: var(--c2-blue-text);
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: -0.32px;
  }
  .two-col-text-image{
    padding-top: 6.0625rem;
    background-color: var(--c2-body-bg);
  }
  .two-col-text-image img{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
.two-col-text-image h1{
    margin-bottom: 4rem;
}
.two-col-text-image{
    background-color: var(--c2-body-bg);
}
.two-col-text-image p{
    font-size: 1rem;
    color: #5A6D8D;
    max-width: 534px;
}
.two-col-text-image p span{
  color: inherit;
}
.two-col-text-image .blog-author_photo,
.two-col-text-image .blog-author_content{
  margin-bottom: 31px;
}
.integration-section{
    background-color: var(--c2-body-bg);
   padding-bottom: 69px;
    margin-bottom: 70px;
}
.integration-section .bg-black-box{
    margin-top: 0;
}
.inner-banner-section .inner-banner-text p{
  font-weight: 500;
  max-width: 867px;
}

/* /////////======== Resources - company page  ========///////////// */
/* ===== stated-section ===== */
.stated-section{
    background-color: var(--c2-body-bg);
    padding-bottom: 4.375rem;
}
.stated-section p:not(.dark-info-box p, .bg-white-box p){
    color: var(--c2-dark-text-second);
    font-weight: 500;
}
.stated-section h2{
    margin-bottom: 50px;
}
.stated-section .bg-white-box h5{
    font-size: 1rem;
    color: var(--c2-blue-text);
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 30px;
    letter-spacing: -0.32px;
}
.stated-section .bg-white-box p{
    color: var(--c2-dark-text)
}
.stated-section .bg-white-box img{
    display: block;
    margin: 20px auto 28px;
}
.stated-section .tick-list{
   padding: 0;
   margin-top: 3.75rem;
}
.stated-section .tick-list li{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/star-check.svg);
    margin-bottom: 1rem;
    letter-spacing: -0.32px;
}

/* ========= three-col-cards ========= */
.three-col-cards{
    background-color: var(--c2-body-bg);
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.card-img-h{
    padding: 8px;
    border-radius: 1.5rem;
    background-color: var(--white);
    text-align: center;
    transition: .4s;
}
.card-img-h img{
    height: 295px;
    object-fit: contain;
    object-position: center;
    transition: .4s;
}
.card-img-h .card-content{
   padding: 0.7rem 1rem 1.3rem;
}
.card-img-h h4{
    font-size: 1.5rem;
    margin-bottom: 15px;
    text-align: left;
}
.card-img-h p{
    font-size: 1rem;
    color: var(--c2-dark-text);
    text-align: left;
}
.card-img-h .hs_cos_wrapper_type_linked_image{
    overflow: hidden;
    display: block;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.card-img-h:hover img {
    transform: scale(1.05);
    transition: .4s;
}

.hs-submit input[type="submit"]{
  font-family: var(--font-inter);
}
.c2-container .hs-video-wrapper iframe{
  border-radius: 20px;
}

/* ========= c2 index page  ========= */
.sub-form-w-large-image{
    background-color: var(--c2-body-bg);
    padding-bottom: 77px;
}

.sub-form-w-large-image .btn-dark2{
    text-align: center;
    width: 100%;
}
.c2pindex-subscribe{
    padding: 2rem;
    padding-bottom: 1.6rem;
    border-radius: 1.5rem;
    background-color: var(--white);
}
.c2pindex-subscribe p{
    font-size: 0.625rem;
    color: var(--c2-dark-text);
    margin: 0;
}
.c2pindex-subscribe h2{
    font-size: 2.25rem;
}
.c2pindex-subscribe .btn-arrow {
    margin-top: 30px;
    margin-bottom: 30px;
    min-width: 240px;
    text-align: center;
 }
.c2pindex-subscribe .legal-consent-container {
   text-align: left;
   color: #5A6D8D;
}
.c2pindex-subscribe .actions input[type="submit"] {
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg);
    background-position: 90% center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    font-family: var(--font-inter);
}
.c2pindex-subscribe .actions input[type="submit"]:hover {
    background-position: 95%;
}

.download-col .download_button .hs-button {
    border-radius: 50px;
    background-image: none;
    padding: 13px 50px;
    text-transform: none;
    font-weight: 500;
}

.sub-form-w-large-image .c2p-index-details{
    margin-top: 30px;
}
.c2p-index-details{
    padding: 2rem;
    padding-bottom: 1.6rem;
    border-radius: 1.5rem;
    background-color: var(--white);
}
.c2p-index-details h4{
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.c2p-index-details p {
    margin-bottom: 30px;
    font-size: 1rem;
    color: var(--c2-dark-text);
  }
.c2p-index-details p:last-child{
    margin-bottom: 0px;
}
.c2p-index-details p span{
    color: var(--c2-blue-text);
    font-weight: bold;
}

/* schedule demo  - banner */
.box-card-container-horizontal {
    background-color: #09080D;
    color: #FFFFFF;
    border-radius: 1.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}

.box-card-container-horizontal .box-info-horizontal {
    padding: 30px;
    flex: 1;
}

.box-card-container-horizontal h4 {
    font-size: 1.5rem;
    color: inherit;
}

.box-card-container-horizontal p {
    margin-top: 18px;
    margin-bottom: 33px;
    font-size: 1.125rem;
    color: #FFFFFF;
}

.box-card-container-horizontal .box-img-horizontal img {
    max-height: 280px;
    border-radius: 18px;
    object-fit: contain;
}
@media screen and (max-width:900px){
    .box-card-container-horizontal {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .box-card-container-horizontal p{
        margin-bottom: 18px;
    }
}


/* ///////// ======= resource inegration page  ======= ///////// */

/* === integration-card-wrap ==== */
.integration-card-wrap{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}
.intgration-card{
    background-color: var(--white);
    border-radius: 24px;
    padding: 20px;
    min-height: 280px;
    position: relative;
    transition: .4s;
    z-index: 1;
    overflow: hidden;
}
.intgration-card h3{
    font-size: 1.5rem;
    color: var(--c2-dark);
    margin-bottom: 12px;
    letter-spacing: -0.48px;
}
.intgration-card p{
    font-size: 1rem;
    color: var(--c2-dark-text);
    margin-bottom: 12px;
}
.intgration-card img{
    display: block;
    height: 60px;
    width: 60px;
    object-fit: contain;
    margin-bottom: 30px;
}
.stated-section.integration .bg-black-box{
    margin-top: 0;
}
.intgration-card:after {
    background-color: #04363c14;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    transition: .4s;
    width: 0;
    transform: translate(50%, 50%);
    border-radius: 50%;
    z-index: -1;
}
.intgration-card:hover:after {
    height: 80%;
    width: 80%;
    border-radius: 50%;
}
.intgration-card:hover {
  transform: translate(0, -10px);
}

/* Default button style */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: .9rem 3.25rem;
    display: inline-block;
    background-color: var(--c2-blue);
    border: 1px solid var(--c2-blue);
    color: var(--white);
    font-weight: 500;
    border-radius: 100px;
    text-decoration: none;
    letter-spacing: -0.32px;
    box-shadow: none;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  background-color: var(--c2-blue);
  color: #ffffff;
  box-shadow: none;
}


/* Contact form */

.form-and-links{
  background-color: var(--c2-body-bg);
  padding-bottom: 77px;
}

.get-in-touch-form{    
    padding: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
    padding-bottom: 27px;
}
.get-in-touch-form h5{
    margin-bottom: 2px;
    font-size: 1.5rem;
    font-weight: 700;
}
.get-in-touch-form p{
    font-size: 1rem;
    color: var(--c2-dark-text);
    margin-bottom: 12px;
}
.get-in-touch-form .terms {
    font-size: 0.625rem;
    padding-left: 17px;
    margin-top: 7px;
}
.get-in-touch-form .btn-arrow {
    min-width: 240px;
    text-align: center;
  }
.get-in-touch-links{
    padding: 2rem;
    padding-bottom: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
    margin-bottom: 30px;
} 
.get-in-touch-links h5{
    font-size: 1.5rem;
    font-weight: 700;
}
.get-in-touch-links p{
    font-size: 1rem;
    color: var(--c2-dark-text);
}
.get-in-touch-links .cta_button,
.get-in-touch-links .hs-button,
.box-info-horizontal .cta_button,
.landing-page-form .hs-submit input[type="submit"],
.gartner-ai-form .hs-submit input[type="submit"],
.gartner-ai-form .cta_button{
    color: var(--white);
    font-weight: 500;
    border-radius: 100px;
    text-decoration: none;
    letter-spacing: -0.32px;
    transition: .32s;
    max-width: 240px;
    font-size: 1rem;
    line-height: 1.25rem;
    padding: .9rem 3.25rem;
    display: inline-block;
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg);
    background-position: 88% center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    font-family: var(--font-inter);
}
.get-in-touch-links .cta_button,
.box-info-horizontal .cta_button,
.landing-page-form .hs-submit input[type="submit"],
.gartner-ai-form .hs-submit input[type="submit"],
.gartner-ai-form .cta_button{
    background-color: var(--c2-blue);
    border: 1px solid var(--c2-blue);
    margin-top: 20px;
  }

.get-in-touch-links .hs-button {
    background-color: var(--c2-dark-text-second);
    border-color: var(--c2-dark-text-second);
    min-width: 240px;
    margin-top: 20px;
    text-align: center;
  }

.get-in-touch-links .cta_button:hover,
.get-in-touch-links .hs-button:hover,
.box-info-horizontal .cta_button:hover,
.landing-page-form .hs-submit input[type="submit"]:hover,
.gartner-ai-form .hs-submit input[type="submit"]:hover,
.gartner-ai-form .cta_button:hover{
    background-position: 92% center;
}
.landing-page-form .hs-submit input[type="submit"],
.gartner-ai-form .hs-submit input[type="submit"]{
    text-align: center;
    max-width: 100%;
    display: block;
}
.gartner-ai-form .cta_button {
  text-align: center;
  display: block;
}
.form-consent {
   font-size: 10px;
   color: #5A6D8D;
}
.form-consent a{
  border: none;
  color: var(--c2-blue);
}
.form-consent a:hover {
  text-decoration: underline;
  background-color: transparent;
}
.get-in-touch-form .actions,
.schedule-demo-form .actions,
.c2pindex-subscribe .actions{
  text-align: left;
}
.schedule-demo-form .hs-dependent-field legend.hs-field-desc{
  font-size: 12px;
  font-weight: 500;
  margin-top: -8px;
}
.landing-page-form .hs-recaptcha,
 .gartner-ai-form .hs-recaptcha {
   margin-top: 25px;
}

.schedule-demo-form .hs-recaptcha{
/*   display: none; */
}
.faq-container {
    padding-top: 60px;
    padding-bottom: 70px;
}
.faq-container h2 {
    margin-bottom: 50px;
}
.faq-container .accordion {
    font-size: 1.2rem;
}
.accordion {
    background-color: var(--c2-body-bg);
    border-radius: 24px;
    padding: 30px;
    padding-bottom: 20px;
    font-size: 1rem;
    color: var(--c2-dark);
}
.accordion p {
    font-size: 1rem;
    padding: 10px;
}
.accordion-item {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--c2-gray);
}
.accordion-item:last-child {
    border: none;
    margin-bottom: 0;
}
.accordion-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 39px 18px 10px;
    cursor: pointer;
    transition: background-color 0.4s ease;
    font-weight: 600;
}
.accordion-header::after {
    content: "";
    background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-up.svg) no-repeat center center;
    background-size: 90% 14px;
    transition: transform 0.4s ease;
    position: absolute;
    top: 38%;
    height: 14px;
    width: 14px;
    right: 9px;
    transform: translateY(-50%) rotate(180deg);
}
.accordion-header.active::after {
    transform: translateY(-50%) rotate(0deg);
}
.accordion-content {
    display: none;
}
.accordion-header.active .arrow {
    transform: rotate(180deg);
}


/* ============ blog listing ========== */

.box-card-container-vertical{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.box-card-small {
    background-color: #F5F7F8;
    border-radius: 1.5rem;
    overflow: hidden; 
    padding: 10px;
}

.box-card-small .dark-info-box {
    padding: 20px;
    padding-bottom: 37px;
}

.box-card-small h4 {
    font-size: 1.5rem;
    letter-spacing: -0.48px;
    color: inherit; /* Inherit color from parent */
}

.box-card-small p {
    margin-top: 18px;
    font-size: 1rem;
    margin-bottom: 30px;
    color: #5A6D8D;
}
.box-card-small .img-display {
/*     background-image: url('img/q3-index-small-3.png'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #fff; /* Inherit color from parent */
    min-height: 245px;
    border-radius: 18px;
}
.box-card-small .img-display.ebook {
    background-image: url('img/struggle-attrition-card.png');
}

.box-card-small.black-theme {
    background-color: #09080D;
    color: #FFFFFF;
}
.box-card-small.black-theme p{
color: #fff;
}
.box-card-small.black-theme .img-display {
    background-color: #09080D;
    background-image: url('img/demo-man.png');
    background-size: cover;
}
.form-news-letter-header .btn-c2{
    padding: 0.6rem 3rem;
    cursor: pointer;
}
.form-news-letter-header form{
    display: flex;
    align-items: center;
}
.dashboard-benefits-section{
    background-color: var(--c2-body-bg);
    padding-bottom: 60px;
}
.dashboard-benefits{
    padding: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
}
.dashboard-benefits .btn-c2.btn-dark{
    padding: 0.5625rem 2.4375rem;
}
.dashboard-benefits p{
color: #5A6D8D;
font-size: 1rem;
}
.dashboard-benefits h3,
.dashboard-benefits .h3{
margin-bottom: 20px;
}
.dashboard-benefits p a{
   border: none;
   text-decoration: underline;
}
.dashboard-benefits p a:hover{
    text-decoration: none;
}
.c2-blog-most-popular-img{
    border-radius: 24px;
    position: relative;
    overflow: hidden;
}
.tag-as-heading span.hs_cos_wrapper{
    font-size: 4rem;
    letter-spacing: -2.56px;
    color: var(--c2-dark);
    font-weight: 700;
}
.c2-blog-most-popular-img span{
    position: absolute;
    display: block;
    top: 29px;
    left: 29px;
    padding: 0.65rem 1.75rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    border-radius: 100px;
    background-color: #03C18C;
    color: var(--white);
}
.three-col-blog-list{
    background-color: var(--white);
    padding-top: 60px;
    padding-bottom: 60px;
}
.three-col-blog-list .box-card-small.black-theme .dark-info-box{
    padding-bottom: 0;
}
.three-col-blog-list .box-card-small .dark-info-box .dark-cta-img{
    min-height: 237px;
    margin-top: 37px;
}
.three-col-blog-list .box-card-small .img-display img{
    height: 245px;
    object-fit: cover;
    border-radius: 16px;
}
.three-col-post .post-listing .blog-post .blog-post-inner {
  margin: 15px;
  border-radius: 1.5rem;
}
.three-col-post .post-listing li.blog-post .blog-image {
  border: none;
}
.three-col-post .post-listing li.blog-post .blog-post-inner,
.three-col-post .cards-layout li.blog-post .blog-post-inner:hover, 
.three-col-post .post-listing li.blog-post .blog-post-inner:hover {
  background-color: #F5F7F8;
  box-shadow: none;
}
.three-col-post.bg-white {
  background-color: var(--white);
  padding-top: 0;
}
/* === two column text and image === */

.two-col-text-image{
    background-color: var(--c2-body-bg);
}
.two-col-text-image p{
    font-size: 1rem;
    color: #5A6D8D;
    max-width: 534px;
}



/* ====== footer ======= */
.footer-section{
    background-color: #F5F7F8;
/*     padding-top: 62px; */
    padding-bottom: 30px;
    font-size: 1em;
}
.footer-section .button-row{
  padding: 0 0 100px;
}
.footer-section .button-row .cta_button,
 .box-card-small .cta_button,
 .box-card-small .hs-button {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 85% 50% no-repeat;
  border: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding: .9rem 4rem .9em 3rem;
  display: inline-block;
  border: 1px solid var(--c2-blue);
  color: var(--white);
  border-radius: 100px;
  text-decoration: none;
  letter-spacing: -0.32px;
  transition: .32s;
}

.footer-section .button-row .cta_button:hover,
.box-card-small .cta_button:hover,
.three-col-blog-list .box-card-small .hs-button:hover{
 background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) var(--c2-blue) 90% 50% no-repeat;
}
.box-card-small .cta_button strong{
  font-weight: 500;
  font-size: 1rem;
}
.box-card-small .green .hs-button{
    background-color: #03C18C;
    border-color: #03C18C;
}
.box-card-small .dark .hs-button{
    background-color: #293A4C;
    border-color: #293A4C;
}
.box-card-small .green .hs-button:hover{
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) #03C18C 90% 50% no-repeat;
  border-color: #03C18C;
}
.box-card-small .dark .hs-button:hover {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg) #293A4C 90% 50% no-repeat;
  border-color: #293A4C;
}
.box-card-small.black-theme .box-card-small.black-theme{
  margin-bottom: 0;
}
.box-card-small.black-theme .dark-info-box{
    padding-bottom: 0;
}
.article-full-length a{
    border-bottom: 1px solid;
}
.footer-section .upper-list{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.footer-section .footer-content .heading{
  margin-bottom: 1rem;
}
.footer-section .footer-menus a,
.footer-section .footer-content a{
  color: #7F8DA5;
}
.footer-section .footer-content a:hover{
  border-bottom: 1px solid #7F8DA5;
}
.upper-list > li{
    margin-right: 20px;
}
.foot-dropdown{
    position: relative;
    transition: .3s;
}
.foot-dropdown ul{
    background-color: #fff;
    border-radius: 10px;
    list-style: none;
    padding: 10px 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    top: calc(100% + 8px);
    z-index: 1;
    transition: .3s;
    top: 35px;
}
.foot-dropdown:hover > ul{
    visibility: visible;
    opacity: 1;
    top: 59px;
}
.foot-dropdown .btn-c2{
    font-weight: 500;
    white-space: nowrap;
}
.foot-dropdown li a{
    padding: 10px 17px;
    text-decoration: none;
    font-weight: 600;
    color: #293A4C;
    display: block;
}
.foot-dropdown li a:hover{
   background-color: #eff5f8;
}
.foot-dropdown ul::before{
    content: '';
    left: 0;
    top: -10px;
    height: 10px;
    position: absolute;
    width: 100%;
}
.footer-section h3{
    margin-bottom: 38px;
}
.footer-section h3 span{
    display: block;
    color: var(--c2-blue-text)
}
.lower-footer {
    padding-top: 6.9375rem;
}

.footer-container-wrapper {
  background-color: #F5F7F8;
  font-size: 0.875em;
  padding-top: 62px;
  color: #7f8da5;
}

.footer-container-wrapper {}
.footer-container a {
  color: #666666; 
  border: 0;
}

.footer-container-wrapper .animate__animated {
  -webkit-animation-fill-mode: inherit !important;
  animation-fill-mode: inherit !important;
}

.footer-section a:hover { background-color: transparent; }
.footer-section .hs_cos_wrapper_type_logo a { border: none; }
.footer-section .hs_cos_wrapper_type_logo a:hover { background: transparent; }

.footer-section .heading { 
  font-size: 1em; 
  font-weight: 600; 
  color: #2A3A4B;
}

.footer-section p { 
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}
.footer-menus .hs-menu-wrapper.hs-menu-flow-vertical>ul li {
  line-height: 1;
}
.footer-menus .hs-menu-wrapper { margin-top: 16px; }
.footer-menus .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
  border-bottom: none;
  padding: 0 0 0 0; 
  color: #7F8DA5;
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  position: relative;
  opacity: 1;
  transition: .32s;
}
.footer-menus .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a:hover { 
  border-bottom: none;
  opacity: 1; 
}
.footer-menus .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #7F8DA5;
  transition: .32s;
}
.footer-menus .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a:hover:after {
  width: 100%;
}

.footer-bottom {
  text-align: center;
}
.footer-container-wrapper .logo img { max-width: 160px; margin-bottom: 15px; }

.footer-bottom .copyright {
  padding-top: 0;
  font-size: 11px;
  color: #7F8DA5; 
}
.footer-bottom .copyright a {
  color: #7F8DA5; 
  border: 0;
  font-size: 11px;
}
.footer-bottom .copyright a:hover{
  text-decoration: underline;
} 
.footer-bottom .copyright small {
  font-size: 11px;
  margin-top: 9px;
  display: inline-block;
  font-weight: 400;
}
.logo-col-content .hs_cos_wrapper_type_text{
    color: #7F8DA5;
    font-size: 14px;
    line-height: 28px;
    padding-top: 8px;
    display: block;
    font-weight: 400;
    margin-bottom: 2rem;
}


/* ============ ////// contact page ////// ========== */
/* Contact form */

.form-and-links{
  background-color: var(--c2-body-bg);
  padding-bottom: 77px;
}
.get-in-touch-form{    
    padding: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
    padding-bottom: 27px;
}
.get-in-touch-form h5{
    margin-bottom: 2px;
    font-size: 1.5rem;
    font-weight: 700;
}
.get-in-touch-form p{
    font-size: 1rem;
    color: var(--c2-dark-text);
    margin-bottom: 30px;
}
.get-in-touch-form .terms {
    font-size: 0.625rem;
    padding-left: 17px;
    margin-top: 7px;
}
.get-in-touch-form .btn-arrow {
    min-width: 240px;
    text-align: center;
  }
.get-in-touch-form .hs-submit input[type="submit"]{
    background-color: var(--c2-dark-text-second);
    border-color: var(--c2-dark-text-second);
    min-width: 240px;
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg);
    background-position: 85% center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
}
.get-in-touch-form .hs-submit input[type="submit"]:hover{
  background-position: 90%;
}
.get-in-touch-form .hs-error-msgs li{
  text-align: left;
}
.get-in-touch-form textarea,
.schedule-demo-form textarea{
    height: 150px;
    overflow-y: auto;
}
.get-in-touch-links{
    padding: 2rem;
    padding-bottom: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
} 
.get-in-touch-links h5{
    font-size: 1.5rem;
    font-weight: 700;
}
.get-in-touch-links p{
    font-size: 1rem;
    color: var(--c2-dark-text);
}
.get-in-touch-links .btn-arrow {
    min-width: 240px;
    text-align: center;
  }

/* ========== //////// schedule demo page ////// ======== */
.form-and-links{
  background-color: var(--c2-body-bg);
  padding-bottom: 77px;
}
.inner-banner-section img {
    margin-top: 40px;
    max-width: 307px;
}
.inputs-list.multi-container li{
  font-weight: 500;
}
.inputs-list.multi-container li span{
  padding-left: 10px;
}
.schedule-demo-form{    
    padding: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
    padding-bottom: 22px;
}
.schedule-demo-form h3{
    margin-bottom: 30px;
}
.schedule-demo-form h5{
    margin-top: 30px;
    font-weight: 700;
}
.schedule-demo-form p{
    font-size: 0.625rem;
    margin: 0;
    color: var(--c2-dark-text);
}
.schedule-demo-form p.sub-text {
    font-size: 0.75rem;
    margin-bottom: 10px;
    color: #293A4C;
}
.schedule-demo-form .btn-arrow {
margin-bottom: 30px;
}
.schedule-demo-form .btn-arrow {
    min-width: 240px;
    text-align: center;
}
.schedule-demo-form .hs-form-field strong{
  font-size: 18px;
  font-weight: 700;
  color: #293A4C;
  letter-spacing: -0.36px;
   margin-top: 15px;
  display: inline-block;
}
.schedule-demo-form .hs-submit input[type=submit]{
    min-width: 240px;
    padding: 14px 30px !important;
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg);
    background-position: 85% center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    margin-top: 0 !important;
    font-family: var(--font-inter);
}
.schedule-demo-form .hs-submit input[type=submit]:hover {
  background-position: 90%;
}
.checkbox-wrapper-sch-demo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 10px;
    justify-content: flex-start;
}
    .checkbox-wrapper-sch-demo .check-box {
        position: relative;
        display: flex;
        width: auto; 
        align-items: center;
        justify-content: left;
        transition: border-color .3s ease-in-out;
}

.checkbox-wrapper-sch-demo .check-box label {
    display: block;
    position: relative;
    padding: 5px 4px 4px 34px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.checkbox-wrapper-sch-demo .check-box input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    left: -9999px;
}

.checkbox-wrapper-sch-demo .check-box input[type="checkbox"]:checked+span,
.checkbox-wrapper-sch-demo .check-box input[type="checkbox"]:not(:checked)+span {
    position: absolute;
    left: 5px;
    top: 12%;
    width: 20px;
    height: 20px;
    border: 2px solid #d8dfe8;
    border-radius: 6px;
    cursor: pointer;
    margin: 0;
    vertical-align: middle;
}

.checkbox-wrapper-sch-demo .check-box input[type="checkbox"]:disabled:not(:checked)+span {
    background-color: #edf0f4;
    border: 2px solid #d8dfe8;
}

.checkbox-wrapper-sch-demo .check-box input[type="checkbox"]:checked+span {
    background-color: #2bc18d;
    border: 2px solid #d8dfe8;
}
.checkbox-wrapper-sch-demo .check-box input[type="checkbox"]:checked+span::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: url('./img/icons/check-white.svg') no-repeat center center;
    background-size: contain;
    opacity: 1;
    transition: opacity 0.3s;
}

.checkbox-wrapper-sch-demo .check-box:hover {
    border: none;
}

.checkbox-wrapper-sch-demo .check-box input[type="checkbox"]:not(:checked)+span:hover {
    border: 2px solid #425b76;
    transition: all .2s ease-out;
}
.radio-wrapper-sch-demo {
display: flex;
flex-direction: column;
gap: 4px;
justify-content: flex-start;
padding: 15px 0 30px 0;
}

.radio-wrapper-sch-demo .radio-box {
position: relative;
display: flex;
align-items: center;
transition: border-color .3s ease-in-out;
}

.radio-wrapper-sch-demo .radio-box label {
display: block;
position: relative;
padding: 5px 4px 4px 34px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
margin: 0;
}

.radio-wrapper-sch-demo .radio-box input[type="radio"] {
position: absolute;
opacity: 0;
left: -9999px;
}

.radio-wrapper-sch-demo .radio-box input[type="radio"]:checked+span,
.radio-wrapper-sch-demo .radio-box input[type="radio"]:not(:checked)+span {
position: absolute;
left: 5px;
top: 12%;
width: 20px;
height: 20px;
border: 2px solid #d8dfe8;
border-radius: 50%;
cursor: pointer;
margin: 0;
vertical-align: middle;
}

.radio-wrapper-sch-demo .radio-box input[type="radio"]:disabled:not(:checked)+span {
background-color: #edf0f4;
border: 2px solid #d8dfe8;
}

.radio-wrapper-sch-demo .radio-box input[type="radio"]:checked+span {
background-color: #2bc18d;
border: 2px solid #d8dfe8;
}
.radio-wrapper-sch-demo .radio-box input[type="radio"]:checked+span::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: url('./img/icons/check-white.svg') no-repeat center center;
    background-size: contain;
    opacity: 1;
    transition: opacity 0.3s;
}

.radio-wrapper-sch-demo .radio-box:hover {
border: none;
}

.radio-wrapper-sch-demo .radio-box input[type="radio"]:not(:checked)+span:hover {
border: 2px solid #425b76;
transition: all .2s ease-out;
}
.offer-instructions{
  background-color: #09080D;
  padding: 2rem 2rem 0 2rem;
  border-radius: 1.5rem;
  color: var(--white);
}
.offer-instructions p{
font-size: 1rem;
color: var(--white);
}
.offer-instructions h3{
    color: var(--white);
    margin-bottom: 46px;
}
.offer-instructions .tick-list li{
    color: var(--white);
}

/* /// //////  ====== pricing page  =======   ///////// */
/* pricing column section */
.pricing-box{
    background-color: var(--white);
    padding: 20px;
    border-radius: 1.5rem;
    height: 100%;
}
.pricing-box h3{
    font-size: 2.25rem;
    color: var(--c2-dark-text-second);
    letter-spacing: -0.72px;
    text-align: center;
    margin-bottom: 10px;
}
.pricing-box h3 sup {
    vertical-align: super;
    font-size: 12px;
    color: var(--c2-dark-text-second);
    font-weight: 800;
}
.pricing-box h5{
    font-size: 14px;
    color: var(--c2-blue-text);
    font-weight: 600;
    margin-bottom: 23px;
    text-align: center;
}
.pricing-box h5 span {
  font-size: 16px;
}
.pricing-box .btn-c2{
    padding: 9px 34px;
    width: 100%;
    margin-top: 36px;
    margin-bottom: 26px;
    max-width: 250px;
    font-weight: 500;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--c2-blue);
    border: 1px solid var(--c2-blue);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg);
    background-position: 85% center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    transition: 0.4s;
}
.pricing-box .btn-c2:hover{
    background-color: var(--c2-blue);
    border: 1px solid var(--c2-blue);
    background-position: 90%;
}
.stated-section.pricing-section .pricing-box p{
    font-size: 14px;
    color: var(--c2-dark-text);
    margin-bottom: 25px;
}
.stated-section.pricing-section .tick-list li{
    font-size: 12px;
    color: var(--c2-dark-text);
}
.price-boxes .row-fluid > .span3:last-child .pricing-box .btn-c2 {
 text-align: center;
}


/* bullet column section */

.bullet-box-outer {
  padding-top: 60px;
}

.bullet-box-outer .row-fluid {
  display: flex;
}

.bullet-box {
  background-color: var(--white);
  padding: 20px;
  border-radius: 1.5rem;
}

.bullet-box h3{
  font-size: 1.25rem;
  color: var(--c2-dark-text-second);
  letter-spacing: -0.72px;
  margin-bottom: 20px;
}

.bullet-box ul{
  margin: 0;
  padding: 0;
}

.bullet-box li{ 
  font-size: 12px;
  color: var(--c2-dark-text);
}

.bullet-box  li {
    list-style-type: none;
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/check-blue.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #293A4C;
}

.hs-cta-embed img {
  height: auto !important; 
}


/* toggle switch */
.switch-toggle {
    --width: 277px;
    --height: 50px;
    --offset: 4px;
    --radius: 4px;
    position: relative;
    width: var(--width);
    height: var(--height);
    padding: var(--offset);
    background: rgb(1 95 255 / 40%);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    font-style: normal;
    border-radius: 50px;
  }
  .switch-toggle input[type=checkbox] {
    cursor: pointer;
    position: absolute;
    inset: 0;
    appearance: none;
    z-index: 2;
  }
  .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label:before {
    translate: 100% 0;
  }
  .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(1),
  .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(2) {
    color: #fff;
  }

  .switch-toggle input[type=checkbox] + label.switch-toggle-label {
    position: absolute;
    inset: var(--offset, 0);
    padding: 10px 0;
    display: block;
    user-select: none;
    pointer-events: none;
    display: grid;
    gap: 2px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-bottom: 0;
  }
  .switch-toggle input[type=checkbox] + label.switch-toggle-label:before {
    content: "";
    position: absolute;
    width: 50%;
    inset: 0;
    background: #015FFF;
    box-shadow: 0px 10px 20px 0px rgba(16, 39, 68, 0.1);
    translate: 0 0;
    transition: translate 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69);
    border-radius: 50px;
  }
  .switch-toggle input[type=checkbox] + label.switch-toggle-label span {
    position: relative;
    transition: 200ms linear;
  }
  .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(1),
  .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(2) {
    color: #fff;
  }
  .price-switch{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
    margin-top: -20px;
  }
.switch-caption{
    max-width: 500px;
    padding-left: 30px;
}
.switch-caption h5{
    color: #015FFF;
    font-weight: 700;
    font-size: 1rem;
}

/* c2pindex thankyou */
.c2pindex-thankyou{
  padding: 2rem;
  border-radius: 1.5rem;
  background-color: var(--white);
  height: 100%;
}
.c2pindex-thankyou h3{
    margin-bottom: 30px;
    font-size: 2.3125rem;
    letter-spacing: -0.74px;
    }
.c2pindex-thankyou p {
    font-size: 1rem;
    color: var(--c2-dark-text);
    margin-bottom: 30px;
}
/* btn download arrow */
.btn-arrow-down{
    position: relative;
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right-down.svg);
    background-position: 90% center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    padding-right: 4rem;
    font-weight: 500;
    font-size: 1rem;
}
.btn-arrow-down:hover,
.btn-arrow-down:active,
.btn-arrow-down:focus{
    background-position: 90% 60%;
    background-color: var(--c2-blue);
}

/* ===== schedule a demo thankyou ==== */
.schedule-thanks{
    background-color: var(--c2-body-bg);
    padding-bottom: 80px;
}
.thanks-links{
    min-height: 600px;
}
.thanks-links h3{
margin-bottom: 10px;
}
.thanks-links p {
    font-size: 1rem;
    color: var(--c2-dark-text);
    margin-bottom: 30px;
}
.white-bg-div.thanks-celebrations{
    min-height: 600px;
    background-image: url(./img/celebration-champagne.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.links-wrap{
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 2.5rem;
}
.links-wrap ul,
.box-link-wrap{
    padding: 0;
    margin: 0;
    list-style: none;
}
.links-wrap ul li{
    display: inline-block;
}
.links-wrap a{
    padding: 12px 24px;
    background-color: var(--c2-blue);
    color: var(--white);
    font-weight: 500;
    display: inline-block;
    margin: 10px 8px;
    text-decoration: none;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    transition: .4s;
    border-color: var(--c2-blue);
}
.links-wrap a:after{
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    height: 7px;
    width: 7px;
    border-top: 2px solid var(--white);
    border-right: 2px solid var(--white);
    transform: rotate(45deg) translate(-50%, 0%);
    transition: .4s;
    opacity: 0;
}
.links-wrap a:hover:after{
    right: 10px;
    opacity: 1;
}
 .links-wrap a span{
    display: inline-block;
    transition: .4s;
}
 .links-wrap a:hover span{
    transform: translateX(-8px);
}

.transparent-column p{
font-size: 1rem;
padding-right: 35px;
}
.white-box-section {
    padding: 2rem;
    border-radius: 1.5rem;
    background-color: var(--white);
}

/* ==== comparison-table ====== */
.comparison-table{
    background-color: var(--c2-body-bg);
    padding-top: 57px;
    padding-bottom: 107px;
}

.comparison-table table{
    width: 100%;
    border-collapse: collapse;
    position: relative;
}
.comparison-table table thead th{
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    padding: 13px 20px;
    color: var(--c2-blue-text);
    background-color: var(--white);
    text-align: center;
}
.comparison-table table thead th:first-child{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 50%;
    color: #293A4C;
    text-align: left;
}
.comparison-table table thead th:last-child{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.comparison-table table tbody td:first-child{
    width: 50%;
}
.comparison-table table tbody td{
    padding: 10px 20px;
    font-size: 15px;
    color: var(--c2-dark-text);
}
.comparison-table table tbody tr:first-child td{
    padding-top: 23px;
}
.comparison-table table tbody tr:last-child td{
    padding-bottom: 25px;
}
.comparison-table h2{
    margin-bottom: 52px;
}
.tables-wrap .check{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/check-blue.svg);
    display: block;
    width: 20px;
    height: 15px;
    background-size: contain;
    margin: auto;
}
.tables-wrap .minus{
    position: relative;
    display: block;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background-color: #E4EBEF;
    margin: auto;
}
.tables-wrap .dollar{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/icon-dollar.svg);
    display: block;
    width: 10px;
    height: 20px;
    background-size: contain;
    margin: auto;
}
.price-wrap{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.price-wrap strong{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 200px;
    margin: auto;
    position: relative;
}
.price-wrap strong s{
    font-size: 20px;
    letter-spacing: -0.4px;
    color: #7F8DA5;
    position: absolute;
    left: 10px;
}
.price-wrap strong span{
    font-size: 2.25rem;
    font-weight: 700;
    color: #293A4C;
}
.price-wrap .price-rate{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #7F8DA5;
}
.scroll-anchor{
    text-align: center;
    margin-top: 50px;
}
.pricing-box .tick-list{
    border-top: 1px solid #D9E3E8;
    padding-top: 25px;
    margin-top: 25px;
}
.pricing-box .tick-list li{
   background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/check-blue.svg);
}
.scroll-anchor .btn-arrow{
  position: relative;
  padding-left: 2.2rem;
  padding-right: 3.5rem;
}
.scroll-anchor .btn-arrow:after{
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    content: "";
    position: absolute;
    right: 19px;
    top: 9px;
    transition: .4s;
    height: 30px;
    width: 30px;
    transform: rotate(90deg);
}
.scroll-anchor .btn-arrow:hover{
    background-position: 90%;
}

.arrow-2,
.card-post .btn-c2,
.form-news-letter .hs-submit .actions,
#smart-nav ul>li a.cta_button,
.full-width-trwo-col .hs-cta-embed,
.header-container-wrapper .cta .hs-cta-embed{
  position: relative;
  transition: 0.3s;
}
.header-container-wrapper li.cta .hs-cta-embed {
  transition: none;
}
.arrow-2:after,
.card-post .btn-c2:after,
.form-news-letter .hs-submit .actions:after,
#smart-nav ul>li a.cta_button:after,
.full-width-trwo-col .hs-cta-embed:after,
.header-container-wrapper .cta .hs-cta-embed:after{
    border-right: 2px solid var(--white);
    border-top: 2px solid var(--white);
    content: "";
    height: 7px;
    opacity: 0;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: rotate(45deg) translate(-50%);
    transition: .3s;
    width: 7px;
}
.arrow-2:hover:after,
.card-post .btn-c2:hover:after,
.form-news-letter .hs-submit .actions:hover:after,
#smart-nav ul>li a.cta_button:hover:after,
.full-width-trwo-col .hs-cta-embed:hover:after,
.header-container-wrapper .cta .hs-cta-embed:hover:after{
  opacity: 1;
  right: 12px; 
}
.full-width-trwo-col .btn-c2:after,
#hs_cos_wrapper_widget_1773903839825_ .btn-c2:after,
.full-width-trwo-col .hs-cta-embed:after{
    border-right: 2px solid var(--c2-blue-text);
    border-top: 2px solid var(--c2-blue-text);
}

.card-post:not(.dark-cta-post) .btn-c2:after {
    border-right: 2px solid var(--c2-dark);
    border-top: 2px solid var(--c2-dark); 
}
.full-width-img img{
   border-radius: 1.5rem;
   margin-left: auto;
   margin-right: auto;
   display: block;
}
.align-self {
  align-self: center;
}
/* breadcrumb */

.breadcrumb-wrp {
  margin-bottom: 45px;
}
.banner-section, 
.inner-banner-section{
  padding-top: 10px;
}
.blog-section .two-col-text-image{
  padding-top:20px;
}
.breadcrumb-wrp a {
  border: none;
  font-size: 14px;
  color: #7f8da5;
  font-weight: 500;
}
.breadcrumb-wrp a:hover{
   text-decoration: underline;
}
.breadcrumb-wrp ul li:first-child{
  padding-left: 0;
}
.breadcrumb-wrp ul li.last-crumb span,
.breadcrumb-wrp span.hs_cos_wrapper{
  font-weight: 500;
  font-size: 14px;
}
.breadcrumb-wrp .hs-breadcrumb-menu-divider:before {
   content: '/';
   color: #1961fa;
   font-weight: 6rweq00;
   padding-left: 5px;
} 
.breadcrumb-wrp .divide {
   color: #1961fa;
   font-weight: 600;
}
.homepage .breadcrumb-wrp {
  display: none;
}
.hs-breadcrumb-menu .hs-breadcrumb-menu-item{
  padding-left: 5px;
}

/* c2p index list */
.list-box-white-c2index{
  background-color: var(--white);
  border-radius: 24px;
  padding: 30px;
  margin-bottom: 60px;
}
.list-box-white-c2index ul{
    list-style-type: none;
    padding: 0;
    margin: 10px 0;
}
.list-box-white-c2index ul li {
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/check-blue.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 1rem;
    color: var(--c2-dark-text);
}
.list-box-white-c2index ul li span{
  color: var(--c2-blue-text);
  font-weight: 700;
}
.list-box-white-c2index ul li:last-child {
  margin-bottom: 0 !important;
}
.list-box-white-c2index p{
   margin: 0;
   font-size: 1rem;
   color: var(--c2-dark-text);
}

/* carousel in flex  */
.carousel-flex{
    padding-top: 72px;
    padding-bottom: 60px;
    overflow: hidden;
}
.carousel-flex h2{
    margin-bottom: 25px;
}
.carousel-flex p{
    color: var(--c2-dark-text)
}
.card-text-box h2{
   color: var(--c2-white); 
   font-size: 32px;
}
.brands-carousel-flex {
    display: flex;
    justify-content: center;    
    margin-top: 45px;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
.brands-carousel-flex .brand-card{
    margin-left: 0;
    margin-right: 0;
    max-width: 370px;
    transition: .32s;
}
.brands-carousel-flex .brand-card
.banner-section .button_cta .cta_button,
.banner-section.coaching .button_cta .cta_button{
  padding: .9rem 3.8rem .9em 2.8rem;
}
.banner-section .button_cta .cta_button strong,
.get-in-touch-links .cta_button strong,
.box-info-horizontal .cta_button strong,
.bg-black-box .cta_button strong,
.footer-section .button-row .cta_button strong,
.banner-section .button_cta2 .cta_button strong{
  font-size: 1rem;
  font-weight: 500;
}

 .brand-card img:not(.inner-box img) {
    height: 100%;
    object-fit: cover;
    border-radius: 1.5rem;
    transition: .4s;
}
 .brand-card:hover > img:not(.inner-box img){
    transform: scale(1.04);
}
.full-width-trwo-col.no-round-corners img{
  border-radius: 0;
  margin-top: 0;
}
.full-width-trwo-col.no-round-corners .hs_cos_wrapper_type_rich_text .logo-w-btn{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.full-width-trwo-col.no-round-corners .hs_cos_wrapper_type_rich_text .logo-w-btn img{
  margin-top: 0;
  margin-left: 0;
}
.full-width-trwo-col.no-round-corners .hs_cos_wrapper_type_rich_text .logo-w-btn .btn-c2{
  margin-bottom: 0;
  margin-right: 3rem;
}
.full-width-trwo-col.no-round-corners .row-fluid {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

/* ====  history carousel for company  === */
.history-carousel {
  background-color: #015FFF;
}
.brands-carousel.history{
/*     padding-left: calc((50% - 1200px / 2)); */
    position: relative;
    z-index: 1;
}
.brands-carousel.history:after{
    border-top: 2px dashed #BFC7D5;
    content: "";
    left: 0;
    position: absolute;
    top: 65px;
    width: 100%;
    pointer-events: none;
     z-index: -1;
}
.history-carousel .brand-card{
    aspect-ratio: auto;
    height: auto;
    background-color: transparent;
    margin: 0 10px;
}
.history-carousel .brand-card .card-text-box{
    background: rgb(255 255 255 / 31%);
    height: auto;
    position: static;
}
.history-carousel .brand-card .inner-box {
  padding: 20px;
}
.history-carousel .brand-card .inner-box h4{
  color: #fff;
  position: relative;
  margin-bottom: 45px;
  font-size: 1.5rem;
}
.history-carousel .brand-card .inner-box p{
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 22px;
}
.history-carousel h2 {
  color: #fff;
  margin-bottom: 0;
}
.history-carousel .flickity-prev-next-button.previous {
    left: auto;
    right: calc((100% - 1060px) / 2);
    top: -90px;
}
.history-carousel .flickity-prev-next-button.next {
    left: auto;
    right: calc((100% - 1200px) / 2);
    top: -90px; 
}
.history-carousel .b-slider__slide {
  width: 21.5%;
  text-align: left;
}
.history-carousel .brand-card .inner-box h4:after {
  content: '';
  position: absolute;
  left: 0;
  top: 36px;
  height: 20px;
  width: 20px;
  border-radius: 8px;
  background-color: #fff;
}
.flickity-slider{
/*   transition: .4s; */
}
.marquee-slider-history .flickity-prev-next-button {
    background: rgb(245 247 248 / 30%);
    width: 60px;
    height: 50px;
    border-radius: 20px;
}
.marquee-slider-history .flickity-prev-next-button .flickity-button-icon {
  fill: transparent;
  background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/arrow-small-right-history.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 11px 9px;
}
.history-carousel .flickity-prev-next-button.next .flickity-button-icon{
  transform: rotate(180deg);
}
.marquee-slider-history  {
  position: static;
}
.inner-banner-section.company p{
  margin: 10px 0;
}
/* ====== C2perform numbers section ====== */
.c2-perform-number-section {
  padding-top: 62px;
  padding-bottom: 62px;
  background-color: #F5F7F8;
}
.c2number-card {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 30px;
    text-align: center;
    margin-top: 50px;
}
.c2number-card h5 {
    color: #7F8DA5;
    font-size: 1rem;
    letter-spacing: -0.32px;
    margin-bottom: 10px;
}
.c2number-card span {
    font-size: 2.5rem;
    color: #015FFF;
    display: block;
    font-weight: 700;
    line-height: 1;
}
.company-sidebar-image img{
   border-radius: 1.5rem;
}
.company-logo-slider {
  margin-bottom: 62px;
}
.counter-wrap {
    display: flex !important;
    width: 100%;
    justify-content: center;
}
.counter-wrap .suffix {
    font-size: 2rem;
    line-height: 1.25;
    padding-left: 5px;
}
p a,
li a{
  border-bottom-color: #005fff;
}
.gartner-ai-image .cta_button{
    background-color: var(--c2-blue);
    border: 1px solid var(--c2-blue);
    border-radius: 100px;
    box-shadow: none;
    color: var(--white);
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.25rem;
    padding: .9rem 3.25rem;
    text-decoration: none;
}


/*  
 * === rich text image. video or iframe === */
.responsive-rich-text .hs-responsive-embed{
  max-width: 100% !important;
  border-radius: 20px;
}
.responsive-rich-text img {
   border-radius: 20px;
   display: block;
   margin: auto;
}
.responsive-rich-text .hs_cos_wrapper_type_rich_text p:last-child {
  margin-bottom: 0;
}

/* ====== color theme for landing pages====== */

/* Quality Assurance: hs-content-id-176674621309 */
.hs-content-id-176674621309 .icon-bar strong {
    color: var(--c2-pink);
}
.hs-content-id-176674621309 .banner-section .button_cta .cta_button,
.hs-content-id-176674621309 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-pink);
    border-color: var(--c2-pink);
}
.hs-content-id-176674621309 .banner-section .button_cta2 .cta_button,
.hs-content-id-176674621309 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-pink-fade);
    border-color: var(--c2-pink-fade);
    border-bottom-color: transparent;
    color: var(--c2-pink);
}
.hs-content-id-176674621309 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-Quality.svg) 85% 50% no-repeat;
}
.hs-content-id-176674621309 .bg-green-box {
    background-color: var(--c2-pink);
}
.hs-content-id-176674621309 .green-overlay-box::before {
    background-color: rgb(251 171 197 / 60%);
}
.hs-content-id-176674621309 .icon-bar .icon-box {
    background-color: var(--c2-pink-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/Quality-Assurance.svg);
}

/* Knowledge Management : .hs-content-id-176657382283 */
.hs-content-id-176657382283 .icon-bar strong {
    color: var(--c2-orange);
}
.hs-content-id-176657382283 .banner-section .button_cta .cta_button,
.hs-content-id-176657382283 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-orange);
    border-color: var(--c2-orange);
}
.hs-content-id-176657382283 .banner-section .button_cta2 .cta_button,
.hs-content-id-176657382283 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-orange-fade);
    border-color: var(--c2-orange-fade);
    border-bottom-color: transparent;
    color: var(--c2-orange);
}
.hs-content-id-176657382283 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-Knowledge.svg) 85% 50% no-repeat;
}
.hs-content-id-176657382283 .bg-green-box {
    background-color: var(--c2-orange);
}
.hs-content-id-176657382283 .green-overlay-box::before {
    background-color: rgb(248 83 12 / 60%);
}
.hs-content-id-176657382283 .icon-bar .icon-box {
    background-color: var(--c2-orange-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/Knowledge-Management.svg);
}

/* Learning Management: hs-content-id-176189719563 */
.hs-content-id-176189719563 .icon-bar strong {
    color: var(--c2-red);
}
.hs-content-id-176189719563 .banner-section .button_cta .cta_button,
.hs-content-id-176189719563 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-red);
    border-color: var(--c2-red);
}
.hs-content-id-176189719563 .banner-section .button_cta2 .cta_button,
.hs-content-id-176189719563 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-red-fade);
    border-color: var(--c2-red-fade);
    border-bottom-color: transparent;
    color: var(--c2-red);
}
.hs-content-id-176189719563 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-Learning.svg) 85% 50% no-repeat;
}
.hs-content-id-176189719563 .bg-green-box {
    background-color: var(--c2-red);
}
.hs-content-id-176189719563 .green-overlay-box::before {
    background-color: rgb(209 32 3 / 60%);
}
.hs-content-id-176189719563 .icon-bar .icon-box {
    background-color: var(--c2-red-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/Learning-Management.svg);
}

/* Engagement Tools: hs-content-id-176674621574 */
.hs-content-id-176674621574 .icon-bar strong {
    color: var(--c2-dark-blue);
}
.hs-content-id-176674621574 .banner-section .button_cta .cta_button,
.hs-content-id-176674621574 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-dark-blue);
    border-color: var(--c2-dark-blue);
}
.hs-content-id-176674621574 .banner-section .button_cta2 .cta_button,
.hs-content-id-176674621574 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-dark-blue-fade);
    border-color: var(--c2-dark-blue-fade);
    border-bottom-color: transparent;
    color: var(--c2-dark-blue);
}
.hs-content-id-176674621574 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-Engagement.svg) 85% 50% no-repeat;
}
.hs-content-id-176674621574 .bg-green-box {
    background-color: var(--c2-dark-blue);
}
.hs-content-id-176674621574 .green-overlay-box::before {
    background-color: rgb(29 33 245 / 60%);
}
.hs-content-id-176674621574 .icon-bar .icon-box {
    background-color: var(--c2-dark-blue-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/Engagement-Tools.svg);
}

/* Communications Hub: hs-content-id-176674621515 */
.hs-content-id-176674621515 .icon-bar strong {
    color: var(--c2-yellow);
}
.hs-content-id-176674621515 .banner-section .button_cta .cta_button,
.hs-content-id-176674621515 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-yellow);
    border-color: var(--c2-yellow);
}
.hs-content-id-176674621515 .banner-section .button_cta2 .cta_button,
.hs-content-id-176674621515 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-yellow-fade);
    border-color: var(--c2-yellow-fade);
    border-bottom-color: transparent;
    color: var(--c2-yellow);
}
.hs-content-id-176674621515 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-Comms-hub.svg) 85% 50% no-repeat;
}
.hs-content-id-176674621515 .bg-green-box {
    background-color: var(--c2-yellow);
}
.hs-content-id-176674621515 .green-overlay-box::before {
    background-color: rgb(250 180 39 / 60%);
}
.hs-content-id-176674621515 .icon-bar .icon-box {
    background-color: var(--c2-yellow-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/Communications-Hub.svg);
}

/* Talent: hs-content-id-176672769625 */
.hs-content-id-176672769625 .icon-bar strong {
    color: var(--c2-light-blue);
}
.hs-content-id-176672769625 .banner-section .button_cta .cta_button,
.hs-content-id-176672769625 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-light-blue);
    border-color: var(--c2-light-blue);
}
.hs-content-id-176672769625 .banner-section .button_cta2 .cta_button,
.hs-content-id-176672769625 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-light-blue-fade);
    border-color: var(--c2-light-blue-fade);
    border-bottom-color: transparent;
    color: var(--c2-light-blue);
}
.hs-content-id-176672769625 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-Talent.svg) 85% 50% no-repeat;
}
.hs-content-id-176672769625 .bg-green-box {
    background-color: var(--c2-light-blue);
}
.hs-content-id-176672769625 .green-overlay-box::before {
    background-color: rgb(28 149 252 / 60%);
}
.hs-content-id-176672769625 .icon-bar .icon-box {
    background-color: var(--c2-light-blue-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/talent-icon-1.svg);
}


/* C2Connect:  hs-content-id-176675732780 */
 .hs-content-id-176675732780 .icon-bar strong {
    color: var(--c2-extra-dark);
}
.hs-content-id-176675732780 .banner-section .button_cta .cta_button,
.hs-content-id-176675732780 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-extra-dark);
    border-color: var(--c2-extra-dark);
}
.hs-content-id-176675732780 .banner-section .button_cta2 .cta_button,
.hs-content-id-176675732780 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-extra-dark-fade);
    border-color: var(--c2-extra-dark-fade);
    border-bottom-color: transparent;
    color: var(--c2-extra-dark);
}
.hs-content-id-176675732780 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-C2connect.svg) 85% 50% no-repeat;
}
.hs-content-id-176675732780 .bg-green-box {
    background-color: var(--c2-extra-dark);
}
.hs-content-id-176675732780 .green-overlay-box::before {
    background-color: rgb(11 55 79 / 60%);
}
.hs-content-id-176675732780 .icon-bar .icon-box {
    background-color: var(--c2-extra-dark-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/C2Connect-icon.svg);
}

/* C2View: hs-content-id-176674621753 */
.hs-content-id-176674621753 .icon-bar strong {
    color: var(--c2-teal);
}
.hs-content-id-176674621753 .banner-section .button_cta .cta_button,
.hs-content-id-176674621753 .banner-section .button_cta .cta_button:hover{
    background-color: var(--c2-teal);
    border-color: var(--c2-teal);
}
.hs-content-id-176674621753 .banner-section .button_cta2 .cta_button,
.hs-content-id-176674621753 .banner-section .button_cta2 .cta_button:hover{
    background-color: var(--c2-teal-fade);
    border-color: var(--c2-teal-fade);
    border-bottom-color: transparent;
    color: var(--c2-teal);
}
.hs-content-id-176674621753 .banner-section .button_cta2 .cta_button:after {
  background: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/SA-C2view.svg) 85% 50% no-repeat;
}
.hs-content-id-176674621753 .bg-green-box {
    background-color: var(--c2-teal);
}
.hs-content-id-176674621753 .green-overlay-box::before {
    background-color: rgb(28 132 139 / 60%);
}
.hs-content-id-176674621753 .icon-bar .icon-box {
    background-color: var(--c2-teal-fade);
    background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/C2view-icon-1.svg);
}
/* ====/end themes color for landing pages === */

.full-width-trwo-col.no-round-corners {
  padding-bottom: 30px;
}

/* landing page css */
.landing-page-form-section {
    background-color: var(--c2-body-bg);
    padding-bottom: 3.75rem;
}
.landing-page-text {
    border-radius: 1.5rem;
    background-color: var(--white);
    padding: 30px;
    height: 100%;
}
.landing-page-text h4 {
    font-size: 1.5rem;
}
.landing-page-text p {
    font-size: 1rem;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--c2-dark-text);
}
.landing-page-text p:nth-child(3) {
    font-weight: 600;
}
.landing-page-text.gartner-ai-image p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.landing-page-text.gartner-ai-image h2 {
  margin-bottom: 1rem;
}
.landing-page-form {
    border-radius: 1.5rem;
    background-color: var(--white);
    padding: 30px;
}
.landing-page-form h4 {
    color: var(--c2-blue-text);
    margin-bottom: 12px;
    font-size: 1.5rem;
}
.landing-page-form .btn-c2 {
    margin-top: 30px;
    margin-bottom: 30px;
    min-width: 240px;
    text-align: center;
}
.landing-page-form p {
    font-size: 0.625rem;
    margin: 0;
    color: var(--c2-dark-text);
}
.landing-page-form p a {
    color: var(--c2-blue-text);
}
.landing-page-detail-container {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.landing-page-banner {
    margin-bottom: 3.75rem;
}
.landing-page-banner-detail {
    background-color: var(--c2-body-bg);
    border-radius: 1.5rem;
    padding: 2rem;
    height: 100%;
}
.landing-page-banner-detail h5 {
    color: var(--c2-blue-text);
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 600;
}
.landing-page-banner-detail p {
    margin: 0;
    color: var(--c2-dark-text);
    font-size: 1rem;
}
.landing-page-banner-detail ul {
    padding-left: 15px;
}
.landing-page-banner-detail ul li::marker {
    color: var(--c2-blue-text);
}
.landing-page-banner-detail ul li {
    color: var(--c2-dark-text);
    margin-bottom: 10px;
}
.landing-page-banner-detail ul li:last-child {
    margin-bottom: 0;
}
.inner-banner-section.blue-sub-heading p{ 
     color: #015FFF;
     text-transform: uppercase;
     font-weight: 600;
}
.landing-page-form .hs-submit .actions,
.gartner-ai-form .hs-submit .actions{
  text-align: left;
}
.landing-page-form .hs-submit .actions input[type="submit"],
.gartner-ai-form .hs-submit .actions input[type="submit"]{
/*     min-width: 240px;
    text-align: left; */
    width: 100%;
    min-width: 100%;
    text-align:center;
}
.gartner-ai-form  h4,
.gartner-ai-form  h3{
  margin-bottom: 1rem;
}

/* Landing Page - GARTNER Design */
.gartner-detail-header-container{
    background-color: var(--c2-body-bg);
    padding-bottom: 3.75rem;
}
.gartner-detail-header {
    display: flex;
    padding: 30px;
    justify-content: space-between;
    background-color: var(--white);
    border-radius: 24px;
    flex-wrap: wrap;
    gap: 30px;
}
.gartner-detail-header .details {
    flex: 2;
    flex-grow: 2;
    min-width: 250px;
}
.gartner-detail-header .details p,
.image-text-section .span6 p{
    font-size: 1rem;
    color: var(--c2-dark-text);
}
.gartner-detail-header .details p:first-child {
    font-weight: bold;
}
.gartner-detail-header .details p:last-child {
    margin: 0;
}
.gartner-detail-header .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-grow: 1;
    min-width: 200px;
}
.gartner-detail-header .logo img{
  max-height: 350px;
}
.gartner-report-banner-container{
    background-color: var(--c2-body-bg);
    padding-bottom: 3.75rem;
}
.gartner-ai-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 24px;
    background-color: var(--white);
}
.gartner-ai-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gartner-report-banner-container .row-fluid.full-width .gartner-ai-image img{
  width: 100% !important;
}
.gartner-report-banner-container .row-fluid.full-width .gartner-ai-image div p:last-child{
  margin-bottom: 0;
}
.gartner-ai-form{
    padding: 2rem;
    padding-bottom: 1.6rem;
    border-radius: 1.5rem;
    background-color: var(--white);
    height: 100%;
}
.gartner-ai-form h3{
    font-size: 2.25rem;
    margin-bottom: 12px;
}
.gartner-ai-form .btn-arrow {
    margin-top: 30px;
    margin-bottom: 30px;
    min-width: 240px;
    text-align: center;
  }
  .paragraph-wide{
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .paragraph-wide h3{
    margin-bottom: 20px;
  }
  .paragraph-wide-gartner p{
    font-size: 0.875rem;
    color: var(--c2-dark-text);
    margin: 0;
  }

.schedule-demo-form form .hs-recaptcha {
  margin-bottom: 25px;
}
.get-in-touch-form form .hs-recaptcha{
  margin-top: 20px;
}
.release-note,
.release-not-sidebar,
.general-content{
    background-color: var(--white);
    border-radius: 24px;
/*     height: 100%; */
    padding: 30px;
    margin-bottom: 1.5rem;
}
.general-content a{
  border: none;
}
.general-content a:hover {
  text-decoration: underline;
}

.release-note h2,
.release-note h3,
.release-not-sidebar h2,
.release-not-sidebar h3{
  font-size: 1.5rem;
}
.release-note{
  margin-top: 0;  
}
.release-note h4{
    font-size: 1.5rem;
    color: var(--c2-blue-text);
    margin: 10px 0px;
}
.release-note h3 ~ span{
    font-weight: 600;
    text-transform: uppercase;
    color: var(--c2-blue-text);
    font-size: 14px;
}
.release-note p{
    color: var(--c2-dark-text);
    font-size: 1rem;
}
.release-note ul,
.release-not-sidebar ul{
  padding-left: 20px;
}
.release-not-sidebar ul li a{
    border: none;
    margin-bottom: 8px;
    display: inline-block;
    color: var(--c2-dark-text);
}
.release-not-sidebar ul li::marker {
  color: var(--c2-blue-text);
}
.release-not-sidebar {
  height: 100%;
}
.release-note p a,
.release-note li a{
  border: none;
}
.release-note p a:hover,
.release-note li a:hover{
  text-decoration: underline;
} 
.gartner-detail-header.release-header .details p:first-child {
  font-weight: 400;
}
.gartner-detail-header.release-header  a{
  border: none;
  color: var(--c2-blue-text);
  font-weight: 600;
}
.release-notes-list.gartner-report-banner-container {
  max-width: 100%;
}
.release-note ul li:before{
  color: var(--c2-blue-text);
}
.release-note ul {
/*   padding-left: 0; */
}
.release-note p span {
  color: var(--c2-blue-text);
  font-weight: 600;
}
.sidebar-widgets .box-card-small:not(.black-theme) {
  background-color: #fff;
  margin-top: 2rem;
}
.general-content h2{
  font-size: 2rem;
  margin-bottom: 15px;
}
.general-content h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.general-content h4{
  font-size: 1.3rem;
  margin-bottom: 15px;
}
.sidebar-widgets .box-card-small:not(.black-theme) .img-display img {
  height: 245px;
  object-fit: cover;
  border-radius: 18px;
}
.general-content p {
  color: #5a6d8d;
  font-size: 1rem;
}
.blog-row .row-fluid .card-post .img-wrap-list{
    overflow: hidden;
    border-radius: 18px;
    max-height: 255px;
    margin-bottom: 20px;
}
.footer-section .button-row .cta_button {
  padding-left: 2.5rem;
}
.icon-hide .icon-box{
   display: none;
}
.icon-hide strong{
   margin-left: 0;
}
.min-height-row{
  min-height: 280px;
}
/* blog search */
.search-blog {
  background: #f5f7f8;
}

.search-blog form{
  position: relative;
}
.search-blog form input {
    color: #2a3a4b;
    font-family: var(--font-inter);
    font-weight: 500;
    border-radius: 10px;
    border-width: 2px;
    border-color: #E6EBF0;
    border-color: #E6EBF0;
    box-shadow: none;
    padding: 15px 65px 15px 20px;
    background-color: #fff;
}
.search-blog form input:focus{
    box-shadow: none;
    border-color: #2a3a4b;
    border-width: 2px;
}
.search-blog form input::-webkit-input-placeholder {
    color: #2a3a4b;
    font-family: var(--font-inter);
    font-weight: 500;
    opacity: 1;
}
.search-blog form .hs-search-field__button {
    background-color: #1960fa;
    border: none;
    right: 6px;
    cursor: pointer;
    position: absolute;
    top: 6px;
    padding: 9px 13px;
    border-radius: 9px;
}
.search-blog form .hs-search-field__button svg{
    height: 19px;
    fill: #fff;
    margin-top: 2px;
}
.search-input-single .hs-search-field {
  margin-top: 25px;
}
.search-blog.top-space {
  padding-top: 5rem;
}
/* blog tags */
.search-blog ul.hs-search-field__suggestions {
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
    margin-top: 10px;
    padding: 10px;
}
.search-blog ul.hs-search-field__suggestions li a {
    border-bottom-color: #dedede;
    border-bottom-width: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.search-blog ul.hs-search-field__suggestions li:last-child a {
  border-bottom-width: 0px;
}
.search-blog h1{
  margin-top: 1rem;
}
.blog-section #hubspot-topic_data {
  display: block;
  max-width: 1200px;
  margin: auto;
  margin-bottom: 20px;
}
.blog-section #hubspot-topic_data .topic-link {
    background-color: #e3eaed;
    border: none;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 10px;
    padding: 10px 20px;
    font-weight: 500;
}
.blog-section .two-col-text-image h1 {
  margin-bottom: 2rem;
}

/* blog results */
.search-blog-results {
  padding-bottom: 60px;
}
.search-blog-results .hs-search-results__listing li{
    padding: 26px;
    border-radius: 18px;
    margin-bottom: 20px;
    background-color: #fff;
}
.search-blog-results .hs-search-results__listing li p {
    color: #7f8da5;
    font-size: 14px;
    letter-spacing: -.28px;
}
.search-blog-results .hs-search-results__listing li p:last-child{
  margin-bottom: 0;
}
.search-blog-results .hs-search-results__listing li .hs-search-results__title {
    border: none;
    color: #000;
    display: block;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}
.search-blog-small-head p{
   color: #293a4c;
   font-weight: 500;
}

.search-blog-results .hs-search-results__pagination a{
    background-color: #005fff;
    color: #fff;
    padding: 7px 30px;
    border-radius: 40px;
    line-height: 1.6;
}
.summary-post-col .no-summary {
   display: none;
}
.summary-post-col > .hs_cos_wrapper:empty + .no-summary{
  display: block;
}

/* Extra css to be removed later */

.widget-type-blog_subscribe, .widget-type-form {
  margin: 0;
}

body .hs-form-field {
  padding: 0;
}
.header-container .content-area a:hover,
.header-container .content-area a:focus{
  background-color: transparent;
}
a:hover, a:focus {
    background-color: unset;
}

/* Form Default CSS */

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  border: 2px solid var(--c2-gray);
  border-radius: 14px;
  padding: 18px !important;
  font-family: var(--font-inter);
  box-shadow: none;
  color: #2a3a4b;
}
body form.hs-form fieldset[class*=form-columns] .input {
    margin-right: 0;
}
.hs_cos_wrapper_type_form input::-webkit-input-placeholder,
.hs_cos_wrapper_type_form textarea::-webkit-input-placeholder {
  color: #2A3A4B;
  font-weight: 500;
  opacity: 1; /* Firefox */
  font-family: var(--font-inter);
}
body form.hs-form fieldset[class*=form-columns] .hs-input[type=checkbox], 
body form.hs-form fieldset[class*=form-columns] .hs-input[type=radio] {
    width: auto;
}
.hs_cos_wrapper_type_form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #2a3a4b;
  font-weight: 500;
  font-family: var(--font-inter);
}

.hs_cos_wrapper_type_form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #2a3a4b;
  font-weight: 500;
  font-family: var(--font-inter);
}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {
    box-shadow: none;
    border: 2px solid #2A3A4B;
}
body label {
    display: inline-block;
    margin-bottom: 8px;
}
.hs-error-msgs {
    color: #f85800;
    font-size: .725em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list {
    list-style: none;
    padding: 0;
} 
.hs-error-msgs.inputs-list li{
  text-align: left;
} 
.image-text-section .gartner-report-banner-container:nth-child(2) .span6{
  animation-delay: 0s;
}

.hs-search-results__listing:has(.hs-search__no-results) + .hs-search-results__pagination a{
  background-color: transparent;
  padding: 0;
}
body .get-in-touch-form .hs-form-field {
  max-width: 100%;
}
.gartner-report-banner-container .row-fluid.full-width .span12{
  margin: 0;
}

.fullwidth-section {
  padding-top: 62px;
  padding-bottom: 62px;
  background-color: #F5F7F8;
}

.fullwidth-section h2,
.fullwidth-section p {
/*   padding-right : 200px; */
}

.fullwidth-section p {
  margin: 20px 0 30px;
}

 /* ======== new demo room page style ======= */
.anchor-image img{
  aspect-ratio: 1.28 / 1;
  width: 100%;
  object-fit: cover;
  transition: .3s;
}
.demo-card{
  background-color: #fff;
  padding: 10px;
  border-radius: 24px;
}
.demo-card .anchor-image{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  transition: .3s;
}
.demo-card h3{
  font-size: 1rem;
  letter-spacing: -0.32px;
  margin: 19px 0px;
  padding: 0 10px;
}
.demo-card-rich-text{
  letter-spacing: -0.28px;
  font-size: 14px;
  padding: 0 10px 10px;
}
.demo-card-rich-text p {
  letter-spacing: -0.28px;
  font-size: 14px;
}
.demo-card-rich-text p:last-child{
  margin-bottom: 0;
}
.demo-card .anchor-image:hover img{
  transform: scale(1.06);
  transition: .3s;
}
.demo-card.no-popup .modal-trigger{
  display: none;
}
.anchor-image .modal-trigger{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 18px;
  background-image: url(https://3887757.fs1.hubspotusercontent-na1.net/hubfs/3887757/raw_assets/public/C2Perform%20Theme%20July%202024/images/play-icon-blue.png);
  background-size: 50px 50px;
  background-position: center center;
  background-repeat: no-repeat;
}
.new-demo-room-banners .box-card-small .dark-info-box{
  padding: 20px 0 0 0;
}
.new-demo-room-banners .box-card-small .dark-info-box img{
  border-radius: 18px;
  aspect-ratio: 2 / 1.3;
  object-fit: cover;
}
.rc-top-content{
  padding-left: 22px;
  padding-right: 22px;
}
.new-demo-intro{
  background-color: #fff;
  padding: 30px;
  border-radius: 24px;
}
.new-demo-intro p{
  letter-spacing: -0.32px;
}
.new-demo-intro p:last-child{
  margin-bottom:0;
}
.new-demo-room-banners .hs-cta-embed{
   margin: 0px 0 38px 22px;
}
.demo-room-faq .accordion-header{
  padding-left:0;
  padding-right: 0;
}
.demo-room-faq .accordion-header.active + .accordion-content{
  padding-bottom: 15px;
}
.card-custom-modal .hs-embed-wrapper{
  max-width: 100% !important;
}
.demo-card-row .demo-card{
    margin-bottom: 25px;
 }

/* ======= demo cards on products and solution pages ===== */
.demo-cards-inner-pages .hs_cos_wrapper_type_header h2,
.demo-cards-inner-pages .hs_cos_wrapper_type_header h3,
.demo-cards-inner-pages .hs_cos_wrapper_type_header h1{
  padding-top: 50px;
}
.demo-cards-inner-pages .demo-card-row{
  margin-top: 40px;
}

.four-boxes > .hs_cos_wrapper .span3 .feature-box h5 {
  text-align: center;
  color: var(--c2-blue);
}

@media screen and (min-width: 1025px){
  .cards-row{
    display: flex;
  }
}
@media screen and (max-width:1230px){
  .dnd-section{
    padding-left: 25px;
    padding-right: 25px;
  }
  .card-custom-modal .modal-close {
   right: -4px;
   top: -34px;
 }
}
@media screen and (min-width: 1140px){
  
  .demo-card-row{
    display: flex;
    flex-wrap: wrap;
  }
  .demo-card-row .span3{
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px;
    padding-right: 10px;
 }
  .demo-card-row .span3{
    width: 25%;
  }
.demo-card-row{
    margin-left: -10px;
    margin-right: -10px;
 }
  .demo-cards-inner-pages .demo-card-row .span3{
     width: 33.33%;
  }
}
@media screen and (min-width:768px) and (max-width:1139px){
  .cards-row,
  .demo-room .dnd-section > .row-fluid {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    width:100%;
  }
  .cards-row:before,
  .demo-room .dnd-section > .row-fluid:before{
    display:none;
   }
  .cards-row .span3,
  .demo-room .dnd-section > .row-fluid .span4{
    width: calc(50% - 20px);
  }
  .demo-room .dnd-section > .row-fluid .span12{
   width:100%;
  }
}
@media screen and (max-width:1024px){
  .demo-room .dnd_area-row-0-padding,
  .demo-room .dnd_area-row-5-padding,
  .demo-room .dnd_area-row-8-padding{
    padding-bottom: 40px !important;
  }
  .demo-room .dnd_area-row-4-padding{
    padding-top: 40px !important;
  }
  .demo-room .dnd_area-row-6-padding{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 767px){
  .demo-card{
    margin-bottom: 25px;
  }
}
/* ======= responsiveness grid columns  ======== */
@media screen and (min-width: 1025px){
    .two-col-zigzag .row-fluid,
  .blue-shade-quote-image .row-fluid,
  .blog-row .row-fluid{
    display: flex;
 }
  .four-boxes > .hs_cos_wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  
  .four-boxes > .hs_cos_wrapper .span3 {
    flex: 22.3%;
    margin-bottom: 2.564102564%;
  }
 
  
  .four-boxes > .hs_cos_wrapper .span3:nth-child(5n) {
    margin-left: 0;
  }
  
  .four-boxes > .hs_cos_wrapper .feature-box
    height: 100%;
  }

  .blog-row .row-fluid .card-post{
    height: 100%;
  }

  .blog-row .row-fluid .card-post,
  .three-col-post .post-listing .card-post{
     position: relative;
     padding-bottom: 90px;
  }
  .blog-row .row-fluid .card-post .btn-c2,
  .three-col-post .post-listing .card-post .btn-c2{
      position: absolute;
      left: 28px;
      bottom: 28px;
    }
   .card-post .card-text p,
  .three-col-post .post-listing .card-post p{
    margin-bottom: 18px;
  }
   .card-post .card-text,
  .three-col-post .post-listing .card-post .blog-content{
    padding-bottom: 0;
  }
  .hs-menu-wrapper.hs-menu-flow-vertical li a {
    white-space: normal;
  }
  .form-and-links .c2-container .row-fluid,
  .schedule-thanks .c2-container .row-fluid{
    display: flex;
  }
  .schedule-thanks .row-fluid-wrapper .thanks-links{
    margin-bottom: 0 !important;
  }
  .banner-section.coaching .full-width-img{
    margin-top: 25px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1150px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    margin-top: 22px;
  }
  .footer-menus .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .schedule-demo-form .inputs-list.multi-container li span {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
  .footer-section .button-row .cta_button {
    padding-left: 2rem;
  }
}
@media (max-width: 1300px) and (min-width: 1140px) {
    #smart-nav ul>li.cta {
      display: block;
    }
}
@media screen and (max-width: 1300px) {
  .history-carousel .flickity-prev-next-button.previous {
    right: calc((100% - 960px) / 2);
 }
  .history-carousel .flickity-prev-next-button.next {
      right: calc((100% - 1100px) / 2);
  }
}
@media screen and (max-width: 1200px) {
  .history-carousel .flickity-prev-next-button.previous {
    right: 100px;
 }
  .history-carousel .flickity-prev-next-button.next {
      right: 30px;
  }
}


@media screen and (max-width:1024px) {
  .body-container-wrapper .row-fluid .span1,
  .body-container-wrapper .row-fluid .span2,
  .body-container-wrapper .row-fluid .span3,
  .body-container-wrapper .row-fluid .span4,
  .body-container-wrapper .row-fluid .span5,
  .body-container-wrapper .row-fluid .span6,
  .body-container-wrapper .row-fluid .span7,
  .body-container-wrapper .row-fluid .span8,
  .body-container-wrapper .row-fluid .span9,
  .body-container-wrapper .row-fluid .span10,
  .body-container-wrapper .row-fluid .span11,
  .body-container-wrapper .row-fluid .span12 {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right:0;
  }
  .full-width-trwo-col.no-round-corners .hs_cos_wrapper_type_rich_text .logo-w-btn {
    align-items:center;
    gap: 20px;
  }
  .full-width-trwo-col.no-round-corners .self-center{
       padding-bottom: 30px;
  }
  .two-col-alternative-rows .inner-rows span.hs_cos_wrapper {
    display: block;
    width: 100%;
  }
  .three-col-post .card-post img {
     aspect-ratio: 3 / 2.2;
  }
  .blog-row .row-fluid .card-post .img-wrap-list {
    max-height: none;
  }
  .two-col-alternative-rows .img-col img {
    margin-top: 1rem;
  }
  .inner-rows.mobile-order .row-fluid  {
      display: flex;
     flex-wrap: wrap;
  }
  .inner-rows.mobile-order .row-fluid .span8 {
     order: -1;
  }
   .foot-dropdown .btn-c2 {
    min-width: 244px;
  }
  .content-col .btn-c2{
    margin-top: 1rem;
  }
  .dark-cta-img {
    aspect-ratio: 1 / 1;
    max-width: 100%;
  }
    .card-post .card-text p {
     margin-bottom: 20px;
  }
  .blog-row .row-fluid .card-post .img-wrap-list{
    margin-bottom: 0;
  }
   .card-post{
      margin-bottom: 2rem;
  }
  .four-col-feature h2 {
    margin-bottom: 1rem;
  }
  .gray-box-news-letter {
      margin-bottom: 40px;
  }
  .three-col-post.blog-coaching {
    padding-bottom: 8px;
    padding-top: 40px;
  }
  .footer-container-wrapper {
    padding-top: 40px;  
  }
  .banner-section {
    padding-bottom: 40px;
  }
  .footer-menus .span4{
     width: 100%;
     margin: 0;
  }
 .footer-menus .span4.third .heading.no-text {
    display: none;
  }
  .footer-section .second ul,
  .footer-section .footer-content .heading{
    margin-bottom: 0;
  }
  .footer-menus .span4.third .hs-menu-wrapper {
    margin-top: 0;
  }
  .footer-content {
    padding-bottom: 0;
  }
  .schedule-demo-form {
    margin-bottom: 25px;
  }
  .schedule-demo-form .hs-form-field{
    max-width: 100%;
  }
  .history-carousel .b-slider__slide {
    width: 34.5%;
  }
  .company-sidebar-image {
    margin-top: 2rem;
  }
  .inner-banner-section.company {
    padding-bottom: 10px;
  }
  .social-box.get-in-touch-links {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 860px) and (max-width: 1024px){
  .button-row .span3 {
    width: auto !important;
  }
  .button-row .upper-list {
    padding-left: 20px;
  }
  .button-row .upper-list .foot-dropdown{
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width:1024px){
  .footer-section .row-number-7 .span3,
  .footer-section .row-number-7 .span6,
  .footer-section .row-number-7 .span3,
  .button-row .span3{
     width: 100%;
     margin: 0;
  }
  .footer-content {
    padding-left: 0;
  }
  .banner-section .button_cta2 .cta_button,
  .banner-section .button_cta .cta_button{
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1139px){
  #hamburger-menu-wrapper,
  .language-dropdown{
    top: auto;
  }
  #hamburger-menu-wrapper {
    top: -7px;
  }
  .header-container-wrapper.scrolled #hamburger-menu-wrapper{
    top: -2px;
  }
}


@media screen and (min-width: 1162px){
  .two-col-links-w-text .dark-column span.hs_cos_wrapper .hs_cos_wrapper:nth-child(2){
    display: flex;
    flex-direction: column;
    position: relative;
    bottom: -5px;
 }
}
@media screen and (min-width: 1140px){
  #c2p-header .page-center .row-fluid-wrapper > .row-fluid {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width:1140px){
  .two-col-links-w-text .row-fluid{
    display: flex;
  }
   .three-col-post .row-number-3 > .row-fluid,
  .three-col-post .row-number-7 > .row-fluid,
  .three-col-post .row-number-17 > .row-fluid,
  .three-col-post .c2-container .row-fluid-wrapper > .row-fluid{
     margin-bottom: 32px;
     display: flex;
  }
  .three-col-post.bg-white .row-number-7>.row-fluid {
    margin-bottom: 0;
  }
  .three-col-post .cta-down-position{
    display: flex;
  }
  .inner-rows .row-fluid-wrapper > .row-fluid {
    display: flex;
  }
  .inner-rows .img-col div.hs_cos_wrapper_type_module,
  .inner-rows .img-col span.hs_cos_wrapper_type_linked_image{
    display: flex;
    height: 100%;
  }
  .button-row .row-fluid > .span3{
    margin-left:0;
    width: 22.076923%;
  }
  .full-width-trwo-col .row-fluid {
    display: flex;
    position: relative;
 }
  .full-width-trwo-col .row-fluid .self-center{
      align-items: center;
      display: flex;
  } 
  .gray-box-news-letter .row-fluid {
    display: flex;
  }
  .gray-box-news-letter .row-fluid .span4 span{
      height: 100%;
      display: flex;
  }
  .gray-box-news-letter .row-fluid .span4 span.hs_cos_wrapper_type_module {
    display: flex;
  }
  .gray-box-news-letter .row-fluid .span4 .hs_cos_wrapper_type_module img{
    height: 100%;
    margin-bottom: 0;
    object-fit: contain;
    object-position: bottom;
  }
  .gray-box-news-letter .span4.widget-span{
    align-self: end;
  }
  .list-with-no-margin .tick-list{
  margin-top: 0;
  }
  .three-col-cards .row-fluid-wrapper .row-fluid {
    display: flex;
  }
  .pricing-section .row-fluid{
  display: flex;
  }
  .footer-section h3{
    font-size: 2.75rem;
  }
  .stated-section .bg-white-box,
  .stated-section .bg-black-box{
    margin-top: 0;
  }
  .schedule-thanks .row-fluid-wrapper{
      display: flex;
   }
   .schedule-thanks .row-fluid-wrapper .thanks-links{
      display: flex;
      height: 100%;
   }
  .form-and-links .c2-container .row-fluid {
      display: flex;
  }
  .dashboard-benefits-section .c2-container .row-fluid{
    display: flex;
  }
  .dashboard-benefits-section .c2-container .dashboard-benefits{
    height: 100%;
  }
  .dashboard-benefits-section {
    
  }
  .c2-blog-most-popular-img {
    height: 100%;
  }
  .c2-blog-most-popular-img .main-image {
      height: 100%;
     object-fit: cover;
  }
  .inner-banner-section.news-letter .row-fluid {
     display: flex;
     align-items: center;
  }
  .inner-banner-section.news-letter.blog .row-fluid {
    align-items: flex-start; 
  }
  .inner-banner-section.news-letter .row-fluid .form-news-letter {
    padding-bottom: 0;
  }
   .inner-banner-section.news-letter .row-fluid .form-news-letter form{
     align-items: flex-end;
  }
  .landing-page-form-section .c2-container .row-fluid,
  .landing-page-detail-container .c2-container .row-fluid{
     display: flex;
  }
  .landing-page-form-section .c2-container .row-fluid .landing-page-text,
  .landing-page-detail-container .c2-container .row-fluid .landing-page-banner-detail{
     height: auto;
  }
  .editor-content-col{
       padding-right: 40px;
    }
    .inner-banner-section.wide h1 {
       font-size: 3.75rem;
    }
    .inner-banner-section.blue-sub-heading h1{
       font-size: 3.75rem;
   }
  .gartner-detail-header .row-fluid,
  .gartner-report-banner-container .row-fluid{
    display: flex;
  }
   .gartner-report-banner-container .row-fluid.full-width{
   flex-wrap: wrap;
   row-gap: 30px;
  }
  .gartner-report-banner-container .row-fluid .gartner-ai-form,
  .gartner-report-banner-container .row-fluid .gartner-ai-image{
      height: auto;
  }
  .release-not-sidebar{
    position: sticky;
    top: 85px;
  }
  .general-content {
  margin-bottom: 0;
  }
 .header-container-wrapper .language-dropdown {
    padding: 12px 0;
  }
  .header-container-wrapper ul li.has-children a {
    position: relative;
  }
  .header-container-wrapper ul li.has-children a:before {
   content: '';
    position: absolute;
    left: 0;
    bottom: -19px;
    height: 20px;
    width: 100%;
  }
  #c2p-header .page-center .row-fluid-wrapper > .row-fluid {
    display: flex;
    align-items: center;
  }
  .language-dropdown {
    padding-top: 5px !important;
    padding-bottom: 0;
  }
  .header-container-wrapper.scrolled #c2p-header .page-center{
    padding-top: 4px;
    }
  #smart-nav ul>li.has-children >div.dropdown {
    width: max-content;
    max-width: 1060px;
    max-height: 1000px;
  }
  #smart-nav>ul {
    position: static;
  }
  #smart-nav ul>li.has-children>div.dropdown {
    left: 50%;
    transform: translate(-50%, -20px);
    transition: .4s;
    pointer-events: none;
  }
  #smart-nav ul>li.has-children:hover>div.dropdown {
    transform: translate(-50%, 0px);
    pointer-events: auto;
  }
  .full-width-trwo-col .hs-cta-embed {
  margin-bottom: 30px;
  }
}

@media screen and (min-width: 1024px){
  .comparison-table table tbody td:first-child{
    width: 60%;
  }
}


/* =============== responsiveness  ================== */
@media screen and (min-width:768px){
  .inputs-list.multi-container {
        display: flex;
        flex-wrap: wrap;
  }
  .inputs-list.multi-container li{
        width: 50%;
  }
  .inputs-list.multi-container li.hs-form-radio {
    width: 100%;
  } 
  .comparison-table table thead tr{
    position: sticky;
    top: 60px;
    left: 0;
    z-index: 1;
  }
  .banner-section .button_cta2,
  .banner-section .button_cta {
    width: auto !important;
    display: inline-block;
  }
}
@media screen and (min-width:768px) and (max-width:1139px){
    h1, .h1{
        font-size: 3rem;
        line-height: 1.1;
        letter-spacing: -1.56px;
    }
    h2, .h2{
        font-size: 2.5rem;
        line-height: 1.1;
        letter-spacing: -1.12px;
    }
    h3, .h3{
        font-size: 2rem;
        line-height: 1.1;
        letter-spacing: -0.8px;
    }
    h4, .h4{
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.6px;
    }
  .three-col-post .post-listing .blog-post{
      width: 50%;
     flex-basis: 50%;
  }
  .header-container-wrapper.scrolled #smart-nav.open{
    margin-top: 44px;
  }

}

@media screen and (min-width:768px) and (max-width:1024px) {
  .home-banner .button_cta .cta_button,
   .banner-section .button_cta2 .cta_button{
    margin-left: 20px;
  }
  .home-banner .button_cta2 .cta_button {
    margin-left: 0px;
  }
  .four-boxes > .hs_cos_wrapper{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .c2numbers-row .hs_cos_wrapper {
    display: grid;
    column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .four-boxes .span3 .feature-box {
    height: 100%;
  }
     .bullet-box-outer .row-fluid {
     flex-direction: column;
    }
  
    .bullet-box {
      margin-bottom: 20px;
    }
}

@media screen and (max-width:1140px){
 
  
    .full-width-trwo-col img{
        margin: 2rem auto 0;
        display: block; 
    }
    .two-col-alternative-rows .img-col img{
        width: 100%;
/*         margin-top: 1rem; */
        margin-bottom: 1rem;
    }
    .cta-down-position{
        padding-top: 1rem;
    }
    .footer-section .upper-list > li,
    .footer-section .widget-type-cta{
        margin-bottom: 1rem;
    }
    .feature-box{
        margin-bottom: 2rem;
    }
    .bg-white-box img{
        width: 100%;
        object-fit: cover;
    }
    .bg-white-box .info-box{
        padding-bottom: 1rem;
    }
    .cta-down-position{
        justify-content: flex-start; 
    }
    .news-img img{
        margin: 1rem auto 0;
        display: block;
    }
    .text-with-list p{
        margin-top: 0;
    }
    .text-with-list .tick-list{
        margin-top: 3.25rem;
    }
    .big-tabs-section .tabs-wrap{
        margin-bottom: 2rem;
    }
    .big-tabs-section .tab-content{
        position: static;
        transform: translate(0, 0);
    }
    .stated-section .bg-white-box img{
        width: auto;
    }
    .card-img-h{
        height: auto;
        margin-bottom: 1rem;
    }
    .integration-card-wrap{
        margin-bottom: 2rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pricing-box{
        height: auto;
        margin-bottom: 2rem;
    }
    .inner-banner-section .form-news-letter-header{
        padding-top: 2rem;
    }
    .banner-section .button_cta .cta_button{
/*       margin-bottom: 5px; */
    }
    .footer-section .button-row{
      padding-bottom: 40px;
    }
   .tabs .span6{
    width:100%;
   }
  .banner-section.buyer-role .hs_cos_wrapper_type_rich_text p,
  .banner-section.buyer-role .tick-list{
    margin-top: 0rem;
    margin-bottom: 0;
  }
  .big-tabs-section {
    padding-bottom: 3rem;
  }
  .footer-section{
    padding-top: 0;
    padding-bottom: 0;
  }
  .four-col-feature{
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .c2pindex-subscribe form .hs-form-field,
 .c2pindex-subscribe form .hs-submit {
    margin-left: 0;
  }
  .download-col .download_button .hs-button {
    margin-top: 3rem;
  }
  .box-card-small,
    .dashboard-benefits{
        margin-bottom: 25px;
    }
  .green-overlay-box {
    aspect-ratio: 1 / 1;
  }
  .schedule-thanks .row-fluid-wrapper .thanks-links{
    margin-bottom: 20px;
    }
  .three-col-post .post-listing .blog-post {
    flex-basis: 100%;
    width: 100%;
  }
  .landing-page-banner-detail,
  .landing-page-text{
    margin-bottom: 2rem;
  }
  .gartner-detail-header .logo {
    margin: 40px 0px 20px 0px;
  }
  .gartner-ai-image {
    margin-bottom: 2rem;
  }
   .c2-container {
    padding-left: 30px;
    padding-right: 30px;
 }
  #c2p-header .span10.less-d{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
  }
  .footer-bottom {
    padding-left: 30px;
    padding-right: 30px;
  }
  .language-dropdown {
    padding: 14px 0;
  }
  #smart-nav.open{
    margin-top: 61px;
  }
  #smart-nav>ul.mobile-button {
    justify-content: flex-start;
    gap: 20px;
  }
  #smart-nav>ul {
    padding-bottom: 0;
  }
   #smart-nav>ul.mobile-button {
     padding-bottom: 20px;
     padding-left: 30px;
     box-shadow: 1px 2px 3px #e6e6e6;
     align-items: center;
  }
  .header-container-wrapper .logo img {
    min-width: 170px !important;
    margin-left: 12px !important;
  }
  .header-container-wrapper.scrolled .logo img {
     padding: 0px 0;
     margin: 5px 0px;
  }
  #smart-nav ul>li.has-children>div.dropdown {
    margin-top: 0;
  }
  #smart-nav ul>li.has-children.open>div.dropdown {
    margin-top: 15px;
  }
  #hamburger-menu, 
  #hamburger-menu:after, 
  #hamburger-menu:before {
    width: 30px;
  }
  #hamburger-menu:before {
    bottom: 8px;
  }
  #hamburger-menu:after {
    top: 8px;
  }
  #hamburger-menu-wrapper {
    right: 15px;
  }
  .language-dropdown {
    right: 67px;
  }
  
  .footer-section .button-row .cta_button {
    white-space: nowrap;
  }
  #smart-nav>ul.mobile-button span.call {
    padding: 10px 20px;
    min-width: 220px;
    text-align: center;
  }
  .mobile-hide {
    display: none !important;
  }
  .search-input-single .hs-search-field {
     margin-top: 0;
  }
  .search-blog.top-space {
    padding-top: 3rem;
 }
  .gartner-report-banner-container .row-fluid.full-width .span12.gartner-ai-image{
    margin-bottom: 30px;
  }
  .gartner-report-banner-container.v2 .row-fluid.full-width .span12.gartner-ai-image{
    margin-bottom: 0px;
  }
  .gartner-report-banner-container.v2 .row-fluid.full-width .span12.gartner-ai-form{
    margin-bottom: 30px;
  }
}

.insurance-logos .hs-logo-grid {
  flex-wrap : inherit;
  padding-top: 60px;
}

@media screen and (max-width: 1024px) {
   .green-overlay-box.blue-shade-overlay {
      margin-top: 2rem;
  }
  .banner-section.buyer-role .button_cta .hs-cta-embed {
    margin-right: 20px;
  }
  .c2pindex-subscribe {
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px){
  .full-width-trwo-col.no-round-corners .hs_cos_wrapper_type_rich_text .logo-w-btn img {
    margin-left: 0;
/*     margin-top: 20px; */
  }
}

@media screen and (max-width: 768px){
  .brands-carousel-flex {
    flex-flow: column wrap;
 }
   .switch-caption{
        width: 100%;
        padding-left: 0;
        padding-top: 20px; 
    }
  .banner-section.buyer-role h1{
    margin-bottom: 0;
  }
  .banner-section.buyer-role .button_cta2 .hs-cta-embed {
    margin-top: 20px;
  }
     .bullet-box-outer .row-fluid {
     flex-direction: column;
    }
  
    .bullet-box {
      margin-bottom: 20px;
    }
}
@media screen and (max-width:767px){
    h1, .h1{
        font-size: 2.2rem;
        line-height: 1.1;
        letter-spacing: -1.56px;
    }
    h2, .h2{
        font-size: 2rem;
        line-height: 1.1;
        letter-spacing: -1.12px;
    }
    h3, .h3{
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.8px;
    }
    h4, .h4{
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.6px;
    }
    .b-slider__slide {
        text-align: center;
        /* width: 20rem; */
        /* height: 8rem; */
        display: flex;
        align-items: center;
    }
    .box-link-wrap{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .two-col-links-w-text .light-column{
        padding: 1rem;
    }
    .two-col-links-w-text .dark-column{
        padding: 2rem 1rem 0 1rem;
    }
    .dark-column .image-box{
        min-height: 230px;
    }
    .box-link-wrap a{
        padding: 14px;
        font-size: 14px;
    }
    .brand-card{
        height: 450px;
        aspect-ratio: auto;
    }
    .banner-section .btn-c2{
        margin-bottom: 1rem;
        margin-left: 0;
    }
    .bg-green-box h4{
        font-size: 25px;
        margin-bottom: 0;
    }
    .bg-green-box{
        padding: 30px 26px 30px 30px;
    }
    .big-tabs-section .tabs-wrap li a{
        padding: 20px 10px 0px 15px;
    }
    .banner-section{
/*         padding-top: 5.0625rem; */
        padding-bottom: 3.375rem;
    }
    .custom-modal-content{
        padding: 20px 15px;
        border-radius: 15px;
    }
    .close-modal{
        top: 24px;
        right: 15px;
    }
    .two-col-alternative-rows .content-col{
        padding: 2rem 1rem 3rem 1rem;
    }
    .integration-card-wrap{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .tables-wrap{
        width: 100%;
        display: block;
        overflow-x: auto;
    }
    .comparison-table table thead th:first-child,
    .comparison-table table tbody tr td:first-child{
        position: sticky;
        left: 0;
        z-index: 1;
    }
    .comparison-table table thead th:first-child{
        background-color: var(--white);
        min-width: 220px;
    }
    .comparison-table table tbody tr td:first-child{
        background-color: var(--c2-body-bg);
    }
   
    .input-wrap{
        margin-right: 1rem;
    }
   .gray-box-news-letter{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 34px
  }
  .form-news-letter .hs_email{
    margin-right: 15px;
  }
  .form-news-letter form{
     margin-bottom: 20px;
     margin-top: 20px;
  }
  .c2-blog-most-popular-img{
        margin-top: 30px;
        height: 200px;
        background-color: #fff;
     }
     .dashboard-benefits-section{
        padding-bottom: 30px;
     }
     .three-col-blog-list {
        padding-bottom: 30px;
        padding-top: 30px;
     }
    .three-col-post .post-listing .blog-post{
      width: 100%;
     flex-basis: 100%;
    }
    .homepage #homepage-banner {
        padding-top: 60px;
   }
  .breadcrumb-wrp a {
  font-size: 12px;
  }
  .breadcrumb-wrp ul li.last-crumb span,
  .breadcrumb-wrp span.hs_cos_wrapper{
    font-size: 12px;
  }
  .footer-menus .hs-menu-wrapper {
    margin-top: 0;
  }
  .heading.no-text {
    display: none;
  }
  .footer-section .second ul {
    margin-bottom: 0;
  }
  .full-width-trwo-col.no-round-corners img {
    margin-top: 2rem;
  }
  .full-width-trwo-col.no-round-corners .hs_cos_wrapper_type_rich_text .logo-w-btn .btn-c2 {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 15px;
  }
  .foot-dropdown .btn-c2 {
    font-weight: 500;
  }
  .full-width-trwo-col .content-col .btn-c2{
    margin-top: 0.5rem;
  }
  .full-width-trwo-col img{
    margin-top: 1rem;
  }
  .text-box{
    font-size: 13px;
  }
  .brand-card .inner-box{
    padding: 33px 20px;
  }
  .banner-section h1{
    margin-top: 0;
  }
  .content-col h5 {
    margin-bottom: 20px;
  }
  .two-col-alternative-rows .inner-rows {
    margin-top: 40px;
  }
  .three-col-post,
  .two-col-links-w-text,
  .carousel-flex,
  .full-width-trwo-col.no-round-corners,
  .three-col-post{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .full-width-trwo-col.no-round-corners {
    padding-bottom: 40px;
  }
  .three-col-post {
    padding-bottom: 16px;
  }
  .two-col-alternative-rows {
    padding-top:0;
    padding-bottom:40px;
  }
  .footer-content,
  .footer-section .button-row{
    padding-bottom: 0;
  }
  .footer-container-wrapper{
    padding-top: 40px;
  }
  #smart-nav>ul.mobile-button {
    flex-wrap: wrap;
  }
  .banner-section .button_cta2 .cta_button {
    margin-bottom: 0;
  }
  .four-col-feature {
    padding-bottom: 8px;
  }
  .brands-carousel-flex,
  .two-col-links-w-text .dark-column{
    margin-top: 20px;
  }
  .banner-section .button_cta .cta_button {
    margin-bottom: 0;
  }
  .header-container-wrapper {
    background-color: #fff;
  }
  #hamburger-menu-wrapper {
    top: 3px;
  }
  .icon-bar{
    margin-bottom: 15px;
  }
  .header-container-wrapper.scrolled .logo img{
    margin: 0;
  }
  .language-dropdown {
    padding: 10px 0;
  }
  .tick-list.with-blue-bg ul{
    padding: 40px 25px 25px 25px;
  }
  .gartner-ai-form h3 {
    font-size: 1.5rem;
    line-height: 1.1;
  }
   .history-carousel .b-slider__slide {
    width: 80%;
  }
  .carousel-full-width.history-carousel {
    padding-top: 40px;
  }
  .marquee-slider-history .flickity-prev-next-button {
    top: -30px !important;
    border-radius: 15px;
    height: 40px;
    width: 50px;
  }
  .marquee-slider-history .flickity-prev-next-button .flickity-button-icon{
    background-position: 8px 6px;
  }
  .c2-perform-number-section {
    padding: 40px 0px;
  }
  .c2-perform-number-section .c2number-card{
    margin-top: 40px;
  }
  .stated-section,
  .sub-form-w-large-image {
    padding-bottom: 40px;
  }
  .history-carousel .flickity-prev-next-button.previous {
    right: 50%;
  }
  .history-carousel .flickity-prev-next-button.next {
    right: calc(50% - 60px);
  }
  .sidebar-widgets .box-card-small:not(.black-theme) .img-display img {
    height: auto;
  }
  .sidebar-widgets .box-card-small .img-display {
    min-height: 200px;
  }
  .integration-section {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .list-box-white-c2index {
    margin-bottom:40px;
  }
  .banner-section.coaching .button_cta,
  .banner-section.coaching .widget-type-space{
    display: none;
  }
  .banner-section.coaching {
    padding-bottom: 2.5rem;
  }
  .tag-as-heading span.hs_cos_wrapper{
    font-size: 2rem;
  }
  
}

@media screen and (max-width: 480px){
  .get-in-touch-form .input input{
      width: 100% !important;
  }
  .get-in-touch-form .hs-firstname{
      padding-right: 0 !important;
  }
  .form-columns-2 .hs-form-field .hs-input {
    width: 100% !important;
  }
  body .get-in-touch-form form.hs-form fieldset .hs-form-field {
    padding-right: 0;
  }
}