@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* font-family: 'Inter', sans-serif; */
/* font-family: 'Roboto', sans-serif; */




body{ font-family:'Inter', sans-serif; font-weight:400; color:#4a555f; font-size:20px; line-height: 34px; overflow-x: hidden; }

@media (max-width:767px) {
	body { font-size: 14px; line-height: 24px; }
}

/* Paragraphs */
strong { font-weight:700; }
a { transition:400ms;; text-decoration:none; color:#773dbd; }
a:hover, a:focus { text-decoration:none; color:#40245E; }

p { margin: 0 0 15px 0; }
p:last-child { margin: 0; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-uppercase { text-transform: uppercase; }

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6 { color: #fff; }

.ul-style ul { list-style: none; padding: 0; margin: 0; }
.ul-style li { padding-left: 20px; position: relative; margin-bottom: 20px; list-style: none; }
.ul-style li:after { background-color: #415364; border-radius: 100%; content: ''; height: 8px; left: 0; position: absolute; top: 11px; width: 8px; }
.ul-check ul { list-style: none; padding: 0; margin: 0; font-size: 19px; }
.ul-check li { padding-left: 40px; position: relative; margin-bottom: 28px; }
.ul-check li:after { background: url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px; content: ''; height: 21px; left: 0; position: absolute; top: 4px; width: 26px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: 700; margin-bottom: 15px; }
h1 { font-family: 'Inter', sans-serif; font-size: 47px; color: #4a555f; line-height: 55px; }
h2 { font-family: 'Inter', sans-serif; font-size: 42px; color: #4a555f; line-height: 49px; }
h3 { font-family: 'Inter', sans-serif; font-size: 33px; color: #4a555f; line-height: 40px; }
h4 { font-family: 'Inter', sans-serif; font-size: 20px; color: #4D4D4D; line-height: 27px; }
h5 { font-family: 'Inter', sans-serif; font-size: 20px; color: #4D4D4D; line-height: 25px; font-weight: 500; }
h6 { font-family: 'Inter', sans-serif; font-size: 20px; color: #4D4D4D; line-height: 25px; font-weight: 400; }

@media (max-width:1199px){
    
    body { font-size: 18px; line-height: 30px; }
    
    h1 { font-size: 40px; line-height: 48px; }
    h2 { font-size: 34px; line-height: 42px; }
    h3 { font-size: 30px; line-height: 38px; }
    
}
    
@media (max-width:991px){
    
    h1 { font-size: 34px; line-height: 42px; }
    h2 { font-size: 28px; line-height: 36px; }
    h3 { font-size: 24px; line-height: 32px; }

}

@media (max-width:767px){
    
    body { font-size: 16px; line-height: 26px; }
    
    h1 { font-size: 28px; line-height: 36px; }
    h2 { font-size: 24px; line-height: 32px; }
    h3 { font-size: 22px; line-height: 30px; }

}

@media (max-width:500px){
    
    h1 { font-size: 22px; line-height: 29px; }
    h2 { font-size: 20px; line-height: 28px; }
    h3 { font-size: 21px; line-height: 30px; }
    h4 { font-size: 20px; line-height: 28px; }
    h5 { font-size: 18px; line-height: 28px; }
    h6 { font-size: 18px; line-height: 28px; }

}
.btn_style a , a.btn_style { padding: 13px 25px; background-color: 
    
    
        
    
    rgba(119, 61, 189, 1.0)
; color: #FFFFFF; font-family: 'Inter', sans-serif; border-radius: 100px; display: inline-block; font-size: 17px; line-height:26px; font-weight: 400; text-transform: uppercase; min-width: 275px; text-align: center; border: 1px solid 
    
    
        
    
    rgba(119, 61, 189, 1.0)
; position: relative; }
.btn_style a:hover , a.btn_style:hover { background-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; border-color: ; color: #FFFFFF; border-color 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; }

.btn_white a , a.btn_white { background-color: 
    
    
        
    
    rgba(255, 255, 255, 0.0)
; color: #FFFFFF; border-radius: 100px; border: 1px solid 
    
    
        
    
    rgba(255, 255, 255, 1)
; }
.btn_white a:hover , a.btn_white:hover { background-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; border-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; color: #FFFFFF; }
.btn_style.play a:after { content: ''; width: 34px; height: 34px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/play.svg') no-repeat; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; transition:400ms;; }


@media(max-width: 500px) {
    .btn_style a, a.btn_style { font-size: 13px 25px; line-height: 22px; min-width: 200px; }
    .btn_style.play a { min-width: 250px; }
}
input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:1px solid #D8DFE1; background:#fff; height:51px; padding:0 22px; font-family: 'Inter', sans-serif; font-size:15px; width:100%; border-radius: 28px; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:20px 22px; height:142px; }
input[type=submit] , button { width: auto; height: auto; padding: 13px; background-color: 
    
    
        
    
    rgba(119, 61, 189, 1.0)
; color: #FFFFFF; font-family: 'Inter', sans-serif; border-radius: 100px; display: inline-block; font-size: 17px; line-height:26px; font-weight: 400; text-transform: uppercase; min-width: 275px; text-align: center; border: 1px solid 
    
    
        
    
    rgba(119, 61, 189, 1.0)
; position: relative; cursor: pointer; transition:400ms;; }
input[type=submit]:hover , button:hover { background-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; border-color: ; color: #FFFFFF; border-color 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; }

@media(max-width: 500px) {
    input[type=submit] , button { font-size: 13px; line-height: 22px; min-width: 200px; }
}

.submitted-message { font-size: 42px; line-height: 50px; font-weight: 700; }
.submitted-message:before { content: ''; margin-right: 6px; width: 57px; height: 57px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/check.png') no-repeat; display: inline-block; vertical-align: middle; }

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; font-size: 14px; line-height: 20px; color: red; }
.hs-form .input { margin:0 !important; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 15px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 15px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 15px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 15px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 15px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#6bc14c; color:#FFFFFF; border-color:#333; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#FFFFFF; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:7px; content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:11px;  content:''; width:12px; height:12px; border-color:#333; background:#6bc14c;  border-radius:100%; }


@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 15px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 15px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 15px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 15px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 15px; }
  
}

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

@media(max-width: 1200px) {
    .submitted-message { font-size: 26px; line-height: 34px; }
    .submitted-message:before { width: 40px; height: 40px; background-size: 40px; } 
}

@media(max-width: 991px) {
    .submitted-message { font-size: 20px; line-height: 28px; }
    .submitted-message:before { width: 30px; height: 30px; background-size: 30px; } 
}
.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
.hero-blog { position: relative; }
.hero-blog video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-blog:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #383737; opacity: 0.7; }
.hero-blog > div { position: relative; z-index: 1; }
.hero-blog .main { display: flex; flex-wrap: wrap; align-items: center; }
.hero-blog .left { width: calc(100% - 374px); padding: 40px 30px 40px 0; }

.hero-blog .subscribe { width: 374px; background: #773DBD; padding: 65px 30px 80px; text-align: center; display: flex; align-items: center; position: relative; overflow: hidden; z-index: 1; }
.hero-blog .subscribe:before { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: -150px; left: 0; transform: rotate(180deg); z-index: 1; opacity: 0.2; background-repeat: no-repeat; background-repeat-x: repeat; z-index: -1; }
.hero-blog .subscribe h3 { font-size: 27px; line-height: 34px; }
.hero-blog .subscribe .hs-form-field > label { display: none; }
.hero-blog .subscribe input.hs-button { margin-top: 7px; background: transparent; border-color: #fff; min-width: 242px; }
.hero-blog .subscribe input.hs-button:hover { background-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; border-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; color: #FFFFFF; }
.hero-blog .subscribe .form { display: inline-block; width: 100%; }
.hero-blog .subscribe .submitted-message { font-size: 22px; line-height: 30px; }
.hero-blog .subscribe .submitted-message:before { width: 35px; height: 35px; background-size: 35px; }

section.blog-index { padding: 75px 0 60px; }
section.blog-index .main { display: flex; flex-wrap: wrap; margin: 0 -10px; }
section.blog-index .items { width: 33.33%; padding: 10px; }
section.blog-index .items .inner { padding: 30px 29px 27px; min-height: 461px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.22); border-radius: 32px; display: flex; align-items: flex-end; letter-spacing: -0.7px; position: relative; overflow: hidden; color: #4a555f; } 

section.blog-index .items .inner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(top,  rgba(254,255,255,0) 0%, rgba(255,255,255,0.46) 48%, rgba(255,255,255,0.47) 49%, rgba(255,255,255,0.95) 64%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(254,255,255,0) 0%,rgba(255,255,255,0.46) 48%,rgba(255,255,255,0.47) 49%,rgba(255,255,255,0.95) 64%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(254,255,255,0) 0%,rgba(255,255,255,0.46) 48%,rgba(255,255,255,0.47) 49%,rgba(255,255,255,0.95) 64%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffff', endColorstr='#ffffff',GradientType=0 ); }
section.blog-index .items .inner > div { position: relative; z-index: 1; width: 100%; }
section.blog-index .items h3 { font-size: 24px; line-height: 1.4; margin: 0 0 5px; transition: 400ms; }
section.blog-index .items h3 a { color: #4a555f; }
section.blog-index .items .date { color: #773DBD;  }
section.blog-index .items .reading { margin: 50px 0 0; }

section.blog-index .items .inner:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); }

.blog-post { padding: 40px 0; }
.blog-post .main { margin: 0 auto; max-width: 1180px; }
.blog-post h1 { font-size: 62px; line-height: 67px; }
.blog-post .date { width: 100%; text-align: right; display: inline-block; }
.blog-post .post-body img { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 43px; margin: 0 0 15px; width: 100% !important; }
.blog-post .post-body h2 { font-size: 44px; line-height: 54px; }
.blog-post .post-body p { margin: 0 0 30px; letter-spacing: -0.7px; }

.blog-post .main a.btn_style { min-width: 221px; margin: 15px 0; }

.recent-posts .subscribe { width: 33.33%; padding: 10px 10px 10px 20px; }
.recent-posts .subscribe .inner { background: #773DBD; padding: 65px 30px 80px; text-align: center; display: flex; align-items: center; flex-flow: column; justify-content: center; position: relative; overflow: hidden; z-index: 1; border-radius: 30px; min-height: 461px; }
.recent-posts .subscribe .inner:before { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: -150px; left: 0; transform: rotate(180deg); z-index: 1; opacity: 0.2; background-repeat: no-repeat; background-repeat-x: repeat; z-index: -1; }
.recent-posts .subscribe h3 { font-size: 27px; line-height: 34px; }
.recent-posts .subscribe .hs-form-field > label { display: none; }
.recent-posts .subscribe input.hs-button { margin-top: 7px; background: transparent; border-color: #fff; min-width: 242px; }
.recent-posts .subscribe input.hs-button:hover { background-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; border-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; color: #FFFFFF; }
.recent-posts .subscribe .form { display: inline-block; width: 100%; }
.recent-posts .subscribe .submitted-message { font-size: 22px; line-height: 30px; }
.recent-posts .subscribe .submitted-message:before { width: 35px; height: 35px; background-size: 35px; }

.recent-posts ul.slick-dots { position: absolute; top: -74px; right: 12px; margin: 0; }
.recent-posts ul.slick-dots button { background-color: #445567; opacity: 1; }
.recent-posts ul.slick-dots li.slick-active button { background-color: #6f47b6; }


section.recent-posts { padding-top: 0; }
section.recent-posts .main { position: inherit; }
section.recent-posts .title { margin: 0 auto 40px; max-width: 1180px; width: 100%; }
section.recent-posts .title h2 { font-size: 44px; line-height: 54px; }
section.recent-posts .cover { margin: 0 auto; max-width: 1200px; width: 100%; display: flex; flex-wrap: wrap; position: relative; }
section.recent-posts .cover-in { width: 66.67%; }

section.recent-posts .items .inner { box-shadow: 0 0 10px rgba(0,0,0,.15); }
section.recent-posts .items .inner:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }

nav.pagination { display: flex; align-items: center; justify-content: center; padding: 0 0 70px; }
nav.pagination a { margin: 5px 6px; font-weight: 700; color: #4a555f; }
nav.pagination a.pagination__link--prev , nav.pagination a.pagination__link--next { font-size: 26px; margin: 0 12px; }
nav.pagination a:hover , nav.pagination a.pagination__link--active { color: #773DBD; }

.left-side-logo-wrap { display: flex; margin-top: 27px; flex-flow: wrap; }
.left-side-logo { width: 30%; }
.left-side-logo-wrap .con { width: 70%; padding-left: 10px; }
.blog-filter-list-wrap { border-radius: 58px; border: 1px solid #707070; margin-bottom: 54px; }
.blog-filter-list-wrap label { display: inline-block; width: 100%; padding: 24px 41px; font-size: 24px; font-weight: 700; letter-spacing: -0.84px; position: relative; cursor: pointer; }
.blog-filter-list-wrap .blog-filter-list { margin: 0; padding: 13px 41px 27px; display:none; }
.blog-filter-list-wrap ul li { display: inline-block; width: 100%; padding-left: 40px; padding-bottom: 15px; position: relative; line-height: normal; }
.blog-filter-list-wrap .blog-filter-list ul { column-count: 2; margin: 0; padding: 29px 0 0 0; }
.blog-filter-list h4 { font-size: 24px; font-weight: 500; letter-spacing: -0.84px; margin: 0; color: #783dbd; border-bottom: 1px solid #707070; padding-bottom: 15px; }
.blog-filter-list-wrap ul li { color: #415364; font-weight: 500; letter-spacing: -0.84px; display: inline-block; width: 100%; font-size: 24px; cursor: pointer; }
.blog-filter-list-wrap ul li:before { content: ''; width: 28px; height: 28px; border: 1px solid #707070; background-color: #ffffff; position: absolute; left: 0; }
.blog-filter-list-wrap label svg { position: absolute; right: 42px; top: 50%; transform: translateY(-50%); }
.blog-filter-list-wrap label.open-drop-down svg { transform: rotate(-180deg) translateY(50%); }

section.recent-posts .main .slick-list.draggable { width: 100%; }
section.recent-posts .main .slick-list.draggable .slick-track { margin-left: 0; }
nav.pagination.active { color: #773DBD !importent; }
nav.pagination a { cursor: pointer; }

.blog-index__post-tags { color: #783dbd; font-size: 17px; font-weight: 400; font-style: normal; letter-spacing: -0.7px; line-height: 24px; }
section.blog-index .items .con { font-size: 16px; font-weight: 400; letter-spacing: -0.56px; line-height: 24px; }

.dev-blog section.blog-index .container { width: 1500px; }
.dev-blog .blog-filter-list-wrap { margin-left: auto; margin-right: auto; max-width: 1170px; }
.dev-blog section.blog-index .items .inner { flex-flow: column; padding: 0; min-height: 100%; }
.dev-blog section.blog-index .items .image { height: 190px; }
.dev-blog section.blog-index .items .inner-in { padding: 22px 35px 45px; }
.dev-blog .blog-index__post-tags { margin: 0 0 5px; font-size: 14px; line-height: 22px; letter-spacing: 0px; }

.dev-blog nav.pagination a { font-size: 20px; font-weight: 300; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 100px; text-align: center; line-height: 35px; }
.dev-blog nav.pagination a:hover , .dev-blog nav.pagination a.active { background: #773DBD; color: #fff; }
.dev-blog nav.pagination a.pagination__link--next, .dev-blog nav.pagination a.pagination__link--prev { background: transparent; color: #773DBD; font-size: 30px; }
.dev-blog nav.pagination a.pagination__link--next:hover, .dev-blog nav.pagination a.pagination__link--prev:hover { color: #773DBD; }

.dev-blog section.blog-index { background: #f6f7f8; }
.dev-blog section.blog-index .items { padding: 30px; }
.dev-blog section.blog-index .main { margin: 0 -30px; }
.dev-blog section.blog-index .items .inner { box-shadow: none; }
.dev-blog nav.pagination { background: #f6f7f8; }
.dev-blog nav.pagination a.pagination__link--next.disabled, .dev-blog nav.pagination a.pagination__link--prev.disabled { display: none; }
.dev-blog section.blog-index .items .inner:hover { box-shadow: 0 0 20px rgba(0,0,0,.22); }
.dev-blog section.blog-index .items .inner:hover h3 { color: #773DBD; }

@media(max-width: 1600px) { 
    
    .dev-blog section.blog-index .container { width: 1270px; }
    
}

@media(max-width: 1350px) { 
    
    .dev-blog section.blog-index .container { width: 1170px; }
    .dev-blog section.blog-index .items { padding: 15px; }
    .dev-blog section.blog-index .main { margin: 0 -15px; }
    
}


@media(min-width:992px){
    .hero-blog-mobile-set { display:none; }
}

@media(max-width: 1200px) {

    .blog-post h1 { font-size: 40px; line-height: 47px; }
    .blog-post .post-body h2 { font-size: 34px; line-height: 42px; }
    
    section.recent-posts .title h2 { font-size: 34px; line-height: 42px; }
    
    .recent-posts .subscribe h3 { font-size: 22px; line-height: 30px; }
    
    .recent-posts .subscribe .inner { padding: 65px 15px 80px; }

    .dev-blog section.blog-index .container { width: 970px; }
    .dev-blog section.blog-index .items { padding: 10px; }
    .dev-blog section.blog-index .main { margin: 0 -10px; }
    .dev-blog section.blog-index .items h3 { font-size: 20px; }
}

@media(max-width: 991px) {

    section.blog-index .items { width: 50%; }
    
    .hero-blog { padding: 50px 0; }
    .hero-blog .left { width: 100%; padding: 0; }
    .hero-blog .subscribe { width: 100%; margin: 30px 0 0; }
    
    .blog-post .date { margin: 0 0 10px; }
    .blog-post h1 { font-size: 34px; line-height: 42px; }
    .blog-post .post-body h2,
    section.recent-posts .title h2 { font-size: 28px; line-height: 36px; }
    
    section.recent-posts .cover-in { width: 50%; }
    .recent-posts .subscribe { width: 50%; }


    .hero-blog .subscribe.text-center.hide-mobile {display: none; }
    .hero-blog-mobile-set .subscribe { align-items: center; display: flex; overflow: hidden; padding: 39px 22px 44px; position: relative; text-align: center; width: 100%; background: #773DBD; z-index: 1; }
    .hero-blog-mobile-set .subscribe .inner { width: 100%; }
    .hero-blog-mobile-set .subscribe:before { background: url(https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/Halftone-mobile.svg); background-repeat: no-repeat; bottom: -60px; content: ""; height: 100%; left: 0; opacity: .11; position: absolute; width: 100%; z-index: 1; z-index: -1; background-size: cover; background-position: top; }
    .hero-blog-mobile-set .subscribe h3 { font-weight: 700; font-style: normal; letter-spacing: -1.08px; color: #ffffff; font-size: 27px; line-height: 34px; margin-bottom: 25px; }
    .hero-blog-mobile-set .subscribe .form .hs-form-field > label { display: none; }
    .hero-blog-mobile-set .subscribe .form .hs_email { width: 60%; z-index: 1; }
    .hero-blog-mobile-set .subscribe .form  .hs_submit.hs-submit { width: 49%; margin-left: -47px; }
    .hero-blog-mobile-set .subscribe form { display: flex; flex-flow: wrap; }
    .hero-blog-mobile-set .subscribe .form .hs_submit.hs-submit input.hs-button { border: 1px solid #ffffff; min-width: 177px; padding-left: 33px; line-height: 23px; width: 100%; }
    .hero-blog-mobile-set .subscribe .form { max-width: 516px; margin: 0px auto; } 
    .hero-blog .left { text-align: center; }
    
    .left-side-logo { width: 100%; }
    .left-side-logo-wrap .con { width: 100%; padding-left: 0px; padding-top: 15px; }
    .left-side-logo-wrap { margin-top: 15px; }
/*     .blog-filter-list-wrap label { padding: 19px 30px; } */
    
    
    .dev-blog section.blog-index .container { width: 750px; }
    .dev-blog section.blog-index .items { padding: 10px; width: 50%; }
    


}
@media(max-width: 767px) {

    .hero-blog .subscribe { padding: 50px 20px; }
    .hero-blog .subscribe h3 { font-size: 24px; line-height: 32px; }
    
    section.blog-index { padding: 50px 0 30px; }
    section.blog-index .main { margin: 0; }
    section.blog-index .items { width: 100%; padding: 12px 0; }
    section.blog-index .items .inner { padding: 30px 16px 27px; }
    
    .blog-post { padding: 30px 0; }
    .blog-post h1 { font-size: 28px; line-height: 38px; }
    .blog-post .post-body img { border-radius: 20px; }
    
    section.recent-posts .title { margin: 0 auto 20px; }
    section.recent-posts .title h2 { font-size: 24px; line-height: 32px; }
    section.recent-posts { padding-top: 0; }
    .recent-posts .subscribe { padding: 12px 0; }
    .recent-posts ul.slick-dots { position: relative; top: auto; left: 0; right: 0; margin: 20px auto 0; }
    
    .blog-post .post-body h2, section.recent-posts .title h2 { font-size: 24px; line-height: 32px; }

    .recent-posts .subscribe,
    section.recent-posts .cover-in { width: 100%; }
    .recent-posts .subscribe .inner { min-height: auto; }
    .recent-posts .subscribe { margin: 20px 0 0; }

    nav.pagination { padding: 0 0 40px; }
    .hero-blog-mobile-set .subscribe h3 { font-size: 18px; line-height: 26px; }
    
    .hero-blog-mobile-set .subscribe { padding: 24px 22px 20px; }
    .hero-blog-mobile-set .subscribe:before { bottom: -80px; background-size: cover; }
    .hero-blog-mobile-set .subscribe .form .hs-error-msgs li { color: #fff; font-size: 11px; }
    
    .blog-filter-list-wrap label svg { right: 25px; width: 29px; height: auto; }
    .blog-filter-list-wrap .blog-filter-list h4 { font-size: 20px; line-height: normal; padding-bottom: 14px; }
    .blog-filter-list-wrap .blog-filter-list ul { column-count: 1; padding: 14px 0 0; }
    .blog-filter-list-wrap ul li a { font-size: 17px; line-height: normal; }
    .blog-filter-list-wrap ul li:before { width: 25px; height: 25px; }
    .blog-filter-list-wrap .blog-filter-list { padding: 13px 20px 27px; }
    .blog-filter-list-wrap label { padding: 18px 20px 18px; font-size: 22px; line-height: normal; }
    .blog-filter-list-wrap { border-radius: 48px; margin-bottom: 25px;}
    body .blog-filter-list-wrap ul li.active:after { width: 18px; height: 17px; background-size: contain; background-repeat: no-repeat; }
    .blog-filter-list-wrap ul li { padding-left: 33px; }

    .recent-posts.two-column .items { width:100%; }
    .blog-index__post-tags { font-size: 18px; line-height: normal; margin-bottom: 5px; }
    
    .dev-blog section.blog-index .container { width: 100%; }
    .dev-blog section.blog-index .items { padding: 10px; width: 100%; }
}

@media(max-width: 500px) {

    section.blog-index .items .inner , .recent-posts .subscribe .inner { min-height: 400px; }
    
    .blog-post h1 { font-size: 22px; line-height: 29px; } 
    .blog-post .post-body h2, section.recent-posts .title h2 { font-size: 20px; line-height: 28px; }
    
    .dev-blog section.blog-index .items .inner-in { padding: 22px 24px 35px; }

}
.systems_error { padding: 80px 0 140px; }
.systems_error .inner { margin: 0 auto; max-width: 600px; width: 100%; text-align: center; }
.systems_error .inner h1 { font-size: 62px; line-height: 70px; }
.systems_error form h3 { display: none; }
.systems_error form { width: 100%; max-width: 470px; margin: 50px auto 0; }
.systems_error form input.hs-input { width: 100% !important; height: 60px; background: #d8dfe1; border: none; padding: 0 20px !important; color: #415364; border-radius: 0; }
.systems_error form input.hs-button { margin: 25px 0 0; }

.unsubscribe_error { padding: 80px 0 140px; }
.unsubscribe_error .inner { margin: 0 auto; max-width: 700px; width: 100%; text-align: center; }
.unsubscribe_error .inner h1 { font-size: 62px; line-height: 70px; }
.unsubscribe_error .inner h2 { font-size: 24px; line-height: 32px; }
.unsubscribe_error .inner h2 + br { display: none; }
.unsubscribe_error .inner .success { font-size: 24px; line-height: 32px; font-weight: 700; margin: 30px 0 0; }

.error_preferences { padding: 65px 0; }
.error_preferences .page-header { padding: 0 0 45px; text-align: center; margin: 0 auto; max-width: 880px; }
.error_preferences .page-header h1 { font-size: 62px; line-height: 70px; }
.error_preferences .page-header h2 { font-size: 24px; line-height: 32px; }
.error_preferences .page-header h2 + br { display: none; }

.error_preferences .email-prefs { border-top: 1px solid #d8dfe1; padding: 40px 0 0; }
.error_preferences .email-prefs .item { margin: 0 auto 28px; padding: 0 0 0 46px; max-width: 800px; width: 100%; position: relative; font-size: 24px; line-height: 32px; text-transform: uppercase; }
.error_preferences .email-prefs p.header { display: none; }
.error_preferences .email-prefs .subscribe-options { margin: 0 auto !important; padding: 5px 0 5px 46px; max-width: 800px; width: 100%; position: relative; font-size: 24px; line-height: 32px; text-transform: uppercase; }

.checkbox-row input[type="checkbox"] , .subscribe-options input[type="checkbox"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 31px; height: 31px; z-index: 1; cursor: pointer; }
.checkbox-row input[type="checkbox"] + span , .subscribe-options input[type="checkbox"] + span { line-height: 22px; display: block; }
.checkbox-row input[type="checkbox"] + span:before , .subscribe-options input[type="checkbox"] + span:before  { position:absolute; left:0; top:0;  content:''; width:31px; height:31px; border:1px solid #d8dfe1; color:#d8dfe1; background:#d8dfe1; }
.checkbox-row input[type="checkbox"]:checked + span:after , .subscribe-options input[type="checkbox"]:checked + span:after { content: ""; position:absolute; left:0; top:0; width: 31px; height: 31px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/check.svg') no-repeat center center; }
.error_preferences input.hs-button { padding: 13px 30px; margin: 50px auto 0; display: block; }

.error_date { padding: 40px 0 60px; text-align: center; }
.error_date .inner { margin: 0 auto; max-width: 920px; width: 100%; }
.error_date .inner h1 { font-size: 40px; line-height: 48px; font-family: 'Roboto', sans-serif; }
.error_date .number { font-size: 382px; line-height: 412px; font-weight: 700; display: flex; align-items: center; justify-content: center; color: #783dbd; margin: 0 0 20px; padding-right: 40px; }
.error_date .number span { position: relative; z-index: 1; }
.error_date .number .img { width: 352px; height: 353px; border-radius: 100%; background: #000; margin: 0 -78px 0 -48px; position: relative; }
.error_date .number .img:before { content: ''; width: 141px; height: 155px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/shape_dot.png') no-repeat; position: absolute; top: -20px; right: -15px; z-index: -1; transform: rotate(95deg); }
.error_date .number .img:after { content: ''; width: 141px; height: 155px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/shape_dot.png') no-repeat; position: absolute; bottom: -20px; left: -15px; z-index: -1; transform: rotate(-95deg); }
.error_date .inner .btns { margin: 20px 0 0; display: flex; justify-content: center; flex-wrap: wrap; }
.error_date .inner .btns .btn_style { padding: 10px; }

@media(max-width: 991px) {
    .unsubscribe_error .inner h1 { font-size: 48px; line-height: 54px; }
    .unsubscribe_error .inner .success { font-size: 20px; line-height: 28px; }
    
    .error_preferences .page-header h1 { font-size: 48px; line-height: 54px; }
    
    .error_date .inner h1 { font-size: 34px; line-height: 42px; }
    .error_date .number { font-size: 300px; line-height: 312px; }
    .error_date .number .img { width: 300px; height: 300px; }

    
}

@media(max-width: 767px) {

    .systems_error { padding: 50px 0 80px; }
    .systems_error .inner h1 { font-size: 30px; line-height: 40px; }
    .systems_error form { margin: 25px auto 0; }
    .systems_error form input.hs-button { margin: 15px 0 0; }
    
    .unsubscribe_error { padding: 50px 0 80px; }
    .unsubscribe_error .inner h1 { font-size: 30px; line-height: 40px; }
    
    .error_preferences .page-header h1 { font-size: 30px; line-height: 40px; }
    
    .error_preferences { padding: 35px 0 50px; }
    .checkbox-row input[type="checkbox"],
    .subscribe-options input[type="checkbox"] { width: 20px; height: 20px; }
    .checkbox-row input[type="checkbox"] + span:before,
    .subscribe-options input[type="checkbox"] + span:before { width: 20px; height: 20px; }
    .checkbox-row input[type="checkbox"]:checked + span:after,
    .subscribe-options input[type="checkbox"]:checked + span:after { width: 20px; height: 20px; background-size: 14px; }
    .error_preferences .email-prefs .item { padding: 0 0 0 30px; font-size: 18px; line-height: 28px; }
    .error_preferences .email-prefs .subscribe-options { padding: 0 0 0 30px; font-size: 18px; line-height: 28px; }
    
    .error_date .number .img { width: 200px; height: 200px; margin: 0 -40px; }
    .error_date .number { font-size: 190px; line-height: 212px; padding: 0; }
    .error_date .inner h1 { font-size: 28px; line-height: 36px; }
    .error_date .inner .btns .btn_style { padding: 5px; }
    .error_date .inner .btns .btn_style a { min-width: 200px; }

}

@media(max-width: 500px) {

    .error_date .inner h1 { font-size: 22px; line-height: 29px; }
    .error_date .number .img { width: 160px; height: 160px; margin: 0 -38px; }
    .error_date .number { font-size: 140px; line-height: 150px; }

}
.header-top { position: relative; z-index: 99; background: 
    
    
        
    
    rgba(255, 255, 255, 1.0)
; }
.header-top .container { width: 1500px; } 

.button-top .container { display: flex; justify-content: flex-end; }
.button-top { border-bottom: 1px solid #d8dfe1; }
.button-top .btn a { padding: 17px 20px; display: inline-block; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #4a555f; border-right: 1px solid #d8dfe1; min-width: 260px; text-align: center; }
.button-top .btn:first-child a { border-left: 1px solid #d8dfe1; }
.button-top .btn a:hover { background: #773DBD; color: #FFFFFF }

.header { padding: 0; }
.header_inner { display: flex; align-items: center; }
.header_inner .logo { width: 322px; }

.mainmenu { width: calc(100% - 322px); padding: 0 0 0 30px; text-align: right; }
.mainmenu ul { margin: 0; padding: 0; list-style-type: none; }
.mainmenu ul li { margin: 0; padding: 0; display: inline-block; width: 100%; }
.mainmenu ul li { font-size: 18px; line-height: 30px; position: relative; }
.mainmenu ul li a { color: #415364; }
.mainmenu ul li a:hover { color: #773DBD; }
.mainmenu .hs-menu-wrapper > ul > li { display: inline-block; width: auto; }
.mainmenu .hs-menu-wrapper > ul > li > a { font-weight: 700; text-transform: uppercase; padding: 58px 20px 32px; display: inline-block; }

.header_logos { padding: 60px 0; }
.header_logos .logos img { width: 322px; }


@media (min-width: 992px){
    
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { content: "\f105"; display: inline-block; font-family: 'fontAwesome'; color: #773DBD; font-weight: 300; margin-left: 10px; font-size: 20px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .mainmenu .hs-menu-wrapper > ul > li:hover > a { color:#773DBD; }
    .mainmenu .hs-menu-wrapper > ul > li.active-branch > a { color:#773DBD; } 
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:after { transform: rotate(90deg); }
    
    .mainmenu .hs-menu-wrapper ul li ul {  width:215px; padding:12px 0; margin: 0px; background:#FFFFFF; position: absolute; top: 100%; left:0px; box-shadow: 0px 0px 90px #00000029; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: left; }
    .mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: block; float: none; text-transform: none; }
    .mainmenu .hs-menu-wrapper ul li ul li a { padding:7px 20px; color: #415364; width:100%; font-size:15px; line-height: 20px; text-transform: none; display: inline-block; font-weight: 500; }
    .mainmenu .hs-menu-wrapper ul li ul li a:hover { color: #773DBD; }

    .mainmenu .hs-menu-wrapper ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
    
    .mbl_button_top { display: none; }
    
}

.footer { border-top: 1px solid #d8dfe1; background: 
    
    
        
    
    rgba(255, 255, 255, 1.0)
; }
.footer .container { width: 1480px; }
.footer_main { display: flex; flex-wrap: wrap; }
.footer_main .box { width: 19%; padding: 30px 10px 20px; }
.footer_main .logo.box { padding: 35px 0; width: 22%; }
.footer_main .box h4 { font-size: 18px; line-height: 30px; text-transform: uppercase; margin: 5px 0 5px; }
.footer_main .box.first { padding-left: 50px; }
.footer_main .box .menu ul { margin: 0; padding: 0; list-style-type: none; }
.footer_main .box .menu ul li { margin: 5px 0; padding: 0; display: inline-block; width: 100%; line-height: normal; }
.footer_main .box .menu ul li a { font-size: 15px; line-height: 18px; color: #415364; font-weight: 500; }
.footer_main .box .menu ul li a:hover { color: #40245E; }

.footer_main .sermenu ul { margin: 0; padding: 0; list-style-type: none; }
.footer_main .sermenu ul li { margin: 4px 0; padding: 0; display: inline-block; width: 100%; line-height: normal; }
.footer_main .sermenu ul li a { font-size: 18px; line-height: normal; text-transform: uppercase; font-weight: 700; color: #415364; }
.footer_main .sermenu ul li a:hover { color: #40245E; }

.footer_main .subscribe { width: 21%; background: #773DBD; text-align: center; padding: 32px; position: relative; overflow: hidden; z-index: 1; } 
.footer_main .subscribe:before { content: ''; width: 100%; height: 100%; background: url(https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg) no-repeat; position: absolute; bottom: -230px; left: 0; transform: rotate(180deg); opacity: 0.2; z-index: -1; }
.footer_main .subscribe h2 { color: #FFFFFF; }
.footer_main .subscribe .btn_style { margin: 19px 0 0; }
.subscribe .btn_style a { min-width: auto; width: 100%; box-sizing: border-box !important; }

.copyright { padding: 30px 0 60px; border-top: 1px solid #d8dfe1; font-size: 15px; line-height: 26px; font-weight: 500; }
.copyright .container { width: 1480px; display: flex; flex-flow: wrap; justify-content: space-between; }

.copyright .left { display: flex; align-items: center; width: calc(100% - 300px); }
.copyright .left .manu ul { margin: 0; list-style-type: none; padding: 0; }
.copyright .left .manu ul li { display: inline-block; padding: 0 15px; margin: 0; }
.copyright .left .manu { margin-left: 10px; }
.copyright .social { width: 300px; text-align: right; }
.copyright .social ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: flex-end; }
.copyright .social ul li { margin: 0; padding: 0 0 0 18px; display: inline-block; vertical-align: middle; line-height: 0; }
.copyright .social ul li a { display: inline-block; }
.copyright .social ul li a:hover { color: #40245E; }

.event_lp .header_logos { padding: 40px 0; text-align: center; }

@media(max-width: 1600px) {

    .header-top .container { width: 1270px; }
    
    .header_inner .logo { width: 270px; }
    .mainmenu { width: calc(100% - 270px); padding: 0 0 0 15px; }
    .mainmenu .hs-menu-wrapper > ul > li { font-size: 16px; }
    .mainmenu .hs-menu-wrapper > ul > li > a { padding: 58px 12px 32px; }
    
    .footer .container , .copyright .container { width: 1270px; }
    
    .footer_main .logo.box { width: 20%; }
    .footer_main .box { width: 20%; }
    .footer_main .box.first { padding-left: 30px; }
    .footer_main .subscribe { width: 20%; padding: 30px 15px; }
    .footer_main .subscribe h2 { font-size: 34px; line-height: 43px; }
    
}

@media(max-width: 1350px) {
    
    .header-top .container { width: 1170px; }
    .header_inner .logo { width: 250px; }
    .mainmenu { width: calc(100% - 250px); padding: 0 0 0 15px; }
    .mainmenu .hs-menu-wrapper > ul > li > a { padding: 58px 8px 32px; }
    .button-top .btn a { min-width: 200px; }
    
    .footer .container,
    .copyright .container { width: 1170px; }
    
}

@media(max-width: 1200px) {

    .header-top .container { width: 970px; }
    .header_inner .logo { width: 220px; }
    .mainmenu { width: calc(100% - 220px); }
    .mainmenu .hs-menu-wrapper > ul > li { font-size: 13px; }
    .mainmenu .hs-menu-wrapper > ul > li > a { padding: 58px 6px 32px; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { font-size: 16px; }
    .button-top .btn a { font-size: 14px; min-width: 160px; }

    .footer .container,
    .copyright .container { width: 970px; }
    .footer { padding: 50px 0; }
    .footer_main .logo.box { width: 100%; padding: 0; margin: 0 0 30px; }
    .footer_main .box.first { padding-left: 0; }
    .footer_main .box { width: 24%; padding: 10px; }
    .footer_main .box.subscribe { width: 28%; padding: 30px; }
    
    .header_logos { padding: 30px 0; }
    
}

@media(max-width: 991px) {

    .footer .container,.copyright .container { width: 750px; }

    .footer { padding: 0; border-top: none; text-align: center; }
    .footer_main { flex-direction: column-reverse; }
    .footer_main .box { width: 100%; display: none; }
    .footer_main .box.subscribe { width: 100%; }
    .footer_main .logo.box { display: block; margin: 20px 0; }
    .footer_main .box.subscribe { display: block; padding: 35px 35px 70px; }

    .copyright { border-top: none; padding: 10px 0 45px; text-align: center; }
    .copyright .container { flex-direction: column-reverse; }
    .copyright .left { width: 100%; justify-content: center; flex-flow: wrap; }
    .copyright .left .manu { margin: 0; }
    .copyright .social { width: 100%; text-align: center; }
    .copyright .social ul { justify-content: center; }
    .copyright .social ul li { padding: 10px; }
    
    .header_logos { padding: 20px 0; }
    .header_logos .logos img { max-width: 240px; }

}

@media(max-width: 767px) {
    
    .header-top .container { width: 100%; }
    .footer .container,.copyright .container { width: 100%; }

}

@media(max-width: 500px) {

    .copyright .left .manu ul li { display: block; }

}

@media (min-width: 992px){
    
  .header_inner .subscribe { display: none; }

  a.mobile-trigger, span.child-triggerm {
      display: none !important; /* Hide button on Desktop */
  }
  
  .mainmenu .hs-menu-wrapper { 
      display: block !important;
  }

}

@media (max-width:991px) {
    
    .header-top .container { width: 100%; padding: 0 30px; }
    .mainmenu.js-enabled { display: block; }

    .mainmenu, .mainmenu * { display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #415364; }
    a.mobile-trigger { display: inline-block; cursor: pointer; position: absolute; top: 26px; right: 15px; width: 44px; height: 44px; padding: 12px 10px; background: #FFFFFF; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; }
    a.mobile-trigger:hover { text-decoration: none; color: #773DBD; }
    a.mobile-trigger span { display: inline; }
    a.mobile-trigger span:before { position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; background-color: #FFFFFF; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
    .mobile-open a.mobile-trigger { -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; background: transparent; }
    .mobile-open a.mobile-trigger span:after { opacity: 1; }
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; }
    a.mobile-trigger i:before,
    a.mobile-trigger i:after { position: absolute; content: ''; }
    a.mobile-trigger i,
    a.mobile-trigger i:before,
    a.mobile-trigger i:after { width: 24px; height: 3px; background-color: #773DBD; display: inline-block; }
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    .mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

    /* Child Toggle Button
    ========================================================================== */
    span.child-triggerm { cursor: pointer; position: absolute; top: 0px; right: 10px; width: 52px; height: 52px; padding: 0; display: flex; align-items: center; justify-content: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    span.child-triggerm:before { content: "\f105"; color: #773DBD; font-family: 'fontAwesome'; font-weight: 400; font-size: 25px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    span.child-triggerm span { display: none; }
    span.child-triggerm.child-open:before { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }

    /* Menu Styles on Mobile Devices
    ========================================================================== */
    .mainmenu.js-enabled .hs-menu-flow-horizontal,
    .mainmenu.js-enabled .hs-menu-children-wrapper { display: none; }
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; position: static; display: none; }

    /* Mobile Menu Styles */
    .mainmenu.js-enabled .hs-menu-flow-horizontal { padding: 0; position: absolute; top: 96px; left: 0px; width: 100%; }
    .mainmenu .hs-menu-flow-horizontal { padding: 0; background-color: #FFFFFF; width: 100%; z-index: 8888; }
    .mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; width: 100%; }
    .mainmenu .hs-menu-flow-horizontal > ul > li > a { font-size: 18px; line-height: 30px; overflow: visible; padding: 10px 30px; color: #415364; border-top: 1px solid #d8dfe1; }
    .mainmenu .hs-menu-flow-horizontal > ul > li.hs-item-has-children.active > a { color: #773DBD; }
    
    .mainmenu ul.hs-menu-children-wrapper { padding: 12px 0; background: rgba(216, 223, 225, 0.2); }
    .mainmenu ul.hs-menu-children-wrapper li a { font-size: 15px; line-height: 24px; font-weight: 500; padding: 6px 30px; text-transform: none; color: #415364; }
    
    .button-top { display: none; }
    .button-top.mbl_button_top { display: block; }
    .header { padding: 29px 0; }
    .header_inner .logo { width: 156px; }
    .mainmenu { width: calc(100% - 156px); }
    
    .header_inner .subscribe { background: #773DBD; padding: 30px 30px 50px; text-align: center; margin: 15px 0 0; position: relative; z-index: 1; }
    .header_inner .subscribe:before { content: ''; width: 100%; height: 100%; background: url(https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg) no-repeat; position: absolute; bottom: -80px; left: 0; transform: rotate(180deg); opacity: 0.2; z-index: -1; background-position: center bottom; }
    .header_inner .subscribe h2 { text-align: center; font-size: 24px; line-height: 34px; font-weight: 700; padding: 0 0 15px; }
    .header_inner .subscribe .btn_style { width: auto; padding: 5px; display: inline-block; }
    .header_inner .subscribe .btn_style a { font-size: 10px; line-height: 18px; padding: 7px 15px; min-width: 140px; }
    
    .event_lp .header_logos { padding: 20px 0; }
    
    .header-top .button-top.mbl_button_top .container { display: inline-block; vertical-align: top; width: 100%; padding: 0; }
    .button-top .btn:first-child a { border-left: 0; }
    .button-top .btn a { text-align: left; font-size: 18px; line-height: 30px; overflow: visible; padding: 10px 30px; color: #415364; border-top: 1px solid #d8dfe1; font-weight: 700; }

}

*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:focus{ outline:none; }
::-moz-focus-inner { border:0; }

html { position:relative; }
body { margin:0px; -webkit-font-smoothing: antialiased; }

.row-fluid [class*="span"] { min-height:1px; }
.container { margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box; }
.container:after { clear:both; content: ""; display:table; }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

.slick-slider .slick-arrow { margin-top: -15px; padding: 0; background: url('https://21150431.fs1.hubspotusercontent-na1.net/hubfs/21150431/amerline-2022/images/arrow.png') no-repeat center center; border: none; z-index: 9; position: absolute; top: 50%; left: -45px; width: 48px; height: 30px; font-size: 0px; color: #FFFFFF; transition:400ms;; cursor: pointer; }
.slick-slider .slick-arrow.slick-next { left: auto; right: -45px; }
.slick-slider .slick-arrow.slick-prev { transform: rotate(180deg); }

.slick-slider .slick-dots { text-align: center; padding: 0; margin: 20px 0 0; line-height: 0; }
.slick-slider .slick-dots li { display: inline-block; margin:5px; line-height:0; }
.slick-slider .slick-dots li button { min-width: auto; width: 15px; height: 15px; border-radius: 100%; background-color: #fff; border: none; padding: 0; text-indent: -9999px; cursor: pointer; opacity: 0.5; }
.slick-slider .slick-dots li.slick-active button { opacity:1; }

/* data-small-btn="true" */
body .fancybox-bg { background: #4a555f; }
body .fancybox-slide .fancybox-content { margin-top: 40px; overflow: visible !important; }
body .fancybox-slide .fancybox-close-small { background: #FFFFFF; border-radius: 100%; height: 30px; opacity: 1; padding: 2px; right: -30px; top: -30px; width: 30px; }
body .fancybox-slide .fancybox-close-small svg { color: #000; }
body .fancybox-button { min-width: auto; }

/* body .video_code { width: 100%; max-width: 900px; line-height: 0; background: transparent; } */
/* body .video_code video { width: 100%; border: 4px solid #415364; border-radius: 30px; } */

.widget-type-rich_text ul[style="list-style-type: circle;"] { list-style: none !important; }
.widget-type-rich_text ul[style="list-style-type: circle;"] li:before { background-color: transparent; border: 3px solid #70e0c1; border-radius: 100%; content: ""; height: 8px; left: 0; position: absolute; top: 16px; width: 8px; }
.widget-type-rich_text ul[style="list-style-type: square;"] { list-style: none !important; }
.widget-type-rich_text ul[style="list-style-type: square;"] li:before { background-color: #70e0c1; content: ""; width: 11px; left: 4px; position: absolute; top: 16px; height: 11px; border-radius: 0; }

.widget-type-rich_text ul , .widget-type-rich_text ul[style="list-style-type: disc;"] { list-style: none !important; }
.widget-type-rich_text ul li:before , .widget-type-rich_text ul[style="list-style-type: disc;"] li:before { background-color: #70e0c1; border-radius: 100%; content: ""; width: 11px; left: 2px; position: absolute; top: 16px; height: 11px; }

.list_style ul { margin: 10px 0; padding: 0 0 0 15px; list-style-type: none; }
.list_style ul li { margin: 0; padding: 0 0 0 15px; position: relative; }
.list_style ul li:before { content: ''; width: 4px; height: 4px; position: absolute; top: 11px; left: 0; background: #007a8c; border-radius: 10px; }

.list_style ol { margin: 10px 0; padding: 0 0 0 15px; list-style-type: none; counter-reset: my-sec-counter; }
.list_style ol li { margin: 0; padding: 0 0 0 15px; position: relative; }
.list_style ol li:before { counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; position:absolute; top:0; left:0; color:#007a8c; }

@media (min-width:768px) { .container { width:750px; } }
@media (min-width:992px) { .container { width:970px; } }
@media (min-width:1201px) { .container { width:1170px; } }
@media (min-width:1430px) { .container { width:1270px; } .container.small { width:1170px; }  }
/*@media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} }*/

.hero-section { display: flex; flex-wrap: wrap; }
.hero-section .left { width: calc(100% - 805px); padding: 120px 20px 120px 0; position: relative; z-index: 1; }
.hero-section .left h1:after { content: ''; height: 10px; width: 0; background: #6bc14c; display: block; margin: 20px 0 0; transition:all .9s ease-in-out; }
.hero-section .left h1.go:after { width: 95%; }
.hero-section .left .text {max-width: 600px;width: 100%;}
.hero-section .right { padding-bottom: 90px; width: 965px; margin-top: -183px; display: inline-block; margin-right: -160px; position: relative; }
.hero-section .right:before { content: ''; width: 332px; height: 340px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Dots.svg') no-repeat; position: absolute; bottom: 200px; left: -110px; transform: rotate(180deg); }
.hero-section .right .shapeimg { position: absolute; bottom: 0; right: -50px; transform: rotate(180deg); }
.hero-section .video_img { width: 965px; height: 965px; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: relative; overflow: hidden; }
.hero-section a.videotag { width: 203px; height: 203px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/play-image.svg') no-repeat center center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; transform: scale(0.6); display: flex; align-items: flex-end; justify-content: center; font-size: 25px; line-height: 30px; letter-spacing: 1px; font-weight: 700; color: #fff; }
.hero-section a.videotag:hover { transform: scale(0.8); }
.hero-section a.videotag span { margin: 0 0 -44px; min-width: 200px; text-align: center; }

.hero-section .video_img video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-section .right .image { width: 326px; height: 326px; border: 14px solid #ffffff; border-radius: 100%; position: absolute; bottom: 0; }
.hero-section .right .image img { position: absolute; top: -150px; left: -170px; z-index: -1; transform: rotate(205deg); }

.tip_strip { display: flex; align-items: flex-end; flex-wrap: wrap; padding-left: 80px; }
.tip_strip .image { width: 480px; position: relative; }
.tip_strip .image svg { width: 100%; height: auto; overflow: inherit; }
.tip_strip .image .parallax svg { transform: translateY(-440px); transition:all .8s ease-in-out; }
.tip_strip .image.go .parallax svg { /*transform: translateY(0);*/ animation: bounce-in-top 1.1s 500ms both;}
.tip_strip .image .parallax { position: absolute; top: -300px; right: 0; height: 199px; width: 200px; }
.tip_strip .image.go .parallax { top: 70px; } 
.tip_strip .text { width: calc(100% - 480px); padding: 60px 0 240px 50px; position: relative; z-index: 1; }
.tip_strip .text .btn_style { margin: 22px 0 0; }

@keyframes bounce-in-top{
  0%{transform:translateY(-500px);animation-timing-function:ease-in;opacity:0;}
  38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1;}
  55%{transform:translateY(-65px);animation-timing-function:ease-in;}
  72%{transform:translateY(0);animation-timing-function:ease-out;}
  81%{transform:translateY(-28px);animation-timing-function:ease-in;}
  90%{transform:translateY(0);animation-timing-function:ease-out;}
  95%{transform:translateY(-8px);animation-timing-function:ease-in;}
  100%{transform:translateY(0);animation-timing-function:ease-out;}
}

.services_section { background: #773DBD; padding: 60px 0; position: relative; }
.services_section:before { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: 0; left: 0; transform: rotate(180deg); z-index: 1; opacity: 0.2; background-repeat: no-repeat; background-repeat-x: repeat; }
.services_section:after { content: ''; width: 100%; height: 246px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/shape_top.png') no-repeat; position: absolute; bottom: 100%; left: 0; background-size: 100% 246px; }
.services_section svg { position: absolute; top: -240px; left: 0; }
.services_section svg .path { fill: #415364; }
.services_section > .container { position: relative; z-index: 1; }
.main_title { margin: 0 auto 20px; max-width: 750px; }
.services_main { display: flex; flex-wrap: wrap; margin: 0 -22px; }
.services_main .box { width: 33.33%; padding: 22px; margin-top: 60px; }
.services_main .box h3 { margin: 0 0 5px; }
.services_main .box .inner { padding: 30px 15px 70px 15px; box-shadow: 0 3px 90px rgba(0, 0, 0, 0.48); border-radius: 36px; background-color: #40245E; height: 100%; }
.services_main .box .icon { width: 151px; height: 152px; border: 11px solid #773DBD; background-color: #40245E; border-radius: 100px; display: flex; align-items: center; justify-content: center; margin: -100px auto 30px; }
.services_section .btn_style { margin: 25px 0 0; }

.respected_section { padding: 0 0 80px; display: flex; flex-wrap: wrap; align-items: flex-start; }
.respected_section .left { width: 700px; position: relative; padding-bottom: 60px; margin: -100px 0 0 -130px; z-index: 1; }
.respected_section .left .shape { position: absolute; right: -60px; top: 70px; z-index: -1; }
.respected_section .left .image { width: 580px; height: 580px; border-radius: 100%; }
.respected_section .left .img { width: 325px; height: 325px; border: 14px solid #FFFFFF; border-radius: 100%; position: absolute; right: 0; bottom: 0; }
.respected_section .right { width: calc(100% - 570px); padding: 60px; }
.respected_section .right h2:after { content: ''; width: 0; height: 10px; background: #6bc14c; display: block; margin: 15px 0 0; transition:all .9s ease-in-out; }
.respected_section .right .go h2:after  { width: 100%; }
.respected_section .right .btn_style { margin: 25px 0 0; }

.team_section { padding: 80px 0; }
.team_section .title h1 { font-size: 62px; line-height: 70px; }
.team_main { margin: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: center; }
.team_main .box { padding: 40px 35px; text-align: center; }
.team_main .box .image { width: 298px; height: 298px; border-radius: 100%; position: relative; }
.team_main .box .text { margin: 20px 0 0; }
.team_main .box .text h4 { font-size: 21px; line-height: 28px; margin: 0; }
.team_main .box .image .linkedin { position: absolute; bottom: 0; right: 0; }
.team_main .box .image .linkedin a { width: 96px; height: 96px; border: 10px solid #FFFFFF; background: #773dbd; display: flex; align-items: center; justify-content: center; border-radius: 100%; }
.team_main .box .image .linkedin a:hover { background: #40245E; }

.team_main .box .image:before { content: ''; width: 141px; height: 155px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/shape_dot.png') no-repeat; position: absolute; left: -20px; bottom: 0; z-index: -1; transform: rotate(-75deg); }
.team_main .box .left_top::before { bottom: auto; top: 0; transform: rotate(-15deg); }
.team_main .box .right_center:before { right: -50px; left: auto; bottom: 0; top: 0; margin: auto; transform: rotate(151deg); }
.team_main .box .right_top:before { right: -20px; left: auto; bottom: auto; top: 0; transform: rotate(115deg); }

.contact_hero { padding: 90px 0 250px; background: #773DBD; position: relative; }
.contact_hero:before { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: 0; left: 0; opacity: 0.2; background-repeat: no-repeat; background-repeat-x: repeat; }
.contact_hero .cover { margin: 0 auto; width: 100%; max-width: 1082px; position: relative; z-index: 1; }
.contact_hero .title { margin: 0 0 15px; display: inline-block; width: 100%; }
.contact_hero .title h1 { font-size: 62px; line-height: 70px; }
.contact_hero .main { display: flex; flex-wrap: wrap; }
.contact_hero .main .left { width: calc(100% - 350px); border-right: 1px solid; padding: 0 50px 0 0; }
.contact_hero .main .left .text { max-width: 600px; width: 100%; }
.contact_hero .right { width: 350px; padding: 0 0 0 40px; line-height: 29px; }
.contact_hero .right .add { margin: 15px 0 0; }

.contact_section { padding: 0 0 65px; margin-top: -150px; position: relative; }
.contact_main { margin: 0 auto; max-width: 1082px; width: 100%; display: flex; flex-wrap: wrap; box-shadow: 0 0 44px rgba(0, 0, 0, 0.16); border-radius: 32px; overflow: hidden; }
.contact_left { background: #773DBD; padding: 78px 38px; width: 400px; position: relative; z-index: 1; }
.contact_left:before { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/right_dot.png'); position: absolute; bottom: 0; left: 0; opacity: 0.2; background-repeat: no-repeat; background-repeat-y: repeat; background-position: center right; z-index: -1; }
.contact_left h2 { font-size: 36px; line-height: 42px; }
.contact_left ul { margin: 0; padding: 0; list-style-type: none; }
.contact_left ul li a { color: #fff; font-size: 21px; line-height: 30px; display: inline-block; width: 100%; padding: 16px 0; border-bottom: 1px solid; position: relative; z-index: 1; }
.contact_left ul li a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #40245E; z-index: -1; opacity: 0; transition:400ms;; }
.contact_left ul li a:hover:before , .contact_left ul li.active a:before { opacity: 0.5; left: -38px; right: -38px; }  
.contact_left ul li.active a { font-weight: 700; }
.contact_left ul li:last-child a { border-bottom: none; }

.contact_right { width: calc(100% - 400px); background-color: #FFFFFF; }
.contact_right .box { padding: 70px 38px; display: none; }
.contact_right .box h3 { padding-right: 15px; }
.contact_right .box h3:after { content: ''; width: 100%; height: 5px; display: block; background: #6bc14c; margin: 15px 0 0; }
.contact_right .box .text a { color: #4a555f; }
.contact_right .box .text a:hover { color: #40245E; }
.contact_right .text p { margin: 0 0 25px; }
.contact_right .box .form { margin: 30px 0 0; }
.contact_right .box .form h3 { display: none; }
.contact_right .box .form .hs-input { background: #D8DFE1; }

.solution_hero { padding: 100px 0 120px; overflow: hidden; position: relative; }
.solution_hero:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #415364; opacity: 0.68; }
.solution_hero #background-video { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.solution_hero .container { display: flex; align-items: center; position: relative; }
.solution_hero .left { width: calc(100% - 600px); }
.solution_hero .right { width: 600px; position: relative; z-index: 1; }
.solution_hero .right .text { margin: 0 auto; padding: 55px 45px; width: 483px; height: 483px; background-color: #773DBD; border-radius: 100%; font-size: 28px; line-height: 41px; text-align: center; display: flex; align-items: center; justify-content: center; }
.solution_hero .right .text h3 { font-size: 35px; line-height: 41px; }
.solution_hero .right .shape { position: absolute; top: 0; left: 0; z-index: -1; }
.solution_hero .right .shp_right { position: absolute; top: auto; bottom: 0; left: auto; right: 0; z-index: -1; }
.solution_hero .right .text a.videotag { width: 139px; height: 139px; border: 13px solid #ffffff; background: #773dbd url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/play_white.png') no-repeat; position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; border-radius: 100px; border-radius: 100px; background-position: center left 46px; }
.solution_hero .right .text a.videotag:hover { background: #5C269B url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/play_white.png') no-repeat; background-position: center left 46px; }

.tabbed_solution { margin: 0; z-index: 1; }
.tabbed_solution .tab_shape { position: absolute; bottom: -120px; right: -120px; z-index: -1; }
.tabbed_solution .tab_shape .image { width: 640px; height: 640px; border-radius: 100%; }
.tabbed_solution .tab_shape .img { width: 354px; height: 355px; border: 14px solid #FFFFFF; border-radius: 100%; position: absolute; bottom: -210px; left: 70px; }

.services_solution { padding: 260px 0 100px; background: #773DBD; position: relative; }
.services_solution .container { position: relative; z-index: 2; }
.services_solution:before { content: ''; width: 100%; height: 240px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/white_shape.png') no-repeat; position: absolute; top: 0; left: 0; background-size: 100% 240px; }
.services_solution:after { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: 0; left: 0; transform: rotate(180deg); z-index: 1; opacity: 0.2; background-repeat: no-repeat; background-repeat-x: repeat; }
.solution_cover { margin: 0 auto; max-width: 1082px; width: 100%; position: relative; z-index: 1; }
.solution_main .box { padding: 15px 0; }
.solution_main .box .inner { display: flex; flex-flow: wrap; margin: 15px 0 0; }
.solution_main .box .icon { padding: 8px 0 0; width: 90px; }
.solution_main .box .text { width: calc(100% - 90px); padding: 0 0 0 40px; }
.solution_cover .btn_style { margin: 30px 0 0; }
.solution_cover .btn_style a { min-width: 380px; }

.learning_hero { padding: 0; }
.learning_hero .main { display: flex; flex-flow: wrap; }
.learning_hero .left { width: calc(100% - 374px); padding: 60px 100px 80px 0; }
.learning_hero .left h1 { font-size: 62px; line-height: 70px; }
.learning_hero .subscribe { width: 374px; background: #783dbd; padding: 30px; text-align: center; display: flex; align-items: center; position: relative; overflow: hidden; z-index: 1; }
.learning_hero .subscribe:before { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: -150px; left: 0; transform: rotate(180deg); z-index: 1; opacity: 0.2; background-repeat: no-repeat; background-repeat-x: repeat; z-index: -1; }
.learning_hero .subscribe h3 { font-size: 27px; line-height: 34px; }
.learning_hero .subscribe .hs-form-field > label { display: none; }
.learning_hero .subscribe input.hs-button { background: transparent; border-color: #fff; min-width: 242px; }
.learning_hero .subscribe input.hs-button:hover { background-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; border-color: 
    
    
        
    
    rgba(89, 59, 128, 1.0)
; color: #FFFFFF; }
.learning_hero .subscribe .form { display: inline-block; width: 100%; }
.learning_hero .subscribe .submitted-message { font-size: 22px; line-height: 30px; }
.learning_hero .subscribe .submitted-message:before { width: 35px; height: 35px; background-size: 35px; }


.learning_section { padding: 60px 0; background: #efefef; }
.learning_section .main { margin: 0 -12px; display: flex; flex-flow: wrap; }
.learning_section .box { width: 30%; padding: 10px 12px; }
.learning_section .box .inner { border-radius: 30px; background-color: #FFFFFF; overflow: hidden; height: 100%; position: relative; }
.learning_section .box .image { height: 235px; }
.learning_section .box .title { padding: 35px 50px; }
.learning_section .box h4 { margin: 0; }
.learning_section .box.group-first { width: 40%; }
.learning_section .box.group-first .title { padding: 35px 34px; } 

.learning_section .box .text { height: 100%; width: 100%; padding: 50px; position: absolute; top: 0; left: 0; background: #773DBD; color: #FFFFFF; font-size: 16px; line-height: 29px; opacity: 0; visibility: hidden; transition:400ms;; transform: scale(0.9); }
.learning_section .box .text:before { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: -150px; left: 0; transform: rotate(180deg); z-index: 1; opacity: 0.15; background-repeat: no-repeat; background-repeat-x: repeat; z-index: -1; }
.learning_section .box .text h4 { color: #FFFFFF; margin: 0 0 12px; } 
.learning_section .box .btn_style { margin: 15px 0 0; }
.learning_section .box .btn_style a { min-width: 240px; }
/* .learning_section .box:nth-of-type(3n+1) .text { padding: 50px 30px; } */
.learning_section .box .text.mCustomScrollbar { padding-right: 12px; }
.learning_section .box .inner:hover .text { opacity: 1; visibility: visible; transform: scale(1); }

.pagination_wap { margin: 60px 0 0; display: inline-block; width: 100%; }
.pagination_wap ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: center; }
.pagination_wap ul li { display: inline-block; width: 33px; height: 33px; margin: 2px; font-size: 16px; }
.pagination_wap ul li a { width: 33px; height: 33px; line-height: 33px; display: inline-block; color: #415364; border-radius: 30px; text-align: center; }
.pagination_wap ul li a:hover { background: #773DBD; color: #FFFFFF; }
.pagination_wap ul li.active span { color: #FFFFFF; background: #773DBD; display: inline-block; width: 100%; height: 100%; text-align: center; border-radius: 30px; line-height: 32px; }
.pagination_wap ul li.active span.prev { display: none; }
.pagination_wap ul li.active span.next { display: none; }
.pagination_wap ul li .next , .pagination_wap ul li .prev { font-size: 0; }
.pagination_wap ul li .next:after { content: "\f105"; font-family: 'fontAwesome'; display: inline-block; font-size: 16px; }
.pagination_wap ul li .prev:after { content: "\f104"; font-family: 'fontAwesome'; display: inline-block; font-size: 16px; }

/** **/ 
.hero_careers { padding: 120px 0 140px; }
.hero_careers .left { width: calc(100% - 480px); position: relative; z-index: 2; }
.hero_careers .left h1 { font-size: 62px; line-height: 67px; margin: 10px 0; }
.hero_careers .right { width: 480px; font-weight: 300; }
.hero_careers .container { width: 1320px; }
.hero_careers .right .shp_left { left: -60px; }
.hero_careers .right .shp_right { right: -60px; }
.hero_careers .right .text { font-size: 20px; line-height: 33px; }
.hero_careers .right .btn_style { margin: 20px 0 0; }
.hero_careers .right .btn_style a { padding: 23px 25px; }

.careers_page .respected_section .left { margin-top: -220px; }
.careers_page .respected_section .shape { display: none; } 

.glance_careers { padding: 15px 0 0; }
.glance_careers .main_title { max-width: 100%; margin: 0 0 50px; display: inline-block; width: 100%; }
.glance_main { margin: 50px 0; }
.glance_main .box { margin: -30px 0; display: inline-block; width: 100%; }
.glance_main .box .inner { display: flex; flex-wrap: wrap; }
.glance_main .box .left { width: 288px; height: 289px; background-color: #773DBD; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #FFFFFF; font-size: 24px; line-height: normal; mix-blend-mode: multiply; }
.glance_main .box .left strong { text-transform: uppercase; }
.glance_main .box .right { width: calc(100% - 288px); padding: 40px 0 40px 70px; letter-spacing: -0.7px; }
.glance_main .box:first-child .right { padding-top: 0; }

.benefits_being { padding: 230px 0 0; margin-bottom: 130px; background: #773DBD; position: relative; }
.benefits_being:before { content: ''; width: 100%; height: 240px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/white_shape.png') no-repeat; position: absolute; top: 0; left: 0; background-size: 100% 240px; }
.benefits_being:after { content: ''; width: 100%; height: 100%; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg'); position: absolute; bottom: 0; left: 0; transform: rotate(180deg); z-index: 1; opacity: 0.2; background-repeat: no-repeat; background-repeat-x: repeat; }
.benefits_being > div { position: relative; z-index: 2; }
.benefits_being .main_title { margin: 0 auto 60px; width: 100%; max-width: 1040px; text-align: center; }
.benefits_being .main_title .sub { font-size: 29px; line-height: 36px; margin: 0 0 35px; }
.benefits_being .main_title .text { font-weight: 300; }

.being_main { display: flex; flex-wrap: wrap; margin: 0 auto -130px; max-width: 1100px; text-align: center; justify-content: center; }
.being_main .box { width: 25%; padding: 15px; font-weight: 300; }
.being_main .box .inner { box-shadow: 0 3px 90px rgba(0, 0, 0, 0.48); border-radius: 36px; background-color: #40245E; height: 100%; padding: 35px 10px; font-size: 20px; line-height: 26px; }
.being_main .box .inner .icon { height: 75px; display: flex; align-items: center; justify-content: center; }
.being_main .box .inner .text { margin: 20px 0 0; }

.search_jobs { padding: 70px 0 100px; text-align: center; }
.search_jobs .inner { margin: 0 auto; max-width: 850px; }
.search_jobs .inner .btn_style { margin: 24px 0 0; }

/** what we do **/
.what_do .solution_hero:before { opacity: 0.61; }
.what_do .solution_hero h1 { font-size: 62px; line-height: 68px; font-family: 'Roboto', sans-serif; }
.what_do .solution_hero .right { font-weight: 300; }
.what_do .solution_hero .left { width: calc(100% - 500px); }
.what_do .solution_hero .right { width: 500px; }
.what_do .solution_hero .shp_left { left: -60px; }
.what_do .solution_hero .shp_right { right: -60px; }

.what_do .respected_section { padding: 0 0 40px; }

.challenges_section .main_title { margin: 0 auto 32px; max-width: 800px; text-align: center; }
.challenges_main { display: flex; flex-wrap: wrap; margin: 0 auto; }
.challenges_main .box { padding: 8px; width: 33.33%; }
.challenges_main .box .image { height: 461px; }
.challenges_main .box .cover { display: inline-block; width: 100%; height: 100%; padding: 40px 15px 40px; border-radius: 32px; color: #fff; position: relative; box-shadow: 0 0 44px rgb(0 0 0 / 16%); overflow: hidden; min-height: 465px; background-position: center top; background-repeat: no-repeat; background-size: contain; }
.challenges_main .box .cover:before { content: ''; width: 100%; height: 100%; position: absolute; top: 220px; left: 0; background: #783dbd; opacity: 0; transition:400ms;; visibility: hidden }
.challenges_main .box .icon { margin: 0 0 36px; }
.challenges_main .box .top { position: absolute; bottom: 0; left: 0; width: 100%; padding: 60px 43px 40px; display: inline-block; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.challenges_main .box .top .inner { width: 100%; }
.challenges_main .box .top .arrow { width: 100%; display: flex; align-items: center; cursor: pointer; }
.challenges_main .box .bottom { opacity: 0; position: relative; top: 220px; transition:400ms;; visibility: hidden }

.challenges_main .box .cover:hover .top { opacity: 0; visibility: hidden; }
.challenges_main .box .cover:hover .bottom { opacity: 1; top: 0; visibility: visible; }
.challenges_main .box .cover:hover:before { opacity: 1; top: 0; visibility: visible; }

.compliance_section { padding: 70px 0 120px; }
.compliance_section .container { display: flex; flex-wrap: wrap; }
.compliance_section .left { width: 60%; }
.compliance_section .right { width: 40%; padding: 0 0 0 30px; display: flex; align-items: center; }
.compliance_section .right .logos { margin: 12px; }

.american.respected_section .left { margin-left: -60px; width: 640px; padding: 0; }
.american.respected_section .left .shape { display: none; }
.american.respected_section .right { width: calc(100% - 580px); padding-left: 40px; }
.american.respected_section .right .title:after { content: ''; width: 0; height: 10px; background: #6bc14c; display: block; margin: 15px 0 0; transition: all .9s ease-in-out; }
.american.respected_section .right h2 { letter-spacing: -1.4px; }
.american.respected_section .right h2:after { display: none }  
.american.respected_section .right .inner.go .title:after { width: 90%; }
.american.respected_section .right .content { margin: 25px 0 0 }

.success_faq { padding-bottom: 86px; }
.sucfaq_main .box { margin: 10px 0; display: inline-block; width: 100%; }
.success_faq .que { background: #773DBD; padding: 30px 35px; position: relative; cursor: pointer; }
.success_faq .que:after { content: ''; width: 24px; height: 3px; position: absolute; top: 47px; right: 36px; background: #FFFFFF; }
.success_faq .que:before { content: ''; width: 3px; height: 24px; position: absolute; top: 37px; right: 46px; background: #FFFFFF; transition:400ms;; }
.success_faq .que.active:before { height: 0; }
.success_faq .que h3 { margin: 0; color: #FFFFFF; }
.success_faq .ans { padding: 28px 22px; display: none; }
.success_faq .ans h5 { color: #773DBD; }
.success_faq .ans h2 { margin: 0 0 24px; }
.success_faq .btn_style { margin: 60px 0 0; }
.success_faq .btn_style a { min-width: 462px; padding: 28px 25px; }

.patients_say { padding: 70px 0; }
.patients_say .main_title { margin-bottom: 30px; }
.patients_say .main_title h2:before { content: ''; width: 53px; height: 42px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/quote.svg') no-repeat; display: block; margin: 0 auto 20px; }
.patsay_main { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1190px; position: relative; z-index: 1; }
.patsay_main:before { content: ''; width: 262px; height: 288px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/white_left.png') no-repeat; position: absolute; top: -70px; right: -50px; transform: rotate(95deg); z-index: -1; }
.patsay_main:after { content: ''; width: 262px; height: 288px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/white_left.png') no-repeat; position: absolute; bottom: -70px; left: -50px; transform: rotate(-85deg); z-index: -1; }
.patsay_box { width: 33.33%; padding: 12px; }
.patsay_box .inner { padding: 24px 30px 70px; box-shadow: 0 0 90px rgba(0, 0, 0, 0.22); border-radius: 32px; background-color: #773DBD; height: 100%; min-height: 461px; }
.patsay_box .inner h5 { margin: 18px 0 0; font-size: 20px; line-height: 34px; }
.patsay_box .inner:before { content: ''; margin: 0 0 10px; width: 77px; height: 62px; background: url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/quote_img.png') no-repeat; display: block; mix-blend-mode: multiply; }

.partner_we { padding: 45px 0; background: #53565a; }
.partner_we .main { display: flex; flex-wrap: wrap; align-items: center; }
.partner_we .text { width: calc(100% - 390px); letter-spacing: -0.5px; padding: 0 46px 0 0; }
.partner_we .logo { width: 390px; }

.general_interior { padding: 50px 0 120px; }
.general_interior .main { margin: 0 auto; max-width: 948px; width: 100%; }
.general_interior .main h1 { font-size: 62px; line-height: 70px; display: inline-block; }
.general_interior .main h1:after { content: ''; width: 100%; height: 5px; background: #6bc14c; display: block; margin: 20px 0 0; }
.general_interior .main .content { margin: 15px 0 0; }

.landing_poll { padding: 50px 0 70px; }
.landing_poll .title { text-align: center; margin: 0 auto; max-width: 920px; }
.landing_poll .text { margin: 30px auto 0; max-width: 760px; width: 100%; }
.landing_poll .text:before { content: ''; width: 100%; height: 5px; background: #6bc14c; display: block; margin: 0 0 20px; }

.landing_poll { padding: 50px 0 70px; }
.landing_poll .title { text-align: center; margin: 0 auto; max-width: 920px; }
.landing_poll .text { margin: 30px auto 0; max-width: 760px; width: 100%; }
.landing_poll .text:before { content: ''; width: 100%; height: 5px; background: #6bc14c; display: block; margin: 0 0 20px; }
.landing_poll .form { border-radius: 32px; border: 1px solid #773DBD; background-color: #773DBD; padding: 46px 130px 80px; width: 100%; max-width: 948px; margin: 60px auto 0; }
.landing_poll .form .hs-form-field > label { font-size: 24px; line-height: 32px; font-weight: 600; }
.landing_poll .form .hs-form-field li { padding: 0 0 0 28px; margin: 3px 0; display: inline-block; width: 100%; font-weight: 300; }
.landing_poll .form .inputs-list input[type="checkbox"] + span { line-height: 32px; }
.landing_poll .form .inputs-list input[type="radio"] + span:before { top: 6px; }
.landing_poll .form .inputs-list input[type="radio"]:checked + span:after { top: 10px; }

.landing_poll .form .hs-form-field li.hs-form-checkbox { padding: 0; }
.landing_poll .form .hs-form-field li.hs-form-checkbox label { padding: 0 0 0 30px; }
.landing_poll .form .hs-form-field input[type="checkbox"] + span:before { left: -30px; border-radius: 20px; top: 6px; }
.landing_poll .form .hs-form-field input[type="checkbox"] + span:after { content: ''; width: 12px; height: 12px; background: #6bc14c; top: 10px; border-radius: 10px; left: -26px; }
.landing_poll .form .inputs-list input[type="checkbox"]:checked + span:before { background: #FFFFFF; border-color: #FFFFFF; }

.landing_poll .form .hs_email { border-top: 1px solid #FFFFFF; padding: 24px 0 0; }
.landing_poll .form .hs_submit { margin: 22px 0 0; }
.landing_poll .form .hs_submit input.hs-button { min-width: 247px; background-color: transparent; border-color: #FFFFFF; }

.undated_lp { padding: 0 0 120px; }
.undated_lp .main { margin: 0 auto; max-width: 1158px; display: flex; flex-wrap: wrap; }
.undated_lp .main .left { width: calc(100% - 330px); padding: 0 45px 0 0; }
.undated_lp .main .left h1 { font-size: 62px; line-height: 70px; }
.undated_lp .main .left h5 { font-weight: 700; }
.undated_lp .main .left .text { margin-top: 10px; display: inline-block; width: 100%; } 
.undated_lp .main .right { width: 330px; text-align: center; }
.undated_lp .main .right .btn_style { margin: 20px 0 0; }

.gated_lp { padding: 0 0 90px; }
.gated_lp .main { display: flex; flex-wrap: wrap; align-items: flex-start; }
.gated_lp .main .left { padding: 0 70px 0 0; width: calc(100% - 460px); }
.gated_lp .main .left h1 { font-size: 62px; line-height: 67px; margin: 0 0 35px; letter-spacing: -2.17px; }
.gated_lp .main .right { width: 460px; border-radius: 32px; border: 1px solid #783dbd; background-color: #783dbd; padding: 34px 50px 55px; }

.gated_lp .main .left .cover { display: flex; flex-wrap: wrap; }
.gated_lp .main .left .cover .content { width: calc(100% - 230px); padding: 0 27px 0 0; }
.gated_lp .main .left .cover .image { width: 230px; }
.gated_lp .main .right h5 { font-family: 'Roboto', sans-serif; }

.gated_lp .form { margin: 0; display: inline-block; width: 100%; }
.gated_lp .form .hs-form-field > label { font-size: 18px; line-height: 28px; }
.gated_lp .form .hs-form-field { font-size: 14px; line-height: 24px; }
.gated_lp .form .hs_submit { text-align: center; margin: 15px 0 0; display: inline-block; width: 100%; }
.gated_lp .form input.hs-button { border-color: #FFFFFF; min-width: 247px; }
.gated_lp .form input.hs-button:hover { border-color:  }

.landing_event { padding: 30px 0; position: relative; }
.landing_event:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #415364; opacity: 0.7; mix-blend-mode: multiply; }
.landing_event > div { position: relative; }

.landing_event .main { display: flex; flex-wrap: wrap; align-items: flex-start; }
.landing_event .left { padding: 50px 100px 50px 0; width: calc(100% - 464px); }
.landing_event .left h1 { font-size: 62px; line-height: 67px; }
.landing_event .right { margin-bottom: -380px; padding: 32px 55px; width: 464px; background: #773DBD; border-radius: 32px; }
.landing_event .form .hs_submit { text-align: center; }
.landing_event .form input.hs-button { border-color: #FFFFFF; }
.landing_event .form input.hs-button:hover { border-color: transparent; }
.landing_event .form .hs-form-field > label { font-size: 18px; line-height: 28px; }
.landing_event .form .hs-form-field { font-size: 14px; line-height: 24px; }
.landing_event .form .inputs-list input[type="radio"] + span:before { top: 2px; }
.landing_event .form .inputs-list input[type="radio"]:checked + span:after { top: 6px; }

.event_content { padding: 0 0 30px; }
.event_content .left { padding: 20px 50px 20px 0; width: calc(100% - 464px); }
.event_content .left ul { margin: 15px 0 30px; padding: 0; list-style-type: none; }

.zigzag_event { padding: 0 0 40px; }
.zigevent_main { border-top: 1px solid #d8dfe1; padding: 30px 0 0; }
.zigevent_main .box { margin: 25px 0; display: inline-block; width: 100%; }
.zigevent_main .box .inner { display: flex; flex-wrap: wrap; }
.zigevent_main .box .image { width: 464px; height: 306px; border-radius: 32px; }
.zigevent_main .box .text { width: calc(100% - 464px); padding: 0 0 0 40px; }
.zigevent_main .box .text h4 { font-size: 28px; line-height: 36px; margin: 20px 0; }
.zigevent_main .box .content { letter-spacing: -0.7px; }
.zigevent_main .box:nth-child(2n) .inner { flex-direction: row-reverse; }
.zigevent_main .box:nth-child(2n) .text { padding: 0 40px 0 0; }

.differ_strip { padding: 60px 0; overflow: hidden;}
.differ_strip .main { display: flex; flex-wrap: wrap; }
.differ_strip .image { width: 330px; }
.differ_strip .image .parallax { width: 139px; right: 22px; }
.differ_strip .text { width: calc(100% - 330px); padding: 0 0 0 50px; }
.differ_strip .image.go .parallax { top: 45px; }   
.differ_strip .text .title { display: inline-block; width: 100%; letter-spacing: -1px; margin: 0 0 30px; }
.differ_strip .text .title:after { content: ''; width: 0; height: 8px; background: #6bc14c; display: block; transition:all .9s ease-in-out; }
.differ_strip .text.go .title:after { width: 85%; }

.differ_strip .image .parallax_remove { width: 139px; position: absolute; top: 45px; right: 22px; }

.services_differences { padding: 0 0 65px; }
.diffservi_main { display: flex; flex-wrap: wrap; margin: 0 -13px; }
.diffservi_main .box { width: 33.33%; padding: 13px; }
.diffservi_main .box .inner { background: #773dbd; border-radius: 25px; padding: 43px 20px 70px; height: 100%; min-height: 456px; font-weight: 300; letter-spacing: -0.7px; box-shadow: 0 3px 30px rgb(0 0 0 / 30%); position: relative; overflow: hidden; }
.diffservi_main .box .inner:before { content: ''; width: 100%; height: 100%; background: url(https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Halftone.svg) no-repeat; position: absolute; bottom: -200px; left: 0; transform: rotate(180deg); opacity: 0.2; }
.diffservi_main .box .inner > div { position: relative; }
.diffservi_main .box .icon { height: 80px; }
.diffservi_main .box .icon img { max-height: 100%; }
.diffservi_main .box .text { margin: 10px 0 0; }
.diffservi_main .differ_strip { width: 66.66%; display: flex; align-items: center; padding: 30px; letter-spacing: -0.7px; }
.diffservi_main .differ_strip .btn_style { margin: 45px 0 0; }

/**/

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { margin:0; padding:0; list-style:none; }

.inthenews_area .slick-prev.slick-arrow { display:none !important; }
.inthenews_area .slick-arrow.slick-next { display:block; min-width:auto; background:transparent !important; right:-50px; }
.inthenews_area .slick-arrow.slick-next:before { position:relative; content:""; display:inline-block; width:19px; height:33px; background:url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Icon_ionic-ios-arrow-down.png') no-repeat center center/cover; background-size:100% 100%; }

.inthenews_area ul.slick-dots { text-align:left;}
.inthenews_area ul.slick-dots li button { background:#fff; opacity:1; min-width:auto; }
.inthenews_area ul.slick-dots li:first-child { margin-left:0; }
.inthenews_area ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#6bc14c; opacity:1; }

.inthenews_area { width:100%; display:inline-block; vertical-align:top; padding:50px 0; background:#415364; color:#fff; }    
.inthenews_area .container { display:flex; flex-wrap:wrap; }
.inthenews_area h2 { color:#fff; margin:0; }
.inthenews_area .inthenews_top { width:250px; }
.inthenews_area .inthenews_cover { width:calc(100% - 320px); padding-left:50px; border-right: 1px solid #ccc; padding-right: 30px; }
.inthenews_box h4 { color:#fff; margin:10px 0; font-size: 23px; line-height:30px; font-weight: 700; letter-spacing: -0.81px; }
.inthenews_box h5 { color:#fff; margin:0; font-size: 20px; font-weight: 400; letter-spacing: -0.7px; }
.inthenews_box .inthenews_text p { font-size:19px; }
.inthenews_box .link a { color:#fff; font-size: 20px; font-weight: 700; position:relative; width:auto; margin-top:10px; display:inline-block; }
.inthenews_box .link a:after { position:relative; content:""; margin-left:8px; left:0; margin-top:-2px; vertical-align:middle; display:inline-block; width:21px; height:18px; background:url('https://9307806.fs1.hubspotusercontent-na1.net/hubfs/9307806/knowtionhealth_2022/images/Icon_metro-arrow-right.png') no-repeat center center/cover; background-size:100% 100%; transition:all .4s ease; }
.inthenews_box .link a:hover:after { left:10px; }

/**/
.induevents_area { width:100%; display:inline-block; vertical-align:top; padding:70px 0; }
.induevents_area .induevents_top { width:100%; margin:0 auto; max-width:630px; text-align:center; }
.induevents_area .induevents_top h2 { letter-spacing: -1.47px; color: #415364; font-size: 42px; line-height:52px; font-weight: 700; }
.induevents_area .induevents_cover { width:100%; display:flex; flex-wrap:wrap; margin-top:60px; }
.induevents_area .induevents_box { width:calc(100%/3); padding:0 11px 30px; }
.induevents_box .induevents_boxin { width:100%; display:inline-block; vertical-align:top; border-radius: 32px; overflow: hidden; box-shadow: 0 0 90px rgba(0, 0, 0, 0.22); background-color: #f2f3f4; }
.induevents_box .induevents_img { width:100%; height:300px; display:block; }
.induevents_box .induevents_info { width:100%; display:block; padding:30px; margin-top:-40px; }
.induevents_box .induevents_info h3 { color: #415364; font-size: 24px; line-height:30px; font-weight: 700; letter-spacing: -0.84px; margin-bottom:6px; }
.induevents_box .induevents_info h4 { color: #783dbd; letter-spacing: -0.7px; font-weight: 400; font-size: 20px; line-height: 27px; }

.filter-learning { margin: 0 0 40px; max-width: 472px; position: relative; background: #fff; border-radius: 28px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); z-index: 22; }
.filter-learning label { font-size: 20px; line-height: 32px; padding: 10px 50px 10px 30px; display: inline-block; position: relative; width: 100%; cursor: pointer; font-weight: 700; border-radius: 28px; background: #fff; }
.filter-learning label:after { content: "\f105"; display: inline-block; font-family: 'fontAwesome'; position: absolute; top: 9px; right: 30px; font-size: 36px; color: #773DBD; font-weight: 400; }
.filter-learning ul { margin: 0; padding: 30px 0 20px; list-style-type: none; display: none; position: absolute; top: calc(100% - 26px); left: 0; width: 100%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); border-radius: 0 0 28px 28px; z-index: -1; background: #fff; }
.filter-learning ul li { margin: 0; padding: 0; display: inline-block; width: 100%; }
.filter-learning ul li a { padding: 10px 35px; display: inline-block; width: 100%; color: #4a555f; font-size: 20px; line-height: 28px; }
.filter-learning ul li a:hover { background: #773DBD; color: #fff; }

.body-container--home .respected_section { padding-bottom: 0; }

.video-slider { padding: 0 0 80px; overflow: hidden; }
.video-slider .slick-list { margin: 0 auto; max-width: 788px; overflow: visible; }
.video-slider .box .video { line-height: 0; position: relative; }
.video-slider .box .video img { position: absolute; width: 100%; height: 100% !important; object-fit: cover; z-index: 1; }
.video-slider .box .video:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.video-slider .box .play-button-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; align-items: flex-end; justify-content: end; padding: 20px; cursor: pointer; }
.video-slider .box .inner { padding: 35px; font-size: 23px; line-height: 44px; letter-spacing: -0.69px; color: #000000; font-style: italic; }
.video-slider .box .video { border: 10px solid #773DBD; }
.video-slider .box video { width: 100%; }
.video-slider .box .text { margin: 20px 0 0; }
.video-slider ul.slick-dots { display: table !important; width: auto; background: #D8DFE1; border-radius: 40px; padding: 4px; margin: 0 auto; }
.video-slider ul.slick-dots li button { width: 37px; border-radius: 15px; }
.video-slider ul.slick-dots li.slick-active button { background: #4A555F; }
.video-slider .slick-current .box .video:before { display: none; }

.video-slider .box .play-button-wrapper .play-gif { width: 70px; height: 70px; }
.video-slider .box .play-button-wrapper .play-gif svg { width: 100%; height: 100%; }


@media(max-width: 1600px) {
    
    .tip_strip .text { padding: 60px 0 160px 50px; }
    .services_section:after { height: 180px; background-size: 100% 180px; }

    .hero-section .left { width: calc(100% - 640px); }
    .hero-section .right { width: 800px; }
    .hero-section .video_img { width: 800px; height: 800px; }
    
    .team_section .title h1 { font-size: 47px; line-height: 55px; }
    .benefits_being:before { height: 180px; background-size: 100% 180px; }
    
    .what_do .solution_hero h1 { font-size: 47px; line-height: 55px; }
    
    .differ_strip .text { padding: 0 0 0 50px; }
    
}

@media(max-width: 1429px) {
    .services_section:after { height: 140px; background-size: 100% 140px; }
    
    .learning_hero .left h1 { font-size: 48px; line-height: 56px; }
    
    .benefits_being:before { height: 140px; background-size: 100% 140px; }
    
    .hero_careers .container { width: 1170px; }
    .hero_careers .left h1 { font-size: 47px; line-height: 57px; }
    
    .what_do .solution_hero h1 { font-size: 47px; line-height: 57px; }
    .what_do .solution_hero .left { width: calc(100% - 400px); }
    .what_do .solution_hero .right { width: 400px; }
    .challenges_main .box .top { padding: 48px 20px; }
    
    .landing_event .left h1 { font-size: 48px; line-height: 56px; }
    .landing_event .left { padding: 50px 20px 50px 0; }
    .event_content .left { padding: 20px 20px 20px 0; }
    
    .inthenews_area .inthenews_cover { width:calc(100% - 350px); }
    .induevents_box .induevents_img { height:240px; }
    
    .video-slider .box .inner { padding: 20px; }
    
    
}

@media(max-width: 1200px) {

    .hero-section .left { width: calc(100% - 500px); padding: 80px 20px 80px 0; }
    .hero-section .right { width: 600px; margin-right: -100px; margin-top: -100px; padding-bottom: 100px; }
    .hero-section .video_img { width: 660px; height: 660px; padding-right: 80px; padding-top: 60px; }
    .hero-section .right .image { width: 280px; height: 280px; }
    
    .tip_strip { padding-left: 20px; }
    .tip_strip .text { padding: 60px 0 160px 30px; }

    .services_section:after { height: 120px; background-size: 100% 120px; }
    .services_main { margin: 0 -10px; }
    .services_main .box { padding: 10px; }
    
    .respected_section .left .image { width: 480px; height: 480px; }
    .respected_section .left .img { width: 280px; height: 280px; }
    .respected_section .left { width: 600px; }
    .respected_section .right { width: calc(100% - 470px); padding: 60px 30px; }
    
    .team_main .box { padding: 30px 20px; }
    .team_main .box .image { width: 258px; height: 258px; }
    
    .contact_hero .title h1 { font-size: 47px; line-height: 54px; }

    .solution_hero .right .text { width: 400px; height: 400px; font-size: 20px; line-height: 28px; }
    .solution_hero .right .text h3 { font-size: 26px; line-height: 34px; }
    .solution_hero .right { width: 500px; }
    .solution_hero .left { width: calc(100% - 500px); }
    .solution_hero { padding: 80px 0; }

    .tabbed_solution .tab_shape { bottom: -90px; }
    .tabbed_solution .tab_shape .image { width: 450px; height: 450px; }
    .tabbed_solution .tab_shape .img { width: 250px; height: 250px; bottom: -120px; }

    .services_solution { padding: 150px 0 100px; }
    .services_solution:before { background-size: 100% 100px; height: 100px; }

    .learning_hero .left { padding: 60px 30px 60px 0; }
    .learning_hero .left h1 { font-size: 36px; line-height: 44px; }
    
    .learning_section .box .inner { border-radius: 18px; }
    .learning_section .box .title { padding: 24px 20px; }
    .learning_section .box.group-first .title { padding: 24px 20px; }
    
    .learning_section .box .text { padding: 30px 20px; } 
/*     .learning_section .box:nth-of-type(3n+1) .text { padding: 30px 20px; } */
    .learning_section .box .text.mCustomScrollbar { padding-right: 5px; }
    .learning_section .box .text .mCSB_inside > .mCSB_container { margin-right: 16px; }
    .learning_section .box .btn_style a { min-width: 200px; }
    
    .benefits_being { padding: 180px 0 0; }  
    .benefits_being:before { background-size: 100% 100px; height: 100px; }
    .glance_main .box .right { padding: 15px 0 15px 30px; }
    
    .hero_careers .container { width: 970px; }
    .hero_careers .left h1 { font-size: 40px; line-height: 48px; }
    .hero_careers .right .btn_style a { padding: 13px 20px; min-width: auto; }
    .hero_careers .right .shp_left { left: 0; }
    .hero_careers .right .shp_right { right: 0; }
    
    .careers_page .respected_section .left { margin-top: -130px; }
    
    .american.respected_section .left { width: 500px; }
    .american.respected_section .right { width: calc(100% - 440px); }
    
    .patsay_box .inner { padding: 22px 18px 70px; }
    
    .success_faq { padding-bottom: 50px; }
    .success_faq .que { padding: 20px 20px; }
    .success_faq .que:before { top: 26px; right: 30px; height: 20px; width: 2px; }
    .success_faq .que:after { top: 35px; right: 21px; width: 20px; height: 2px; }

    .partner_we { padding: 40px 0; }
    .partner_we .text { width: 100%; padding: 0; }
    .partner_we .logo { width: 100%; max-width: 270px; margin: 20px 0 0; }
    
    .patsay_box { width: 50%; }
    .landing_poll .form .inputs-list input[type="radio"]:checked + span:after { top: 8px; }
    .landing_poll .form .inputs-list input[type="radio"] + span:before { top: 4px; }
    
    .undated_lp .main .left h1 { font-size: 44px; line-height: 56px; }
    
    .gated_lp .main .left { padding: 0 30px 0 0; }
    .gated_lp .main .left h1 { font-size: 44px; line-height: 56px; }
    .gated_lp .main .left { width: calc(100% - 400px); }
    .gated_lp .main .left .cover .content { padding: 0 12px 0 0; }
    .gated_lp .main .right { width: 400px; padding: 34px 25px 55px; }
    
    .landing_event .right { width: 380px; padding: 30px 22px; border-radius: 20px; }
    .landing_event .left { width: calc(100% - 380px); }
    .event_content .left { width: calc(100% - 380px); }
    .zigevent_main .box .image { width: 400px; height: 260px; }
    .zigevent_main .box .text { width: calc(100% - 400px); }
    
    .differ_strip .text { padding: 0 0 0 50px; }
    
    .inthenews_area .inthenews_cover {  width:calc(100% - 300px); padding-left:20px; }
     
 
}

@media(max-width: 991px) {
    
    .hero-section { padding: 20px 15px; }
    .hero-section .left { width: 100%; max-width: 750px; padding: 0 !important; margin: 0 auto; }
    .hero-section .left h1:after { height: 5px; }
    .hero-section .right { margin: 20px auto 0; padding-bottom: 50px; width: 500px; }
    .hero-section .video_img { width: 450px; height: 450px; padding: 0; margin: 0 auto; }
    .hero-section .right:before { width: 280px; height: 280px; background-size: 280px; bottom: 90px; }
    .hero-section a.videotag { width: 100px; height: 100px; background-size: 100px; }
    .hero-section .right .image { width: 220px; height: 220px; }
    .hero-section .right .shapeimg { right: -140px; bottom: 80px; width: 250px; }
    .hero-section .right .image img { top: -80px; left: -100px; }

    .tip_strip { padding: 30px 15px 0; flex-direction: column-reverse; }
    .tip_strip .image { width: 100%; max-width: 300px; margin: 40px auto 0; }
    .tip_strip .text { width: 100%; padding: 0 !important; max-width: 750px; margin: 0 auto; }
    .tip_strip .image .parallax { height: 140px; width: 140px; }
    .tip_strip .image.go .parallax { top: 20px; }
    
    .services_section { padding: 50px 0 140px; }
    .services_section:after { height: 90px; background-size: 100% 90px; }
    .services_main { margin: 0; }
    .services_main .box { width: 100%; padding: 15px 0; }
    .services_main .box .inner { padding: 30px 35px 70px 35px; }

    .respected_section { padding: 0 0 60px; }
    .respected_section .right { width: 100%; padding: 0 15px !important; max-width: 750px; margin: 20px auto 0; }
    .respected_section .right h2:after { display: none; }
    .respected_section .left .img { width: 220px; height: 220px; }
    .respected_section .left { margin: -80px 0 0 -100px; }
    
    .team_section { padding: 40px 0; }
    .team_section .title h1 { font-size: 34px; line-height: 42px; }
    .team_main .box { padding: 30px; }
    .team_main .box .right_center:before { right: -25px; }
    .team_main .box .left_btm:before { left: -10px; }
    .team_main .box .left_top::before { top: 10px; }
    
    .team_main .box .image .linkedin a { width: 70px; height: 70px; border-width: 5px; }
    .team_main .box .image .linkedin a img { height: 20px; }
    
    .team_section { padding: 20px 0 30px; }
    .team_main .box { padding: 25px; }
    
    .contact_hero { padding: 65px 0 70px; }
    .contact_hero .title h1 { font-size: 38px; line-height: 46px; }
    .contact_hero .main .left { width: calc(100% - 250px); padding: 0 15px 0; }
    .contact_hero .right { width: 250px; padding: 0 0 0 20px; }

    .contact_section { margin-top:0; padding: 50px 0; }
    .contact_main { border-radius: 0; box-shadow: none; }
    .contact_left { display: none; }
    .contact_right { width: 100%; background: transparent; }
    .contact_right .box { padding: 0; display: block !important; } 
    .contact_right .box .text {	display: none; }
    .contact_right .box .title { position: relative; }
    .contact_right .box h3:after { margin: 10px 0 0; height: 4px; width: calc(100% + 15px); }
    .contact_right .box h3:before { content: "\f107"; position: absolute; top: 6px; right: 10px; font-family: 'fontAwesome'; }
    .contact_right .box .form { margin: 15px 0 0; }
    
    .solution_hero { text-align: center; padding: 80px 0 100px; }
    .solution_hero .container { flex-flow: wrap; }
    .solution_hero .left { width: 100%; }
    .solution_hero .right { width: 100%; max-width: 350px; margin: 30px auto 0; }
    .solution_hero .right .text { width: 300px; height: 300px; padding: 30px; font-size: 15px; line-height: 26px; }
    .solution_hero .right .text h3 { font-size: 22px; line-height: 30px; }
    .solution_hero .right .shape img { height: 150px; }
    .solution_hero .right .text a.videotag { width: 80px; height: 80px; border-width: 5px; background-position: center left 28px; background-size: 22px; }

    .tabbed_solution .tab_shape { right: -60px; }
    .tabbed_solution .tab_shape .image { width: 300px; height: 300px; }
    .tabbed_solution .tab_shape .img { width: 140px; height: 140px; border-width: 5px; left: 0; bottom: -30px; }

    .tabbed_solution { padding: 0; }
    .tabbed_solution .contact_main { background: #FFFFFF; padding: 20px; border-radius: 20px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); }
    
    .learning_section { padding: 40px 0; }
    .learning_hero .left { width: 100%; padding: 0; }
    .learning_hero .left h1 { font-size: 32px; line-height: 40px; }
    .learning_hero .subscribe { width: 100%; margin: 30px 0; flex-flow: column; }
    
    .learning_section .box.group-first { width: 100%; }
    .learning_section .box { width: 50%; }
    .learning_section .box h4 { font-size: 18px; line-height: 26px; }
    .learning_section .box .inner { border-radius: 10px; }
    .learning_section .box.group-first .title { padding: 24px 20px; }
    .pagination_wap { margin: 30px 0 0; }
    
    /** **/
    .hero_careers .container { width: 750px; }
    .hero_careers .left h1 { font-size: 34px; line-height: 42px; }
    .hero_careers .right .btn_style { margin: 15px 0 0; }
    .hero_careers .right .btn_style a { font-size: 12px; line-height: 20px; min-width: auto; padding: 11px 15px; }
    
    .careers_page .respected_section .left { margin-top: -80px; }
    
    .glance_careers .main_title { margin: 0 0 20px; }
    .glance_main { margin: 30px 0; text-align: center; }
    .glance_main .box { margin: 0 0 30px; }
    .glance_main .box .left { margin: 0 auto; font-size: 20px; width: 220px; height: 220px; }    
    .glance_main .box .right { width: 100%; padding: 20px 0 0; }
    .glance_main .box:first-child .right {  padding: 20px 0 0; }

    .benefits_being { padding: 140px 0 0; } 
    .benefits_being .main_title { margin: 0 auto 30px; }
    .benefits_being .main_title .sub { margin: 0 0 20px; font-size: 22px; line-height: 30px; }
    .being_main .box { width: 50%; }
    .being_main .box .inner { border-radius: 20px; } 
    
    .search_jobs { padding: 50px 0 80px; }
    
    .what_do .solution_hero h1 { font-size: 34px; line-height: 42px; }
    .what_do .solution_hero .left { width: 100%; }
    .what_do .solution_hero .right { max-width: 350px; width: 100%; }
    .what_do .solution_hero .shp_left { left: 0; }
    .what_do .solution_hero .shp_right { right: 0; }
    
    .compliance_section { padding: 50px 0 60px; }
    .challenges_main .box { width: 100%; padding: 10px; max-width: 360px; margin: 0 auto; }
    .challenges_main .box .top { padding: 90px 20px 20px; }
    .challenges_main .box .cover { min-height: 350px; }
    .compliance_section .left { width: 100%; }
    .compliance_section .right { width: 100%; padding: 20px 0 0; }
    .challenges_main .box .top h3 br { display: none; }
    
    .american.respected_section .left { width: 340px; }
    .american.respected_section .left .image { width: 360px; height: 360px; }
    .american.respected_section .right { width: calc(100% - 280px); padding-left: 40px !important; }
    .success_faq .btn_style a { min-width: 320px; padding: 16px 25px; }
    
    .general_interior { padding: 30px 0 70px; }
    .general_interior .main h1 { font-size: 42px; line-height: 50px; }
    
    .landing_poll .form { padding: 26px 30px 70px; margin: 30px auto 0; border-radius: 20px; }
    .landing_poll .form .hs-form-field > label { font-size: 20px; line-height: 28px; }

    .undated_lp { padding: 30px 0 50px; }
    .undated_lp .main .left { width: 100%; padding: 0; }
    .undated_lp .main .left h1 { font-size: 36px; line-height: 48px; }
    .undated_lp .main .right { width: 100%; max-width: 320px; margin: 20px auto 0; }
    
    .gated_lp { padding: 20px 0 50px 0; }
    .gated_lp .main .left h1 { font-size: 36px; line-height: 48px; letter-spacing: -1px; }
    .gated_lp .main .left { width: 100%; padding: 0; }
    .gated_lp .main .right { width: 100%; margin: 30px 0 0; border-radius: 15px; }

    .landing_event .left { width: 100%; padding: 0; }
    .landing_event .right { width: 100%; margin: 30px 0 -150px; }
    .landing_event { padding: 50px 0; margin-bottom: 120px; }
    .landing_event .left h1 { font-size: 32px; line-height: 40px; }
    
    .event_content .left { padding: 0; width: 100%; }
    
    .zigevent_main .box .image { width: 100%; max-width: 400px; margin: 0 auto; }
    .zigevent_main .box .text { width: 100%; padding: 0; margin: 20px 0 0; }
    .zigevent_main .box { margin: 20px 0; }
    .zigevent_main .box .text h4 { font-size: 20px; line-height: 28px; margin: 0 0 15px; }
    .zigzag_event { padding: 0 0 30px; }
    .zigevent_main { padding: 20px 0 0; }

    .differ_strip .image.go .parallax { top: 40px; }
    .differ_strip { padding: 50px 0; }
    .differ_strip .main { flex-direction: column-reverse; margin: 0 -8px; }
    .diffservi_main .box { width: 50%; padding: 8px; }
    .diffservi_main .differ_strip { width: 100%; padding: 30px 15px; }
    
    .induevents_area { padding:50px 0; }
    .induevents_area .induevents_top h2 { font-size: 34px; line-height: 44px;  margin-bottom:0; }
    .inthenews_area .inthenews_top { width:100%; }
    .inthenews_area .inthenews_cover { width: calc(100% - 50px); padding: 30px 30px 0 0; }
    .induevents_area .induevents_box { width:calc(100%/2); }
    .induevents_area .induevents_cover { margin-top:40px; }
    
    .differ_strip .image .parallax_remove { top: 29px; }
    
    .body-container--home .respected_section { padding-bottom: 40px; }

    .video-slider .slick-list { max-width: 590px; }
    .video-slider .box .video { border-width: 5px; }
    .video-slider .box .inner { padding: 10px; }
    .video-slider .box .inner { font-size: 18px; line-height: 1.8; }
    .video-slider ul.slick-dots { margin: 20px auto 0; }

}

@media(max-width: 767px) {
    
    .animatedParent .animated , .animatedParent .animated.go { opacity: 1 !important; transform: inherit !important; -webkit-animation-duration: inherit; animation-duration: inherit; }
    .team_section .title h1 { font-size: 28px; line-height: 36px; }
    
    .contact_hero { text-align: center; }
    .contact_hero .title { margin: 0; }
    .contact_hero .title h1 { font-size: 28px; line-height: 36px; }
    .contact_hero .main .left { width: 100%; padding: 0; border-right: none; }
    .contact_hero .main .left .text { max-width: 100%; }
    .contact_hero .right  { width: 100%; padding: 15px 0 0; text-align: center; } 
    .contact_hero .right .logo { margin: 0 auto; max-width: 220px; } 
    
    .services_solution { padding: 150px 0 60px; }
    .services_solution:before { background-size: 100% 60px; height: 60px; }
    .solution_main .box .icon { width: 90px; padding: 0; }
    .solution_main .box .text { width: 100%; padding: 0; margin: 15px 0 0; }
    .solution_cover .btn_style { margin: 20px 0 0; }
    .solution_cover .btn_style a { min-width: auto; }
    
    .learning_hero .left h1 { font-size: 28px; line-height: 36px }
    .learning_section .box .text { font-size: 15px; line-height: 28px; }
    
    .hero_careers .container { width: 100%; }
    .benefits_being { padding: 100px 0 0; }
    .benefits_being:before { background-size: 100% 60px; height: 60px; }
    .search_jobs { padding: 40px 0 50px; }
    
    .american.respected_section { padding-bottom: 40px; }
    .american.respected_section .right { width: 100%; padding: 0 15px !important; }
    
    .success_faq .que { padding: 15px; }
    .success_faq .que h3 { font-size: 18px; line-height: 26px; }
    .success_faq .que:before { top: 20px; height: 16px; right: 22px; }
    .success_faq .que:after { top: 27px; right: 15px; width: 16px; }
    .success_faq .ans { padding: 20px 10px; }
    .success_faq .btn_style { margin: 30px 0 0; }
    
    .patients_say { padding: 50px 0; }
    .patsay_box { padding: 6px; }
    .patsay_box .inner { border-radius: 15px; min-height: 380px; }
    
    .success_faq .btn_style a { min-width: 250px; padding: 13px 25px; }
    
    .general_interior { padding: 30px 0 50px; }
    .general_interior .main h1 { font-size: 28px; line-height: 36px; }
    .general_interior .main h1:after { margin: 12px 0 0; }
    
    .landing_poll { padding: 30px 0 50px; }
    .landing_poll .form { padding: 16px 15px 50px; }
    .landing_poll .form .hs-form-field > label { font-size: 18px; line-height: 26px; }
    
    .undated_lp .main .left h1 { font-size: 28px; line-height: 38px; }
    .undated_lp .main .right { max-width: 280px; }
    .undated_lp .main .left .text { margin-top: 0; }
    
    .gated_lp .main .left h1 { margin: 0 0 20px; font-size: 28px; line-height: 38px; }
    .gated_lp .main .left .cover .content { width: 100%; padding: 0; }
    .gated_lp .main .left .cover .image { margin: 20px 0 0; width: 100%; max-width: 230px; }
 
    .induevents_area .induevents_top h2 { font-size: 28px; line-height: 36px; }
    .induevents_area .induevents_box { width:100%; padding:0 5px 30px;  max-width: 330px; margin: 0 auto; }
    .induevents_box .induevents_info h4 { font-size: 18px; line-height: 24px; }
    .induevents_box .induevents_info h3 { font-size: 20px; line-height: 28px; margin-bottom: 12px; }
    .induevents_box .induevents_info { text-align:center; }
    
    .inthenews_area .inthenews_cover { width:100%; border:none; padding:20px 0 0; }
    .inthenews_area .slick-arrow.slick-next { display:none !important; }
    
    .filter-learning { max-width: 100%; border-radius: 16px; }
    .filter-learning label { padding: 10px 40px 10px 20px; font-size: 18px; }
    .filter-learning label:after { right: 20px; }
    .filter-learning ul li a { padding: 5px 22px; font-size: 16px; line-height: 26px; text-align: center; }
    
    .video-slider { padding: 0 0 60px; }
    .video-slider .slick-list { max-width: 480px; }
    .video-slider .box .video .play-button-wrapper svg { width: 70px; height: 70px; }
    .video-slider .box .inner { font-size: 16px; line-height: 1.6; } 
    
    .video-slider ul.slick-dots li button { width: 25px; height: 10px; }
    .video-slider ul.slick-dots { padding: 2px 5px 0; }

    /**/
    .american.respected_section .left { margin-left: auto; margin-right: auto; }
    .american.respected_section .left .image { height: 270px; width: 270px; margin: 0 auto; }
    
    .video-slider .box .play-button-wrapper { padding: 10px; }
    .video-slider .box .play-button-wrapper .play-gif , .video-slider .box .video .play-button-wrapper svg { width: 50px; height: 50px; } 

    
}

@media(max-width: 600px) {
    .learning_section .box:nth-child(n+2) { width: 100%; }
    
    .challenges_main .box { padding: 10px 0; }
    .patsay_box { width: 100%; padding: 10px 0; } 
    .patsay_box .inner { min-height: auto; }
    
    .diffservi_main { margin: 0; }
    .diffservi_main .box { padding: 8px 0; width: 100%; }
    .diffservi_main .box .inner { padding: 35px 15px 40px; min-height: auto; border-radius: 14px; }
    
    .diffservi_main .differ_strip .btn_style { margin: 25px 0 0; }
    .diffservi_main .differ_strip { padding: 15px 0 0; }
    
}

@media(max-width: 500px) {
    
    .hero-section .right .image { width: 105px; height: 105px; border-width: 5px; }
    .hero-section .right { width: 300px; padding: 0; }
    .hero-section .right .shapeimg { bottom: -40px; }
    .hero-section .video_img { width: 300px; height: 300px; }
    .hero-section a.videotag { width: 80px; height: 80px; background-size: 80px; }
    .hero-section .right .image img { top: -90px; left: -100px; min-width: 180px; }
    
    .tip_strip .image { max-width: 200px; }
    .tip_strip .image .parallax { width: 100px; height: 100px; }
    .tip_strip .image.go .parallax { top: -4px; }
    .services_section:after { height: 50px; background-size: 100% 50px; }
    .services_main .box { margin-top: 40px; }
    .services_main .box .inner { padding: 30px 24px 40px 24px; }
    .services_main .box .icon { width: 105px; height: 105px; padding: 20px; border-width: 7px; margin: -80px auto 20px; }
    
    .respected_section .left { width: 320px; margin: -60px 0 0 -35px; }
    .respected_section .left .image { width: 304px; height: 304px; }
    .respected_section .left .img { width: 170px; height: 170px; }
    .respected_section .left .shape { width: 200px; top: 50px; right: -80px; }

    .hero-section .right:before { width: 150px; height: 150px; background-size: 150px; bottom: 0; left: -60px; }
    .contact_right .box h3 { font-size: 17px; line-height: 24px; }
    
    .learning_hero .left h1 { font-size: 22px; line-height: 29px; }
    .learning_hero .subscribe { padding: 30px 15px; }
    .learning_hero .subscribe h3 { font-size: 20px; line-height: 28px; }
    .learning_hero .subscribe input.hs-button { min-width: 200px; }
    
    .careers_page .respected_section .left { margin-top: -60px; }
    .being_main .box { width: 100%; padding: 10px 0; }
    
    .what_do .solution_hero h1 { font-size: 22px; line-height: 29px; }
    .landing_poll .form .inputs-list input[type="checkbox"] + span { line-height: 26px; }
    .landing_poll .form .hs-form-field input[type="checkbox"] + span:before { top: 3px; }
    .landing_poll .form .hs-form-field input[type="checkbox"] + span:after { top: 7px; }
    
    .gated_lp .main .right { padding: 26px 15px 40px; }
    .gated_lp .form .hs_submit { margin: 0; }
    
    .landing_event .left h1 { font-size: 24px; line-height: 34px; }
    .landing_event .right { padding: 30px 17px; }
    
    .differ_strip .image .parallax_remove { width: 84px; } 
}