:root {
  --gradient-position: 15%; 
}
.scrollText {
  color: #ee6352;
 

  /* background-image: var(--gradient); */
  background: -webkit-linear-gradient(
    348deg,
    #000000 0%,
    #000000 28.66%,
    #28e5ff 32.66%,
    #0064da 33%,
    #000000 37%,
    #000000 45%,
    #28e5ff 47.5%,
    #0064da 48%,
    #000000 50.5%,
    #000000 64%,
    #28e5ff 69%,
    #000000 70%
  );
  background-clip: text;
  color: transparent;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 200% 300%, 200% 300%;
  background-position: var(--gradient-position) 50%, 50% 50%;
  position: relative;
  z-index: 1000;  
}
.scrollTextDark{
  background: -webkit-linear-gradient(
    348deg,
    #ffffff 0%,
    #ffffff 28.66%,
    #28e5ff 32.66%,
    #0064da 33%,
    #ffffff 37%,
    #ffffff 45%,
    #28e5ff 47.5%,
    #0064da 48%,
    #ffffff 50.5%,
    #ffffff 64%,
    #28e5ff 69%,
    #ffffff 70%
  );
  background-clip: text;
  color: transparent;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 200% 300%, 200% 300%;
  background-position: var(--gradient-position) 50%, 50% 50%;
  position: relative;
  z-index: 1000;
  /* background-size: 400%; */
  /* animation: bg-animation 5s infinite alternate; */
}






/* 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: 30px 20px;
}

/* Padding on blog post sections */

.blog-post-section {
  padding: 30px 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: 1000px;
}





html {
  font-size: 16px;
}

body {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: #ffffff;
  color: #231f20;
  font-size: 16px;
}

/* Paragraphs */

p {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
}

/* Anchors */

a {
  font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
}

a:hover,
a:focus {
  font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #415239;
}

a:active {
  font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #91a289;
}

/* Headings */

h1 {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
  font-size: 40px;
  text-transform: none;
}

h2 {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
  font-size: 32px;
  text-transform: none;
}

h3 {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
  font-size: 28px;
  text-transform: none;
}

h4 {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
  font-size: 24px;
  text-transform: none;
}

h5 {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
  font-size: 20px;
  text-transform: none;
}

h6 {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
  font-size: 16px;
  text-transform: none;
}

/* Blockquotes */

blockquote {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  border-left-color: #f4f0ec;
  color: #231f20;
  font-size: 24px;
}

blockquote > footer {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  font-size: 16px;
}

/* Horizontal rules */

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





/* Primary button */

button,
.button,
.hs-button {
  border: 1px solid #215994;

  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
/*   background-color: 

  
  
    
  


  rgba(33, 89, 148, 1.0)

; */
  border-radius: 0px;
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
  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: 1px solid #215994;

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
/*   background-color: 

  
  
    
  


  rgba(70, 120, 238, 1.0)

; */
  color: #ffffff;
  fill: #ffffff;
}

button:active,
.button:active,
.hs-button:active {
  border: 1px solid #215994;

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
/*   background-color: rgba(150, 200, 255, 100); */
  border-color: #71a9e4;
  color: #ffffff;
  fill: #ffffff;
}

/* Secondary button */

.button.button--secondary,
.hs-delete-data__button,
.hs-download-data__button {
  border: 1px solid #215994;

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

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-radius: 0px;
  color: #425b76;
  fill: #425b76;
  text-transform: none;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active,
.hs-delete-data__button:hover,
.hs-delete-data__button:focus,
.hs-delete-data__button:active,
.hs-download-data__button:hover,
.hs-download-data__button:focus,
.hs-download-data__button:active {
  border: 1px solid #215994;

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

  
  
    
  


  rgba(66, 91, 118, 1.0)

;
  color: #ffffff;
  fill: #ffffff;
}

.button.button--secondary:active,
.hs-delete-data__button:active,
.hs-download-data__button:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(146, 171, 198, 100);
  border: 1px solid #215994;

  border-color: #71a9e4;
  color: #ffffff;
  fill: #ffffff;
}

/* Simple button */

.button.button--simple {
  font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
  fill: #425b76;
}

.button.button--simple:hover,
.button.button--simple:focus {
  font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #415239;
  fill: #415239;
}

.button.button--simple:active {
  font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #91a289;
  fill: #91a289;
}

/* 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: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-size: 18px;
}





/* Form */

form {
  border: 1px none #f4f0ec;

  padding: 45px;

  background-color: 

  
  
    
  


  rgba(244, 240, 236, 1.0)

;
  border-radius: 0px;
}

/* Form title */

.form-title {
  border: 1px none #425b76;

  padding: 25px;

  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(66, 91, 118, 1.0)

;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #ffffff;
  font-size: 28px;
  text-transform: ;
}

/* Labels */

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

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #231f20;
  font-size: 16px;
}

/* Help text */

form legend {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #231f20;
  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: 1px none #d7d9e3;

  padding: 10px;

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
  color: #231f20;
  font-size: 16px;
}

/* Form fields - placeholders */

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

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

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

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

::placeholder {
  color: #d7d9e3;
}

/* Form fields - date picker */

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

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

  
  
    
  


  rgba(66, 91, 118, 1.0)

;
  color: #ffffff;
}

form td.is-today .pika-button {
  color: #231f20;
}

form .is-selected .pika-button {
  background-color: #f4f0ec;
  color: #231f20;
}

form .pika-button:hover {
  background-color: #425b76 !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: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #231f20;
}

form .hs-richtext a {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #231f20;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #231f20;
  font-size: 14px;
}

/* Submit button */



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

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

  
  
    
  


  rgba(33, 89, 148, 1.0)

;
    border-radius: 0px;
    color: #ffffff;
    text-transform: none;
  }

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

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

  
  
    
  


  rgba(70, 120, 238, 1.0)

;
    color: #ffffff;
  }

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

    font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: rgba(150, 200, 255, 100);
    border-color: #71a9e4;
    color: #ffffff;
}





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

    font-size: 16px;
  }



