
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
/* font-family: 'Space Grotesk', sans-serif; */
/* font-family: 'Avenir Next LT Pro'; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Poppins', sans-serif; */








/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
	max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
	padding: 80px 1rem;
}

.dnd-section > .row-fluid {
	max-width: 1240px;
}





html {
	font-size: 24px;
}

body {
	font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
	color: #292B31;
	font-size: 24px;
}

/* Anchors */


/* Headings */

h1,
.h1 {
	font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
	font-size: 50px;
	text-transform: none;
}

h2,
.h2 {
	font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
	font-size: 38px;
	text-transform: none;
}

h3,
.h3 {
	font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
	font-size: 30px;
	text-transform: none;
}

h4,
.h4 {
	font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
	font-size: 24px;
	text-transform: none;
}

h5,
.h5 {
	font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #000000;
	font-size: 16px;
	text-transform: none;
}

h6,
.h6 {
	font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
	font-size: 14px;
	text-transform: none;
}

/* Blockquote */

blockquote {
	border-left-color: #5CA4B0;
}










form,
.submitted-message {
	font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
	color: #5CA4B0;
}

/* Labels */


/* Help text */


/* 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 {
	border: 2px solid #D1D6DC;

	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
	color: #292B31;
	border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
	color: #292B31;
}

::-moz-placeholder {
	color: #292B31;
}

:-ms-input-placeholder {
	color: #292B31;
}

::placeholder {
	color: #292B31;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
	color: #292B31;
}

.fn-date-picker td.is-selected .pika-button {
	background: #292B31;
}

.fn-date-picker td .pika-button:hover {
	background-color: #292B31 !important;
}

.fn-date-picker td.is-today .pika-button {
	color: #292B31;
}

/* Submit button */






/* Table */

table {
	border: 1px solid #292B31;

	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
	border: 1px solid #292B31;

	padding: 18px;

	color: #292B31;
}

/* Table header */

thead th {
	background-color: 

  
  
    
  


  rgba(41, 43, 49, 1.0)

;
	color: #FFFFFF;
}

/* Table footer */

tfoot td {
	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
	color: #292B31;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
	padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
	color: #292B31;
}

.blog-post__tag-link {
	color: #292B31;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
	color: #010309;
}

.blog-post__tag-link:active {
	color: #515359;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
	font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	text-transform: none;
}

.blog-related-posts__title-link {
	color: #292B31;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
	color: #010309;
}

.blog-related-posts__title-link:active {
	color: #515359;
}

/* Blog comments */

.blog-comments {
	margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
	color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: #0048b8;
}

#comments-listing .comment-reply-to:active {
	color: #2a98ff;
}





.hs-search-results__title {
	font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
}





/* Blog listing */
.blog-index__post-title {
  margin-bottom: 8px;
}
/* .blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
	font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	text-transform: none;
} */

.blog-index__post-title-link {
	color: #292B31;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
	color: #010309;
}

.blog-index__post-title-link:active {
	color: #515359;
}

.blog-index__post-tag,
.blog-index__post-author-name {
	color: #292B31;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
	color: #292B31;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
	color: #010309;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
	color: #515359;
}

.pagination__link-icon svg {
	fill: #292B31;
}

/* Pricing card */

.card__price {
	font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
	font-size: 30px;
}

.card__body svg {
	fill: #292B31;
}

/* Social follow */

.social-links__icon {
	background-color: #292B31;
}

.social-links__icon:hover,
.social-links__icon:focus {
	background-color: #010309;
}

.social-links__icon:active {
	background-color: #515359;
	font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
	color: #292B31;
	font-size: 30px;
}


* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { background: #fff; margin: 0; padding: 0; font-size: 25px; line-height: 30px; font-family: 'Avenir Next LT Pro'; font-weight: 400; color: #292B31; }

h1 { margin: 0 0 15px; font-size: 58px; line-height: 66px; font-family: 'Space Grotesk', sans-serif; color: #292B31; font-weight: 700; }
h2 { margin: 0 0 15px; font-size: 42px; line-height: 46px; font-family: 'Space Grotesk', sans-serif; color: #292B31; font-weight: 500; } 
h3 { margin: 0 0 15px; font-size: 32px; line-height: 40px; font-family: 'Space Grotesk', sans-serif; color: #292B31; font-weight: 500; } 
h4 { margin: 0 0 15px; font-size: 24px; line-height: 30px; font-family: 'Space Grotesk', sans-serif; color: #292B31; font-weight: 500;  }
h5 { margin: 0 0 15px; font-size: 18px; line-height: 20px; font-family: 'Space Grotesk', sans-serif; color: #292B31; font-weight: 500; }
h6 { margin: 0 0 15px; font-size: 16px; line-height: 26px; font-family: 'Space Grotesk', sans-serif; color: #292B31; font-weight: 500; }

h1 > span { color: #f16c23; }

.get-bg img, img.get-bg { display:none; }
.get-bg { min-height:0; }

img { max-width: 100%; height: auto; border: none; vertical-align: top; }
a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; outline: none; text-decoration: none !important; cursor: pointer; vertical-align: top; max-width: 100% !important; white-space: normal !important; display: inline-block; }
a:hover { color: ; text-decoration: none; }
p { margin:0 0 20px; width: 100%; display: block; } 
ul, ol { list-style:none; padding: 0; margin: 0; }
li { list-style:none; } 
small { font-size: 16px; line-height: 23px; }
.fullwidth { float: left; width: 100%; }

.wrapper { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1140px; padding-right: 15px !important; padding-left: 15px !important; }

.text-center, .text-center a, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6 { text-align: center;}
.text-light, .text-light a, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { font-weight: 300; }
.text-bold, .text-bold a, .text-bold h1, .text-bold h2, .text-bold h3, .text-bold h4, .text-bold h5, .text-bold h6 { font-weight: 600; }
.text-bolder, .text-bolder a, .text-bolder h1, .text-bolder h2, .text-bolder h3, .text-bolder h4, .text-bolder h5, .text-bolder h6 { font-weight: 800;}
.text-black, .text-black a, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6 { color: #000;}
.text-white, .text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff;}
.text-uppercase, .text-uppercase a, .text-uppercase h1, .text-uppercase h2, .text-uppercase h3, .text-uppercase h4, .text-uppercase h5, .text-uppercase h6 { text-transform: uppercase;}

.row-fluid p:last-child { margin-bottom: 0; }
input[type="submit"] { cursor:pointer; }
body .row-fluid [class*="span"] { min-height:auto; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }

.set-bg { background-size:cover; background-position:center; position:relative; width:100%; float:left; }
/*.set-bg > * { position:relative; z-index:2; }
.set-bg:before { content:''; background:rgba(25,150,255,0.3); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } */
.get-bg { display:none !important; }

strong { font-weight:700; }

form textarea,
form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form select { width: 100% !important; font-family: 'Poppins', sans-serif; border: 1px solid #E5E7EA; outline: none; background: #FFFFFF; font-size: 14px; line-height: 21px; font-weight: 400; color: #4D4D4D; min-height: 46px; margin: 8px 0; padding: 10.5px 15px; border-radius: 3px; -webkit-appearance: none; }

form .hs-submit .actions { cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position: relative; padding-left: 131px; display: inline-block; }
form .hs-submit .actions:before { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-image: url('https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/White%20Arrows.png'); background-repeat: no-repeat; background-size: contain; content: ""; left: 0; min-height: 21px; position: absolute; top: 50%; transform: translateY(-50%); width: 101px; }
form input[type="submit"] { font-family: 'Space Grotesk', sans-serif; padding: 8.5px 25px; text-align: center; text-align: center; background: transparent; outline: none; font-size: 14px; line-height: 21px; font-weight: 700; color: #fff; border: 1px solid #FFFFFF; border-radius: 3px; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; -webkit-appearance: none; }
form .actions:hover input[type=submit] { color: #292b31; border-color: #292b31; }
form .hs-submit .actions:hover:before { background-image: url('https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/Submit-Arrows.png'); }

/* .body-container input[type="submit"]:hover { color: #1996ff; background: #fff; } */

::-webkit-input-placeholder { color: #4D4D4D; }
::-moz-placeholder { color: #4D4D4D; }
:-ms-input-placeholder { color: #4D4D4D; }
::placeholder { color: #4D4D4D; }

.hs-form-field { margin-bottom: 22px; }

form .legal-consent-container .hs-richtext { font-size: 13px; color: #fff; line-height: 20px; font-family: 'Avenir Next LT Pro'; }
form .legal-consent-container .hs-richtext p a { vertical-align: top; color: #fff; text-decoration: underline !important; }
form .legal-consent-container .hs-richtext p { margin-bottom: 15px; }
form .legal-consent-container .hs-richtext p:last-child{ margin-bottom: 0; }

form .hs-form-field > label { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: #fff; }

.no-list.hs-error-msgs { font-weight: 400; font-size: 14px; line-height: 21px; }
.hs-error-msgs { list-style: none; margin: 0 0 10px; padding: 0; font-size: 12px; }
/* .body-container .hs-form-required { display: none; } */
form .hs_error_rollup { display: none; }
form .hs-error-msg { color: red; }

form fieldset { max-width: 100% !important; }
.input { margin-right: 0 !important; }
.form-columns-2 .hs-form-field { width: 49% !important; float: left; margin-right: 2%; }
.form-columns-2  div.hs-form-field + div.hs-form-field { margin-right: 0; }
.form-columns-3 .hs-form-field { width: 31.33% !important; float: left; margin-right: 3%; }
.form-columns-3  div.hs-form-field + div.hs-form-field + div.hs-form-field { margin-right: 0; }

.flexwrap { display:flex; flex-flow:row wrap; justify-content:left; display:-webkit-flex; -webkit-flex-flow:row wrap; -webkit-justify-content:left; }
.alignCenter { align-items:center; -webkit-align-items:center; }

.secBg:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;  }

.body-container-home { overflow-x: hidden; }

.flexRow { display: -webkit-flex; display: -moz-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;  }
.alignCenter { -webkit-align-items: center; align-items: center; }


/* Button Style */
.btn-optn a { font-family: Space Grotesk,sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; padding-right: 120px; position: relative; }
.btn-optn a span { border: 1px solid #292b31; border-radius: 3px; display: inline-block; min-width: 138px; padding: 11px 10.5px; text-align: center; }
.btn-optn a:before { background-repeat: no-repeat; background-size: contain; content: ""; min-height: 21px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 101px; }
.btn-optn.btn-rightopn { text-align: right; }
.btn-optn.btn-rightopn a { padding-right: 0; padding-left: 120px; }
.btn-optn.btn-rightopn a:before { left: 0; }
.btn-optn.bottomline-btn a{ padding-right: 210px; }
.btn-optn.bottomline-btn a:before { top: auto; bottom: 0; transform: none; width: 134px; height: 1px; min-height: auto; }
.btn-optn.bottomline-btn.btn-rightopn a { padding-right: 0; padding-left: 160px; }

/* Header Section */

.header-sec { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; padding: 30px 0; }
.header-outer { display: flex; flex-wrap: wrap; align-items: center; }
.header-logo { width: 25%; float: left; }
.header-logo a img { max-width: 216px !important; }
.header-menu { float: left; }
.header-CTA { float: left; text-align: right; }
.header-menu .hs-menu-wrapper > ul { justify-content: flex-end; align-items: center; }
.header-menu .hs-menu-wrapper > ul > li { margin: 0 13px; }
.header-menu .hs-menu-wrapper > ul > li:nth-last-child(-n+2) { display: none; }
.header-menu .hs-menu-wrapper > ul > li > a { line-height: 40px; }
.header-menu .hs-menu-wrapper > ul > li a { font-weight: 600; font-size: 19px; font-family: 'Space Grotesk', sans-serif; color: #fff; }
.header-CTA a { font-family: 'Space Grotesk', sans-serif; border: 1px solid #FFFFFF; border-radius: 3px; color: #fff; font-weight: 700; font-size: 14px; line-height: 21px; text-align: center; padding: 8.5px 15px; min-width: 88px; }
.header-menu .hs-menu-wrapper > ul ul { border-radius: 3px; min-width: 200px; background-color: #fff; padding: 10px 0; }
.header-menu .hs-menu-wrapper > ul ul li { padding: 5px 10px; }
.header-menu .hs-menu-wrapper > ul ul li a { line-height: 24px; color: #292B31; font-size: 16px; }
.header-menu .hs-menu-wrapper > ul ul li:hover a { color: #5ca4b0; }
.header-CTA a:hover { border-color: #292b31; color: #292b31; }
.header-menu .hs-menu-wrapper > ul > li:hover > a { color: #292b31; }
.black-headerlogo { display: none; }
.header-sec.header-black .black-headerlogo { display: block; }
.header-sec.header-black .white-headerlogo { display: none; }
.header-sec.header-black .header-menu .hs-menu-wrapper > ul > li > a  { color: #292B31; }
.header-sec.header-black .header-menu .hs-menu-wrapper > ul > li:hover > a  { color: #5ca4b0; }
.header-sec.header-black .header-CTA a { background-color: rgba(70,70,70,1.0); border-color: #292B31; color: white; }
.header-sec.header-black .header-CTA a:hover { background-color: transparent; border-color: rgba(70,70,70,1.0); color: black; }



/* Footer Section */

.footer-sec { padding: 40px 0 28px; position: relative; z-index: 2; }
.footer-sec a { vertical-align: middle; }
.footer-logosec { width: 35%; float: left; padding-right: 20px; display: flex; flex-wrap: wrap; align-content: space-between; }
.footer-btnsec { width: 18%; float: left; padding-right: 20px; }
.footer-menusec{ width: 47%; float: left; }
.footer-menuinner{ width: 46.5%; float: left; margin-left: 7%; }
.footer-menuinner:first-child{ margin-left: 0; }
.footer-smicn ul li { display: inline-block; margin-right: 20px; margin-bottom: 15px; }
.footer-smicn ul li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #464646; border-radius: 50%; padding: 5px; min-width: 31px; max-height: 31px; min-height: 31px; } 
.footer-smicn ul li a span { line-height: 0; }
.footer-smicn ul li a span svg{ height: 15px; fill: #F1F2F2; }
.footer-copyright { font-weight: 400; font-size: 13px; line-height: 20px; color: #292B31; }
.footer-copyright a { color: #292B31; }
.footer-copyright p { margin-bottom: 7px; }
.footer-copyright p:last-child { margin-bottom: 0; }
.footer-btnsec ul li { margin-bottom: 15px; line-height: 15px; width: 100%; }
.footer-btnsec ul li a { font-family: Space Grotesk,sans-serif; color: #292B31; font-weight: 500; font-size: 18px; }
.footer-bookdemo { margin-top: 30px; }
.footer-bookdemo a { font-family: Space Grotesk,sans-serif; border: 1px solid #292b31; border-radius: 3px; display: inline-block; min-width: 138px; padding: 11px 10.5px; text-align: center; font-weight: 700; font-size: 14px; line-height: 21px; color: #292B31; }
.footer-menuinner h5 { padding-bottom: 12px; border-bottom: 1px solid #000; }
.footer-menuinner ul li { line-height: 18px; margin-bottom: 10px; width: 100%; }
.footer-menuinner ul li a { font-size: 16px; color: #292B31; }
.footer-outer { display: flex; flex-wrap: wrap; }
.footer-logo { margin-bottom: 20px; }
.footer-bookdemo a:hover { background-color: #292B31; color: #ffff; }
.footer-smicn ul li a:hover { background-color: #5ca4b0; }
.footer-copyright a:hover { color: #5ca4b0; }
.footer-btnsec ul li a:hover { color: #5ca4b0; }
.footer-menuinner ul li:hover a { color: #5ca4b0; }
.footer-bottom { width: 100%; margin-top: 75px; }


/* Hero Section */

.hero-sec { background-blend-mode: multiply; }
.hero-outer { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: flex-end; }
.hero-left { width: 45%; float: left; padding-right: 40px; }
.hero-right { width: 55%; float: left; text-align: center; }
.hero-left-text { max-width: 444px; margin-top: 45px; margin-bottom: 45px; }
.hero-sec:after { position: absolute; content: ''; z-index: 1; bottom: -98px; right: -100px; width: 702px; min-height: 702px; background-repeat: no-repeat; background-size: contain; background-position: top left; }
.hero-left-btn a { position: relative; padding-right: 120px; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 19px; line-height: 24px; color: #FFFFFF; }
.hero-left-btn a:before{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 101px; min-height: 21px; background-image: url('https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/CTA%20Black%20Arrows.png'); background-repeat: no-repeat; background-size: contain; content:''; }
.hero-left-btn a span { display: inline-block; padding: 11px 10.5px; border: 1px solid #FFFFFF; border-radius: 3px; text-align: center; }
.hero-left-btn a:hover span { border-color: #292b31; }

/* Logo Section */

.logo-sec { position: relative; z-index: 1; }
.logo-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.logo-cols { margin: 10px 20px; }
.logo-cols img { max-width: 150px !important; margin-left: auto; margin-right: auto; }
.logo-header h4 { color: #000000; }

ul.slick-dots { line-height: 1; }
ul.slick-dots li { display: inline-block; line-height: 0; }
ul.slick-dots li button { border: 0; padding: 0; font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #D2C7BC; margin: 0 5px; }
ul.slick-dots li.slick-active button { background-color: #7E988F; }

.hs_cos_wrapper_type_rich_text ul { padding: 0 0 0 22px; }
.hs_cos_wrapper_type_rich_text li, .hs_cos_wrapper_type_rich_text ul { list-style: initial; }
.hs_cos_wrapper_type_rich_text a { text-decoration: underline !important; color: #292b31;  }
.sec-text-color a { text-decoration: underline !important; }

/* Line Section */
.line-row { display: flex; }
.line-outer { width: 100%; }

/* Zig Zag Section */

.zig-zagleft { width: calc(50% + 15px); float: left; margin-left: -15px; }
.zig-zagright { width: calc(50% + 15px); float: left; padding-left: 35px; margin-right: -15px; }
.zig-zagleft .zig-zagouter{ padding: 90px; max-width: 570px; min-height: 570px; max-height: 570px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.zig-zaginner { position:relative; z-index: 1; text-align: center; padding: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 390px; min-height: 390px; max-height: 390px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center; width:100%; }
.zig-zaginner:before { position: absolute; z-index: -1; top: 0; left: 0; border-radius: 50%; width: 100%; height: 100%; content:''; background-color: rgb(240 233 231 / 50%); }
.zig-zagouter { display: flex; flex-wrap: wrap; align-items: center; }
.zig-zagtext { margin-top: 45px; }
.zig-zagtext ul li { position: relative; padding-left: 27px; margin-bottom: 20px; }
.zig-zagtext ul li:before { position: absolute; top: 7px; left: 0; width: 16px; height: 16px; content: ''; border: 2px solid; border-radius: 50%; }
.reverse-cols .zig-zagleft { margin-left: 0; margin-right: -15px; order: 1; }
.reverse-cols .zig-zagright{ padding-left: 0; padding-right: 35px; order: 0; margin-right: 0; margin-left: -15px; }
.zig-zagbtn { margin-top: 40px; }
.zig-zagbtn.btn-rightopn { text-align: right; }
.zig-zagbtn a:before { background-image: url(https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/Green-Arrows.png); background-repeat: no-repeat; background-size: contain; content: ""; min-height: 21px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 101px; }
.zig-zagbtn a { color: #292B31; font-family: Space Grotesk,sans-serif; font-weight: 700; font-size: 14px; line-height: 21px; position: relative; }
.zig-zagbtn.btn-rightopn a { padding-left: 120px; }
.zig-zagbtn a span { min-width: 138px; border: 1px solid #292B31; border-radius: 3px; display: inline-block; padding: 11px 10.5px; text-align: center; }
.zig-zaginner h2 { margin-bottom: 0; }
.zig-zagbtn a:hover { color: #5ca4b0; }
.zig-zagbtn a:hover span { border-color: #5ca4b0; }

/* Testimonial Section */

.testimonial-header h3 { max-width: 390px; margin-left: auto; margin-right: auto; margin-bottom: 0; }
.testimonial-row { margin-top: 10px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } 
.testimonial-cols .slick-track { margin: 20px 0; display: flex; flex-wrap: wrap; }
.testimonial-imagewrapper { margin: 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; /* height: inherit; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  */ }
.testimonial-image { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); margin: 90px 0; padding: 10px; height: inherit; background-color: #FFFFFF; border-radius: 10px; }
/* .body-container .testimonial-image img{ width: 100%; } */
.testimonial-bottom ul.slick-dots { margin-top: 50px; text-align: center; }
.testimonial-bottom ul.slick-dots li button{ background: #ffff; }
.testimonial-bottom ul.slick-dots li.slick-active button { background-color: #E8C0B7; }
.testimonial-text { width: 100%; float: left; max-width: 540px; margin-left: auto; margin-right: auto; color: #fff; text-align: center; }
.testimonial-bottom .slick-track { display: flex; flex-wrap: wrap; align-items: center; }
.testimonial-imagewrapper.slick-center { position: relative; z-index: 9; transform: scale(1.5); }
.testimonial-imagewrapper.slick-center .testimonial-image { /* box-shadow: 25px 35px 100px rgba(0, 0, 0, 0.3); */ filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));  }

/* Form Section */

.forms-row form { width: 100%; float: left; }
.forms-row form > fieldset:nth-child(2) { width: 60%; float: left; }
.forms-row form .hs-submit { padding-left: 20px; width: 40%; float: right; text-align: right; }
.forms-headertext { color: #fff; }
.forms-header { margin-bottom: 17px; }

/* Leaders Succeed Section */

.leaders-sec{ position: relative; z-index: 1; }
.leaders-header { margin-bottom: 15px; position: relative; z-index: 2; }
.leaders-tmleft { width: 50%; float: left; position: relative; z-index: 1; padding-right: 20px; }
.leaders-tmright { width: 50%; float: left; text-align: center; }
.leaders-tmrimage { position: relative; z-index: 1; background-size: cover; border-radius: 50%; max-width: 351px; min-height: 351px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-position: center center; }
.leaders-tmrimage:before { position: absolute; z-index: -1; opacity: 0.1; left : 50%; top: 50%; transform: translate(-50%,-50%); content: ''; min-width: 600px; min-height: 600px; background-image: url('https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/01-Iimage.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.leaders-lftlogo { margin-bottom: 45px; }
.leaders-lftquote { margin-bottom: 30px; }
.leaders-toprow { margin-bottom: 60px; }
.leaders-csrow { position: relative; z-index: 1; display: flex; flex-wrap: wrap; }
.leaders-cscol { position: relative; padding: 25px 20px 100px; background: #FFFFFF; width: 31.33%; float: left; margin-right: 3%; margin-bottom: 30px; }
.leaders-cscol:nth-child(3n) { margin-right: 0; }
.leaders-cstag span, .leaders-cstag a { background: #5CA4B0; color: #fff; padding: 5px 10px; font-weight: 500; font-size: 18px; line-height: 20px; font-family: Space Grotesk,sans-serif; }
.leaders-cstag { margin-bottom: 25px; }
.leaders-cscol h3 { padding-left: 10px; padding-right: 10px; margin-bottom: 36px; font-size: 28px; line-height: 35px; }
.leaders-cscol h3 > a { color: #1E1E1E;  }
.leaders-cslogo { position: absolute; width: calc(100% - 60px); left: 30px; bottom: 15px; border-bottom: 3px solid #5CA4B0; padding-bottom: 15px; }
.leaders-csbtn { text-align: center; }
.leaders-csbtn a { padding-left: 60px; padding-right: 60px; padding-top: 30px; padding-bottom: 30px; font-family: Space Grotesk,sans-serif; font-weight: 500; font-size: 18px; line-height: 20px; text-decoration-line: underline !important; color: #000000; }
.leaders-csbtn:before { opacity: 0.1; content: ''; position: absolute; z-index: -1; bottom: 82px; left: 0; width: calc(50% - 150px); background-size: contain; background-repeat: repeat no-repeat; background-position: center center; background-image: url(https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/cicle-image.png); min-height: 80px; }
.leaders-csbtn:after { opacity: 0.1; content: ''; position: absolute; z-index: -1; bottom: 82px; right: 0; width: calc(50% - 150px); background-size: contain; background-repeat: repeat no-repeat; background-position: center center; background-image: url(https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/Circle-Right-Image.png); min-height: 80px; }
.leaders-csbtn a:hover { color: #5ca4b0;  } 
.leaders-cspostlogo { border-bottom: 0; }
.leaders-bottomline { position: absolute; bottom: 15px; border-bottom: 3px solid #5CA4B0; width: calc(100% - 60px); left: 30px; }
.leaders-cstag a:hover {  background-color: #292B31; }
.leaders-cslogo img { max-width: 175px !important; }

/* What Client Say Section */

.client-header { margin-bottom: 40px; }
.client-cols { width: 100%; float: left; position: relative; font-family: "Space Grotesk", sans-serif; }
.client-img { min-width: 372px; min-height: 372px; float: left; border-radius: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-right: 114px; }
.client-right { float: left; width: calc(100% - 586px);   /*position: relative; */ }
.client-qoute { position: relative; font-size: 28px; line-height: 36px; font-weight: 700; padding-top: 40px; padding-right: 100px; }
.client-qoute:before { position: absolute; top: 0; left: -110px; width: 90px; height: 100px; content:''; background-image: url(//4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/raw_assets/public/Datamaran%20Theme%20-%202022/images/quote-left.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.client-qoute:after { position: absolute; bottom: 0; right: 0; width: 90px; height: 100px; content:''; background-image: url(//4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/raw_assets/public/Datamaran%20Theme%20-%202022/images/quote-right.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.client-bottomtext { margin-top: 60px; padding-right: 200px; }
.client-bottomtext span { display: block; font-size: 16px; line-height: 23px; font-weight: 700; }
/* .client-row .slick-arrow { position: absolute; z-index: 2; top: auto; bottom: 0; right: 70px; background: 0; border-radius: 0; font-size: 0; border: 0; padding: 0; width: 11px; height: 11px; border-top: 2px solid #5CA4B0; border-left: 2px solid #5CA4B0; transform: rotate(225deg); }
.client-row .slick-next.slick-arrow { right: 90px; margin-bottom: 10px; }
.client-row .slick-prev.slick-arrow { transform: rotate(45deg); margin-bottom: 3px; } */
.pagingInfo { position: absolute; bottom: 0; right: 130px; }
.client-slider { position: relative; }
.client-image { max-width: 322px; display: inline-block; float: left; margin-right: 247px; }
.client-cols.set-quotes-false .client-img { margin-right: 50px; }
.client-cols.set-quotes-false .client-qoute { padding-right: 0; }
.client-cols.set-quotes-false .client-qoute:before,
.client-cols.set-quotes-false .client-qoute:after { display:none; }
.client-row ul.slick-dots li button {
	background-color: #fff;
}

.client-row ul.slick-dots li.slick-active button {
	background-color: #E8C0B7;
}

.what-say .client-qoute:before {
    background-image: url(//4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/raw_assets/public/Datamaran%20Theme%20-%202022/images/quote-left.png);
}

.what-say .client-qoute:after {
    background-image: url(//4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/raw_assets/public/Datamaran%20Theme%20-%202022/images/quote-right.png);
}


.forms-sec { position: relative; z-index: 1; }

/*** Product Page ***/
.btn-arrow-left a { padding: 0 0 0 131px; position: relative; text-decoration: none !important; }
.btn-arrow-left a > span { min-width: 138px; padding: 11px 10.5px;  font-family: 'Space Grotesk', sans-serif;  text-align: center; font-weight: 700; font-size: 14px; line-height: 16px; color: #292B31; border: 1px solid #292B31; border-radius: 3px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.btn-arrow-left a:before { content: " "; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 101px; height: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.btn-arrow-left.btn-on-left a { padding: 0 131px 0 0; }
.btn-arrow-left.btn-on-left a:before { right: 0; left: auto; }
.btn-arrow-left.btn-line-img:not(.btn-on-left) a { padding: 0 0 0 160px; }
.btn-arrow-left.btn-line-img.btn-on-left a { padding: 0 160px 0 0; }
.btn-arrow-left.btn-line-img a:before { bottom: 0; transform: none; top: auto; width: 134px; height: 1px;  }
.btn-arrow-left.btn-line-img.btn-line-set-top a:before  { top: 0; bottom: auto; }

.bullet-color ul li { position: relative; margin-bottom: 24px; padding: 0 0 0 32px; }
.bullet-color ul li:before { content: " "; position: absolute; left: 0; top: 3px; border: 2px solid #5CA4B0; border-radius: 50%; width: 16px; height: 16px;  }

.sec-fullwrap { overflow: hidden; padding-bottom: 30px; }
.hero-product { position: relative; z-index: 1; }
.hero-product:after { content: " "; position: absolute; right: -250px; bottom: -30px; width: 660px; height: 660px; z-index: -1; }
.hs-product-left { width: 49%; float: left;  }
.hs-product-left h1 { margin: 0 0 30px; }
.hs-pro-text a { text-decoration: underline !important;  }
.hs-pro-text p { margin: 0 0 45px; }
.hs-pro-text ul li { margin: 0 0 30px; padding: 0 0 0 32px; font-size: 16px; line-height: 23px;  }
.hs-product-left .btn-arrow-left a { margin: 23px 0 0; }
.hs-product-right { width: 49%; margin: 0 0 0 2%; }
.hs-product-right img { -webkit-transform: scale(1.3); transform-origin: left; }

.brands-outer { justify-content: center; }
.brands-title h4 { margin: 0 0 30px; }
.brands-grayscale .brands-logo img {  filter: grayscale(100%); }
.brands-logo { width: 18%; margin: 0 9.33% 30px 0; text-align: center; }
.brands-logo:nth-child(4n) { margin-right: 0; }
.brands-logo:last-child { margin-right: 0; }

.pro-col-left { width: 49%; float: left; padding: 0 10px 0 0; }
.pro-col-right { width: 49%; margin-left: 2%; float: left; }
.pro-col__narrow { width: 32.334%; }
.pro-col__wide{ width: 65.667%; }
.pro-col-left h3 { font-size: 28px; line-height: 35px; margin: 0 0 40px; padding: 0 30px 0 0; }
.pro-col-subtitle { padding: 0 0 40px; }
.pro-col-text { font-size: 16px; line-height: 23px; }
.pro-col-right { position: relative; } 
.img-scale-big { -webkit-transform: scale(1.33); transform-origin: left top; }
.pro-col-right > span { position: absolute; left: 0; top: -160px; z-index: 1; }

.dm-two-columns { overflow: hidden; }
.dm-two-columns .flex-reverse { flex-flow: row-reverse; }
.dm-two-columns .flex-reverse .img-scale-big { transform-origin: right top; }
.dm-two-columns .flex-reverse .pro-col-right { margin-left: 0; margin-right: 3%; }
.dm-two-columns .flex-reverse .pro-col-right > span { right: 0; left: auto; }
.dm-two-columns .flex-reverse .pro-col-right { text-align: left; }

.client-sec.o2 { overflow: hidden; }
.client-sec.o2 .client-outer{ position: relative; }
.client-sec.o2 .client-outer:before { background: url(//4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/raw_assets/public/Datamaran%20Theme%20-%202022/images/binary-wheel.png) no-repeat top/contain; content: "-"; font-size: 0; height: 612px; left: -145px; position: absolute; top: 0; width: 612px; }

.additional-features { overflow: hidden; }
.adf-main-title h3 > span { display: block; }
.adf-box { width: 26%; float: left; margin: 35px 11% 0 0; position: relative;  }
.adf-box:before { content: " "; position: absolute; right: -58px; top: 0; height: 100%; width: 1px; background: rgb(0 0 0 / 10%); }
.adf-box:nth-child(3n) { margin-right: 0; }
.adf-box:nth-child(3n):before { display: none;   }
.adf-title h4 { margin: 0 0 5px; font-size: 28px; line-height: 35px; }
.adf-text-color { font-size: 16px; line-height: 23px; }
.adf-center-img img { transform: scale(1.2); transform-origin: top; margin: 35px 0; }

.title-content h2 { margin: 0 0 50px;  }
.title-content-outer { margin: 0 0 60px; }
.left-title { width: 32%; float: left; }
.left-title h3 { font-size: 28px; line-height: 35px; }
.right-content { width: 66%; float: left; margin-left: 2%;  }
.right-content .sec-text-color { font-size: 16px; line-height: 23px; }
.right-content .sec-text-color a { text-decoration: undeline !important; }
.right-content ul { margin: 0 0 30px; }
.right-content ul ul { margin: 5px 0 0; }
.pyramid-img-sec { position: relative; }
.center-pyramid img { max-width: 667px !important; width: 100%; }
.pyramid-img-sec .img-enlarge { position: absolute; bottom: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 13px; line-height: 20px; color: #292B31; text-decoration: underline !important; }
.pro-col-text + .pro-col-subtitle { margin: 30px 0 0; padding: 0; }

.request-demo-sec { position: relative; overflow: hidden; z-index: 1; }
.request-demo-sec:after { content: " "; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 508px; height: 508px; margin-left: -200px; bottom: -110px; z-index: -1; }
.req-demo-form { width: 49%; margin-left: 2%; }
.rdform-outer { background: #fff; padding: 45px 30px 30px;  }
.request-demo-sec .pro-col-left { padding-bottom: 339px; }
.rdform-subtitle { font-size: 16px; line-height: 23px; margin: 0 0 30px; }
.rdform-block .hs-submit .actions { padding-left: 0; width: 100%; cursor: auto; }
.rdform-block .hs-submit .actions:before { display: none; }
.rdform-block .hs-form-field { margin-bottom: 15px; }
.rdform-block .hs-input:not([type="checkbox"]):not([type="radio"]) { margin: 0; border: 1px solid #E5E7EA; }
.rdform-block input[type="submit"] { float: right; margin: 15px 0;  }
.rdform-privacy { font-size: 13px; line-height: 20px;  }
.rdform-block .hs-form-field > label { color: #292b31; margin: 0 0 5px; }
.rdform-outer .form-title:empty { display: none; }
.rdform-privacy a { color: #292B31; text-decoration: underline !important; }

/*** Careers ***/
.hs-small-text  { font-size: 16px; line-height: 23px; }
.hs-small-text a, .hs-small-text a { text-decoration: underline !important; } 
.hs-careers .hs-pro-text { margin: 0 0 28px;  }
.hs-careers.hero-product:after { display: none; }
.hs-careers .hs-product-left { width: 66%; }
.hs-careers .hs-small-text { padding: 0 0 8px; }
.hs-careers-right { width: 32%; float: left; margin-left: 2%;  }
.hs-cimg { width: 350px; height: 350px; border-radius: 50%; display: inline-block; position: relative; right: -70px; }
.hs-careers .hs-small-text { max-width: 644px; }
.hs-careers .btn-arrow-left { text-align: right; position: relative;  } 
.hs-careers .btn-arrow-left a { right: -100px; }
.hs-careers .btn-arrow-left a > span { min-width: 173px; }
.hs-careers .hs-product-left h1 { margin: 0 0 55px; }
.ocv-left { width: 30%; float: left; }
.ocv-rating { margin: 50px 0 0; }
.ocv-box { width: 47%; float: left; margin: 0 6% 75px 0;  }
.ocv-box:nth-child(2n) { margin-right: 0; }
.ocv-box h4 { margin: 0 0 25px; }
.ocv-right { width: 68%; margin-left: 2%; }
.ocv-box .hs-small-text { line-height: 26px; }

.multi-color-line { justify-content: center;   }
.line-strip { width: 10%; min-height: 6px; float: left; flex-grow: 1; }
.aboutFullwrap { padding: 30px 0 0; overflow: hidden; position: relative; z-index: 1; margin-top: -30px; }
.abd-columns.dm-two-columns { overflow: visible; }
.abd-columns.dm-two-columns .pro-col-left h3 { margin: 0 0 25px; }
.abd-columns .pro-col-right { text-align: right; margin-top: -90px; margin-bottom: -30px; }
.abd-columns .pro-col-left { padding-bottom: 40px; }

.hs-pillar { overflow: hidden; }
.hs-pillar .hs-product-left { position: relative;  }
.hs-pillar .hs-product-left h1 { margin: 0 0 45px; }
.hs-pillar .hs-pro-text { font-size: 32px; line-height: 40px; font-weight: 500; font-family: Space Grotesk,sans-serif;     margin: 0 0 20px; }
.hs-pillar .hs-careers-right img { transform: scale(1.45); transform-origin: left top; }
.hs-careers.hs-pillar .btn-arrow-left { position: absolute; left: 100%; bottom: 0; z-index: 1; }
.hs-careers.hs-pillar .btn-arrow-left a { right: 0; }
.hs-ctext { padding: 0 20px 0 0; }
.hs-exsmall-text { margin: 28px 0 0; font-size: 13px; line-height: 20px; color: #4d4d4d; }
.hs-exsmall-text p { margin: 0 0 5px;  }

.tco2 .left-title { padding: 0 10px 0 0; }
.tco2 .left-title h3 { padding: 0 30px 0 0;  }
.toc-btns-outer { justify-content: center; }
.toc-scroll-btns { padding: 60px 0; counter-reset: my-sec-counter; }
.toc-button { width: 23%; float: left; padding: 40px 26px 30px; margin: 40px 2.66% 0 0; min-height: 195px; position: relative; font-size: 20px; font-weight: 600; text-align: center; border-radius: 10px; border: 1px solid; }
.toc-button:nth-child(4n) { margin-right: 0; }
.toc-button:last-child { margin-right: 0; }
.toc-button > span { position: absolute; left: 50%; transform: translateX(-50%); top: -20px; border-radius: 30px; width: 70px; height: 40px; font-size: 30px; line-height: 40px; }
.toc-button > span:before {   counter-increment: my-sec-counter; content: " " counter(my-sec-counter) " "; }


.toc-section { overflow: hidden; }
.toc-section .title-content-outer { margin: 0 0 30px; }
.toc-section .right-content .hs-larger-text.sec-text-color { font-size: 22px; line-height: 30px; }
.toc-section .hs-exsmall-text p, .toc-section .right-content h2,   .toc-section .right-content h3,  .toc-section .right-content h4,   .toc-section .right-content h5, .toc-section .right-content h6, .toc-section .right-content .hs-larger-text.sec-text-color,   .toc-section .right-content p  { margin: 0 0 30px; }
.toc-section .multi-color-line {margin: 0 0 60px; }
.toc-section .hs-exsmall-text { font-size: 13px;  line-height: 20px;  }
.toc-section .btn-arrow-left { margin: 30px 0 0; }
.toc-section .left-title > h3 { padding: 0 45px 0 0; }
.toc-section .right-content blockquote { font-size: 20px; line-height: 36px; font-style: italic; border-left: 0; padding: 0;  }
.pillar-block-image { margin: 0 0 30px; }
.img-enlarge-btn { font-size: 13px; line-height: normal; margin: -20px 0 30px; text-align: right; }
.img-enlarge-btn a { color: #292B31; text-decoration: underline !important; }

.comment-sec-row { margin: 0 0 60px; }
.com-left-block { float: left; width: 31.5%; padding: 80px 30px 80px 0; position: relative; z-index: 1;  }
.com-left-block:before,  .com-right-block:before {  content: " "; position: absolute; top: 0; width: 2000%; height: 100%; background: inherit; z-index: -1; }
.com-left-block:before { right: 100%; }
.com-right-block:before { left: 100%; }
.com-left-block > h2 { font-size: 58px; line-height: 66px; font-weight: 700; }
.com-right-block { width: 68.5%; float: left; padding: 80px 0px 50px 30px; position: relative; z-index: 1; }
.com-right-block ul li { font-size:16px; line-height: 26px; margin: 0 0 5px;}

.com-right-block.bullet-color ul li:before { top: 7px; }
.com-right-block:not(.bullet-color) ul { padding: 0 0 0 22px;  }
.com-right-block:not(.bullet-color) ul, .com-right-block:not(.bullet-color) ul li { list-style: initial; }
.com-right-block ul { margin: 0 0 30px; }
.comment-read-btn a { margin: 45px 0 0; font-weight: 400; font-size: 16px; line-height: 23px; text-decoration: underline !important; }
.com-right-block .btn-arrow-left { text-align: right; }

.body-container-wrapper-materiality  .request-demo-sec:after { width: 617px; height: 617px; margin-left: -250px; bottom: -304px; }

.web-post-header { margin: 0 0 60px;  }
.web-post-title { width: 62%; float: left;  padding-right: 20px; }
.web-post-title h1 { margin: 0; }
.web-post-title h1, .web-post-title h1 > span { color: #000000; }
.web-post-date { width: 38%; float: left; align-self: flex-end; padding-left: 30px;  }
.web-post-date > span { display: block; }

.web-post-left { width: 48%; float: left; padding-right: 80px; }
.web-post-body { width: 49%; margin-left: 3%; float: left; }
.web-post-logo img { max-width: 160px; margin: 65px 0 0; }
.webinar-index .btn-optn { margin: 30px 0 0; }
.webinar-index .btn-optn a > span { padding-left: 25px; padding-right: 25px; }

.web-post-small { width: 32%; float: left; margin: 30px 2% 0 0; background: #FFFFFF; filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1)); padding: 25px 20px 0;  }
.web-post-small:nth-child(3n+1) { margin-right: 0; }
.web-post-tags { margin: 0 0 20px; }
.web-post-tags li { display: inline-block; margin: 0 4px 8px 0; }
.web-post-tags li a { background: #E8C0B7; color: #fff; line-height: 20px; padding: 5px 10px; font-size: 18px; font-family: Space Grotesk,sans-serif; }
.webpost-time.hs-exsmall-text { margin: 0; }
.web-post-small .webpost-time > span { display: block; }
.web-post-small .web-post-logo img { margin: 60px 0 0; max-width: 150px; }
.web-post-featured { width: calc(100% + 40px); min-height: 100px; margin-left: -20px; }
.web-post-line { width: 100%; min-height: 3px; margin: 30px 0 15px; background: #E8C0B7; }
.speakers-block { width: 32%; float: left; margin: 45px 2% 0 0; }
.speakers-block:nth-child(3n) { margin-right: 0; }

.speaker-image { width: 350px; height: 350px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; }
.speaker-name { font-size: 24px; font-family: Space Grotesk,sans-serif; font-weight: 500; margin-top: -86px; }
.speaker-designation { font-size: 18px; font-family: Space Grotesk,sans-serif; font-weight: 500; }
.speaker-com { font-size: 16px; }
.speakers-block > div > span { padding: 5px 10px; display: inline-block; }
.speaker-designation > span { line-height: 20px; }
.speaker-com > span { line-height: 23px; }
.speaker-name, .speaker-designation, .speaker-com { margin-bottom: 5px; } 
.btn-speaker a { margin: 60px 0 0; }
.webfm-date > span { display: block; }

.wrap-webForm { padding: 38px 0 0; overflow: hidden; }
.webinar-form-sec { position: relative; z-index: 1;  }
.webfm-bg-shape { position: absolute; right: -60px; top: -38px; width: 515px; height: 266px; z-index: -1; } 
.web-form-left { width: 34%; float: left;  }
.web-form-left h3 { margin: 0 0 25px; }
.web-form-right { width: 66%; float: left; padding-left: 4px; }
.web-form-right form { padding: 0 380px 0 0; position: relative; }
.web-form-right .hs-form-field > label { font-size: 14px; color: #292B31; }
.web-form-right .hs-form-field { margin-bottom: 7px; }
.web-form-right form .actions { position: absolute; right: 0; bottom: 10px;  padding: 0 0 0 160px; }
.web-form-right form .actions:before { height: 1px; min-height: auto; width: 134px; top: auto; bottom: 0; transform: none; }
.web-form-right form .legal-consent-container .hs-richtext, .web-form-right form .legal-consent-container .hs-richtext a { color: rgb(41 43 49); }



/*** Webinar Post ***/
.wblog-post-hero { padding: 140px 0 0; }
.wblog-vright ul li svg.tcb-icon { height: 1em; width: 1em; }
.wblog-vleft { width: 66%; float: left; position: relative; padding: 37% 0 0; }
.wblog-vleft iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wblog-vright { width: 34%; float: left; padding: 0 0 0 40px; }
.wblog-vright ul { width: 100%; }
.wblog-vright ul li:first-child {  width: 45px; height: 45px; line-height: 45px; text-align: center; }
.wblog-vright ul li:first-child img { vertical-align: middle; }
.wblog-vright ul li { margin: 0 0 10px; }
.wblog-vright ul li a { width: 45px; height: 45px; border: 2px solid; line-height: 45px; text-align: center; }
.body-container ul .ss-linkedin a { border-color: #0177b5; }
.body-container ul .ss-linkedin svg { fill: #0177b5; }
.body-container ul .ss-linkedin a:hover { background: #0177b5; }
.body-container ul .ss-twitter a { border-color: #42b3ea; }
.body-container ul .ss-twitter svg { fill: #42b3ea; }
.body-container ul .ss-twitter a:hover { background: #42b3ea; }
.body-container ul .ss-youtube a { border-color: #ec162c; }
.body-container ul .ss-youtube svg { fill: #ec162c; }
.body-container ul .ss-youtube a:hover { background: #ec162c; }
.body-container ul .ss-facebook a { border-color: #3569b4; }
.body-container ul .ss-facebook svg { fill: #3569b4; }
.body-container ul .ss-facebook a:hover { background: #3569b4; }
.body-container ul li a:hover svg { fill: #fff; }
.wv-sec-top .btn-arrow-left { margin: 30px 0; }
.wblog-right-logo { -webkit-align-self: flex-end; align-self: flex-end; margin: 50px 0 0; width: 100%; }
.wblog-right-logo img { max-width: 160px; }
.w-postbody-section { padding: 10px 0 10px; }
.webinar-speakers .multi-color-line { margin: 60px 0 0; }
.similar-webinars .web-post-small:nth-child(3n+1) { margin-right: 2%; }
.similar-webinars .web-post-small:nth-child(3n) { margin-right: 0; }

.hero-resources { padding: 206px 0 0; overflow: hidden;  }
.hero-resources .btn-arrow-left { margin: 30px 0 0; }
.blog-cbn-featured { position: relative; z-index: 1; }
.blog-cbn-featured:after { background-position: center top; background-repeat: no-repeat; background-size: contain; bottom: -190px; content: ""; height: 865px; width: 865px; position: absolute; right: -38px; z-index: -1; background-image: url(https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/Group%2017.svg); }
.cbn-outer .slick-track { display: flex; }
.cbn-outer .cbn-slide.slick-slide { display: flex; flex-flow: row wrap; height: inherit;     min-height: 330px;}
.cbn-slide-left { width: 51.5%; float: left; }
.cbn-slide-right { width: 48.5%; float: left; padding: 26px 50px 60px; background: #fff; position: relative; }
.cbn-slide-right .hero-case-study-linerow { width: 20px; right: auto; left: 0; }
.slidePagination { font-weight: 400; font-size: 16px; line-height: 23px; color: #4d4d4d; position: absolute; bottom: 30px; padding-right: 50px; }
.cbn-slide-right h3 a { color: #000; }
.cbn-tags { margin: 0 0 20px; }
.cbn-tags .topic-link { 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; }

.hs-resource-title { padding: 0 0 60px; }
.cbn-title-color h3 { color: #fff; margin: 0 0 30px;  }
.custom_paging { position: absolute; left: 45px; bottom: 0; width: 30px; display: block; height: 30px; }
.custom_paging .slick-arrow { background: transparent; border: 0; border-left: 2px solid #5ca4b0; border-radius: 0; border-top: 2px solid #5ca4b0; bottom: 0; font-size: 0; height: 11px; position: absolute; top: auto; left: 0; padding: 0; margin-bottom: 10px;  transform: rotate(225deg); width: 11px; z-index: 2; }
.custom_paging .slick-arrow.slick-next { left: 20px; margin-bottom: 3px; transform: rotate(45deg); }

.blog-filter-section { padding: 30px 0; }
.blog-filter-left{ float: left; width: 60%; }
.blog-list-search { width: 38%; margin-left: 2%; }
.blog-filter-left ul li { float: left; margin: 0 10px 10px 0; }
.blog-filter-left ul li:first-child { margin-right: 18px; }
.blog-filter-left ul li, .blog-filter-left ul li a { font-size: 13px; }
.blog-filter-left ul li a { padding: 5px 19px; }
.blog-list-search input { max-width: 350px; width: 100%; float: right; border: 1px solid #D2C7BC; border-radius: 26px; padding: 8px 50px 8px 30px; line-height: 34px; background-image: url(https://pages.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/search-icon.png); background-repeat: no-repeat; background-position: center right 20px; }

.res-outer-wrap { position: relative; }
.resources-recent-listing .res-outer-wrap > h3 { padding-right: 100px; }
.resources-list-outer { width: auto; float: none; margin: 0 -15px; }
.resWidth .resourceBox:nth-child(1), .resWidth .resourceBox:nth-child(2) { width: calc(50% - 30px); }
.resourceBox { background: #fff; padding: 20px 25px 0; float: left; width: calc(33.33% - 30px); margin: 30px 15px 0;  filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1)); }
.resWidth .resourceBox:nth-child(1) .resTitle h3, .resWidth .resourceBox:nth-child(2) .resTitle h3 { font-size: 32px; line-height: 40px; }
.resourceBox .resTitle h3 { font-size: 24px; line-height: 30px; }
.resourceBox .web-post-featured {  width: calc(100% + 50px); margin-left: -25px; }
.res-view-all {  position: absolute; width: auto; top: 22px; right: 0; }
.res-view-all a { color: #000; font-weight: 500; font-size: 18px; line-height: 20px; text-decoration: underline !important; font-family: Space Grotesk,sans-serif; }
.resourceBox .webpost-time > span { display: block; }
.resources-recent-listing:not(:first-child) .res-outer-wrap { margin-top: -125px; }
.resources-recent-listing:nth-child(3) .resourceBox:nth-child(odd) .resTitle h3, .resources-recent-listing:nth-child(3) .resourceBox:nth-child(odd) .resTitle h3 a { font-size: 32px; line-height: 40px;   }

.hs-art-hero .hs-refer-left { width: 75%; float: left; }
.hs-art-hero .hs-refer-left h1 { margin: 0 0 30px; max-width: 100%; }
.ba-pubdate { font-size: 16px; line-height: 23px; }
.hs-art-hero .hs-refer-right { padding-left: 32px; width: 25%; }
.hs-art-hero .hs-refer-right img { transform: scale(1.62); transform-origin: left top; position: relative; left: -54px; }
.blog-article-body { padding: 0 0 50px; }
.blog-article-postbody { width: 74.5%; float: left; }
.blog-article-postbody *:not(:first-child) { font-size: 16px; line-height: 26px; }
.blog-article-postbody p, .blog-article-postbody ul { margin:  0 0 30px; }
.blog-social-share.wblog-vright { width: 25.5%; padding: 107px 0 0 40px; }
.blog-social-share.wblog-vright ul { width: auto; float: right; }

.video-wblog-post.o2 .wblog-vleft { max-width: 730px; float: none; margin: 0 auto; width: 100%; }
.team-sec.o1 .team-rightext blockquote { font-style: italic; border-left: 0; padding: 0; font-size: 22px; line-height: 28px;   }
.body-container--blog-post-article .title-content .right-content > div:first-child > *:first-child { font-size: 22px; line-height: 30px; }
.body-container--blog-post-article .left-title { width: 23%; }
.body-container--blog-post-article .right-content { width: 75%; }

.hs-ab-panelists { position:  relative; z-index: 1; }
.hs-ab-panelists:after { content: " "; background-size: 100% 100%; width: 100%; height: 119px; position: absolute; left: 0; bottom: 60px; z-index: -1; background-repeat: no-repeat; }
.hs-panel-left { max-width: 727px;  }
.hs-panel-left h2  { margin: 0 0 30px; }
.hs-panel-left .hs-small-text p:last-child { margin-bottom: 0; }

.body-container--blog-post-article .request-demo-sec:after { width: 617px; height: 617px; margin-left: -250px; bottom: -304px; }
.similar-webinars .wrapper > .title-color > h3 { margin: 0;  }
.web-post-body .btn-optn { margin: 30px 0 0; }
.web-post-body .btn-optn a:before { background-image: url(https://4003460.fs1.hubspotusercontent-na1.net/hubfs/4003460/Datamaran%20Theme%20-%202022/Images/Line%204.png); }
.web-post-body .btn-optn a { color: #464646; }
.web-post-body .btn-optn a:hover span { background-color: rgba(70, 70, 70,1.0); border-color: rgba(70, 70, 70,1.0); }
.web-post-body .btn-optn a:hover { color: #fff; }
.web-post-body .btn-optn a span { padding: 11px 25px; }

.hero-privacy { position: relative; }

.hero-pri-shape img ~ img { margin: 30px 0 0 140px; }
.hero-pri-shape { position: absolute; bottom: -60px; right: 60px; }
.hero-pri-shape img { display: block; }

.priItem { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; margin: 0 0 80px; }
.priiTitle { width: 30%; }
.priiContent { width: 70%; font-size: 16px; line-height: 24px; padding-left: 30px; }
.priiTitle h2 { font-size: 28px; line-height: 35px; }
.priiContent ul li, .priiContent ol li { position: relative; padding-left: 20px; margin: 0 0 10px; }
.priiContent ul li:before { content: ""; background-color: #292B31; height: 8px; width: 8px; border-radius: 50%; position: absolute; top: 9px; left: 0; }
.priiContent ul, .priiContent ol { margin: 20px 0 20px 10px; counter-reset: my-sec-counter; }
.priiContent ol li:before { counter-increment: my-sec-counter; position: absolute; content: counter(my-sec-counter); top: 2px; left: 0; }


.hero-n-post { padding: 206px 0 60px; }
.hero-n-post .hero-contact-header { width: 75%; }
.hero-n-post .hero-contact-header h1, .hero-n-post .hero-contact-header h1 span { color: #292B31; }
.rdform-block form .legal-consent-container .hs-richtext { margin: 0 0 20px; }
.rdform-block form .legal-consent-container .hs-richtext, .rdform-block form .legal-consent-container .hs-richtext a { color: #292B31; }


/* error page */
  
.error_sec { position: relative; z-index: 1; overflow-x: hidden; }
.error_sec .error-page:before { display:none; }
.error_sec .num-text { font-size: 180px; line-height:1; font-weight:700; font-family: 'Space Grotesk', sans-serif; color: #292B31;  }
.error_sec a.button { min-width: 138px; padding: 11px 10.5px; font-family: 'Space Grotesk', sans-serif; text-align: center; font-weight: 700; font-size: 14px; line-height: 16px; color: #292B31; border: 1px solid #292B31; border-radius: 3px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;  }
.error_sec a.button:hover { border-color: rgba(41, 43, 49, 100%); background: rgba(41, 43, 49, 100%); color: rgba(255, 255, 255, 100%); }
.error_sec:after { content: ''; position: absolute; background: url(https://www.datamaran.com/hubfs/Datamaran%20Theme%20-%202022/Images/01-Iimage.png) no-repeat center center/contain; right: -250px; bottom: 0; width: 620px; height: 620px; z-index: -1; opacity: 0.2; }


/* How It all Started - Datamaran */

.how-started-sec:after { position: absolute; z-index: -1; right: 0; top: 0; width: 50%; height: 100%; content: ''; }
.how-started-left { margin-left: 11%; width: 39%; float: left; padding-right: 60px; }
.how-started-right { width: 50%; float: left; }
.how-started-sec { position: relative; z-index: 1; overflow: hidden; }
.how-started-right-image { background-size: cover; background-position: top right; background-repeat: no-repeat; padding-top: 56.25%; margin-top: -40px; }
.how-started-right-text { margin-top: 30px; text-align: right; max-width: 400px; margin-left: auto; padding-right: 20px; }
.how-started-left h2 { font-size: 80px; line-height: 90px; font-weight: 900; }
.how-started-leftext { max-width: 400px; }


/* Our Vision - Datamaran */
.our-vision-sec { overflow: hidden; }
.our-vision-round { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; padding: 100px; border-radius: 50%; max-width: 710px; min-height: 710px; text-align: center;  margin-left: auto; margin-right: auto; }
.our-vision-subtitle { margin-bottom: 60px; }
.our-vision-subtitle h4 { margin-bottom: 0; font-weight: 700; }
.our-vision-title h2 { margin-bottom: 0; font-weight: 900; }
/* .our-vision-innerround { max-height: 600px; overflow-y: auto; } */
.our-vision-round .our-vision-lines { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: conic-gradient( #464646 0deg 22.5deg, #f0beb5 22.5deg 45deg, #D2C7BC 45deg 67.5deg, #F2E9E6 67.5deg 90deg, #F6F6EA 90deg 112.5deg, #5CA4B0 112.5deg 135deg, #1E1E1E 135deg 157.5deg, #7E988F 157.5deg 180deg, #7E988F 180deg 202.5deg, #1E1E1E 202.5deg 225deg, #5CA4B0 225deg 247.5deg, #F6F6EA 247.5deg 270deg, #F2E9E6 270deg 292.5deg, #D2C7BC 292.5deg 315deg, #f0beb5 315deg 337.5deg, #464646 337.5deg 360deg ); -webkit-mask-image: radial-gradient(transparent 65%, black 65%); mask-image: radial-gradient(transparent 65%, black 65%); border-radius: 50%; }
.our-vision-innerround { max-height: 500px; overflow: auto; }

.blog-post { padding: 140px 0 80px; }
.blog-post h1, .blog-post h1 span { color: rgb(41 43 49); }



/* Changes */
.hide { display:none; }
/* .testimonial-cols.slick-initialized .slick-slide { display: flex !important; } */
.testimonial-image {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.testimonial-cols .slick-track { align-items: center; justify-content: center; }
.testimonial-cols.testimonial-cols__no-slider {
	display: flex;
	align-items: center;
	justify-content: center;
}
.testimonial-cols.testimonial-cols__no-slider .testimonial-image {
	margin: 45px 0 0 0;
}
@media (max-width: 991px) {
	.testimonial-cols.testimonial-cols__no-slider {
		flex-direction: column;
	}
}
.testimonial-cols.testimonial-cols__no-slider .testimonial-imagewrapper {
	max-width: 600px;
}
.client-row .pagingInfo.slidePagination { right: 70px; bottom: 20px; }

.opvabyVid { position: relative; padding: 0 0 56.25%; width: 100%; height: 100%; }
.opvabyVid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.opvabVideos { margin: 40px 0 0; } 

.assessInner { display: flex; flex-flow: row wrap; justify-content: left; }
.assessInner.hide { display:none; }
.assessFirst { background: #FFF; padding: 39px 94px; color:#292B30; } 
.assessFirst form .hs-form-field > label { color:#292B30; }
.assessFirst select, .assessFirst input[type="text"], .assessFirst input[type="tel"], .assessFirst input[type="email"], .assessFirst input[type="number"] { padding: 10px 15px; line-height: 18px; height: 40px; border: #292B30 solid 1px; border-radius: 3px; color: #292B30; min-height:40px; }
.assessFirst select, .assessFirst input::-webkit-input-placeholder, .assessFirst select, .assessFirst input::-ms-input-placeholder, .assessFirst select, .assessFirst input::input-placeholder { color:#292B30; opacity:1; }
.assessFirst form .hs-submit { border-bottom:#E2D3CC solid 3px; }
.assessFirst form .hs-submit .actions { padding:0; margin-bottom:88px; }
.assessFirst form .hs-submit .actions:before { display:none; }
.assessFirst form .hs-submit .actions input[type=submit] { background: #79a1ac; border-radius: 3px; border-color: #79a1ac; }
.assessFirst form .hs-submit .actions input[type=submit]:hover { background:#292B30; color:#FFFFFF; border-color:#292B30; }

.assessMain.active { padding: 50px 0 0; }
.assessTop > label { background: #79A1AC; padding: 3px 5px; color: #FFF; font-size: 14px; font-weight: 700; line-height: 24px; display: inline-block; } 
.assessMain:not(.active) .assessTop, .assessTop.hide { display:none; }
.assessNumber { display: flex; align-items: center; justify-content: left; margin:48px 0 0; flex-flow: row wrap; }
.assessNumber li { float:left; margin:15px 15px 0 0; width: 71px; height: 71px; text-align: center; display: flex; justify-content: center; align-items: center; background: #afbabb; color: #FFF; font-weight: 700; border-radius: 50%; }
.assessNumber li.filled { border: none; background: #79a1ac; width: 71px; height: 71px; color: #FFF; }
.assessNumber li.active { border: #79a1ac solid 15px; width: 101px; height: 101px; background:transparent; color:#79a1ac; }
.assessWrap h2 { font-size: 58px; font-weight: 700; margin: 50px 0; }
.assessRow { margin:35px 0 0; background: #FFF; padding: 50px 80px; font-size: 16px; line-height: 26px; }
.assessRow > ul { display: flex; justify-content: space-between; float: left; width: 100%; margin: 15px 0 0; }
.assessAns { margin: 10px 0 0; display: flex; flex-flow: row wrap; justify-content: left; align-items: center }
.assessAns .aaAns { text-align:center; background: #f0e9e7; margin: 15px 15px 0 0; border-radius: 3px; min-width:140px; min-height:140px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.assessWrap:not(.active) { display:none; }
.aaAns span { float: none; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; border: #FFF solid 5px; box-shadow: #222 0 0 0 1px; margin: 5px 0 0; } 
.aaAns.active span { background:rgb(229, 210, 203); }

.btn a { background: #81a0aa; padding: 10px 20px; line-height: 20px; font-size: 16px; color: #FFF; font-weight: 700; border-radius: 3px; }
.btn a:hover { background:#000000; }

.showOverview { text-align: right; margin: 50px 0 0; }
.showOverview.so.disable > a { pointer-events:none; opacity:0.7; }
.showOverview.btn a { min-width:266px; text-align:center; } 
.assessoText, .afoText { background: #FFF; padding: 66px 96px; font-weight: 500; margin:50px 0 0; }
.assessoBtn { text-align:left; }
.assessoAText { margin:50px 0 0; } 
.assessOver:not(.active) { display:none; }

.lineRow { min-height:40px; border-top:#CCC solid 1px; }
.lineRow:last-child { border-bottom:#CCC solid 1px; display: flex; flex-flow: row wrap; justify-content: left; align-items: flex-end; }
.lineRows { margin: 50px 0 15px; }
.lineNumbers { display: flex; flex-flow: row wrap; justify-content: left; }
.lineNumbers .lnCol { width: 63px; height: 63px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; background: #E2D3CC; border-radius: 50%; margin: 16px 16px 0 0; color: #FFF; font-size: 24px; font-weight: 700; }
.lineRow > div { display: inline-block; height: 2px; width: 40px; margin: 0 19px 0 20px; position:relative; }
.lineRow > div:first-child { margin-left: 12px; }
.lineRow > div > span { position: absolute; left: 0; bottom: 0; width: 100%; background: #E5D2CB; color: #FFF; text-align: center; }
.lineRow > div > span.active:first-child { background: #79a1ac; font-size: 16px; border-radius: 15px; font-weight: 700; line-height: 28px; margin-bottom: 8px; }
.lineRow > div > span.active:first-child:after { position: absolute; content: ''; left: 50%; bottom: -4px; border-top: #79a1ac solid 4px; border-left: transparent solid 4px; border-right: transparent solid 4px; transform: translateX(-50%); }

.assessFinalover:not(.active) { display:none; }
.assessOver { padding: 80px 0 0; }
.showOverview.so { width: auto; float: right; position: relative; max-width:50%; }
.showOverview.os { float: left; width: auto; max-width: 50%; }
.showOverview.so.disable span { opacity:0; background: #f00; color: #FFF; position: absolute; left: 50%; bottom: 100%; width: 100%; transform: translateX(-50%); text-align: center; font-size: 14px; line-height: 1.2;padding: 10px 20px; border-radius: 5px;margin-bottom: 5px; }
.showOverview.so.disable:hover span { opacity:1; }
.showOverview.so:not(.disable) span { display:none; }
.showOverview.so.disable span:after { position: absolute; content: ''; left: 50%; bottom: -4px; border-top: #F00 solid 4px; border-left: transparent solid 4px; border-right: transparent solid 4px; transform: translateX(-50%); }
.resetQ.btn { margin: 40px 0 0; }
.blog-PostSec { padding: 0 0 50px; }
/* Responsive */

@media(max-width: 1280px){
	.hs-cimg { right: 0; }
}

@media(max-width: 1170px){ 


	.wrapper { max-width: 900px; }

	.header-menu .hs-menu-wrapper > ul > li { margin: 0 7px; }
  .header-menu .hs-menu-wrapper > ul > li a { font-size: 16px; }
	.hero-left { padding-right: 20px; }
	.hero-sec:after { bottom: -70px; min-height: 592px; right: -80px; width: 592px; }

	.zig-zagleft .zig-zagouter { max-height: 450px; max-width: 450px; min-height: 450px; padding: 50px; }
	.zig-zaginner { max-height: 350px; max-width: 350px; min-height: 350px; padding: 50px; }

	.testimonial-image { border-radius: 20px; }

	.leaders-tmrimage:before { min-height: 520px; min-width: 520px; }	
	.leaders-tmrimage { max-width: 311px; min-height: 311px; }
	.leaders-cscol h3 { font-size: 26px; line-height: 33px; }

	.client-img { margin-right: 80px; min-height: 312px; min-width: 312px; }	
	.client-right { width: calc(100% - 400px); }
	.client-qoute:after,  .client-qoute:before { height: 80px; width: 70px; }
	.client-qoute:before { left: -90px; }
	.client-qoute { padding-right: 80px; font-size: 26px; line-height: 34px; }
	.client-image { margin-right: 80px; max-width: 290px; margin-bottom: 30px; }

	.footer-bookdemo a { min-width: 128px; }

	.adf-title h4 { font-size: 24px; line-height: 30px; }

	.adf-box:before { right: -46px; }
	.request-demo-sec .pro-col-left { padding-bottom: 272px; }
	.request-demo-sec:after { bottom: -85px; height: 408px; width: 408px; margin-left: -160px; }

	.hs-cimg { width: 280px; height: 280px; }

	.toc-button { font-size: 18px; }
	.toc-section .left-title > h3 { padding: 0 20px 0 0; }
	.com-left-block > h2 { font-size: 42px; line-height: 46px; }
	.com-left-block h3 { font-size: 26px; line-height: 36px; }
	.com-left-block { padding-right: 10px; }

	.body-container-wrapper-materiality .request-demo-sec:after, .body-container--blog-post-article .request-demo-sec:after { width: 508px; height: 508px; margin-left: -200px; bottom: -250px; }


	.web-post-title h1 { font-size: 44px; line-height: 56px; }
	.web-post-left { padding-right: 40px; }
	.speaker-image { width: 250px; height: 250px; }
	.speaker-name { font-size: 20px; }
	.speaker-designation { font-size: 16px; }
	.web-form-left { width: 100%; }
	.web-form-right { width: 100%;  padding: 30px 0 0; }
	
	.hs-art-hero .hs-refer-left h1 { font-size: 45px; line-height: 54px; }
	.video-wblog-post.o2 .wblog-vleft { max-width: 570px; }
	.hero-pri-shape img { max-width: 250px; }  
	.hero-pri-shape img ~ img { margin: 30px 0 0 85px; }
	.hero-pri-shape { bottom: -35px; }
	
	.how-started-left h2 { font-size: 66px; line-height: 80px; }
	
	
}

/* ==========================================================================
Custom Menu Primary
========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
	background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
	background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
	color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
	color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
	background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
	color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
	color:;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	overflow: visible !important;
	max-width: none !important;

}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 992px) {
	.custom-menu-primary .hs-menu-wrapper { 
		display:block !important;
	}
}


/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */

.mobile-trigger, .child-trigger{
	display: none; /* Hide button on Desktop */
}

@media (max-width: 991px){


	/* Variables
	========================================================================== */

	   /* Set Mobile Menu Background Color */
	      /* Set Link Color */
	 /* Set Link Hover Color */

	/* 
	* Menu Reset
	*
	* Remove styling from desktop version of custom-menu-primary. Place any 
	* additional CSS you want removed from the mobile menu in this reset 
	*/

	.custom-menu-primary,
	.custom-menu-primary .hs-menu-wrapper > ul,
	.custom-menu-primary .hs-menu-wrapper > ul li,
	.custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto;text-decoration: none; text-indent: 0px; text-align: left;
	}

	/* Toggle Button
	========================================================================== */

	.mobile-trigger{ display: inline-block !important; cursor: pointer; position: absolute; top: 13px; right: 0px; width: 33px; height: 33px; padding: 5px;  border: 1px solid #fff; }
	.mobile-trigger:hover { text-decoration: none; }

	/* Change button when menu is open */
	.mobile-open .mobile-trigger{  }

	/* Toggle Button Icon
	========================================================================== */

	.mobile-trigger i{ display: inline; position: relative; top: -8px; }
	.mobile-trigger i:before, .mobile-trigger i:after { position: absolute; content: ''; }
	.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ background-color: #fff; width: 21px; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; left: 0; text-align: center; border-radius: 1px; background-color: ; display: inline-block; vertical-align: middle; }
	.mobile-trigger i:before{ top: -6px; }
	.mobile-trigger i:after{ top: 6px; }

	.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after{ background-color:#fff; }  
	.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #fff; }
	.mobile-open .mobile-trigger i { background: none; }
	.mobile-open .mobile-trigger i:before { top: 0; transform: rotate(45deg); }
	.mobile-open .mobile-trigger i:after { top: 0; transform: rotate(-45deg); }

	.header-sec.header-black .mobile-trigger{ border-color: #292b31; }
	.header-sec.header-black .mobile-trigger i, .header-sec.header-black .mobile-trigger i:after, .header-sec.header-black .mobile-trigger i:before { background-color: #292b31; }
	.mobile-open .header-sec.header-black .mobile-trigger i { background: none; }

	/* Child Toggle Button
	========================================================================== */

	.child-trigger{ display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 60px !important; padding: 0 !important; }
	.child-trigger:hover{ text-decoration: none; }
	.child-trigger i { position: relative; top: 50%; margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
	.child-trigger i:after{ position: absolute;    content: ''; } 
	.child-trigger i, .child-trigger i:after{ width: 12px; height: 2px; background-color: #292b31; display: block; }
	.child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
	.child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); background-color:#000; }
	.child-trigger.child-open i{ }


	/* Menu Styles on Mobile Devices
	========================================================================== */  

	/* Hide menu on mobile */
	.custom-menu-primary.js-enabled .hs-menu-wrapper,
	.custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none;  }  

	/* Make child lists appear below parent items */
	.custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; }

	/* Mobile Menu Styles */ 
	.custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: absolute; top: 100%; left: 0; padding: 0; }
	.custom-menu-primary .hs-menu-wrapper{ width: 100%; }

	/* Level 1 Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative;  }
	.custom-menu-primary .hs-menu-wrapper > ul > li a{ overflow: visible; }

	/* Level 1 and Higher Menu List Styles */

	.custom-menu-primary .hs-menu-wrapper >  ul li a{ }
	.custom-menu-primary .hs-menu-wrapper > ul li a:hover{ }

	/* Level 2 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul ul li { }
	.custom-menu-primary .hs-menu-wrapper > ul ul li a { }
	.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover { }

	/* Level 3 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul ul ul li a { }
	.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a { }
}


@media(max-width: 991px){ 

	.wrapper { max-width: 700px; }

	h1 { font-size: 50px; line-height: 60px; }


	.header-CTA { display: none; }
	.header-outer { position: relative; }
	.header-logo { width: 100%; margin-bottom: 10px; padding-right: 40px; }
	.header-menu .hs-menu-wrapper { border-radius: 3px; top: 100%; background-color: #fff; }
	.header-menu .hs-menu-wrapper > ul > li { padding: 10px; }
	.header-menu .hs-menu-wrapper > ul > li a { color: #292B31; }
	.header-menu .hs-menu-wrapper > ul ul { background-color: transparent; border-radius: 0; min-width: auto; padding: 10px 0; }
	.header-menu .hs-menu-wrapper > ul > li:nth-last-child(-n+2) { display: block; }

	.hero-left { padding-right: 0; width: 100%; margin-bottom: 60px; }
	.hero-right { width: 100%; }
	.hero-sec:after { bottom: -50px; min-height: 550px; right: -80px; width: 550px; }
	.hero-left-text { margin-top: 20px; max-width: 100%; }

	.zig-zagleft { margin-left: 0; width: 100%; }
	.zig-zagright { margin-right: 0; padding-left: 0; width: 100%; margin-top: 40px; }
	.zig-zagleft .zig-zagouter { margin-left: auto; margin-right: auto; }
	.zig-zagtext { margin-top: 30px; }
	.reverse-cols .zig-zagright { margin-left: 0; order: 1; padding-right: 0; }
	.reverse-cols .zig-zagleft { margin-right: 0; order: 0; }
	/* .body-container .testimonial-row { margin-top: 30px; }
	.body-container .testimonial-text { margin-top: 25px; } */
	.testimonial-image { border-radius: 20px; margin: 40px 0; }
	.testimonial-bottom ul.slick-dots { margin-top: 20px; }
	.leaders-tmleft { padding-right: 0; width: 100%; margin-bottom: 60px; }
	.leaders-tmright { width: 100%; }
	.leaders-cscol { width: 48.5%; }
	.leaders-cscol:nth-child(3n) { margin-right: 3%; }
	.leaders-cscol:nth-child(2n) { margin-right: 0; }

	.leaders-csbtn a { padding: 12px 30px; }
	.leaders-csbtn:after,  .leaders-csbtn:before { width: calc(50% - 135px); bottom: 60px; min-height: 44px; }
	.client-img, .client-cols.set-quotes-false .client-img { margin-right: auto; width: 100%; margin-left: auto; float: none; max-width: 312px; }
	.client-right { padding-left: 0; display: block; width: 100%; margin-top: 40px; }
	.client-qoute, .client-cols.set-quotes-false .client-qoute { font-size: 24px; line-height: 32px; padding-top: 0; padding-left: 60px; padding-right: 55px; }
	.client-qoute:before { left: 0; top: -15px; }
	.client-qoute:after,  .client-qoute:before { height: 60px; width: 50px; }
	.client-qoute:after { bottom: -15px; }
/* 	.client-row .slick-arrow { right: 0; } 
	.client-row .slick-next.slick-arrow { margin-bottom: 8px; right: 25px; }*/
	.pagingInfo { right: 60px; }
	.client-bottomtext { margin-top: 40px; padding-right: 110px; padding-left: 60px; }
	.hs-submit .actions { padding-left: 115px; }
	.client-image { margin-right: 0; max-width: 100%; text-align: center; width: 100%; }
	.client-image img { margin-left: auto; margin-right: auto; max-width: 322px }

	.footer-logosec { width: 60%; }
	.footer-btnsec { width: 40%; }
	.footer-menusec { width: 100%; margin-top: 60px; }

	.pro-col-left { padding-right: 0;}
	.pro-col-right { width: 100%; margin: 0 }
	.dm-two-columns .flex-reverse { flex-flow: column; }
	.dm-two-columns .flex-reverse .pro-col-right { margin-top: 50px; text-align: center; }
	.img-scale-big { -webkit-transform: scale(1); }
	.pro-col-left { width: 100%; }
	.pro-col-right > span { top: -60px; max-width: 200px;  }
	.client-sec.o2 .client-outer:before { left: 50%; transform: translateX(-50%); }
	.center-pyramid img { max-width: 467px !important; }	

	.hs-careers .hs-product-left h1 { margin: 0 0 30px; }
	.hs-careers .hs-product-left { width: 100%; }
	.abd-columns .pro-col-right { margin-bottom: -30px; margin-top: 0; text-align: center; }
	.hs-careers-right { width: 100%; margin: 30px 0 0;  text-align: center; }
	.hs-careers .btn-arrow-left a { right: 0; }
	.ocv-left { width: 100%; margin: 0 0 50px;  }
	.ocv-left .title-color,  .ocv-rating { text-align: center; }
	.ocv-right { margin-left: 0; width: 100%; }
	.request-demo-sec .pro-col-left { padding-bottom: 50px; }
	.req-demo-form { margin-left: 0; width: 100%; }

	.hs-careers.hs-pillar .btn-arrow-left { position: static; margin 10px 0 0;  }

	.tco2 .left-title { padding: 0; margin: 0 0 20px; }
	.right-content { width: 100%; margin-left: 0;}
	.left-title { width: 100%; }
	.toc-section .left-title > h3  { padding-right: 0; }
	.hs-pillar .hs-careers-right img { transform : none;  }
	.toc-button { width: 31.56%; }
	.toc-button:nth-child(3n+1) { margin-right: 2.66%; }
	.toc-button:nth-child(3n){ margin-right: 0; }	 
	.com-left-block { padding-right: 0;  width: 100%; }

	.com-left-block:after,  .com-right-block:after { content: " "; position: absolute; top: 0; width: 2000%; height: 100%; background: inherit; z-index: -1; }
	.com-left-block:after { left: 100%; }
	.com-right-block:after { right: 100%; }
	.com-left-block { padding: 60px 0; }
	.com-right-block { padding: 60px 0 30px; width: 100%; }
	
	.web-post-header { margin: 0 0 40px; }
	.web-post-title { width: 100%; padding-right: 0; }
  .web-post-date { width: 100%; margin: 30px 0 0; padding: 0; }
	.web-post-left { width: 100%; padding-right: 0; }
	.web-post-logo img { margin: 30px 0 0; }
	.web-post-body { width: 100%; margin: 40px 0 0;  }
	.speaker-image { width: 200px; height: 200px; }
	.speaker-name { margin-top: -50px; }
	.webfm-bg-shape { width: 350px; height: 183px; }
	
	.wblog-post-hero { padding: 150px 0 0; }
	.wblog-vleft { width: 100%; padding: 56.25% 0 0; }
	.wblog-vright { width: 100%; padding: 0; }
	.wblog-vright ul { margin: 40px 0 0; text-align: center; }
	.wblog-vright ul li { display: inline-block; vertical-align: middle; margin: 2px; }
	.wblog-right-logo { text-align: center; }
	
	
	.client-image { margin-bottom: 0; }
	.hero-resources { padding: 150px 0 0; }
	 .hs-resource-title { padding: 0 0 35px; }
	.blog-list-search input { max-width: 100%; }
	.blog-filter-left { width: 100%; }
	.blog-list-search { width: 100%; margin: 30px 0 0; }
	.cbn-slide-left { width: 100%; padding: 56.25% 0 0; }
	.cbn-slide-right { width: 100%; padding: 50px 25px 60px; }
	.cbn-slide-right .hero-case-study-linerow { width: 100%; height: 20px; top: 0; } 
	.resourceBox { width: calc(50% - 30px); }
	
	.hs-art-hero .hs-refer-left { width: 100%; }
	.hs-art-hero .hs-refer-right img { transform: scale(1); left: 0; max-width: 396px !important; margin: 0 auto; display: block; width: 100%;  }
	.hs-art-hero .hs-refer-right { margin: 0; padding-left: 0; width: 100%; }
	.blog-article-postbody { width: 100%; }
	.blog-social-share.wblog-vright { width: 100%; padding: 0; }
	.blog-social-share.wblog-vright ul { width: 100%; }
	.video-wblog-post.o2 .wblog-vleft { max-width: 100%; }
	.body-container--blog-post-article .left-title, .body-container--blog-post-article .right-content { width: 100%; }
	.hs-panel-left h2 { font-size: 36px; }
	.hero-pri-shape { bottom: -22px; }
	.hero-pri-shape img { max-width: 170px; }
	.hero-pri-shape img ~ img { margin: 20px 0 0 55px; }
	.hero-n-post { padding: 185px 0 60px; }
	
	.how-started-left { margin-left: 0; width: 100%; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; }
	.how-started-right { width: 100%; padding-right: 15px; padding-left: 15px; padding-bottom: 30px; }
	.how-started-line , .how-started-right-image { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
	.how-started-right-text { max-width: 380px; padding-right: 0; }
	
	.our-vision-round { padding: 80px; max-width: 670px; min-height: 670px; }
	.cbn-outer .slick-track { display: block; }
	
	.assessFirst { background: #FFF; padding: 40px 50px; }
	
}


@media(max-width: 767px){ 

	.wrapper { max-width: 100%; }

	body { font-size: 18px; line-height: 28px; }
	form .form-columns-3 .hs-form-field, form .form-columns-2 .hs-form-field { margin-right: 0; width: 100% !important; }
	form .hs-form-field { margin-bottom: 15px; }


	.child-trigger { height: 50px !important; }	
	.header-menu .hs-menu-wrapper > ul > li > a { line-height: 30px; font-size: 18px; }

	h1 { font-size: 44px; line-height: 54px; } 	
	h2 { font-size: 36px; line-height: 40px; }
	h3 { font-size: 28px; line-height: 34px; }
	h4 { font-size: 22px; }

	.hero-sec:after { min-height: 430px; width: 430px; }	

	.hero-left-btn a { font-size: 16px; padding-right: 110px; }	
	.hero-left-btn a:before { min-height: 20px; width: 90px; }	
	.zig-zagbtn a { padding-left: 110px; }
	.zig-zagbtn a:before { min-height: 20px; width: 90px; }
 
	.testimonial-row { width: 100%; margin-left: 0; margin-right: 0; }
	.testimonial-cols .slick-track { display: block !important; margin: 0; }
	.testimonial-image { border-radius: 20px; margin: 20px auto; max-width: 400px; }
	/*  .body-container .testimonial-text { margin-top: 10px; } 
	.body-container .testimonial-row { margin-top: 10px; } */
	.testimonial-imagewrapper.slick-center .testimonial-image { filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1)); }
	.testimonial-text { max-width: 100%; }
	.testimonial-imagewrapper.slick-center { transform: scale(1); }
	.testimonial-imagewrapper { margin: 0 5px; }
	.testimonial-image img { width: auto; }
	.zig-zagtext ul li { margin-bottom: 10px; }
	.zig-zagtext { margin-top: 15px; }	
	.zig-zagbtn { margin-top: 25px; }	

	.leaders-lftlogo { margin-bottom: 30px; }
	.leaders-tmrimage:before { min-height: 470px; min-width: 470px; }
	.leaders-tmrimage { max-width: 280px; min-height: 280px; }	
	.leaders-cscol { width: 100%; margin-right: 0; }	
	.leaders-cscol:nth-child(3n) { margin-right: 0; }	
	.leaders-csbtn a { font-size: 16px; padding: 12px 10px; }	
	.leaders-csbtn:after,  .leaders-csbtn:before { width: calc(50% - 100px); }

	 .forms-row form > fieldset:nth-child(2) { width: 100%; margin-bottom: 20px; }
	 .forms-row form .hs-submit { padding-left: 0; width: 100%; }	

	 .client-qoute { font-size: 20px; line-height: 30px; }

	.footer-bottom { margin: 20px 0 0; }

	.hs-product-left { width: 100%;}
	.hs-product-right { margin: 40px 0 0; width: 100%;  }
	.hs-product-right img { -webkit-transform: scale(1.1); max-width: 500px !important; margin: 0 auto; width: 100%; display: block;}
	.hero-product:after { width: 500px; height: 500px; }
	.pro-col-left { width: 100%; padding: 0;  }
	.brands-logo { width: 33.33%; margin-right: 0; padding: 0 10px; }
	.hs-pro-text ul li { margin: 0 0 20px; }
	.pro-col-right { width: 100%; margin: 0; }
	.img-scale-big { transform: scale(1); }
	.pro-col-right > span { top: -60px; max-width: 200px; }
	.adf-main-title h3 > span { display: inline; }
	.adf-box { margin: 35px 0 0 0; width: 100%; padding: 0 0 35px; border-bottom: 1px solid rgba(0,0,0,.1); }
	.adf-box:before { display: none; }
	.adf-box:last-child { border-bottom: 0; padding-bottom: 0; }
	.adf-title h4 { font-size: 22px; }
	.adf-center-img img { transform: scale(1); margin-bottom: 0; }
	.left-title { width: 100%; }
	.right-content { width: 100%; margin-left: 0; }
	.title-content-outer { margin: 0 0 40px; }
	.center-pyramid img { max-width: 300px!important; }
	.request-demo-sec .pro-col-left { padding-bottom: 40px; } 
	.req-demo-form { width: 100%; margin-left: 0; }
	.pro-col-left h3 { padding: 0; }

	.hs-cimg { width: 230px; height: 230px; }
	.ocv-box { width: 100%; margin: 0 0 50px;  }
	.toc-scroll-btns { padding: 50px 0; }
	.toc-button { width: 48.67%;  }
	.toc-button:nth-child(2n){ margin-right: 0; }
	.toc-button:nth-child(2n+1){ margin-right: 2.66%; }
	
	.web-post-title h1 { font-size: 40px; line-height: 46px; }
	.speakers-block { width: 100%; margin-right: 0; }
	.web-form-right form { padding: 0; }
	.web-form-right form .actions { position: relative; margin: 20px 0 0; }
	.web-form-right .hs_submit.hs-submit { text-align: right; }
	.web-post-small { width: 100%; margin-right: 0; }  
	.wrap-webForm { padding: 20px 0 0; }
	.webfm-bg-shape { width: 250px;  height: 131px; right: -30px; top: -18px; }
	
	.blog-cbn-featured:after { width: 465px; height: 465px; } 
	.resWidth .resourceBox:nth-child(1), .resWidth .resourceBox:nth-child(2), .resourceBox { width: calc(100% - 30px); } 
	.resWidth .resourceBox:nth-child(1) .resTitle h3, .resWidth .resourceBox:nth-child(2) .resTitle h3, .resources-recent-listing:nth-child(3) .resourceBox:nth-child(odd) .resTitle h3, .resources-recent-listing:nth-child(3) .resourceBox:nth-child(odd) .resTitle h3 a { font-size: 28px; line-height: 34px; }
	
	.hs-art-hero .hs-refer-left h1 { font-size: 36px; line-height: 40px; }
	.hero-pri-shape img { max-width: 220px; }
	.hero-pri-shape { position: static; display: flex; flex-direction: column; align-items: flex-end; display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: flex-end; margin: 0 0 -25px; }
	.hero-pri-shape img ~ img { margin: 20px 0 0; max-width: 180px; }
	.hero-pri-title h1 { margin: 0 0 30px; }
	.priiTitle { width: 100%; }
	.priiContent { width: 100%; padding: 10px 0 0; }
	.priItem { margin: 0 0 40px; }
	.hero-n-post { padding: 150px 0 40px; }
	.hero-n-post .hero-contact-header { width: 100%; }
	
	/* error page */
	
	.error_sec .num-text { font-size:110px; }
	.error_sec:after { width:400px; height:400px; }
	
	.how-started-left h2 { font-size: 46px; line-height: 54px; }
	
	.our-vision-title h2 { font-size: 26px; line-height: 32px; }
	.our-vision-subtitle { margin-bottom: 30px; }
	.our-vision-round { align-items: center; padding: 60px; max-width: 450px; min-height: 450px; }
  .our-vision-innerround { max-height: 250px; }

	.client-row .pagingInfo.slidePagination { right: 10px; }
	.testimonial-cols .slick-list { height: auto !important; }

	.assessmentSection:not(.active) { padding-top:40px !important; }
	.assessmentSection { font-size: 16px; line-height: 24px }
	.assessFirst, .assessRow, .assessoText, .afoText { padding:30px; }
	.assessFirst form .hs-submit .actions { margin-bottom: 30px; }
	.assessAns .aaAns { width: 100%; min-height: 0; padding: 10px; margin-right:0; }
	.assessNumber li { margin: 10px 10px 0 0; width: 51px; height: 51px; }
	.assessNumber li.active { border: #79a1ac solid 10px; width: 70px; height: 70px; }
	.showOverview.os, .showOverview.so { max-width: 100%; width: 100%; text-align: center; }
	.assessWrap h2 { font-size: 40px; margin: 10px 0; } 
	.assessOver { padding: 50px 0 0; } 
	.assessoBtn { text-align:center; }
	.lineRow > div { width: 16px; margin: 0 !important; }
	.lineNumbers, .lineRow:last-child { justify-content:space-between; }
	.lineNumbers .lnCol { width: 16px; height: 16px; margin: 0; font-size: 10px; font-weight: 700; line-height: 1; }
	.lineRow > div > span.active:first-child { font-size:8px; line-height:10px; }
	
	
	
	
}


@media(max-width: 480px){ 
	.footer-logosec { width: 100%; padding-right: 0; }
	.footer-btnsec { width: 100%; padding-right: 0; padding-top: 30px; }	
	.footer-menuinner { margin-left: 0 !important; width: 100%; margin-top: 20px; }
	.footer-menusec { margin-top: 20px; }

	.hero-sec:after { min-height: 300px; width: 300px; }
	.hero-left-text { margin-bottom: 25px; }
	.hero-left { margin-bottom: 40px; }

	.zig-zagleft .zig-zagouter { max-height: 300px; max-width: 300px; min-height: 300px; padding: 20px; }
	.zig-zaginner { max-height: 260px; max-width: 260px; min-height: 260px; padding: 20px 40px; }
	.zig-zaginner h2 { font-size: 28px; line-height: 34px; }
	.zig-zagright { margin-top: 25px; }

	.leaders-lftlogo img { max-width: 180px !important; }
	.leaders-lftquote { margin-bottom: 20px; }

	.leaders-tmrimage:before { min-height: 320px; min-width: 320px; }
	.leaders-tmrimage { max-width: 190px; min-height: 190px; }
	.leaders-csbtn a { font-size: 14px; }
	 .leaders-csbtn:after,  .leaders-csbtn:before { width: calc(50% - 90px); }	
	.leaders-cscol h3 { font-size: 24px; line-height: 32px; margin-bottom: 25px; }

	.client-header { margin-bottom: 25px; }
	.client-img { max-width: 290px; min-height: 290px; min-width: 290px; }
	.client-right { margin-top: 0; }
	.client-qoute { padding-left: 0; padding-right: 0; margin-top: 60px; margin-bottom: 60px; }
	.client-qoute:before { height: 50px; width: 40px; top: -50px; }
	.client-qoute:after { bottom: -60px; }
	.client-bottomtext,
  .client-qoute, .client-cols.set-quotes-false .client-qoute { padding-left: 20px; padding-right: 20px; }
	.pro-col-right > span { max-width: 150px; }
	.brands-logo { width: 50%; }
	.hero-product:after { opacity: 0.4; }

	.zig-zagleft .zig-zagouter{ max-height: 290px; max-width: 290px; min-height: 290px; padding: 20px; }
	.zig-zaginner { max-height: 250px; max-width: 250px; min-height: 250px; padding: 20px 40px; }


	.btn-optn.bottomline-btn.btn-rightopn a { padding-left: 130px; }
	.btn-optn.bottomline-btn a { padding-right: 130px; }
	.btn-optn.bottomline-btn a:before { width: 101px; } 

	.btn-arrow-left.btn-line-img:not(.btn-on-left) a { padding: 0 0 0 130px; }
	.btn-arrow-left.btn-line-img.btn-on-left a { padding: 0 130px 0 0; }
	.hs-careers .btn-arrow-left a > span { min-width: 138px; }
	.btn-arrow-left.btn-line-img a:before { width: 101px; }

	.toc-button { width: 100%; margin-right: 0 !important; }
		
	.our-vision-round .our-vision-lines { -webkit-mask-image: radial-gradient(transparent 68%, black 68%); mask-image: radial-gradient(transparent 68%, black 68%); }
	.our-vision-subtitle { margin-bottom: 15px; }
	.our-vision-round { padding: 25px; max-width: 290px; min-height: 290px; }
	.our-vision-innerround { max-height: 135px; }
	.our-vision-title h2 { font-size: 22px; line-height: 28px; }
	.our-vision-subtitle h4 { font-size: 20px; }
	
	
}