/* 1a. Containers */


  



  


/* 1b. Colors */







/* 1c. Typography */



































/* 1d. Buttons */






















































/* 1e. Forms */






























/* 1f. Icons */
















/* 1g. Cards */







/* 1h. Tables */













/* 1i. Website header */



























/* 1j. Website footer */













/* Drag and drop layout styles */

.dnd-section {
  padding: 20px 20px;
}

/* Padding on blog post sections */

.blog-post__column-wrapper  {
  padding: 20px 0;
}

/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */

.dnd-section > .row-fluid,
.content-wrapper,
.header__wrapper {
  max-width: 1080px;
}





html {
  font-size: 16px;
}

body {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  background-color: #ffffff;
  color: #2e475d;
  font-size: 16px;
}

/* Paragraphs */

p {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
}

/* Anchors */

a {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #00a4bd;
}

a:hover,
a:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
  color: #0b8484;
}

a:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
  color: #5bd4d4;
}

/* Headings */

h1 {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2e475d;
  font-size: 60px;
  text-transform: none;
}
@media (max-width: 767px) {
  h1 {    
    font-size: 42px;    
  }
}

h2 {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2e475d;
  font-size: 42px;
  text-transform: none;
}
@media (max-width: 767px) {
  h2 {    
    font-size: 38px;    
  }
}

h3 {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 28px;
  text-transform: none;
}
@media (max-width: 767px) {
  h3 {    
    font-size: 24px;    
  }
}

h4 {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 22px;
  text-transform: none;
}
@media (max-width: 767px) {
  h4 {    
    font-size: 22px;    
  }
}

h5 {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 18px;
  text-transform: none;
}
@media (max-width: 767px) {
  h5 {    
    font-size: 18px;    
  }
}

h6 {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 16px;
  text-transform: none;
}
@media (max-width: 767px) {
  h6 {    
    font-size: 16px;    
  }
}

/* Blockquotes */

blockquote {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  border-left-color: #fff;
  color: #2e475d;
  font-size: 24px;
}

blockquote > footer {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  font-size: 16px;
}

/* Horizontal rules */

hr {
  border-bottom-color: #ffffff;
}





/* Primary button */

button,
.button,
.hs-button {
  border: 0px solid #ff6633;

  padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 102, 51, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 18px;
  text-transform: none;
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.hs-button:hover,
.hs-button:focus,
.hs-button:active {
  border: 0px solid #ff6633;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 119, 85, 1.0)

;
  color: #FFFFFF;
  fill: #FFFFFF;
}

button:active,
.button:active,
.hs-button:active {
  border: 0px solid #ff6633;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: rgba(255, 199, 165, 100);
  border-color: #ffb683;
  color: #FFFFFF;
  fill: #FFFFFF;
}

/* Secondary button */

.button.button--secondary {
  border: 3px solid #ff6633;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 0.0)

;
  border-radius: 50px;
  color: #2e475d;
  fill: #2e475d;
  text-transform: none;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
  border: 3px none #ff6633;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(46, 71, 93, 1.0)

;
  color: #fafafb;
  fill: #fafafb;
}

.button.button--secondary:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: rgba(126, 151, 173, 100);
  border: 3px none #ff6633;

  border-color: #ffb683;
  color: #fafafb;
  fill: #fafafb;
}

/* Brutalist button */

.button.button--brutalist {   
  border: 3px solid #1a1a19;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 50px;
  color: #1a1a19;
  fill: #1a1a19;
  text-transform: none;
  box-shadow: 6px 6px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
}

.button.button--brutalist:hover,
.button.button--brutalist:focus,
.button.button--brutalist:active {        
  border: 3px solid #1a1a19;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
  color: #1a1a19;
  fill: #1a1a19;
  top: -4px;
  left: -4px;
  box-shadow: 10px 10px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
}

/* Highlight button */

.button.button--highlight {
  border: 3px solid #3574E3;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(53, 116, 227, 1.0)

;
  border-radius: 50px;
  color: #fafafb;
  fill: #fafafb;
  text-transform: none;
}

.button.button--highlight:hover,
.button.button--highlight:focus,
.button.button--highlight:active {
  border: 3px solid #3574E3;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(195, 52, 227, 0.0)

;
  color: #3574E3;
  fill: #3574E3;
}