/* Inline thank you message */

.submitted-message {
  border: 1px none #f4f0ec;

  padding: 45px;

  background-color: 

  
  
    
  


  rgba(244, 240, 236, 1.0)

;
  border-radius: 0px;
}





/* Default icon (regular/dark) */

.icon {
  padding: 15px;

  background-color: 

  
  
    
  


  rgba(115, 78, 54, 1.0)

;
}

.icon svg {
  fill: #ffffff;
  height: 16px;
  width: 16px;
}

/* Light icon */

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.icon--light svg {
  fill: #734e36;
}

/* Size */

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

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

}

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

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

}





/* Table */

table {
  border: 1px solid #d7d9e3;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

th,
td {
  border: 1px solid #d7d9e3;

  padding: 10px;

  color: #231f20;
}

/* Table header */

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(66, 91, 118, 1.0)

;
  color: #ffffff;
}

/* Table footer */

tfoot th,
tfoot td {
  background-color: 

  
  
    
  


  rgba(244, 240, 236, 1.0)

;
  color: #231f20;
}





/* Header container */

.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 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: #231f20;
}

/* Header top bar */

.header__top {
  background-color: 

  
  
    
  


  rgba(244, 240, 236, 1.0)

;
}

/* Language switcher */

.header__language-switcher-current-label > span {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #231f20;
  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: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #000000;
}

.header__language-switcher-child-toggle svg {
  fill: #231f20;
}

/* Language switcher - submenu */

.header__language-switcher .lang_list_class {
  border-color: #d7d9e3;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class a:not(.button) {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #231f20;
  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(255, 255, 255, 1.0)

;
  color: #000000;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Header bottom */

.header__bottom {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Logo */

.header__logo-company-name {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
  font-size: 40px;
  text-transform: none;
}

/* Menu */

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

/* Menu items */

.header__menu-link {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  font-size: 16px;
  text-transform: none;
}

@media (max-width: 767px) {
  .header__menu-item--depth-1 {
    border-top: 1px solid #d7d9e3;
  }
}

/* Menu items - top level */

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

.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #000000;
}

.header__menu-item--depth-1 > .header__menu-link:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #505050;
}

.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #000000;
}

.header__menu-item--depth-1 .header__menu-child-toggle svg {
  fill: #231f20;
}

/* Menu items - submenus */

.header__menu-submenu {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #d7d9e3;
}

.header__menu-submenu .header__menu-link:not(.button) {
  color: #231f20;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__menu-submenu .header__menu-link:hover,
.header__menu-submenu .header__menu-link:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #000000;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Menu icons */

.header__menu-toggle svg {
  fill: #231f20;
}





/* Footer container */

.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* 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: #231f20;
}

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

/* Footer menu */

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

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
}

.footer .hs-menu-wrapper a:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #505050;
}

.footer .hs-menu-wrapper .active > a {
  font-weight: bold; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
}






/* Dark card */

.card--dark {
  border: 1px solid #231f20;

  background-color: 

  
  
    
  


  rgba(35, 31, 32, 1.0)

;
  border-radius: 0px;
  color: #ffffff;
}

.card--dark summary,
.card--dark p,
.card--dark h1,
.card--dark h2,
.card--dark h3,
.card--dark h4,
.card--dark h5,
.card--dark h6,
.card--dark a:not(.button),
.card--dark span,
.card--dark div,
.card--dark li,
.card--dark blockquote {
  color: #ffffff;
}

/* Light card */

.card--light {
  border: 1px solid #d7d9e3;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
  color: #231f20;
}

.card--light summary,
.card--light p,
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light h5,
.card--light h6,
.card--light a:not(.button),
.card--light span,
.card--light div,
.card--light li,
.card--light blockquote {
  color: #231f20;
}





/* Error templates */

.error-page:before {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
}

/* System templates */

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #231f20;
}

/* Search template */

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

/* Backup unsubscribe template */

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





/* Accordion */

.accordion__summary,
.accordion__summary:before {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  font-size: 24px;
}

.card--dark .accordion__summary:before {
  color: #ffffff;
}

.card--light .accordion__summary:before {
  color: #231f20;
}

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

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

.blog-listing__post-title-link {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #231f20;
}

.blog-listing__post-title-link:hover,
.blog-listing__post-title-link:focus {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #000000;
}

.blog-listing__post-title-link:active {
  font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #736f70;
}

.blog-listing__post-tag {
  color: #231f20;
}

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

.blog-listing__post-tag:active {
  color: #736f70;
}

.blog-listing__post-author-name,
.blog-post__author-name {
  color: #231f20;
}

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

.blog-listing__post-author-name :active,
.blog-post__author-name:active {
  color: #736f70;
}

/* Image gallery */

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

