/* Offset first section for overlap header */
body:has(.header--overlap) .body .dnd-section:first-child {
  padding-top: 180px;
}
@media (max-width: 767px) {
  body:has(.header--overlap) .body .dnd-section:first-child {
    padding-top: 113px;
  }
}
/* Increase z-index of header to prevent overlap of elements */
.header {
  z-index: 999 !important;
}
.drop-down__btn{
    background: #e3e6ec !important;
  color: #222326 !important;}

.blog-sub  {   background-image: linear-gradient(to bottom, rgba(23, 28, 37, 1), rgba(72, 120, 184, 1)) !important; }

.blog-sub .form-title {
    color: #fff !important;
}

.blog-listing h1 {font-size: 39px}

.link-arrow:hover,
.link-arrow-dark {
  text-decoration: none !important;
}
.link-arrow:hover {
  color: #fff !important;
}
.link-arrow-dark:hover {
  color: #171c25 !important;
}
.cusbtn_styles:hover {
  transition: all ease .4s;
  -moz-transition: all ease .4s;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
}
/* Commented out, messing on mobile padding of modules
@media(max-width:550px) {
  .row {
    margin: 0;
  }
}
*/


.txt--dark, .txt--dark .super-text {
    color: #fff;
}
@media (min-width: 768px) {
  .content_bucket-column-1-vertical-alignment {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 940px) {
  .center-max-750 {
    max-width: 750px !important;
    float: none !important;
    margin: 0px auto !important;
  }
}
@media (max-width: 1024px) {
  .tag-brow {
    margin: 0 auto 24px auto;
  }
  h2>br {
    display: none;
  }
}
.like-h4 {
  font-size: 1.11rem !important;
  line-height: 1.4 !important;
  font-family: Open Sans, sans-serif !important;
  font-weight: 700 !important;
  margin: 0 0 15px!important;
}
.h5,
.h6,
h5,
h6 {
  font-weight: 700;
}
.h3,
.h4,
h3,
h4 {
  font-weight: 700;
}
.badge--accent {
  background: #fff;
  color: #171c25;
}
.blog-card .badge--accent, .blog-listing-1__tag {
  background: #408bde;
  color: #fff;
  border-radius: 6px;
      text-transform: uppercase;
      letter-spacing: .067rem;
}

.blog-sub .form-title {
    margin-bottom: 30px;
}
.nav--dark .nav__list--flyout li>a {
    color: #fff !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
}
.brow,
.section-intro__overline,
.brow h1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #3B7DC2;
  font-size: 16px !important
}

.two-col-card {padding: 2rem; background-color: #fff;  border-radius:12px;  box-shadow: 0 16px 32px rgba(34, 35, 38, .05), 0 8px 16px rgba(34, 35, 38, .05);
}

.gradient-header {
  background: -webkit-linear-gradient(0deg, #eee, #3BBFA0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: inherit;
}

.gradient-header-dark-bkg {
  background: -webkit-linear-gradient(0deg, #94CFBD, #39AB88 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: inherit;
}

.gradient-header-light-bkg {
  background: -webkit-linear-gradient(0deg, #39AB88, #016A49  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: inherit;
}

/* Legacy only
.flex-nav {display:flex;    max-width: 275px;}
.flex-nav-icon-cont {width: 45px;}
.flex-nav-link-cont {max-width: 275px;}*/


/* For constant view of dropdown nav 

.nav__mega {display:flex !important;} */

.s7 {
  width: 64.333333%;
}
.s1 {
  width: 0.333333%;
}
.nav--dark .nav__list--flyout,
.nav--dark .nav__mega,
.site-search--dark .site-search__popup,
.mnav--dark .mnav__overlay,
.mnav--dark .mnav__popup,
.site-search--dark .site-search__input {
  background-color: #272f3e !important;
}
.header:not(.header--overlap) .nav__mega {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.nav--on-click .nav__list--level1>.nav__item--expanded>.nav__list--flyout,
.nav--on-hover .nav__item--expanded>.nav__list--flyout,
.nav--on-hover li:hover>.nav__list--flyout,
.nav__list--level2 li:hover>.nav__list--flyout {
  width: max-content !important;
}
.nav__mega-item-regular-text {
  padding-inline: 16px !important;
}
.nav__mega-item-regular-contents {
  padding: 8px 0;
}
.nav__mega-item-sep-hr {
  margin: 0 0 18px 0;
  border-color: #4c4d4f;
}
div.nav__mega-item.nav__mega-item--regular.nav__mega-item--1>span>span {
  padding-inline: 0 !important;
}
.nav__mega-item-regular-contents {
  padding: 8px 12px 12px 0 !important;
}

/* div.nav__mega-item.nav__mega-item--regular.nav__mega-item--1 > span{ padding-left:0 !important;} */

.nav__mega-item-regular-text>.important-text {
  font-weight: 700!important;
  font-size: 16.25px !important;
}
.nav__mega-item-regular-text {
  font-size: 16px !important;
}

/* New s]home style and custome styles*/

.footer .col-nav__col .col-nav__title {
  font-size: 14px !important;
  color: #383838;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 5px;
}
.footer .col-nav__col .col-nav__title a:hover {
  text-decoration: unset;
}
.footer .col-nav__col ul li a {
  font-size: 14px !important;
  color: #535353;
  line-height: 35px;
  font-weight: 400;
  transition: all ease .3s;
  -moz-transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
}
.footer .col-nav__col ul li.col-nav__item {
  margin-top: 0px;
}
.footer.footer--2::after {
  background: transparent !important;
  z-index: -1;
}
.footer.footer--2 .footer__section--top {
  background: transparent;
}
.footer.footer--2 .footer__section--main {
  padding: 0px;
}
.footer .col-nav__col ul li a:hover {
  color: #000 !important;
}
.footer.footer--2::before {
  height: 0px !important;
}
.footer.footer--2 .footer__section--main .footer__center>.row {
  border-top: 1px solid #EAEAEA;
  padding: 32px 0px 0px !important;
}
.footer.footer--2 .footer__section--top .container {
  padding: 0px 24px !important;
}
.footer.footer--2 form .form--btn-large .hs-button {
  padding: 12px 24px;
}
.footer.footer--2 form input[type='email'] {
  background: #F2F2F2 !important;
  border-radius: 5px !important;
  font: normal normal normal 16px / 26px Open Sans;
  padding: 10px;
}
.footer.footer--2 li a:hover {
  text-decoration: unset !important;
  cursor: pointer;
}
.footer.footer--2 form input#email-6d718900-8fb4-4a06-8ee2-93759133f043_6630 {
  box-shadow: unset !important;
}
.footer.footer--2 form {
  display: flex;
  vertical-align: bottom;
  align-items: end;
  gap: 20px;
}
.footer.footer--2 form .hs-form-field {
  margin-bottom: 0px !important;
}
.footer.footer--2 form input.hs-button:hover,
a.btn.btn--fill:hover {
  transition: all ease .4s;
  -moz-transition: all ease .4s;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
}
.footer.footer--2 form input[type=email]:focus,
.footer.footer--2 form input[type=email]:hover {
  box-shadow: 0 8px 16px rgba(34, 35, 38, .05), 0 4px 8px rgba(34, 35, 38, .05);
}
.footer.footer--2 {
  /*   background: 
  url('https://4207962.fs1.hubspotusercontent-na1.net/hubfs/4207962/g8.svg'),
  linear-gradient(180deg, #FFFFFF, #DDEBFE); */
  /*  background-color: transparent linear-gradient(180deg, #FFFFFF 0%, #DDEBFE 100%) 0% 0% no-repeat padding-box;
  background-image:url('https://4207962.fs1.hubspotusercontent-na1.net/hubfs/4207962/g8.svg'); */
  background-repeat: no-repeat;
  background-position: bottom;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #DDEBFE 100%) 0% 0% no-repeat padding-box;
  padding: 0px /*20px*/;
}
.footer.footer--2 .footer__section--main {
  /*   content:'';
  display:block; */
  position: relative;
  bottom: 0px;
  background: url('https://4207962.fs1.hubspotusercontent-na1.net/hubfs/4207962/skyllful-footer.svg')no-repeat;
  background-size: 100% 50%;
  background-position: bottom;
}
.header.header--1 .nav__list .nav__item.nav__item--branch>a.nav__link::after {
  background: url(https://4207962.fs1.hubspotusercontent-na1.net/hubfs/4207962/Icon%20material-round-arrow-forward-ios.svg);
  content: "";
  display: block;
  height: 5px;
  width: 9px;
  position: absolute;
  right: -15px;
  top: 20px;
  background-repeat: no-repeat;
}
.header.header--1 .nav__list--level1>li:not(:last-child) {
  margin-inline-end: 2.5rem;
}
.header.header--1 li a.nav__link {
  font: normal normal normal 16px/22px Open Sans;
  letter-spacing: 0px;
  color: #D0E1E5;
}
.header.header--1.header--light .nav__list .nav__item.nav__item--branch>a.nav__link::after {
  filter: brightness(0) saturate(100%);
}
.header.header--1.header--light li a.nav__link {
  color: #222326;
}
.header.header--1 .nav__list--level1>li:last-child {
  margin-inline-end: 1rem;
}
.footer.footer--2 .footer__copyright {
  padding-bottom: 40px;
}
.footer.footer--2 .footer__copyright .rtext__content,
.footer.footer--2 .footer__copyright .rtext__content a {
  font: normal normal normal 13px/18px Open Sans;
  color: #383838;
}
.footer.footer--2 .footer__copyright .rtext__content a:hover {
  color: #0077b7 !important;
  text-decoration: unset;
}
.cusbtn_styles {
  font-size: 17px !important;
  line-height: 23px;
  font-family: Open Sans;
}
.footer.footer--2 .icon--footer_icons-1 .icon__glyph {
  height: 46px !important;
  width: 46px !important;
  background: #0077b7;
  padding: 8px;
  border-radius: 5px;
}
@media(max-width:992px) {
  .footer.footer--2 .footer__section--main {
    background-size: contain;
  }
  .footer.footer--2 form .hs_email {
    flex: 1
  }
}
@media(max-width:350px) {
  .footer.footer--2 form {
    gap: 10px;
  }
}

/* blog styles */
@media (max-width: 870px) {
  .blog-body-1__main {
    order: 2;
    padding-inline-end: 12px !important;
  }
}
@media (max-width: 550px) {
  .blog-body-1__main {
    width: 100% !important;
    /* padding-right: 12px; */
  }
  .blog-body-1__sharing {
    padding-top: 24px !important;
    padding-bottom: 0 !important;
  }
  #main-content>div.blog-body-1.blog-body-1--extended.blog-body-1--wo-sidebar.section>div>div {
    flex-direction: column-reverse !important;
  }
}

#lp-hero-bg {
  border-radius: 16px;
}

@media (min-width: 768px) {
  #lp-hero-bg {
    margin: 0 24px;
  }
}

.two-col-card.bg-light {
  background: rgba(232, 240, 250, 1) !important;
  box-shadow: none !important;
}

/* New s]home style and custome styles end*/

span .nav__mega-item-regular-subtitle .small-text,.nav__mega-item-regular-subtitle, span .nav__mega-item-regular-subtitle{
    font-size: 15px !important;
}

.form--box-dark {
  background: linear-gradient(to bottom, rgba(23, 28, 37, 1), rgba(30, 41, 58, 1)) !important;}


.blog-listing-1__img img,.blog-body-1__top-image{border-radius:12px;    box-shadow: 0 16px 32px rgba(34, 35, 38, .05), 0 8px 16px rgba(34, 35, 38, .05);}
.blog-body-1__content blockquote {
    border-left: 3px solid #00ae85;
    padding-left: 20px;

@media (min-width: 768px) {
    .blog-body-1__main {
        padding-inline-end: 12px !important;
}
 div.blog-body-1__main.col.s7.md-s10  {  width: 83.33333333333334% !important;}
    }