/* @import url('http://example.com/example_style.css'); */

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

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

/* Global Styles for Dropdowns, Nav Icons */
@import url('//cdn2.hubspot.net/hub/21706293/hub_generated/template_assets/110334836751/1695144980034/Reformer/css/v2/global_styles.min.css');

/* Section - Main Heading & Subheading */

.section-header {
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 40px;

}

.section-subheader {
   color:#505070;
   
  }

/* Section Max-Width to be set from the editor */
/* * */


/* Hero Subheading Text */

.dnd-module p {
      font-size: 22px !important;
      font-weight: 400;
  
}


/* Hero Text Color   */

.eut-slogan-inner>h1 {
    color: #1A1A57 !important;
}

/* Hero Text Color   */
.content-wrapper--vertical-spacing{
  padding: 160px 20px;
  padding-bottom: 160px;
}

.dnd-module>span {
    font-size: 20px !important;
    font-weight: 400;
}

/* Hero Highlight */
.hero-text {
  color: #156CEF;
}


/* NAV Properties */

/* nav bg color */
.eut-header.eut-header-skin-dark {
  background-color: #F6F9FF;
}

/* nav witdh */
.eut-container {
   max-width: 1440px !important;
   margin-bottom: 0px
}
.eut-header {
  padding-top: 40px;
}


/* Client Logos */

.clients-logos-wrapper {
  text-align: center;
  background-color: #F6F9FF;
}

.client-logo {
  margin-bottom: 40px;
}

p.clients-subheading {
  font-size: 20px !important;
  line-height: 2rem;
  margin-bottom: 40px;
}



/* Features Section */


.features-small-icon {
     display: inline;
     width: 100%;
     vertical-align: middle !important;
     height: auto !important;
    
}

.features-small-icon img {
  width: 50px !important;
  height: 50px !important;
  margin-right: 10px;
  float: left;
}

.features-small-icon p {
     font-weight: 700 !important;
     font-size: 17px !important;
     min-height: 100px !important;
     padding-top: 9px !important;
     color: #191957;
}


p.feature-text {
  display: table-cell;
  vertical-align: middle !important;
}



/* Features Section  NEW */

/* Feature Content */

.features-content {
  display: flexbox;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 40px;
}


.feature-image {
  padding-top: 30px;
}

.feature-content {
  padding-left: 40px !important;
  padding-right: 40px  !important;
  margin-top: 40px  !important;

}


.feature-text h3 {
  color: #191957;
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.3em;
}

.feature-text p {
  color: #525272;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.8em;

}

.feature-section h6 {
  color: #262676;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 26px;

}

.feature-image img {
  width: 100%;
  margin-bottom: 50px;

}

.feature-text {
  margin-bottom: 20px;
}


/* Icon Section */

.features-bottom {
  margin-top:40px;
}

.feature-icons {
  display: flex;
  flex-wrap:wrap;
}

/* Icon Text */
.feature-icon p {
  margin-right: 10px;
  font-size: 17px !important;
  font-weight: 500;
  margin-bottom: 0 !important;
  color: #191957 !important;

}

.feature-icon {
  display: flex;
  align-items: center;
  background-color: #E1F1F5;
  padding: 12px 18px 12px 18px;
  border-radius: 100px; 
  margin-bottom: 20px;
  font-size: 18px;
  color:#191957;

}

.feature-icon img {
  margin-right: 10px;
}


/* Learn More Link */

.learn-more-link {
  margin-top: 20px;
}

.learn-more-link span { 
  vertical-align: middle;

}


.learn-more-link a {
  font-size: 17px;
  color: #156CEF !important;
  font-weight: 500;
  text-decoration: none;
  vertical-align: middle;
}

/* BG Elements*/
.row-number-13 {
  position: relative;
} 

.bg-element-1 {
  position: absolute;
  background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Global/bg-graphics/bg-elements-1.svg");
  top:-250px;
  left :30px;
  width: 250px;
  height: 150px;
  background-repeat: no-repeat;
}




/* FEATURES RESPONSIVE ADJUSTMENTS 1200 */

@media screen and (max-width: 1400px) {


}

@media screen and (max-width: 1200px) {

/* put image at the top for boxes 1 & 3 */

.features-content {
  display: flex;
  flex-direction: column-reverse;
}

/* put image at the top for boxes 2 */

.feature-2 {
  display: flex;
  flex-direction: row-reverse;
}

.feature-image img {
  margin-bottom: 0;
}

.feature-content {
  margin-top: 20px;
  margin-bottom: 60px;
  width: 100%;
}

  .feature-text {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;

  }

  .feature-top {
    width: 80%;
    margin: 0 auto;

  }

  .feature-image {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0px;
  }

  .feature-icons {
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    width: 100%;
  }

  .feature-icon {
    flex-grow: 0;
    width: 400px;
    margin-left: 20px;

  }

  .features-bottom {
    text-align: center;
    margin-top: 30px;
  }


}

/* RESPONSIVE ADJUSTMENTS 992 */
@media screen and (max-width: 992px) {
  
      .features-content {
        padding-bottom: 0px !important;
     }
  
  .feature-image {
    width: 100%;
    margin: 0 auto;
  }

  .feature-top {
    width: 100%;
    padding: 20px;
  }


  .feature-icons {
    justify-content: center;
  }

  .features-bottom {
    text-align: center;
    margin-top: 0px;
  }

  .feature-content {
    width: 100%;
  }


  .feature-content {
    padding: 0px;
    } 
  
 .tab-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
} 
  
 .feature-content {
  padding-left: 0px !important;
  padding-right: 0px  !important;

}    
  
       
    .bg-element-3,   .bg-element-4 {
  background-image: none;
  
  }
  
  

}
  /* END RESPONSIVE ADJUSTMENTS 992 */
  
  

 /* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (max-width: 767px) {
  
     .features-content {
        padding-bottom: 0px !important;
     }


     
 .feature-content {
  padding-left: 0px !important;
  padding-right: 0px  !important;

}    
     
     
}
     
} /* END RESPONSIVE ADJUSTMENTS 767 */



/* END Features Section NEW */




/* Feature Link */
.hs-cta-img {
  font-size:17px;
  color: #191957;
  font-weight: 600;
  text-decoration: none;
  padding-top: 50px !important;

}