.image-gallery__close-button-icon:active {
  background-color: rgba(195, 158, 134, 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: #425b76;
  height: 16px;
  width: 16px;
}

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

.pagination__link:active .pagination__link-icon svg {
  fill: #92abc6;
}

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

/* Pricing card */

.pricing-card__heading {
  background-color: #425b76;
}

/* Social follow and social sharing */

.social-follow__icon:hover,
.social-follow__icon:focus,
.social-sharing__icon:hover,
.social-sharing__icon:focus {
  background-color: rgba(35, 0, 0, 1.0);
}
 
.social-follow__icon:active,
.social-sharing__icon:active {
  background-color: rgba(195, 158, 134, 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: #231f20;
  color: #231f20;
}

#hs_menu_wrapper_footer-module-3_>ul li a {
    color: #fff;
}
#hs_menu_wrapper_footer-module-3_>ul li a:hover {
    color: #fff;
     text-decoration: underline;
}
.header__bottom > .header__wrapper--bottom{
  max-width: 1200px;
}
.dnd-section { 
  padding: 30px 20px;
}
.dnd_area-column-2-row-0-margin { 
  margin-bottom: 0px !important;
}
/* .row-fluid > .widget-type-cell > .dnd_area-row-0-padding {
    padding-top: 67 !important;
    padding-bottom: 0px !important;
} */
.button {
/*   background: rgb(29,150,167);  */
/* background-image: linear-gradient(90deg, rgba(29,150,167,1) 0%, rgba(38,31,73,1) 80%, rgba(37,30,72,1) 100%); */
  /* original linear below */
/*   background-image: linear-gradient(90deg, #251e48, #251e4899, #261f49, #261f49b3, #1d96a799, #1d96a7); */
  background-image: linear-gradient(90deg,#251e48,#261f49,#261f49b3,#1d96a799,#1d96a7);
  background-size: 250%;
  /* animation stopped */
/*   -webkit-animation: bg-animation 2s infinite alternate;
  animation: bg-animation 2s infinite alternate; */
  padding: 1rem 1.8rem;
}
/* .button:hover, .button:active {
 background-position: right;
background-image: linear-gradient(90deg, rgba(37,30,72,1) 0%, rgba(38,31,73,1) 20%, rgba(29,150,167,1) 100%);
 } */
.button:hover, .button:active {
/*   animation: pulse-button 1s; */
}
.header__bottom {
  padding: 1.1rem 0 !important;
}
img.hs-image-widget {
  border-radius: 20px;
}
.dnd-section.dnd_area-row-0-background-gradient {
  background: linear-gradient(90deg, #000000 0%, #1bb4df 100%) !important; 
}
form .hs-button, form input[type=submit] {
  border-radius: 12px;
/*   background-image: linear-gradient(90deg, rgba(29,150,167,1) 0%, rgba(38,31,73,1) 80%, rgba(37,30,72,1) 100%); */
  background-image: linear-gradient(90deg,#251e48,#261f49,#261f49b3,#1d96a799,#1d96a7);
  background-size: 250%;
  width: 10rem;
}
form .hs-button, form input[type=submit]:hover, form .hs-button, form input[type=submit]:active {
/*   animation: pulse-button 1s;
  background-image: linear-gradient(90deg, rgba(37,30,72,1) 0%, rgba(38,31,73,1) 20%, rgba(29,150,167,1) 100%);   */
}
@keyframes bg-animation {
  0% {
    background-position: left;
  }

  100% {
    background-position: right;
  }
}
.footer a.button {
/*   background: rgb(29,150,167);  */
/* background-image: linear-gradient(90deg, #afafaf 0%, #4678ee 100%); */
  /* original linear below */
/*   background-image: linear-gradient(90deg, #251e48, #251e4899, #261f49, #261f49b3, #1d96a799, #1d96a7); */
  background-image: linear-gradient(90deg, #251e48, #261f49, #261f49b3, #1d96a799, #1d96a7);
  background-size: 250%;
/*   animation stopped */
/*   -webkit-animation: bg-animation 2s infinite alternate;
  animation: bg-animation 2s infinite alternate; */
  padding: 1rem 1.8rem;
  border-radius: 12px;
}
.footer a.button:hover {
/*   background: rgb(29,150,167); 
  background-image: linear-gradient(90deg, #4678ee 0%, #afafaf 100%); 
  animation: pulse-button 1s; */
}
#hs_cos_wrapper_footer-module-2 .social-follow__link {
  margin-bottom: 23px !important;
}
:target {
   background: rgb(70, 120, 238, 0.1);
   border-radius: 12px;
  padding: 2px;
}
h3.form-title {
  border-radius: 12px 12px 0px 0px;
}
.form-title~div>form {
  border-radius: 0px 0px 12px 12px;
}
/* #progress-bar {
 height: 6px;
 position: fixed;
  top: 0px;
  z-index: 1000;
  background-image: linear-gradient(90deg,#1d96a7,#261f49 80%,#251e48);
  width: 100%;
  scale: 0 1;
  transform-origin: left;
  animation: scroller-anim linear;
  animation-timeline: scroll();
}

@keyframes scroller-anim{ to { scale: 1 1; } */
@keyframes pulse-button {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }

  100% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.dnd-column > .dnd_area-column-3-row-0-margin {
  margin-bottom: 0px !important;
}

/* Scrollbar of browser */
body::-webkit-scrollbar, .u-popup-content__details::-webkit-scrollbar {
  width: 0.7rem;
}

body::-webkit-scrollbar-track, .u-popup-content__details::-webkit-scrollbar-track {
  background: #d1e5ff;
  border-radius: 10vw;
}

body::-webkit-scrollbar-thumb, .u-popup-content__details::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #000, #1bb4df) !important;
  border-radius: 100vw;
  width: 0.5rem;
}

@supports (scrollbar-color: #000 #1bb4df) {
  * {
    scrollbar-color: linear-gradient(180deg, #000, #1bb4df) #d1e5ff;
  }
}

.body-wrapper {
  overflow: hidden !important;
}

::selection {
  background-color: #28e5ff;
}

@media only screen and (max-width: 766px) {
/*   .dnd-row .dnd_area-column-16-row-2-margin {
  display: flex;
  flex-direction: row-reverse;
} */
   
  .row-number-8 .row-number-14 > div,
  .dnd-column .dnd_area-column-16-row-2-margin > div {
    display: flex; 
    flex-direction: column-reverse;  
    
  }
  
  #hs_cos_wrapper_module_1706777939785 .button {
    margin-bottom: 0 !important;
  }
  #hs_cos_wrapper_module_1706777939785 .button-wrapper{
    padding-bottom: 1.4rem;
  }
}

@media only screen and (min-width: 455px) and (max-width: 766px) {
  .dnd_area-row-3-background-color {
    text-align: center;
  }
  .dnd_area-row-3-background-color .hs-image-widget {
    max-width: 50% !important;
  }
}

.button-wrapper > .button {
  border-radius: 12px;  
}
.header__wrapper--bottom {
  max-height: 36px;
  margin: 0.6rem auto !important;
  
}

.header__menu--mobile {
  z-index: 2000 !important;
}
.dnd_area-row-0-background-image.row-number-1 {
  max-height: calc(100vh - 54px);
}
/*** Scroller styles ****/
.scroller {
  max-width: 750px;
  margin: 0 auto;
  background: linear-gradient(90deg,#000,#1bb4df);
}

.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
/*   -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */
   -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 13%,
    white 92%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 13%, white 92%, transparent);
}
  