.button.button--highlight:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: rgba(255, 132, 255, 0);
  border: 3px solid #3574E3;

  border-color: #85c4ff;
  color: #3574E3;
  fill: #3574E3;
}

/* Simple button */

.button.button--simple {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #00a4bd;
  fill: #00a4bd;
}

.button.button--simple:hover,
.button.button--simple:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
  color: #0b8484;
  fill: #0b8484;
}

.button.button--simple:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
  color: #5bd4d4;
  fill: #5bd4d4;
}

/* Button sizing */

.button.button--small {
  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-size: 14px;
}

.button.button--large {
  padding-top: 20px;
padding-right: 48px;
padding-bottom: 20px;
padding-left: 48px;

  font-size: 20px;
}





/* Form */

form {
  border: 0px none #ffffff;

  padding: 20px;

  border-radius: 0px;  
}


/* Form title */

.form-title {
  border: 0px none #2e475d;

  padding: 25px;

  font-family: Lexend Deca, serif; font-style: normal; font-weight: 600; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #030303 !important;
  font-size: 20px;
  text-transform: ;
}

/* Labels */

form label {
  padding-top: 6px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 14px;
}

/* Help text */

form legend {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #2e475d;
  font-size: 14px;
}

/* Form fields */

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'],
form select,
form textarea {
  border-top: 0px none #8b8c8f;
border-right: 0px none #8b8c8f;
border-bottom: 1px solid #8b8c8f;
border-left: 0px none #8b8c8f;

  padding: 0px;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
  color: #2e475d;
  font-size: 16px;
}

/* Form fields - placeholders */

::-webkit-input-placeholder {
  color: #ffffff;
}

::-moz-placeholder {
  color: #ffffff;
}

:-ms-input-placeholder {
  color: #ffffff;
}

:-moz-placeholder {
  color: #ffffff;
}

::placeholder {
  color: #ffffff;
}

/* Form fields - date picker */

form .hs-dateinput:before {
  right: 0px;
}

form .pika-table thead th {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
  color: #191a1a;
}

form td.is-today .pika-button {
  color: #2e475d;
}

form .is-selected .pika-button {
  background-color: #fff;
  color: #2e475d;
}

form .pika-button:hover {
  background-color: #2e475d !important;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #2e475d;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #2e475d;
  font-size: 14px;
}

/* Submit button */



  form input[type='submit'],
  form .hs-button {
    border: 0px solid #ff6633;

    font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 102, 51, 1.0)

;
    border-radius: 6px;
    color: #FFFFFF;
    text-transform: none;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    border: 0px solid #ff6633;

    font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 119, 85, 1.0)

;
    color: #FFFFFF;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    border: 0px solid #ff6633;

    font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: rgba(255, 199, 165, 100);
    border-color: #ffb683;
    color: #FFFFFF;
}





  form input[type='submit'],
  form .hs-button {
    padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;

    font-size: 18px;
  }



/* Inline thank you message */

.submitted-message {
  border: 0px none #ffffff;

  padding: 20px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
}





/* Default icon (regular/dark) */

.icon {
  padding: 12px;

  background-color: 

  
  
    
  


  rgba(46, 71, 93, 1.0)

;
}

.icon svg {
  fill: #fafafb;
  height: 22px;
  width: 22px;
}

/* Light icon */

.icon--light .icon {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.icon--light svg {
  fill: #2e475d;
}

/* Size */

.icon--small svg {
  height: 14px;
  width: 14px;
}

.icon--small .icon {
  padding: 10px;

}

.icon--large svg {
  height: 30px;
  width: 30px;
}

.icon--large .icon {
  padding: 16px;

}





/* Table */

table {
  border: 0px solid #ffffff;

  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
}

/* Table cells */

th,
td {
  border: 0px solid #ffffff;

  padding: 10px;

  color: #2e475d;
}

/* Table header */

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
  color: #191a1a;
}

/* Table footer */

tfoot th,
tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #2e475d;
}





/* Header container */

.header {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
}

/* Header content color */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote,
.header .tabs__tab,
.header .tabs__tab:hover,
.header .tabs__tab:focus,
.header .tabs__tab:active {
  color: #2e475d;
}

/* Header top bar */

