/* Navigation */
.header__container .header__menu-submenu .header__menu-item {
    color: #1a1a1a !important;
}

.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-submenu button.header__menu-link,
.header__container[data-layout='desktop'] .header__menu-item[data-mega='true'] .header__menu-submenu button.header__menu-link span,
.header__container .header__menu-submenu .header__menu-item:hover {
     color: #27398d !important; 
}


/* Buttons & Links */

.btn-wrapper.btn-wrapper-md.custom-CTA {
  padding: 0 1.3rem;
  min-height: 3.5rem;
}

.btn-wrapper.btn-wrapper-sm.custom-CTA {
  font-size: .75rem;
  min-height: 2.875rem;
  padding: 0 1.125rem;
}


/* Module Override */

.case-study_filter-grid .item .hover .card-inner p {
  font-size: 18px;
  font-weight: 700;
}

.card-inner {
    height: 100%;
    min-height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media(max-width: 480px) {
  .case-study_filter-grid .item .hover .card-inner {
    padding: 2rem 1rem !important;
  }
  .case-study_filter-grid .item .hover .card-inner p {
    font-size: 16px;
  }
}


/* Header */
.searchResults header.header__container.header__container--left,
.errorPage header.header__container.header__container--left{
    background: var(--secondary);
}


.header__container .header__menu--mobile .header__menu-submenu .header__menu-item {
    color: #fff !important;
}

.header__container .header__menu--mobile .header__menu-submenu .header__menu-item {
    background-color: transparent !important;
}

#hs_cos_wrapper_site_header-module-1 .header__container .header__menu--mobile .header__menu-submenu .header__menu-item:active,
#hs_cos_wrapper_site_header-module-1 .header__container .header__menu--mobile .header__menu-submenu .header__menu-item:focus, 
#hs_cos_wrapper_site_header-module-1 .header__container .header__menu-submenu .header__menu-link--active-link {
    background-color: rgb(255 255 255/15%) !important;
}

.header__bottom .hs-search-field__input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']) {
  color:var(--black);
  padding-right: 55px;
  border-radius:4px !important;
}

.header__search-col.search.hidden-phone.buttons-true .search--icon{
  background:#27398DB3 !important;
}

.container-fluid{
  padding:0;
}

/*  Footer */

.sr-footer-04 .footer-logo {
  display: flex;
  align-items: center;
  gap: 70px;
  margin-bottom: 0.98rem!important;
}
.sr-footer-04 .footer-slogan {
  padding-top: 0;
}
.sr-footer-04 .footer-slogan p{
  margin: 0;
}
.sr-footer-04 .footer-slogan p a{
  margin-left:4%;
  color:var(--black);
}
.sr-footer-04 .footer-slogan {
  padding-top: 0 !important;
  width: 70%;
}

@media(max-width:1024px){
  .sr-footer-04 .footer-logo {
    display:block;
    align-items: center;
    gap: 70px;
    margin-bottom: 0;
  }
  .sr-footer-04 .footer-slogan {
    padding-top: 1.5rem!important;
    width: 100%;
  }
  .sr-footer-04 .footer-slogan p a{
    margin-left:0;
  }
  /*   input[type="search"]::-webkit-search-cancel-button {
  display: none;
} */
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://44366222.fs1.hubspotusercontent-na1.net/hubfs/44366222/Close%20Green.svg'); /* Replace 'your-icon-url.png' with your custom icon URL */
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: 0px; /* Adjust position as needed */
  cursor:pointer;
}

input[type="search"] .hs-search-field__bar svg{
  color:#000;
}

.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white p,
.all-text-white li{
  color: #ffffff;
}

#hs_cos_wrapper_site_header-module-1 .header__container[data-topbar-fixed=true] .header__bottom{
  background:transparent;
}