/* Margin Top */
.row-number-10  {
  align-items: middle;

}


/* End Feature Box*/

/* Icon Boxes*/

.eut-h6  {
   font-size: 22px !important;
   font-weight: 600;
   color: #191957;
}

p.eut-description {
   font-size: 20px !important;
   font-weight: 400;
   color: #191957;
   margin-bottom: 60px;

}

.eut-icon-box {
  background-color: #ffffff;
  padding: 30px 50px 50px 50px;
  border-radius: 16px;
  box-shadow: 0 1px 20px rgb(0 0 0 / 0.1);
}



html {
  scroll-behavior: smooth;
  /*Adds smooth scrolling instead of snapping to element*/
}


/* Navigation */
.eut-header .eut-header-skin-light .eut-header .eut-header-skin-dark {
  background-color: #fff !important;
  max-width: 1440px;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;

}

.menu-link {
  font-size: 18px !important;
  color: #676792  !important;

} 

.hs-link-widget_1650881266756_

  
/* END OF NAVIGATION */  
  
}

.eut-body-text {
  font-family: Jost,sans-serif;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875em;
}


/* Background Color */

/* Background color - Whitepaper */
.dnd_area-row-0-background-color {
  background-color: #F6F9FF !important;
}


/* Headings & Typography */

/* H1*/


.eut-h1 h1 {
  font-size: 60px !important;
}

.eut-h1 .eut-h2 h1 h2 {
  font-family: Jost,sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2em;
  text-decoration: none;
  color: #1A1A57;
}



/* H4*/

.eut-h4>span {
  font-size: 38px !important;
   color: #ffffff !important;
   line-height: 60px;
}

span, a {
  font-family: Jost,sans-serif;
}



/* Subheading */

.eut-leader-text blockquote p {
  font-family: Jost,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.667em;
  text-decoration: none;
  color: #676792;
}

/* Subheading - Uppercase Blue */
.eut-slogan .eut-subtitle {
  font-family: Jost,sans-serif;
  font-style: medium;
  line-height: 1.2em;
  text-decoration: none;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  color: #156CEF;
  letter-spacing: 0.2rem;
}

/* Body Text */

.eut-desription .eut-anim-item .eut-text-grey .eut-body-text  {
  font-family: Jost,sans-serif;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.667em;
  text-decoration: none;

}


/* Links Decoration */
a {
  text-decoration: none !important;
}


/* Hero Description */

.eut-desription {
  margin-bottom: 50px;
  font-size: 20px !important;
  color: #676792; 
  font-weight: 400;
}


/* Buttons */

/* Primary */
.eut-bg-primary-1 .eut-bg-primary-2 {
  background-color: #156CEF;
}

/* Client Logos */


/* Centering the logos */
#hs_cos_wrapper_widget_1679927638400, #hs_cos_wrapper_module_1679927651239, #hs_cos_wrapper_module_1679927680183, #hs_cos_wrapper_module_1679927644506 {
  margin: 0 auto !important;
  width: 50%;
}


/* Whitepaper Button */
.eut-bg-primary-4 {
  background-color: #156CEF !important;
}

.eut-button a {
  cursor: pointer;
  display: inline-block;
  line-height: 1.000em;
  padding: 24px 60px;
  border-radius: 12px;
  text-align: center;
  transition: color 0.3s linear, background-color 0.3s linear;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}


/* Button text */
.eut-large-text .eut-link-text  {
  font-family: Jost,sans-serif;
  font-style: normal;
  line-height: 1.2em;
  text-decoration: none;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.eut-bg-primary-4 .eut-btn-title {
  color: #ffffff;
}


/* Tagline margin bottom */
.eut-desription {
  margin-bottom: 50px;
 
}
/* Hide Nav Line */
.eut-header .eut-line {
  width: 0px;
}
  
/* Top Button */
.eut-header .eut-header-btn.eut-btn .eut-btn-solid {
   min-width: 160px;
  text-align: center;
  padding: 16px 36px;
  border-radius: 10px;
  position: relative;
  background-color: #E7F0FD;
}

/* Top Button */
.eut-header-btn {
  color: #156CEF;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}


/* WHITEPAPER PAGE */
.eut-list-item {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  color: #ffffff;
  margin-top: 20px;
}

/* Section Bg Color */

/* Form Background */
.cell_1650909201576-background-color {
  background-color: #ffffff !important;
  border-radius: 24px !important;
}


/* Form Padding */
.cell_1650909201576-padding {
  padding: 40px !important;
}

/* Form Label */
form label {
  font-size: 17px;
  font-weight: 500;
  color: #000000;
  
}

/* Form Field */
.input .hs-input {
   border-radius: 10px !important;
}

/* Form asterix */
.hs-form-required {
 padding-left: 5px;
}

/* Left Box Padding - inside the blue box*/
.cell_16508761996482-vertical-alignment,  {
  padding-right: 6% !important;
}

.eut-header-btn .eut-list-item  {
  color: ffffff !important;
  font-style: normal;
  font-weight: 500;
}


/* Whitepaper */

span.eut-text-black {
    font-size: 20px !important;
    color: #ffffff !important;
}


.hs_cos_wrapper .hs_cos_wrapper_widget .hs_cos_wrapper_type_rich_text p {
    font-size: 18px !important;
}



/* Section Pading Top */

.hs-richtext>p {
     color: #6D7E94;
     font-size: 17px !important;
  
}

/* Form Button*/

#hs_cos_wrapper_widget_1650909200903 input[type="submit"] {
  background-color: #1A1A57 !important;
  background-image: none !important;
  border-style: none !important;
  height:60px;
  font-weight: 400;
  font-size: 17px;
}


/*Hero Background Image */
.dnd_area-row-0-background-image {
  background-image: url('https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/hero_abstract_shapes-2.svg') !important;
  background-size: auto !important;
  background-position: left bottom !important;
  background-repeat: no-repeat !important;
  margin-bottom: 30px;
}


/* Footer */

.eut-footer {
    background-color: #1A1A57 !important;
}

#hs_cos_wrapper_footer3-2-module-4 {
  background-color:  #1A1A57 !important; 
}


