/* @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 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 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;

}    
  

}
  /* END RESPONSIVE ADJUSTMENTS 992 */
  
  

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

     
    .bg-element-1 {
  background-image: none;
  
  }
     
 .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;
}


/* HERO BUTTON */
.eut-bg-primary-1 {
    background-color: #156CEF !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: 50px 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;
}


/* 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;
      }

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

  width: 100% !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: 40px;
}

/* 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 */
.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}


/*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: 0px;
  padding-bottom: 0px;
}

.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;
}

     .checkmarks {
     justify-content: center !important;
     
     }     
     
     .checkmark-item {
        margin-bottom: 20px !important;
     }
     
     
     .eut-buttons-group {
      justify-content: center;
      align-items: center !important; 
    }       

  .feature-icon {
  min-width: 330px !important;
  margin-left: 0px !importat;
}   
     
   /* Hero image adjustments for mobile */   
 #hs_cos_wrapper_widget_1680255242079 .eut-single-image img {
  width: 80% !important;
  margin-left: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
}

     
/* Slider Responsive */     

 .slider-flex {
   min-height: 660px !important;    
     }     
     
/* Slider H3 Size */
h3.testimonial {
  font-size: 23px !important;
}     
     
     .testimonial-bottom {
      margin-top: 30px;
     }
     
     .testimonial-logo {
      margin-bottom: 20px;
     }
    
	.bg-elements-1, .bg-elements-2 {
		background-image: none;

	}
     
 /* Moving slider arrows at the bottom */   
 .carousel-control-next, .carousel-control-prev {
  top: 62% !important;
  bottom: 10% !important;    
}  
     
     .carousel {
      padding: 20px !important;
     }   

    
} /* END RESPONSIVE ADJUSTMENTS 767 */


/* Draft Contract Floating Elements */

.hero-image {
	position: relative;
}

.hero-image img {
  margin-left: 0% !important;
}

	.draft-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Generation/Hero/message_notification.svg");
		top: 70%;
		left: 7%;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		overflow: auto;
	
	}

/* CSS Floating Animation */
.draft-floating  {
  animation: float 10s ease-in-out infinite;
  }

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

	.email2-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Generation/Hero/email2.svg");
		top: 3%;
		left: 13%;
		height: 120px;
		width: 120px;
		background-repeat: no-repeat;
		overflow: visible; 
	}

	.lifecycle-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Contract%20Generation/Hero/lifecycle_management.svg");
		bottom: 3%;
		right: -3%;
		height: 120px;
		width: 120px;
		background-repeat: no-repeat;
		overflow: visible; 
	}

	

.email2-floating {
		-webkit-animation: jello-horizontal 5s both;
				animation: jello-horizontal 5s both;
				animation-delay: 10s;
				animation-iteration-count: infinite;
				-moz-animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
				-o-animation-iteration-count: infinite;
}

.lifecycle-floating {
	-webkit-animation: jello-horizontal 5s both;
			animation: jello-horizontal 5s both;
			animation-delay: 2.5s;
			animation-iteration-count: infinite;
			-moz-animation-iteration-count: infinite;
			-webkit-animation-iteration-count: infinite;
			-o-animation-iteration-count: infinite;
}


@keyframes jello-horizontal {
	0% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}
	2% {
	  -webkit-transform: scale3d(1.25, 0.75, 1);
			  transform: scale3d(1.25, 0.75, 1);
	}
	4% {
	  -webkit-transform: scale3d(0.75, 1.25, 1);
			  transform: scale3d(0.75, 1.25, 1);
	}
	6% {
	  -webkit-transform: scale3d(1.15, 0.85, 1);
			  transform: scale3d(1.15, 0.85, 1);
	}
	8% {
	  -webkit-transform: scale3d(0.95, 1.05, 1);
			  transform: scale3d(0.95, 1.05, 1);
	}
	10% {
	  -webkit-transform: scale3d(1.05, 0.95, 1);
			  transform: scale3d(1.05, 0.95, 1);
	}
	12% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	  }

  }

  

/* RESPONSIVE ADJUSTMENTS 1200 */



@media screen and (max-width: 1200px) {
  
	.draft-floating {
    left: 23%;
	}

	.email2-floating {
    left: 19%;

	}

	.lifecycle-floating {
      right: 16%;
    

	}

}

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

.draft-floating {
  top: 50%;
  left: 20%;
	margin-left: -110px;
	width: 100%;
	height: 100%;
	background-size: contain;
  scale: 0.9;
}


		.email2-floating {
	    left: 0%;
       scale: 0.9;
		}
	
		.lifecycle-floating {
	    right: -6%;
        scale: 0.9;
		}

} /* END RESPONSIVE ADJUSTMENTS 767 */


/* End Draft Contract Floating Elements */