.header__top {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

/* Language switcher */

.header__language-switcher-current-label > span {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #2e475d;
  font-size: 16px;
  text-transform: none;
}

.header__language-switcher:hover .header__language-switcher-current-label > span,
.header__language-switcher:focus .header__language-switcher-current-label > span {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #1a1a19;
}

.header__language-switcher-child-toggle svg {
  fill: #2e475d;
}

/* Language switcher - submenu */

.header__language-switcher .lang_list_class li {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
}

.header__language-switcher .lang_list_class a:not(.button) {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #2e475d;
  font-size: 16px;
  text-transform: none;
}

.header__language-switcher .lang_list_class a:hover,
.header__language-switcher .lang_list_class a:focus {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
  color: #0b8484;
}

.header__language-switcher .lang_list_class a:active {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
}


  @media screen and (min-width: 768px) {
    .header__language-switcher .lang_list_class {
      box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    }    
  }


/* Header bottom */

.header__bottom {
  background-color: #ffffff;
}

/* Logo */

.header__logo-company-name {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 28px;
  text-transform: none;
}

/* Menu */

@media (max-width: 767px) {
  .header__menu--mobile {
    background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
  }
}

/* Menu items */

.header__menu-link {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  font-size: 16px;
  text-transform: none;
}

/* Menu items - top level */

.header__menu-item--depth-1 > .header__menu-link:not(.button) {
  color: #2e475d;
}

.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
  color: #0b8484;
}

.header__menu-item--depth-1 > .header__menu-link:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
  color: #5bd4d4;
}

.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {
  font-weight: 500; text-decoration: underline; font-family: 'Lexend Deca', sans-serif; font-style: normal;
  color: #0b8484;
}

.header__menu-item--depth-1 .header__menu-child-toggle svg {
  fill: #2e475d;
}

/* Menu items - submenus */

.header__menu-submenu {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link:not(.button) {
  color: #2e475d;
}

.header__menu-submenu .header__menu-item:hover,
.header__menu-submenu .header__menu-item:focus {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link:hover,
.header__menu-submenu .header__menu-link:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
  color: #0b8484;
}

.header__menu-submenu .header__menu-link:active {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link--active-link:not(.button) {
  color: ;
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}


  @media screen and (min-width: 768px) {
    .header__menu-submenu {
      box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    }    
  }


/* Menu icons */

.header__menu-toggle svg {
  fill: #2e475d;
}





/* Footer container */

.footer {
  background-color: #082c44;
}

/* Footer content color */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote,
.footer .tabs__tab,
.footer .tabs__tab:hover,
.footer .tabs__tab:focus,
.footer .tabs__tab:active {
  color: #ffffff;
}

.footer hr {
  border-bottom-color: #ffffff !important;
}

/* Footer menu */

.footer .hs-menu-wrapper a {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1a1a19;
}

.footer .hs-menu-wrapper a:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #6a6a69;
}

.footer .hs-menu-wrapper .active > a {
  font-weight: bold; text-decoration: underline; font-family: 'Lexend Deca', sans-serif; font-style: normal;
  color: #1a1a19;
}






.card-shadow {  
  box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
  -webkit-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
  -moz-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
}






/* Error templates */

.error-page:before {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
}

/* System templates */

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #2e475d;
}

/* Search template */

.hs-search-results__title {
  font-size: 42px;
}

/* Backup unsubscribe template */

.backup-unsubscribe input[type='email'] {
  font-size: 16px !important;
  padding: padding: 0px;
 !important;
}





/* Accordion */

.accordion__summary,
.accordion__summary:before {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 22px;
}

/* Blog listing, recent posts, related posts, and blog post */

.blog-post__left-sidebar .btn__back-to-posts {
  color: #2e475d;
}

.blog-listing__post-title {
  text-transform: none;
}

.blog-listing__post-title-link {
  color: #2e475d;
}

.blog-listing__post-title-link:hover,
.blog-listing__post-title-link:focus {
  color: #00000d;
}

.blog-listing__post-title-link:active {
  color: #7e97ad;
}

.blog-listing__post-tag {
  color: #2e475d;
}

.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus {
  color: #00000d;
}

.blog-listing__post-tag:active {
  color: #7e97ad;
}

.blog-listing__post-author-name,
.blog-post__author-name {
  color: #2e475d;
}

.blog-listing__post-author-name :hover,
.blog-listing__post-author-name :focus,
.blog-post__author-name:hover,
.blog-post__author-name:focus {
  color: #00000d;
}