/* z-index */

.eut-list-item {
       background-image: url('https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Whitepaper/checkmark.svg');
       background-repeat: no-repeat;
}


.eut-text-black {
           margin-left: 6px;
}

.eut-subtitle-text {
  line-height: 2rem !important;
}

/* CTA */

.dnd_area-row-3-hidden  {
        background-color: #0040CB;
        height: 440px !important;
        position: relative;
        z-index: 1;
} 


.ctabutton {
    background-color: #156CEF !important;
}


/* HERO BUTTON */
.eut-bg-primary-1 {
    background-color: #156CEF !important;
}


.cta-button {
      margin-top: 50px;
      background-color: #FF9317 !important;
}


/* Centering Elements */

.dnd_area-row-3-vertical-alignment {
   display: flex;
   align-items: center;
}

/* Footer */

.eut-subtitle-text {
  font-family: Jost,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2em;
}

.hs-menu-item  {
  font-family: Jost,sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
  opacity: 0.75;
  margin-bottom: 20px;
}

.footer a:not(.eut-btn):hover {
  color: #ffffff !important;
}

/* Bootstrap Custom Style */

/* Slider */


.testimonial-container {
  background-color: #1A1A57 !important;

}

.carousel {
  padding: 20px 50px 0px 50px;

}

.testimonial-content>h3 {
  font-size: 27px !important;
  font-weight: 400 !important;
  line-height: 1.6;
}

p.testimonial-name {
  font-size: 18px;
  font-weight: 500;
  color: #191957 !important;
  margin-bottom: 0px;
}

p.testimonial-company {
  font-size: 18px !important;
  font-weight: 400;
}

.testimonial-logo {
  margin-top: 40px;
  margin-bottom: 40px;
}

.testimonial-picture {
  height:50px;
  width: 50px;
  margin-top: 40px;
  margin-bottom: 10px;
  border-radius: 50%;


}

.testimonial-bottom {
  margin-top: 100px;
  padding-bottom: 20px;
}

.testimonial-content {
  margin-top: 50px;
}


/*Bg graphic elemments */

.testimonial-container {
  position: relative;
}

.bg-elements-1 {
  position: absolute;
  background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/Testimonial%20Slider/slider-bg-elements-1.svg");
  top:0px;
  right:0px;
  width: 250px;
  height: 150px;
  background-repeat: no-repeat;
}

.bg-elements-2 {
  position: absolute;
  background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/Testimonial%20Slider/slider-bg-elements-2.svg");
  bottom: 50px;
  left: 0px;
  width: 218px;
  height: 233px;
  background-repeat: no-repeat;
  background-size: contain;
}


.carousel-control-prev:hover !important {
   background-color: transparent;
}

.carousel-control-next:hover {
   background-color: transparent !important;
}

button:hover {
     background-color: transparent !important;
}

button:focus {
     background-color: transparent !important;
}



/* End Slider */
/* End Slider */
/* End Slider */


/* Whitepaper Section */

.whitepaper-text {
  width: 70%;
}

.whitepaper-text h2  {
  color: #ffffff !important;
}

.whitepaper-text p  {
  color: #ffffff !important;
}

.whitepaper-text .eut-subtitle {
   color: #ffffff !important;
}

.whitepaper-text .eut-btn-title {
  color: #156CEF !important;

}




/* Contract Lifetime Cycle - section with big graph - 2 boxes & graph */

.less-time-waiting .eut-icon-box {
 box-shadow: none;
}

.less-time-waiting .eut-icon-box:first-child  {
  background-color: #FFF5F5  !important;
  padding: 100px 80px 100px 70px;
}

.less-time-waiting .eut-icon-box:nth-of-type(2) {
  background-color: #EDF3FE !important;
  padding: 100px 80px 100px 70px;
}

#hs_cos_wrapper_widget_1680042822907 {
  margin-top: 60px;
}


/* Contract Lifetime Cycle Graphs */

/* hidding the mobile image */
#hs_cos_wrapper_widget_1680071957340 {
  display: none !important;
}


/* CTA Blue */

.cta-blue {
  width: 100%;
 
}
  
.cta-blue h2 {
 color: #ffffff !important;
  margin-bottom: 50px;
  letter-spacing: 1.6px;
  line-height: 3.5rem;
   font-weight: 500 !important;
}

.cta-blue  .eut-bg-primary-3 {
 background-color: #FF9317 !important;
}

/* remove container-fluid gutter */
.container-fluid {
  --bs-gutter-x: 0rem !important;
}


/* Contract Review Page - Custom Styles */
/* Contract Review Page - Custom Styles */

/* Nav BG Color */

/* Icon Boxes - Fix The Read More Link to the bottom */
.eut-icon-boxes .eut-icon-box {
  justify-content: space-between;
}

.eut-header {
  background-color: #F6F9FF !important;
}

.testimonial-small  {
 margin-top: 30px;
}

.testimonial-small p {
  color: #191957;
  width:80%;
}

p.testimonial-small-name {
  font-size: 22px;
  font-weight: 500;
  color: #191957 !important;
  margin-bottom: 0px;
}

p.testimonial-small-company {
  font-size: 20px !important;
  font-weight: 400;
  color: #5D5D8F !important;
}



.checkmark-box span {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.6;
}

.checkmarks-section {
  color: #191957;
  padding: 20px;
  justify-content: flex-start;
}

.checkmarks-section-2 {

}


.checkmark-box {
  display: flex;
  background-color: #EDF8F7;
  border-radius: 20px;
  padding: 20px 30px 20px 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  max-width: 30%;
        
}

.checkmark-box img {
  margin-left: 14px;
  margin-right: 14px;
}

.checkmark-box:last-child {
    background-color: #ffffff;
  }

.last-box {
    background-color: #EFF3F9!important;
  }




/* X-Large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) { 

}

.checkmark-box {
  max-width: 50%;
        
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) { 

}

.checkmark-box {
  max-width: 100%;
        
}

.w-100 {
  height:0px;}


/* X-Small devices (portrait phones, less than 576px and down) Others: 768, 992, 1200*/
@media (max-width: 575.98px) { 

    .checkmark-box {
      min-width: 100% !important; 
      margin-right: 0px !important;
    }
    
    .checkmark-box:first-child {
    margin-left:0px;
  } 

  .checkmark-box:last-child {
    max-width: 100% !important; 
    display: none;
  }


}