input[type=submit].hs-button.primary:hover{
  color:var(--black);
}
@media(max-width:767px){
  .header__bottom .hs-search-field__input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]){
    padding-right:20px;
  }
  .hs-search-field__mobile .btn-wrapper .cta-button{
    padding: 0 10px 0 10px;
  }
  .container-fluid.body-container-home .dnd_area_home-row-1-background-image {
    background: var(--secondary);
  }
  .cta-group{
    justify-content:center;
  }
  .container-fluid.body-container-home .dnd_area_home-row-1-background-image{
    background-image:none !important;
  }
}

.sr-blog-hero-01 {
  margin-bottom: 80px;
}

header.header__container.header__container--left.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 12;
  transition: .4s ease-in-out;
  box-shadow: 0 2px 14px 0 rgb(0 0 0 / 16%);
  background: var(--secondary);
}

.submitted-message {
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.header__button-col .cta-group .btn-wrapper .cta-button{
  font-weight:bold;
  color:var(--black);
}

.btn-wrapper.btn-primary-wrapper .cta-button{
  font-weight:bold;
  color:var(--black);
}

.btn-wrapper.btn-primary-wrapper .cta-button:hover{
  font-weight:bold;
  color:var(--black);
}

.blog-top .top_dnd_area-module-1::before{
  background: transparent linear-gradient(180deg, #27398D 0%, #27398DB3 100%) 0% 0% no-repeat padding-box;
}

@media(min-width:2000px){
  .sr-multicol-media.sr-two-col-03 {
    max-width: 1200px;
    margin: 0 auto;
  }
}

.container-fluid.body-container-home .dnd_area_home-row-1-background-image{
  position:relative;
}

.container-fluid.body-container-home .dnd_area_home-row-1-background-image:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  background: linear-gradient(180deg, #27398D 0%, #172255 34%, #172255 50%, #172255 66%, #27398D 100%) 0% 0% no-repeat padding-box;
}

body{
  overflow-x:hidden;
}


.row-fluid-wrapper.row-depth-1.row-number-17.dnd_area-row-8-background-image.dnd-section {
  position: relative;
}

.row-fluid-wrapper.row-depth-1.row-number-17.dnd_area-row-8-background-image.dnd-section:before {
  content: " ";
  width: 100%;
  pointer-events: none;
  height: 100%;
  display: block;
  background: url(https://44366222.fs1.hubspotusercontent-na1.net/hubfs/44366222/overlay-3.png);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
}
a:hover{
  text-decoration:underline;
  /*   color:var(--black) !important; */
} 

.display-1,.display-2,.display-3,.display-4,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  color:var(--secondary);
}

a:hover, a:hover:not(.btn), p a:hover {
  color: inherit;
}

body.blog.blog-listing  a:hover{
  text-decoration:none;
} 


@media(max-width:350px){
  body .sr-offer-bar-05 .feature .feature-inner{
    width: 315px;
    overflow: hidden;
  }
}





.row_fluid{
  width:100%;
}

/*======================================================
Two Column Adjust
========================================================*/

body .row-fluid .two-col-adjust>span{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;-
  webkit-box-align:stretch;
  -moz-box-align:stretch;
  -webkit-align-items:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  flex-wrap:wrap;
  -wevkit-flex-wrap:wrap;
  flex-direction:row;
  -webkit-flex-direction:row;
  margin-right:-2.5%;
}

body .row-fluid .two-col-adjust span>.hs_cos_wrapper{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-basis:46%;
  -webkit-flex-basis:46%;
  float:left;
  margin-right:4%;
  margin-top:40px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
}

@media(max-width:767px){

  body .row-fluid .two-col-adjust span>.hs_cos_wrapper{
    display:block;
    width:100%;
    margin:40px auto 0;
    float:none
  }

  body .row-fluid .two-col-adjust>span{
    display:block;
    margin-right:0;
  }

}



/*==================================================
Three Col Adjust 
==================================================*/

body .container-fluid .row-fluid .three-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -3.2%;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 29.96%;
  -webkit-flex-basis: 29.96%;
  float: left;
  margin-right: 3.5%;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  flex-direction: column;
  -webkit-flex-direction: column;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){
  margin-right:0px;
}

.row-fluid .five-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}
body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
  flex-basis: 18.5%;
  -webkit-flex-basis: 18.5%;
  width:18.5%;
  float: left;
  box-sizing:border-box;
  position:relative;
  margin-right:1.5%;
}
@media (max-width:1024px){
  .row-fluid .five-col-adjust>span {
    display: block;
    margin-right: 0;
  }
  body .row-fluid .five-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 30px;
  }
}
@media (max-width:767px){

  body .container-fluid .row-fluid .three-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 40px auto 0;
    float: none;
  }   

  body .row-fluid .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){
    margin-right:auto;
  }

}



