@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/*****************************************/
/*     Nav and Footer     */
/*****************************************/
.sr-footer-min-02 .social li i svg {height:28px !important;}

@media (max-width: 1032px) {.header__menu--desktop:not(.header__menu--top) .header__menu-item--depth-1>.header__menu-link {
    padding: .5rem;
  }}

@media (max-width: 550px) {
.footer-min-02-nav .menu-logo {
    display: flex;
    padding-right: 4px;
    width: 100%;
    justify-content: center;
    margin-bottom: 1rem;
  }
.footer-min-02-nav ul {
    flex-wrap: wrap;
}
  
#hs_cos_wrapper_widget_1690320955348 > div > div > div > div:nth-child(1) > div > ul > li.menui.nav-item.menu-logo > a {padding-right: 0 !important;}
}
/*****************************************/
/*     Global Font Edits      */
/*****************************************/
body {
  -webkit-font-smoothing: antialiased !important;
}

h1 strong, h2 strong, h3 strong, .gradient-clip {
  background: -webkit-linear-gradient(0deg, #343E8B 0%, #5C68BF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: inherit;
}

.gradient-stat-num {
  background: -webkit-linear-gradient(0deg, #343E8B 0%, #5C68BF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;line-height:1.35;}


h1,.like-h1 {line-height: 1.32;}
h4 { color: #353D7C;margin-bottom: 0.4223rem;}
.like-h3 {font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;font-size: clamp(1.3333333333333333rem,1.6129032258064515vw + .6451612903225806rem,1.6666666666666667rem);
    margin-bottom: 0.8333333333333334rem;color:#434343;}

.like-bold-p {    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 1.1666666666666667rem;
    text-decoration: none;
  color:#434343;
}

.like-h4 {    color: #353D7C;
    margin-bottom: 0.4223rem;    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    line-height: 1.35; font-size: 1.2222222222222223rem;
    margin-bottom: .6111111111111112rem;
    text-decoration: none;    font-size: 1.2222222222222223rem;}

.like-h2 {font-weight:400;font-size: clamp(1.3333333333333333rem,1.6129032258064515vw + .6451612903225806rem,1.6666666666666667rem);
    margin-bottom: 0.8333333333333334rem;}


@media(max-width:1024px)
{
  h1,.like-h1{font-size:2.25rem; line-height: 1.32}
  h2,.like-h2 {font-size:1.75rem;}

}
.no-margin .h1 h2 {margin-bottom: 0px!important}
h6{letter-spacing:.06em; text-transform:uppercase; color: #353D7C; }
.like-h6{letter-spacing:.06em; font-weight:600;text-transform:uppercase; color: #353D7C;font-size: 18px !important;
    line-height: 1.35; }
.like-h6-no-cap{font-weight:600; color: #353D7C;font-size: 18px !important;
    line-height: 1.35; }

.col-content li {margin-bottom:1rem;}

@media(max-width:550px) {.like-h6 {margin-top: 25px;  font-size: 1.1111111111111112rem !important;}h1, .like-h1 {line-height: 50px} }

.font-small *, .small, p.small, small {font-size: .8rem;}

.blog-content-sec .col-md-6
.description ol,.square-num {
    padding-left: 0 !important;
} 
.description ol li {
    list-style: none !important;
    padding: 0 !important;
}
.description ol li{
    position: relative;
    padding-left: 2.5em !important;
  list-style:none;
   counter-increment: steps;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.description ol li:before {
     content: counter(steps);
background:#5C68BF;
  border-radius: 4px;
    width:30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
      text-align: center;
    color: #fff;
    font-weight: 500;
}
.square-num {
background: #5C68BF;
    border-radius: 9px;
    width: 42px;
    height: 42px;
    position: relative;
    top: -8px;
    margin-right: 16px;
    font-size: 22px;
    line-height: 1.8;
    left: 0;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-weight: 500;
}
.icon-bullet ul,.warning-bullet ul, .question-bullet ul, .close-bullet ul {
    list-style: none;
    padding: 0 !important;
}
.icon-bullet ul li,.warning-bullet  ul li,.question-bullet ul li, .close-bullet ul li {
    position: relative;
    padding-left: 2em;
  list-style:none;
  line-height: 1.6;
      margin-bottom: 1.25rem;
}
.icon-bullet ul li:before {
    content: '';
    background-image: url(https://40162804.fs1.hubspotusercontent-na1.net/hubfs/40162804/Design%20Elements/Icon%20awesome-check-circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
    left: 0;
}
.close-bullet ul li:before {
    content: '';
    background-image: url(https://40162804.fs1.hubspotusercontent-na1.net/hubfs/40162804/Design%20Elements/Icon%20ion-close-circled.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
    left: 0;
}
.warning-bullet ul li:before {
    content: '';
    background-image: url(https://40162804.fs1.hubspotusercontent-na1.net/hubfs/40162804/Website%20Images/Pillar/Finding%20the%20Best%20Healthcare%20Consulting%20Firm/Elxo-warning-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
    left: 0;
}
.question-bullet ul li:before {
    content: '';
    background-image: url(https://40162804.fs1.hubspotusercontent-na1.net/hubfs/40162804/Website%20Images/Pillar/Finding%20the%20Best%20Healthcare%20Consulting%20Firm/Elxo-question-bullet-v3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
    left: 0;
}
.icon-bullet ul li h5 strong, .warning-bullet ul li h5 strong,.question-bullet ul li h4{color:#353D7C;font-size:18px;line-height: 1.35; margin-bottom: 0.5555555555555556rem;}


/*****************************************/
/*     Global Form Edits      */
/*****************************************/

.sr-hero-form-01 .sr-form {border-radius: 20px;position:relative;}

.form-control, input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]), input[readonly]:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]), select, textarea 
{    border: 1px solid #DFDFF4;background-color:#F5F5FA;}

.glass{position: relative;}

.glass::after{
  backdrop-filter: blur(5px);
  background: hsla(0,0%,100%,.4);
  border-radius: 30px;
  box-shadow: 0 5px 20px rgba(0,0,0,.025);
  content: "";
  height: 105%;
  position: absolute;
  right: 0;
  top: -16px;
  width: 100%;
  z-index: 0;
}
a.cta-button span {
  position: absolute;
  right: 21px;
  top: 20px;
  display: none;
}

.form-header .heading h3 {font-size: 26px!important}

.button_icon svg {
  display: block;
  transition: 0.3s;
}

.sr-form {z-index: 2;}
@media (max-width: 550px) {
  .sr-form{padding: 2rem !important;}}

/*****************************************/
/*     Global Button and Link Edits      */
/*****************************************/

@media(max-width:550px) {
fieldset {
    gap: unset;
  }}

.btn, .btn-wrapper .cta-button, .btn-wrapper .cta_button, .btn-wrapper input[type=button], .btn-wrapper input[type=submit], input[type=button], input[type=submit] {border: 2px solid;}

.btn-wrapper.btn-primary-wrapper .cta-button, .btn-wrapper.btn-primary-wrapper .cta_button, .btn-wrapper.btn-primary-wrapper input[type=button], .btn-wrapper.btn-primary-wrapper input[type=submit], input[type=submit].hs-button.btn-primary, input[type=submit].hs-button.primary {
  background: transparent linear-gradient(101deg, #FFAD53 0%, #F78E1E 100%, #F78E1F 100%) 0% 0% no-repeat padding-box;
  border: none;
  color: #fff;
  background: transparent linear-gradient(101deg, #FFAD53 0%, #F78E1E 100%, #F78E1F 100%) 0% 0% no-repeat padding-box;

  line-height: 1.67;
  position: relative;
  /* min-width: 170px;*/
  min-width: auto;
  transition: all .4s ease-out !important;
}
.btn-wrapper.btn-primary-wrapper .cta-button:hover, .btn-wrapper.btn-primary-wrapper .cta_button:hover, .btn-wrapper.btn-primary-wrapper input[type=button]:hover, .btn-wrapper.btn-primary-wrapper input[type=submit]:hover, input[type=submit].hs-button.btn-primary:hover, input[type=submit].hs-button.primary:hover{
  background: background: transparent linear-gradient(53deg, #FFAD53 0%, #F78E1E 100%, #F78E1F 100%) 0% 0% no-repeat padding-box;
  transition: all .4s ease-out !important;

}
.actions{
  position: relative;
}
.btn-wrapper .btn-primary-wrapper .btn-wrapper-sm {  font-size: 15px !important;}
.btn-wrapper .btn-primary-wrapper .btn-wrapper-sm:after {  top: 5px !important;}
div.header__button-col.hidden-phone > div > div > a:after{  top: 5px !important;}

.btn-wrapper.btn-primary-wrapper .cta-button:after,
.btn-wrapper.btn-primary-wrapper .cta_button:after,
.btn-wrapper.btn-primary-wrapper input[type=button]:after,
.btn-wrapper.btn-primary-wrapper input[type=submit]:after,
input[type=submit].hs-button.btn-primary:after,
input[type=submit].hs-button.primary:after{
  position: absolute;
  content: '\f105';
  font-family: fontAwesome;
  right: 18px;
  font-weight: 500;
  font-size: 21px;
  top: 7px;
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease-out !important;
  color:#FFF;

}
.actions:after {
  position: absolute;
  content: '\f105';
  font-family: fontAwesome;
  right: 30%;
  font-weight: 500;
  font-size: 21px;
  top: 9px;
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease-out !important;
  color:#FFF;

}
.actions:hover:after {
  opacity: 1;
  visibility: visible;
  transition: all .4s ease-out !important;
}
.btn-wrapper.btn-primary-wrapper .cta-button:hover:after,
.btn-wrapper.btn-primary-wrapper .cta_button:hover:after,
.btn-wrapper.btn-primary-wrapper input[type=button]:hover:after,
.btn-wrapper.btn-primary-wrapper input[type=submit]:hover:after,
input[type=submit].hs-button.btn-primary:hover:after,
input[type=submit].hs-button.primary:hover:after {
  opacity: 1;
  visibility: visible;
  transition: all .4s ease-out !important;
}

.btn-wrapper.btn-primary-wrapper .cta_button:hover,
.btn-wrapper.btn-primary-wrapper .cta-button:hover,
.btn-wrapper.btn-primary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-primary-wrapper .hs-form input[type="button"]:hover,
input[type=submit].hs-button.primary:hover {
  padding-left: 20px;
  padding-right:40px;
  transition: all .4s ease-out !important;
}
.secondary_btn .cta-button{
  color: #f78e1e;
  border: 1px solid #f78e1e;
  font-size: 18px;
  line-height: 1.67;
  position: relative;
  padding: 12px 30px;
  display: flex;
  border-radius: 50px;
  transition: all .4s ease-out !important;
}

.secondary_btn .cta-button:hover {
  color: #fff !important;
  background: transparent linear-gradient(101deg, #FFAD53 0%, #F78E1E 100%, #F78E1F 100%) 0% 0% no-repeat padding-box;
  padding-left: 18px;
  padding-right:42px;
  transition: all .4s ease-in-out !important;
}

.btn-wrapper.btn-outline-primary-wrapper .cta-button{position:relative;transition: all .4s ease-out !important;}
.btn-wrapper.btn-outline-primary-wrapper .cta-button:after{ position: absolute; content: '\f105'; font-family: fontAwesome; right: 18px; font-weight: 500; font-size: 21px;top: 8px; opacity:0;visibility: hidden; }
.btn-wrapper.btn-outline-primary-wrapper .cta-button:hover{ padding-left: 18px;padding-right: 42px;transition: all .4s ease-in-out !important;}
.btn-wrapper.btn-outline-primary-wrapper .cta-button:hover:after{opacity:1; visibility: visible;transition: all .4s ease-out !important;}


a{
  transition: all .75s ease;}

.header__menu-link, .header__menu-item svg, .header__menu-item svg g, .header__menu-item svg path{
  transition: all .75s ease;}

@media(max-width:900px) {
  .btn-wrapper.btn-primary-wrapper .cta-button, .btn-wrapper.btn-primary-wrapper .cta_button, .btn-wrapper.btn-primary-wrapper input[type=button], .btn-wrapper.btn-primary-wrapper input[type=submit], input[type=submit].hs-button.btn-primary, input[type=submit].hs-button.primary
  {margin-bottom:20px;}}
/*****************************************/
/*     Image Edits     */
/*****************************************/
.icon-square img {
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .13);
}
.rounded-image img{
  border-radius: 20px;}
.software-image img {border-radius: 12px;box-shadow: 0 6px 12px #0002;}

.rounded-image-right-first img,.rounded-image-left img,.rounded-image-right-last img {border-radius: 20px;position:relative;z-index:2;}
.rounded-image-right-first::after {
position: absolute;
    top: 34%;
    right: 75%;
    content: ""!important;
    background: url(https://40162804.fs1.hubspotusercontent-na1.net/hubfs/40162804/Design%20Elements/step-first-item-after.png) !important;
    background-repeat: no-repeat!important;
    background-size: inherit!important;
    width: 400px;
    height: 600px;
    z-index: 1;
user-select: none;}
.rounded-image-left::after {
    position: absolute;
    top: 40%;
    right: -47%;
    content: ""!important;
    background: url(https://40162804.fs1.hubspotusercontent-na1.net/hubfs/40162804/Design%20Elements/step-left-after.png) !important;
    background-repeat: no-repeat!important;
    background-size: inherit!important;
    width: 600px;
    height: 1200px;
    user-select: none;}
@media (max-width: 900px) {
  .rounded-image-right-first::after, .rounded-image-left::after {display:none;}}
/*****************************************/
/*     TYP Banner      */
/*****************************************/

.body_dnd_area-module-1 .feature .circle {
  position: absolute;
  border-radius: 20%;
  border: 5px solid #5C68BF20;
}

.sr-offer-bar-05 .offer-card {border-radius: 20px;}

/*****************************************/
/*     Pillar Page    */
/*****************************************/


.pillar-toc-heading{letter-spacing:.06em; font-weight:600;text-transform:uppercase; color: #353D7C;font-size: 22px !important;
    line-height: 1.35; }

.square-num-pillar {
background: #5C68BF;
    border-radius: 9px;
    width: 42px;
    height: 42px;
    position: relative;
    top: -4px;
    margin-right: 16px;
    font-size: 22px;
    line-height: 1.8;
    left: 0;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-weight: 500;}
.num-header-override {font-size: clamp(1.3333333333333333rem,1.6129032258064515vw + .6451612903225806rem,1.6666666666666667rem);
    margin-bottom: 0.8333333333333334rem;
    font-style: normal; color:#5C68BF;
    font-weight: 400;
    line-height: 1.35;}

@media (max-width: 1024px){
.num-header-override {
    font-size: 1.75rem;
  }}
.pillar-ch-img img {border-radius:20px;border: 10px solid #5661B4;}
.rounded {border-radius:20px;}
.pillar-feature-heading {font-size: 1.2rem;
    line-height: 1.6111111111111112rem;    color: #434343;
    font-family: Rubik,sans-serif; font-weight:600;margin-bottom:10px; }
.pillar-container{margin-left: auto;
    margin-right: auto;padding-left: 15px;
    padding-right: 15px;
    width: 100%;}


@media (min-width: 768px){
.pillar-container {
    max-width: 450px;
  }}

@media (min-width: 992px){
.pillar-container {
    max-width: 610px;
  }}

@media (min-width: 1200px){
.pillar-container  {
    max-width: 730px;
  }}


@media screen and (min-width: 2560px){
.pillar-container  {
  max-width: 850px;}}

@media (max-width: 550px){
.pillar-container  {
 width:93%}}


/*****************************************/
/*     Global Spacing Edits     */
/*****************************************/
@media (min-width: 1024px) {
  .box-contents {padding: 0 10px 0 30px;
  }}

@media (max-width: 550px) {.sr-padding-full {padding-top: 3.5rem;}}

@media (min-width: 2200px) {
  .bofu-cta{background-position: 50% 45%;}}

.two-split .col-md-6.sr-col.text-center.prototype-background.sr-repeater-1 {padding: 2.25rem 4rem;}
@media (max-width: 900px) {
.sr-two-col-features .section-content{    flex-direction: column;}}
@media (max-width: 500px) {
.sr-two-col-features .media{ gap: 30px;
    flex-direction: column !important;padding: 1rem 0;}
  .sr-two-col-features .media-body {padding-left:0;}
  .sr-two-col-features .media-body p {padding-right:0}
.sr-multicol-media.sr-bg-image .sr-col,.two-split .col-md-6.sr-col.text-center.prototype-background.sr-repeater-1 {
    padding: 0rem 1rem;
}
}

@media (min-width: 768px){
.col-lg-6,.col-md-6 {
 /*  max-width: 50%;*/
    flex: 0 0 50%;
  }}
@media (min-width: 768px) {
.col-md-5, .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }}
 
@media (min-width: 576px){
.col-sm-5 {
    max-width: 41%;
  }}

@media (max-width: 920px){
.mb-md-4, .my-md-4,.mb-md-0, .my-md-0 {
    width: 100% !important;
  }}

/*****************************************/
/*     Homepage    */
/*****************************************/
.relative-position {position: relative; z-index: 0;}
.position-relative-higher{position: relative; z-index: 5;}

/*****************************************/
/*     Blog   */
/*****************************************/

@media(max-width:550px) {
  .newblogpage .blog-hero-content .article-img {margin-top:0px !important;}}



/*****************************************/
/*     Case Study Listing  */
/*****************************************/
.floating-line-form-container {
      transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
    user-select: none;
    overflow: hidden !important;
    position: absolute;
    width: 30vw;
    height: 100vh;
    z-index: 0;
    top: 60%;
  right: 26%;}

.override-20 {font-size:20px !important;}

@media(min-width:1600px){
.floating-line-form-container{
        right: 40%;
  }}

@media(min-width:1800px){
.floating-line-form-container{
        right: 50%;
  }}
@media(min-width:2200px){
.floating-line-form-container{
    right: 148%;
  }}
.floating-line-cs-container {user-select: none; overflow: hidden !important;position: absolute;width: 20vw;height: 100vh;z-index:0; top:20%; right:0;}.floating-line-cs-image { width: 900px; height: 700px;}
@media (max-width:940px) {.floating-line-cs-container {top: 24%;}.floating-line-cs-image { width: 900px; height: 700px;}}
@media (max-width:540px) {.floating-line-cs-container { top: -25%;width: 114vw;} .floating-line-cs-image { width:960px; height: 720px;}}
@media (min-width:1919px) {.floating-line-cs-container {  top: 10%;} .floating-line-cs-image {width: 1050px; height: 725px;}}
@media (min-width:2240px) {.floating-line-cs-container {  top: 10%; width:25vw; }.floating-line-cs-image{ width: 1050px; height: 725px;}}

@media (max-width:1000px){.floating-line-cs-container,.floating-line-form-container {display:none;}}


.shadow-icon-col img {
    box-shadow: 0 6px 20px rgba(0,0,0,13%);
    -moz-box-shadow: 0 6px 20px rgba(0,0,0,13%);
    -webkit-box-shadow: 0 6px 20px rgba(0,0,0,13%);
    border-radius: 20px;
}

@media(min-width:768px) {
  .case-study-post-main {padding-left:20px !important;}
  .bofu-padding-adjustment {padding-left:35px !important; padding-right: 15px !important;}
}

@media(max-width:768px){
  .bofu-padding-adjustment {padding-left: 15px !important; padding-right: 15px !important;}
}
@media(min-width:550px){
  .fixed-form {display:none;}}



.cta-two-col {
    background: url(https://www.elxoinc.com/hubfs/Branding/Website%20Images/BOFU-case-study.jpg);
    padding: 2rem;
    border-radius: 20px;
    background-size: cover;
    background-position: bottom center;
    margin: 0 auto;
  width: 92%;
}


@media (min-width: 1200px) {
    .cta-two-col {
            max-width: 1140px;
    }
  .extra-left {padding-left: 2rem;}
}

@media (max-width: 992px) {
    .cta-two-col {
        max-width: 960px;
    }
  .extra-left {padding-left: 2rem;}
}

@media (max-width: 768px) {
    .cta-two-col {
        max-width: 720px;
    }
  .extra-left {padding-left: unset}
}

@media (max-width: 576px) {
    .cta-two-col {
        max-width: 540px;
    }
  .extra-left {padding-left: unset}
  .cta-two-col img {padding: 0;}
}


.case-study-bofu {
background: url(https://40162804.fs1.hubspotusercontent-na1.net/hubfs/40162804/Branding/Website%20Images/BOFU-case-study.jpg); padding: 2rem;
  border-radius: 20px;background-size:cover;}

@media (min-width: 992px) { 
  .header__menu-submenu {
    width: 335px !important;
}
}


/* Module Override */

@media(min-width: 940px) {
  .hug-max-640 {max-width: 640px !important;}
.hug-max-700 {max-width: 700px !important;}

}