/* End checkmarks Section */


/* FAQ Section */
.eut-slogan {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

/* Accordion Headings */
.eut-accordion .eut-h5 {
  color: #191957 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.6;
}

/* Accordion Body Text */
.eut-accordion .eut-content p {
  color: #191957 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

/* Accordion BOX */
.eut-accordion-item {
  padding: 20px 40px 20px 30px;
  margin-top: 20px;
  background-color: #F6F9FF;
  border-radius: 20px;
}

/* Accordion icon spacing */
.eut-accordion .eut-h5 .eut-icon {
  padding-left: 50px !important;
  
}

/* Accordion icon spacing */
.eut-accordion-item.active {
  border: 1px solid #0040CB !important;
}


/* remove border */
.eut-accordion.widget_1649928282143 .eut-title {
  border-bottom-color: rgba(238, 238, 238, 0 );
}

/* padding fix */
.eut-accordion .eut-accordion-item .eut-content {
  padding: 0 20px 20px 0;
}


.eut-title {
  border: none!important;
}

/* END FAQ Section */



/* Extras */
.row-number-32 {
    margin-bottom: 50px !important;
}

 
/* End Contract Review Page */


/* Start Contract Generation */
/* Start Contract Generation */
/* Start Contract Generation */

 
      

/* Steps */

/* (heading) */

.step-box {
  width: 100%;
  margin: 0 auto;
  text-align: center; 

}

.step-box img {
  margin-top: 24px;
  margin-bottom: 24px;
}

h5.steps-title {
  font-size: 24px;
  font-weight: 500;
  color: #191957;
    }

p.steps-text {
  font-size: 20px;
  font-weight: 400;
  color: #676792;
  width: 86%;
  text-align: center; 
  margin: 0 auto;
  
  
}

.step-box img { 
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


/* End Contract Generation */
/* End Contract Generation */
/* End Contract Generation */


    /* RESPONSIVE ADJUSTMENTS 767 */
    @media screen and (max-width: 767px) {
      #hs_cos_wrapper_widget_1680068466323 {
        margin-top: 50px !important;
    }

    /* (showing the mobile image alternative) */


     /* hiding desktop image */
    #hs_cos_wrapper_widget_1680042822907 {
        display: none;
      }


     /* showing mobile image */
    #hs_cos_wrapper_widget_1680071957340 {
      display: initial !important;
    }


    #hs_cos_wrapper_widget_1680071957340 img {
      margin-top: 50px !important;
    }

/* Center & resize logos on mobile */
    #hs_cos_wrapper_module_16802578282497, #hs_cos_wrapper_module_16802578282498, #hs_cos_wrapper_module_16802578282499, #hs_cos_wrapper_module_168025782824910 {
    margin: 0 auto !important;
    width: 40% !important;
    padding-bottom: 50px !important;
      }

    .eut-buttons-group {
      flex-direction: column;
      justify-content: center;
      align-items: center; 

    }   
  
  /* Small Testimonial - Center Align */
.testimonial-small p {

  width: 100% !important;
}
  
 /* CTA Button - Align left for responsive */
.eut-buttons-group {
  flex-direction: column;
  justify-content: center;
  align-items: start !important;
}     
      

/* Start Contract Generation - Adjustments for mobile */

      
/* Heading max-width */

#hs_cos_wrapper_module_16802582677194 h2 {
        width: 90% !important;    
      }  
      
/* Steps 1-2-3 */
  
      
.step-box:nth-child(1) {
  margin-top: 30px; !important;
  margin-bottom: 30px; !important;

}

.step-box:nth-child(2) {
  margin-top: 30px; !important;
  margin-bottom: 30px; !important;

}
      
      
}
/* END RESPONSIVE ADJUSTMENTS 767 */


  
/* RESPONSIVE ADJUSTMENTS 1200 */

 @media only screen and (max-width: 1200px)
.eut-grid.eut-columns-table-lg-3 {
    grid-template-columns: repeat(3,1fr);
   
    #hs_cos_wrapper_widget_1680077294585, #hs_cos_wrapper_module_1680077299885, #hs_cos_wrapper_module_1680077302814, #hs_cos_wrapper_module_1680077305325 {
      margin: 0 auto !important;
      width: 100% !important;
      padding-bottom: 50px !important;
}

}

/* END RESPONSIVE 1200 */



/* TABS SECTION */

/* Tab Nav Container */


.nav {
  margin-bottom: 0px !important;
}

.nav-segment {
  flex-wrap: wrap;
  background-color: #F4F5FD;
  border-radius: 1rem;
  justify-content: space-evenly; 
  align-content: center;
}


/* Tabs */
.nav-link {
  flex:1 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #262676;
  padding: 10px 30px !important;
  margin: 10px !important;
  
}

.nav-tabs .nav-link.active {
  font-weight: 500 !important;
}


.tab-icon {
  margin-right: 14px;
}


/* style fixing */
.nav-tabs .nav-link:hover {
  border: none;
  
}

.nav-tabs {
  border: none !important;
}

#myTabContent {
  margin-top: 30px;
  border: none;
 
}


/* Tabs Content */

.tab-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding-left: 50px;
  padding-right: 50px;
}


.tabs-content {
  padding-top:60px;
}

.tab-content h5 {
  color: #191957;
  font-size: 32px;
  font-weight: 500;
}

.tab-content p {
  color: #525272;
  font-size: 22px;
  font-weight: 400;

}

.tab-content h6 {
  color: #262676;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
  margin-bottom: 30px;

}

.tab-image img {
  width: 100%;
  margin-bottom: 50px;

}

.tabs-text {
  margin-left: 10px;
  margin-bottom: 80px;
}

/* Works with checkmarks */


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

.checkmark-item {
  background-color: #EAF7F5;
  padding: 12px 18px 12px 18px;
  border-radius: 100px; 
  margin-left: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  color:#191957;
  
}

.checkmark-item img {
  margin-right: 8px;
}

/* Active Nav Link States */

.nav-link {
  border: none  !important;
  border-radius: 1rem !important;
  margin: 10px 20px 10px 20px  !important;
  color: #262676 !important;
  }



