/* Theme base styles */

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Bold.eot');
    src: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Bold.eot#iefix') format('embedded-opentype'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-It.eot');
    src: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-It.eot#iefix') format('embedded-opentype'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-It.woff2') format('woff2'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-It.woff') format('woff'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-It.ttf') format('truetype'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-It.svg#AvenirNextLTPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Regular.eot');
    src: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Regular.eot#iefix') format('embedded-opentype'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Regular.woff') format('woff'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
        url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
 
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* CSS variables */

:root {
  --gap: 2.127659574%;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--gap));
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--gap));
  }

  .row-fluid .span9 {
    width: calc(75% - var(--gap));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--gap));
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--gap));
  }

  .row-fluid .span6 {
    width: calc(50% - var(--gap));
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--gap));
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--gap));
  }

  .row-fluid .span3 {
    width: calc(25% - var(--gap));
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--gap));
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--gap));
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 15px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

body {
  
  overflow-wrap: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */


/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
 
}

/* Lists */

ul,
ol {
  
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  
}

/* Image alt text */

img {
  
  word-break: normal;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  
}

/* Labels */

form label {
  display: block;
}

/* Help text */

form legend {
  
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
 
}

.hs-input.invalid.error {
 
}

.hs-error-msg {
 
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/


/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
.card__academy-module {
  width: calc(33.33% - 30px);
  padding: 0;
  background-color: #FFF;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
  margin: 0 15px 30px;
  border-radius: 8px;
  border: 4px solid #F6F6EA;
}

.card__academy-module__content-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.card__academy-module__image-wrapper__image {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  padding: 0 0 56.25%;
}

.card__academy-module__content {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.card__academy-module__content__inner {
  flex: 1;
}

@media (max-width: 1170px) {
	.card__academy-module {
    margin: 0 10px 30px;
    width: calc(33.33% - 20px);
  }
}

@media (max-width: 991px){ 
  .card__academy-module {
    width: calc(50% - 20px);
  }
}

@media (max-width: 767px) {
  .card__academy-module {
    width: 100%;
    margin: 0 0 30px;
  }
}

.card__academy-module__content__inner {
  padding: 24px 24px 0 24px;
  flex: 1;
}

.card__academy-module__content h4 a {
  color: currentcolor;
}

.card__academy-module__content__summary {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.card__academy-module__content__button {
  background-image: url(https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/raw_assets/public/Datamaran%20Theme%20-%202022/images/arrow-bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 24px;
}

.card__academy-module__content__button a {
  border-radius: 2px;
  border: 1px solid  #D2C7BC;
  background: #FFF;
  display: flex;
  height: 40px;
  padding: 11px 26px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Space Grotesk',sans-serif;
  color: #292B31;
}

.card__academy-module__content__button a:hover {
  background-color: #E8C0B7;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

.small-text { font-size: 16px; line-height: 23px; }


/* Hero About - Datamaran */

.hero-aboutheader { margin-bottom: 45px; }
.hero-aboutleft { width: 45%; float: left; padding-right: 30px; padding-bottom: 210px; }
.hero-aboutright { width: 55%; float: left; }
.abouthero-rightext span { margin-top: 27px; display: block; font-size: 22px; font-weight: 400; line-height: 30px; }
.abouthero-rightext { margin-bottom: 45px; }
.hero-aboutestleft { width: calc(45% + 5%); float: left; margin-left: -5%; margin-top: -140px; }
.hero-aboutestright { width: 55%; float: left; } 
.roundshape-outer { max-height: 530px; max-width: 530px; min-height: 530px; padding: 80px; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; }
.roundshape-inner { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; max-height: 370px; max-width: 370px; min-height: 370px; padding: 60px; position: relative; text-align: center; z-index: 1; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; }
.roundshape-inner:before { background-color: hsla(13,23%,92%,.5); border-radius: 50%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.ahero-testcols { padding: 0 60px; }
.ahero-testcols { padding: 80px  10px 0 60px; }
.hero-aboutqoute { padding-bottom: 60px; position: relative; z-index: 1; font-style: italic; font-weight: 400; font-size: 30px; line-height: 36px; }
.hero-aboutqoute:before { z-index: -1; background-image: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Images/quote-left.png'); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; height: 90px; position: absolute; width: 80px; left: -100px; top: -100px; }
.hero-aboutqoute:after { z-index: -1; background-image: url('https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Images/quote-right.png'); bottom: 0; right: -50px; background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; height: 90px; position: absolute; width: 80px; }
.hero-aboutname > span { display: block; }
.hero-aboutname span.ahero-persondesg { font-weight: 700; font-size: 16px; line-height: 23px; }


/* Team Section - Datamaran */

.team-header h3 { margin-bottom: 0; }
.team-cols { margin-top: 60px; display: flex; flex-wrap: wrap; }
.team-image { float: left; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; max-width: 350px; min-width: 350px; height: 350px; border-radius: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; margin-right: 30px; }
.team-socialmedia li { display: inline-block; padding: 0 10px; margin-bottom: 15px; }
.team-socialmedia li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 50%; background-color: #464646; color: #fff; padding: 5px; }
.team-socialmedia li a svg{ height: 15px; fill: currentColor; }
.team-socialmedia li a > span { line-height: 0; }
.team-socialmedia ul { display: flex; flex-wrap: wrap; justify-content: center; }
.team-innerimage h4 { display: inline-block; background-color: #7E988F; padding: 5px 10px; color: #fff; text-align: center; margin-bottom: 5px; }
.team-innerimage h5 { display: inline-block; background-color: #E8C0B7; padding: 5px 10px; color: #292B31; text-align: center; margin-bottom: 5px; }
.team-innerimage { margin-bottom: -30px; }
.team-right { width: calc(100% - 380px); float: left; }
.team-rightext { margin-top: 30px; }
.team-cols.reverse-team .team-image { float: right; order: 1; margin-left: 30px; margin-right: 0; }


/* Recent Post Section - Datamaran */

.recent-post-header { margin-bottom: 15px; }
.recent-post-row { width: 32%; margin-right: 2%; float: left; margin-bottom: 30px; }
.recent-post-row:nth-child(3n) { margin-right: 0; }
.recent-post-cols { position: relative; background-color: #FFFFFF; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); padding: 25px 30px; margin-bottom: 30px; }
.recent-post-top { width: 100%; float: left; margin-bottom: 25px; display: flex; flex-wrap: wrap; align-items: center; }
.recent-post-tag { width: 50%; float: left; }
.recent-post-tag a.recent-post-taglink { margin-bottom: 5px; padding: 5px 10px; font-weight: 500; font-size: 18px; line-height: 20px; color: #fff; }
.recent-post-timestamp { width: 50%; float: left; font-weight: 400; font-size: 13px; line-height: 20px; color: #464646; }
.recent-post-title h4 a{ color: #000000; }
.recent-post-speaker h5{ margin-bottom: 0; }
.recent-post-speakertext { display: block; font-size: 13px; line-height: 20px; margin-bottom: 15px; }
.recent-post-speaker h5 span { font-family: 'Avenir Next LT Pro'; color: #292B31; display: block; }
.recent-post-hostimg { margin-top: 5px; margin-bottom: 25px; width: 75%; margin-left: auto; display: flex; flex-wrap: wrap; align-items: flex-end; }
.recent-post-hostext { display: inline-block; font-weight: 400; font-size: 13px; line-height: 20px; margin-right: 25px; }
.recent-post-hostimg > a img { max-width: 113px !important; }
.recent-post-line { border-bottom: 3px solid; }
.recent-post-speaker .author-link { display: block; }
.case-study-blg .recent-post-title h3 a {  color: #1E1E1E; }
.case-study-blg .recent-post-hostimg  { width: 100%; margin-bottom: 30px;  }
.case-study-blg .recent-post-hostimg > a img { max-width: 100% !important; width: auto; }
.recent-top-line { margin: 30px 0 15px; border-bottom: 3px solid; width: 100%; }
.insight-blg .recent-post-cols { padding-bottom: 100px; }
.insight-blg .recent-post-hostimg { position: absolute; bottom: 0; ;left: 0; margin-bottom: 0; margin-top: 0; width: 100%; margin-left: 0; }
.insight-blg .recent-post-hostimg a.recent-post-feature{ display: block; width: 100%; min-height: 100px; background-size: cover; background-position: center center; }
.recent-viewall-post { text-align: right; }
.recent-viewall-post a { font-family: Space Grotesk,sans-serif; font-weight: 500; font-size: 18px; line-height: 20px; text-decoration-line: underline !important; color: #000000; }
.recent-post-csbottom { left: 0; padding: 0 20px; width: 100%; float: left; position: absolute; bottom: 15px; }
.recent-post-download a { color: #292B31; text-decoration: underline !important; }
.recent-post-download { padding-top: 15px; padding-bottom: 15px; }
.recent-post-row.case-study-blg .recent-post-tag , .recent-post-row.insight-blg .recent-post-tag { width: 100%; }
.recent-post-row.case-study-blg .recent-post-cols { padding-bottom: 100px; }
.recent-post-row.case-study-blg .recent-post-hostimg > a img { max-width: 113px !important; }
.recent-post-row.event-blg:not(:first-child) { display: none; }


/* Contact us Section - Dataram */

.contactus-sec { overflow: hidden; }
.contactus-row { display: flex; flex-wrap: wrap; }
.contactus-cols { position: relative; z-index: 1; width: 33.33%; float: left; }
.contactus-innercol { position: relative; z-index: 1; padding: 29px 20px 46px 0; margin-top: 30px; }
.contact-mobile { display: none; }
.contactus-cols:nth-child(3n + 1) .contactus-innercol:after { position: absolute; top: 0; right: 100%; content: ''; width: 3000px; height: 100%; }
.contactus-cols:nth-child(3n) .contactus-innercol:before { position: absolute; top: 0; left: 100%; content: ''; width: 3000px; height: 100%;  }
.contact-titledesktop { margin-top: 30px; padding-right: 20px; }
.contactus-text span { font-size: 16px; line-height: 23px; display: block; margin-bottom: 14px; }


/* Title CTA Section - Dataram */

.titlecta-sec{ position: relative; z-index: 1; }
.titlecta-left { width: 35%; float: left; }
.titlecta-right { width: 65%; float: right; display: flex; flex-wrap: wrap; align-items: flex-end; padding-left: 20px; }
/* .row-fluid .titlecta-center { width: 25%; float: right; }
.row-fluid .titlecta-right { width: 35%; float: right; } */
.titlecta-leftimage { margin-left: -30px; position: absolute; top: -30px; z-index: -1; min-width: 378px; min-height: 378px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.titlecta-title { width: 45%; float: left; padding-right: 20px; }
.titlecta-button {  width: 55%; float: left; }
.titlecta-title h3 { margin-bottom: 0; }


/* Hero Contact - Dataram */

.hero-contact.hero-policy-image{ position: relative; z-index: 2; }
.hero-policy-image .hero-contact-outer{ position: relative; }
.hero-policy-image .hero-contact-header { width: 75%; }
.hero-policy-book { width: 46.5%; position: absolute; z-index: -1; bottom: -160px; right: -40px; }


.request-demo-sec.policy-form-sec .pro-col-left { padding-bottom: 0; }
.request-demo-sec.policy-form-sec:after { content: ""; position: absolute; left: auto; right: 0; width: 50%; height: 119px; margin-left: 0; transform: none; bottom: 50px; }
.request-demo-sec.policy-form-sec .pro-col-text ul { margin: 42px 0 20px; }
.request-demo-sec.policy-form-sec .pro-col-text:not(.bullet-color) ul li { position: relative; z-index: 1; padding-left: 20px; margin-bottom: 5px; }
.request-demo-sec.policy-form-sec .pro-col-text:not(.bullet-color) ul li:before  { position: absolute; z-index: 1; height: 7px; left: 0; top: 7px; width: 7px; content:''; border-radius: 50%; background-color: currentcolor; }


/* Two Column Testimonial - Datamaran */

.testimonial-policyouter { display: flex; flex-wrap: wrap; }
.testimonial-policyleft { width: 32%; float: left; padding: 30px 40px 30px 30px; position:relative; }
.testimonial-policyright { width: 68%; float: left; padding: 45px 40px; font-size: 20px; line-height: 36px; font-style: italic; }
.testimonial-policyimg { margin-bottom: 30px; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 50%; max-width: 148px; min-height: 148px; float: left; display: inline-block; width: 50%; }
.testimonial-policyimg:nth-child(2n) { margin-left: -10px; }
.testimonial-policyimgs { display: flex; flex-wrap: wrap; width: 100%; float: left; align-items: center; justify-content: center; }
.testimonial-policy-title { padding: 0 30px; width: 100%; float: left; text-align: center; }
.testimonial-policy-title h4 { color: #fff; margin-bottom: 10px; }
.testimonial-policytext { width: 100%; float: left; text-align: center; color: #fff; }
.testimonialline-outer { height: 10%; width: 100%; }
.testimonialine-row { position: absolute; height: 100%; right: 0; top: 0; }

.tc-twocol.two-colcta { width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: flex-end; }
.right-content .sec-text-color:not(.bullet-color) ul li { margin-bottom: 5px; padding-left: 20px; position: relative; z-index: 1; }
.right-content .sec-text-color:not(.bullet-color) ul li:before { background-color: currentcolor; border-radius: 50%; content: "";height: 6px; left: 6px; position: absolute; top: 8px; width: 6px;  z-index: 1; }
.tc-leftcol { padding-right: 20px; width: 48%; float: left; font-weight: 400; font-size: 13px; line-height: 20px; }
.tc-leftcol a{ color: currentcolor; text-decoration: underline !important; }
.tc-ctacol { width: 52%; float: left; text-align: right; }


/* Hero References Reports - Dataraman */

.hs-refer-left { width: 66%; } 
.hs-refer-right { width: 34%; padding-left: 32px; }
.hs-refer-left h1 { margin: 0 0 56px; max-width: 660px; display: inline-block; }
.hs-refer-short { font-size: 16px; line-height: 23px; }
.hs-refer-short p:last-child { margin: 0; }
.hs-refer-right img { transform: scale(1.32); transform-origin: left top; }


/* Two Column Repeat Section - Datamaran */

.repe-left { width: 32%; font-size: 16px; line-height: 23px; }
.repe-right { width: 68%; padding-left: 20px; }
.repe-sub-con { margin: 20px 0; }
.repe-sub-con span { display: block; }
.repe-rCon ol, .repe-rCon ol li { list-style: decimal; }
.repe-rCon ul, .repe-rCon ul li { list-style: disc; }
.repe-rCon ol { padding-left: 20px; }
.repe-rCon ul { padding:5px 0 0 35px; }
.repe-rCon li { margin: 0 0 5px; font-size: 16px; line-height: 26px; }
.repe-sub-read a { text-decoration: underline !important; }
.repe-rCon h5 { font-size: 22px; line-height: 30px; font-weight: 400; margin: 0 0 20px; font-family: inherit; }


/* Hero Case Study Index - Datamaran */

.body-container-casestudy { overflow: hidden; }
.hero-case-study { position: relative; z-index: 2; }
.hero-case-study:after { content: ""; position: absolute; z-index: -1; width: 70%; float: left; height: auto; min-height: 986px; right: -20px; bottom: -288px; background-size: cover; background-position: top left; background-repeat: no-repeat; opacity: 0.6; }
.hero-case-study-header { margin-bottom: 15px; }
/* .row-fluid .hero-case-study-row { display: flex; flex-wrap: wrap; } */
/* .row-fluid .hero-case-study-row { position: relative; } */
.hero-case-study-cols { min-height: 328px; position: relative; display: flex !important; flex-wrap: wrap; border: 0 !important; }
.hero-case-study-left { position: relative; width: 50%; float: left; padding: 0px 15px 0px 0px; }
.hero-case-study-right { /* height: inherit; */ width: 50%; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.hero-case-study-linerow { height: 100%; position: absolute; right: 0; top: 0; }
.hero-case-study-line { height: 10%; width: 100%; }

/* .hero-case-study-row .slick-arrow { background: 0; border: 0; border-left: 2px solid #5ca4b0; border-radius: 0; border-top: 2px solid #5ca4b0; bottom: 0; font-size: 0; height: 11px; padding: 0; position: absolute; left: 70px; top: auto; transform: rotate(225deg); width: 11px; z-index: 2; bottom: 30px; }
.hero-case-study-row .slick-next.slick-arrow { margin-bottom: 10px; }
.hero-case-study-row .slick-prev.slick-arrow { margin-bottom: 3px; transform: rotate(45deg); left: 90px; } */
.hero-case-study-logo { float: right; padding-left: 20px; width: 50%; position: absolute; bottom: 30px; right: 45px; }
.hero-case-study-logo img { max-width: 150px !important; margin-left: auto; }
.pagingInfo.casepageInfo { font-size: 16px; line-height: 23px; color: #4D4D4D; right: auto; left: 30px; bottom: 30px; }
.hero-case-study-title h3 a { color: currentcolor; }
.hero-case-study-title { max-width: 430px; padding-bottom: 20px; }
.hero-case-study-tagpost { padding: 66px 30px 30px; }
.hero-case-study-title { padding-bottom: 20px; }


.case-studyblog-sec { position: relative; z-index: 2; }

.csblog-listpost .csblog-listcontentwrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.csblog-listpost .csblog-listcontent {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

@media (min-width: 1201px) {
  .csblog-listpost:first-child {
    width: 100%;
  }

  .csblog-listpost:first-child .csblog-listtype {
    border-radius: 8px 0 0 0;
  }

  .csblog-listpost:first-child .csblog-listcontentwrapper {
    display: flex;
    flex-direction: row;
  }

  .csblog-listpost:first-child .csblog-listimagewrapper {
    width: 66.667%;
  }

  .csblog-listpost:first-child .csblog-listcontent {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .csblog-listpost:first-child .csblog-listcontentinner {
    padding: 32px;
  }

  .csblog-listpost:first-child .csblog-listreadmore {
    padding-left: 32px;
    padding-right: 32px;
  }

  .csblog-listpost:first-child a.blog-index__post-image {
	border-radius: 0 0 0 8px;
  }
}

@media (max-width: 1200px) {
  .csblog-listpost:first-child {
    width: 100%;
  }
}

.csblog-listpost { 
  width: calc(33.33% - 30px);
  padding: 0;
  background-color: #F2E9E6;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
  margin: 0 15px 30px;
  border-radius: 8px;
  border: 4px solid var(--white, #FFF);
}
.csblog-listline { border-bottom: 3px solid #5CA4B0; margin-top: 30px; }
.csblog-listlogo img { max-width: 178px !important; }
.csblog-listags a.csblog-listag { margin-bottom: 5px; font-family: 'Space Grotesk',sans-serif; background-color: #5CA4B0; padding: 5px 10px; font-weight: 500; font-size: 18px; line-height: 20px; color: #fff; }
.csblog-listags { margin-bottom: 25px; }
.case-studyblog-index { margin: 0 -15px; width: auto; display: flex; flex-wrap: wrap; }
.csblog-listitle a{ color: currentcolor; }
.csblog-listpost a.blog-index__post-image { padding: 0 0 56.25%; background-size: cover; background-repeat: no-repeat; background-position: left top; display: block; height: 100% }

.csblog-listpost .csblog-listcontentinner {
  padding: 24px 24px 0 24px;
  flex: 1;
}

.csblog-listpost .csblog-listimagewrapper {
  overflow: hidden;
}

.csblog-listpost .csblog-listsummary {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.csblog-listpost .csblog-listreadmore {
  background-image: url(https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/raw_assets/public/Datamaran%20Theme%20-%202022/images/arrow-bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 24px;
}

.csblog-listpost .csblog-listreadmore a {
  border-radius: 2px;
  border: 1px solid  #D2C7BC;
  background: #FFF;
  display: flex;
  height: 40px;
  padding: 11px 26px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Space Grotesk',sans-serif;
  color: #292B31;
}

.csblog-listpost .csblog-listreadmore a:hover {
  background-color: #E8C0B7;
}

.csblog-listpost .csblog-listtype {
  padding: 12px 24px;
  background-color: #E8C0B7;
  border-radius: 8px 8px 0 0;
  border-bottom: 4px solid #F6F6EA;
}

.csblog-listpost .csblog-listtype__blue {
  background-color: #5CA4B0;
}

.csblog-listpost .csblog-listtype h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.csblog-listreadtime {
  font-size: 14px;
}

.blog-index__post-content__event-date {
  font-size: 14px;
  margin-bottom: 4px;
}

.blog-index__post-content__subhead {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 24px
}

.blog-index__post-content__list li {
  margin-bottom: 16px;
  font-weight: 700;
}

.blog-index__post-content__list li span {
  font-weight: 400;
  display: block;
}


/* Case Study Blog post */

.toc-headertext { width: 100%; margin-bottom: 60px; max-width: 825px; }
.display-block { display: block; }

.csblogpost-sec { position: relative; z-index: 1; padding: 206px 0 39px; }
/* .blog-related-posts__list.cs-relatedpost-list { width: calc(100% + 48px); margin-left: -24px; margin-right: -24px; } */
.cs-relatedpost { padding-bottom: 30px; }
.cs-relatedpost-list { margin-top: 30px; width: 100%; display: flex; flex-wrap: wrap; }
.cs-relatedpost-cols { position: relative; padding: 25px 20px 100px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); background-color: #FFFFFF; width: 32%; float: left; margin-right: 2%; margin-bottom: 30px; }
.cs-relatedpost-cols:nth-child(3n) { margin-right: 0; }
.cs-relatedpost-tags { margin-bottom: 20px; }
.cs-relatedpost-tags a { background-color: #5ca4b0; color: #fff; font-family: Space Grotesk,sans-serif; font-size: 18px; font-weight: 500; line-height: 20px; margin-bottom: 5px; padding: 5px 10px; }
.cs-relatedpost-title a { color: #000000; }
.cs-relatedpost-title { margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
.cs-relatedpost-line { border-bottom: 3px solid #5ca4b0; position: absolute; bottom: 15px;left: 30px; width: calc(100% - 60px); }
.cs-relatedpost-logo { position: absolute; width: calc(100% - 60px); left: 30px; bottom: 18px; padding-bottom: 18px; }

.csblogpost-left { width: 75%; float: left; }
.csblogpost-right { width: 25%; float: left; text-align: right; }
.csblogpost-left h1 { padding-top: 20px; }
.csblogpost-left h1 > span { color: currentcolor; }
.csblogpost-bodycontent { margin-top: 36px; padding-right: 100px; }
.csblogpost-row { display: flex; flex-wrap: wrap; }
.csblogpost-right { width: 25%; float: left; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-end; }
.csblogpost-featureimage { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; min-width: 433px; max-width: 433px; min-height: 433px; margin-right: -60px; margin-bottom: -90px; }

.csblog-testmonial-left { width: 50%; float: left; }
.csblog-testmonial-right{ width: 50%; float: right; padding-left: 30px; }
.csblog-authorimage { position: relative; z-index: 1; max-width: 266px; min-height: 266px; border-radius: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 0 auto; }
.csblog-authorimage:before { position: absolute; z-index: -1; left: 50%; top: 50%; min-width: 482px; min-height: 528px; transform: translate(-50%, -50%); content: ''; background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 0 auto; }
.csblogpost-authordetail { margin-bottom: 30px; }
.csblogpost-authorname a { color: currentColor; }
.csblog-testmonialouter { display: flex; flex-wrap: wrap; align-items: center; }
.csblogpost-logo { margin-bottom: 30px; }
.csblog-listitle a:hover { color: #5ca4b0; }
.csblog-listags a.csblog-listag:hover { background-color: #292b31; }
.cs-relatedpost-tags a:hover { background-color: #292b31; }
.cs-relatedpost-title a:hover { color: #5ca4b0; }
.leaders-cscol h3 > a:hover { color: #5ca4b0; }
.hero-case-study-title h3 a:hover { color: #5ca4b0; }
.csblogpost-authorname a:hover { color: #5ca4b0; }
.csblogpost-bodycontent a:hover { color: #5ca4b0; }

.hero-contact-headertext { max-width: 825px; margin-top: 30px; }


/* Events */

.upcomingevent-header { margin-bottom: 15px; }
.upcomingevent-outer { display: flex; flex-wrap: wrap; }
.upcomingevent-cols { position: relative; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); width: 48.5%; float: left; margin-right: 3%; margin-bottom: 30px; background: #fff; padding: 20px 30px 18px; }
.upcomingevent-cols:nth-child(2n) { margin-right: 0; }
.upcomingevent-tag { float: left; width: 50%; margin-left: -10px; }
.upcomingevent-tag a { background-color: rgba(147, 102, 100,1.0); color: #fff; font-size: 18px; font-weight: 500; line-height: 20px; padding: 5px 10px; }
.upcomingevent-timestamp { text-align: right; color: #464646; float: left; font-size: 13px; font-weight: 400; line-height: 20px; width: 50%; }
.upcomingevent-top { align-items: center; display: flex; flex-wrap: wrap; float: left; margin-bottom: 20px; width: 100%; }
.upcomingevent-title { max-width: 460px; }
.upcomingevent-speaker, .previousevent-speaker { width: 50%; float: left; } 
span.upcomingevent-speakertext { font-size: 13px; line-height: 20px; margin-bottom: 25px; display: block; }
.upcomingevent-hostimg, .previousevent-hostimg { width: 50%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.upcomingevent-speaker h5 span, .previousevent-speaker h5 span { display: block; font-size: 16px; line-height: 23px; font-family: 'Avenir Next LT Pro'; }
span.upcomingevent-hostext { margin-right: 20px; font-weight: 400; font-size: 13px; line-height: 20px; }
.upcomingevent-hostimg a img { max-width: 113px !important; }
.upcomingevent-speaker h5, .previousevent-speaker h5 { margin-bottom: 8px; }
.upcomingevent-bottom, .previousevent-bottom { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; }
.upcomingevent-line { position: absolute; bottom: 15px; left: 0; width: calc(100% - 60px); float: left; border-bottom: 3px solid #936664; margin: 0 30px; }
.upcomingevent-title h3 a { color: currentColor; }

.previous-eventheader { margin-bottom: 30px; }
.previous-eventrow { display: flex; flex-wrap: wrap; }
.previous-eventcols { padding: 30px 30px 18px; position: relative; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); background-color: #fff; width: 31.33%; float: left; margin-right: 3%; margin-bottom: 30px; }
.previous-eventcols:nth-child(3n) { margin-right: 0; }
.previousevent-timestamp { margin-bottom: 30px; text-align: right; font-size: 13px; color: #464646; line-height: 20px; }
.previousevent-title h4 a { color: currentColor; }
span.previousevent-speakertext { font-weight: 400; font-size: 13px; line-height: 20px; display: block; margin-bottom: 15px; }
.previousevent-speaker h5 { margin-bottom: 0; }
.previousevent-speaker h5 span{ font-family: 'Avenir Next LT Pro'; display: block; font-size: 16px; line-height: 20px; }
.previousevent-speaker { margin-bottom: 20px; }
.previousevent-hostimg { float: right; display: flex; flex-wrap: wrap; align-items: center; }
span.previousevent-hostext { font-weight: 400; font-size: 13px; line-height: 20px; margin-right: 15px; }
.previousevent-hostimg a img { max-width: 113px !important; }
.previousevent-line { position: absolute; bottom: 15px; left: 0; width: calc(100% - 60px); float: left; border-bottom: 3px solid #936664; margin: 0 30px; }
.previous-removeimg .previousevent-title { margin-bottom: 52px; }
.previous-removeimg .previousevent-line { border-color: #E8C0B7; }
.upcomingevent-tag a:hover { background-color: #5ca4b0; }
.upcomingevent-title h3 a:hover, .previousevent-title h4 a:hover { color: #5ca4b0; }

.logo-row .slick-track { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.team-socialmedia li a:hover { background-color: #5ca4b0; }
.recent-post-tag a.recent-post-taglink:hover { background-color: #000000 !important; }
.recent-viewall-post a:hover { color: #5ca4b0; }
.recent-post-download a:hover { color: #5ca4b0; }
.recent-post-title h4 a:hover { color: #5ca4b0; }
.case-study-blg .recent-post-title h3 a:hover { color: #5ca4b0; }

/* Thank you page */

.social-media-outer ul { display: flex; flex-wrap: wrap; justify-content: center; }
.social-media-outer ul li { width: 25%; float: left; text-align: center; padding: 10px; }
.social-media-outer ul li a { height: 100%; width: 100%; padding: 40px 20px; border-radius: 14px; }
.social-media-outer ul li a img { max-width: 80px !important; }
.social-media-outer ul li a h4 { margin-top: 15px; margin-bottom: 0; }

.wblog-vleft.wblog-fullwidth { width: 100%; padding: 56.25% 0 0; }
.span6.wblog-top-fullwidth { width: 100%; text-align: center; margin-bottom: 30px; }
.social-media-outer ul li a > .hs_cos_wrapper_type_icon { display: flex; background: rgba(240, 233, 231,1.0); height: 65px; width: 65px; border-radius: 8px; align-items: center; justify-content: center; box-shadow: 6px 6px 10px -1px rgb(0 0 0 / 15%), -6px -6px 10px -1px rgb(255 255 255 / 70%); border: 1px solid rgba(0, 0, 0, 0); transition: transform 0.5s; margin-left: auto; margin-right: auto; }
.social-media-outer ul li a svg { height: 24px; fill: #292B31; }
.social-media-outer ul li a:hover > .hs_cos_wrapper_type_icon { box-shadow: inset 4px 4px 6px -1px rgb(0 0 0 / 20%), inset -4px -4px 6px -1px rgb(255 255 255 / 70%), -0.5px -0.5px 0px -1px rgb(255 255 255), 0.5px 0.5px 0px rgb(0 0 0 / 15%), 0px 12px 10px -10px rgb(0 0 0 / 5%); border: 1px solid rgba(255, 0, 0, 0.1); transform: translateY(2px); }
.body-container .social-media-outer ul li a:hover svg { fill: #3b5998; }


/* Changes */
.pagingInfo.slidePagination.hrcs-pagination { right: auto; left: 30px; }



 


@media(max-width: 1280px){
	
  .hero-aboutqoute:after { right: -35px; }
	
}

@media (max-width: 1250px){ 
	
	.csblogpost-featureimage { margin-right: -25px; max-width: 380px; min-height: 380px; min-width: 380px; }
	
}

@media (max-width: 1170px){ 

  .roundshape-outer { max-height: 435px; max-width: 435px; min-height: 435px; padding: 60px; } 
	.roundshape-inner { max-height: 315px; max-width: 315px; min-height: 315px; padding: 50px; }
	.hero-aboutqoute:before { left: -60px; }
  .team-image { height: 310px; max-width: 310px; min-width: 310px; }
  .team-right { width: calc(100% - 340px); }
	.recent-post-hostimg { width: 85%; }
	.recent-post-hostimg > a img { max-width: 95px !important; }
	.recent-post-cols { padding: 20px 15px; }
	
	.titlecta-leftimage { min-height: 335px; min-width: 335px; }
	.titlecta-right { padding-left: 40px; }
	.titlecta-title { padding-right: 0; width: 100%; }
	.titlecta-button { width: 100%; margin-top: 30px; }
	
  .hero-policy-book { bottom: -130px; }
	.testimonial-policyleft { padding: 30px 30px 30px 20px; }
  .testimonial-policyimg { max-width: 114px; min-height: 114px; }
	.testimonial-policy-title { padding: 0; }	
	.testimonial-policyright { padding: 45px 30px; }
	
	.hero-case-study:after { bottom: -80px; min-height: 740px; width: 70%; }
	.csblog-listpost { margin: 0 10px 30px; width: calc(33.33% - 20px); }
		
	.csblogpost-featureimage { max-width: 320px; min-height: 320px; min-width: 320px;  }
	.csblog-authorimage { max-width: 256px; min-height: 256px; }
	.csblog-authorimage:before { min-width: 442px; min-height: 480px; }
	
	.previous-eventcols { padding: 30px 20px 18px; }
	span.upcomingevent-hostext { margin-right: 10px; }
	.upcomingevent-hostimg a img { max-width: 100px !important; }
	.previousevent-timestamp { margin-bottom: 20px; }
	.previousevent-line { margin: 0 20px; width: calc(100% - 40px); }
	
	.social-media-outer ul li { width: 33.33%; }
	
	
}


@media (max-width: 991px){ 
	.hero-aboutheader { margin-bottom: 20px; }
  .hero-aboutleft { padding-right: 0; width: 100%; padding-bottom: 0; }
	.hero-aboutright { width: 100%; } 
	.abouthero-rightext { margin-bottom: 30px; }
  .hero-aboutrow { margin-bottom: 50px; }
  .hero-aboutestleft { margin-left: auto; margin-top: 0; width: 100%; }
	.roundshape-outer { margin-left: auto; margin-right: auto; }
	.hero-aboutestright { width: 100%; }
  .team-right { width: 100%; margin-top: 50px; }
	.team-image { margin-left: auto; margin-right: auto; }
	.team-cols.reverse-team .team-image { order: 0; margin-left: auto; margin-right: auto; }
	.recent-post-row { width: 49%; }
	.recent-post-row:nth-child(3n) { margin-right: 2%; }
	.recent-post-row:nth-child(2n) { margin-right: 0; }
	
	.titlecta-left { width: 100%; }
	.titlecta-right { padding-left: 0; width: 100%; margin-top: 40px; }
	.titlecta-leftimage { max-width: 335px; position: static; width: auto; margin-left: auto; margin-right: auto; }
	
	.testimonial-policyleft { width: 100%; }
	.testimonialine-row { display: flex; left: 0; top: 100%; right: auto; }
	.testimonialline-outer { height: 100%; width: 10%; }
	.testimonial-policyright { width: 100%; }
	.tc-leftcol { padding-right: 0; width: 100%; margin-bottom: 20px; }
	.tc-ctacol { width: 100%; }
	
	.request-demo-sec.policy-form-sec:after { width: 100%; }
	.request-demo-sec.policy-form-sec .pro-col-left { padding-bottom: 40px; }
	
	.hs-refer-left { width: 100%; margin-bottom: 30px; }
	.hs-refer-right { width: 100%; padding-left: 0; }
	.hs-refer-right img { transform: scale(1); }
  
	.hero-case-study-left { order: 1; padding: 0; width: 100%; }
	.hero-case-study-right { order: 0; padding-top: 56.25%; width: 100%; }
	.hero-case-study-cols { min-height: auto; }
	.hero-case-study-linerow { display: flex; left: 0; right: auto; top: 100%; }
	.hero-case-study-line { height: 100%; width: 10%; }
	
	.csblog-listpost { width: calc(50% - 20px); }
	.hero-case-study:after { min-height: 600px; }
	
	.csblogpost-sec { padding: 185px 0 39px; }
	.csblogpost-left { width: 100%; margin-bottom: 30px; }
	.csblogpost-right { width: 100%; justify-content: center; text-align: center; }
	.csblogpost-logo { width: 100%; }
	.csblogpost-bodycontent { padding-right: 0; }
	.csblog-testmonial-right { float: left; padding-left: 0; width: 100%; margin-top: 140px; }
	.csblog-testmonial-left { width: 100%; }
  .toc-headertext { margin-bottom: 40px; }
	.cs-relatedpost-cols { width: 49%; }
	.cs-relatedpost-cols:nth-child(3n) { margin-right: 2%; }
	.cs-relatedpost-cols:nth-child(2n) { margin-right: 0; }
	.csblogpost-featureimage { margin-right: 0; }
	
	.upcomingevent-cols { padding: 20px 20px 18px; }
	.upcomingevent-tag { margin-left: 0; }
	.upcomingevent-speaker, .previousevent-speaker { width: 100%; }
	.upcomingevent-hostimg, .previousevent-hostimg { width: 100%; margin-top: 5px; justify-content: left; }
	.upcomingevent-bottom, .previousevent-bottom { margin-bottom: 25px; }
	.previous-eventcols { width: 48.5%; }
	.previous-eventcols:nth-child(3n) { margin-right: 3%; }
	.previous-eventcols:nth-child(2n) { margin-right: 0; }
	
	.social-media-outer ul li { width: 50%; }
	
	.hero-case-study-title { padding-bottom: 50px; }
}


@media (max-width: 767px){ 

  .hero-aboutqoute:after { right: -20px; }
	.hero-aboutheader { margin-bottom: 10px; }	
	
	.contactus-cols { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
	.contactus-cols:nth-child(3n + 1) .contactus-innercol:after , .contactus-cols:nth-child(3n) .contactus-innercol:before { display: none; }
	.contact-titledesktop { padding: 0 15px; }
	.contactus-innercol { min-height: auto !important; margin-top: 20px; padding: 20px 15px 20px 15px; }
	
	.hero-policy-book { right: -15px; }
	.request-demo-sec.policy-form-sec:after { height: 75px; }
	.testimonial-policyright { padding: 40px 25px; font-size: 18px; line-height: 30px; }
	.testimonial-policyleft { padding: 30px 25px 30px 25px; }
	.hero-policy-image .hero-contact-header { width: 100%; }
	.hero-policy-book { width: 100%; position: static;	text-align: center; }
	
	.repe-left { width: 100%; }
	.repe-right { padding-left: 0; width: 100%; margin-top: 30px; }
	.hs-refer-left h1 { margin: 0 0 30px; }
	.hs-pro-text p { margin: 0 0 25px; }
	
	.case-studyblog-index { margin: 0; }
	.csblog-listpost { width: 100%; margin: 0 0 30px; }
	.hero-case-study:after { min-height: 410px; }
	.csblog-listags { margin-bottom: 20px; }
	.csblog-listlogo img { max-width: 150px !important; }
	
	.hero-case-study-tagpost { padding: 40px 25px 30px; }
	.hero-case-study-header { margin-bottom: 10px; }
	
	.csblogpost-sec { padding: 150px 0 39px; }
	.csblogpost-left h1 { padding-top: 0; }
	.cs-relatedpost-cols { width: 100%; margin-right: 0 !important; }
	.csblogpost-authordetail { margin-bottom: 20px; }
	
	.upcomingevent-cols { width: 100%; margin-right: 0 !important; }
	.previous-eventcols{ width: 100%; margin-right: 0; }
	.previous-eventcols:nth-child(3n) { margin-right: 0; }
	.previous-eventheader { margin-bottom: 15px; }
	
	.social-media-outer ul li a { padding: 30px 20px; width: 100%; }
	
	.pagingInfo.slidePagination.hrcs-pagination { left: 25px; }
}


@media (max-width: 480px){ 
 
/* 	.row-fluid .btn-optn.bottomline-btn.btn-rightopn a { padding-left: 150px; }
	.row-fluid .btn-optn.bottomline-btn a { padding-right: 150px; } 
	.row-fluid .btn-optn.bottomline-btn a:before { width: 120px; } */
	
	.roundshape-outer { max-height: 290px; max-width: 290px; min-height: 290px; padding: 20px; }
  .roundshape-inner { max-height: 250px; max-width: 250px; min-height: 250px; padding: 20px 40px; }
	.ahero-testcols { padding: 60px 10px 0 10px; }
	.hero-aboutqoute { font-size: 24px; line-height: 34px; }
	.hero-aboutqoute:before { left: -20px; height: 70px; width: 60px; top: -70px; }
	.hero-aboutqoute:after { height: 70px; width: 60px; }
  
	.team-image { height: 290px; max-width: 290px; min-width: 290px; }
	.team-rightext { margin-top: 20px; }
	.recent-post-row { width: 100%; margin-right: 0; }
	.recent-post-row:nth-child(3n) { margin-right: 0; }
	.team-cols { margin-top: 40px; }
	
	.titlecta-leftimage { max-width: 290px; min-height: 290px; min-width: 290px; }
	.hero-case-study:after { min-height: 290px; bottom: -40px; }
	
	.csblog-authorimage { max-width: 150px; min-height: 150px; }
	.csblog-authorimage:before { min-height: 320px; min-width: 290px; }
	.csblogpost-featureimage { max-width: 290px; min-height: 290px; min-width: 290px; }
	.csblog-testmonial-right { margin-top: 120px; }
	
	.social-media-outer ul li { width: 100%; padding: 0; }
	
	
}