.blog-listing__post-author-name :active,
.blog-post__author-name:active {
  color: #7e97ad;
}

/* Image gallery */

.image-gallery__close-button-icon:hover,
.image-gallery__close-button-icon:focus {
  background-color: rgba(0, 0, 13, 1.0);
}

.image-gallery__close-button-icon:active {
  background-color: rgba(126, 151, 173, 1.0);
}

.icon--light .image-gallery__close-button-icon:hover,
.icon--light .image-gallery__close-button-icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .image-gallery__close-button-icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}

/* Pagination */

.pagination__link-icon svg {
  fill: #00a4bd;
  height: 16px;
  width: 16px;
}

.pagination__link:hover .pagination__link-icon svg,
.pagination__link:focus .pagination__link-icon svg {
  fill: #0b8484;
}

.pagination__link:active .pagination__link-icon svg {
  fill: #50f4ff;
}

.pagination__link--active {
  border-color: #ffffff
}

/* Pricing card */

.pricing-card__heading {
  background-color: #2e475d;
}

/* Social follow and social sharing */

.social-follow__icon:hover,
.social-follow__icon:focus,
.social-sharing__icon:hover,
.social-sharing__icon:focus {
  background-color: rgba(0, 0, 13, 1.0);
}

.social-follow__icon:active,
.social-sharing__icon:active {
  background-color: rgba(126, 151, 173, 1.0);
}

.icon--light .social-follow__icon:hover,
.icon--light .social-follow__icon:focus,
.icon--light .social-sharing__icon:hover,
.icon--light .social-sharing__icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .social-follow__icon:active,
.icon--light .social-sharing__icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}

/* Tabs */

.tabs__tab,
.tabs__tab:hover,
.tabs__tab:focus,
.tabs__tab:active {
  border-color: #2e475d;
  color: #2e475d;
}

/*New code 14jun2023 [S]*/
.blog-post-section .blog-post{padding-bottom:4rem; padding-top:1.5rem}
.blog-post-section .blog-post__author {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 45px 0;
    align-items: center;
    border: solid #2f4858;
    border-width: 2px 0;
    padding: 0.8rem 0;
}
.blog-post-section .blog-post__timestamp {
  margin-bottom: 0rem;
}
.blog-post-section .author-cta-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 45px 0;
  align-items: center;
  border: solid #2f4858;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 2px 0;
  padding: .8rem 0;
}

.blog-post-section .blog-post_author .blog-post_author_image {
	border-radius: 50%;
	overflow: hidden;
	/*display: block;
	float: left;
	border: 1px solid #fff;
	box-shadow: 0 0 0 2px #ff8244;*/
	width: 50px;
	height: 50px;
	margin-right: 15px;
}

.blog-post-section .blog-post_author .blog-post_author_image img {
	-o-object-fit: cover;
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
}

.blog-post-section .blog-post_author .blog-post_author_details {
	/*padding-top: 5px;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.blog-post-section .publish-date-header {
	margin-bottom: 10px;
	display: grid;
	font-size: 1rem;
	font-weight: 600;
  line-height: 1.75;
  text-align: right;
}
.blog-post-section .publish-date-header small{
	font-size: .875rem;
	font-weight: 500;
  line-height: 1.75;
}

.blog-post-section .publish-date-header em {
	font-style: inherit;
	font-size: 17px;
}
.blog-post-section .blog-post_author{
display: flex;
    flex-direction: row;
    align-items: center;
}
.blog-post-section .blog-post_author .blog-post_author_image {
	border-radius: 50%;
	overflow: hidden;
	/*display: block;
	float: left;
	border: 1px solid #fff;
	box-shadow: 0 0 0 2px #ff8244;*/
	width: 56px;
	height: 56px;
	margin-right: 15px;
}

.blog-post-section .blog-post_author .blog-post_author_image img {
	-o-object-fit: cover;
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
}

.blog-post-section .blog-post_author .blog-post_author_details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}
.blog-post-section .blog-post_author .blog-post_author_details .blog-post-author-name{text-decoration:underline;}
.blog-post-section .blog-post_author .blog-post_author_details p{
    margin: 0rem;
    padding: 0rem;
}
.blog-post-section .publish-date-header {
	margin-bottom: 0px;
	display: grid;
	font-size: 1rem;
	font-weight: 600;
}