.nav-link.active {
  background-color: #FFFFFF  !important;
  color: #262676 !important;
  border: none  !important;
  border-radius: 1rem !important;
  margin: 10px 20px 10px 20px  !important;
  padding: 10px 30px  !important;
  }


.nav-link:hover {
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, 1) !important;
  border: none  !important;
  text-decoration: none  !important;
}



/* RESPONSIVE ADJUSTMENTS 1200 */
@media screen and (max-width: 1200px) {

}



/* RESPONSIVE ADJUSTMENTS 992 */
@media screen and (max-width: 992px) {

  .nav-segment {
    justify-content: start; 
  
  }
}
  /* END RESPONSIVE ADJUSTMENTS 992 */
  
  

 /* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (max-width: 767px) {

.nav-segment {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;

}


.nav-item  {
  width: 100%  !important; 
}

.nav-link {
  text-align: left  !important;
  padding: 20px 30px  !important;
  margin: 10px  !important;
  width: 100%  !important; 

}

.nav-link.active {
  padding: 20px 30px !important; 
  margin: 10px !important;
  width: 95% !important; 

}
.nav-link:hover {
  width: 95% !important; 
  }

  .tabs-text {
    margin-left: 10px;
    margin-bottom: 30px;
  }


} /* END RESPONSIVE ADJUSTMENTS 767 */





/* END TABS SECTION */

h1, h2, h3, h4, h5, h6, p, a, span {
  font-family: Jost;
}


/* Heading */
.heading {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 20px 20px 20px;
}

h2.heading-text {
  font-size: 44px;
    color: #191957;
  font-weight: 600;
}

p.heading-tagline {
  color: #156CEF;
  font-size: 18px !important;
  font-weight: 500;
  letter-spacing: 4px;
}


.testimonial-container {
  background-color: #F6F9FF !important;

}


/* Flexbox vertical distribution */
.slider-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 460px;


}

/* Expand the 2nd child */
.slider-flex>div:nth-child(1) {
  display: flex;
  flex-grow: 1 !important;
  justify-content: center;
  align-items: center; 
  width: 100%;
  height: 20%;

  }

.testimonial-content {
  max-width: 800px;
  margin: 0 auto;
}


.testimonial-content h3 {
  font-size: 25px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0px !important;
  color: #191957;
  line-height: 3.2rem;
}

.testimonial-name {
  font-size: 22px !important;
  font-weight: 500;
  color: #156CEF !important;
  margin-bottom: 0;
}


p.testimonial-company {
  font-size: 18px;
  font-weight: 400;
  color: #5D5D8F;

}


.testimonial-picture {
  height:50px;
  width: 50px;
  margin-bottom: 10px;
  border-radius: 50%;
}

/*Carousel Icon color */


/*Bg graphic elements */

.testimonial-container {
  position: relative;
  
}

.bg-elements-1 {
  position: absolute;
  background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Global/bg-graphics/bg-elements-1.svg");
  top:30px;
  right:30px;
  width: 250px;
  height: 150px;
  background-repeat: no-repeat;
}

.bg-elements-2 {
  position: absolute;
  background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Global/bg-graphics/bg-elements-2.svg");
  bottom: 30px;
  left: 30px;
  width: 148px;
  height: 163px;
  background-repeat: no-repeat;
  background-size: contain;
}


/* Testimonial link */

.testimonial-bottom {
  margin: 0 auto;
}

a.testimonial-link  {
  color: #0040CB !important;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;  
}


/* Clients Logos */

.clients-logos-bg {
  background-color: #F6F9FF;
  position: relative;
}

.clients-logos-wrapper {
  text-align: center;
  background-color: #F6F9FF;
  padding-top: 50px;
  padding-bottom: 20px;
}

.client-logo {
  margin-bottom: 40px;
}

p.clients-subheading {
  font-size: 20px;
  line-height: 2rem;
  margin-bottom: 40px;
}



/* RESPONSIVE ADJUSTMENTS 1200 */

@media screen and (max-width: 1400px) {


}

@media screen and (max-width: 1200px) {

  .slider-flex {
    min-height: 350px;
  }

}

/* RESPONSIVE ADJUSTMENTS 992 */
@media screen and (max-width: 992px) {

  .slider-flex {
    min-height: 350px;
  }


}
  /* END RESPONSIVE ADJUSTMENTS 992 */
  
  

 /* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (max-width: 767px) {


  .slider-flex {
    min-height: 800px;
    padding: 0px 80px 50px 80px;
    
  }

  .bg-elements-1, .bg-elements-2 {
    background-image: none;

  }

     
.clients-logos-wrapper {
  padding-top: 0px;
}


} 

/* END RESPONSIVE ADJUSTMENTS 767 */



/* CONTRACT LIFECYCLE MANAGEMENT PAGE */

/* Hero Text */
.hero-section {
	background-color: #F6F9FF;
	padding: 30px;
}

.hero-text-wrapper {
	max-width: 800px !important;
	margin: 0 auto;
	text-align: center;
}

p.hero-subheading {
	font-size: 22px;
	line-height: 2.6rem;
}

button.btn-primary-custom {
	padding: 16px 40px 16px 40px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	border-radius: 14px !important;
	margin-top: 30px !important;  
  height: 64px !important;
  background-color: #156CEF;
  border: none !important;
}

button.btn-primary-custom:hover {
  background-color: #0040CB !important;
}



.hero-text span {
	color: #156CEF;
}

/* Hero Image */

.hero-image {
  margin-top: 70px !important;
}


.hero-image img {
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */

}

.hero-image-section {
	text-align: center;
	margin-top: 50px;

}