/*==================================================
Four Col Adjust 
==================================================*/

body .container-fluid .row-fluid .four-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}

body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 22.5%;
  -webkit-flex-basis: 22.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 2.43%;
  box-sizing:border-box;
  position:relative;
}

@media (max-width:767px){

  body .container-fluid .row-fluid .four-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    width:100%;
    margin-top: 40px;
  }   
}

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


.interactive-button:hover {
  filter: brightness(110%) !important;
}

a.interactive-button:hover {
  filter: blur(1px) !important;
}

/*=======================================================
CHECKBOX AND RADIO BUTTONS STYLING
=======================================================*/            
form input[type=checkbox],
.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
  width:auto;
}
form input[type=checkbox],
.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
  padding: 0;
  background:var(--secondary);
  margin-left: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: var(--primary);;
  -webkit-appearance: none;
  border: 1px solid var(--secondary);
  margin-right: 8px;
  top: 4px;
  width: 15px;
  height: 15px;
}

form input[type=checkbox]:checked:after,
.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after {
  display:transparent;
}


form input[type=checkbox]:checked:after,
.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  top: 3px;
  left: 2px;
  border: 2px solid var(--secondary);
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}




form input[type=checkbox],
body .row-fluid .hs-form .field .input input[type="checkbox"] {
  padding: 0; 
  background:var(--light);
  margin-left: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 0px;
  -webkit-appearance: none;
  border: 1px solid var(--secondary);
  margin-right: 8px;
  top: 3px;
  width: 15px;
  height: 15px;
  border-radius:0px;
}


input[type="radio"],
.row-fluid .hs-form .field .input input[type="radio"]{
  border-radius: 50%;
  margin-bottom: 4px;
  height: auto;
  overflow: unset;
}

input[type="radio"]:checked::after,
.row-fluid .hs-form .field .input input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid var(--secondary);
  background: var(--sprimary);
  border-radius: 50%;
  position: absolute;
  left: -18px;
  bottom: -4px;
  opacity: 1;
  transition: all 0.3s;
}

input[type="radio"]::before,
.row-fluid .hs-form .field .input input[type="radio"]::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid var(--secondary);
  background: var(--primary);
  border-radius: 50%;
  position: absolute;
  left: -21.2px;
  bottom: -7px;
  opacity: 1;
  transition: all 0.3s;
}


.email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
.email-correction form .form-columns-2 .hs-form-field input[type=radio],
.email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
.email-correction form .form-columns-3 .hs-form-field input[type=radio],
.email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
.email-validation form .form-columns-2 .hs-form-field input[type=radio],
.email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
.email-validation form .form-columns-3 .hs-form-field input[type=radio] {
  width: 24px;
}

fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

.hs-error-msgs {
    position: absolute;
    bottom: -25px;
}
.hs-error-msgs li {
  font-size:10px;
}

textarea::placeholder{
  color:#8D8F98 !important;
}

textarea {
  color:#8D8F98 !important;
}
.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{
    color:#8D8F98 !important;
}

input::-ms-input-placeholder, input::-moz-placeholder, input::-webkit-input-placeholder {
    color:#8D8F98 !important;
}



/* System Pages ---------------------------------------------------- */

.hs-search-results__listing li {
    padding-top: 1rem !important;
}

body.searchResults, body.errorPage {
 padding-top: 100px !important; 
}

.hs-search-results__link {
    font-size: 20px;
}

.errorPage .error-page {
    padding: 3rem 0 !important;
}