.blog-post-section .publish-date-header em {
	font-style: inherit;
	font-size: 16px;
}
.blog-post-section .author-cta-section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 45px 0;
	align-items: center;
	border: solid #2f4858;
	border-width: 2px 0;
	padding: .8rem 0;
}
.blog-post-section{
  flex-basis: auto;
}
.blog-post-section .blog-post_right img {
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
	border-radius: 8px;
	height: auto;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
  margin-bottom: 1rem;
}
.blog-post-section .blog-post__headline {
    font-size: 3rem !important;
    line-height: 1.25;
  font-weight: 500;
  width: 1040px;
  margin-bottom:25px;
}



@media (max-width: 765px) {
  .blog-post-section .blog-post{padding-bottom:2rem; padding-top:1rem}
 .blog-post-section .blog-post__headline {
   font-size: 2rem !important;
  width: auto;
}
  .blog-post-section .blog-post__body h2 {
  font-size: 1.8rem;
}
   .blog-post-section .blog-post__body h3 {
  font-size: 1.4rem;
}
.blog-post-section .blog-post_author .blog-post_author_details p{
    padding: 0.8rem 0rem;
} 
  .blog-post-section .author-cta-section{
    flex-direction: column;
  }
  .blog-post-section .publish-date-header{
    margin-top:10px
  }
}

@media (max-width: 576px) {
.blog-post-section .blog-post_author .blog-post_author_details p{
    padding: 0rem 0rem;
}  
}

.pillar-banner .content-wrapper{ padding: 0px;}
 .pillar-banner-wrapper .blog-post-section .blog-content-wrap #sidebar.fixed {
    right: 110px;   
}
 .pillar-banner-wrapper .blog-post-section .blog-post__body{padding-top: 0px;}
   .pillar-banner-wrapper .blog-post-section{padding-top: 40px;}
  