.hero-image-section { 
	position: relative;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

/* Video Icon */
.play-icon {
	position: absolute;
	top: 45%;
  bottom:0;
  left:0;
  right:0;
  width:95px; /* Assign a value */
  height:95px; /* Assign a value */
  margin:auto;
}

.play-icon img {
	width: 95px;
	height: 95px;
}


/* Video Player External */

  .video-player-btn {
	z-index: 3;
	color: #1e2022;
	transition: transform .3s ease-in-out;
  }

  .video-player {
	position: relative;
	display: inline-block;
  }

  [role="button"] {
	cursor: pointer;
  }

  a  {
	text-decoration: none;
  }

  .video-player-icon {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	text-align: center;
	width: 4.25rem;
	height: 4.25rem;
	font-size: 1.25rem;
	border-radius: 50%;
	color: #1e2022;
	backface-visibility: hidden;
	transform: perspective(1px) translateZ(0);
	transition: .3s;
  }

  .me-2 {
	margin-right: .5rem !important;
  }

  .shadow-sm {
	box-shadow: 0 .1875rem .375rem rgba(140,152,164,.25) !important;
  }

  .video-player-btn:hover .video-player-icon, play-icon:hover {
	color: #34496f;
	transform: scale(1.1);
  }


/* Floating Dashboard BG Images */

.dashboard-left-floating {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Lifecycle%20Management/dashboard-left-floating.svg");
	top: 25%;
	left:-10%;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

.dashboard-right-floating {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Lifecycle%20Management/dashboard-right-floating.svg");
	top:25%;
	right:-70%;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

/* CSS Floating Animation */
.dashboard-left-floating, .dashboard-right-floating  {
	animation: float 6s ease-in-out infinite;
  }

  @keyframes float {
	0% {
	  transform: translatey(0px);
	}
	50% {
	  transform: translatey(-20px);
	}
	100% {
	  transform: translatey(0px);
	}
  }


/* Testimonial Slider Blue */

.testimonial-container-blue {
	background-color: #0040CB !important;
	color: #ffffff;
	padding-bottom: 50px;
	position: relative; /* for bg elements */

}

.testimonial-content h3, p.testimonial-name, p.testimonial-company {
  color: #ffffff !important;
}

.bg-elements-3 {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Lifecycle%20Management/Slider%20Testimonial/bg-circle-right.svg");
	top:5%;
	left:10px;
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 30%;

	-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	
}

.bg-elements-4 {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Lifecycle%20Management/Slider%20Testimonial/bg-circle-left.svg");
	right: -200px !important;
	top: -20px  !important;
	width: 500px;
	height: 500px;
	background-repeat: no-repeat;
	background-size: contain;

animation: rotate 20s  infinite;
animation-timing-function: cubic-bezier(1,0,.5,1);
}


@keyframes rotate {
    from { -webkit-transform: rotate(0deg) } 
    to { -webkit-transform: rotate(360deg) } 
  
}

a.testimonial-link {
  color: #ffffff !important}

.testimonial-link span {
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.testimonial-link:hover {
	text-decoration: underline !important;
}




/* RESPONSIVE ADJUSTMENTS 1200 */

@media screen and (max-width: 1400px) {


}

@media screen and (max-width: 1200px) {


}

/* RESPONSIVE ADJUSTMENTS 992 */
@media screen and (max-width: 992px) {
  
  .bg-elements-3, .bg-elements-4 {
  display: none;
  } 

}
	/* END RESPONSIVE ADJUSTMENTS 992 */
	
	

 /* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (min-width: 767px) {



} /* END RESPONSIVE ADJUSTMENTS 767 */






/* END CONTRACT LIFECYCLE MANAGEMENT PAGE */




/* PRICING PAGE */

body, h1, h2, h3, h4, h5, h6, p, span, ul, li {
	font-family: Jost;
}

/* Pricing Plans */


/* The Switch */


.toggle-btn {
	margin-top: 60px;
	margin-bottom: 30px;
	position: relative;
	margin: 0 auto;
	text-align: center;

}

.toggle-switch-container {
	padding: 30px 30px 30px 30px ;
}

.save-20 {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Pricing/save-20.svg");
		top: -6%;
		left: 29%;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
}

.toggle-btn>span, .switch {
	margin: 0 10px;
	line-height: 100px;
	display: inline-block;
	vertical-align: middle;

}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }

  .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  
 
 /* Slider */ 
 .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #156CEF;;
	-webkit-transition: 0.4s;
	transform: translate(0px, 0px);
	transition: 0.6s ease transform, 0.6s;
  }

/* Slider Circle */
  .slider:before {
	position: absolute;
	content: "";
	height: 27px;
	width: 27px;
	left: 3px;
	bottom: 4px;
	background-color: #ffffff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  }

  /* Bg Slider after slide */
  input:checked + .slider {
	background-color: #CBE0FF;
  }
  
   /* On Click dropshadow
  input:focus + .slider {
	box-shadow: 0 0 1px #50bfe6;
  }

   */
  
  input:checked + .slider:before {
	-webkit-transform: translateX(27px);
	-ms-transform: translateX(27px);
	transform: translateX(27px);
  }
  
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }

.toggle-btn span {
	color: #1A1A57;
	font-size: 20px;
}

   
/* Pricing Boxes */
.pricing-box {
	background-color: #ffffff;
	padding: 40px !important;
	border-radius: 20px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	color: #1A1A57;
}

.pricing-box-enterprise {
	background-color: #E3EDFD;
	border-radius: 20px;
	padding: 60px 50px 50px 80px !important;
	color: #1A1A57;
	text-align: left;
	margin-top: 60px !important;
	margin-bottom: 80px !important;
	position: relative;
	overflow: hidden;
}

.pricing-box-enterprise .pricing-plan-header {
 width: 50%;
}
 
.pricing-box-enterprise .pricing-heading {
	font-size: 42px;
	margin-bottom: 10px;
   }

 .pricing-box-enterprise p.pricing-description {
	font-size: 22px !important;
	color: #1A1A57 !important;
	line-height: 2.4rem !important;
   }

.enterprise-graphic {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Pricing/enterprise-illustration-5.svg");
	bottom: 30px;
	right: 30px;
	width: 598px;
	height: 426px;
	background-repeat: no-repeat;
}


.btn-pricing-enterprise {
	padding: 16px 62px 16px 62px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 14px;
	margin-top: 30px;
	background-color: #156CEF;
	color:  #ffffff;
	border: none;
}

.btn-pricing-enterprise:hover {
	background-color: #297CFA !important;
}

.btn-pricing-enterprise:focus {
	background-color: #297CFA !important;
}

.pricing-heading {
	font-size: 24px;
	font-weight: 500px;
	margin-bottom: 20px;
}

h3.pricing-amount {
	font-size: 42px !important;
	font-weight: 500 !important;
}

h3.pricing-amount span {
	font-size: 18px;
	font-weight: 400;
	margin-left: 6px;
}

p.pricing-duration {
	margin-top: 10px !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #505070 !important;
}

.pricing-box:nth-child(2) .pricing-duration, .pricing-box:nth-child(2) .pricing-description, .pricing-box:nth-child(2) .includes{
	color: #ffffff !important;
}

.pricing-icon img {
  width: 100px;
  height: 100px;
}

.pricing-box:nth-child(2) h3.pricing-amount {
	color: #ffffff !important;
}

p.includes {
  font-weight: 500 !important;
  font-size: 17px !important;
}

p.pricing-description {
	font-size: 19px !important;
	font-weight: 400 !important;
	line-height: 2.1rem !important;
}

.pricing-plan-body ul li {
	font-size: 19px !important;
	font-weight: 400 !important;
}

.pricing-features {
	font-size: 19px;
	font-weight: 400;
}

.pricing-features li {
	margin-bottom: 20px;
}

.pricing-features span {
	margin-right: 15px;
}

.pricing-button {
	text-align: center;
}

.btn-pricing-secondary {
	padding: 16px 30px 16px 30px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 14px;
	margin-top: 30px;
	background-color: #E8F1FE;
	color:  #1A1A57;
	border: none;
	width: 96%;
}

.btn-pricing-secondary:hover {
	background-color: #CBE0FF !important;
  color:  #1A1A57 !important; 
}


.btn-pricing-secondary:focus {
  	background-color: #E8F1FE !important;
    color:  #1A1A57 !important;
}


.btn-pricing-primary {
	padding: 16px 30px 16px 30px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 14px;
	margin-top: 30px;
	background-color: #156CEF;
	color:  #ffffff;
	border: none;
	width: 96%;
}

.btn-pricing-primary:hover {
	background-color: #297CFA !important;
}

.btn-pricing-primary:focus {
  background-color: #156CEF; !important;
}

.btn-pricing-secondary:focus {
  background-color: #156CEF; !important;
}


/* Flex on all boxes to space the evenly */
.pricing-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

/* Fix box button to the footer */
.pricing-box {
	display: flex;
	flex-direction: column;
}

.pricing-box:nth-child(1) {
	width: 31.2%;
}

.pricing-box:nth-child(2) {
	width: 31.2%;
	background-color: #113270;
	color: #ffffff;
}

.pricing-box:nth-child(3) {
	width: 31.2%;
}

.pricing-button {
	margin-top: auto;
}


.pricing-plan-header {
	margin-bottom: 30px;
}

.pricing-icon {
	margin-bottom: 30px;
}

.pricing-amount {
	margin-top: 20px;
	margin-bottom: 10px;
}

.compare-message p {
  font-size: 20px !important;
	text-align: center;
	padding: 20px;
}

.compare-message a {
    color: #156CEF !important;
    text-decoration: underline !important;
}

.compare-message a:hover {
    color: #0040CB !important;
}

/* Testimonial Slider Dark */

.testimonial-container-dark {
	background-color: #113270 !important;
	color: #ffffff;
	padding-bottom: 50px;
	position: relative; /* for bg elements */
	overflow: hidden;
  min-height: 580px !important;

}


/* Flexbox vertical distribution */
.slider-flex {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 400px;
	margin-top: 100px !important;


}

/* Expand the 2nd child */
.slider-flex>div:nth-child(1) {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center; 
	width: 100%;
	height: 100%;

  }

.testimonial-content {
	max-width: 800px;
	margin: 0 auto;
}


.testimonial-content h3 {
	font-size: 25px;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 0px !important;
	color: #ffffff !important;
	line-height: 3.2rem;
}

.testimonial-name {
	font-size: 22px !important;
	font-weight: 500;
	color: #ffffff !important;
	margin-bottom: 0;
}


p.testimonial-company {
	font-size: 18px;
	font-weight: 400;
	color: #ffffff !important;

}


.testimonial-picture {
	height:50px;
	width: 50px;
	margin-bottom: 10px;
	border-radius: 50%;
}

.testimonial-link span {
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.testimonial-link:hover {
	text-decoration: underline;
}

/*Bg graphic elements */


.bg-elements-3 {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Lifecycle%20Management/Slider%20Testimonial/bg-circle-right.svg");
	top:5%;
	left:10px;
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 30%;

	-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	opacity: 0.2;
	animation: rotate2 16s  infinite;
	animation-timing-function: cubic-bezier(1,0,.5,1);

	animation: fadeInFromNone 20s ease-out;
	
}

.bg-elements-4 {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Lifecycle%20Management/Slider%20Testimonial/bg-circle-left.svg");
	right: -100px;
	bottom: 50px;
	width: 400px;
	height: 400px;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.2;
	animation: rotate 20s  infinite;
	animation-timing-function: cubic-bezier(1,0,.5,1);
}

@keyframes rotate {
    from { -webkit-transform: rotate(0deg) } 
    to { -webkit-transform: rotate(360deg) } 
}

@keyframes rotate2 {
    from { -webkit-transform: rotate(0deg) } 
    to { -webkit-transform: rotate(360deg) } 
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 0.3;
    }
}

/* Testimonial link */

.testimonial-bottom {
	margin: 0 auto;
}

a.testimonial-link  {
	color: #ffffff !important;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;	
}


/* Tooltip */

.question-mark {
	opacity: 0.2;
	margin-left: 10px !important;
}

.question-mark:hover {
	opacity: 0.6;
}


/* Tooltip Style */

.tooltip  {
  opacity: 1 !important;
  margin-bottom: 8px !important;
}

.tooltip-inner {
  background-color:  #000000;;
	padding: 14px 14px 14px 14px  !important;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	text-align: left;
	opacity: 1 !important;
}

/* Coming Soon Features */

th.coming-soon-feature, td.coming-soon-feature {
	background-color: #F6F8F9 !important;

}

th.coming-soon-feature img, td.coming-soon-feature img {
	opacity: 0.5 !important;
}



/* RESPONSIVE ADJUSTMENTS 1400 */

@media screen and (max-width: 1400px) {

  
.save-20 {

		left: 26%;
}

  

}

@media screen and (max-width: 1200px) {

	.slider-flex {
		min-height: 350px;
	}

	.bg-elements-3 {
		background-image: none;
	
	}

.save-20 {

		left: 20%;
}

}

/* RESPONSIVE ADJUSTMENTS 992 */
@media screen and (max-width: 992px) {

  .save-20 {
		left: 10%;
}

/* Centering the box icons */  
.eut-icon-boxes .eut-icon-box .eut-icon {
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 24px !important;
}
  
  .eut-buttons-group {
  align-items: center !important;
}
 
	.pricing-box-enterprise {
		text-align: center;
		margin-top: 0px;
		margin-left: 20px ;
		margin-right: 20px;
	
	}
	
	.pricing-box-enterprise .pricing-plan-header {
		width: 90%;
	   }
	
	.enterprise-graphic {
		background-image: none;
	}

	.pricing-box:nth-child(1), .pricing-box:nth-child(2) {
		width: 100%;
		margin-bottom: 40px;
	}

	.pricing-box:nth-child(3) {
		width: 100%;
		margin-bottom: 0px;
	}	

	.bg-elements-4 {
		background-image: none;
	
	}


}


	/* END RESPONSIVE ADJUSTMENTS 992 */
	

 /* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (max-width: 767px) {


	.pricing-wrapper {
		padding: 0px 20px 0px 20px !important;
	}

	.save-20 {
		top: -6%;
		left: -8%;
}

     .toggle-switch-container {
      padding-top: 0px !important;
     } 

.slider-flex {
	min-height: 800px;
	padding: 0px 80px 50px 80px;
	margin-top: 0px;
	
}

#hs_cos_wrapper_module_16807253490314 {
     display: none;
     }
     

 /* Table Adjustments 767 */
   .feature-pricing-plans {
      display: none !important;
   }
     
     .pricing-features-container {
       margin: 0px !important;
       padding: 0px !important;
     }
     
   .pricing-features-container {
     max-width: 100% !important;
     }

     
     .bg-circle {
      display: none;
     }
     
 .customized-plan {
  width: 96% !important;    

     }   
     
} /* END RESPONSIVE ADJUSTMENTS 767 */


/* Overrides */

.eut-bg-primary-1 {
  background-color: #f6f9ff !important;
  border: 2px solid #156CEF !important;
  margin-left: 50px !important;
}

.eut-line {
  display: none !important;
}



/* Feature Pricing Plan Styling */

.pricing-features-container {
	position: relative;
}

.bg-circle {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Pricing/circle-1.svg");
	top: -220px;
	left: -100px;
	width: 519px;
	height: 519px;
	background-repeat: no-repeat;
	background-size: contain;
	animation-timing-function: ease;
	animation: rotate 20s  infinite;
  animation-timing-function: cubic-bezier(1,0,.5,1);
}



@keyframes rotate {
    from { -webkit-transform: rotate(0deg) } 
    to { -webkit-transform: rotate(360deg) } 
  
}

.features-plan-name {
	font-size: 20px;
	font-weight: 500;
	color: #1A1A57;
}

.features-plan-pricing {
	font-size: 42px;
	font-weight: 500;
	color: #1A1A57;
	
}

.features-plan-currency {
	font-size: 18px;
	font-weight: 300;
	color: #505070;
}

.features-pricing-button {
	margin-bottom: 30px;
}

.features-icon-essentials {
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Pricing/essentials.svg");
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

.features-icon-growth {
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Pricing/growth.svg");
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
    background-repeat: no-repeat;
}

.features-icon-ultimate {
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Pricing/ultimate.svg");
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
  background-repeat: no-repeat;

}


/* Table Heading */




td, th {
   	vertical-align: middle !important;
   }

th {		
	font-weight: 500;
  font-size: 18px;
	height: 60px;
	padding-left: 50px;
}


td {	font-weight: 400;
			font-size: 19px;
			color: #525272;
}

table {
	border-collapse: separate;
	border-spacing: 0;
  }

td {
	font-size: 19px;
	font-weight: 400;
	color: #1A1A57;
}

tr > th {
	font-size: 19px;
	font-weight: 400;
}


.table-heading {
	background-color: #1A1A57;
	color: #ffffff;
	border-radius: 15px !important;
	font-weight: 500 !important;

}
 

  .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #EEF5FF;
  }

/* Icon colors */
.bi-check-circle-fill {
	color: #156CEF;
}

.bi-dash {
	color: #BABDBF;
}

/* Hide content on smaller screens */


/* Duplicates */
.btn-pricing-secondary {
	padding: 16px 30px 16px 30px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #E8F1FE;
	color:  #1A1A57;
	border: none;
}

.btn-pricing-secondary:hover {
	background-color: #CBE0FF;
}

.btn-pricing-primary {
	padding: 16px 30px 16px 30px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 14px;
	margin-top: 20px;
	margin-bottom: 20px;	
	background-color: #156CEF;
	color:  #ffffff;
	border: none;

}

.btn-pricing-primary:hover {
	background-color: #297CFA;
}

.btn-pricing-primary:focus {
  	background-color: #156CEF !important;
}


/* End Duplicates */

.customized-plan {
	text-align: center;
	width: 40%;
	margin: 0 auto !important;
}

.customized-plan h4 {
	font-size: 30px;
	font-weight: 400;
	line-height: 2.5rem;
  margin-top: 40px;
}

.customized-plan a {
	color: #156CEF !important;
	font-size: 22px;
  text-decoration: underline !important;
}

.customized-plan a:hover {
  color: #0040CB !important;
}

.feature-pricing-plans .btn-pricing-secondary, .feature-pricing-plans .btn-pricing-primary {
  margin-bottom: 50px !important;
}

/* Pricing Features Overrides */


.table {
 border: none !important; 
 background-color: #ffffff !important;
}

tbody, td, tfoot, th, thead, tr {
  border-color: #E4E8EB !important;
}  

/* End Pricing Features */

/* Pricing Overwrites */
.eut-header .eut-header-btn.eut-btn.eut-btn-solid {
  margin-left: 50px !important;
}


/* END PRICING PAGE */