.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
} 
.scroller[data-animated="true"] .scroller__inner:hover { 
  animation-play-state: paused;
}
.scroller__inner img {
  max-width: 150px;
  max-height: 150px;
  border-radius: 0.5rem;
  box-shadow: 0 1.41.4rem 1rem -0.25rem hsl(218, 33%, 9%);
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 40s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.tag-list {
  margin: 0;
  padding-inline: 0;
  list-style: none;
}

.tag-list li {
  padding: 1rem;
/*   border-radius: 0.5rem;
  background: rgba(255,255,255, 0.5);
  box-shadow: 0 0.5rem 1rem -0.25rem hsl(218, 33%, 9%); */
  display: flex;
  justify-content: center;
  align-items: center;
}
/****** stats styles *****/
.gradientPrnt {
    background: linear-gradient(90deg,#000,#1bb4df);
    width: 100%;
}

.gradientBkgrnd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.statsCntnr {
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    max-width: 264px;
    min-width: 264px;
    padding: 1.5rem 0.5rem;
    margin: 2rem 1rem;
    font-size: 2.5rem;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.statsLabel {
    margin-top: .5rem;
    font-size: 1.25rem;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.gradientBkgrnd > div {
  display: flex;
}

@media only screen and (max-width: 1092px) {
    .main_block {
        display: block;
    }
}

@media only screen and (max-width: 590px) {
    .gradientPrnt {
        background: linear-gradient(to bottom,#000,#1bb4df);
    }
    .gradientBkgrnd {
/*         flex-direction: column; */
        gap: 0;
      padding-top: 1.3rem;
      padding-bottom: 1.3rem;
    }
    .gradientBkgrnd > div {
      flex-direction: column;
    }
    .statsCntnr {
        margin: 1rem 1rem;
    }
/*     .main_block .statsCntnr:nth-child(2) {
        margin-bottom: 0px;
    } */
    .statsCntnr:nth-child(4) {
        margin-bottom: 3rem;
    }
}

/***** Partnerships and Afflictions *****/
.row-number-24.dnd_area-row-4-force-full-width-section {
  background: linear-gradient(90deg, #000000, #1bb4df);
}
.row-number-24.dnd-section {
  padding: 10px 0px 0px 0px;
}  
.row-number-24.dnd_area-row-4-force-full-width-section h3 {
  text-align: center;  
  color: #fff;
  margin: 0px 0px .3rem 0px ;
}  

.widget-type-cell .dnd_area-row-0-background-image {
  position: relative;
}
/********* who we are page ******/
.osol_building {
/*   display: flex;   */
  gap: 3.5rem;
  justify-content: space-between;
  align-items: center;
 
  flex-grow: 1;
}
.osol_building_img {
  min-width: 44%;
  max-width: 44%;
  align-self: flex-start;
  
  /** text wrap **/
  float: left;
  padding-right: 2.5rem;
  padding-bottom: 1rem;
}
.contentMainContainerNoGap {
    display: flex;
}
.our_values_section,  .contentMainContainer, .contentMainContainerReverse {
  display: flex;
/*   gap: 3rem; */
  gap: 2.5rem;
}
.contentMainCenter{
  justify-content: center;
  align-items: center;
}
.our_values, .our_values_stands_out, .contentLeftChild, .contentRightChild, .contentLeftChildRounded, .contentRightChildRounded{
  flex: 1;
  gap: 1rem;
  max-width: 730px;
}
/* .contentLeftChild {
  max-width: 730px;
} */
.contentLeftChildRounded {
  border-radius: 1.5rem 0rem 0rem 1.5rem;
}
.contentRightChildRounded {
  border-radius: 0rem 1.5rem 1.5rem 0rem;
}
.contentLeftChildNoFlex, .contentRightChildNoFlex{
  gap: 1rem;
}
.our_values{
  max-width: 38%;
}
.contentRightChild{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.contentRightChildNoFlex {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.our_values_stands_out, .cardShadow {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 .4rem .1rem rgba(0,0,0,0.4);
  padding: 2rem 1.3rem;
  max-width: 100%;
}
.cardShadow{
  box-shadow: 0 0 .4rem .1rem #2159941A;
}
.our_values_stands_out > h3 {
  text-align: center;
}
.our_values_stands_out_card{
  display: flex;
  gap: 1rem;
}
.our_values_stands_out_card_img{
  margin-top: 0.4rem;
}
.our_values_stands_out_card_img img{
  width: 84px;
} 
@media only screen and (max-width: 1255px){
  .row-depth-1.row-number-1.dnd_area-row-0-background-image{
    background-size: cover !important;
  }
}
@media only screen and (max-width: 590px) {
    .osol_building {
      display: flex;
      flex-direction: column;
      gap: 2rem;
    }
  
    .osol_building_img {
      min-width: 100%;
      max-width: 100%;
      text-align: center;
      padding-right: 0px;
/*       max-width: 362px; */
    }
  .osol_building_img img {
     max-width: 85%;
  }
  
  .our_values_section, .contentMainContainer, .contentMainContainerNoGap{
    flex-direction: column;
  }
  
  .our_values{
    max-width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .contentMainContainerReverse{
    flex-direction: column-reverse;
    gap: 2rem !important;
  }
}
*, body p {
  font-family: "Inter", sans-serif !important;
}
.row-depth-1.row-number-17.dnd_area-row-9-background-image,
.row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-3-background-image,
.row-depth-1.row-number-1.dnd_area-row-0-background-image{
  background: #1E4F82;
  padding-bottom: 2rem;
}

/***** Success Section *******/
.success_section{
  position: relative;
  padding-top: 2.7rem;
  text-align: center;
}
.success_section::before{
  content: "";
  background-image: url("https://45054938.fs1.hubspotusercontent-na1.net/hubfs/45054938/who_we_are/leftQuote.png");
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 192px;
  height: 108px;
  top: 0;
  left: 0;
}
.success_section::after{
  content: "";
  background-image: url("https://45054938.fs1.hubspotusercontent-na1.net/hubfs/45054938/who_we_are/rightQuote.png");
/*   display: block; */
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 192px;
  height: 108px;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 590px) {
  .success_section::before{
    width: 20% !important;
  }
  .success_section::after{
    width: 20% !important;
  }
}
.success_section_content {
  max-width: 90%;
  margin: 0 auto;
}
.success_section_quote {
  font-size: 18px;
}
.success_section_quote_from{
  margin-bottom: 2.5rem;
  margin-top: 1.7rem;
}
.success_section_quote_from > div:nth-child(1){
  margin-top: 1.7rem;
  color: #1B536E;
  font-weight: 600;
  font-size: 16px;
}
.success_section_quote_from > div:nth-child(2){
  margin-top: 0.5rem;
  color: #1F99DD;
  font-weight: 500;
  font-size: 12px;
}
.success_section .button-wrapper{
/*   margin-bottom: 1.5rem; */
  padding-bottom: 0.5rem;
}
.row-number-8.dnd-section.dnd_area-row-3-background-color + .row-number-24.dnd_area-row-4-force-full-width-section {
  background: #fff !important;
}
.row-number-9.dnd_area-column-16-row-0-margin + .row-depth-1.row-number-14.dnd_area-column-16-row-1-margin {
  margin-bottom: 0px !important;
}
.font-weight-300-important  p{
    font-weight: 400 !important;
  /** all font sizes being turned to 18px ***/  
/*   font-size: 14px !important; */
  font-size: 18px !important;
    line-height: 26px !important;
}
.font-weight-300 p{
    font-weight: 300;
  /** all font sizes being turned to 18px ***/
/*     font-size: 14px; */
  font-size: 18px;
    line-height: 22px;
}
.font-weight-300-medium p{
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
}
.font-weight-400-small p, .font-weight-400-small, .font-weight-400-small-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}
.font-weight-400-small {
  font-size: 14px;
}
.font-weight-400-medium p{
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
}
.font-weight-400 p{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.font-weight-500 p{
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin: .4rem 0 .6rem !important;
}
.font-weight-600-important h3{
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    margin: .4rem 0 .6rem !important;
}
.font-weight-600 h3{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: .4rem 0 .6rem !important;
}
.font-weight-600-small h3, .font-weight-600-small-24, .font-weight-600-small-20{
    font-weight: 600;
    font-size: 28px;
    line-height: 30
    margin: .4rem 0 .6rem !important;
}
.font-weight-600-small-24 {
  font-size: 24px;
}
.font-weight-600-small-20 {
  font-size: 20px;
}
.font-weight-600-medium h3{
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    margin: .4rem 0 .6rem !important;
}
.font-weight-600-large h3, .statsCntnr > div:nth-child(1), .font-weight-600-large-text{
    font-weight: 600;
    font-size: 40px;
    line-height: 36px;
    margin: .4rem 0 .6rem !important;
}
.lightBlueTextColor {
  color: #215994;
}
.font-weight-700 h3{ 
    font-weight: 700 !important;
    font-size: 64px;
    line-height: 80px;
    margin: .4rem 0 .6rem !important;
}
.font-weight-600-large h3{
    font-weight: 600;
    font-size: 36px;
    line-height: 28px;
    margin: .4rem 0 1.5rem 0 !important;
}
/* .font-weight-700 h3{
    font-weight: 700;
    font-size: 64px;
    line-height: 28px;
    margin: .4rem 0 1.5rem 0 !important;
} */
.zero-gap {
  gap: 0;
}
/***** contact us *****/
.hs_submit > .actions{
  text-align: center;
}
.hs_submit > .actions > input[type=submit]{
  font-size: 21px;
  padding: 13px 43px;
}
.hs_message > .input > textarea.hs-fieldtype-textarea {
  height: 146px;
}
h3.form-title {
  text-align: center;
}
.header__menu-submenu{
  z-index: 2000 !important;
}

.applications_bullet_points{
  flex: 1;
}
.cardSectionArea{
  display:flex;
  gap:3rem;
}
.customExpereinceSpacing {
  padding: 0px 2rem; 
}
@media only screen and (max-width: 932px) {
  .awardsImgsContentRightChild img {
    max-width: 25% ;
  }
}
@media only screen and (max-width: 590px) {
  .cardSectionArea{
    flex-direction: column-reverse;  
  }
  .customExpereinceSpacing {
    padding-top: 1rem 2rem;
  }
  .success_stories_section{
    flex-direction: column;
  }
  .operatorConclusion, .otm_cards{
    flex-direction: column;
  }
  .contentRightChildNoFlex {
    margin: 0 auto;
  }
  .contentRightChildNoFlex img {
    padding-top: 2rem !important;
  }
  .awardsImgsContentRightChild img {
    max-width: 25% ;
  }
}

.noFlexWidth{
  flex: none;
}

a.success_stories_link {
  color: #0064DA;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: all 2s;
}
a.success_stories_link:hover {
  text-decoration: underline;
}
div[data-global-resource-path]{
  position: relative;
}
div[data-global-resource-path] > header {
  position: fixed;
  width: 100%;
  z-index: 3300;
  border-bottom: 4px solid #225993;
  transition: all 1s;
}
main#main-content{
  margin-top: 91px;
}
ul.large-400 li {
  font-size: 18px;
}
/* .widget-type-custom_widget{
  display: none !important;
} */
#hs_cos_wrapper_dnd_area-module-15_:has(#hs_form_target_dnd_area-module-15) {
  display: none;
}
.our_values_stands_out_card_img{
  min-width: 16px;
}
.global_success_partners img {
/*   max-width: 280px; */
  max-width: 248px;
  padding: 1rem;
}
@media only screen and (max-width: 932px) {
  .global_success_partners img {
/*     max-width: 100%; */
    max-width: 50%;
    padding: 1rem;
  }
  .operatorConclusion{
    flex-direction: column;
  }
  .successOtmLastCard{
    min-width: 20rem !important; 
  }
  
}
@media only screen and (max-width: 550px) {
  .global_success_partners img {
    max-width: 100%;    
  }
}
.our_values_stands_out_card_img_dimension, .our_values_stands_out_card_img_dimension_small{
  min-width: 1.3rem;
  max-width: 1.3rem;
  padding-top: 0.5rem;
}
.our_values_stands_out_card_img_dimension_small {
  padding-top: 0.1rem;
}
.smallImgSuccessStory img{
  
}
.successStoryGap { gap: 5.5rem; }
@media only screen and (max-width: 590px) { .successStoryGap { gap: 2.5rem; } }

/***** leaders css update ****/
.contentMainContainerNoGap,
.contentMainContainerGap {
  max-width: 85%;
}
.contentMainContainerGap {
  max-width: 90%;
  width: 90%;
}

.contentMainContainerNoGap,
.contentMainContainerGap,
.contentMainContainerGapVertical,
.contentMainContainerNoGapReverse {
  display: flex;
}

.contentMainContainerGapVertical {
  justify-content: center;
  align-items: center;
/*   gap: 1rem; */
  margin-top: 2rem;
}
.contentMainContainerGap {
  justify-content: center;
}
.contentLeftChildRounded {
  border-radius: 1.5rem 0 0 1.5rem;
  padding: 1rem 1.5rem;
  flex: 0 0 40%;
}
.contentRightChildRounded {
  border-radius: 0 1.5rem 1.5rem 0;
  padding: 1rem 1.5rem;
  flex: 0 0 40%;
}

.font-weight-600-large .ourLeaders__name {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 0.9rem;
  margin-bottom: 0.7rem !important;
  margin-top: 0 !important;
}

.ourLeaders__content {
  text-align: left;
  background-color: #fff;
}

.ourLeaders__title {
  color: #215994;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ourLeaders__img {
  width: 1.5rem;
  height: 1.5rem;
}
.ourLeaders__description {
  margin-top: 1.5rem;
  flex: 1;
}
.ourLeaders__description p {
  color: #2a2a2a;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ourLeaders__read-more {
  color: #4678ee;
}
.ourLeaders__leader-img {
/*   width: 100%; */
/*   width: 280px;
  min-width: 280px; */
  height: 100% !important;
  display: block;
  object-fit: cover;
}
.ourLeaders__Intro {
  margin-top: 1rem;
  display: flex;
  align-items: top;
}
.ourLeaders__credentials {
  flex: 1;
}
.u-40-percent {
  flex: 0 0 46%;
  max-width: 280px;
}
.u-take-remaining {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 450px;
  justify-content: space-around;
}
.u-small-margin-bottom {
  margin-bottom: 1rem;
}

.contentRightChild,
.contentRightEdgeChild {
  position: relative;
}
.ourLeaders__right-arrow {
  position: absolute;
  inset: 0.8rem auto auto -0.3rem;
}
.ourLeaders__left-arrow {
  position: absolute;
  inset: 0.8rem -0.3rem auto auto;
}
.font-weight-500 p.ourLeaders__initial_intro_spacing {
  margin-bottom: 2rem !important;
  margin-top: .7rem !important;  
}
/****** vp sales ****/
.cardVerticalLayout {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  width: 26%;
  max-width: 429px;
}
.cardVerticalLayout__description {
  background-color: #fff;
  padding: 1rem;
  text-align: left;
  border-radius: 0 0 1rem 1rem;
}

@media only screen and (max-width: 918px) {
  .contentRightChild .contentMainContainerNoGapReverse {
    flex-direction: column;
  }
  .contentMainContainerNoGapReverse {
    flex-direction: column-reverse;
  }
  .contentMainContainerGap {
    flex-direction: column;
    gap: 2.5rem;
    
  }
  .contentMainContainerNoGap,
  .contentMainContainerGap{
     max-width: 100%;
  }
  .ourLeaders__right-arrow,
  .ourLeaders__left-arrow {
    display: none;
    visibility: hidden;
  }
  .ourLeaders__leader-img {
    border-radius: 1.5rem 1.5rem 0 0;
    width: 100%;
    min-width: 100%;
  }
  .contentMainContainerGapVertical {
    flex-direction: column;
  }
  .cardVerticalLayout {
/*     width: 85%; */
    width: 108%;
  }
  .contentRightChildRounded {
    border-radius: 0 0 1.5rem 1.5rem;
  }
  .contentLeftChildRounded {
    border-radius: 0 0 1.5rem 1.5rem;
  }
  .u-40-percent{
    max-width: none;
  }
  .u-take-remaining{
    gap: 0;
    max-width: none;
  }
}
/***** leaders css update end ****/
.header__container--left .header__menu-col {
  flex: 6 0 0  !important;  
}
@media only screen and (max-width: 70em) {
  .header__container--left .header__menu-col {
    flex: 0  !important;  
  }  
}

@media (min-width: 767px) {
 .header__container--left .header__menu-col {
  flex: 6 0 0 !important;  
} 
}
.header__bottom>.header__wrapper--bottom {
/*   max-width: 1200px; */
  max-width: 1290px;
}
/****************** leadership page styles begin *********/
.top-excerpt__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
/*   width: 70vw; */
  text-align: center;
  margin: 0 auto;
/*   margin-top: 1rem; */
}

.top-leadership__parent-conatiner {
  margin: 0 auto;
  width: 100%;
  max-width: 64.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 1.5rem;
}

.top-leadership__container,
.top-leadership__container--reverse {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 990px) {
  
  .top-leadership__u--padding-right{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .top-leadership__lengthy-description {
    display: none;
    visibility: hidden;
  }
}

.top-leadership__name {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 0.7rem !important;
  margin-top: 0 !important;
}

.top-leadership__intro {
  margin-bottom: 1.5rem;
  
  display: flex;
  justify-content: space-between;
}
.top-leadership__intro-title, .u-popup-content__title-designation, .top-vp__title-designation {
  flex: 1;
}
.top-vp__title {
  display: flex;
  justify-content: space-between;
}

.top-leadership__title {
  color: #215994;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.top-leadership__text-description--left,
.top-leadership__text-description--right {
  flex: 1;
  color: #2a2a2a;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.75rem;
  align-self: stretch;
  padding-left: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top-leadership__text-description--right {
  border-radius: 0 1rem 1rem 0;
}
.top-leadership__text-description--right p,
.top-leadership__text-description--left p {
  font-size: 18px;
}

.top-leadership__text-description {
  border-radius: 1rem 0 0 1rem;
}

.top-leadership__container--reverse:hover .top-leadership__text-description--left,
.top-leadership__container:hover .top-leadership__text-description--right {
  background-color: #fff;
  box-shadow: 4px 4px 1rem rgba(33, 89, 148, 0.2);
}

.top-leadership__container--reverse:hover .top-leadership__text-description--left {
  border-radius: 1.875rem 0 0 1.875rem;
  box-shadow: 4px 4px 1rem rgba(33, 89, 148, 0.2);
}

.top-leadership__container:hover .top-leadership__img {
  border-radius: 1.875rem 0 0 1.875rem;
}

.top-leadership__container--reverse:hover .top-leadership__img {
  border-radius: 0 1.875rem 1.875rem 0;
  box-shadow: 2px 2px 0.3rem rgba(33, 89, 148, 0.2);
}

.top-leadership__img-container {
  align-self: stretch;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-leadership__img-container img {
  width: 100%;
  height: 100%;
  border-radius: 1.875rem;
  border: 0.1rem solid #cdd7e1;
}

.top-leadership__u--padding-right {
  padding-right: 3.4rem;
}

.top-leadership__u--padding-left {
  padding-left: 3.4rem;
}

.top-leadership__read-more {
  color: #4678ee !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75rem;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0 !important;
}
.top-leadership__read-more:hover, .top-leadership__read-more:active, .top-leadership__read-more:focus {
  font-weight: 500;
  text-decoration: underline;
  border: none;
  outline: none;
}


/*********** modal box ********************/
.u-popup {
  position: fixed;
  inset: 0 auto auto 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  font-size: 1.5rem;
}
.u-popup .u-popup-close-button {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.4rem;
  font-weight: 500;
  border: 0.3rem solid #fff;
  color: #fff;
  align-self: flex-end;
  margin-right: 2.5vw;
  margin-bottom: 2vh;
  z-index: 2;
  cursor: pointer;
}
.u-popup .u-popup-overlay {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 1;
  transition: opacity 100ms ease-in-out 200ms;
}
.u-popup .u-popup-content {
  position: relative;
  z-index: 2;
  background-color: #fff;
  width: 90vw;
  padding: 2.5rem;
  border-radius: 2rem;
  box-shadow: 0 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.11);
  transition: all 300ms ease-in-out;
  display: flex;
  gap: 2rem;
}
.u-popup .u-popup-content__title {
  margin-bottom: 1.5rem;
  
  display: flex;
  justify-content: space-between;
}
.u-popup .u-popup-content__title h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0.7rem !important;
  color: #231f20;
}
.u-popup .u-popup-content__designation {
  color: #215994;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.u-popup .u-popup-content__description {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-popup .u-popup-content__details {
/*   max-height: 33vh; */
  max-height: 50vh;
  overflow-y: auto;
  
}
.u-popup .u-popup-content__details p {
  font-size: 18px;
}
.u-popup .u-popup-content__leader-img {
  -o-object-fit: cover;
     object-fit: cover;
}
.u-popup .u-popup-content__leader-img img {
  width: 100%;
/*   max-width: 284px; */
  height: 100%;
/*   max-height: 284px; */
  border-radius: 1.875rem;
}
.u-popup.u-popup-active {
  opacity: 1;
  visibility: visible;
  z-index: 10000;
  transition: all 300ms ease-in-out;
}

@media screen and (max-width: 990px) {
  .u-popup .u-popup-content__leader-img{
    width: 60vh;
    align-self: center;
  }
}
@media screen and (max-width: 600px) {
  .u-popup {
    justify-content: flex-start;
  }
  .u-popup .u-popup-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .u-popup .u-popup-content__leader-img {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .u-popup .u-popup-content__leader-img img {
/*     max-width: 484px; */
    max-height: none;
  }
  .u-popup .u-popup-content__details {
    max-height: 20vh;
  }
}
/****************** leadership page styles end ***********/
/***************** who we are page - small blue box which leads to modal *****/
.leaders-readmore__container {
  width: 55vw;
  /* background-color: red; */
  margin: 0 auto;
  margin-bottom: 2.5rem;
}
.leaders-readmore {
  border-radius: 1rem;
  background-image: url('https://45054938.fs1.hubspotusercontent-na1.net/hubfs/45054938/who_we_are/who_we_are_leaders_chess.png');
/*   min-width: 1190px; */
  min-width: 1000px;
  min-height: 152px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.leaders-readmore__data {
  display: flex;
  align-items: center;
  justify-content: center;
}
.leaders-readmore__content {
  flex: 1;
  padding: 1rem 3rem;

  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
}

.leaders-readmore__button {
  flex: 0 0 10vw;
  text-align: right;
  margin-right: 4vw;
}
.leaders-readmore__button a {
  background: #fff;
  text-decoration: none;
  border-radius: 1rem;
  border: none;
  padding: 0.875rem 1.75rem;

  color: #215994;
  font-weight: 600;
  line-height: 1.25rem;
  font-size: 1rem;
}
.leaders-readmore__button a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1400px) {
  .leaders-readmore__container {
    width: 89vw;
  }
  .leaders-readmore {
    min-width: 0;
    min-height: 0;
    flex-direction: column;
  }
  .leaders-readmore__data {
    flex-direction: column;
  }
  .leaders-readmore__content{
    margin-bottom: 2rem;
    text-align: center;
  }
  .leaders-readmore__button{
    margin-bottom: 2rem;
    flex: 1;
    margin-right: 0;
    align-self: stretch;
    text-align: center;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.2) {
  .leaders-readmore__container {
    width: 70vw !important;
  }
}
@media screen and (max-width: 1400px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .leaders-readmore__container {
    width: 78vw !important;
  }
}
/***************** who we are page - small blue box which leads to modal END *****/
.footer_link{
  color: #fff !important;
  text-decoration: none !important;
}
.footer_link:hover {
  text-decoration: underline !important;
}
/****************** Testimonial Section ***************/
.success_section_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.testimonial-homepage {
  position: relative;
/*   max-width: 56.25rem; */
  max-width: 60.25rem;
  width: 100%;
  //   padding: 3.125rem;
  overflow: hidden;
}

.testimonial-homepage .nav-btn {
  height: 2.5rem;
  width: 2.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transform: translateY(1.875rem);
  position: absolute;
  top: 2rem;
}
@media screen and (max-width: 768px) {
  .testimonial-homepage .nav-btn {
    display: none;
  }
}
.testimonial-homepage .nav-btn::before,
.testimonial-homepage .nav-btn::after {
  font-size: 1.25rem;
  color: #fff;
}
.testimonial-homepage .image {
  width: 170px;
  height: 170px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.testimonial-homepage .slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1.3rem;
  padding: 0 5rem;
}
.testimonial-homepage .slide .quote-icon {
  font-size: 1.875rem;
  color: #4070f4;
}
.testimonial-homepage .slide .details {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: #333;
}
.testimonial-homepage .slide .details .job {
  font-size: 0.75rem;
  font-weight: 400;
}
.testimonial-homepage .slide p {
  text-align: center;
  padding: 0 10rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333;
}
@media screen and (max-width: 768px) {
  .testimonial-homepage .slide p {
    padding: 0 1.25rem;
  }
  .testimonial-homepage .slide {
    padding: 0;
  }
}
/****************** Testimonial Section End ***************/
.font-weight-400-medium p.homepage_tagline {
  font-size: 50px;
  line-height: 5rem;
}
/***************** VPs - leadership area *******************/
.top-vp__parent-conatiner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3rem;
/*   width: 80vw; */
  margin: 2rem auto;
}
@media screen and (max-width: 900px) {
  .top-vp__parent-conatiner {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
}
.top-vp__container {
  display: flex;
  flex-direction: column;
/*   gap: 1.4rem; */
  width: 30%;
  border-radius: 0px 0px 20px 20px;
/*   box-shadow: 2px 2px 15px 5px rgba(33, 89, 148, 0.1); */
}

.top-vp__details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.4rem 1rem 0 1rem;
  border-radius: 0 0 1.45rem 1.45rem ;
  box-shadow: 2px 2px 15px 5px rgba(33, 89, 148, 0.1);
}
.top-vp__vp_pic {
  width: 100%;
  border-radius: 1.45rem 1.45rem 0 0; 
}
.top-vp__vp-name {
  color: #231f20;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7rem;
}
.top-vp__vp-designation {
  color: #215994;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.top-vp__description p {
  font-size: 18px;
}
/***************** VPs - leadership area end *******************/
.mediumFontSize {
  font-size: 18px;  
}
.alignToLeft {
  text-align: left;
}
/**************** Enterprise start *************************/
.enterprise-apps__container {
  width: 100%;
}
@media screen and (max-width: 844px) {
  .enterprise-apps__container {
    width: 100%;
  }
}

.enterprise-apps__rightSide {
  float: right;
  margin: 0 0 1rem 1rem;
}
@media screen and (max-width: 844px) {
  .enterprise-apps__rightSide {
    float: none;
    width: 90%;
    padding: 0;
    margin: 0;
    margin: 0 auto;
  }
} 
.enterprise-apps__leftSideContainer div {
  background-image: url("https://osoltech.com/hubfs/who_we_are/osol_logo_bullet_point.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 2.5rem;
  text-align: left;
}
@media screen and (max-width: 844px) {
  .enterprise-apps__leftSideContainer div {
    padding-left: 0px;
    background-image: none;
  }
}
@media only screen and (max-width: 70em) {
  .top-leadership__container {
    flex-direction: column;
  }
  .top-leadership__container, 
  .top-leadership__container--reverse {
    flex-direction: column-reverse;
    width: 50%;
  }
  .top-vp__container {
    width: 50%;
  }
  .top-leadership__u--padding-right,
  .top-leadership__u--padding-left {
    padding: 2.5rem 2rem;
    margin-top: -0.4rem;
    background-color: #fff;
  }
  .top-leadership__text-description--right,
  .top-leadership__text-description--left {
    border-radius: 0 0 1.875rem 1.875rem;
  }
  .top-leadership__img-container img {
    border-radius: 1.875rem 1.875rem 0 0;
  }
}
@media only screen and (max-width: 550px) {
  .top-leadership__container, 
  .top-leadership__container--reverse {
    width: 80%;
  }
  .top-vp__container {
    width: 80%;
  }
  #contentLeftChildAwardsSection {
    gap: 2rem !important;
  }
}
/**************** Enterprise end *************************/
.widget-span .dnd_area-row-0-background-image {
/*   background-image: url('https://45054938.fs1.hubspotusercontent-na1.net/hubfs/45054938/homepage_better_quality.webp') !important; */
/* original   Home_Banner_Video.webp */
    object-fit: cover;
    position: relative;
    overflow: hidden;
  
}
.hero_section_video {
  z-index: 1;
  position: absolute;
  inset: 0 0 0 0;
  width: 100%;
}
@media screen and (max-width: 895px) {
  .hero_section_video {
    width: 0;  
  }
}  
/*  .hero_section_video */