.pillar-banner-wrapper .blog-post__column-wrapper {
  display:contents;
    padding: 10px 0;
    max-width: 1080px !important;
    margin: 0 auto;
    padding-top: 0px;
}
  .pillar-banner{
    padding: 40px 0 25px 0;
  /*background-image: url(https://www.commlabindia.com/hubfs/pillar-pages/artificial-intelligence-banner.jpg)
!important;*/
    background-color:#FCEAD7;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  .pillar-banner h1{/*color:#fff*/}
  .pillar-post-header-title {
        font-size: 2.25rem;
        line-height: 1.28;
    font-weight:600;
    }
  .pillar-post-header-subtitle {
        font-size: 1.125rem;
        line-height: 1.6;
    font-weight: 300;
    }
  .pillar-banner-wrapper .blog-post-section .blog-post {
    padding-bottom: 1.5rem;
    padding-top: 0.5rem;
}
  .pillar-banner .span6{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .pillar-banner .publish-date-header{
    text-align: right;
    font-size: .875rem;
    line-height: 1.57;
    margin: 8px 15px 0 0;
    font-weight: 600;
  }
/* .blog-post_author_details p{color:#fff}
  .publish-date-header{color:#fff;} */
  
  @media (max-width: 600px) {
  .pillar-banner .content-wrapper{ padding: 20px;}
}

.blog-post-section .bigl {

    font-size: 66px;
    float: left;
    line-height: 60px;
    margin-right: 5px;
    font-weight: 700;
}
.blog-post-section .cl-featured-snippet {
	padding: 2rem;
	margin: 2.75rem 0;
}

.blog-post-section .cl-featured-snippet {
	box-sizing: content-box;
	max-width: 895px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f2f5f8;
	margin: 1rem;
	position: relative;
	padding: 1.625rem 1.25rem;
}

@media (min-width: 541px) {
 
}
.blog-post-section .cl-featured-snippet h2 {
	position: relative;
	background-color: #fff;
	border: 1px solid #7c98b6;
	margin: 0 0 2rem;
	padding: 1rem 1rem 1rem 4rem;
}
.blog-post-section .cl-featured-snippet h2::before {
	content: '';
	flex-shrink: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-image: url("https://blog.commlabindia.com/hs-fs/hubfs/logo-icon.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 4rem;
	height: 4rem;
}
@media (max-width: 765px) {.blog-post-section .cl-featured-snippet h2 {font-size:1.2rem}}
.blog-post-section a {
  transition: all .2s ease-in-out;
      /*color: #0b8484;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;*/
}
.blog-post-section a:hover{color: #0b8484;text-decoration: underline;}
.blog-post-section .onelinecta, .onelinecta{
	    /*color: #3288e6;*/
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.01em;
}

.blog-post-section .onelinecta:hover, .onelinecta:hover{text-decoration: underline; }
.blog-post-section a.focus, .blog-post-section a.hover, .blog-post-section a:focus, .blog-post-section a:hover {
	color: #0b8484;
	text-decoration: underline;
}
.blog-post-section .blog-post_author_smm a:hover {
	color: #0b8484;
	text-decoration: none;
  opacity:0.9;
}
.blog-post-section .blog-post__body p {
	font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.78;
}
.blog-post-section .blog-post__body ul li, .blog-post-section .blog-post__body ol li {
	font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.78;
}

/*.blog-post-section .cl-featured-snippet ol {
	counter-reset: item;
	margin: 1em 0 .25em;
	padding: 0;
}
.blog-post-section .cl-featured-snippet ol > li {
	counter-increment: item;
	text-indent: -2em;
	list-style-type: none !important;
	margin: 0 0 0.75em;
	padding: 0 0 0 2.8em;
} */

.blog-post-section.related-posts-wrap{background-color: #f6f9fc;padding: 2.5rem 0;}
#hs_cos_wrapper_related_posts .blog-listing__post{box-shadow: 0 0 15px 3px #00000026;}
.blog-post-section.related-posts-wrap .blog-listing__post:hover a{color: #ff6633;transition: all .3s ease-in-out;}
.blog-post-section.related-posts-wrap .blog-listing__post:hover .blog-listing__post-image{
    transition: all .3s ease-in-out;
    transform: scale(1.014);
	opacity: 0.7;
	}
.blog-post-section.related-posts-wrap h2{margin: 10px 0 38px 0;}
.blog-post-section.related-posts-wrap h3{margin: 0;line-height: 24px;}
.blog-post-section.related-posts-wrap h3 a{color: #2e475d;font-size: 17px;
    font-weight: 500;
    line-height: 24px;}
#hs_cos_wrapper_related_posts .blog-listing__post-title-link {line-height: 26px;}
.blog-post-section.related-posts-wrap h3 a:hover{color: #ff6633;}


.blog-post-section .h2,
.blog-post-section h2,
.blog-post-section .h3,
.blog-post-section h3, 
.blog-post-section .h4,
.blog-post-section h4,
.blog-post-section .h5,
.blog-post-section h5 {
    margin: 35px 0 25px;
}
.blog-post-section h2.post-desc {
  color: #757575;
  margin-bottom: 1.5rem !important;
  max-width: 750px;
  margin: 0 auto;
    margin-bottom: 0px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7;
}
.meta_category.btmtopic a {
  background-color: #eaf0f6;
  border-radius: 6px;
  font-size: .875rem;
  font-weight: 600;
  margin-left: .825rem;
  padding: .5rem;
  color: #00a4bd;
}
.progress { position: fixed; top: 0; left: 0; height: 10px; background-color: purple; transition: all linear 0.1s; min-width: 1%; }
@media (min-width: 960px){
  .blog-post-section .blog-post__body {
	  max-width: 700px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .blog-post-section h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.38;
  }
  .blog-post-section h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.42;
  }
  .blog-post-section h4 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4;
  }
  .meta_category.btmtopic{
     max-width: 700px;
     padding-left: 10rem;
     padding-bottom: 2rem;
  }
  .blog-post-section .social-sharing{display:inherit;text-align: center;margin-top:40px}
  .blog-post-section .social-sharing .social-sharing__share-text{font-size: 1rem;}
}  


@media (min-width: 1080px){
.progress-bar {
   background: #ff6633;
    height: 8px;
    width: 0%;
    position: fixed;
    top: 80px;
    z-index: 99;
  }
}
@media (min-width: 541px){
  .blog-post-section .cl-featured-snippet h2::before {
	  top: 50%;
	  left: 0.6rem;
	  width: 5rem;
	  height: 5rem;
	  transform: translateY(-50%);
  }
  .blog-post-section .cl-featured-snippet h2 {
	  margin: 0 0 2rem;
	  padding: 1.5rem 1rem 1.5rem 5rem;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.38;
  } 
}
/*New code 14jun2023 [E]*/
/*New code 23aug2023 [S]*/
@media (min-width: 991px){ 
 .header__menu-wrapper .header__menu-submenu .topicbtn {
   margin-left: 0.8rem;
 }
 .header__menu-wrapper li:hover a.header__menu-link--toggle::before {
  background-color: #f6f9fc;
 }
 .cstsearchonly form{
   margin-top: 3rem;
   display: inline-flex !important;
   width : 700px;
   max-width: 100%;
}
}

.cstsearchonly .systems-page {
  padding: 3rem 0rem;
}

@media (max-width: 990px){ 
 .header__menu-wrapper .header__menu-submenu .topicbtn {
   margin-left: 1rem;
 }
 .header__menu-wrapper .header__menu-submenu .topicbtn {
   padding-left: 1rem;
 }
 .header__menu-wrapper .header__menu-submenu .topicbtn a.btn {
    font-size: 1rem;
    padding: 0rem 0.5rem;
 }   
 .cstsearchonly form{
   margin-top: 3rem;
   display: inline-flex !important;
   width : 100%;
   max-width: 100%;
}
  
}

@media (max-width: 400px){ 
  .hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--first,
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--last {
  visibility: hidden;
  display:none;
}  
}

.alltopicsbottomsection .span12.cstsearchbox input[type='search']{
  color: #2e475d !important;
  padding-left: 1rem !important;
  font-weight: 400 !important;  
}
.hs-search-field__bar.hs-search-field__bar--button-inline ::placeholder {
  color: #fa9878;
  opacity: 1;
  font-weight: 400;
  padding-left: 0rem;
}
.hs-search-field__bar.hs-search-field__bar--button-inline :-ms-input-placeholder {
  color: #fa9878;
  font-weight: 400;
  padding-left: 0rem;
}
.hs-search-field__bar.hs-search-field__bar--button-inline ::-ms-input-placeholder {
  color: #fa9878;
  font-weight: 400;
  padding-left: 0rem;
}
.hs-search-field__suggestions-container {
  text-align: left;
}
.alltopicsbottomsection .span12{
  width: 100%;  
}
.alltopicsbottomsection .span12.cstsearchbox {
  text-align: center;
  margin-top: 1rem;
}
.alltopicsbottomsection .span12.cstsearchbox .cstsearchboxinner{
  width: 100%;  
  max-width: 360px;
  margin: 0 auto
}
.alltopicsbottomsection .span12.cstsearchbox .hs-search-field__bar button svg {
  height: 18px;
}
.systems-page.systems-page--search-results {
  padding-top: 3rem;
}
.systems-page.systems-page--search-results h1 {
  /*font-size: 3rem !important;
  line-height: 1.25;
  font-weight: 500;*/
  font-size: 3rem;
  line-height: 1.25;
  margin-bottom: 15px;
  padding: 0;
}
.systems-page.systems-page--search-results .hs-search-results__title {
  font-size: 1.5rem !important;
}  
span.hs-search-results__pagination__link {
  color: #0fbfbf;
}
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--prev, 
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--next,
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--first,
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--last {
  color: #0fbfbf;
}
.hs-search-results__pagination__link.hs-search-results__pagination__link--number{
  color: #0fbfbf;
}
.hs-search-results__pagination__link.hs-search-results__pagination__link--number.hs-search-results__pagination__link--active {
  background-color: #cef2f2;
  border: 1px solid #b7ecec;
  border-radius: 4px;
  padding: 0.2rem 0.4rem;
}

.cstsearchlbl {
  width: 280px !important;
  padding: 1rem 0.5rem !important;
  color: #ff6633;
  font-size: 1.5rem !important;
}

@media (max-width: 768px){
 .hs-search-results__pagination__link.hs-search-results__pagination__link--number, span.hs-search-results__pagination__link{
    visibility: hidden;
    display: none;
  }  
  .ctatopbtn {
    display : block;
  }
}
.cstsearchlbl {
    visibility: hidden;
    display: none;
  }

.cstsearchonly .hs-search-field__input {
  padding: 0.4rem 0.5rem !important; 
}
.cstsearchonly .span12.cstsearchbox .cstsearchboxinner {
  max-width: 100% !important;
}
/*New code 23aug2023 [E]*/
/*New code 24aug2023 [S]*/
  .cstsearchonly{
     min-height: 300px;
  }

/*New code 24aug2023 [E]*/