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

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

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

html {
  line-height: 1.8; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

h1 {

}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

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

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

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

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

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

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

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

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
@font-face {
    font-family: 'FedraSansStd';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Normal.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd Normal'), local('FedraSansStd-Normal'),
			  url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Normal.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Normal.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Normal.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FedraSansStd';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20NormalItalic.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd Normal Italic'), local('FedraSansStd-Normal-Italic'),
			  url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20NormalItalic.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20NormalItalic.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20NormalItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* @font-face {
    font-family: 'FedraSansStd';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Light.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd Light.eot'), local('FedraSansStd-Light'),
			  url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Light.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Light.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'FedraSansStd';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Fonts/FedraSansStd-Light-new.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd Light New.eot'), local('FedraSansStd-Light-New'),
			  url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Fonts/FedraSansStd-Light-new.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Fonts/FedraSansStd-Light-new.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Fonts/FedraSansStd-Light-new.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} 

@font-face {
    font-family: 'FedraSansStd';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20LightItalic.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd Light Italic.eot'), local('FedraSansStd-Light-Italic'),
			  url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20LightItalic.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20LightItalic.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FedraSansStd';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Medium.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd Medium'), local('FedraSansStd-Medium'),
			  url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Medium.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Medium.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FedraSansStd';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20MediumItalic.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd Medium Italic'), local('FedraSansStd-Medium-Italic'),
			  url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20MediumItalic.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20MediumItalic.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/FedraSansStd%20MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TomatoGrotesk-Medium';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Medium.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk Medium'), local('TomatoGrotesk Medium'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Medium.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Medium.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TomatoGrotesk-Light';
    src: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Light.eot');
    src: local('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk Light'), local('TomatoGrotesk Light'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Light.otf') format('opentype'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Light.woff') format('woff'),
        url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/Fonts/TomatoGrotesk-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Primary Colors */

 
 
 
 
 






html {
	font-size: 18px;
}
@media (max-width: 1440px) {
	html {
		font-size: 18px;
	}
}
@media (max-width: 1280px) {
	html {
		font-size: 18px;
	}
}

@media (max-width: 1024px) {
	html {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	html {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	html {
		font-size: 16px;
	}
}

body {
	color: #2B2B2E;
	font-family: 'FedraSansStd', sans-serif;
	font-weight: 400;
	line-height: 1.7;
	word-break: break-word;
}

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

/* Paragraphs */

p {
	font-size: 1rem;
	margin: 0 0 2rem;
	font-weight: 400;
	line-height: 1.65;
}

strong {
	font-weight: 700;
}

/* Anchors */

a {
	transition: .5s ease-in-out;
	color: #2B2B2E;
	cursor: pointer;
	text-decoration: none;
}

a:hover, 
a:focus, 
a:active {
	color: #1922FB;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	color: #2B2B2E;
	font-weight: 500; 
	margin: 0 0 1rem;
	line-height: 1.14em;
	word-break: keep-all;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
	color: #1922FB;
}
h1 {
	font-size: 4.778rem;
	line-height: 1.15;
	margin-bottom: 0.9rem;
}

h2, .title_name, .blog #form_subscribe_blogList h3 {
	font-size: 4.1rem;
	line-height: 1.19;
}

h3 {
	font-size: 1.562rem;
	line-height: 1.44;
}

h4 {
	font-size: 1.5625rem;
	line-height: 1.43;
}

h5 {
	font-size: 1.375rem;
}

h6 {
	font-size: 1.2rem;
}
@media (max-width: 1440px) {
	h2, .title_name, .blog #form_subscribe_blogList h3 {
		font-size: 3.5rem;
	}
	h1 {
		font-size: 4.2rem;
	}
}
@media (max-width: 1366px) {
	h2, .title_name, .blog #form_subscribe_blogList h3 {
		font-size: 3.3rem;
	}
	h1 {
		font-size: 4rem;
	}
}
@media (max-width: 980px){
	h1 {
		font-size: 3.85rem;
	}
}
@media (max-width: 767px) {
	h1 {
		/* 		font-size: 3.75rem; */
		font-size: 2.7rem;

	}

	h2, .title_name,
	.blog #form_subscribe_blogList h3 {
		/* 		font-size: 3.125rem; */
		font-size: 2.3rem;		

	}

	h3 {
		font-size: 1.4rem;
	}

	h4 {
		font-size: 1.25rem;
		line-height: 1.25;
	}
}


/* Lists */

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

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


/* Code blocks */

code {
	vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

hr {
	background-color: #CCC;
	border: none;
	color: #CCC;
	height: 1px;
}

/* Subscripts and superscripts */

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Focus styles */

:focus {
	outline: auto;
}

.disable-focus-styles :focus {
	outline: none;
}

.disable-link-event {
	pointer-events:none;
	cursor: pointer;
}
.blog-single .blog-section .hs-mce-draggable, .blog-single .blog-section p>img {
	max-height: unset !important;
	left: unset !important;
	right: unset !important;
	display: unset !important;
}





/* .blog form .hs-button, */
.discover a,
button:not(.uiButton),
.button,
a.btn {
  padding-right: 1.909rem;
  font-family: 'TomatoGrotesk-Medium', sans-serif !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  color: #2B2B2E;
  text-transform: uppercase;
  line-height: 2.75 !important;
  position: relative;
  transition: all .37s ease-in-out;
  text-decoration: unset !important;
  display: flex;
  align-items: center;
  text-align: left;
  width: fit-content;
  z-index: 2;
}

.discover a:hover,
.discover.blue a:hover,
.blog form .hs-button:hover {
  color: #2B2B2E;
}


.discover.blue a {
  color:  #2B2B2E;
}

.owl-carousel .owl-nav button, .discover.nblue a {
  color:  #2B2B2E !important;
}
.owl-carousel .owl-nav button.owl-next, .discover.nblue .bx-next{
  padding-right: 1rem !important;
}
.owl-carousel .owl-nav button.owl-prev, .discover.nblue .bx-prev{
  padding-left: 1.909rem !important;
  margin-right: 2.27rem;
}
.discover.nblue a.bx-prev {
  padding-right: 0 !important;
  margin-right: 1.7rem;
}
.discover.nblue a.bx-next {
  margin-left: 1.7rem;
}

.blue-btn a {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	color: #1922FB;
	font-size: 1rem;
	position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  transition: all 0.37s ease-in-out;
}
.blue-btn a:after {
	content: '';
	top: 0;
	right: 0;
	margin-left: 14px;
	background-image: url('/hubfs/514553/Codec%202022/arrow-careers.svg');
	background-repeat: no-repeat;
	width: 25px;
	height: 14px;
	transition: all 0.37s ease-in-out;
}
.blue-btn a:hover {
	color: #2B2B2E;
}
.blue-btn a:hover:before {
	filter: grayscale(1);
}


.btn a,
.cta-button a,
.popup-container-mod form .hs_submit .actions,
.page .apply-now-section form .hs_submit.hs-submit .actions,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions,
.article-single .post-body-row a.primary-btn {
  font-family: 'TomatoGrotesk-Medium', sans-serif;
  height: 2.5rem;
  background: transparent;
  font-size: 1rem;
  text-align: left;
  color: #2B2B2E;
  padding: 0 0 0 0.5rem;
  width: max-content;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: all 0.37s ease-in-out;
  word-break: break-word;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  max-width: 100%;
  line-height: 1;
}
/* .page .pop-cont form .hs_submit .actions , */
.popup-container-mod form .hs_submit .actions,
.page .apply-now-section form .hs_submit.hs-submit .actions,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions {
  padding: 0;
}
@media (max-width: 767px){

  .btn a:hover, .article-single .post-body-row a.btn:hover, button:not(.uiButton):hover, .button:hover, button:not(.uiButton):focus, .button:focus, button:not(.uiButton):active, .button:active, .cta-button a:hover, .cta-button a:focus, .page .pop-cont form .hs_submit .actions:hover  {
    transition: all .37s ease-in-out;
    padding: 0 1.36rem 0 1.36rem;
    text-decoration: none;
    width: auto;
    text-align: left;
  }
  .talk .discover a {
    font-size: .818rem !important;
  }
  .popup-container-mod form .hs_submit .actions:hover {
    margin-right: 0;
  }
 
}
.cta-button a {
  color: #1bc9cc;
}
.btn a:before,
.cta-button a:before,
/* .page .pop-cont form .hs_submit .actions:before , */
.popup-container-mod form .hs_submit .actions:before,
.page .apply-now-section form .hs_submit.hs-submit .actions:before,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:before,
.article-single .post-body-row a.primary-btn:before {
  width: 2.55rem;
  height: 2.55rem;
  background-image: url('/hubfs/514553/Codec%202022/dots-btn.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -2;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transition: all .37s ease-in-out;
}


.btn a:after,
.cta-button a:after,
.popup-container-mod form .hs_submit .actions:after,
.page .apply-now-section form .hs_submit.hs-submit .actions:after,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:after,
.article-single .post-body-row a.primary-btn:after {
  width: 93px;
	height: 2px;
  z-index: -1;
  opacity: 1;
  position: absolute;
  left: 10px;
  bottom: 5px;
  content: '';
  transition: all .37s ease-in-out;
	background-color: #1922FB;
}
form .hs_submit .actions:after {
/*   content:'';
  position: relative;
  margin-left: .7rem;
  width: 35px;
  min-width: 35px;
  height: 20px;
  overflow: hidden; */
/*   background: -9px 50% / contain no-repeat url(/hubfs/25276569/Aspen%20-%20Website%20Asssets/right%20arrow%20%20hovered.svg),
    calc(100% - 6px) 50% / 9px 14px no-repeat url(/hubfs/25276569/Aspen%20-%20Website%20Asssets/btn-right-arrow-after.svg);     */
/*   transition: all .2s ease-in-out;  
  cursor: pointer;   */
}
/* form .hs_submit .actions:hover:after {
  background-position: 0 50% , calc(100% - 3px) center;
} */
.btn a:hover,
button:not(.uiButton):hover,
.button:hover,
button:not(.uiButton):focus,
.button:focus,
button:not(.uiButton):active,
.button:active,
.cta-button a:hover,
.cta-button a:focus,
.popup-container-mod form .hs_submit .actions:hover,
.page .pop-cont form .hs_submit .actions:focus,
.popup-container-mod form .hs_submit .actions:focus,
.page .apply-now-section form .hs_submit.hs-submit .actions:hover,
.page .apply-now-section form .hs_submit.hs-submit .actions:focus,
.page .apply-now-section form .hs_submit.hs-submit .actions:active,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:hover,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:focus,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:active,
.article-single .post-body-row a.primary-btn:hover,
.article-single .post-body-row a.primary-btn:focus,
.article-single .post-body-row a.primary-btn:active {
  transition: all 0.37s ease-in-out;
	padding-left: 1.65rem;
}
.btn a:hover:before,
.article-single .post-body-row a.primary-btn:hover:before,
.page .pop-cont form .hs_submit .actions:hover:before, .pop-cont form .hs_submit .actions:focus:before,
.page .apply-now-section form .hs_submit.hs-submit .actions:hover:before, #form_subscribe_blogList2 form .hs_submit.hs-submit .actions:hover:before{
  transform: rotate(180deg);
}
.btn a:hover:after,
.article-single .post-body-row a.primary-btn:hover:after,
.page .apply-now-section form .hs_submit.hs-submit .actions:hover:after, 
.page .apply-now-section form .hs_submit.hs-submit .actions:active:after, 
.page .apply-now-section form .hs_submit.hs-submit .actions:focus:after, 
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:hover:after,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:active:after,
#form_subscribe_blogList2 form .hs_submit.hs-submit .actions:focus:after{
  width: calc(100% - 45px);
}

.blog #form_subscribe_blogList2 form .hs-button:hover {
  color: #fff;
}

.cta-button a:hover:before {
  border-bottom: 60px solid #22417a;
  height: 0;
  width: 100%;
}

.resources.discover.blue a{
  font-size: .909rem !important;
}
:focus {
  outline: none!important;
}
.cta-button-vd-open {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  font-family: 'TomatoGrotesk-Medium', sans-serif;
  font-size: 18px;
/*   font-weight: bold; */
  padding: 1.55em 3.5em;
  text-align: right;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.cta-button-vd-open svg {
  margin-right: 0;
}
.cta-button-vd-open .svg-2 {
  display: none;
  transition: all .5s;
  transition-timing-function: ease-in-out;
}
.cta-button-vd-open .svg-1 {
  transition: all .5s;
  transition-timing-function: ease-in-out;
}
.cta-button-vd-open:hover .svg-1{
  display: none;

}
.cta-button-vd-open:hover .svg-2{
  display: block;
}
.btn-btm {
  position: absolute;
  height: 3.8rem;
  width: 3.8rem;
  background: #00C0EA;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 1.4rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all .2s ease-in-out;
  z-index: 1;
}
.btn-btm .hover {
  display: none;
}
.btn-btm:hover .hover {
  display: block;
}
.btn-btm:hover .main {
  display: none;
}
.difference-page .btn-btm{
  background: #fff;
  bottom: 0;
}
.btn-btm a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow,
.article-single .post-body-row a.primary-btn .arrow {
  display: inline-block;
  width: 10px;
  position: relative;
  margin-left: 25px !important;
  transition: all .35s ease-in-out;
	top: 1.5px;
}
.arrow:before,
.article-single .post-body-row a.primary-btn .arrow:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("/hubfs/514553/Codec%202022/arrow-btn.svg");
	background-repeat: no-repeat;
	width: 10px;
	height: 15px;
}
/* .arrow-down .arrow {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 13px;
  height: 13px;
  border-radius: 0;
  transition: all .35s ease-in-out;

} */
/* .arrow-down .arrow2 {
  position: absolute;
  right: -10px;
  bottom: 0px;
  width: 11px;
  height: 11px;
  border-radius: 0;
  transition: all .35s ease-in-out;

} */
/* a:hover .arrow {
  right: -15px;
} */
/* .arrow-down .line {
  height: 3px;
  position: absolute;
  top: -1px;
  left: 0px;
  border-radius: 0;
  overflow: hidden;
  display: block;
  margin-left: 0;
  transition: all .35s ease-in-out;
} */
.arrow-down .line::before {
/*   content: "";
  display: block;
	background
  width: 100%;
  height: 100%; */
  /*   background: linear-gradient(rgb(35, 31, 32) 50%, rgba(35, 31, 32, 0) 0px) 0px -24px / 100% 200%; */
/*   background: rgba(35, 31, 32, 1);
  background-position: 0px -24px; */
}
.arrow-down.orange .line::after {
  /*   background: linear-gradient(rgb(247, 158, 49) 50%, rgba(247, 158, 4, 0) 0px) 0px -24px / 100% 200%; */
/*   background: rgba(247, 158, 49, 1); */
}

/* a:hover .arrow-down .line{
  width: 30px;
  left: 5px;
} */

/* .arrow-down .arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: -1px;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
  border-top: 3px solid rgb(35, 31, 32);
  border-right: 3px solid rgb(35, 31, 32);
}
.arrow-down.orange .arrow::after {
  border-color: rgb(247, 158, 49);
}
.arrow-down .arrow2::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: -0.4px;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
  border-top: 3px solid rgb(35, 31, 32);
  border-right: 3px solid rgb(35, 31, 32);
}
.arrow-down.orange .arrow2::after {
  border-color: rgb(247, 158, 49);
} */
/* a:hover .arrow-down .arrow2  {
  right: -15px;
} */
.discover.orange .arrow-down .line:after {
  /*   background: linear-gradient( 50%,rgba(35,31,32,0) 0) 0 -24px/100% 200%; */
/*   background: ; */
}
.discover.orange .arrow-down .arrow2:after, .discover.orange .arrow-down .arrow:after{
/*   border-color: ; */
}

@media (max-width: 980px) {
  .cta-button-vd-open  {
    font-size: 12px;
    white-space: nowrap;
  }

  .cta-button-vd-open svg {
    width: 100px;
    height: auto;
  }
  .btn a:before,
  .cta-button a:before,
  /* .page .pop-cont form .hs_submit .actions:before , */
  .popup-container-mod form .hs_submit .actions:before,
  .page .apply-now-section form .hs_submit.hs-submit .actions:before,
  #form_subscribe_blogList2 form .hs_submit.hs-submit .actions:before {
/*     width: 5.375rem;
    height: 5.375rem; */
  }
  .btn a:after,
  .cta-button a:after,
  /* .page .pop-cont form .hs_submit .actions:after , */
  .popup-container-mod form .hs_submit .actions:after,
  .page .apply-now-section form .hs_submit.hs-submit .actions:after,
  #form_subscribe_blogList2 form .hs_submit.hs-submit .actions:after {
/*     width: 5.375rem;
    height: 5.375rem;
    background-size: 6.3rem; */
  }
}

@media (max-width: 767px) {
	.btn a,
	.cta-button a,
	.popup-container-mod form .hs_submit .actions,
	.page .apply-now-section form .hs_submit.hs-submit .actions,
	#form_subscribe_blogList2 form .hs_submit.hs-submit .actions {
		max-width: fit-content;
	}
}

@media (max-width: 480px) {
  .btn-btm svg {
    transform: scale(.8);
  }
  .cta-button-vd-open  {
    font-size: 12px;
    white-space: nowrap;
  }
   .btn a,
  .cta-button a,
  .popup-container-mod form .hs_submit .actions,
  .page .apply-now-section form .hs_submit.hs-submit .actions,
  #form_subscribe_blogList2 form .hs_submit.hs-submit .actions {
      margin: 0 auto;
  }
}

/* .arr-btn a,
a.arr-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 10;
  color:#BBBBBB;
  font-family: 'TomatoGrotesk-Medium',sans-serif;
  background-color: unset;
  border: unset;
  border-radius: 0;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;  
}
.blog-single .blog-section a.arr-btn {
  color: #BBBBBB;
  margin: 3.86rem 0;
  font-weight: 900;
}
.blog-single .blog-section .arr-btn-back a{
  color: #2B2B2E;
  font-weight: 900;
  margin-bottom: 0;
}
.arr-btn a:after,
a.arr-btn:after,
.arr-btn-back a:before {
  content:'';
  position: relative;
  margin-left: 1rem;
  width: 35px;
  min-width: 35px;
  height: 20px;
  overflow: hidden;
  transition: all .2s ease-in-out;  
  cursor: pointer;  
}
.arr-btn-back a:before  {
  margin-left: 0;
  margin-right: 1rem;
}
.arr-btn a:hover:after,
a.arr-btn:hover:after,
.arr-btn-back a:hover:before {
  background-position: 1px 50% , calc(100% - 5px) center;
  background-size: contain, 7px 14px;
}
.arr-btn-back a:before {
  transform: rotate(180deg);
}
.arr-btn-back a:after {
  display: none;
  content: none;
}
.btn a .arrow-down {
  margin-left: 10px;
} */


a:focus-visible {
  outline: 2px dashed #1922fb !important;
}

nav.offcanvas-nav a:focus-visible {
  outline: 2px dashed #fff !important;
}

p > a {
	color: #1922fb;
	transition: none;
}

p > a:hover {
	border-bottom: 2px solid #1922fb;
}
/* Form */

form {

}

.hs-form-field {
  position: relative;
  margin-bottom: 1.77rem;
}


/* Labels */

form label {
  color: #948F8A;
  display: block;
  font-size: 1rem;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
  line-height: 1.1;
}
/* form .field.hs-form-field>label {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 66%;
  transform: translateY(-50%);
  left: 0;  
  line-height: 1;  
  transition: all .3s ease-in-out;
}
form .field.hs-form-field.focus>label {
  top: 0;
  transform: translateY(0);
  font-size: .75rem;

} */





/* Help text - legends */

form legend {
  color: #33475B;
  font-size: 0.875rem;
}

/* Inputs */

.input {
  position: relative;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea 
/* input:-internal-autofill-selected  */
{
 background: transparent !important;
    border: none;
    border-bottom: 2px solid #b6792f;
    border-radius: 0;
    color: #231f20 !important;
    display: inline-block;
    font-size: 1rem;
    padding: 0.6rem 0.5rem 0.4rem;
    width: 100%;
    appearance: unset;
    background-image: unset !important;
}
/* input:-webkit-autofill, input:autofill {
      background: unset !important;
    background-color: transparent !important;
} */
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  outline-color: rgba(82, 168, 236, 0.8);
}
input:-webkit-autofill:focus,
input:-internal-autofill-selected,
textarea:-webkit-autofill,
input:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 border: 0px solid #E3E0DA;;
/*     border-bottom: 2px solid #E3E0DA; */
    -webkit-box-shadow: 0px 0px 0px 1000px #E3E0DA inset, 0px 0px 2px #E3E0DA !important;
    transition: background-color 5000s ease-in-out 0s;
    outline: unset !important;
}

textarea {
  resize: vertical;
  min-height: 40px; 
  height: auto;
  font-size: .85rem;

}

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

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

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

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

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

::placeholder {
  color: #BFBFBF;
}

/* Inputs - checkbox/radio */

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

}
.page form > .hs-form-field .inputs-list, .page .no-list.hs-error-msgs.inputs-list{
  position: absolute;
  bottom: -30px;
  right: 0;
}
.page .legal-consent-container .no-list.hs-error-msgs.inputs-list {
    position: absolute;
    top: 78%;
    transform: translateY(-50%);
    left: 0;
    right: unset;
    bottom: unset;
}
.inputs-list > li {
  display: block;
  margin: 1rem 0;
  padding: 0;
  width: 100%;
}

.inputs-list input,
.inputs-list span {
  font-size: 0.875rem;
  vertical-align: middle;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

/* Inputs - datepicker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #33475B;
  content:'\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

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

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

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

/* Inputs - file picker */

input[type=file] {
  background-color: transparent;
  border: initial;
  box-shadow: none;
  line-height: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

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

form .header {
  background-color: transparent;
  border: none;
}

/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display .hs-form-required {
/*   display: none; */
  color: #231f20;
}
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 0.69rem;
  line-height: 1.2;
  margin-left: 0 !important;  
}
form .hs-form-booleancheckbox {
  margin: 0 0 2rem;
}
form .hs-form-booleancheckbox-display > span {
  display: inline-flex !important;
  flex-flow: row nowrap;
  align-items: center; 
  cursor: pointer;
}
form .hs-form-booleancheckbox-display input[type="checkbox"]{
  display: none;
}
form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before{
  content: '';
  width: 46px;
  min-width: 46px;
  height: 43px;
  min-height: 43px;
  display: inline-block;
  float: left;
  margin-right: 1rem;
  background: transparent;
  transition: all .2s ease-in;
  background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Checkbox-bg.svg),center / 0 no-repeat url(/hubfs/514553/Codec%202022/Checkbox-toggle.svg);
  /* /hubfs/25276569/Aspen_files/checkbox-bg-check.svg */
  cursor: pointer;
}
form .hs-form-booleancheckbox-display input[type="checkbox"]+span:hover:before {
  background-size: contain,contain;  
  opacity: .5;  
}
form .hs-form-booleancheckbox-display input[type="checkbox"]:checked+span:before {
  background-size: contain,contain;
  opacity: 1;
}
form .hs-form-booleancheckbox-display input[type="checkbox"]:checked+span:hover:before {
  opacity: .75;  
}

/* Validation */

.hs-form-required {
  color: #948f8a;
}

.hs-input.invalid.error {
  border-color: #f70316;
}
.hs-error-msg {
  color: #f70316;
  font-weight: 500;
  margin-top: 0.35rem;
  font-size: .8rem;
}

.legal-consent-container .hs-error-msgs label {
  color: #ff5837 !important;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  z-index: 2;
  font-family: 'TomatoGrotesk-Medium', sans-serif; 
  background-color: unset;
  border: unset;
  border-radius: 0;
	color: #2B2B2E;
  cursor: pointer;
  display: inline-block;
	margin-left: 25px !important;
/*   font-weight: 800;   */
  height: auto;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  
  text-decoration: none;
/*   text-transform: uppercase; */
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
	position: relative:
}

form input[type=submit]:before,
form .hs-button:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("/hubfs/514553/Codec%202022/arrow-btn.svg");
	background-repeat: no-repeat;
	width: 10px;
	height: 15px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
	padding-left: 1.65rem;
	transition: all 0.37s ease-in-out;
  /*   background-color: #21222A;
  border-color: #21222A; */
  
  /* //color: #FFF; */
}

form input[type=submit]:active,
form .hs-button:active {
  /*   background-color: #71727A;
  border-color: #71727A; */
  
  /*   color: #FFF; */
}
form .hs_submit {
  padding: .6rem 0;
}
form .hs_submit .actions {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 10;
/* 	height: 2.5rem; */
}
form .hs_submit .actions:after {
	width: 93px;
  z-index: -1;
  opacity: 1;
  position: absolute;
  left: 10px;
  bottom: 5px;
  content: '';
  transition: all .37s ease-in-out;
	border: 1.5px solid #1922FB;
/*   content:'';
  position: relative;
  margin-left: .7rem;
  width: 35px;
  min-width: 35px;
  height: 20px;
  overflow: hidden;
  background: -9px 50% / contain no-repeat url(/hubfs/25276569/Aspen_files/right%20arrow%20%20hovered.svg),
    calc(100% - 6px) 50% / 9px 14px no-repeat url(/hubfs/25276569/Aspen_files/btn-right-arrow-after.svg);    
  transition: all .2s ease-in-out;  
  cursor: pointer;   */
}
form .hs_submit .actions:hover:after {
/*   background-position: 0 50% , calc(100% - 3px) center; */
	width: calc(100% - 45px);
}
/* .large-button form .hs_submit {
  padding: 1.9rem 0;
} */
/* .large-button form .hs_submit .actions{
  padding-left: 3rem;
	position: relative;
	height: 2.5rem;
} */
form .hs_submit .actions:before {
	width: 2.55rem;
  height: 2.55rem;
  background-image: url('/hubfs/514553/Codec%202022/dots-btn.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -2;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transition: all .37s ease-in-out;
/*   z-index: 0;
  content:'';
  position: absolute;
  width: 86px;
  min-width: 86px;
  height: 86px;
  left: 0;
  top:50%;
  transform: translateY(-50%);
  background: center / contain no-repeat url(/hubfs/25276569/Aspen_files/large-form-button.svg);  
  transition: all .2s ease-in-out;     */
}
form .hs_submit .actions:hover:before {
/*   transform: translateY(-50%) rotateZ(-40deg);   */
	transform: rotate(180deg);
}

/* @media (max-width: 1440px) {
  .large-button form .hs_submit .actions {
    padding-left: 1.9rem;
  }
  .large-button form .hs_submit .actions:before {
    width: 68px;
    min-width: 68px;
    height: 68px;
  }
} */

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
.submitted-message {
  color: #231F20;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-family: 'FedraSansStd',sans-serif;
  font-weight: 600;
}
@media(max-width:700px) {

}
/* Table */

table {
  border: 1px solid #2B2B2E;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

tbody + tbody {
  border-top: 2px solid #2B2B2E;
}

/* Table Cells */

th,
td {
  border: 1px solid #2B2B2E;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  background-color: #343A40;
  border-bottom: 2px solid #2B2B2E;
  color: #FFF;
  vertical-align: bottom;
}
.page {
	position: relative;
	background-color: #EEEDE9;
	/* 	overflow-x: hidden; */
}

.page .section {
	font-size: 1rem;
	position: relative;
	z-index: 1;
}

.page .row,
.page .rows-wrapper {
	float: none;
	width: 90%;
	margin: 0 auto !important;
}

.page .col {

}

.opening-panel {
	height: 100vh;
	opacity: 0;
	position: relative;
	max-height: 900px;
	transition: all .3s ease;
	transition-delay: .5s;
	padding: 9.7rem 0 0;
}
.opening-panel.animated {
	opacity: 1;
}

@media (max-width: 1440px) and (min-width: 768px) {
	.page .row,
	.page .rows-wrapper {
		float: none;
		width: 85%;
		margin: 0 auto !important;
	}
	/*   .opening-panel .col2 {
	transform: scale(.85);
} */
}
@media (max-width: 1024px) and (min-width: 768px) {
	.page .row,
	.page .rows-wrapper {
		float: none;
		width: 90%;
		margin: 0 auto !important;
	}
}
@media (max-width: 980px) {
	.opening-panel {
		padding-top: 150px; 
		height: auto;
	}
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.page {
  animation: fadein 2s;

}
.opening-panel.animated .col2 {
  transition: .7s ease-in-out;
  transition-delay: .8s;

  opacity: 1;
}
.opening-panel h1 {
  position: relative;
  top: -28rem;
}
.opening-panel.animated h1 {
  top: 0;
}
.opening-panel h1 span {
  opacity: 0;
  transition: .7s ease-in-out;
  transition-delay: .8s;
}
.opening-panel.animated h1 span{
  opacity: 1;

}
.page.lockscroll {
  overflow: hidden;

}

.hs-inline-edit h2 {
	opacity: 1 !important;
}
h2 {
  opacity: 0;
  transition: .5s ease-in-out;
  transition-delay: 0s;
}
h2.anim {
  opacity: 1;
}
.page #hs-eu-cookie-confirmation {
	top: initial;
	bottom: 1.5rem !important;
	left: unset;
	right: 1.5rem;
	width: 488px;
	height: 144px;
	border: none;
	background-color: transparent;
	text-shadow: none !important;
	position: fixed !important;
	box-shadow: unset !important;
	border: unset !important;
}

.page #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
	padding: 18px 41px 18px 36px !important;
	background: transparent;
	backdrop-filter: blur(16px) opacity(61%) contrast(35%);
	--webkit-backdrop-filter: blur(16px) opacity(61%) contrast(35%);
	background-color: rgba(227,224,218,0.5);
	/* (plus shape's fill blended on top as a separate layer with 61% opacity) */
}

.page #hs-eu-policy-wording {

}

.page #hs-eu-cookie-confirmation #hs-eu-policy-wording p,
.page #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a {
	color: #2B2B2E!important;
	font-size: 12px !important;
	line-height: 1.7 !important;
	font-weight: 400 !important;
	margin: 0;
	text-align: right;
	max-width: 386px;
	margin-left: auto;

}
.page #hs-eu-cookie-confirmation #hs-eu-policy-wording p {
	margin-bottom: 14px;
}

.page #hs-eu-cookie-confirmation #hs-eu-policy-wording {
margin: 0 0 23px;
	font-size: 12px !important;
	line-height: 1.9 !important;
	text-align: right;
	color: #2B2B2E;
}

.page #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a:hover {
	text-decoration: underline !important;
}

body.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
	justify-content: space-between;
}

.page #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-button-group {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: flex-start;
}

.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
	margin-right: 2.54rem;
	border: unset !important;
	padding: 0 !important;
	font-weight: normal !important;
	font-size: 16px !important;
	line-height: 1.375;
	text-align: left;
	color: #2B2B2E !important;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	margin: 0 !important;
}

.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	margin-right: 0 !important;
	line-height: 100%;
	background: none !important;
	border: none !important;
	box-shadow: none;
	text-shadow: none !important;
	color: #1922FB !important;
	text-transform: capitalize;
	padding: 0 !important;
	padding-right: 0 !important;
	position: relative;
	transition: .3s ease-in-out;
	border: unset !important;
	padding: 0 !important;
	font-weight: normal !important;
	font-size: 16px !important;
	line-height: 1.375;
	margin-left: 3.5rem !important;
}

.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover {
	text-decoration: none !important;
}

.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
	color: #2B2B2E !important;
}

@media (max-width: 535px) {
	.page #hs-eu-cookie-confirmation {
		width: 90% !important;
		left: 50%;
		transform: translateX(-50%);
		height: auto;
		bottom: 1.5rem;
	}
}

@media (max-width: 480px) {
	body.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
		flex-direction: column;
	}
	.page #hs-eu-cookie-confirmation #hs-eu-policy-wording p,
	.page #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a {
		max-width: 100%;
		text-align: center;
	}
}


body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
    margin-right: 0;
    justify-content: center;
}

@media (max-width: 767px) {
	.page #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
    padding: 18px 41px 18px 36px !important;
		background: transparent;
		backdrop-filter: blur(16px) opacity(61%) contrast(35%);
		--webkit-backdrop-filter: blur(16px) opacity(61%) contrast(35%);
		background-color: rgba(227,224,218,1);
	}
}

body{
	overflow: hidden;  
}

.page .cd-page-container {
	overflow: hidden; 
	position: relative;

}

.section.opening-panel .row {
	max-width: 1264px;
	text-align: left;
	padding-bottom: 0%;
	position: relative;
	z-index: 10;
}

/* @media (min-width: 1800px) {
	.section.opening-panel .row  {
		max-width: 1464px;
	}
	.cd-page-container .section .row {
		max-width: 1464px;
	}
} */
/* Header container */
/* body.disable-scroll .ag-main-header, */
body.pop-disable-scroll .ag-main-header {
	z-index: 0;
}


@media (max-width: 1440px) and (min-width: 768px) {

}


@media (max-width: 980px) {

	

}




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

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


@media (max-width: 768px) {

}
/* ------------------ */
/* ETU Header style */
/* ------------------ */

/* Most usefull colors */




/* Control points variables */

 
 
 
 
 
 


/* Desktop Macros */



/* Laptos Macros */








/* Tablet Macros */




/* Phone Macros */





/* Responsive Macros */







/* ----------------- */
/* Start coding here */
/* ----------------- */


.main-header .desktop-header,
.header-container.container-fluid .widget-type-global_group,
.header-container.container-fluid .widget-type-custom_widget,
.header-container .widget-type-global_group{
	min-height: 0 !important;	

}
.main-header .section .h-row {
	width: 91%;
	margin: 0 auto !important;
	float: none;
	padding: 48px 0;	
	max-width: 91% !important;
}

.main-header .h-row {
	display: flex;
	align-items: center;
}



/* Top header */
.main-header .top-header {
	padding: 0.44rem 0 0.56rem;
	background-color: #E3E0DA;
	border-bottom: 1px solid #d1ccc1;
}
.main-header .top-header > .row-fluid-wrapper > .row-fluid {
	width: 96.3%;
	margin: 0 auto;	
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;

}
.main-header .top-header .top-header-menu {
	width: auto;
}
.main-header .top-header .top-header-menu ul {
	display: flex;
	justify-content: flex-end;
}
.main-header .top-header .top-header-menu ul > li {
	margin: 0 17px;
	position: relative;
}
.main-header .top-header .top-header-menu .hs-menu-wrapper > ul > li:first-child {
	position: relative;
	padding-right: 30px;
	margin-right: 0;
}

.main-header .top-header .top-header-menu:not(.cd-lang-sw) .hs-menu-wrapper > ul > li:first-child:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: calc(100% + 1rem);
	background-color: #D1CCC1;
}
.main-header .top-header .top-header-menu .hs-menu-wrapper > ul > li:last-child {
	z-index: 10;
	padding-left: 2.5rem;
	position: relative;
	padding-bottom: .5rem;
	margin-bottom: -.5rem;
	margin-left:0;
}
.main-header .top-header .cd-lang-sw .hs-menu-wrapper > ul > li:last-child > a:after {
	content: "";
	position: absolute !important;
	top: 0;
	left: -2.55rem;
	background-image: url('/hubfs/514553/Codec%202022/language-icon.svg');
	background-size: contain;
	background-position: top center;	
	background-repeat: no-repeat;
	width: .889rem;
	height: .889rem;	

}	

.main-header .top-header .top-header-menu .hs-menu-wrapper > ul > li:last-child:after {
	/* 		content: ""; */
	position: absolute;
	top: 7px;
	right: -15px;
	background-image: url('/hubfs/514553/Codec%202022/language-arrow.svg');
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}
.main-header .top-header .top-header-menu ul > li > a {
	font-size: 14px;
	position: relative;
	color: #948F8A;

}
.main-header .top-header .top-header-menu ul > li > a:before {
	/* 		content: none !important;		 */
}

/* 	language selector */
.main-header .top-header .top-header-menu ul > li> .hs-menu-children-wrapper{
	background: #948F8A;
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 100%;
	right: -2rem;
	width: max-content;
	max-width: 150%;
	padding:   0;
	margin: 0;
	text-align: right;
	max-height: 0;
	overflow: hidden;
	pointer-events: none;
	transition: all .3s ease-in-out;
} 
.main-header .top-header .top-header-menu ul > li.hs-item-has-children:hover .hs-menu-children-wrapper{
	opacity: 1;
	pointer-events: auto;
	max-height: 400px;		padding: .5rem 0;
}
.main-header .top-header .top-header-menu ul > li > .hs-menu-children-wrapper > li{
	padding: .5rem 2rem;
	margin: 0;
}
.main-header .top-header .top-header-menu ul > li > .hs-menu-children-wrapper > li:hover a{
	color: #1922FB;
}
.main-header .top-header .top-header-menu ul > li > .hs-menu-children-wrapper > li > a{
	/* 		color: #605D5C; */
	width: 100%;
	color: #EEEDE9;
}
.main-header .top-header .top-header-menu ul > li > .hs-menu-children-wrapper > li.active-domain > a{
	/* 		color: #EEEDE9; */
	color: #605D5C;
}
.main-header .top-header .cd-lang-sw{
	position: relative;
	z-index: 12;
}

.main-header .cd-head-search{
	margin-left: auto !important;;
	margin-right: 0 !important;
	margin-bottom: -0.5rem;
	width: 50% !important;
	position: relative;
}
.main-header .cd-head-search form{
	font-size:14px;
	display:flex;
	flex-flow: row nowrap;
	justify-content:flex-end;
	margin-top: 3px;
}
.main-header .cd-head-search form:after{
	content:'Search';
	display:inline-block;
	width: auto;
	padding: 0 0 0 26px;
	white-space: nowrap;
	color: #948F8A;
	cursor:  pointer;
	font-weight:400;
	background: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/search-icon.svg) no-repeat left center / 20px;
}
.main-header .cd-head-search form .hs-search-field__input{
	font-size:14px !important;
	padding: 4px 0;
	border-bottom: 1px solid #948F8A;
	width: 0px;
	height:25px;
	transition: all .25s ease-out;
	color: #948F8A;

}
.main-header .cd-head-search form .hs-search-field__input::placeholder{
	color:#E3E0DA;
	transition: all .25s .25s ease-out;
}

.main-header .cd-head-search form button {

}
.main-header .cd-head-search.search-active form .hs-search-field__input {
	width: 100%;
	padding: 4px 8px;

}
.main-header .cd-head-search.search-active form .hs-search-field__input::placeholder{
	color: #948F8A !important;
}

.main-header .cd-head-search .hs-search-field__suggestions{
	position:absolute;
	left:0;
	width:100%;
	top:100%; 
	display:flex;
	flex-direction: column;
	background:#E3E0DA;
	border: unset;
	z-index:999;
	opacity:0;
}
.main-header .cd-head-search.search-active .hs-search-field__suggestions{
	opacity: 1;
	display: none;
}

.main-header .cd-head-search .hs-search-field__suggestions li {
	font-size: 14px;
	padding: 0;
	margin: 0 !important;
}
.main-header .cd-head-search .hs-search-field__suggestions li a {
	padding: 2px 16px

}

.main-header .cd-head-search .hs-search-field__suggestions li#results-for {
	padding: 2px 16px

}



.main-header .hs-menu-wrapper > ul {
	display: flex;
	padding: 0;
	margin: 0;
	transition: .3s all;
	position: relative;
}
.main-header .hs-menu-wrapper ul > li {
	list-style: none;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	margin: 0 1rem;
	position:relative;
	font-size: 1rem;
	padding: 0;
	line-height: 1;
}
.main-header .hs-menu-wrapper ul > li.hs-menu-depth-1:last-child {
	margin-right: 0;
}
.main-header .hs-menu-wrapper ul > li > a {
	color: #231F20;
	position: relative;
	white-space: nowrap;
	z-index:  100;
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
}
.main-header .col.h-col .logo-main .hs_cos_wrapper > a svg{
	max-height: 36px;
	max-width: 135px;

}


@media (min-width: 768px) {
	.main-header .col.h-col .logo-main .hs_cos_wrapper > a {
		display: flex;
	}
	.main-header {
		position: absolute;
		width: 100%;
		z-index: 1999;
		font-size: 0.88rem;
	}

	

@media (max-width: 1440px){
	
.main-header  {
	font-size: .80rem !important;
}

}



@media (max-width: 1280px){
	
.main-header  {
	font-size: .72rem !important;
}    

}



@media (max-width: 1024px){
	
.main-header  {
	font-size: .68rem !important;
}    

}



@media (max-width: 980px){
	
.main-header  {
	font-size: .66rem !important;
}

}




	.main-header .h-row>.row-fluid-wrapper {
		width: 85%;
		padding-top: 0;	
	}
	.main-header .h-row >.row-fluid-wrapper:first-child {
		width: 15%;
		margin-right: 0;
	}


	.main-header .h-row .h-col.two {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.main-header .h-row .h-col.two > .row-fluid-wrapper {
		z-index: 9;
	}
	.main-header .h-row.one > .row-fluid-wrapper{
		z-index: 9;
	}
	.main-header .h-row.one > .row-fluid-wrapper:first-child{
		z-index: 10;
	}
	.disable-scroll1 .main-header .h-row.one > .row-fluid-wrapper:first-child{
		z-index: 9;
	}

	
@media (max-width: 980px){
	

	.main-header .h-row {
		justify-content: space-between;
	}

	.main-header .h-row>.row-fluid-wrapper {
		width: auto !important;
		margin: 0 !important;		
	}

	.main-header .h-row>.row-fluid-wrapper:last-child {
		padding: 0;
		margin-bottom: 0 !important;
	}

	.main-header .h-row .h-col.one,
	.main-header .h-row .h-col.two {
		display: flex;
		justify-content: center;
	}	

	
}



	.main-header .h-col .widget-type-logo img{

	}
	.main-header .h-col .book-a-meeting	.hs_cos_wrapper{
		max-width: 200px;
	}	

	.main-header .h-col .book-a-meeting{

	}	

	/* 	body:not(.page.home) .main-header .h-col .book-a-meeting{
	padding-left: 1em;
	display:  none; 		
} */


	/* 	body.page.home .main-header .h-col .book-a-meeting{
	display: block;
	z-index: 100;
}

	.main-header .h-col .book-a-meeting a{
	background: #231F20;		
	padding: 1.45em 1.5em 1.45em 2.1em;
	color: #fff;
	font-weight: 700;
	display: flex;
	align-items: center;
	white-space: nowrap;
	font-size: .885em;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	transition: all .3s ease-in-out;

} */

	/* 	.main-header .h-col .book-a-meeting a img{		
	transform: rotate(-90deg);
	margin-left: 1.05em;
	margin-right: 1.05em;
	transition: all .2s ease-in-out;
	transition: margin-left .3s ease-in;

}
	.main-header .h-col .book-a-meeting a:hover{
	opacity: .8;

}
	.main-header .h-col .book-a-meeting a:hover img {
	transform: rotate(90deg);
	margin-left: .8em;

} */

	/* 	.main-header .hs-menu-wrapper > ul {
	display: flex;
	padding: 0;
	margin: 0;
	transition: .3s all;
	position: relative;
}
	.main-header .hs-menu-wrapper ul > li {
	list-style: none;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	margin: 0 17px;
	position:relative;
	font-size: 1rem;
	padding: 0;
	line-height: 1;
}
	.main-header .hs-menu-wrapper ul > li.hs-menu-depth-1:last-child {
	margin-right: 0;
} */

	@media(max-width: 1280px){
		.main-header .hs-menu-wrapper ul > li {
			font-size: .8rem;
			margin: 0 0.5em;
		}
	}
	@media(max-width: 1000px){
		.main-header .hs-menu-wrapper ul > li {
			font-size: .8rem;
			margin: 0 .5em;
		}
	}


	
@media (max-width: 1440px){
	
	.main-header .hs-menu-wrapper ul > li > a {
		font-size: clamp(12px, 1.111vw, 16px);
	}
	
}



	.main-header .hs-menu-wrapper ul > li.hs-item-has-children a{
		padding-right: 9px; 
	}
	.main-header .hs-menu-wrapper ul > li.hs-item-has-children > a:before {
		position: absolute;
		content: '';
		background: center / contain no-repeat url('/hubfs/514553/Codec%202022/menu-arr.svg'); 
		width: 4px;
		height: 4px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all .2s ease-in-out;
	}
	.main-header .hs-menu-wrapper ul > li.hs-item-has-children a:hover::before {
		background: center / contain no-repeat url('/hubfs/514553/Codec%202022/menu-arr-hover.svg');
	}

	.main-header .hs-menu-wrapper ul > li > a::before {

	}

	.main-header .hs-menu-wrapper ul > li.active-branch>a::before {
		opacity: 1;
	}

	.main-header .hs-menu-wrapper ul>li>a:hover {
		text-decoration: none;
		color: #1922FB;
	}

	.main-header .hs-menu-wrapper ul>li>a:hover::before {
		opacity: 1;
		/* 		width: 8.5px;
		top: 60%; */

	}

	.main-header .header-menu {
		min-height: 0;
	}	


	/*first submenu*/
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper {	
		position: absolute;
		/* 		top: 0; */
		top: 60px;
		left: 50%;
		right: unset;
		transform:  translateX(-50%);
		max-height: 1px; 
		width: max-content;
		overflow:  hidden;
		transition: all .4s ease-out;	
		display:  flex !important;
		flex-flow: column nowrap;
		/* 		padding: 0 10.8% 0; */
		align-items: center;
		visibility: hidden!important;
		padding: 1rem 5.1rem 5rem;
		max-height: 1080px;
	}

	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children.hover {
		/*     margin-bottom: 50px; */
	}  

	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children.hover > a:before {
		/* 		width: 8.5px;
		top: 60%; */
	}

	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children.hover > ul.hs-menu-children-wrapper {
		padding: 3.5rem 5.1rem;
		z-index: 99;
		/* 		top: 46px; */
		top: 76px;
		opacity: 1 !important;
		max-height: 1080px;		 
		background: #1922FB;
		visibility: visible!important;
	}		

	/* 	.main-header .slide-up-menu .hs-menu-wrapper > ul li.list-bg{
	position: absolute;
	top: 112px;
	left: 0;
	font-size: 9.17rem;
	line-height: .75;
	z-index: 0;
	color: #f8f8f8;
	max-width: min-content;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0;
	transition: all .5s ease-in-out;

} */
	/* 	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children.hover > ul li.list-bg {
	opacity: 1;

} */

	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li {
		display: flex;
		flex-flow: row nowrap;
		/* 		margin: 0 0 0 22.5%; */
		padding: 0;
		transition: all .3s ease-in;
	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a:hover {
		opacity: 0.6;
	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li:last-child > a {
		margin-bottom: 0;
	}

	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li {
		width: 33.3333%;
		margin-left: 0;
	}

	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a  {
		flex: 0 1 auto;  
		height: min-content;
		font-family: 'TomatoGrotesk-Medium', sans-serif;
		/* 		font-size: 2.21em;	 */
		padding-right: 0.6em;
		color: #ffffff;
		/* 		font-size: 22px; */
		font-size: clamp(16px, 1.528vw, 22px);
		opacity: 0;
		transition: all .45s ease-out;
		font-weight: normal;
	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children.hover > ul.hs-menu-children-wrapper > li > a {
		opacity: 1;
	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a:after  {
		content: inherrit !important;
		display: block;
		color: #000; position:  static;

	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a:before  {
		content: none;
	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper {
		display: flex !important;
		flex-direction: column;
		opacity: 1 !important;
		margin: 0;
		padding: 2px 0 0;
	}
	/*menu 3 stage*/
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li {
		margin-bottom: 1.7em;

	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a {
		letter-spacing: -.01em;
		padding-right: 28px;
	}

	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a:before {
		/* 		background: center / contain no-repeat url(https://www.etu.co/hubfs/ETU-2022/grey-right-arrow.svg); */
		height: 10px;

	}
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a:hover:before {
		top: 50%;
		right: -4px;
	}

	/*all sublinks*/
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper li > a {
		line-height: 1;
		margin-bottom: 2rem;
	}

}

@media (max-width: 1366px) and (min-width: 768px) {
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper li > a {
		margin-bottom: 1.3rem;
	}
}

@media (max-width: 1599px) and (min-width: 1367px) {
	.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper li > a {
		margin-bottom: 2rem;
	}
}


@media (max-width: 1440px){
	

.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a  {

}
.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0{
	justify-content: space-between;
}
.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li {
	width: max-content;
}

.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li {
	margin-left: 1.2em;
	margin-right: 1.2em;

}

.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a {
	padding-right: 18px;
}


}



@media (max-width: 1280px){
	
.main-header .top-header .top-header-menu ul>li:first-child:before {
	/* 	height: 33px; */
}
.main-header .top-header .top-header-menu .hs-menu-wrapper > ul > li:last-child{
	padding-top: 0.3rem;

}


}



@media (max-width: 1024px){
	
.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li  {
	flex-direction: column;
}
.main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li > a {
	margin-bottom: 1em;
}
.hs_cos_wrapper_type_logo a, .hs_cos_wrapper_type_logo a img {
	width: auto !important;
}
.main-header .section .h-row {
	padding: 45px 0;}

}





@media (max-width: 980px){
	



.main-header .h-row .h-col.two {
	display: none;
}

/* .main-header .top-header {
display: none;
} */

/* 
.main-header .mobile-header .book-a-meet-mobile {
background-color: #231F20;
transition: .3s all;
min-height: auto;
margin-right: 1.5em;
width: auto !important;
}

.main-header .mobile-header .book-a-meet-mobile:hover {
background-color: #E32726;
transition: .5s all;
}

.main-header .mobile-header .book-a-meet-mobile a {
display: inline-block;
padding: 1.3em 1.5em;
color: #fff;
text-transform: uppercase;
font-family: 'Poppins',sans-serif;
font-size: .5em;
font-weight: 800;
line-height: 100%;
} */

.page #side-menu-wrapper {
	min-height: 0 !important;
}


}




@media (max-width: 768px){
	
.main-header .h-row {
	justify-content: space-between;
}
.main-header {
	position: absolute;
	width: 100%;
	z-index: 9999;
	width: 100% !important;
}
.main-header .mobile-header {
	display: flex !important;
	align-items: center;
	width: 95%;
	float: none;
	margin: 0 auto !important;
	padding: 20px 0;
}


.main-header .mobile-header .h-col.one img {
	width: 100% !important;
	height: auto;
	max-width: 80px;
}
.main-header .mobile-header>.row-fluid-wrapper {
	width: 18%;
	margin-right: 9%;
}

.main-header .mobile-header>.row-fluid-wrapper:last-child {
	width: 73%;
	margin-right: 0;
	position: fixed;
	right: 5%;
}

.main-header .mobile-header .h-col.two {
	display: flex;
	justify-content: flex-end;
	padding-top: .3em;
}
.main-header .mobile-header {
	padding: 10px 0;
	width: 90%;
}
.main-header .section .h-row {
	padding: 45px 0;
}
.hs_cos_wrapper_type_logo a, .hs_cos_wrapper_type_logo a img {
	width: 130px!important;
}
.main-header .cd-head-search form:after{
	content: '';
}
.main-header .top-header {
	padding: 0.3rem 0 0.56rem;
} 

}


@media (min-width: 981px) {
	.main-header .section .h-row {
		/* 		padding: 27px 0 18px; */
		padding: 18px 0 ;

	}
	.main-header .desktop-header .hs-menu-wrapper ul:not(.hs-menu-children-wrapper) > li {
		padding: 30px 0;
	}

	.header-container-wrapper .cd-main-header {
		position:fixed;
		top:0;
		left:0;
	}
	.header-container-wrapper .cd-main-header .section {
		transition: all .25s ease-out;

	}
	.header-container-wrapper.sticky .cd-main-header .section{
		/* 		background-color: #EEEDE9; */

	}
	.header-container-wrapper .desktop-header:before{
		content:'';
		display: block;
		top:0;
		position:absolute;
		background-color: transparent;
		left:50%			;
		transform:translateX(-50%);
		width: 100vw;
		height: 100%;
		z-index:0;
	}

	.header-container-wrapper.sticky .desktop-header:before{
		background-color: #EEEDE9;
		opacity: 0.95;
		top: -1px;
	}

	.header-container-wrapper .top-header,
	.header-container-wrapper .desktop-header{
		position:  relative;
		top:0;
		transition: all .3s ease-in-out,  opacity .3s .3s  ease-in-out ;
	}
	.header-container-wrapper.sticky .desktop-header{
		top:-40px;
		padding: 6px 0;
	}
	.header-container-wrapper.sticky .top-header{
		top:-80px;
		opacity: 0;
	}

} 

@media (max-width: 980px) {


	.main-header .top-header > .row-fluid-wrapper > .row-fluid {
		flex-direction: row-reverse;	
		flex-wrap: nowrap;
	}

	.main-header .top-header .top-header-menu {
		margin-left: 0;
		margin-right: 1%;
	}

	.main-header .top-header .top-header-menu.cd-lang-sw {

	}

	.main-header .top-header .top-header-menu .hs-menu-wrapper>ul>li:last-child {
		padding-right: 1.5rem;
	}
	.main-header .top-header .top-header-menu:not(.cd-lang-sw) .hs-menu-wrapper>ul>li:first-child:before{
		right: unset;
		left: 0;
	}
	.main-header .top-header{
		position:relative;

	}
	.main-header .cd-head-search{
		order:-1;
		margin-bottom:0!important;
		width: calc(100% - 15px) !important;
		position: absolute;
		padding-left:15px!important;
		right: 15px;
		height: 100%;
		top: 0;
		z-index:999;
		pointer-events:none;
		transition: all .25s ease-in-out;
		align-items: center;
		display: flex;
	}


	.main-header .cd-head-search.search-active{
		background: #E3E0DA;

	}

	.main-header .cd-head-search form{
		pointer-events: auto;
	}
	.main-header .cd-head-search>div{
		margin-left:auto;

	}

	.main-header .cd-head-search.search-active >div{
		width:100%;
	}
	.main-header .top-header .top-header-menu .hs-menu-wrapper > ul > li:last-child{
		padding-top: .2rem;

	}


}


/* dropdown menu */

/* Override max width on menu links */
.header-menu .hs-menu-wrapper > ul li a, 
.main-header .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;
	width: auto !important;
}

@media (min-width: 1900px) {
	.main-header .section .h-row {	
		max-width: 90% !important;
	}
}

/* white links style */
.header-white	.main-header .logo-main:not(.white-logo){
	display: none !important;
}
.header-white	.main-header .logo-main.white-logo{
	display: block !important;
}
@media (min-width: 768px){
	.header-white	.main-header .desktop-header .hs-menu-wrapper ul>li>a:not(a:hover){
		color: #fff;
	}
	.header-white .main-header .desktop-header .hs-menu-wrapper ul>li.hs-item-has-children>a:not(a:hover):before{
		background-image: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/menu-arr-white.svg);
	}
	.main-header .top-header .top-header-menu .hs-menu-wrapper > ul > li:last-child{
		padding-top: .2rem;

	}
}

.desktop-header .header-menu ul > li:last-child {
	display: none;
}
.disable-scroll1 .footer-container-wrapper {
	position: relative;
	z-index: 99999;
}
.cd-main-footer {
  z-index: 999;
  position: relative;
  padding: 1.36rem 0 4.5rem;
	background: #EEEDE9;
  overflow: hidden;
}
.cd-main-footer .section .row.one > .row-fluid-wrapper > .row-fluid {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.cd-main-footer .talk {
  padding-bottom: 9rem;
  overflow: hidden;
	z-index: 10;
}
.cd-main-footer .talk .content-talk {
	padding: 4.7rem 6rem 4.4rem;
/* 	background-image: url('/hubfs/514553/Codec%202022/talk-bg.jpg'); */
	background-image: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/talk-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 74.6%;
}
.cd-main-footer .talk .content-talk h2 {
	max-width: 650px;
	color: #EEEDE9;
	line-height: 1.2;
}
.cd-main-footer .talk .btn-talk {
	padding: 3rem;
	background-color: #1922FB;
	margin-left: -60px;
	position: relative;
	right: 0;
	max-width: 428px;
	height: 414px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 30px;
	width: calc(25.4% + 8.6%);
	margin-left: -8.6%;
	overflow: hidden;
}


.cd-main-footer .footer-first{
  overflow: hidden;

}

.cd-main-footer .row.one h2{
  color: #2B2B2E;
  font-size: 3.4rem;
}
.cd-main-footer .row.one {
	position: relative;
	margin-bottom: 3.5rem !important;
	border-top: 1px solid #D1CCC1;
	border-bottom: 1px solid #D1CCC1;
	padding: 3.6rem 0;
}

.cd-main-footer .row.one2  {
	margin-top: 0 !important;
	margin-bottom: 3.3rem !important;
	border-bottom: 1px solid #D1CCC1;
	padding-bottom: 3.5rem;
}
.cd-main-footer .row.one2 ul{
  padding: 0;
  margin: 0;
}
.cd-main-footer .row.one2 ul li{
  display: block;
  padding: 0;
}
.cd-main-footer .mail .hs_cos_wrapper_type_rich_text {
	display: flex;
	justify-content: space-around;
	height: 28px;
	align-items: center;
}
.cd-main-footer .mail a {
  font-family: 'TomatoGrotesk-Medium', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: ;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
}
.cd-main-footer ul > .hs-menu-depth-1 > a {
  cursor: default;
}
.cd-main-footer a {
  color: #2B2B2E;
  text-decoration: none !important;
}
.cd-main-footer .hs_cos_wrapper_type_logo a img {
	display: block;
}
.cd-main-footer a .arrow-down{
  margin-left: 10px;
}
.cd-main-footer ul > .hs-menu-depth-1 > a {
  font-family: 'TomatoGrotesk-Medium', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 1.8rem;
  display: block;
  width: fit-content;
}
.cd-main-footer ul > .hs-menu-depth-1.active > a, .cd-main-footer .col.five ul > .hs-menu-depth-1> a, .cd-main-footer .col.two ul > .hs-menu-depth-1> a {
  cursor: pointer;
}
.cd-main-footer .hs-menu-children-wrapper li a{
  font-weight: lighter;
  line-height: 1;
  margin: 0 0 1.1rem;
  text-align: left;
  display: block;
  width: fit-content;
  border-bottom: 1px solid transparent;
	color: #948F8A;
	font-size: 14px;
	position: relative;
  padding-right: 9px;
  font-weight: 300;
	line-height: 1.5;
}
.cd-main-footer .hs-menu-children-wrapper li a:hover {
  /* border-bottom: 1px solid #22417a; */
  color: #1922FB;
  transition: .3s ease-in-out;
}
.cd-main-footer .hs-menu-children-wrapper li:last-child a {
  margin: 0 0;
}


.cd-main-footer .widget-type-logo {
  margin:0 0 0;
}
.cd-main-footer .row.one .col.two .one {
  text-align: right;
}
/* .cd-main-footer .row.one .col.two .one p {
  color: #E3E0DA;
  font-family: 'Urbane', sans-serif;
  font-size: 16px;
  font-weight: 300;
} */
.cd-main-footer .hs-menu-children-wrapper li a {
/*   position: relative;
  padding-right: 9px;
  font-weight: 300; */
}
/* .cd-main-footer .row.one .col.two .one p a {
  font-weight: 700;
  color: #E3E0DA;
}
.cd-main-footer .row.one .col.two .one p a:hover {
  font-weight: 600;
  color: ;
} */
.cd-main-footer .footer-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
  font-size: 14.5px;
  line-height: 34px;
  text-align: left;
  color: #948F8A;
}

.cd-main-footer .footer-copyright a {
  color: #948F8A;
}
.cd-main-footer .footer-copyright a:hover {
  color: #1922FB;
}
.cd-main-footer .social-links {
  justify-content: flex-end;
  margin-bottom: 0;
	height: 28px;
}


.cd-main-footer .social-links a {
	display: flex;
	align-items: center;
}
.cd-main-footer .social-links a:not(:last-child) {
  margin-right: 20px;
}
.cd-main-footer .social-links .social-links__icon {
  background-color: transparent;
  border-radius: unset;
  width: 22px;
  height: 14px;
}
.cd-main-footer .social-links .social-links__icon svg {
  height: 28px;
  transition: .5s ease-in-out;
  fill: #2B2B2E;
}
/* .cd-main-footer .social-links .social-links__icon svg {
  height: 36px;} */
/* .cd-main-footer .social-links .social-links__icon {
  width: 36px !important;
  height: 36px;
} */
.page .cd-main-footer p {
  margin-bottom: 0;
}
.cd-main-footer  .social-links .social-links__link:hover svg {
  fill: #1922FB;
}

.cd-main-footer .row.one2 .col.one {
  width: 22.1%;
  margin: 0;
}
.cd-main-footer .row.one2 .col.two {
  width: 23.3%;
  margin-left: 0;
}
.cd-main-footer .row.one2 .col.three {
  width: 20.6%;
  margin: 0;
}
.cd-main-footer .row.one2 .col.four {
  width: 18.7%;
  margin: 0;
}
.cd-main-footer .row.one2 .col.five {
  margin: 0;
  width: 15.3%;
}

.cd-main-footer .row.one2 .col.two .hs-menu-children-wrapper {
	max-width: 260px;
}
/* .cd-main-footer .row.one2 .col.six {
  margin: 0;
  width: 20%;
} */
.cd-main-footer .row.one2 .col.four li:nth-child(5) a:after {
  content: 'HIRING';
  position: absolute;
  right: -100%;
  top: -1px;
  font-size: 13px;
  background: #1922FB;
  padding: 3px 5px 1px;
  height: 22px;
  width: 59px;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1440px) {
	.cd-main-footer .talk .btn-talk {
		height: 400px;
	}
}

@media (max-width: 1280px) {
  .cd-main-footer .row.one h2{
    font-size: 3rem;
  }
/*   .cd-main-footer .social-links .social-links__icon {
    background-color: transparent;
    border-radius: unset;
    width: 26px;
    height: 26px;
  } */
/*   .cd-main-footer .social-links .social-links__icon svg {
    height: 26px;
    transition: .5s ease-in-out;
    fill: #2B2B2E;
  }
  .cd-main-footer .social-links .social-links__icon svg {
    height: 26px;}
  .cd-main-footer .social-links .social-links__icon {
    width: 26px !important;
    height: 26px;
  } */
/*   .cd-main-footer .mail a {
    font-family: 'Poppins',sans-serif;
    font-size: 1.5rem;
  } */
  .cd-main-footer .social-links a:not(:last-child) {
    margin-right: 30px;
  }
/*   .cd-main-footer:after {
        width: 159%;
        left: -15%;
  } */
	.cd-main-footer .talk .content-talk h2 {
		max-width: 440px;
		font-size: 2.9rem;
	}
	.cd-main-footer .talk .btn-talk {
		height: 350px;
	}
}

@media (max-width: 1024px) {
  .cd-main-footer .hs-menu-children-wrapper li a{
    margin: 0 0 1rem;
	}
	.cd-main-footer .social-links a:not(:last-child) {
		margin-right: 22px;
	}
	.cd-main-footer .social-links .social-links__icon svg {
		height: 22px;
	}
	.cd-main-footer .talk .btn-talk {
		height: 300px;
		
	}
/*   .cd-main-footer .social-links a {
    margin-right: 10px;
  } */
}
/* @media (min-width: 768px)  {
  .cd-main-footer .section .row.one > .row-fluid-wrapper > .row-fluid{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
} */
@media (max-width: 980px) {
  .cd-main-footer .mail a {
    font-size: 1rem;
	}

/*   .cd-main-footer .social-links {
    justify-content: flex-start;
  } */
  .cd-main-footer {

    padding: 5rem 0 2rem;
  }
  .cd-main-footer .row.one2 {
    margin-bottom: 3rem !important;
  }

  .cd-main-footer .row.one2 .col {
    width: 33%;
    float: unset;
    margin: 0 0 2rem;
  }
  .cd-main-footer .row.one2 > .row-fluid-wrapper > .row-fluid {
    display: flex;
    flex-wrap: wrap;
  }
  .cd-main-footer .talk {
    padding-bottom: 7rem;
  }
  .cd-main-footer .hs-menu-children-wrapper li a {
    font-weight: lighter;
    font-size: .8rem;
     line-height: 1.2;
  }
  .cd-main-footer:after {
    width: 154%;
    left: -24%;
  }
/*   .cd-main-footer .row.one2 .col.four li:nth-child(4) a:after {
    font-size: .6rem;
    padding: 0px 5px;
    height: 17px;
    width: 49px;
} */
  .cd-main-footer .footer-copyright {
     font-size: .8rem;
  }
  .cd-main-footer ul > .hs-menu-depth-1 > a {
    margin: 0 0 1.5rem;
  }
	.cd-main-footer ul > .hs-menu-depth-1 > a {
		font-size: clamp(14px, 1.633vw, 16px);
	}
	.cd-main-footer .talk .content-talk h2 {
		font-size: 2.5rem;
		max-width: 350px;
	}
	.cd-main-footer .talk .btn-talk {
		height: 275px;
	}
/*   .cd-main-footer .social-links .social-links__icon svg {
    height: 30px;
  } */
/*   .cd-main-footer .social-links a {
    margin-right: 10px;
    margin-bottom: 10px;
  } */
/*   .cd-main-footer .social-links .social-links__icon {
    width: 30px !important;
    height: 30px;
	} */
}


@media (max-width: 767px) {
/*   .cd-main-footer:after {
    left: -46%;
    bottom: -46%;
    width: 153%;
    height: 131%;
  } */
	.cd-main-footer .section .row.one > .row-fluid-wrapper > .row-fluid,
	.cd-main-footer .mail .hs_cos_wrapper_type_rich_text {
		flex-direction: column;
	}
	.cd-main-footer .mail .hs_cos_wrapper_type_rich_text {
		height: 100%;
	}
	.cd-main-footer .mail .hs_cos_wrapper_type_rich_text p:first-child {
		margin-bottom: 4.4rem;
	}
  .cd-main-footer .talk {
    padding-bottom: 8.5rem;
  }
  .cd-main-footer .hs_cos_wrapper_type_logo a {
    justify-content: flex-start;
  }
  .cd-main-footer .row.one {
    position: relative;
    margin-bottom: 3rem !important;
  }
  .cd-main-footer .row.one2 .col {
    width: 100% !important;
  }
  .cd-main-footer .mail a {
    justify-content: flex-start;
		font-size: 1.4rem;
		letter-spacing: 0.04em;
  }
	
  .cd-main-footer .social-links .social-links__icon svg {
    height: 28px;
		margin-bottom: 0;
  }
  .cd-main-footer .social-links a:not(:last-child) {
    margin-right: 53px;
  }
  .cd-main-footer .social-links .social-links__icon {
    width: 25px !important;
    height: 25px;}
  .cd-main-footer .social-links {
    margin-bottom: 20px;
  }
  .cd-main-footer .mail {
    margin-bottom: 5.45rem;
  }
  .cd-main-footer .widget-type-logo {
    text-align: left;
  }
  .cd-main-footer .row.one .col.two .one {
    text-align: left;
  }
  .cd-main-footer .row.one .col.two .one p {
    margin: 0;
  }
  .cd-main-footer .widget-type-logo img {
    width: 135px !important;
  }
  .cd-main-footer .row.one h2{
    font-size: 2.3rem;
  }
  .cd-main-footer .row.one2 .col {
    width: 48%;
    float: unset;
    margin: 0 2% 2rem 0;
  }

  .cd-main-footer .widget-type-logo {
    margin: 0 0 5.55rem;
  }

  .cd-main-footer .social-links .social-links__link:first-child .social-links__icon {
    margin-left: 0;
  }
  .social-links__icon {
    margin: 0px;
  }
  .social-links {
    justify-content: center;
  }
  .cd-main-footer ul>.hs-menu-depth-1>a {
    margin: 0 0 1rem;
  }
  .cd-main-footer .hs-menu-children-wrapper li a {
    line-height: 1.2;
    margin: 0 0 1rem;
  }
  .cd-main-footer .row.one2 {
    margin-bottom: 0rem !important;
    display: none;
  }
/*   .cd-main-footer .btn a {
    font-weight: bold;
    font-size: 1.2rem;
  } */
	
  .cd-main-footer .footer-copyright {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
		flex-direction: column;
		font-size: 14px;
  }
	.cd-main-footer .footer-copyright .cp-text, .cd-main-footer .footer-copyright .ds-by {
		font-family: 'TomatoGrotesk-Light', sans-serif;
	}
	.cd-main-footer .footer-copyright .cp-text a {
		display: inline-block;
		margin-bottom: 1rem;
	}
	.cd-main-footer .footer-copyright .cp-text span.hide-dash {
		display: none;
	}
	.cd-main-footer .footer-copyright .cp-text span.codec-copyright {
		display: block;
	}
	.cd-main-footer .footer-copyright .cp-text {
		margin-bottom: 1rem;
	}
	
	.cd-main-footer .talk.anim .row > .row-fluid-wrapper > .row-fluid {
		flex-direction: column;
    align-items: flex-start;
	}
	.cd-main-footer .talk .content-talk {
    width: 95%;
    padding: 3.9rem 1.6rem 12.1rem;
	}
	.cd-main-footer .talk .content-talk h2 {
		font-size: 2.38rem;
	}
	.cd-main-footer .talk .content-talk h2 br {
		display: block;
	}
	.cd-main-footer .talk .btn-talk {
		width: 100%;
    max-width: 318px;
    height: 308px;
    margin-left: auto;
    margin-top: -12.5rem;
	}
}

@media (max-width: 390px) {
	.cd-main-footer .footer-copyright {
		font-size: 0.87rem;
	}

}

.scroll-down-wrap {
	width: max-content;
	margin: 0 auto;
}
.scroll-down-wrap .scroll-btn-wrap {
	width: auto;
	display: flex;
	max-height: 43px;
	align-items: center;
	transition: all .37s ease-in-out;
}
.scroll-down-wrap .scroll-btn-wrap .scroll-btn {
	width: max-content;
	position: relative;
	max-height: 43px;
	transition: all .37s ease-in-out;
}
.scroll-down-wrap .scroll-btn-wrap .scroll-btn .scroll-arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .37s ease-in-out;
}
.scroll-down-wrap .scroll-btn-wrap .scroll-btn .scroll-circle {
	transition: all .37s ease-in-out;
}
.scroll-down-wrap .scroll-btn-wrap .scroll-btn-text {
	color: #D1CCC1;
	font-size: 1rem;
	margin-left: 15px;
	margin-bottom: 0;
}

.article-single .blog-section {
	padding-top: 11.5rem;
}
.article-single .post-row {
  max-width: 1264px;
	width: 90%;
	margin: 0 auto;
}
.article-single .post-row h1 {
	font-size: clamp(42px, 4.3vw, 62px);
	line-height: calc(78/62);
/* 	color: #1922FB; */
}
.article-single .post-row h2 {
	font-size: clamp(60px, 5.97vw, 86px);
	line-height: calc(100/86);
	color: #1922FB;
	margin-bottom: 2.1rem;
}
.article-single .post-row h3 {
	font-size: clamp(48px, 5.139vw, 74px);
	line-height: calc(88/74);
	color: #1922FB;
	font-weight: 500;
	margin-bottom: 1.85rem;
}
.article-single .post-row h4 {
	font-size: clamp(24px, 3.333vw, 48px);
	line-height: calc(58/48);
	margin-bottom: 2.85rem;
}
.article-single .post-row h5 {
	font-size: clamp(20px, 3.333vw, 36px);
	line-height: calc(50/36);
	margin-bottom: 1rem;
}
.article-single .post-row h6 {
	font-size: clamp(18px, 2.083vw, 30px);
	line-height: calc(38/24);
	margin-bottom: 1rem;
}

@media (max-width: 980px) {
	.article-single .blog-section {
		padding-top: 8.5rem;
	}
}


.blog-section.post-default.main-page:not(.post-downloadable) {
	position: relative;
}
.blog-section.post-default.main-page:not(.post-downloadable):before {
	content: "";
	position: absolute;
	top: 0;
	left: 70%;
	width: 100vw;
	height: clamp(400px, 48.611vw, 710px);
	background-color: #E3E0DA;
	z-index: -1;
}

/* Post Header */ 
.article-single .blog-section:not(.post-downloadable) .post-header {
	position: relative;
}
.article-single .blog-section:not(.post-downloadable) .post-header:before {
	content: "";
	position: absolute;
	top: -13%;
	right: 6.7%;
	max-width: 567px;
	width: 42vw;
	height: 567px;
	z-index: -1;
	background: center top / contain no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-article.svg');
}
.article-single .post-header .page-tag a {
	font-size: 16px;
	line-height: calc(30/16);
	color: #948F8A;
}
.article-single .blog-section .post-excerpt {
  margin-bottom: 3rem;
  text-align: right;
}

.article-single .post-header {
  margin-bottom: 5.55rem;
  display: flex;
  flex-wrap: wrap;
	align-items: center;
}
.article-single .post-downloadable .post-header {
	align-items: flex-start;
}
.article-single .post-header h1 {
	margin-top: 11px;
	margin-bottom: 12px;
	color: #1922FB;
}
.article-single .post-header p {
  line-height: calc(30/18);
}
.article-single .post-header .col1 {
	position: relative;
}
.article-single .post-header .scroll-down-wrap {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	margin-left: 0;
}
@media (min-width: 768px) {
	.article-single .post-header .col1 {
		width: 57%;
		margin-bottom: 8px;
		margin-right: 2.3%;
		text-align: left;
	}
	.article-single .post-header .col2 {
		width: 40.7%;
	}
	.article-single .post-header .col2 img {
		object-fit: cover;
		min-height: clamp(300px, 37.917vw, 546px);
		width: 100%;
	}
	.article-single .post-header p {
		max-width: 500px;
	}
	.article-single .post-header .scroll-down-wrap {
		position: absolute;
		bottom: -4rem;
	}
}
@media (max-width: 767px) {
	.article-single .post-header .col2 {
		width: 100%;
    text-align: center;
    margin-top: 60px;
	}
	.article-single .post-header .scroll-down-wrap {
		margin: 0 auto !important;
	}
}
/* Post Header */

/* Post Content */
.post-row.post-body-row,
.article-single .post-downloadable.blog-section .post-body {
	max-width: 1050px;
	line-height: calc(30/18);
}
.post-row.post-body-row p.sub-title {
	color: #1922FB;
	margin-bottom: 0.7rem !important;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	font-weight: normal;
}
.post-row.post-body-row p,
.article-single .post-downloadable.blog-section .post-body p {
	font-weight: normal;
	margin-bottom: 1.4rem;
	line-height: calc(30/18);
}
.post-row.post-body-row p:last-child,
.article-single .post-downloadable.blog-section .post-body p:last-child {
	margin-bottom: 0;
}
.article-single .post-body-row ul,
.article-single .post-body-row ol,
.article-single .post-downloadable.blog-section .post-body ul,
.article-single .post-downloadable.blog-section .post-body ol {
	padding-left: 8.28%;
	margin: 0;
}
.article-single .post-body-row ul:not(:last-child),
.article-single .post-body-row ol:not(:last-child),
.article-single .post-downloadable.blog-section .post-body ul:not(:last-child),
.article-single .post-downloadable.blog-section .post-body ol:not(:last-child) {
	margin-bottom: 3rem;
}
.article-single .post-body-row ul li,
.article-single .post-body-row ol li,
.article-single .post-downloadable.blog-section .post-body ul li,
.article-single .post-downloadable.blog-section .post-body ol li {
	position: relative;
	padding: 0 0 0 33px;
	margin: 0 0 30px;
	list-style-type: none;
}
.article-single .post-body-row ol {
	list-style: none;
  counter-reset: my-awesome-counter;
}
.article-single .post-body-row ol li {
	counter-increment: my-awesome-counter;
}
.article-single .post-body-row ol li:before {
	content: counter(my-awesome-counter) ". ";
	color: #1922FB;
	position: absolute;
	left: 0;
}
.article-single .post-body-row ul li:last-child,
.article-single .post-body-row ol li:last-child,
.article-single .post-downloadable.blog-section .post-body ul li:last-child,
.article-single .post-downloadable.blog-section .post-body ol li:last-child {
	margin-bottom: 0;
}
.article-single .post-body-row ul li:before,
.article-single .post-downloadable.blog-section .post-body ul li:before {
	content: '';
	position: absolute;
	top: 0.77em;
	left: 0;
	background: #1922FB;
	height: 3px;
	width: 20px;
}

/* Top Quote */
.article-single .blog-section .post-body-row blockquote.top-quote {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	background: #E3E0DA;
	padding: 7.6% 10.2% 7.2%;
	margin-top: 3rem;
}
.article-single .blog-section .post-body-row blockquote.top-quote:before {
	content: none;
}
.article-single .blog-section .post-body-row blockquote.top-quote:after {
	content: none;
}
.article-single .blog-section .post-body-row blockquote.top-quote p {
	font-size: clamp(20px, 3.333vw, 36px) !important;
	line-height: calc(50/36) !important;
	margin-bottom: 1.6rem !important;
	font-weight: normal;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
}
.article-single .blog-section .post-body-row blockquote.top-quote p:last-child {
	margin-bottom: 0 !important;
}

/* Quote */
.article-single .blog-section .post-body-row blockquote {
	position: relative;
	font-family: 'TomatoGrotesk-Light', sans-serif;
	padding: 14.1% 0 14.5% 0;
	margin-bottom: 8.2rem;
	margin-top: 6.7rem;
}
.article-single .blog-section .post-body-row blockquote:before {
	content: '';
	position: absolute;
	width: 100vw;
	height: 100%;
	background: #e3e0da;
	top: 0;
	max-width: 100vw;
	right: 0;
	left: -10%;
	z-index: 0;
}
.article-single .blog-section .post-body-row blockquote:after {
	content: '';
  position: absolute;
	bottom: -92.5px;
  left: -18.5%;
	max-width: 630px;
  width: 65vw;
  height: 630px;
  background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/post-quote-dots.svg') no-repeat;
	background-size: contain;
	background-position: left bottom;
	z-index: -1;
}
.article-single .blog-section .post-body-row blockquote p {
	font-size: clamp(20px, 2.083vw, 30px);
	line-height: calc(53/30);
	margin-bottom: 1.6rem;
	font-weight: normal;
	font-family: 'TomatoGrotesk-Light', sans-serif;
}
.article-single .blog-section .post-body-row blockquote p:last-child {
	margin-bottom: 0;
}

/* Two column */
.article-single .post-body-row .article-single-content-wrap div:not(.arrow) {
	min-height: 452px;
	margin-bottom: 6rem;
}
.article-single .post-body-row .btn {
	margin-top: 3.1rem;
}
@media (max-width: 980px) {
	.article-single .post-body-row .article-single-content-wrap div:not(.arrow) {
		margin-bottom: 5rem;
	}
}
@media (max-width: 767px) {
	.article-single .post-body-row .article-single-content-wrap div:not(.arrow) {
		margin-bottom: 4rem;
	}
	.article-single .post-body-row img  {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	.article-single .post-body-row .btn {
		margin-top: 2rem;
	}
}
@media (min-width: 768px) {
	.article-single .post-body-row img {
		max-width: 428px;
		width: 100% !important;
		float: right;
		margin-left: 5rem;
	}
}
@media (max-width: 1024px) and (min-width: 768px) {
	.article-single .post-body-row img {
		max-width: clamp(310px, 41.797vw, 428px);
		margin-left: 4rem;
	}
}


.article-single .post-body-row .post-button {
	margin: 3.35rem auto 0;
}

.article-single .blog-section .post-body-row blockquote {
	position: relative;
  right: -101vw;
  opacity: 0;
  transition: all .5s ease-in-out;
}
.article-single .blog-section .post-body-row blockquote.animated {
	right: 0;
  opacity: 1;
}
.article-single-content-wrap {
	margin-bottom: 6.7rem;
}
.article-single-content-wrap p {
	margin-bottom: 1.7rem !important;
}
.article-single-content-wrap p:last-child {
	margin-bottom: 0 !important;
}
/* .article-single-content-wrap .cta_button .arrow {
	display: none;
}
.article-single-content-wrap .cta_button {
	position: relative;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	display: inline-block;
	font-weight: 400;
	color: #1922FB;
	margin-top: 1.35rem;
}
.article-single-content-wrap .cta_button:before {
	content: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/arrow-careers.svg');
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-44%);
	transition: all .2s ease-in-out;
}
.article-single-content-wrap .cta_button:hover:before {
	right: -55px;
} */

.post-row p a.cta_button:not(.primary-btn) .arrow,
.post-downloadable .post-body p a.cta_button:not(.primary-btn) .arrow {
	display: none;
}
.post-row p a.cta_button:not(.primary-btn),
.post-downloadable .post-body p a.cta_button:not(.primary-btn) {
	position: relative;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	display: inline-block;
	font-weight: 400;
	color: #1922FB;
	margin-top: 1.35rem;
	text-decoration: none;
}
.post-row p a.cta_button:not(.primary-btn):before,
.post-downloadable .post-body p a.cta_button:not(.primary-btn):before {
	content: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%202022/arrow-careers.svg');
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-44%);
	transition: all .2s ease-in-out;
}
.post-row p a.cta_button:not(.primary-btn):hover:before,
.post-downloadable .post-body p:not(.btn) a.cta_button:hover:before {
	right: -55px;
}

.post-row p a:not(.primary-btn) {
	color: #1922FB;
	text-decoration: underline;
}
.post-row p a:not(.primary-btn):hover {
	text-decoration: none;
	border-bottom: none;
}

/* Post Content */
/* Sign Up Section */

.article-single.blog-single .sign-up-section {
	margin-top: 8rem;
	margin-bottom: 7.9rem;
}
.article-single.blog-single .sign-up-section .bg-row {
	padding: calc(2.1rem + 3.1%) 0 calc(1.9rem + 3.1%);
}
.article-single.blog-single .sign-up-section .submitted-message p {
	color: #fff !important;
	text-align: left !important;
}

.article-single.blog-single .cd-main-footer .talk .content-talk {
	background: #D1CCC1;
}
.article-single.blog-single .cd-main-footer .talk .content-talk h2 {
	color: #2B2B2E;
}
@media (max-width: 767px) {
	.article-single.blog-single .sign-up-section {
		margin-top: 4rem;
    margin-bottom: 0.9rem;
	}
}
/* Sign Up Section */

/* Downloadable Template */
.single-downl .form-downl {
	display: none!important;
}

.article-single .blog-section.post-downloadable {
	padding-top: 14.3rem;
	position: relative;
}
.post-downloadable:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	max-height: 708px;
	height: 100%;
	width: 100vw;
	background-color: #E3E0DA;
	z-index: -1;
}
.post-downloadable:after {
	content: "";
	top: 6.5%;
	left: 52%;
	max-width: 630px;
	width: 62vw;
	height: 100%;
	max-height: 630px;
	pointer-events: none;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-downloadable.svg);
	position: absolute;
	z-index: -1;
}
.article-single .post-downloadable.blog-section .post-body {
	margin: 0 auto;
}
.article-single .post-downloadable .post-header .col1 .page-tag {
	margin-bottom: 0.9rem;
}
.article-single .post-downloadable .post-header .col1 .page-tag .topic-link {
	font-size: 14px;
}
.article-single .post-downloadable .post-header .col1 .page-tag .tag-separator:last-child {
	display: none;
}
.post-downloadable .filter-tags {
	margin-bottom: 0.7rem;
}
.post-downloadable .filter-tags .page-tag-filter {
	font-size: 14px;
}
.post-downloadable .filter-tags .page-tag-filter .tag-separator {
	margin: 0 5px;
}
.article-single .post-downloadable .post-header .col1 h1 {
	font-size: clamp(42px, 4.3vw, 62px);
  line-height: calc(78 / 62);
	color: #1922FB;
}
.post-downloadable .post-header .col2:before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/gradient-radial.svg);
	position: absolute;
}

.post-downloadable .scroll-down-wrap {
	width: max-content;
	margin: 0 auto;
	height: 0;
	margin-left: 0;
	top: -6.5rem;
	position: relative;
}
.post-downloadable .scroll-down-wrap .scroll-btn-wrap {
	width: auto;
	display: flex;
	max-height: 43px;
	align-items: center;
	transition: all .37s ease-in-out;
}
.post-downloadable .scroll-down-wrap .scroll-btn-wrap .scroll-btn {
	width: max-content;
	position: relative;
	max-height: 43px;
	transition: all .37s ease-in-out;
}
.post-downloadable .scroll-down-wrap .scroll-btn-wrap .scroll-btn .scroll-arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .37s ease-in-out;
}
.post-downloadable .scroll-down-wrap .scroll-btn-wrap .scroll-btn .scroll-circle {
	transition: all .37s ease-in-out;
}
.post-downloadable .scroll-down-wrap .scroll-btn-wrap .scroll-btn-text {
	color: #D1CCC1;
	font-size: 1rem;
	margin-left: 15px;
	margin-bottom: 0;
}


.post-downloadable .form-post {
	position: relative;
	z-index: 2;
}
.page .post-downloadable .sign-up-section.downloadable-form {
	padding: 6rem 0 6.1rem;
	margin-top: 0;
	margin-bottom: 0;
}
.page .post-downloadable .sign-up-section.downloadable-form {
	overflow: visible;
}
.page .post-downloadable .sign-up-section.downloadable-form .bg-row {
	width: 100%;
	padding: 2.6rem 0 3.5rem;
}
.page .post-downloadable .sign-up-section.downloadable-form .bg-row:after {
	width: 100%;
	background: center / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/form-downl-bg.jpg);
}
.page .post-downloadable .sign-up-section.downloadable-form .bg-row .col {
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0 3.1rem;
}
.page .post-downloadable .sign-up-section.downloadable-form .blog-subscribe .form-title {
	display: none;
}
.page .post-downloadable .sign-up-section.downloadable-form  .blog-subscribe .form-title + div {
	width: 100%;
	max-width: 100%;
}

.page .post-downloadable .sign-up-section.downloadable-form .blog-subscribe form > .form-columns-0 {
	display: none;
}
.page .post-downloadable .sign-up-section.downloadable-form .blog-subscribe form h2 {
	opacity: 1;
	text-align: center;
	margin-bottom: 2.6rem;
}
.page .post-downloadable .sign-up-section.downloadable-form .blog-subscribe form h2 span {
	display: block;
}
.page .post-downloadable .sign-up-section.downloadable-form .blog-subscribe > h2 {
	text-align: center;
	margin-bottom: 2.6rem;
}
.page .post-downloadable .sign-up-section.downloadable-form .blog-subscribe > h2 span {
	display: block;
}
.post-downloadable .downloadable-form .blog-subscribe form .form-columns-3 .input {
	margin-right: 0;
}
.post-downloadable .downloadable-form .blog-subscribe form .form-columns-3 .hs-form-field {
	width: 32.1%;
	margin-right: 1.85%;
	margin-bottom: 3rem;
}
.post-downloadable .downloadable-form .blog-subscribe form .form-columns-3 .hs-form-field:last-child {
	margin-right: 0;
}
.post-downloadable .downloadable-form .blog-subscribe form .hs-form-booleancheckbox-display > span {
	display: block !important;
	font-size: 1rem;
	line-height: 1.65;
	max-width: 95%;
}
.post-downloadable .downloadable-form .blog-subscribe form .hs-form-booleancheckbox-display > span a {
	color: #948F8A;
	text-decoration: underline;
	transition: .3s all;
}
.post-downloadable .downloadable-form .blog-subscribe form .hs-form-booleancheckbox-display > span a:hover {
	text-decoration: none;
}
.page .sign-up-section.downloadable-form form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before {
	height: 4rem;
	background-position: top;
}
.page .sign-up-section.downloadable-form .blog-subscribe form .hs_submit.hs-submit {
	justify-content: center;
}
.page .sign-up-section.downloadable-form .blog-subscribe form .hs_submit.hs-submit input[type=submit] {
	color: #2B2B2E;
}
.page .sign-up-section.downloadable-form .blog-subscribe form .hs_submit .actions:before {
	background-image: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-register-bth.svg);
}

.post-downloadable .last-posts {
	position: relative;
}
.post-downloadable .last-posts:before {
	content: "";
	top: -19.8%;
	right: -14.3%;
	max-width: 630px;
	width: 62vw;
	height: 100%;
	max-height: 630px;
	pointer-events: none;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-downloadable.svg);
	position: absolute;
	z-index: -1;
}
.post-downloadable .last-posts h2 {
	color: #1922FB;
	margin-bottom: 4rem;
}
.post-downloadable .last-posts .row {
	width: 100%;
}
.article-single .post-downloadable .blog-section.last-posts {
	padding-top: 5rem;
	padding-bottom: 7.5rem;
}
.blog .post-downloadable .last-posts .post-item .post-content {
	padding: 17px 0 0;
}
.blog .post-downloadable .last-posts .post-title {
	font-size: 1.67rem;
	line-height: 1.3;
	margin-bottom: 0.9rem;
}

@media (min-width: 768px) {
	.post-downloadable .post-header {
		position: inherit;
		margin-bottom: 5.2rem;
		min-height: 525px;
	}
	.article-single .post-downloadable .post-header .col2 {
		position: absolute;
		right: 0;
		top: 2rem;
		max-height: 745px;
		height: 100%;
		width: 42.8%;
	}
	.post-downloadable .post-header .col2 img {
		width: 100%;
    object-fit: cover;
    height: 100% !important;
	}
}


/* Responsive */
@media (max-width: 1440px) {
	
}

@media (max-width: 1366px) {
	
}

@media (max-width: 1280px) {
	.article-single .blog-section .post-body-row blockquote:before {
		left: -4%;
	}
	.article-single .blog-section .post-body-row blockquote:after {
		height: 505px;
	}
}

@media (max-width: 1024px) {
	.post-downloadable .downloadable-form .blog-subscribe form .hs-form-booleancheckbox-display > span {
		max-width: 100%;
		font-size: 0.9rem;
	}
	.article-single .blog-section .post-body-row blockquote:after {
		width: 47vw;
	}
	.article-single .blog-section .post-body-row blockquote:before {
		left: -3%;
	}
}

@media (max-width: 980px) {
	.article-single .blog-section.post-downloadable {
		padding-top: 12.3rem;
	}
	.post-downloadable:before {
		max-height: 520px;
	}
	.post-downloadable:after {
		width: 460px;
		height: 460px;
	}
	.post-downloadable .downloadable-form .blog-subscribe form .hs-form-booleancheckbox-display > span {
		font-size: 0.8rem;
	}
	.blog .blog-section.post-downloadable .hs-featured-image-wrapper {
		height: 250px;
	}
	.blog .post-downloadable .last-posts .post-title {
		font-size: 1.5rem;
	}
	.article-single .post-downloadable .blog-section.last-posts {
		padding-bottom: 4.5rem;
	}
}
@media (max-width: 980px) and (min-width: 768px) {
	.post-downloadable .post-header {
		min-height: 400px;
	}
	.article-single .post-downloadable .post-header .col2 {
		top: 0;
    max-height: 600px;
	}
}

@media (max-width: 767px) {
	.post-row.post-body-row p:has(> img) {
		text-align: center;
	}
	.article-single .blog-section .post-body-row blockquote {
		margin-bottom: 6rem;
		margin-top: 6rem;
	}
	.article-single .blog-section .post-body-row blockquote:after {
		bottom: -50px;
	}
	
	.article-single .blog-section:not(.post-downloadable) .post-header:before {
		bottom: 0;
		top: auto;
		height: clamp(270px, 52.151vw, 400px);
		left: -4%;
	}
	.blog-section.post-default.main-page:not(.post-downloadable):before {
		height: 700px;
	}
	
	.article-single .post-downloadable .post-header .col1 h1 {
		font-size: 42px;
	}
	.article-single .blog-section.post-downloadable {
		padding-top: 10rem;
	}
	.article-single .post-downloadable .post-header {
		margin-bottom: 3rem;
	}
	.article-single .post-downloadable .post-header .col2 {
		position: relative;
		height: 100%;
		width: 100%;
		right: -6%;
		max-height: 550px;
	}
	.article-single .post-downloadable .post-header .col2 img {
		width: 100%;
    max-height: 550px;
    object-fit: cover;
	}
	
	.post-downloadable .scroll-down-wrap {
		height: 100%;
		top: 0;
		margin-bottom: 3rem;
	}
	
	.article-single .post-downloadable.blog-section .post-body ul {
		padding-left: 2.5rem;
	}
	
	.page .post-downloadable .sign-up-section.downloadable-form {
		padding: 4rem 0 3rem;
	}
	.page .post-downloadable .sign-up-section.downloadable-form .bg-row {
		padding: 0.6rem 0 0.5rem;
	}
	.page .post-downloadable .sign-up-section.downloadable-form .bg-row .col {
		padding: 0 2rem;
	}
	.post-downloadable .downloadable-form .blog-subscribe form .form-columns-3 .hs-form-field {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.page .sign-up-section.downloadable-form form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before {
		height: 3rem;
	}
	.page .sign-up-section.downloadable-form .blog-subscribe form .hs_submit.hs-submit {
		margin-top: 10px;
	}
	
	.post-downloadable .last-posts:before {
		top: -4.8%;
	}
	.article-single .post-downloadable .blog-section.last-posts {
		padding-top: 3rem;
		padding-bottom: 0;
	}
	.article-single .post-downloadable .blog-section.last-posts .topic-before .topic-link {
		font-size: 1rem;
	}
	.blog .post-downloadable .blog-section.last-posts .post-item .post-content {
		margin-top: 0 !important;
	}
}



.blog-single.hs-content-id-78241390235 .blog-subscribe form .hs-fieldtype-booleancheckbox .inputs-list {
	display: block;
	position: static;
}
.blog-single.hs-content-id-78241390235 .sign-up-section form > .hs-form-field.hs_i_would_like_to_receive_occasional_technology_updates_from_auxilion_ .input .inputs-list {
	padding-top: 0 !important;
}
@media (max-width: 1280px) {
	.blog-single.hs-content-id-78241390235 .sign-up-section .blog-subscribe .form-title {
		font-size: 3rem;
	}
}
@media (max-width: 1024px) {
	.blog-single.hs-content-id-78241390235 .sign-up-section .blog-subscribe .form-title {
		max-width: 300px;
	}
}
@media (max-width: 980px) {
	.blog-single.hs-content-id-78241390235 .sign-up-section .blog-subscribe .form-title {
		font-size: 2.6rem;	
    max-width: 275px;
	}
}
@media (min-width: 768px) {
	.blog-single.hs-content-id-78241390235 .sign-up-section .blog-subscribe .form-title {
		width: 40%;
    margin-right: 4%;
		max-width: 100%;
	}
	.blog-single.hs-content-id-78241390235 .sign-up-section .blog-subscribe .form-title + div {
		margin-right: 0;
		margin-left: auto;
    width: 56%;
	}
}
@media (max-width: 767px) {
	.blog-single.hs-content-id-78241390235 .sign-up-section .blog-subscribe .form-title {
		max-width: 100%;
	}
}
.type-separator {
	color: #948f8a;
}
.blog-single .section-blog-cont img {
	margin-bottom: 1.7rem;
}





/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.blog-list .opening-panel {
	height: 100%;
	padding-top: 11rem;
	padding-bottom: 4rem;
	position: relative;
}
.blog-list.news .opening-panel:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	max-width: 651px;
	width: 50vw;
	height: 736px;
	z-index: -1;
	pointer-events: none;
	background-color: #E3E0DA;
}
.blog-list.news .opening-panel:after {
	content: "";
	position: absolute;
	top: -29%;
	left: 11%;
	max-width: 630px;
	width: 50vw;
	height: 630px;
	z-index: -2;
	pointer-events: none;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-news.svg);
}
.blog-list.blog-res .opening-panel:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	max-width: 969px;
	width: 60vw;
	height: 736px;
	z-index: -1;
	pointer-events: none;
	background-color: #E3E0DA;
}
.blog-list.blog-res .opening-panel:before {
	content: "";
	position: absolute;
	top: -68.5%;
	right: -17%;
	max-width: 630px;
	width: 50vw;
	height: 630px;
	z-index: 0;
	pointer-events: none;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-resources-bg.svg);
}
.blog-list .section.opening-panel .row {
	text-align: center;
}
.blog-list .opening-panel .row h1 {
	color: #1922FB;
	margin-bottom: 0.6rem;
}
.blog-list .opening-panel p {
	max-width: 710px;
	margin: 0 auto;
}

.blog-list .section-bloglist .blog-section.blog-listing {
	max-width: 1110px;
	margin: 0 auto;
}

.blog p {
	font-weight: 400;
}
.blog .subscribe_form  {
	background: #00004d;
	color: #fff;
	padding: 2.5rem 5.2rem 3.36rem 2.9rem;
	width: 44%;
}
.blog .subscribe_form {
	opacity: 0;
	transition: all .2s ease;
}
.blog .opening-panel.animated .subscribe_form {
	opacity: 1;
	transition: all .2s ease;
}
.news .sign-up-section {
	margin-bottom: 7rem;
}
.blog .subscribe_form h3 {
	font-weight: 900;
	font-size: 1.45rem;
	line-height: 1.25;
	text-align: left;
	color: #fff;
	margin: 0 0 30px;
}
.blog .subscribe_form .legal-consent-container .input {
	width: 100%;
}
.blog .subscribe_form .legal-consent-container .input p {
	color: #fff;
}
.blog-listing .hs-featured-image-wrapper  .topic-before {
	position: absolute;
	top: 31px;
	left: 27px;
	z-index: 9;
}
.blog-listing .hs-featured-image-wrapper  .topic-before a {
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
}


.section-bloglist .section_head p {
	margin-left: 3.4rem;
	font-size: 0.818rem;
	line-height: 1.7;
	font-weight: 300;
}
.section-bloglist .section_head h2{
	margin-bottom: 1rem;
	font-size: 3.63rem;
}
.section-bloglist .section_head {
	max-width: 1320px;
	margin: auto !important;
	float: none;
}

.section-bloglist .blog-section {
	max-width: 100%;
	margin: auto 0px;
	padding-bottom: 5.45rem;
}
.blog-section .col.two.post-listing-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.blog-section .post-item {
	display: none;
	height: 0;
}

.blog .post-listing .blog-subscribe .hs_cos_wrapper_type_form {
	display: flex;
	align-items: center;
}
.blog .post-listing .blog-subscribe.anim {
	opacity: 1;
	top: 0;
}
.blog-section .post-item.itemVisible {
	display: block;
	opacity: 0;
	top: 6em;
	position: relative;
	transition: all .25s ease-in-out;
	height: unset;
}


.blog-section .post-item.itemVisible.anim {
	opacity: 1;
	top: 0;
}


.blog-section .hs-featured-image-wrapper,
.blog-single .hs-featured-image-wrapper  {
	position: relative;
	margin-bottom: 0;
	height: auto;
	overflow: hidden;
}

.hs-featured-image-link {
	border: 0;
	display: flex;
	height: 100%;
	position: relative;
}
.hs-featured-image-wrapper  img{
	max-width: 100%;
	object-fit: cover;
}
.blog-section .hs-featured-image-link{
	padding-top: 100%;
	overflow: hidden;
	position: relative;
	display: block;
	height: auto;
}
.blog-section .hs-featured-image-link img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}


.blog .post-item .post-content {
	max-width: 100%;
	margin: 0 auto;
	padding: 13px 0 0;
	bottom: 0;
}
.blog-list .post-button-container.blue-btn {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.blog .post-item .page-tag {
	margin-bottom: 0px;


}
.partn-img {
	display: block;
	position: absolute;
	left: 23px;
	top: 5px;

	z-index: 1;
}
.partn-img p{
	margin: 0 !important;
	opacity: 1 !important;
	line-height: 1 !important;
}
.partn-img p img {
	max-width: 7rem;
	object-fit: contain;
}
.blog .post-item .hs-featured-image-wrapper a img {
	transition: all .35s ease-in-out;
	width: 100%;
}
.blog .post-item:hover .hs-featured-image-wrapper a img{
	transform: scale(1.06);
	transition: all .35s ease-in-out;
}
.blog .post-item:hover .post-content .post-title {
	color: #1922FB;
}
.blog-list.blog .post-item:hover .post-content .post-button-container .post-button {
	padding-left: 40%;
	color: transparent;
}
.blog-list.blog .post-item:hover .post-content .post-button-container .post-button:after {
	margin-left: 53%;
	filter: brightness(0);
}


.topic-before {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 1.3rem;
}
.topic-before .topic-link {
	font-size: 1rem;
	color: #948F8A;
	font-family: 'TomatoGrotesk', sans-serif;
	font-weight: 400;
	line-height: 1;
}
.blog-list .topic-before .topic-link {
	font-size: 0.78rem;
	display: inline-flex;
	flex-flow: row wrap;
}
.blog-list .page-tag .topic-link:last-of-type .tag-separator {
	display :none;
}

.blog-list .post-item .topic-before span {
	margin-bottom: 0.3rem;
}
.topic-before span {
	color: #948F8A;
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-weight: 400;
	font-size: 14px;
	display: block;
	margin: 0 3px 0 0;
}
.topic-before span:last-child {
	/* 	display: none; */
}

.blog-res .topic-before .page-tag {
	font-size: 0.818rem;
	color: #2EB67D;
	/* 	min-height: 1.9rem; */
}
.blog .post-title {
	margin-bottom: 3.3rem;
	font-weight: normal;
	font-size: 1.333rem;
	line-height: 1.437;
	text-align: left;
	color:  #2B2B2E;
}
.blog .post-item p {
	font-weight: 300;
	margin-bottom: 2rem;
	font-size: 0.818rem;
	line-height: 1.7777;
	text-align: left;
	color: #00004d;
	opacity: 0.8;
}
.blog .post-title a {
	color: inherit;
}



/* Control Tags */
#controls_blog {

}
.control_blog {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	flex-wrap: wrap;
	width: 100%;
}
.news .control_blog {
	margin-bottom: 4.4rem;
}
.res-topic-navigation .tag_control li .active:before{

}
.res-topic-navigation {
	display: flex;
	margin: 0;
	width: 100%;
	flex-wrap: wrap;
	padding: 0;
	padding-left: 3%;
	border-bottom: 1px solid #D1CCC1;
	padding-bottom: 1.05rem;
	position: relative;
	transition: all .2s ease;
}
.res-topic-navigation {
	display: none;
}
.res-topic-navigation.active {
	display: flex;
	align-items: center;
}
.res-topic-navigation .navigation-list {
	display: flex;
/* 	width: 47%; */
	width: calc(97% - 123px);
	margin-right: 3%;
	padding-left: 0;
}
.res-topic-navigation li, .res-topic-navigation div {
	display: block;
	transition: all .2s ease;
}
.res-topic-navigation li a, .res-topic-navigation div a {
	align-self: flex-end;
	margin-right: 4rem;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	position: relative;
	z-index: 1;
	font-size: .89rem;
	line-height: 1.5;
	text-align: left;
	color: #2B2B2E;

}
.res-topic-navigation li .active::after,
.res-topic-navigation div .active::after {
	position: absolute;
	content: '';
	left: -1.2rem;
	bottom: -1.45rem;
	width: calc(100% + 2.8rem);
	height: 3px;
	z-index: -1;
	border-radius: 0;
	opacity: 1;
	background-color: #1922FB;
}
.res-topic-navigation li .active::before,
.res-topic-navigation div .active::before {
	position: absolute;
	content: '';
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 45px;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-pagination.svg);
	height: 45px;
	z-index: -1;
	pointer-events: none;
}
.res-topic-navigation li .active,
.res-topic-navigation div .active{
	color: #1922FB;
}
.tag_control .res-topic-navigation {
	border: none;	
}
.tag_control .res-topic-navigation {
	margin: 0 0 3rem;
}
.tag_control .res-topic-navigation li a,
.tag_control .res-topic-navigation div a {
	margin-right: 2.8rem;
}
.tag_control .res-topic-navigation1 {
	margin-bottom: 1.4rem;
}
.tag_control .res-topic-navigation1 li,
.tag_control .res-topic-navigation1 div {
	margin-bottom: 1.6rem;
}
.tag_control .res-topic-navigation1 li a,
.tag_control .res-topic-navigation1 div a {
/* 	margin-bottom: 1.6rem; */
	color: #948F8A;
}
.tag_control .res-topic-navigation1 li a.active,
.tag_control .res-topic-navigation1 div a.active,
.tag_control .res-topic-navigation1 li a:hover,
.tag_control .res-topic-navigation1 div a:hover {
	color: #1922FB;
}
.tag_control .res-topic-navigation .active:before,
.tag_control .res-topic-navigation .active:after {
	content: none;
}
.blog-list.page.open .res-topic-navigation .navigation-list,
.blog-list.page.open .res-topic-navigation li {
	opacity: 0;
}
.blog-list.page.open .res-search:before {
	left: -35px;
}
.blog-list.page.open .res-topic-navigation {
	border-bottom-color: transparent;
}
.section-bloglist .row {
	opacity: 0;
	transition: 3s ease-in-out;
}
.section-bloglist.section .row {
	max-width: 1264px;
}
.section-bloglist .row.animated {
	opacity: 1;
}

/* Search */

.res-search:before {
	position: absolute;
	top: 0px;
	left: 0;
	background: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/search-icon.svg);
	/*   background-size: 1.33rem; */
	background-repeat: no-repeat;
	background-position: 0 0;
	content: "";
	width: 20px;
	height: 21px;
	transition: all .3s ease;
}
.control_blog ul li.res-search-item {
	/* 	width: 60%; */
/* 	width: 50%; */
	width: 123px;
	text-align: right;
	transition: all .3s ease;
	padding-right: 2rem;
	margin-left: auto;

}
.control_blog ul li a.res-search {
	padding-left: 31px !important;
	position: relative;
	opacity: 1;
	transition: all .2s ease;
	margin-right: 0;
}
.control_blog ul li a.res-search:hover {
	color: rgba(19, 42, 79, 1);
}
.search-block .hs-search-field form .hs-search-field__input {
	/* 	font-size: 36px; */
	font-size: clamp(28px, 2.635vw, 30px);
	position: relative;
	top: -3px;
	font-weight: 400;
	color: #2B2B2E;
	border: 0 !important;
	height: 100% !important;
	/* 	border-bottom: 1px solid #231F20 !important; */
	line-height: 1;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	padding-bottom: 0.8rem;
	padding-left: 1.2rem;
	padding-top: 0;
} 


.blog-list.open .section-bloglist {
	z-index: 9999;
}
.row .control_blog .search-block {
	display: none;
	position: absolute;
	height: 100%;
	top: 0;
	background: transparent;
	width: 7%;
	right: 0;
	z-index: 999;
	margin: 0;
	transition: all .35s ease-in;
}
.row .control_blog .search-block.open .hs-search-field {
	width: 100%;
}
.row .control_blog .search-block.open .hs-search-field form {
	display: flex;
	position: relative;
	top: -3px;
	border-bottom: 1px solid #2B2B2E;
}
.row .control_blog .search-block.open > div {
	display: flex !important;
	align-items: center;
	height: 100% !important;
	width: 100%;
	padding: 0;
}
.row .control_blog .search-block.open {
	display: flex !important;
	align-items: center;
	width: 100%;
	transition: all .35s ease-in;
}
.search-block .close-search {
	width: 20px;
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 7px;
	right: 13%;
	margin: 0;
}
.search-block .hs-search-field--open .hs-search-field__suggestions {
	border: 1px solid #231F20;
	position: absolute;
	padding: 0 5px;
	width: 100%;
	display: none;
}
.blog-list.page.open .search-block .hs-search-field--open .hs-search-field__suggestions li {
	opacity: 1;
}
.search-block .hs-search-field__suggestions a {
	align-self: flex-end;
	margin-right: 0;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	text-transform: unset;
	position: relative;
	z-index: 1;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
	color: #231f20;
}
.row .control_blog .search-block.open .hs-search-field form .arr-btn {
	font-size: 16px !important;
	font-weight: normal !important;
	text-transform: none;
	line-height: 1;
	padding: 0;
	word-break: normal;
	border: none;
	background-color: transparent;
	top: -6px;
	right: 34px;
	width: max-content;
	cursor: pointer;
}
/* Old search */


/* Pagination */
.blog.blog-list .blog-pagination {
	margin-top: 0.5rem;
}
.blog-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
}
.blog .blog-pagination a {
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	color: #2B2B2E;
	margin: 0 7px;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	width: 28px;
	display: inline-block;
	text-align: center;
}

.blog .blog-pagination a.active {
	color: #1922FB;
	position: relative;
}
.blog .blog-pagination .blog-pagination-right,
.blog .blog-pagination .blog-pagination-left {
	display: none !important;
} 
.blog .blog-pagination .blog-pagination-center a:hover {
	color: #1922FB;
}


.talk .col2.col-full  {
	width: 100%;
	margin-top: 10rem;
	display: flex;
	flex-wrap: wrap;
	padding: 4rem 3.7rem 3rem;
}
.blog-list.page.news .cd-main-footer .talk .content-talk,
.blog-list.page.blog-res .cd-main-footer .talk .content-talk {
	background-image: none;
	background-color: #D1CCC1;
}
.blog-list.page.news .cd-main-footer .talk .content-talk h2,
.blog-list.page.blog-res .cd-main-footer .talk .content-talk h2{
	color: #2B2B2E;
}



.blog .blog-section .hs-featured-image-wrapper {
	position: relative;
	margin-bottom: 0;
	height: 353px;
	z-index: 1;
}
.blog .blog-section .hs-featured-image-wrapper .page-tag {
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
	line-height: 1;
	background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 64%,rgba(43,43,46,0.9) 100%);
 	z-index: 3;
	bottom: 0;
	left: 0;
	padding: 2.5rem 1.9rem 1rem;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;

}
.blog .blog-section .hs-featured-image-wrapper .page-tag:before {
	content: '';
	display: block;
	width: 100%;
	height: 65%;
	margin-top: auto;

}
/* .blog .blog-section .hs-featured-image-wrapper .page-tag:after{
content: '';
display: block;
width: 100%;
height:100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(43,43,46,0.9) 100%);

} */
.blog .blog-section .hs-featured-image-wrapper .page-tag a {
	pointer-events: auto;
	display: inline-block;
	color: #EEEDE9;
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-weight: 400;
	font-size: .777rem;
	margin-bottom: .7rem;

} 

.blog .blog-section .post-item {
	margin-bottom: 4.2rem;
	width: 49.1%;
}
.blog .blog-section .post-item {
	width: 46.1%;
	margin-right: 7.8%;

}
.blog .blog-section .post-item:nth-child(2n) {
	/* 	width: 46.1%; */
	margin-right: 0;
}
.blog .blog-section .section-upcoming ~ .post-item {
	margin-right: 7.8%;

}
.blog .blog-section .section-upcoming ~ .post-item:nth-child(2n + 1) {
	margin-right: 0;
}

.blog.news .blog-section .post-item:nth-child(2n+8) {
	margin-right: 7.8%;
}
.blog.news .blog-section .post-item:nth-child(2n+9) {
	margin-right: 0;
}


.blog-single h5 {
	font-weight: 500;
	margin-bottom: 20px;
	text-align: left;
	color: #2B2B2E;
	padding: 0;
	line-height: 1.54;
}
.blog-single h1 {
	margin-bottom: .35em;
	max-width: 900px;
	color: #2B2B2E;
	line-height: 1.15;
	font-weight: 500;
}


/* Form section */
.blog-list.page .sign-up-section {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	left: 50%;
	margin: 0;
	transform: translateX(-50%);
	flex: 1 0 auto;  
	padding: calc(0.6rem + 0.2%) 0 calc(3rem + 5.5%);
}
.blog-list.page .sign-up-section .bg-row .col {
	max-width: 1157px;
}
.blog-list.page .sign-up-section .blog-subscribe .hs_cos_wrapper_type_form {
	align-items: flex-start;
}
.blog-list.page .sign-up-section .blog-subscribe .form-title {
	line-height: 1.2;
	margin-top: 1.2rem;
}
.blog-list.page .sign-up-section .bg-row {
	padding: 5.3rem 0 3.8rem;
}

.page .section-upcoming {
	width: 100%;
	margin: 0;
	padding: 6.5rem 0;

}
.page .section-upcoming:after {
	/*     background: center/ cover no-repeat url(/hubfs/514553/Codec%202022/grey-texture.jpg); */
}
.page .row .section-upcoming .row {
	width: 102%;
	max-width: 102%;	
}
.page .section-upcoming .up-text{
	z-index: 11;
	position: relative;
	max-width: 60%;
	pointer-events: none;
}
.page .section-upcoming .up-text h3 {
	color: #1922FB;
	font-size: 4.45rem;
	z-index: 10;
	line-height: 1.2;
	/* 	position:relative;
	top: -.5rem;
	left: -0.3rem;
	*/
}
.page .section-upcoming .client-testim-slider{
	z-index: 1;
	margin-top: -10.5rem;
	left: 0;
	width: 85vw;
	max-width: 1380px;
}
.page .section-upcoming .client-testim-slider .bx-wrapper {
	margin-top: 6rem;
}
.page .section-upcoming .client-testim-slider .au-slide-container{
	display: flex;
	flex-flow: row wrap;

}
.page .section-upcoming .client-testim-slider .au-slide-navigation {
	justify-content: flex-end;
	max-width: 50%;
	margin-left: auto;
/* 	margin-bottom: 5rem; */
	height: 0;
	margin-bottom: 0;
}

.page .section-upcoming .client-testim-slider .image-wrap img{
	width: 100%;
	max-width: 100%;	
}
.page .section-upcoming .client-testim-slider .au-slide-author{
	padding-top: 1rem;
	margin: 0;
}
.page .section-upcoming .client-testim-slider .au-slide-author h6{
	font-size: .778rem;
	color: #948F8A;
}
.page .section-upcoming .client-testim-slider .au-slide-author h6 span{
	color: inherit;
}
.page .section-upcoming .client-testim-slider .slide-title {
	font-size: 2rem;
	line-height: 1.35;	
	margin-bottom: 0.5rem;
}
.page .section-upcoming .client-testim-slider .slide-con-text {
	font-size: 1rem;
	padding-left: 6.5%;
	line-height: 1.8;
	margin-bottom: 2.5rem;

}
.page .section-upcoming .client-testim-slider .arr-btn.btn {
	padding-left: 5%;
}
.page .section-upcoming .client-testim-slider .au-image-part{
	position: relative;
	height: 100%;
}
.page .section-upcoming .client-testim-slider .extra-tag {
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
	line-height: 1.15;
/* 	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(43,43,46,0.9) 100%); */
	z-index: 3;
	bottom: 0;
	left: 0;
	padding: 2.5rem 1.8rem 1.35rem;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
	color: #EEEDE9;
	font-size: .75rem;

}

.page .section-upcoming .client-testim-slider .extra-tag a {
	pointer-events: auto;
	color: #EEEDE9;
}
.page .section-upcoming .client-testim-slider:before{
	content: '';
	display: block;
	position: absolute;
	width: 90%;
	max-width: 292px;
	left: -4rem;
	bottom: -2.5rem;
	z-index: -1;
	background: center/ cover no-repeat url(/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/test%20slider%20dot%20bg.svg);
	height: 100%;
	max-height: 292px; 

}









@media (min-width: 768px) {

	.blog-list.page.news .sign-up-section .blog-subscribe form .hs-form-field {
		margin-bottom: 0.6rem;
	}

	.blog-list.page.blog-res .sign-up-section.animated .bg-row{
		padding: calc(2.5rem + 1.2%) 0 calc(2.5rem + 3.2%);
	}
	.blog-list.page .sign-up-section .bg-row:after {
		right: 0;
		left: auto;
	}
	.page .section-upcoming .client-testim-slider{
		padding: 6.2rem calc(5rem + 12.5%) calc(4.63rem + 1.5%) 0;
		background: none;
	}
	.page .section-upcoming .client-testim-slider:after{
		content: '';
		display: block;
		position: absolute;
		width: 100vw;
		left: 8rem;
		top: 0;
		bottom: 0;
		z-index: -1;
		background: center/ cover no-repeat url(/hubfs/514553/Codec%202022/grey-texture.jpg);
	}
	.page .section-upcoming .client-testim-slider .au-image-part {
		width: 46.5%;
		margin: 0;
	}
	.page .section-upcoming .client-testim-slider .au-content-part{
		width: 48.5%;
		margin: 0;
		margin-left: 5%;
	}
	.page .section-upcoming .up-text h3 {
		position:relative;
		top: -.5rem;
		left: -.3rem;
	}


}


@media (max-width: 1600px) and (min-width: 1025px)
	.blog-list .section.section-bloglist {
		padding-left: 1rem;
		padding-right: 1rem;
}
.blog-list.page .au-page-container .opening-panel {
	height: auto;
}
@media (max-width: 1439px){

	.blog-section .post-item {
		margin-bottom: 2rem;
	}
	.blog .subscribe_form {
		background: #00004d;
		color: #fff;
		padding: 2.5rem;
	}
	.blog-list.page .au-page-container .opening-panel {

		min-height: auto;
		padding-bottom: 150px;

	}


}
@media (max-width: 1440px) and (min-width: 768px) {

	/*   .section-bloglist .controls {
	padding: 0 2rem;
} */
	.page .section-upcoming .client-testim-slider {
		padding: 6.2rem calc(5rem + 5%) calc(4.63rem + 1.5%) 0;
	}
}
@media (max-width: 1320px) {
	.blog .post-item .hs-featured-image-wrapper a img {
		height: 100%;
	}
	.blog .blog-section .hs-featured-image-wrapper {
		/* 		height: 300px; */
	}
	.blog .hs-featured-image-wrapper .topic-before {
		font-size: 16px;
	}


	.blog .page-tag *:last-child {
		margin-right: 0px;
	}
	.control_tags ul li {
		margin-right: 30px;
	}
	.res-topic-navigation li a, .res-topic-navigation div a {
		margin-right: 1.5rem;
	}

	.blog form label.moveUp{
		top:0px;
	}

}

@media (max-width: 1366px) {
	.blog-list.page .sign-up-section .bg-row .col {
		margin: 0 5% 0 auto;
	}
}
@media (max-width: 1280px){
	.blog form .no-list li label {
		font-size: 12px;
	}
	.blog form .legal-consent-container .hs-form-booleancheckbox-display input[type="checkbox"] + span:before,
	.blog form .legal-consent-container .hs-form-booleancheckbox-display input[type="checkbox"] + span:after{
		min-height: 30px;
		height: 30px;
		width: 30px;
		min-width: 30px;		
	}
	.blog.blog-res .blog-section .post-item:nth-child(1) .hs-featured-image-wrapper , .blog.blog-res .blog-section .post-item:nth-child(6) .hs-featured-image-wrapper {
		/* 		height: 350px; */
	}
	
	.page .section-upcoming .up-text h3 {
		font-size: 3.45rem;
	}
}
@media (max-width: 1100px){
	.talk .col2.col-full h2 {
		padding-left: 2rem;
	}
}

@media (max-width: 1024px) {
	.search-block .close-search {
		top: 5px;
	}
}

@media (max-width: 980px) {
	.search-block .hs-search-field form .hs-search-field__input {
		font-size: 1.5rem;
		padding-bottom: 1.2rem;
	}
	.blog .hs-featured-image-wrapper .topic-before {
		font-size: 14px;
	}

	.post-meta .sq-yellow-line.play-animation {
		position: relative;
		width: 50px;
	}
	.blog .blog-subscribe h3 {
		font-size: 2.3rem;
		margin-bottom: 2rem;
	}
	.blog .section_head h2 {
		font-size: 3.09rem;
	}
  
	.page .section-upcoming .up-text h3 {
		font-size: 3.2rem;
	}

}

@media (max-width: 980px) and (min-width: 768px) {
	.page .section-upcoming .client-testim-slider {
		padding: 6.2rem calc(2rem + 5%) calc(4.63rem + 1.5%) 0;
	}
}

@media (max-width: 767px) {
	.blog .blog-section .post-item {
		margin: 0 auto 3rem !important;
		width: 100% !important;
	}
	.blog .blog-section .hs-featured-image-wrapper {
		height: 310px;
	}
	.blog-list.page.blog-res .sign-up-section {
		padding: 2.5rem 0;
	}

	.blog .post-listing .blog-subscribe .hs_cos_wrapper_type_form {
		flex-wrap: wrap;
	}

	.blog .post-title {
		margin-bottom: 1rem;
	}
	.blog .blog-section .hs-featured-image-wrapper {
		/* 		height: 300px !important; */
	}
	.blog .post-item .post-content {
		padding: 0 0 1.1rem;
	}

	.talk .col2.col-full .blog-subscribe {
		width: 100%;
		margin-left: 0;
	}

	.section-bloglist h1{
		font-size: 3rem;
	}

	.blog .page-tag * {
		font-size: 10px;
	}
	.blog .page-tag *:last-child {
		margin-right: 0px;
	}

	.blog-setion .post-item {
		width: 100%;
	}
	.blog-section .blog-pagination a {
		font-size: 1rem;
		margin: 0 9px;}
	.blog .post-item p {
		margin: 0 0 1.5rem;
	}

	.blog .blog-subscribe h3 {
		font-size: 1.8rem;	
		margin-bottom: 2rem;
	}
	.blog .section_head h2 {
		font-size: 2.09rem;
	}

	.blog .hs-featured-image-wrapper .topic-before {
		font-size: 14px;
	}

	.section-bloglist .control_tags {
		margin-bottom: 26px;
	}
	.news .control_blog {
		margin-bottom: 3.4rem;
	}
	.control_blog {
		margin-bottom: 2rem;
	}
	.control_blog ul li.res-search-item {
/* 		width: 15%; */
		width: 30px;
		padding-right: 0.3rem;
	}
	.control_blog ul li a.res-search {
		font-size: 0;
		padding-left: 24px !important;
	}
	.tag_control .res-topic-navigation1 li, 
	.tag_control .res-topic-navigation1 div {
		margin-bottom: 0.6rem;
	}x
	.res-search:before {
		top: -11px;
	}
	.res-topic-navigation {
		padding-left: 1%;
	}
	.res-topic-navigation .navigation-list {
/* 		width: 82%; */
		width: calc(97% - 30px);
	}
	.res-topic-navigation li a, 
	.res-topic-navigation div a {
		margin-right: 1rem;
		font-size: .72rem;
	}
	.res-topic-navigation li .active::after, 
	.res-topic-navigation div .active::after {
		width: calc(100% + 1.8rem);
		left: -1rem;
	}

	.section-bloglist .section_head p {
		margin-left: 2.59rem;
	}

	.search-block .close-search {
		right: 0;
	}
	.row .control_blog .search-block.open .hs-search-field form {
		top: 0;
	}

	.control_tags ul li {
		display: block;
		font-size: 11px;
		margin-right: 0px;
	}
	.row .control_tags .search-block.open>div {
		padding: 0 1rem;
	}

	.control_tags > ul {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.control_tags ul li {
		order: 2;
	}


	.blog .blog-subscribe form .hs_submit {
		margin-top: 28px;
	}

	.blog-section .post-item {
		margin-bottom: 2rem;
	}
	.control_tags .hs-search-field--open .hs-search-field__suggestions {
		max-width: 100%;
	}
	.section-bloglist .blog-section {
		padding-bottom: 3.45rem;
	}

	.blog .post-item .hs-featured-image-wrapper a img {
		/* 		height: 100%;
		width: 100%; */
	}
	.blog form .hs-form-field>label {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.talk.blog .col2.col-full .blog-subscribe {
		width: 100%;
		margin-left: 0;
	}
	.page .talk.blog .col2.col-full .hs-form-field {
		flex-wrap: wrap;
	}
	.talk .col2.col-full h2, .talk.blog .col2.col-full h2 {
		padding-left: 0;
		margin-bottom: 3rem;
	}
	.blog form .input {
		width: 100%;
	}
	.blog .blog-subscribe form>.hs-form-field {
		width: 100%;
		flex-wrap: wrap;
	}
	.blog-section .post-item {
		width: 100%;
	}
	.search-block form .hs-search-field__input:focus {
		width: 100%;
		outline: unset;
	}
	.page.blog-res .au-page-container .opening-panel:after {
		right: -5rem;
	}
	.search-block .hs-search-field form .hs-search-field__input {
		top: 0;
		padding: 0px 3rem 0 10px;
	}
	.page.blog-list .au-page-container .opening-panel h1 {
		max-width: 1110px;
		margin: 0.4rem auto 4.75rem;
	}
	.row .control_blog .search-block.open .hs-search-field form .arr-btn {
		top: -8px;
	}
	.row .control_tags .search-block {
		order: 1;
		margin-bottom: 10px;
		width: 100%;
		margin-left: 0;
	}
	.control_tags ul li a.active {
		border-width: 4px;
	}
	.control_tags ul li a {
		border-width: 4px;
		padding: 0 8px 8px;
	}
	.blog .blog-subscribe form>.hs-form-field {
		width: 100%;
	}
	.blog .post-item .post-content {
		max-width: 100%;
		margin: 1rem auto 0 !important;
	}
	.blog .subscribe_form {
		padding: 1.5rem;
		width: 100%;
	}
	.blog-list.page .au-page-container .opening-panel {
		min-height: auto;
		padding-bottom: 5rem;
	}
	.page .section-upcoming .up-text h3 {
		font-size: 2.3rem;
		padding:  0 1rem;
	}
	.page .section-upcoming .up-text {
		max-width: 100%;
	}
	.page .section-upcoming .client-testim-slider{
		width:100%;
		margin-top: -7.5rem;
	}
	.page .section-upcoming .client-testim-slider .au-slide-navigation{
		top: 4.5rem;
		position: relative;
/* 		margin-top:5.5rem; */
/* 		margin-bottom: 3rem; */
	}
	.page .section-upcoming .client-testim-slider .bx-wrapper {
		margin-top: 7rem;
	}
	.page .section-upcoming {
		padding: 3.5rem 0;
	}
}

@media (max-width: 500px) {
	.blog .blog-section .hs-featured-image-wrapper {
	}
}

@media (min-width: 1900px) {
	.section-bloglist.section .row {
		max-width: 1264px;
	}
}


/* Animation */
.page.blog-list .sign-up-section .bg-row {
	/*   animated */
	left: -101vw;
/* 	opacity: 0;
	transition: all .5s ease-in-out;   */
}
.page.blog-list .sign-up-section.animated .bg-row {
	left: 0;
/* 	opacity: 1; */
}

.blog-list.news .sign-up-section {
	display: none !important;
}
 
 
 
 
 
 





html {
	overflow-x: hidden;
}

/* .home p, p span {
font-weight: 300;
} */

.home p {
	margin: 0;
}
.section .row {
	max-width: 1264px;
}
@media (min-width: 1800px){
	/*   .section .row {
	max-width: 1464px;
}
	.section.opening-panel .row {
	max-width: 1464px;
} */
	/*   .page.home .opening-panel .col2 {
	width: 42%;} */
}
@media (max-width: 1440px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 980px) {

}

@media (max-width: 767px) {

}

@media (max-width: 480px) {

}

/* ----------------------------- */



.slider-scroll {
	position: relative;
	padding-top: 5rem;
}

.home .opening-panel .col1 {
	position: relative;
}

.home .bx-wrapper img{
	position: relative;
	object-fit: cover;
	z-index: -1;
}
.home .opening-panel .col2:not(.two) * {
	width: 100%;
}

.opening-panel h1 {
	/*   margin-left: auto; */
	transition: .7s ease-in-out;
	transition-delay: .1s;
}
.home .opening-panel {
	min-height: 800px;
	position: relative;
}
.home .opening-panel:before {
	content: "";
	position: absolute;
	top: -10px;
	right: -2%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-home-banner.svg);
	max-width: 650px;
	width: 50vw;
	height: 650px;
	z-index: -1;
	pointer-events: none;
}
.home .opening-panel .row {
	position: relative;
}
.home .opening-panel .row:before {
	content: "";
	position: absolute;
	top: -35%;
	right: -9%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/3-rings-backround.svg);
	max-width: 1096px;
	width: 82vw;
	height: 924px;
	z-index: -1;
	pointer-events: none;
}
.home .opening-panel h1 {
	color: #2B2B2E;
	margin-bottom: 0.3rem;
	text-align: left;
	font-size: 7.39rem;
	line-height: 1.1;
}
.home .opening-panel h1 span {
	color: #1922FB;
	position: relative;
}
.opening-panel p {
	opacity: 0;
	transition: .7s ease-in-out;
	transition-delay: 1s;
}
.home .opening-panel p {
	/*   text-align: left; */
	/*   font-weight: 300; */
}

g#e0ZciBfAq1J61 > g:last-of-type {
	display: none;
}
.home .opening-panel .col2 {
	width: 45%;
	margin: 0;
}
.opening-panel .col2 {
	opacity: 0;
}
.home .opening-panel .col1 {
	width: 47%;
	margin-right: 8%;
	margin-top: 4%;
}
.home .opening-panel p {
	max-width: 530px;
}
.home .scroll-down {
	margin-top: 3rem;
}

@media(max-width: 980px){
	.opening-panel h1 {
		transition: .4s ease-in-out;
	}
	.opening-panel p {
		transition: .5s ease-in-out;
		transition-delay: .5s;
	}
}

.opening-panel.animated h1 {
	opacity: 1 !important;
}

.opening-panel.animated p {
	opacity: 1 !important;

}
.home .opening-panel.animated p {  
	opacity: 1 !important;
}
.opening-panel .btn,
.opening-panel .scroll-down {
	opacity: 0;
	transition: .7s ease-in-out;
	transition-delay: 1s;
}
.home .opening-panel .btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 7rem;
}
.home .opening-panel .row > div > div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.opening-panel.animated .btn,
.opening-panel.animated .scroll-down {
	opacity: 1 !important;
}


.codec-way {
	padding: 5rem 0 8.2rem;
}
.codec-way .row-width {
	width: 90%;
	max-width: 1650px;
}
.codec-way .row-width > .row-fluid-wrapper > .row-fluid {
	display: flex;
	align-items: flex-end;
}
.codec-way .row-width .col1 {
	width: 62.3%;
}
.codec-way .row-width .col2 {
	width: 33.1%;
	margin-left: 4.3%;
}
.codec-way .row-width .col1 img {
	width: 100% !important;
}
.codec-way .row-width .code-way-head h3 {
	font-size: 2rem;
	line-height: 1.37;
	margin-bottom: 0;
	max-width: 400px;
}
.codec-way .content-wrap {
	padding-top: 9.9rem;
}
.codec-way .content-wrap .col {
	position: relative;
}
.codec-way .content-wrap .col:before {
	content: "";
	position: absolute;
	top: -33%;
	left: 0;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-home-way.svg);
	max-width: 292px;
	width: 25vw;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}
.codec-way .content-wrap .col1 {
	width: 48%;
} 
.codec-way .content-wrap .col2 {
	width: 49.3%;
	margin-left: 2.7%;
}
.codec-way .content-wrap .col h2 {
	padding-left: 11%;
	max-width: 550px;
	margin-bottom: 1.4rem;
}
.codec-way .content-wrap .col p {
	padding-left: 17.5%;
	max-width: 554px;
}
.codec-way .content-wrap .btn {
	margin-top: 5.6rem;
}
.codec-way .content-wrap .btn .cta_button {
	margin: 0 auto;
}


.section-solutions {
	padding: 12.2rem 0 5rem;
	/* 	background-color: #E3E0DA; */
}
.section-solutions:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 82%;
	background-color: #E3E0DA;
	z-index: -1;
	pointer-events: none;
}
.section-solutions .row.one {
	margin-bottom: 3.6rem !important;
}
.section-solutions .row.one .col1:before {
	content: "";
	position: absolute;
	top: -40%;
	left: -53%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-solutions-home.svg);
	max-width: 677px;
	width: 60vw;
	height: 677px;
	z-index: -1;
	pointer-events: none;
}

.section-solutions .row.one .col1 {
	width: 56%;
	margin-right: 5%;
	position: relative;
}
.section-solutions .row.one .col2 {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 631px;
	margin-left: 0;
	width: 39%;
}
.section-solutions .row.one .col1 h2 {
	max-width: 485px;
}
.section-solutions .row.one .col1 p {
	padding-left: 15%;
	margin-bottom: 2rem;
}
.section-solutions .row.two > .row-fluid-wrapper > .row-fluid {
	display: flex;
	flex-wrap: wrap;
}
.section-solutions .row.two .btn-solutions {
	width: 23.8%;
	margin-left: 0;
	margin-right: 1.6%;
}
.section-solutions .row.two .btn-solutions .cta_button {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	font-size: clamp(22px, 2.269vw, 31px);
	background-color: #EEEDE9;
	display: block;
	position: relative;
	padding: 3rem 0.2rem 1rem;
	margin-bottom: 1rem;
	min-height: 85px;
	display: flex;
	z-index: 3;
	padding: 6.2em 0.8rem 3.5rem 1.6rem;
	line-height: 1.1;
	transition: all .3s ease;
	box-shadow: 0px 3px 30px rgb(43 43 46 / 10%);
}
.section-solutions .row.two .btn-solutions .cta_button:before {
	content: "";
	position: absolute;
	left: 1.3rem;
	bottom: 1.8rem;
	width: 20px;
	height: 3px;
	background-color: #1922FB;
	transition: all .3s ease;
}
.section-solutions .row.two .btn-solutions .cta_button:after {
	content: "";
	position: absolute;
	left: 1.3rem;
	bottom: 1.3rem;
	width: 23px;
	height: 21px;
	background-image: url('/hubfs/514553/Codec%202022/arrow-solutions-1.svg');
	background-repeat: no-repeat;
	transition: all .3s ease;
	background-size: cover;
	opacity: 0;
}
.section-solutions .row.two .btn-solutions .cta_button:hover:before {
	left: 80%;
	opacity: 0;
}
.section-solutions .row.two .btn-solutions .cta_button:hover:after {
	left: 80%;
	opacity: 1;
}
.section-solutions .row.two .btn-solutions .cta_button:hover {
	color: #2B2B2E;
	padding: 5.2em 0.8rem 5.2rem 1.6rem;
}
.section-solutions .row.two .btn-solutions:nth-child(4n+4) {
	margin-right: 0;
}
/* @media (min-width: 981px) {
.section-solutions .row.two .btn-solutions:nth-child(4n+4) {
margin-right: 0;
}
} */


.section-clients {
	padding: 5rem 0;
	position: relative;
	z-index: 2 !important;
}
/* .section-clients .row.row1 {
padding-bottom: 8.5rem;
} */
.section-clients .row.row1 .col1 {
	width: 56%;
	margin-right: 5.5%;
}
.section-clients .row.row1 .col2 {
	width: 38.5%;
	margin-left: 0;
	padding-top: 9.2%;
}
.section-clients .row.row1 .col1 h2 {
	color: #1922FB;
}
.section-clients .row.row1 .col2 .clients-text p {
	max-width: 450px;
	margin-bottom: 1.96rem;
}
.section-clients .row.row2 {
	padding: 8.5rem 0 13.5rem;
}
.home .section-clients .clients-logo .owl-stage-outer {
	overflow: visible;
}
.home .section-clients .clients-logo .owl-stage-outer .owl-stage {
	display: flex;
	align-items: center;
}
.home .section-clients .clients-logo .owl-stage-outer .image-wrap img {
	object-fit: contain;
	max-width: 200px !important;
	max-height: 80px;
	height: 100%;
	filter: grayscale(1);
}
.section-clients .row.row3:before {
	content: "";
	position: absolute;
	bottom: -3%;
	right: 0;
	background-image: url("/hubfs/514553/Codec%202022/bg-clients-slider.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 49.5vw;
	/* 	height: 880px; */
	height: 800px;
}
.section-clients .row.row3:after {
	content: "";
	position: absolute;
	bottom: -9.7%;
	left: 43.7%;
	background: center bottom / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-home-clients.svg);
	max-width: 630px;
	width: 70vw;
	height: 630px;
	z-index: -1;
	pointer-events: none;
}

.clients-slider .sq-slide-container .sq-content-part {
	display: flex;
	flex-wrap: wrap;
}
.clients-slider .sq-slide-container .sq-content-part .content-title {
	width: 41%;
	margin-right: 19.5%;
}
.home .clients-slider .sq-slide-container .sq-content-part .content-title {
	margin-top: 6.2%;
}
.home .clients-slider {
	display: flex;
	flex-direction: column;
}
.home .clients-slider .bx-wrapper {
	order: 1;
}
.clients-slider .sq-slide-container .sq-content-part .content-title h3 > div {
	font-size: 2.666rem;
	line-height: 1.2;
	margin-bottom: 2.1rem;
}
.clients-slider .sq-slide-container .sq-content-part .content-text {
	width: 39.5%;
}
.clients-slider .sq-content-part .content-text .arr-logo-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3.7rem;
	justify-content: flex-end;
}
.home .clients-slider .sq-content-part .content-text .arr-logo-wrap .image-wrap img {
	filter: grayscale(1);
}
.home .clients-slider .sq-slide-navigation {
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 4;
	max-width: 870px;
}
.home .clients-slider .sq-slide-navigation.disable-arrows {
	display: none;
}
@media (min-width: 768px) {
	.home .clients-slider .sq-slide-navigation {
		height: 0;
		bottom: -1.3rem;
	}
}

/* .clients-slider .sq-content-part .content-text .arr-logo-wrap .sq-slide-navigation {
width: 46.5%;
display: flex;
padding-left: 1.5%;
margin-top: 9px;
} */
.sq-slide-navigation a {
	position: relative;
	color: transparent;
}
.sq-slide-navigation .bx-prev {
	left: 0;
	margin-right: 10px;
}
.sq-slide-navigation .bx-next {
	right: 0;
}
.sq-slide-navigation a:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background-image: url('/hubfs/514553/Codec%202022/arrow-slider.svg');
	background-repeat: no-repeat;
	width: 22px;
	height: 14px;
}
.sq-slide-navigation .bx-next:after {
	transform: rotate(180deg);
}
.clients-slider .sq-content-part .content-text .arr-logo-wrap .image-or-mov-mod {
	width: 53.5%;
}
.clients-slider .sq-content-part .content-text .content p {
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-size: 1.335rem;
	line-height: 1.9;
}
.clients-slider .sq-content-part .content-text .content {
	margin-bottom: 4rem;
}
.clients-slider .sq-content-part .content-text .sq-slide-author h6 {
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
.clients-slider .sq-content-part .content-text .sq-slide-author p span {
	font-family: 'TomatoGrotesk-Light', sans-serif;
}



.difference-section {
	padding: 13rem 0 5.4rem;
}
.difference-section:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #E3E0DA;
	width: 87vw;
	height: 108.5%;
	z-index: -1;
	pointer-events: none;
}
.difference-section .row.row1 {
	padding-bottom: 4.6rem;
}
.difference-section .row.row1 h2 {
	text-align: center;
}
.difference-section .row.row1 p {
	text-align: center;
}
.awards .row.row2 > .row-fluid-wrapper > .row-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.awards .row.row2 .col h3 {
	color: #1922FB;
	font-family: 'FedraSansStd', sans-serif;
	font-weight: 400;
	margin-bottom: 0.3rem;
	font-size: clamp(20px, 2.153vw, 31px);
	line-height: 1.3;
}
.awards .row.row2 .col p {
	line-height: 1.3;
	max-width: 320px;
	margin: 0 auto;
}
.awards .row.row2 .col .span6 {
	padding: 0 1.7rem;
}
.awards .row.row2 .col1 .col-wrap1 .span6:first-child h3 {
	max-width: 308px;
}
.awards .row.row2 .col1 .col-wrap1 .span6:last-child h3 {
	max-width: 339px;
	margin: 0 auto 0.3rem;
}
.awards .row.row2 .col1 .span6:first-child {
	text-align: center;
	border-right: 4px dotted #D1CCC1;
	width: 51.7%;
}
.awards .row.row2 .col1 .span6:last-child {
	margin-left: 0;
	width: 48.3%;
	text-align: center;
	border-right: 4px dotted #D1CCC1;
}
.awards .row.row2 .col1 .col-wrap1 > .row-fluid-wrapper > .row-fluid,
.awards .row.row2 .col1 .col-wrap2 > .row-fluid-wrapper > .row-fluid {
	display: flex;
	flex-wrap: wrap;
}
.awards .row.row2 .col1 .col-wrap1 .span6 {
	padding-bottom: 2.4rem;
}
.awards .row.row2 .col1 .col-wrap1 {
	border-bottom: 4px dotted #D1CCC1;
}
.awards .row.row2 .col1 .col-wrap2 .span6 {
	padding-top: 2.3rem;
	padding-bottom: 0.7rem;
}
.awards .row.row2 .col1 {
	padding-left: 4.4%;
	width: 66.2%;
}
.awards .row.row2 .col2 {
	margin-left: 1.8%;
	width: 32%;
	padding: 0 2.9rem 0 1.2rem;
}
.awards .row.row2 .col2 .span12 {
	text-align: center;
}


.home.page .resources .row1 {
	position: relative;
}
.home.page .resources .row1:after {
	content: "";
	position: absolute;
	top: 7%;
	right: -14.3%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-resources-home.svg);
	max-width: 630px;
	width: 70vw;
	height: 630px;
	z-index: -1;
	pointer-events: none;
}
.home.page .resources .row1 .col2 .post-item .hs-featured-image-wrapper img {
	max-height: 528px;
}
.home.page .resources {
	padding-bottom: 5.7rem;
}


.careers-section {
	padding: 0 0 7.5rem;
}
.careers-section .row1 {
	position: relative;
	padding: 5.8rem 0 15.8rem;
}
.careers-section .row1:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	background-color: #E3E0DA;
	z-index: -1;
	pointer-events: none;
}
.careers-section .row1 .careers-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.careers-section .row1 .careers-bg img {
	max-width: 114% !important;
	width: 114%;
	height: 100% !important;
	position: absolute;
	right: 0;
	object-fit: cover;
}
.careers-section .row1 h2 {
	color: #1922FB;
	max-width: 396px;
	padding-left: 6%;
}
.careers-section .row1 p {
	padding-left: 8.5%;
	max-width: 575px;
	margin-bottom: 3rem;
}
.careers-section .row1 .btn {
	padding-left: 8.5%;
}
.careers-section .row2 {
	max-width: 1372px;
	margin-top: -10.8% !important
}
.careers-section .row2 .row-fluid-wrapper > .row-fluid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.careers-section .row2 .span2 {
	width: 15.5%;
}
.careers-section .row2 .span2:not(:first-child) {
	margin-left: 1.4%;
}
.careers-section .row2 .careers-btn .cta_button {
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-size: clamp(22px, 1.806vw, 26px);
	background-color: #EEEDE9;
	position: relative;
	margin-bottom: 1rem;
	min-height: 85px;
	display: flex;
	z-index: 3;
	padding: 1.34em 0.8rem 9.7rem 1.5rem;
	line-height: 1.4;
	transition: all .3s ease;
	box-shadow: 0px 3px 30px rgb(43 43 46 / 10%);
}
.careers-section .row2 .careers-btn .cta_button:hover:before {
	left: 75%;
}
/* .careers-section .row2 .careers-btn .cta_button:hover:after {
top: 0;
} */
.careers-section .row2 .careers-btn .cta_button:before {
	content: "";
	position: absolute;
	bottom: 2.35rem;
	left: 1.65rem;
	background-image: url('/hubfs/514553/Codec%202022/arrow-careers.svg');
	background-repeat: no-repeat;
	width: 25px;
	height: 14px;
	transition: all .3s ease;
}
.careers-section .row2 .careers-btn .cta_button:after {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 6px;
	background-image: url('/hubfs/514553/Codec%202022/dots-careers.svg');
	background-repeat: no-repeat;
	max-width: 119px;
	width: 9vw;
	height: 111px;
	z-index: -1;
	transition: all .3s ease;
}

/* .home .careers-section .row-opportunities {
margin-top: 0 !important;
} */
.home .careers-section .row-opportunities .hs-rss-module {
	display: flex;
	flex-wrap: wrap;
}
.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item {
	width: 15.5%;
}
.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item:not(:last-child) {
	margin-right: 1.4%;
}
.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title {
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-size: clamp(22px, 1.806vw, 24px);
	background-color: #EEEDE9;
	position: relative;
	margin-bottom: 1rem;
	/* 	min-height: 85px; */
	min-height: 295px;
	max-height: 295px;
	display: flex;
	z-index: 3;
	padding: 1.34em 0.8rem 9.7rem 1.5rem;
	line-height: 1.4;
	transition: all .3s ease;
	box-shadow: 0px 3px 30px rgb(43 43 46 / 10%);
}
.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title:hover:before {
	left: 75%;
}
.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title:before {
	content: "";
	position: absolute;
	bottom: 2.35rem;
	left: 1.65rem;
	background-image: url('/hubfs/514553/Codec%202022/arrow-careers.svg');
	background-repeat: no-repeat;
	width: 25px;
	height: 14px;
	transition: all .3s ease;
}
.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title:after {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 6px;
	background-image: url('/hubfs/514553/Codec%202022/dots-careers.svg');
	background-repeat: no-repeat;
	max-width: 119px;
	width: 9vw;
	height: 111px;
	z-index: -1;
	transition: all .3s ease;
}



.talk .btn-talk {
	position: relative;
	transition: all .5s ease-in-out;
	opacity: 0;
}
.talk.anim .btn-talk {
	opacity: 1;
}
/* .talk .row {
right: -100%;
position: relative;
transition: all .45s ease-in-out;
}
.talk.anim .row {
right: 0;
} */
.talk.anim .row > .row-fluid-wrapper > .row-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.talk .back-img{
	position: absolute;
	top: 0;
	left: 0;
	height: 87%;
	width: 100%;
	z-index: -1;
}
.talk .back-img * {
	height: 100% !important;
}
.talk .back-img img{
	object-fit: cover;
	width: 100%;
}
.talk .col2 {
	background: #1922FB;
	padding: 3.5rem 2.8rem 2.5rem;
	margin-top: 5.09rem;
	margin-left: auto !important;
	float: unset;
	width: 36vw;
}
.page .talk h2 {
	color: #2B2B2E;
	font-weight: 500;
	font-size: 4.0625rem;
	line-height: 1.04;
	margin-bottom: 0;
	opacity:1;
}


.page .section.resources {
	padding-top: 10.3rem;
	overflow: hidden;
}
.page .resources .row1 {
	margin-bottom: 2rem !important;
}
.page .resources h2 {
	color: #1922FB;
}
.page .resources p {
	margin-bottom: 2.7rem;
	max-width: 390px;
}
.page .resources .btn {
	padding-left: 8%;
}
.page .resources .row1 .col1{
	width: 40.5%;
}
.page .resources .row1 .col2{
	width: 57.5%;
	margin-left: 2%;
}
.page .resources .row1 .col2 .post-item .hs-featured-image-wrapper img {
	height: 528px;
}
.page .resources .row2 .post-item {
	width: 32% !important;
	margin-right: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
}
.page .resources .row .post-item {
	width: 100%;
	position: relative;
	padding-bottom: 2rem;
}
.page .resources .post-item .arr-btn a{
	position: absolute;
	bottom: 0;
}
.page .resources .post-item h3 {
	margin-bottom: 0.8rem;
	font-weight: bold;
	line-height: 1.437;
	text-align: left;
	color: #231f20;
}
.page .resources .row2 .post-item h3 {
	margin-bottom: 1.5rem;
}

.page .resources .hs-featured-image-wrapper  {
	margin-bottom: 18px;
}
.page .resources .post-item h3 a {
	font-weight: normal;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
.page .resources .row1 .post-item h3 {
	font-size: 2rem;
	margin-bottom: 0.8rem;
}
.page .resources .post-item .hs-featured-image-wrapper img {
	width: 100%;
	max-height: 350px;
}
.page .resources .row1 .topic-before .topic-link {
	font-size: 1rem;
	color: #948F8A;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
}
.page .resources .topic-before span:last-child {
	display: none;
}
.page .resources .col.post-listing {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page .resources .btn {
	margin-bottom: 30px;
}
.page .resources .row {
	opacity: 0;
	transition: all .2s ease-in-out;
}

.page .resources.anim .row1 {
	opacity: 1;
}
.page .resources.anim .row2 {
	opacity: 1;
	transition-delay: .5s;
}

.resources {
	padding: 0 0 10rem;
}


/* video home animation */


/* video home svg animation */

.page.home .home-anim.opening-panel{
	opacity: 1;
}
.page.home .home-anim.opening-panel .hs_cos_wrapper_type_rich_text h1,
.page.home .home-anim.opening-panel .hs_cos_wrapper_type_rich_text p,
.page.home .home-anim.opening-panel .hs_cos_wrapper_type_rich_text span {
	top: 0;
	opacity: 1;
}
.page.home .home-anim.opening-panel .hs_cos_wrapper_type_rich_text p {
	opacity: 1;
}	
.page.home .home-anim.opening-panel:after,
.page.home .home-anim.opening-panel .row:before {
	content: none;	
}
.home .home-bg-anim {
	max-width: 1920px;
	left: 50%;
	transform: translateX(-50%); 
	position: absolute;
	margin-top: -4rem;
	width: 125vw;
	height: 100%;
	top: 0;
	bottom: 0;
}
.home .home-bg-anim svg {
	width: 100%;
	max-width: 100%;
	height: 108%;
	max-height: 108%;
	position: absolute;
	left: 63%; 
	top: 0;
	bottom: 0;
	transform: translateX(-50%); 
}
.home .home-bg-anim.home-anim2024 svg {
	width: auto;
}




@media (max-width: 1279px){
	.home .home-bg-anim {
		margin-top: -2rem;
	}

}
@media (max-width: 767px){
	.home .home-bg-anim {	
		position: relative;
		margin-top: -5rem;
		margin-bottom: -5rem;
		width: 125vw;
		left:44%;		
	} 
	.home .home-bg-anim svg {
		position: static;
		transform: none;		
	}
	.page.home .home-anim.opening-panel .col2{
		display: none;
	}

}
@media (max-width: 480px){
	.home .home-bg-anim {	
		position: relative;
		margin-top: -2rem;
		width: 145vw;

	}
}
/* video home svg animation end */






/* responsive */
@media (max-width: 1700px) {
	.home .section.opening-panel .row {
		width: 90%;
	}
	@media (min-width: 768px) {
		.home .opening-panel .btn {
			margin-top: 5rem;
			margin-bottom: 2rem;
		}
	}

}

@media (max-width: 1440px) {
	.home .cd-page-container .opening-panel {
		min-height: 800px;
	}

	.awards .row.row2 .col2 {
		padding: 0 1.5rem 0 0.2rem;
	}

	.codec-way .content-wrap .col h2 {
		max-width: 430px;
	}

	.home .section-clients .row.row3:before {
		bottom: 0;
	}
	.home .clients-slider .sq-slide-navigation {
		max-width: 200px;
		margin-left: auto;
		margin-right: 31%;	
	}

	.difference-section:before {
		width: 92vw;
	}
}

@media (max-width: 1366px) {
	.codec-way .row-width .code-way-head h3 {
		font-size: 1.8rem;
	}
}

@media (max-width: 1280px) {
	.home.page .cd-page-container .opening-panel {
		height: auto !important;
		min-height: 750px !important;
		max-height: unset !important;
	}
	.home .opening-panel .btn {
		margin-top: 3rem;
		margin-bottom: 2rem;
	}
	.home .opening-panel h1 {
		font-size: 6.39rem;
	}

	.clients-slider .sq-content-part .content-text .content p {
		font-size: 1.13rem;
	}
	.home .section-clients .row.row3:before {
		/* 		bottom: -6%; */
		bottom: -2%;
	}
	.clients-slider .sq-slide-container .sq-content-part .content-title h3 > div {
		font-size: 2.45rem;
	} 

	.careers-section .row2 .careers-btn .cta_button {
		font-size: clamp(17px, 1.797vw, 23px);
	}
	.careers-section .row2 .careers-btn .cta_button:before {
		left: 1.45rem;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title {
		font-size: clamp(17px, 1.797vw, 23px);
	}
	@media (min-width: 980px) {
		.page .resources .row1 .col2 .post-item .hs-featured-image-wrapper img {
			height: clamp(410px, 41.250vw, 528px);
		}
	}
	@media (min-width: 768px) {
		.careers-section .row2 .careers-btn .cta_button:before {
			left: 1.45rem;
		}
		.careers-section .row2 .careers-btn .cta_button {
			padding: 1.34em 0.8rem 9.7rem 1.2rem;
		}
		.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title:before {
			left: 1.45rem;
		}
		.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title {
			padding: 1.34em 0.8rem 9.7rem 1.2rem;
		}
	}
}

@media (max-width: 1200px) {
	.codec-way .row-width .code-way-head h3 {
		font-size: 1.5rem;
	}
}

@media (max-width: 1024px) {
	.page.home .cd-page-container .opening-panel {
		min-height: 650px;
	}
	.talk .col2 {
		width: 45vw;
	}
	.page.home .cd-page-container .opening-panel {
		min-height: 580px !important;
	}

	.codec-way .content-wrap .col h2 {
		max-width: 340px;
	}

	.section-clients .row.row3:before {
		/* 		height: 770px; */
		/* 		height: 650px; */
		height: 54%;
	}
	.home .clients-slider .sq-slide-navigation {
		margin-right: 29%;
	}

	.difference-section:before {
		width: 95vw;
	} 
}

@media (max-width: 980px) {
	.home .opening-panel .col1 {
		margin-top: 0;
	}
	.img-logo-row {
		-webkit-mask-position-x: left;
	}

	.page .resources .post-item .hs-featured-image-wrapper img {
		width: 100%;
		height: 250px;
	}
	.page .resources .row1 .col2 .post-item .hs-featured-image-wrapper img {
		height: 275px;
		object-position: top;
	}
	.resources {
		padding: 5rem 0;
	}
	.page .section.resources {
		padding-top: 8rem;
	}

	.awards .row.row2 .col p {
		font-size: 0.7rem;
	}

	.home .opening-panel h1 {
		font-size: 4.9rem;
	}

	.codec-way .row-width .code-way-head h3 {
		font-size: 1.3rem;
	}

	.section-solutions .row.two .btn-solutions .cta_button {
		font-size: clamp(17px, 2.245vw, 22px)
	}

	.section-solutions .row.one .col1:before {
		top: -17%;
		left: -42%;
	}
	.section-solutions {
		padding: 7.2rem 0 5rem;
	}

	.clients-slider .sq-slide-container .sq-content-part .content-title h3 > div {
		font-size: 2.1rem;
	}
	.home .section-clients .row.row3:before {
		bottom: auto;
		/*     top: 49%; */
		top: 52%;
	}
	.home .section-clients .clients-logo .owl-stage-outer .image-wrap img {
		max-width: 200px !important;
	}

	.careers-section .row2.row-opportunities {
		margin-top: -18% !important;
	}
	.careers-section .row2 .span2 {
		width: 32%;
	}
	.careers-section .row2 .span2:not(:first-child) {
		margin-left: 1.5%;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item {
		width: 32%;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item:not(:last-child) {
		margin-right: 1.5%;
	}
	@media (min-width: 768px) {
		.page .resources .row1 .col1 {
			width: 47.5%;
		}
		.page .resources .row1 .col2 {
			width: 50.5%;
		}
	}

}

@media (max-width: 980px) and (min-width: 768px) {
	.careers-section .row2 .span2:nth-child(4) {
		margin-left: 0;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item:nth-child(3) {
		margin-right: 0
	}
}

@media (max-width: 767px) {
	.home .btn a {
		font-size: 12px;
	}

	.awards .row.row2 {
		width: 100%;
	}
	.awards .row.row2 .col1 {
		width: 90%;
		margin: 0 auto;
		padding-left: 0;
	}
	.awards .row.row2 .col2 {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.awards .row.row2 .col1 .col-wrap1 .span6,
	.awards .row.row2 .col1 .span6:last-child,
	.awards .row.row2 .col1 .span6:first-child {
		width: 100%;
	}
	.awards .row.row2 .col h3,
	.awards .row.row2 .col1 .col-wrap1 .span6:first-child h3,
	.awards .row.row2 .col1 .col-wrap1 .span6:last-child h3 {
		max-width: 215px;
		margin: 0 auto;
	}
	.awards .row.row2 .col .span6 {
		padding: 0;
	}
	.awards .row.row2 .col1 .span6:first-child,
	.awards .row.row2 .col1 .span6:last-child {
		border-right: none;
		border-bottom: 3px dotted #D1CCC1;
		margin-bottom: 1.7rem;
		padding-bottom: 1.9rem;
	}
	.awards .row.row2 .col1 .col-wrap2 .span6 {
		padding-top: 0;
	}
	.awards .row.row2 .col1 .col-wrap1 {
		border-bottom: none;
	}
	.page.home .cd-page-container .opening-panel {
		padding-top: 150px;
	}
	.home .opening-panel h1 {
		font-size: 4.19rem;
		max-width: 100%;
	}
	.home .opening-panel p {
		font-size: 1rem;
	}
	.opening-panel p {
		max-width: 100%;	
	}
	/*   .home .opening-panel h1 {
	max-width: 100%;
} */
	.home .opening-panel .col2 {
		width: 100%;
		margin-top: 2.6rem;
	}
	.img-logo-row {
		-webkit-mask-position-x: center;
	}
	/*   .img-slider-mod:after {
	transform: translate(2%,-51%);
} */
	/*   .home .opening-panel .col2 img {
	height: auto;
	min-height: 300px;
} */
	.home .opening-panel .col1 {
		width: 100%;
		margin-right: 0;
	}
	.home .opening-panel .btn {
		margin-top: 2rem;
	}
	.home .opening-panel:before {
		width: 100vw;
		top: 36%;
		right: -28%;
	}
	.home .opening-panel .row:before {
		top: 19%;
		right: -29%;
		max-width: 784px;
		width: 784px;
		height: 612px;
	}
	.home .opening-panel .row > div > div {
		justify-content: center;
	}
	.home .scroll-down {
		margin-top: 3.5rem;
	}

	.codec-way {
		padding: 5.8rem 0 7.5rem;
	}
	.codec-way .row-width > .row-fluid-wrapper > .row-fluid {
		flex-wrap: wrap;
	}
	.codec-way .row-width .col1 {
		width: 100%;
		margin-bottom: 25px;
	}
	.codec-way .row-width .col2 {
		width: 100%;
		margin-left: 5%;
	}
	.codec-way .row-width {
		width: 95%;
	}
	.codec-way .row-width .code-way-head h3 {
		font-size: 1.49rem;
	}
	.codec-way .content-wrap {
		padding-top: 6.4rem;
	}
	.codec-way .content-wrap .col1 {
		width: 100%;
		margin-bottom: 100px;
	}
	.codec-way .content-wrap .col2 {
		width: 100%;
		margin-left: 0;
	}
	.codec-way .content-wrap .col h2 {
		font-size: 50px;
		padding-left: 12%;
	}
	.codec-way .content-wrap .col p {
		font-size: 14px;
		padding-left: 19%;
	}
	.codec-way .content-wrap .col:before {
		width: 47vw;
		top: -32%;
	}
	.codec-way .content-wrap .btn {
		margin-top: 3.6rem;
	}


	.section-solutions {
		padding: 5.6rem 0 5rem;
	}
	.section-solutions:before {
		height: 89%;
	}
	.section-solutions .row.one .col1 {
		width: 100%;
		margin-bottom: 49px;
	}
	.section-solutions .row.one .col2 {
		width: 100%;
		position: relative;
		right: -10%;
	}
	.section-solutions .row.one .col1 h2 {
		font-size: 50px;
		margin-bottom: 24px;
	}
	.section-solutions .row.one .col1 p {
		font-size: 14px;
		padding-left: 10%;
	}
	.section-solutions .row.one .col1:before {
		top: -29%;
		left: -39%;
		height: 362px;
		width: 395px;
	}
	.section-solutions .row.two .btn-solutions {
		width: 48%;
		margin-right: 4%;
	}
	.section-solutions .row.two .btn-solutions:nth-child(2n+2) {
		margin-right: 0;
	}
	.section-solutions .row.two .btn-solutions .cta_button:before {
		left: 0.9rem;
		bottom: 1.2rem;
		width: 12px;
		height: 2px;
	}
	.section-solutions .row.two .btn-solutions .cta_button:after {
		left: 0.9rem;
		bottom: 0.55rem;
		width: 19px;
		background-size: contain;
	}
	.section-solutions .row.two .btn-solutions .cta_button {
		min-height: 78px;
		padding: 6.5em 0.8rem 0.9rem 1.1rem;
		font-size: 18px !important;
		margin-bottom: 0.8rem;
	}
	.section-solutions .row.two {
		margin-top: -154px !important;
	}
	.section-solutions .row.two .btn-solutions .cta_button:hover {
		padding: 5.8em 0.8rem 1.7rem 1.1rem;
	}


	.section-clients {
		padding: 3rem 0;
	}
	.section-clients .row.row1 .col1 {
		width: 100%;
		margin-right: 0;
	}
	.section-clients .row.row1 .col1 h2 {
		font-size: 50px;
	}
	.section-clients .row.row1 .col2 {
		width: 100%;
		padding-top: 12px;
		padding-left: 10%;
	}
	.section-clients .row.row1 .col2 .clients-text p {
		font-size: 14px;
		margin-bottom: 1.7rem;
	}
	.section-clients .row.row1 .col2 .btn a {
		margin-left: 0;
	}
	.section-clients .row.row2 {
		padding: 6.7rem 0 7rem;
	}
	.home .section-clients .clients-logo .owl-stage-outer .image-wrap img {
		max-width: 105px !important;
	}
	.home .section-clients .clients-logo .owl-carousel.owl-drag .owl-item {
		margin-right: 15px !important;
	}
	.home .clients-slider .sq-slide-container .sq-content-part .content-title {
		width: 100%;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 6.5rem;
	}
	.clients-slider .sq-slide-container .sq-content-part .content-title h3 > div {
		font-size: 24px;
		line-height: 1.36;
		margin-bottom: 40px;
	}
	.clients-slider .sq-slide-container .sq-content-part .content-title h3 > div br {
		display: none;
	}
	.clients-slider .sq-slide-container .sq-content-part .content-title .arr-btn.btn a {
		margin-left: 0;
	}
	.clients-slider .sq-slide-container .sq-content-part .content-text {
		width: 100%;
	}
	.clients-slider .sq-content-part .content-text .arr-logo-wrap {
		margin-bottom: 2.7rem;
	}
	.clients-slider .sq-content-part .content-text .arr-logo-wrap img {
		max-width: 66% !important;
		margin-right: 0;
		margin-left: auto;
	}
	.clients-slider .sq-content-part .content-text .content {
		padding-left: 19.5%;
		margin-bottom: 3.2rem;
	}
	.clients-slider .sq-content-part .content-text .content p {
		font-size: 1rem;
		line-height: 2;
	}
	.clients-slider .sq-content-part .content-text .sq-slide-author {
		padding-left: 19.5%;
	}
	.clients-slider .sq-content-part .content-text .sq-slide-author h6,
	.clients-slider .sq-content-part .content-text .sq-slide-author p {
		font-size: 14px;
	}
	.home .section-clients .row.row3:before {
		top: 66%;
		width: 86vw;
		/* 		height: 580px; */
		height: 36%;
	}
	.home .clients-slider .sq-slide-navigation {
		position: absolute;
		top: 38%;
		left: 20%;
	}
	.home .clients-slider {
		position: relative;
	}
	.section-clients .row.row3:after {
		bottom: -5.2%;
		left: -1.3%;
		width: 85vw;
	}

	.difference-section {
		padding: 7.7rem 0 7.4rem;
	}
	.difference-section:before {
		width: 100vw;
	}
	.difference-section .row.row1 h2 {
		font-size: 50px;
		margin-bottom: 1.3rem;
	}
	.difference-section .row.row1 p {
		font-size: 12px;
	}
	.difference-section .row.row1 {
		padding-bottom: 3.6rem;
	}




	.talk .col2 {
		width: 100%;
	}

	.resources {
		padding: 0 0 5rem 0;
	}
	.home.page .section.resources {
		padding-top: 4.6rem;
	}
	.home.page .resources h2 {
		font-size: 50px;
		margin-bottom: 0.6rem;
	}
	.home.page .resources p {
		font-size: 14px;
		margin-bottom: 2.3rem;
	}
	.home.page .resources .btn a {
		margin-left: 0;
	}
	.page .resources {
		padding-top: 10rem;
		padding-bottom: 0;
	}
	.page .resources .row1 .col1 {
		width: 100%;
	}
	.page .resources .row1 .col2 {
		width: 100%;
		margin-left: 0;
	}
	.page .talk h2 {
		font-size: 2rem;
		margin-bottom: 2rem;
	}
	.page .resources .row1 .post-item h3 {
		font-size: 1.4rem;
	}
	.home.page .resources .post-item h3 {
		font-size: 24px !important;
		margin-bottom: 0.3rem !important;
	}
	.home.page .resources .post-item .blue-btn a {
		font-size: 12px;
	}
	.page .resources .row .post-item {
		padding-bottom: 0.6rem;
	}
	.page .resources .hs-featured-image-wrapper {
		margin-bottom: 9px;
	}
	.page .resources .post-item .hs-featured-image-wrapper img {
		height: 270px;
	}
	.home.page .resources .row .topic-before .topic-link {
		font-size: 12px;
	}
	.page .resources .row2 .post-item {
		width: 100% !important;
		margin-bottom: 2rem;}
	.page .resources .row1 {
		margin-bottom: 2rem !important;
	}
	.page .resources .btn {
		margin-bottom: 4.8rem;
		padding-left: 0;
	}
	.resources .hs-featured-image-wrapper img {
		height: 250px;
	}
	.home.page .resources .row1:after {
		width: 85vw;
		top: 35.3%;
		right: -43.3%;
	}


	.careers-section {
		/* 		padding: 0 0 5rem; */
		padding: 0 0 4rem;
	}
	.careers-section .row1 .careers-bg {
		display: none;
	}
	.careers-section .row1:before {
		right: -6%;
	}
	.careers-section .row1 {
		padding: 5rem 0 15.8rem;
	}
	.careers-section .row1 h2 {
		font-size: 50px;
		padding-left: 0;
		max-width: 217px;
		margin-bottom: 1.4rem;
	}
	.careers-section .row1 p {
		font-size: 14px;
		padding-left: 10%;
		margin-bottom: 2.6rem;
	}
	.careers-section .row1 .btn a {
		margin-left: 0;
	}
	.careers-section .row2.row-opportunities {
		margin-top: -25% !important;
	}
	.careers-section .row2 .span2 {
		width: 48%;
		margin-left: 0;
		margin-right: 4%;
		max-width: 215px;
	}
	.careers-section .row2 .span2:nth-child(2n+2) {
		margin-right: 0;
	}
	.careers-section .row2 .span2:not(:first-child) {
		margin-left: 0;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item {
		width: 48%;
		margin-left: 0;
		margin-right: 4% !important;
		max-width: 215px;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item:nth-child(2n+2) {
		margin-right: 0 !important;
	}
	.home .careers-section .row-opportunities .hs-rss-module {
		justify-content: center;
	}
	.careers-section .row2 {
		margin-top: -12rem !important;
	}
	.careers-section .row2 .careers-btn .cta_button {
		font-size: 18px;
		padding: 1.45em 0.8rem 9.3rem 1.6rem;
	}
	.careers-section .row2 .careers-btn .cta_button:after {
		width: 104px;
		height: 101px;
		background-size: contain;
		left: 3%;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title {
		font-size: 18px;
		padding: 1.45em 0.8rem 9.3rem 1.6rem;
	}
	.home .careers-section .row-opportunities .hs-rss-module .hs-rss-item .hs-rss-title:after {
		width: 104px;
		height: 101px;
		background-size: contain;
		left: 3%;
	}
}
@media (max-width: 480px) {
	.careers-section .row2.row-opportunities {
		margin-top: -43% !important;
	}

	.page .resources .post-item .hs-featured-image-wrapper img,
	.page .resources .row1 .col2 .post-item .hs-featured-image-wrapper img {
		height: 230px;
	}
}

@media (min-width: 981px) and (max-width: 1279px) {
	.home .resources .row1 .col2 .module.one .post-item .hs-featured-image-wrapper img {
		object-fit: contain;
	}
	.home .resources .row2 .hs-featured-image-wrapper img {
		height: 220px !important;
	}
	/*   .home .resources:before {
	top: 9%;
	left: -37%;
} */
	/*   .home .resources.anim .row1:after {
	width: 53.35rem;
	height: 57rem;
	top: 53%;
} */
}

@media (min-width: 1900px) {
	.home .section-solutions .row.one .col2 {
		max-width: 700px;
	}
	.home .section-solutions .row.one .col2 img {
		width: 100%;
	}
}

.home .section.resources .col2 .post-listing-main .topic-before .page-tag span {
	display: none;
}
.home .section.resources .col2 .post-listing-main .topic-before .page-tag .topic-link:nth-of-type(2), .home .section.resources .col2 .post-listing-main .topic-before .page-tag .topic-link:nth-of-type(3) {
	display: none;
}
 
 
 
 
 
 







@media (max-width: 1440px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 980px) {

}

@media (max-width: 767px) {

}

@media (max-width: 480px) {

}


.scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
	display: flex;
	justify-content: center;
	column-gap: 74px;
}

.scroll-btns .anchor-btn a {
	color: #1922FB;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	font-size: 16px;
	position: relative;
	transition: all .37s ease-in-out;
}
.scroll-btns .anchor-btn a:hover:before {
	transform: translateX(-50%) rotate(-90deg);
}
.scroll-btns .anchor-btn a:hover:after {
	bottom: -40px;
	opacity: 1;
}
.scroll-btns .anchor-btn a:before {
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-anchor.svg);
	width: 45px;
	height: 45px;
	z-index: -1;
	pointer-events: none;
	transition: all .37s ease-in-out;
}
.scroll-btns .anchor-btn a:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/arrow-anchor.svg);
	width: 18px;
	height: 9px;
	z-index: -1;
	pointer-events: none;
	transition: all .37s ease-in-out;
	opacity: 0;
}

.technology-hero.opening-panel {
	padding-top: 13rem;
	height: 100%;
	padding-bottom: 5rem;
}
.technology-hero .row h1 {
	text-align: center;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.technology-hero .row p {
	max-width: 800px;
	text-align: center;
	margin: 0 auto 6.7rem;
}


.overview-section {
	padding: 6.6rem 0 5.7rem;
}
.overview-section .row .col1 {
	width: 49%;
}
.overview-section .row .col2 {
	width: 36.8%;
	margin-left: 14.2%;
	padding-top: 3.25rem;
	padding-bottom: 4rem;
	position: relative;
}
.overview-section .row .col2:before {
	content: "";
	position: absolute;
	top: 0;
	left: -15%;
	width: 100vw;
	height: 100%;
	background-color: #E3E0DA;
	z-index: -1;
	pointer-events: none;
}
.overview-section .row h2 {
	font-size: 3.445rem;
	line-height: 1.25;
	margin-bottom: 1.4rem;
}
.overview-section .row p {
	padding-left: 17.2%;
}
.overview-section .row .btn {
	padding-left: 17.2%;
}
.overview-section .technology-edge h3 {
	font-size: 1.67rem;
	line-height: 1.3;
	margin-bottom: 3.3rem;
}
.technology-edge-wrap .technology-edge-item:not(:last-child) {
	margin-bottom: 1.94rem;
}
.technology-edge-wrap .technology-edge-item {
	position: relative;
}
.technology-edge-wrap .technology-edge-item:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-stats.svg);
	width: 75px;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}

.technology-edge-wrap .technology-edge-item .stats-title {
	color: #1922FB;
	font-size: 36px;
	font-family: 'FedraSansStd', sans-serif;
	font-weight: 400;
	padding-left: 5%;
	margin-bottom: 0.7rem;
}
.technology-edge-wrap .technology-edge-item .stats-text {
	padding-left: 5%;
	margin-bottom: 0;
}


.technology-page .impact-section {
	padding-top: 7rem !important;
}
.technology-page .impact-section .row h2 {
	color: #1922FB;
}
.technology-page .impact-section .mod-svg-editable svg g text:last-child {
	font-size: 1rem;
}
.technology-page.page .impact-section .mod-svg-editable svg {
	margin-left: 0;
}


.certifications-section {
	padding: 6.2rem 0 5rem;
}
.certifications-section .row.one {
	padding-bottom: 2.5rem;
}
.certifications-section .row.one h2 {
	text-align: center;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}
.certifications-section .row.one p {
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}
.certifications-section .row.two .col h3 {
	text-align: center;
	color: #1922FB;
	font-family: 'FedraSansStd', sans-serif;
	font-size: clamp(24px, 2.153vw, 31px);
	font-weight: 400;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: .02em;
	line-height: 1.25;
	margin-bottom: 0.5rem;
	position: relative;
}
.certifications-section .row.two .col h3:before {
	content: "";
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-certifications.svg);
	width: 75px;
	height: 75px;
	z-index: -1;
	pointer-events: none;
}
.certifications-section .row.two .col p {
	text-align: center;
	max-width: 275px;
	margin: 0 auto;
}
.certifications-section .row.two .span4 {
	padding: 2rem 0 2.8rem;
}
.certifications-section .row.two .span4:nth-child(2) {
	border-left: 4px dotted #D1CCC1;
	border-right: 4px dotted #D1CCC1;
}
@media (min-width: 768px) {
	.certifications-section .row.two .span4:nth-child(2) p,
	.certifications-section .row.two .span4:nth-child(2) h3 {
		padding: 0 15px;
	}
}

.technology-page.disable-scroll1 .demo-section {
	z-index: 99;
}
.demo-section {
	padding: 4.1rem 0 4.8rem;
}
.demo-section .row {
	background-color: #D1CCC1;
	padding: 5.5rem 2rem 5.7rem;
}
.demo-section .row h2 {
	text-align: center;
}
.demo-section .row p {
	text-align: center;
	max-width: 930px;
	margin: 0 auto 3.1rem;
}


.solutions-section {
	padding: 5rem 0 4.5rem;
}
.solutions-section .solutions-head {
	padding-bottom: 4rem;
}
.solutions-section .solutions-head p {
	color: #1922FB;
	text-align: center;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	margin-bottom: 0;
	line-height: 1;
}
.solutions-section .solutions-head h2 {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}


.page .resources .row.anim {
	opacity: 1;
}

.resources-section {
	padding-bottom: 3rem;
}
.page .resources.resources-section .row1 {
	margin-bottom: 0 !important;
}
.resources-section .row1 {
	padding-bottom: 3.5rem;
	position: relative;
}
.resources-section .row1:before {
	content: "";
	position: absolute;
	top: -61%;
	left: -23%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-resources.svg);
	max-width: 630px;
	width: 71vw;
	height: 630px;
	z-index: -1;
}

.resources-section .row1 > .row-fluid-wrapper > .row-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.page .resources-section .row1 .col1 {
	width: 75.5%;
}
.page .resources-section .row1 .col2 {
	margin-left: 3%;
	width: 21.5%;
}
.resources-section .row1 .col1 p {
	    font-family: 'TomatoGrotesk-Medium', sans-serif;
    line-height: 1;
    margin-bottom: 0;
}
.page .resources-section .row1 .col2 .btn {
	margin-bottom: 20px;
}

.technology-page .clients-section .row-testim-slider .au-slide-counter_51 {
	display: none !important;
}




/* Responsive */
@media (max-width: 1440px) {
	.overview-section .row h2 {
		font-size: 3.2rem
	}
	
	.technology-hero .row h1 {
		max-width: 500px;
	}
}

@media (max-width: 1366px) {
	.overview-section .row h2 {
		font-size: 2.9rem
	}
}

@media (max-width: 1280px) {
	.scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
		column-gap: clamp(30px, 5.781vw, 74px);
	}
	.scroll-btns .anchor-btn a {
		font-size: clamp(14px, 1.250vw, 16px);
	}
	.technology-edge-wrap .technology-edge-item .stats-title {
		font-size: clamp(30px, 2.813vw, 36px);
	}
}


@media (max-width: 1024px) {
	
}

@media (max-width: 980px) {
	.scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
		column-gap: clamp(30px, 4.31vw, 57px);
	}
	.overview-section .row .btn,
	.overview-section .row p {
		padding-left: 16.2%;
	}
	.page .resources-section .row1 .col1 {
		width: 71.5%;
	}
	.page .resources-section .row1 .col2 {
		width: 25.5%;
	}
}

@media (max-width: 767px) {
	.technology-hero.opening-panel {
		padding-top: 10rem;
		padding-bottom: 3rem;
	}
	.technology-hero .row p {
		margin: 0 auto 2.7rem;
	}
	
	.scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
		flex-direction: column;
		align-items: center;
	}
	.scroll-btns .anchor-btn:not(:last-child) {
		margin-bottom: 25px;
	}
	.scroll-btns .anchor-btn a:before {
		width: 35px;
		height: 35px;
	}
	.scroll-btns .anchor-btn a:after {
		content: none;
	}
	
	.overview-section {
		padding: 2.6rem 0 4.7rem;
	}
	.overview-section .row .col1 {
		width: 100%;
		margin-bottom: 55px;
	}
	.overview-section .row .col2 {
		width: 100%;
		margin-left: 0;
	}
	.overview-section .row h2 {
		font-size: 2rem;
	}
	.overview-section .row p,
	.overview-section .row .btn {
		padding-left: 12.5%;
	}
	.overview-section .row .btn a {
		margin-left: 0;
	}
	.overview-section .row .col2:before {
		left: -6%;
	}
	.technology-edge-wrap .technology-edge-item .stats-title {
		font-size: 28px;
	}
	.technology-page .impact-section {
		padding-top: 1.5rem !important;
	}
	.technology-page .quote-section .row .col2 {
		padding: 29.8% 6% 9%;
	}
	.certifications-section {
		padding: 2.2rem 0 2rem;
	}
	.certifications-section .row.two .span4:nth-child(2) {
		border-top: 2px dotted #d1ccc1;
    border-bottom: 2px dotted #d1ccc1;
    padding: 2.5rem 0;
		border-left: none;
		border-right: none;
	}
	.certifications-section .row.two .col h3:before {
		width: 50px;
		height: 50px;
	}
	
	.demo-section {
		padding: 2.1rem 0 4rem;
	}
	
	.solutions-section {
		padding: 4rem 0 4.5rem;
	}
	
	.page .section.resources-section {
		padding-top: 3.5rem;
	}
	.page .resources-section .row1 .col1 {
		width: 100%;
	}
	.page .resources-section .row1 .col2 {
		margin-left: 0;
		width: 100%;
	}
	.page .resources-section .row1 .col2 .btn {
		margin-bottom: 0;
		padding-left: 0;
	}
	.page .resources-section .row1 .col2 .btn a {
		margin-left: 0;
	}
	.resources-section .row1:before {
		top: -50px;
	}
	
}
 
 
 
 
 
 





/* codec solution */
/* 
.solutions-page .hs_cos_wrapper_type_inline_rich_text ul,
.solutions-page .hs_cos_wrapper_type_rich_text ul{
list-style: none;
padding: 0;
margin: 0px 0 2.5rem 3rem;
}
.solutions-page .hs_cos_wrapper_type_inline_rich_text ul li ,
.solutions-page .hs_cos_wrapper_type_rich_text ul li{
line-height: 1.4;
margin-bottom: 1.9rem;
padding-left: 1.3rem;
}
.solutions-page .hs_cos_wrapper_type_inline_rich_text ul li:before,
.solutions-page .hs_cos_wrapper_type_rich_text ul li:before{
float:left;
content: '\2014';
color:#1922fb;
font-weight: 900;
margin-left: -1.8rem;
} */




/* OP  */

.solutions-page .opening-panel h4 { 
	font-size: 1.33rem;
	margin-bottom: 0.5rem;
	color: #1922FB;

}
.solutions-page .opening-panel h1 {
	/* 	font-size: 4.8rem; */
	line-height: 1.13;
	margin-bottom: 1.5rem;
}
.solutions-page .opening-panel h1 ~p{
	margin-bottom: 2.6rem; 
	padding-left: 4px;
	max-width: 85%;
}
.solutions-page .opening-panel .row > div > .row-fluid{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
} 
.solutions-page .opening-panel .col1,
.solutions-page .opening-panel .col2 {
	width:100%;	
	margin: 0 0 1rem;
}
.solutions-page .opening-panel .scroll-down-wrap {
	margin-left: 0;
}

/* subsolution */
.solutions-page .sub-sol{
	padding: calc(3rem + 6%) 0 calc(3rem + 1%);
}
.solutions-page .sub-sol .row1{
	max-width: 1060px;	
	padding-bottom: 1.5rem;
	position: relative;
}
.solutions-page .sub-sol .row1:after{
	content: '';
	position: absolute;
	top: -8.5rem;
	left: -26.5rem;
	z-index:-1;
	width: 75%;
	max-width: 678px;
	height: 184%;
	background: left top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/solutions-slider-dot-bg.svg);
}
.solutions-page .sub-sol .row1 h2 {
	text-align: center;
	margin-bottom: 1.7rem;

}
.solutions-page .sub-sol .row1 p {
	text-align: center;
}


/* sub-sol slider */
.solutions-page .sub-solutions-slider .au-custom-pager{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 3.7rem;
	height: 15.7rem;
	justify-content: center;
}
.solutions-page .sub-solutions-slider .bx-wrapper {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
}
.solutions-page .sub-solutions-slider .au-pager-link {
	height: 100%;
	transition: all .2s ease-in-out;
	width: 18.8%;
	margin-right: 1.5%;
	padding: 8% 2.3% 4.4%;
	box-shadow: 0 0 40px 0 #cfcfcf;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	color: #2b2b2e;
	font-weight: 500;
	font-size: 1.4445rem;
	line-height: 1.15;
	position: relative;
	top: 0;

}
.solutions-page .sub-solutions-slider .au-pager-link.hidden-focus:focus-visible {
	outline: none !important;
}
.solutions-page .sub-solutions-slider .au-pager-link:nth-child(5n) {
	margin-right: 0;
}
.solutions-page .sub-solutions-slider .au-pager-link.active,
.solutions-page .sub-solutions-slider .au-pager-link:hover {
	opacity: .85;
	background: #1922FB;
	color: #fff;
	top: .65rem;
	padding: 5.5% 2.3% 4.4%;
}
.solutions-page .sub-solutions-slider .au-pager-link .arrow-down{
	/* 	padding: 3rem 0 0rem;	 */
	padding: 2.4rem 0 0rem;
	display: block;
	transition: all .1s ease-in-out;
}
.solutions-page .sub-solutions-slider .au-pager-link.active .arrow-down,
.solutions-page .sub-solutions-slider .au-pager-link:hover .arrow-down{
	/* 	padding: 5rem 0 0rem; */
	padding: 4.6rem 0 0rem;
}

.solutions-page .sub-solutions-slider .au-pager-link svg path,
.solutions-page .sub-solutions-slider .au-pager-link svg rect {
	transition: all .4s ease-in-out;
}
.solutions-page .sub-solutions-slider .au-pager-link.active svg path,
.solutions-page .sub-solutions-slider .au-pager-link:hover svg path,
.solutions-page .sub-solutions-slider .au-pager-link.active svg rect,
.solutions-page .sub-solutions-slider .au-pager-link:hover svg rect { 
	fill: #fff;
}


.solutions-page .sub-solutions-slider .au-slide-navigation {
	/* 	height: 0; */
	display: flex;
	align-items: center;
	justify-content: flex-end; 	
	position: relative;
	/* 	bottom: -2rem;		 */
	z-index:4;
}
.solutions-page .sub-solutions-slider .au-slide-navigation .bx-prev,
.solutions-page .sub-solutions-slider .au-slide-navigation .bx-next {
	margin-left: 1rem;
}

.solutions-page .sub-solutions-slider .au-slide-navigation .au-dots-container{
	display: none;
}
/* .solutions-page .sub-solutions-slider .au-content-part {
display: flex;
flex-flow: row wrap;
max-width: 1264px;
width: 85%;
margin: 0 auto;
} */

.solutions-page .sub-solutions-slider .au-content-part .right-part{
	padding-top: 3rem;
}
.solutions-page .sub-solutions-slider .au-content-part .title{
	font-size: 3.45rem;
	line-height: 1.3;
}
.solutions-page .sub-solutions-slider .au-content-part .slide-excerpt{

}
.solutions-page .sub-solutions-slider .au-content-part .slide-excerpt p{
	margin: 0 0 1.8rem;
}
.solutions-page .sub-solutions-slider .au-content-part .btn{
	margin-top: 2.5rem;
}
.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap {
	background :#E3E0DA;
	padding: 6%;

}
.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap h4{
	font-size: 1.67rem;
	line-height: 1.3;
	margin-bottom: 1.3rem;
}
.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap a {
	color:#1922FB;
	transition: 0.3s;
}
.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap a:hover {
	margin-left: 1rem;
}
.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap ul{
	list-style: none;	
	padding: 0;
	margin: 0px 0 2.5rem 3rem; 
}
.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap ul li{
	line-height: 1.4;
	margin-bottom: 1.9rem;
	color:#1922FB;
	padding-left: 1.3rem; 
}
.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap ul li:before{
	float:left;
	content: '\2014';
	font-weight: 900;
	margin-left: -1.8rem; 
}
.solutions-page .sub-solutions-slider .au-content-part .image-wrap img {
	display: block;
	width: 100%;
	height: 100% !important;
	max-height: 450px;
	object-fit: cover;
	object-position: center;
}


.page .impact-section{
	padding: 3.5rem 0 4rem;
}
.page .impact-section .row1 h2{
	max-width: 1040px;
	margin-bottom: 3.1rem;
	color: #1922FB;
}
.page .impact-section .row2>div>.row-fluid {
	display: flex;
	flex-flow: row wrap;
}
.page .impact-section .hs_cos_wrapper_type_rich_text p{
	margin-bottom: 2rem;
}
.page .impact-section .hs_cos_wrapper_type_rich_text ul{
	list-style: none;
	padding: 0;
	margin: 0px 0 3.3rem calc(2rem + 8%)
}
.page .impact-section .hs_cos_wrapper_type_rich_text ul li{
	line-height: 1.4;
	margin-bottom: 1.9rem;
	padding-left: 1.3rem;
}
.page .impact-section .hs_cos_wrapper_type_rich_text ul li:before{
	float:left;
	content: '\2014';
	color:#1922fb;
	font-weight: 900;
	margin-left: -1.8rem;
}

/*  */
.solutions-page .clients-section .row{
	max-width:  1200px;
}
.solutions-page .clients-section h2{
	text-align: center;
}
.solutions-page .clients-section p {
	max-width: 1060px;
}
.solutions-page .clients-section .row-testim-slider {
	position: relative;
}

.solutions-page .clients-section .row-testim-slider:after {
	content: '';
	display: block;
	width: 60vw;
	max-width: 631px;
	height: 100%;
	position: absolute;
	top: -1rem;
	left: -1.65rem;
	z-index:-2;
	background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/solutions-slider-dot-bg.svg);
}

.solutions-page .section-codec-way {
	padding: 2rem 0 ;
}
.solutions-page .section-codec-way:before {
	content: none;
}
.solutions-page .section-codec-way h2 {
	margin-bottom: 1.85rem;
	color: #1922FB;
}
.solutions-page .section-codec-way .row {
	position: relative;
	padding: calc(5rem + 6.5%) 0 calc(5rem + 4.1%);
}
.solutions-page .section-codec-way .row:before{
	content: '';
	display: block;
	position: absolute;
	right: calc(-5rem - 19vw);
	top: .2rem;
	width: 49vw;
	height: 100%;
	max-width: 680px;
	background: top right/ contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/codecway-right-bg.svg);
	z-index: -1;
}
.page.solutions-page .section.resources {
	padding-top: 8.5rem;
}
.page.solutions-page .section.resources .row1:before {
	top: -5rem;
}    



/* testim slider */

.page .client-testim-slider {
	display: flex;
	flex-direction: column-reverse;
	margin: 5.5rem 0;
}

.page .client-testim-slider {
	background: center/ cover no-repeat url(/hubfs/514553/Codec%202022/grey-texture.jpg);
	padding: 2rem;

}
.page .client-testim-slider .au-content-part {
	font-family: 'TomatoGrotesk-Light',sans-serif;
	font-weight: normal;
	font-size: 1.335rem;
	line-height: 1.92;
}
.page .client-testim-slider .au-slide-author {
	padding-top: 3rem;
}
.page .client-testim-slider .au-slide-author h6 {
	line-height: 1.4;
	font-size: 1.03rem;
	margin-bottom: 0.45rem;
}
.page .client-testim-slider .au-slide-author h6~p {
	max-width: 100%;
	text-align: left;
	font-size: 1.01rem;
	line-height: 1.2;
	margin-bottom: .5rem;
}
.page .client-testim-slider .au-slide-navigation {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 3.2rem;
}
.page .client-testim-slider .au-slide-navigation.disable-arrows {
	display: none;
}
.page .client-testim-slider .au-slide-navigation .bx-prev {
	padding-left: .25rem !important;
	margin-right: .45rem;
}
.page .client-testim-slider .au-slide-navigation .bx-next {
	padding-right: .25rem !important;
	margin-left: .45rem;	
}
.pop-disable-scroll.solutions-page .opening-panel .col2>div>.row-fluid {
	left:0;
	top: 0;
	transform: none;
	transition: none;
	z-index: 10;
}



@media (min-width: 768px){
	.solutions-page .opening-panel {
		padding: 8.7rem 0 0;
		max-height: 812px;
		height: auto;
	}
	.solutions-page .opening-panel .row {
		max-width: 1440px;
		width: 91%;

	}

	.solutions-page .opening-panel h1 {
		font-size: 4.8rem;

	}
	.solutions-page .opening-panel .col{
		padding: 2rem 0;
	}
	.solutions-page .opening-panel .col1 {
		width: 53%;
		margin-right: 3%;
		margin-bottom: 0;
		z-index: 3;
	}
	.solutions-page .opening-panel .col2 {
		width: 44%;
		margin-bottom: 0;
		z-index: 1;
	}
	.solutions-page .opening-panel .col2>div>.row-fluid{
		/* 		width: 154%;
		max-width: 60vw; */
		width: 162%;
		max-width: 55vw;
		position: relative;
		left: 55%;
		top: 0;
		transform: translate(-50%,0);

	} 
	.solutions-page .opening-panel .scroll-down-wrap {
		margin-bottom: -0.8rem;
		margin-top: 0.8rem;
	}
	.solutions-page .sub-solutions-slider .bx-wrapper {
		width: 100vw !important;
		max-width: 100vw !important;
		position: relative;
		left: 50%;
		top: 0;
		transform: translate(-50%,0);
	}
	.solutions-page .sub-solutions-slider .au-slide-navigation{
		bottom: -2rem;
		height: 0;

	}
	.solutions-page .sub-solutions-slider .au-content-part {
		display: flex;
		flex-flow: row wrap;
		max-width: 1264px;
		width: 85%;
		margin: 0 auto;
	}

	.solutions-page .sub-solutions-slider .au-content-part .left-part{
		width: 56%;
	}
	.solutions-page .sub-solutions-slider .au-content-part .right-part{
		width: 44%;
		padding-top: calc(4rem + 8.5%);
		padding-left: 3%;		
	}
	.solutions-page .sub-solutions-slider .au-content-part .right-part-wrap{
		width: 135%;
		max-width: 43vw;
		position: relative;

	}
	.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap {
		padding: 7% 21% 7% 8%;
	}

	.solutions-page .sub-solutions-slider .au-content-part .slide-excerpt,
	.solutions-page .sub-solutions-slider .au-content-part .btn{
		padding-left: 15%;		
	}
	.solutions-page .quote-section .row:before{
		bottom: -1.5rem;
		left: 11%;
	}
	.solutions-page .quote-section .row .col1{
		width: 41%;
	}
	.solutions-page .quote-section .row .col2{
		width: 65.5%;
		padding: 11.8% 10% 11% 15.5%;
	}
	.solutions-page .quote-section .row .col2 p{
		margin-bottom: 3.5rem;
	}
	.solutions-page .quote-section .widget-type-linked_image {
		overflow: hidden;
	}
	.solutions-page .quote-section .widget-type-linked_image > span{
		width: 113%;
		height: 100%;
		display: block;
		position: relative;
		left: 50%;
		transform: translateX(-50% );
	}
	.page .impact-section .row2 {
		position: relative;
		left: 1%;
	}
	.page .impact-section .row2 .col1 {
		width: 47%;
	}
	.page .impact-section .row2 .col2 {
		width: 47%;
		margin-left: 6%;
	}	
	.page .impact-section .mod-svg-editable svg{
		max-width: 564px;
		margin-left: 0.5rem;
	}
	.page .client-testim-slider {	
		position: relative;
		left: 4.5%;
		width: 88vw;
		max-width: 1355px;	
		padding: calc(3.8rem + 3%) calc(4.63rem + 8.5%) calc(4.63rem + 1.5%) calc(4.63rem + 3.5%);		
	}
	.solutions-page .section-codec-way .row:after {
		content: '';
		display: block;
		position: absolute;
		/* 		left: -10rem; */
		right: 64%;
		bottom: 0;	
		width: 46vw;
		height: calc(0rem + 100%);	
		/* 		max-width: 636px; */
		background-color:#E3E0DA;
		z-index: -2;
	}
	.solutions-page .section-codec-way .col-2 img {
		max-width: 567px;

	}
	.solutions-page .section-codec-way .row .col-2{
		margin-top: 6%;
	}

	/* 	 */
	@media (max-width: 1440px){

		.solutions-page .opening-panel h1 {
			font-size: 3.8rem;
		}
		.solutions-page .section-codec-way .row .col-1 h2 {
			max-width: 90%;
		}
	}
	@media (max-width: 1280px){
		.solutions-page .opening-panel h1 {
			font-size: 3rem;
		}
		.solutions-page .section-codec-way h2 {
			font-size: 2.4rem;
			max-width: 90%;
		}
		.solutions-page .section-codec-way .row .col-1 {
			width: 53%;
		}  
		.solutions-page .section-codec-way .row .col-2 {   
			width: 40%;
		}

	}
	@media(max-width: 1280px){
		.solutions-page .opening-panel .col2>div>.row-fluid{
			width: 120%;
			max-width: 50vw;
		}
	}
	/*  */

}
@media (max-width: 1440px){
	.solutions-page .sub-solutions-slider .au-pager-link{
		font-size: 1.1rem;

	}
	.solutions-page .sub-solutions-slider .au-pager-link .arrow-down{
		padding: 2rem 0 0rem;
	}
	.solutions-page .sub-solutions-slider .au-pager-link.active .arrow-down,
	.solutions-page .sub-solutions-slider .au-pager-link:hover .arrow-down{
		padding: 3rem 0 0rem;
	}	
	.solutions-page .sub-solutions-slider .au-custom-pager{
		height: 12.7rem;
	}
	.solutions-page .section-codec-way .row:before{
		right: -15rem;
	}
}

@media (max-width: 1280px){
	.solutions-page .sub-solutions-slider .au-pager-link{
		font-size: 1.03rem;
	}
	.solutions-page .opening-panel{
		max-height: unset;
	}	
	.solutions-page .sub-sol .row1:after{
		top: -5.5rem;
		left: -13.5rem;
		width: 60%;
	}
	.solutions-page .section-codec-way .row:before{
		right: -13.5rem;
	}



}


@media (max-width: 1024px){
	.solutions-page .sub-solutions-slider .au-custom-pager{
	}

	.solutions-page .sub-solutions-slider .au-pager-link{
		padding: 8% 1.5% 4% !important;
		font-size: 1rem;
	}
	.solutions-page .sub-solutions-slider .au-pager-link.active, 
	.solutions-page .sub-solutions-slider .au-pager-link:hover {
		padding: 5.5% 1.5% 4% !important;
	}
}

@media (max-width: 980px) {
	.page .client-testim-slider .au-content-part {
		font-size: 1.185rem;
	}

	.solutions-page .sub-solutions-slider .au-pager-link .arrow-down svg {
		width: 27px;
	}
}

@media (max-width: 767px){

	.solutions-page .sub-solutions-slider .au-pager-link .arrow-down{
		padding: 2rem 0 0 !important;
	}
	.solutions-page .sub-solutions-slider .au-custom-pager{
		height: auto;
		display: none;
	}
	.solutions-page .sub-solutions-slider .au-slide-navigation {
		margin: 0 1rem 2rem 0;
		justify-content: flex-start;
	}
	.solutions-page .sub-solutions-slider .au-slide-navigation .bx-prev {
		margin-left: 0;
	}
	.solutions-page .sub-solutions-slider .au-pager-link{
		padding: 2rem 1.5rem !important;
		font-size: 1rem;
		width: 100%;
		margin:0 0 4% 0 !important;
	}
	.solutions-page .sub-solutions-slider .au-content-part .title{
		font-size: 2rem;
	}
	.solutions-page .sub-solutions-slider .au-content-part .text_list_wrap ul {
		margin: 0px 0 2rem 0.5rem;
	}
	.solutions-page .quote-section .row {
		padding-bottom: 0;
	}
	.solutions-page .quote-section .row .col2 {
		padding: 29.8% 6% 9% 15%;
	}
	.page .client-testim-slider .au-content-part{
		font-size: 1.12rem;
	}
	.page .client-testim-slider .au-slide-navigation{
		margin: 0 0 1.7rem;
	}
	.page .client-testim-slider{
		padding: 3rem 1.85rem ;		
	}
	.page.solutions-page .section.resources {
		padding-top: 2.5rem;
	}
	.solutions-page .section-codec-way .row {
		padding: 2.5rem 0;
	}
	.solutions-page .section-codec-way .row .col-2 img {
		max-width: 420px;
	}
	.solutions-page .section-codec-way .row:before{
		content: none;
	}


}


.solutions-page .quote-section .row .col1 img {
/* 	max-height: 100%; */
	max-height: 655px;
	object-fit: contain;
}

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.section-search {
  padding-top: 14.9rem;
}
.section-search:before {
  top: 8rem;
  right: 62%;
  background-image: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-search.svg);
  height: 630px;
  width: 50vw;
	max-width: 630px;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top;
	background-size: contain;
  z-index: -1;
	pointer-events: none;
}
.search .row-pad {
  position: ralative;
}

.section-search h1 {
	font-size: 2.667rem;
  text-transform: capitalize;
  margin: 0 0 20px;
  line-height: 1.125;
}
.section-search h1 span {
	color: #1922FB
}
.search .row .row-two {
  margin: auto;
  float: unset;
}
.blog.search .post-item p {
  font-size: 0.89rem;
  line-height: 1.75;
  text-align: left;
	color: #2B2B2E;
	font-weight: 400;
  opacity: 1;
  padding-bottom: 0;
  margin-bottom: 1.25rem;
}
.blog.search .arr-btn a.bx-prev:after {
  display: none;
}
.blog.search .arr-btn a.bx-prev:before {
/*   content: "";
  margin-right: 1rem;
  transform: rotate(180deg);
  width: 35px;
  min-width: 35px;
  height: 20px;
  overflow: hidden;
  transition: all .2s ease-in-out; */
}
.blog.search .arr-btn a.bx-prev:hover:before {
/*   background-position: 1px 50%,calc(100% - 5px) 50%;
  background-size: contain,7px 14px; */
}
.blog.search .post-title {
  margin-bottom: 2px;
  font-weight: normal;
  font-size: 1.67rem;
  line-height: 1.44;
  text-align: left;
	color: #2B2B2E;
}
.search .hs-search-highlight {
	font-weight: normal !important;
}
.blog.search .hs-search-highlight {
	color: #1922FB;
	text-decoration: underline;
	font-weight: normal !important;
}
.search .hs-search-results__listing li {
 
  margin-bottom: 5.125rem;
}
.search .hs-search-results__listing li.visible {
	 display: flex !important;
}
.search .hs-search-results {
  max-width: 1054px;
/*   max-width: 100%; */
  margin: auto;
  padding-bottom: 3.6rem;
}
.search .hs-search-results .hs-featured-image-wrapper {
  width: 37%;
  max-width: 400px;
  margin-right: 4%;
  height: 226px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}
/* .blog.search .topic-before {
  padding-top: 10px;
} */
.search .post-button-container {
  text-align: left;
}

.search .hs-search-results .hs-featured-image-wrapper > a {
  display: flex;
  height: 100%;
  z-index: 1;
  position: relative;
}

.search .hs-search-results .post-item .post-content {
  max-width: 59%;
  margin: 0;
  padding: 0;
  width: 59%;
  position: relative;
}
.search .hs-featured-image-wrapper img {
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: all .2s ease;
	object-fit: cover;
	object-position: center;
}
.search .topic-before .topic-link {
  font-size: .78rem;
  line-height: 1;
	color: #948F8A;
  font-weight: normal;
  margin-bottom: 0;
}

.search .hs-search-results__listing li:hover .hs-featured-image-wrapper img{
  transform: scale(1.1);
  transition: all .2s ease;
}
.header-search-results {
  max-width: 1546px;
  margin: auto;
}
.header-search-results p{
  font-weight: 400;
  margin-bottom: 3.3rem;
	color: #2B2B2E;
}
.header-search-results p #term {
/*   font-weight: bold; */
	text-transform: capitalize;
}
.header-search-results p .s1 {
	color: #1922FB;
}
.search .page-tag {
  display: none;
}
.row .control_tags .search-block * {
  height: 100%;
}
@media (max-width: 1366px) {
	.section-search:before {
		left: -4rem;
		right: auto;
	}

}
@media(max-width:1280px) {


}
@media(max-width:980px) {
  .search .hs-search-results .hs-featured-image-wrapper {
    height: 230px;
  }
  .search h1 {
    font-size: 2.636rem;
  }

}
@media(max-width:767px) {
	.section-search:before {
		width: 400px;
		left: -5rem;
		top: 6rem;
	}
  .section-search {
    padding-top: 9.375rem;
  }
  .search .hs-search-results {
    padding-bottom: 1rem;
  }
  .search h1 {
    font-size: 2.336rem;
  }
	.hs-search-results__listing {
		margin: 0 0 4.5rem;
	}

  .search .hs-search-results__listing li {
    flex-wrap: wrap;
  }
  .search .hs-search-results .hs-featured-image-wrapper {
    width: 100%;
    height: 297px;
    max-width: 500px;
    margin: 0 auto 1.5rem;
  }
  .search .hs-search-results .post-item .post-content {
    max-width: 100%;
    width: 100%;
  }
  .search .hs-search-results__listing li {
    margin-bottom: 4rem;
  }
  .blog.search .topic-before {
    padding-top: 0;
  }
  .blog.search .discover a, .blog.search .discover.nblue a {
    font-size: .727rem!important;
  }
  .search .topic-before .topic-link {

    margin-bottom: 0.2rem;
  }
}
@media(max-width:550px) {
  .search .hs-search-results .hs-featured-image-wrapper {
    width: 100%;
    height: 200px;
  }
}








/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Global Styles */
.case-single .work_content p { 
  line-height: calc(30/18);
  margin-bottom: 2rem;
}

.case-study-main-wrap ul {
	padding-left: 19px;
	list-style: none;
}
.case-study-main-wrap ul:last-child {
	margin-bottom: 0;
}
.case-study-main-wrap ul li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 1.68rem;
	line-height: calc(30/18);
}
.case-study-main-wrap ul li:before {
	content: '';
	position: absolute;
	height: 3px;
	width: 20px;
	background: #1922FB;
	top: .7em;
	left: 0;
}
.case-study-main-wrap p:last-child,
.case-study-main-wrap ul li:last-child {
	margin-bottom: 0;
}
.case-single .case-study-main-wrap .panel_work {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	font-size: 1rem;
	line-height: 1;
	color: #1922FB;
	margin-bottom: 2px;
}
/* Global Styles */

/* Case Study Banner */
.case-single .case-study-banner-section {
	padding: 10rem 0 10rem;
}
.case-single .case-study-banner-section {
  position: relative;
	background: linear-gradient(to bottom,#2b2b2e,#2b2b2e 81.6%,#eeede9 81.6%,#eeede9 100%);
	color: #fff;
}
.case-single .case-study-banner-section:before {
/* 	content: '';
	position: absolute;
	right: 9%;
	bottom: 0;
	max-width: 630px;
	width: 40vw;
	height: 100%;
	background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/case-study-banner-dots.png') no-repeat;
	background-size: contain;
	background-position: bottom right; */
}
.case-single .case-study-banner-section .case-logo-img {
	margin-bottom: 1.15rem;
	filter: brightness(0) invert(0.9);
	max-width: 220px;
}
.case-single .case-study-banner-section h1 {
	font-size: clamp(34px, 3.333vw, 48px);
	line-height: calc(58/48);
	color: #eeede9;
	margin-bottom: .65rem;
}
.case-single .case-study-banner-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.case-single .case-study-banner-row .col-1 {
	position: relative;
  z-index: 2;
}
.case-single .case-study-banner-row .case-study-hero-tags {
	margin-left: 3.05rem;
}
.case-single .case-study-banner-row .case-study-hero-tags p,
.case-single .case-study-banner-row .case-study-hero-tags a {
	font-family: 'TomatoGrotesk-Light',sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: calc(29/14);
	margin-bottom: 0;
}
.case-single .case-study-banner-row .hero-bottom-tag a {
	color: #948F8A
}
.case-single .case-study-banner-row .hero-bottom-tag .topic-link:last-child .tag-separator,
.case-single .case-study-banner-row .hero-top-tag .topic-link:last-child .tag-separator {
	display: none;
}
.case-single .case-study-banner-row .hero-top-tag a {
	color: #EEEDE9;
}
.case-single .case-study-banner-row .hero-top-tag .tag-separator {
	color: #eeede9;
	margin: 0 5px 0 3px;
	font-size: 16px;
}
.case-single .hero-bottom-tag .tag-separator {
	color: #948f8a;
	margin-right: 2px;
}
.case-single .case-study-banner-row .col-1,
.case-single .case-study-banner-row .col-2 {
	width: 100%;
}
.case-single .case-study-banner-row .col-1,
.case-single .case-study-banner-row .col-2 {
	margin-bottom: 50px;
}
.case-single .case-study-banner-row .col-2:after {
	content: '';
	position: absolute;
	left: -9%;
	bottom: -12%;
	max-width: 630px;
	width: 40vw;
	height: 100%;
	background: url(https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/case-study-banner-dots.png) no-repeat;
	background-size: contain;
	background-position: bottom right;
}
.case-single .case-study-banner-row .col-2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: center top / cover no-repeat url("/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/gradient-case-single.svg");
	z-index: 2;
}

.case-single .image-or-mov-mod .movie-container,
.case-single .image-or-mov-mod .image-wrap img {
	margin-bottom: -8rem;
}
.case-single .case-study-banner-section .case-study-banner-img {
	position: relative;
	z-index: 1;
}



@media (min-width: 768px) {
	.case-single .case-study-banner-section {
		padding: 13rem 0 16.8rem;
	}
	.case-single .case-study-banner-row {
		flex-direction: row;
	}
	.case-single .case-study-banner-row .col-1 {
		width: 74.6%;
		margin-right: 5.4%;
		margin-bottom: 0;
		position: relative;
		z-index: 3;
	}
	.case-single .case-study-banner-row .col-2 {
/* 		width: 20%; */
		position: absolute;
		top: 0px;
		right: 0;
		width: 42.8%;
		margin: 0;
		margin-bottom: 0;
	}
	.case-single .case-study-banner-section .case-study-banner-img {
/* 		position: absolute;
		right: 0;
		top: 0;
		max-width: 43.76%;
		object-fit: contain;
		object-position: right; */
		min-height: 781px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height: 850px;
	}
	.case-hero-down-row {
		position: absolute;
		bottom: 65.5px;
		left: 50%;
		transform: translateX(-50%);
	}
	.case-scroll-down-wrap .scroll-down-wrap {
		margin-left: 0;
	}
}
@media (max-width: 1024px) and (min-width: 768px) {
	.case-single .case-study-banner-section .case-study-banner-img {
		min-height: 700px;
	}
}
@media (max-width: 767px) {
	.case-single .case-study-banner-section .case-study-banner-img {
		width: 100%;
    object-fit: contain;
    height: auto;
	}
	.case-single .case-study-banner-row .col-2:after {
		bottom: 7%;
	}
	.case-single .case-study-banner-section {
		padding-bottom: 1rem;
	}
	.case-single .case-study-quote p {
		font-size: 18px;
	}
	.case-single .case-study-next-post-section {
		margin-bottom: 0;
	}
	.case-single .case-study-banner-row .col-2 {
		position: relative;
	}
}

/* Case Study Banner */
/* Project Section */
.case-study-project-section {
	padding: 3.4rem 0 0;
}
.case-study-project-section h2 {
	margin-bottom: 3.2rem;
}
.case-study-project-section .case-study-project-column-wrap {
	display: flex;
	flex-direction: column;
	background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Project%20at%20a%20glance%20bg-min.jpg') no-repeat;
	background-size: cover;
	padding: 7.55% 8.6%;
	margin-left: 8.47%;
}
.case-study-project-section .case-study-project-column-wrap.case-study-project-video-on {
	padding-bottom: 14%;
	position: relative;
}
.case-study-project-section .case-study-project-column-wrap.case-study-project-video-on:before {
	content: "";
	position: absolute;
	bottom: -7rem;
	right: -4.5rem;
	width: 291px;
	height: 291px;
	z-index: -1;
	pointer-events: none;
	background: center top / cover no-repeat url("/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-case-video.svg");
}
.case-study-project-column-wrap h4 {
	font-size: 1.334rem;
	line-height: calc(32/24);
	margin-bottom: .7rem;
}

.case-study-project-section p, 
.case-study-project-section li {
	font-size: 16px;
	line-height: calc(30/16) !important;
}
.case-study-project-section p {
	margin-left: 1.15rem;
	margin-bottom: 2rem;
}

.case-study-project-section ul {
	padding-left: 18px;
	list-style: none;
}
.case-study-project-section li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 2rem;
}
.case-study-project-section li:last-child {
	margin-bottom: 0;
}
.case-study-project-section li:before {
	content: '';
	position: absolute;
	height: 3px;
	width: 20px;
	background: #1922FB;
	top: .7em;
	left: 0;
}
.case-study-project-column-wrap .col-1 p:last-of-type {
	margin-bottom: 0.7rem;
}
.case-study-project-column-wrap .col-1 ul li {
	margin-bottom: 0.5rem;
}
.case-study-project-column-wrap .col-1 ul li:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.case-study-project-section .case-study-project-column-wrap {
		flex-direction: row;
	}
	.case-study-project-section .col-1 {
		width: 47%;
		margin-right: 5.7%;
	}
	.case-study-project-section .col-2 {
		width: 47.3%;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.case-study-project-section .col-1 {
		margin-bottom: 2.8rem;
	}
}
/* Project Section */

/* Video Section */
.case-study-video-section {
	margin-top: -6%;
}
.case-study-video-section .image-or-mov-mod {
	max-width: 1050px;
	position: relative;
}

.case-study-video-section .image-or-mov-mod .movie-container .single-movie {
	padding-top: 57.3% !important;
}
/* Video Section */

/* Challenge Section */
.case-study-challenge-section {
	padding: 16rem 0 5rem;
}
.case-study-challenge-section .row {
	max-width: 1050px;
}

@media (max-width: 767px) {
	.case-study-challenge-section {
    padding: 13.45rem 0 3rem;
  }
	.case-study-project-section .case-study-project-column-wrap.case-study-project-video-on {
		padding-bottom: 25%;
	}
}
/* Challenge Section */

/* Solutions Section  */
.case-study-solution-section {
	position: relative;
	padding: 3.4rem 0 1.3rem;
}
.case-single .case-study-solution-section .row {
	max-width: 1050px;
}
.case-single .case-study-solution-section .work_content_text h3 {
	margin-bottom: 1.2rem;
}
.case-single .case-study-solution-section .work-flex {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.case-single .case-study-solution-section .work-flex .work_content_text {
		width: 59%;
		margin-right: 6.3%;
	}
	.case-single .case-study-solution-section .work-flex .work_content_img {
		width: 34.7%;
	}
	.case-single .case-study-solution-section .work-flex .work_content_img img {
		position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 39.6vw;
		width: 100%;
    object-fit: cover;
		object-position: right;
	}
}
@media (max-width: 767px) {
	.case-single .case-study-solution-section .work-flex .work_content_text {
		margin-bottom: 2.8rem;
	}
}
/* Solutions Section  */

/* Results Section  */
.case-study-result-section {
	padding: 3rem 0;
}
.case-study-result-section .row {
  max-width: 1050px;
}
.case-study-result-section .row ul {
	margin-left: 8.57%;
}
.case-study-result-section .row p {
	margin-bottom: 2rem;
}
/* Results Section  */

/* Testimonial Section  */
.case-study-testimonial-section.quote-section {
	position: relative;
	padding: 5rem 0 17.6rem;
}
.case-study-testimonial-section.quote-section:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 18px;
	max-width: 1301px;
	width: 80vw;
	height: 100%;
	background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/case-study-testimonial-dots.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}
.case-study-testimonial-section.quote-section .row {
	display: flex;
	flex-direction: column;
	padding-bottom: 0;
}
.case-study-testimonial-section.quote-section .row:before {
	display: none;
}
.case-study-testimonial-section .col-1 {
	position: relative;
	background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/51%20%284%29_codec-1.jpg') no-repeat;
	background-size: cover;
	padding: 11.7% 9.5% 9.5% 10.5%;
}
.case-study-testimonial-section .col-1 .case-study-testimonial-content {
	max-width: 510px;
	margin-bottom: 3.75rem;
}
.case-study-testimonial-section .col-1 .case-study-testimonial-content p {
	font-family: 'TomatoGrotesk-light', sans-serif;
	font-size: clamp(18px, 1.667vw, 24px);
	line-height: calc(46/24);
}
.case-study-testimonial-section .col-1 h6 {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	font-size: 1rem;
	line-height: calc(32/18);
	color: #1922FB;
	margin-bottom: 0;
}
.case-study-testimonial-section .case-study-testimonial-position p {
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-size: 1rem;
	line-height: calc(32/18);
}

@media (min-width: 768px) {
	.case-study-testimonial-section .row {
		flex-direction: row;
	}
	.case-study-testimonial-section .col-1 {
		width: 64%;
		margin-top: 41px;
	}
	.case-study-testimonial-section .col-2 {
		width: 36%;
	}
	.case-study-testimonial-section .col-2 img {
		position: absolute;
		right: 0;
		top: 0;
		max-width: 550px;
	}
}
@media (max-width: 980px) {
	.case-study-testimonial-section.quote-section {
		padding: 2rem 0 7rem;
	}
}
@media (max-width: 767px) {
	.case-study-testimonial-section.quote-section {
		padding-bottom: 0;
	}
	.case-study-testimonial-section.quote-section .col-2 {
		text-align: center;
	}
	.case-study-testimonial-section.quote-section .col-2 img {
		width: 100%;
	}
}
/* Testimonial Section  */

/* Next Post Module */
.case-study-next-post-section {
  padding: 9.95rem 0 6.8rem;
	margin-bottom: 7.5rem;
}
.case-study-next-post-section .row {
	display: flex;
	flex-direction: column;
}


@media (min-width: 768px) {
	.case-study-next-post-section .row {
		flex-direction: row;
	}
}
@media (max-width: 1280px) {
	.case-study-next-post-section {
		margin-bottom: 4.5rem;
	}
}
@media (max-width: 980px) {
	.case-study-next-post-section {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.case-study-next-post-section {
		padding: 2rem 0 0;
	}
	.case-study-next-post-section .col1 {
		margin-bottom: 2.8rem;
	}
	.case-study-next-post-section h3 {
		margin-bottom: 2.9rem;
	}
}

/* Next Post Module */

/* End Of 2022 */

.case-single .blog-section-top p img {
  position: relative;
  right: -180%;
  transition: all .45s ease-in-out;
  text-align: center;
  margin: auto;
  display: block;
}

.case-single .blog-section-top p img.anim {
  right: 0;
}
.case-single .quoteSol blockquote {
  opacity: 0;
  transition: all .4s ease;
  transition-delay: .8s;
}

.case-single .quoteSol.anim blockquote {
  opacity: 1;
}

.case-single .quoteSol {
  position: relative;
}

.case-single .quoteSol.anim:after {
  left: 0;
}

.case-single .body-container-wrapper ul li {
  opacity: 0;
  transition: all .4s ease;
}

.case-single .body-container-wrapper ul li.anim {
  opacity: 1;
}

/* .page.blog-list .au-page-container .opening-panel {
  min-height: auto;
  padding-bottom: 0px;
  height: auto;
  padding-top: 220px;
} */

/* .page.blog-list .au-page-container .opening-panel h1 {
  max-width: 1110px;
  margin: .4rem auto 7.75rem;
  padding-left: 0;
  line-height: 1;
  text-align: center;
} */
/* .page.blog-list.news .au-page-container .opening-panel h1 {
  margin: 0 auto 25px;
}
.page.blog-list .au-page-container .opening-panel p {
  max-width: 1019px;
  margin: 0 auto 2.6rem;
  text-align: center;
}

.page.blog-list .au-page-container .opening-panel .discover {
  padding-left: 5rem;
  margin-bottom: 2rem;
}
.page.blog-list .au-page-container .opening-panel:after {

} */
/* .page.blog-res .au-page-container .opening-panel:after {
  background: url(/hubfs/25276569/Aspen_files/res-after.svg);
  background-position: right top;
  z-index: -1;
  opacity: 1;
  position: absolute;
  top: 220px;
  content: "";
  width: 501px;
  height: 481px;
  right: -213px;
  background-size: contain;
  background-repeat: no-repeat;
} */
/* .page.news .au-page-container .opening-panel:after {
  background: url(/hubfs/25276569/Aspen%20-%20Website%20Assets/news-after.svg);
  background-position: 100% 0;
  z-index: -1;
  opacity: 1;
  position: absolute;
  top: 211px;
  content: "";
  width: 374px;
  height: 369px;
  left: -120px;
  background-size: contain;
  background-repeat: no-repeat;
} */
/* .page.news .au-page-container .opening-panel:before {
  background: url(/hubfs/25276569/Aspen%20-%20Website%20Assets/news-before.svg);
  background-position: 100% 0;
  z-index: -1;
  opacity: 1;
  position: absolute;
  top: 28%;
  content: "";
  width: 100%;
  height: 186px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.page.news .blog-section .col.two.post-listing-main:after {
  background: url(/hubfs/25276569/Aspen%20-%20Website%20Assets/news-back.svg);
  background-position: 100% 0;
  z-index: -1;
  opacity: 1;
  position: absolute;
  top: -14%;
  content: "";
  width: 203%;
  height: 100%;
  left: -37%;
  background-repeat: no-repeat;
} */
/* .page.blog-res .au-page-container .opening-panel:before {
  background: url(/hubfs/25276569/Aspen%20-%20Website%20Assets/op-res-before.svg);
  background-position: 100% 0;
  z-index: -1;
  opacity: 1;
  position: absolute;
  top: 40%;
  content: "";
  width: 106%;
  height: 186px;
  right: -6%;
  background-size: cover;
  background-repeat: no-repeat;
}

.page.blog-res .blog-section .col.two.post-listing-main:after {
  background: url(/hubfs/25276569/Aspen%20-%20Website%20Assets/blog-res-back.svg);
  background-position: 100% 0;
  z-index: -1;
  opacity: 1;
  position: absolute;
  top: -11%;
  content: "";
  width: 203%;
  height: 100%;
  left: -37%;
  background-repeat: no-repeat;
} */
@media(min-width: 1700px) {
  .page.blog-res .au-page-container .opening-panel:before {
    width: 119%;
    height: 225px;
    right: -15%;}
  .page.blog-res .blog-section .col.two.post-listing-main:after {
    background-position: 85% -6%;
    background-size: 118%;
  }
}
.page.case-study .discover.nblue.bx-prev,
.page.solution-single .testimonial-slider .discover.nblue.bx-prev{
  margin-right: 0;
}
.page.case-study .section-testimonial {
  padding: 9rem 0 2rem;
  margin-bottom: 5.3rem;
  position: relative;
  z-index: 11;
}
.page.case-study .section-testimonial .row {
  /* 	max-width: 1196px; */
  max-width: 1243px;
  padding-left: 0;  
}
.page.case-study .section-testimonial .row .col {
  max-width: 100%;
}
.page.case-study .section-testimonial blockquote {
  line-height: 1.4;
}
.page.case-study .section-testimonial .au-slide-navigation,
.page.solution-single  .testimonial-slider .au-slide-navigation {
  text-align: left;
  position: absolute;
  top: -2.8rem;
  right: 0;
  left: unset;
  width: 73.5%;
  display: flex;
  align-items: center;
  opacity: 1;  
}
.page.case-study .client-story-slider {
  padding: 4.5% 0;
  position: relative;  
}
.page.case-study .client-story-slider .discover.nblue a {
  display: flex;
  flex-direction: column;
  line-height: 1 !important;  
  color: #B7772C !important;  
}
.page.case-study .client-story-slider .disable-arrows ~ .au-slide-navigation {
  opacity: 0;
  visibility: hidden;
}
/* .page.case-study .client-story-slider .discover.nblue a:after {
  content: '';
  position: relative;
  width: 35px;
  min-width: 35px;
  height: 20px;
  overflow: hidden;
  background: -9px 50% / contain no-repeat url(/hubfs/25276569/Aspen_files/right%20arrow%20%20hovered.svg),calc(100% - 4px) 50% / 9px 14px no-repeat url(/hubfs/25276569/Aspen_files/btn-right-arrow-after.svg);
  transition: all .2s ease-in-out;
  cursor: pointer;
  top: 8px;  
} */
.page.case-study .client-story-slider .discover.nblue a:hover:after {
  background-position: 1px 50%,calc(100% - 5px) center;
  background-size: contain,7px 14px;
}
.page.case-study .client-story-slider .discover.nblue a.bx-prev {
  padding-left: .3rem !important;
  margin-right: 1.85rem !important;
}
.page.case-study .client-story-slider .discover.nblue a.bx-prev:after {
  transform: rotate(180deg);
}
.page.case-study .client-story-slider .discover.nblue a.bx-next {
  padding-right: .3rem !important;
  margin-left: 1.85rem !important;
}

.page.case-study .client-story-slider .discover.nblue a.bx-next:after {
  /*   content: '';
  position: relative;
  width: 35px;
  min-width: 35px;
  height: 20px;
  overflow: hidden;
  background: -9px 50% / contain no-repeat url(/hubfs/25276569/Aspen_files/right%20arrow%20%20hovered.svg),calc(100% - 4px) 50% / 9px 14px no-repeat url(/hubfs/25276569/Aspen_files/btn-right-arrow-after.svg);
  transition: all .2s ease-in-out;
  cursor: pointer;
  top: 2px; */
}


.page.case-study .section-testimonial .client-story-slider .au-slide-container {
  overflow: hidden;
  display: flex;
  flex-flow: row-reverse wrap;

}
.page.case-study .section-testimonial .client-story-slider .au-slide-container .au-content-part h1 {
  display: none;
}

.page.case-study .section-testimonial .client-story-slider .testimonial {
  padding-left: 1.3rem;
  margin-left: 0;
  padding-right: 6%;
}
.page.case-study .section-testimonial .testimonial-author {
  font-size: 1.08rem;  
}
.page.case-study .section-testimonial .client-story-slider blockquote {
  margin-bottom: calc(2.5rem + 2.2%);
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: #2B2B2E;    
  line-height: 1.45;  
}
.page.case-study .section-testimonial .client-story-slider blockquote p {
  line-height: inherit;
  font-weight: inherit;
}
.page.case-study .section-testimonial .client-story-slider .au-slide-author h6{
  color: #2B2B2E;
  font-size: 1.565rem;  
  margin-bottom: .5rem;
}
.page.case-study .section-testimonial .client-story-slider .au-slide-author h6 span {
  color: inherit;
  font-size: inherit;  
  line-height: inherit;  
}
.page.case-study .section-testimonial .client-story-slider .au-slide-author p {
  font-size: 1.38rem;
  font-weight: 500;
/*   font-family: 'Poppins', sans-serif; */
  margin: 0;
}
.page.case-study .section-testimonial .client-story-slider .au-slide-author p span{ 
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}
.page.case-study .section-testimonial .client-story-slider .discover.arr-btn {
  padding-top: 4rem !important;    
}
.page.case-study .section-testimonial .client-story-slider .arr-btn {
  text-align: right;
  margin-top: 1.2rem;
}
.page.case-study .section-testimonial .client-story-slider img {
  max-width: 229px !important;
  width: 100%;
  height: auto;
  max-height: 154px;
  display: block;
  margin: 11px auto 11px 0;
}
.page.case-study .section-testimonial .row{
  position: relative;
}

.page.case-study .section-testimonial:after {
  width: 50%;
  height: 100%;
  background: #F79E31;
  z-index: -2;
  opacity: 1;
  position: absolute;
  left: 19%;
  transform: translateX(-50%);
  top: 0;
  content: '';   

  /*   padding-top: 57.7%;   */

  /*   
  max-width: 57.7%;
  width: 60%;
  padding-top: 57.7%;
  height: 100%;
  background: #f79e31;
  z-index: -2;
  opacity: 1;
  position: absolute;
  left: -12rem;
  top: -9rem;
  content: '';*/

}
/* .page.case-study .section-testimonial:before {
  z-index: -3;
  width: 108vw;
  height: 100%;
  background: 50% 17% / contain no-repeat url(/hubfs/25276569/Aspen_files/testim-line-bg.svg);
  z-index: -2;
  opacity: 1;
  position: absolute;
  left: -2%;
  top: 0;
  content: '';  

} */

.page.case-study .section-testimonial blockquote {
  font-size: 1.81rem;
}
/* .page.case-study .section-testimonial:before {
background: url(https://5095261.fs1.hubspotusercontent-na1.net/hubfs/5095261/Auxilion_Theme/dots-cases.svg);
background-position: right top;
z-index: -1;
opacity: 1;
position: absolute;
top: -3.5%;
content: '';
width: 16.2rem;
height: 31.8rem;
right: -0.7rem;
background-size: contain;
background-repeat: no-repeat;
} */

.case-study .blog-section .hs-featured-image-wrapper .hs-featured-image-link:after, .case-study .blog-single .hs-featured-image-wrapper .hs-featured-image-link:after {
  background: linear-gradient(rgba(19,42,79,0.80) 0%,rgba(19,42,79,0) 80%);
}


.case-study .post-description, .case-study .solandserv {
  height: 0;
  opacity: 0;
  transition: all .2s ease;
  display: none;
}

.case-study .post-item .solandserv {
  margin: 0 0 10px;
}

.case-study .post-item .technologies, .case-study .post-item .solandserv {
  display: inline-block;
}

.case-study .post-item .solandserv p, .case-study .post-item .technologies p {
  font-weight: 200;
  font-size: 0.818rem;
  line-height: 1.777;
  text-align: left;
  color: #fff;
  margin: 0;
  opacity: 1;
}

.case-study .post-item .technologies p {
  float: left;
}

.case-study .post-item .solandserv .solandserv_head {
  color: #1BC9CC;
  font-weight: bold;
  font-size: .818rem;
  line-height: 1.777;
  text-align: left;
  float: left;
  margin-right: 5px;
}

.case-study .post-item .technologies span {
  color: #307AA5;
  font-weight: bold;
  font-size: .818rem;
  line-height: 1.777;
  text-align: left;
  float: left;
  margin-right: 5px;
}

.case-study .blog-listing .clients {
  padding: 5.45rem 0;
  position: relative;
  margin: 3.4rem 0 4.5rem;
  background: transparent;
}

.case-study .blog-listing .clients:before {
  background: #00004d;
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  height: 100%;
  z-index: -1;
  content: '';
  transition: all .8s ease;
}

.case-study .blog-listing .clients:after {
  bottom: -2.27rem;
  content: '';
  width: 60rem;
  height: 116%;
  right: -53%;
}

.case-study .post-description p {
  font-weight: 200;
  font-size: .818rem;
  line-height: 1.777;
  text-align: left;
  color: #fff;
  opacity: 0.5;
}

.case-study .partn-img img {
  max-width: 8rem;
  object-fit: contain;
}

.case-study .post-item:hover .post-description {
  height: auto;
  transition: all .2s ease;
  opacity: 1;
}



/* .news .blog-section .post-item {
  margin-left: 0;
  margin-right: 1.5%;
}
.news .blog-section .post-item:first-child, .news .blog-section .post-item:nth-child(4n){
  margin-left: 0;
}
.news .blog-section .post-item:nth-child(3n) {
  margin-right: 0;
} */
.blog .blog-pagination {
  margin-top: 3rem;
}

/* .case-study .clients-logos .col-head {

}
*/
/* .page.case-study .clients-logos .logos-rows {
margin: 6.36rem auto 0;
max-width: 1281px;
float: unset;
} */
/* 
.case-study.page .clients-logos {
padding: 8.1rem 0;
} */

/* .case-study .clients-logos h2 {
max-width: 100%;
margin: 0 auto 20px;
text-align: center;
} */

/* .case-study .clients-logos p {
text-align: center;
max-width: 1300px;
margin: 0 auto;
} */

/* .page.case-study .clients-logos .row {
max-width: 1598px;
} */

/* .case-study .clients-logos:after {
display: none;
} */
.case-single.blog-single .section.section-blog-cont {
  padding-top: 0;
}

.case-single .section.section-blog-cont .main_section > .wr {
  /*   max-width: 1265px; */
  padding-top: 8.36rem;
} 
.case-single .image-or-mov-mod {
  /*   margin-top: 4.5rem; */
}
.website-img1 {
  margin-bottom: 13px;
  object-fit: contain;
}
.case-single .main_section .wr {
  max-width: 1370px;
  width: 85%;
  margin: 0 auto !important;
}
.case-single .blog-section-top .main_section .wr {
  max-width: 1370px;
  position: relative;
}
.case-single .cs-blog-section-top h1 {
  margin-bottom: .35em;
  max-width: 900px;
  font-size: 4.5rem;
  color: #2B2B2E;
  line-height: 1.25;
  font-weight: 500;
}
.case-single .cs-blog-section-top h1 span{
  color: inherit;
  font-weight: 700;
  color: ;
}
.case-single .cs-blog-section-top h1 ~ p {
  font-weight: 500;
  font-size: 1.375rem;  
  line-height: 1.55;
/*   font-family: 'Poppins', sans-serif;   */
}



.blog-single h3  {
  font-weight: bold;
  margin-bottom: 1.56rem;
  text-align: left;
  padding: 0;
  font-size: 2rem;
  line-height: 1.44;
}


/*
.case-single .main_section {
margin-bottom: 5.75rem;
}
*/

/* .case-single .hs_cos_wrapper_type_rich_text ul li::before,
.case-single .case-study ul li::before {
  content: "";
  width: 19px;
  height: 25px;
  top: 0;
  position: absolute;
  left: -23px;
  background: url(/hubfs/25276569/Aspen%20-%20Website%20Assets/icon-list.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
} */
.panel_work {
/*   font-family: 'Poppins',sans-serif; */
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  text-align: left;
  color: #BBBBBB;
  width: 100%;
  margin-bottom: .4rem;
}
.case-single .work-flex {
  display: flex;  
  margin-bottom: 4.7rem;
}
.case-single .work_content h2 {
  margin-bottom: 20px;
  color: ;
  font-size: 2.625rem;
  line-height: 1.28;
  font-weight: 700;
}

.case-single .work_content p,
.case-single .work_content ul,
.case-single .work_content h3,
.case-single .work_content h4,
.case-single .work_content h5,
.case-single .work_content h6 {
  padding-left: 0;
}
.case-single .work_content h3,
.case-single .work_content h4 {
  margin-bottom: 1.5rem;
  text-align: left;
  padding: 0;
  font-size: 2.6666rem;
  line-height: calc(58/48);
/*   font-family: 'Poppins',sans-serif; */
}
.case-single .work_content h4 {
  font-size: 2.2rem;
}
.blog-single h3 {
  margin-bottom: 20px;
  font-size: 2rem;
}


.case-single .case-study_video-section{
  z-index: 0;
  max-width: 1265px;
  margin: 0 auto;
}
.case-single .case-study_video-section>.hs_cos_wrapper{
  margin-top: 2rem;
}
.case-single .cs-blog-section-top .section {
  margin-bottom: calc(4rem + 2.8%);
}

.blog-single blockquote,
.case-single blockquote {
  display: flex;
  width: 100%;
/*   font-family: 'Poppins', sans-serif; */
  padding: calc(2rem + 3.8%);
  position:relative; 
  font-weight: 700;
  line-height: 1.45;
  font-size: 2rem;
  text-align: left;
  color: #2B2B2E;
  border: none;
  outline: none;
  box-shadow: none;
  margin-bottom: 4.5rem;
}
.blog-single blockquote:before,
.case-single blockquote:before {
  content: '';
  display: block;
  background:  #F4F4F3;
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20%;
  max-width: 195px;
  z-index: -1;
}
/* .case-single .quoteSol:after {
background: #307aa5;
background-position: right bottom;
z-index: -1;
opacity: 1;
position: absolute;
top: 0;
content: '';
width: 200%;
height: 100%;
left: 200%;
background-size: cover;
background-repeat: no-repeat;
transition: all .4s ease-in-out;
} */

.blog-single .blog-section blockquote p,
.case-single .blog-section blockquote p {
/*   font-family: 'Poppins', sans-serif; */
  padding: 0;
  position:relative; 
  font-weight: bold;
  line-height: 1.45;
  font-size: 2rem;
  text-align: left;
  color: #2B2B2E;
  border: none;
  outline: none;
  box-shadow: none;
  margin-bottom: 0;
}
.case-single .cs-blog-section-top p img {
  max-width: 100%;
}
.case-single .cs-blog-section-top .section.clients .wr {
  max-width: 1215px;
}
.case-single .cs-blog-section-top .section.clients {
  padding: 1rem 0 3rem;
  margin-bottom: 0;
  position: relative;
}
/* .case-single .cs-blog-section-top .section.clients:after {
  content: '';
  display: block;
  position: absolute;
  width: 108%;
  height: 100%;
  top: 0;
  right: -5.5rem;
  background: 45% 18%/ contain no-repeat url(/hubfs/25276569/Aspen_files/quote-bg-line.svg);
  z-index: -2;
} */
.case-single .cs-blog-section-top .section.clients p {
/*   font-family: 'Poppins', sans-serif; */
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.45;
  color: #fff;
  margin-bottom: 3.2rem;
  text-align: left;
  color: #2B2B2E;
}
.case-single .cs-blog-section-top .section.clients .sq-slide-author h4 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 10px;
  text-align: left;
  padding: 0;
}
.case-single .cs-blog-section-top .section.clients .quote {
  margin: auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0;  
}
.case-single .cs-blog-section-top .section.clients .sq-slide-author p {
  font-size: 1.385rem !important;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}
.case-single .cs-blog-section-top .section.clients .quote-cont {
  width: 75%;
  z-index: 1;
}
.case-single .cs-blog-section-top .section.clients .quote-img-wrap {
  width: 25%;
  z-index: -1;
}
/* .case-single .cs-blog-section-top .section.clients .quote-img-wrap .quote-mask {
  -webkit-mask: url(/hubfs/25276569/Aspen_files/mask2.svg) center/contain no-repeat;
  mask: url(/hubfs/25276569/Aspen_files/mask2.svg) center/contain no-repeat;
  width: 39.5vw;
  max-width: 640px;
  position: relative;
  left: 28%;
  top: -8px;
  transform: translateX(-50%);
  margin-bottom: 0;
  overflow: hidden;
  z-index: 0;
} */
.case-single .cs-blog-section-top .section.clients .quote-img-wrap img {
  max-width: 119%;
  width: 119%;
  height: 100%;
  position: relative;
  top: 0%;
  left: 47.5%;
  transform: translate(-50%, 2.5%);
  object-fit: cover;  
}
.case-single .cs-blog-section-top .difference_section {
  margin-bottom: 1.8rem;
}
.difference_section .wr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.difference_section h2 {
  margin: 0 0 2.7rem;
}
.difference_section .wr .col1 {
  width: 58%;
}

.difference_section .wr .col2 {
  width: 34%;
}

.case-study .hs-featured-image-wrapper img {
  width: 100%;
}

.difference_section .wr .col2 h3, .difference_section .wr .col2 h4, .difference_section .wr .col2 h5 {
  font-weight: 900;
  text-align: left;
  color: #78afcf;
  margin-bottom: 20px;
  padding: 0;
}

.difference_section .wr .col2 ul li {
  padding-bottom: 30px;
}

.website-img2 {
  max-width: 7.3rem;
  margin-bottom: 16px;
  object-fit: contain;
}

.prefooter-section h3 {
  font-weight: 600;
  font-size: 2.09rem;
  line-height: 1.2;
  text-align: left;
  color: #00C0EA;
  margin-bottom:  2rem;
  padding: 0;
}

.prefooter-section .btn a:before, .prefooter-section .btn a:hover:before {
  border-bottom-color: #80EDB3
}

.case-single .cs-blog-section-top p img {
  max-width: 100%;
  min-height: 200px;
  object-fit: cover;
}
.case-single .footer-first ul li::before {
  display: none;
}
.case-single .blue_footer_block {
  margin: 4.5rem 0 7rem; 
}
.blue_footer_block .btn a {
  color: #fff;
}


@media (min-width: 768px) {
  .case-study_image-header .col-head {
    width: 54.5%;
    padding-left: 2%;
    text-align: right;
  }
  .case-study_content .col2 {
    width: 50%;
    padding: 1.2rem 3%;
  }
  .case-study_image-header .col-img {
    width: 41.5%;
    margin-right: 0;
  }
  .case-single .cs-blog-section-top h1 ~ p {
    padding-left: 12%;
  }
  .case-study_content .col2 p {
    padding: 0 1% 0 11%;
    margin: 0 0 2.2em;
  }
  .case-single .case-study_video-section>.hs_cos_wrapper{
    margin-top: -3.65rem;
  }
  .page.case-study .section-testimonial .client-story-slider .au-slide-container .au-content-part {
    width: 73.5%;
  }
  .page.case-study .section-testimonial .client-story-slider .au-slide-container .au-image-part {
    width: 26.5%;
    padding: 0 1rem 0 0;    
  }

  
}

@media (min-width: 981px) and (max-width: 1400px) {
  .case-study_content .col1 .quote {
    max-width: 460px;
  }

}



@media (max-width: 1440px) {
  .case-study_content .col1 {
    width: 45%;
  }

  .case-study_content .col2 {
    width: 47%;
  }

}

@media (max-width: 1023px) {

  .case-single .case-study_content>h2, .case-single .cs-blog-section-top h1 {
    font-size: 3rem;
  }
}

@media (max-width: 980px) {
  .case-single .work_content ul li:last-child {
  margin-bottom: 0;}
  .case-study .partn-img p img {
    max-width: 8rem;
    max-height: 2.5rem;
    object-fit: contain;
    object-position: left;
  }
}

@media (max-width: 980px) {
  /*   .case-single .sg-movie-container, .case-single .sg-movie-container .single-file {
  height: 28rem;
} */
  .case-single .cs-blog-section-top h1 {
    margin-bottom: 2rem;
  }
  .case-study.page .clients-logos {
    padding: 5rem 0;
  }
  .case-study_content .col1, .case-study_content .col2, .difference_section .wr .col1, .difference_section .wr .col2 {
    width: 100%;
  }

  .case-single .prefooter-section {
    padding: 5rem 0;
  }
  .page.case-study .section-testimonial:before {
    opacity: .4;
  }
  .case-single blockquote {
    /*     font-weight: 200; */
    font-size: 1.5rem;
    padding: 3rem;
  }
  .case-single .cs-blog-section-top .section.clients p {
    font-size: 1.5rem;
  }
  .case-single .case-study .case-study_content .col1 {
    width: 100%;
  }
  .blog-single blockquote,
  .case-single blockquote {
    font-size: 1.7rem;
  }
  .blog-single .blog-section blockquote p, .case-single .blog-section blockquote p{
    font-size: 1.7rem;
  }
  .case-single .work-flex .work_content_text {
    width: 60%;
  }
  .case-single .work-flex .work_content_img {
    width: 36%;
  }
}

@media (max-width: 767px) {
 
  .case-single .blue_footer_block {
    margin: 0;
}
  .case-single .prefooter-section {
    padding: 0 0 3rem;
}
  .case-study_image-header .col.col-img {
    margin: 0 auto 4%;
  }
  .case-study_image-header .col-img .mask-wrap {
    left: 0;
    transform: none;
    margin: 0 auto;
    width: 90%;
  }
  .blog-single blockquote,
  .case-single blockquote {
    font-size: 1.3rem;
  }
  .blog-single .blog-section blockquote p, .case-single .blog-section blockquote p{
    font-size: 1.3rem;
  }
  .case-study_content {
    max-width: 100%;
    width: 100%;
  }
  .case-single .case-study .case-study_content .col1>ul>li,
  .case-single .case-study .case-study_content .col1 li p {
    padding-left: 0;
    padding-right: 0;
  }
  .case-single .work_content h3{
    font-size: 2rem;  
  }
  .case-single .cs-blog-section-top .section {
    max-width: 100%;
  }
  .page.case-study .section-testimonial:after {
    content: none;
  }
  .case-single .image-or-mov-mod {
    margin-top: 0;
  }
  .page.blog-list .au-page-container .opening-panel {
    padding-top: 160px;
  }
  .case-single .hs_cos_wrapper_type_rich_text ul li::before, .case-single .case-study ul li::before, .blog-single .blog-section .post-body ul li::before {
  }
  .case-single.blog-single .section.section-blog-cont .main_section > .wr {
    padding-top: 0;
  }
  .case-single.blog-single .section.section-blog-cont {
    padding-top: 0;
  }
  .case-single .work-flex {
    flex-direction:column;
  }
  .case-single .work-flex .work_content_text {
    width: 100%;
  }
  .case-single .work-flex .work_content_img {
    width: 100%;
  }
  .talk .col2.col-full {
    padding: 2rem;
  }
  .talk h2 br {
    display: none;
  }
  .talk .col-full h2{
    text-align: center;
  }
  .case-study_image-header {
    padding: 6.5rem 0 5rem;
  }
  .website-img1 {
    margin-bottom: 0 !important;
  }
  .difference_section h2, .case-single .work_content h2 {
    margin: 0 0 20px;
  }
  .case-study_content .col1 .quote p {
    font-size: 1.3rem;
  }
  .page.case-study .section-testimonial .client-story-slider img {
    margin-left:auto;
    margin-right: auto;
    max-width: 195px !important;
    max-height: 93px;
  }
  .case-study_content .col1 .quote h4 {
    font-weight: bold;
    font-size: 1rem;
  }
  .case-single .cs-blog-section-top .section.clients p {
    font-size: 1.3rem;
  }
  .case-single blockquote {
    /*     font-weight: 200; */
    font-size: 1.3rem;
    line-height: 1.4;
    padding: 2rem;
  }
  .case-single .work_content h3, .case-single .work_content h4, .case-single .work_content h5, .case-single .work_content h6, .case-single .work_content p, .case-single .work_content ul, .case-single .difference_section .work_content p, .difference_section .wr .col2 {
    padding-left: 0%;
  }
  .case-single .main_section, .case-single .cs-blog-section-top .section {
    margin-bottom: 5rem;
  }
  .case-single .cs-blog-section-top .section.clients .quote {
    padding: 1rem;
  }
  .case-single .cs-blog-section-top .section.clients .quote-cont {
    margin-left: 0;
    margin-top: 1.3rem;
  }
  .case-single .hs_cos_wrapper_type_rich_text ul li::before, .case-single .case-study ul li::before{
  }
  .case-single .cs-blog-section-top .section.clients .quote-img-wrap .quote-mask {
    width: 100%;
    max-width: 550px;
    top: 0;
    left: 0;
    transform: none;
  }
  .case-single .case-study_content>h2, .case-single .cs-blog-section-top h1 {
    font-size: 2.5rem;
  }
  .case-single .case-study_content>h2 {
    margin-bottom: 2.4rem;
    text-align: left;
  }
  .website-img1 {
    margin-bottom: 13px;
    object-fit: contain;
    width: 120px;
    height: 60px;
  }
  .page.case-study .section-testimonial blockquote {
    font-size: 1.27rem;
  }
  .page.case-study .section-testimonial img {
    max-width: 50% !important;
  }
  .page.case-study .section-testimonial .au-slide-navigation{
    width: 100%;
    justify-content: center;
  }
  .case-single .cs-blog-section-top .section.clients .quote {
    flex-direction: column;
  }
  .case-single .cs-blog-section-top .section.clients .quote .quote-img-wrap {
    width: 100%;
    display: none;
  }
  .case-single .cs-blog-section-top .section.clients .quote .quote-cont {
    width: 100%;
  }
  .page.case-study .section-testimonial .client-story-slider .au-slide-container {
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
  .page.case-study .section-testimonial .client-story-slider .au-slide-container .au-image-part {
    padding: 1rem;
  }

 .case-single .cs-blog-section-top .difference_section {
    margin-bottom: 0;
}
  .case-single .cs-blog-section-top  {
    margin-bottom: 5rem;
}
.case-single .cs-blog-section-top .section.clients {
    padding: 0 0 3rem;
  }
}

/***** SD *****/

@media (max-width: 767px) {
	.case-single .case-study-solution-section .work-flex .work_content_img img {
		object-position: right !important;
		max-width: 100%;
	}
}

@media (max-width: 500px) {

}







/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.page.case-study .cd-page-container .opening-panel:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 989px;
	background-color: #E3E0DA;
	z-index: -1;
	pointer-events: none;
}
.page.case-study .cd-page-container .opening-panel:after {
	content: "";
	position: absolute;
	top: -10.3%;
	right: 0.6%;
	background: center top / cover no-repeat url("/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-case.svg");
	max-width: 630px;
	width: 50vw;
	max-height: 630px;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}
.page.case-study .cd-page-container .opening-panel h1 {
	position: relative;
	text-align: center;
	color: #2B2B2E;
	max-width: 600px;
	margin: 0 auto 0.8rem;
}
.page.case-study .cd-page-container .opening-panel p {
	text-align: center;
	margin: 0 auto 3.6rem;
}

.blog.page.case-study .blog-section .post-item {
	margin-bottom: 4rem;
}
.page.case-study .blog-section .post-item .hs-featured-image-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: left top / contain no-repeat url("/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/gradient-top.svg");
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}
/* .page.case-study .blog-section .post-item .hs-featured-image-wrapper:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: center bottom / contain no-repeat url("/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/gradient-bottom.svg");
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
} */
.page.case-study .partn-img {
	display: block;
	position: absolute;
	left: calc(2rem + 2.3%);
	right: unset;
	top: calc(1rem + 3%);
	z-index: 4;
}
.page.case-study .partn-img img {
	max-height: 37px;
	max-width: 152px;
	height: auto;
	object-fit: contain;
	object-position: center;
	filter: brightness(0) invert(0.9);
}
.page.case-study .tag_control .res-topic-navigation1 {
	padding-left: 2%;
	margin: 0 0 2rem;
}
.page.case-study .tag_control .res-topic-navigation li {
	margin-bottom: 1.6rem;
}
.page.case-study .tag_control .res-topic-navigation li a {
	color: #948F8A;
}
.page.case-study .tag_control .res-topic-navigation li a.active,
.page.case-study .tag_control .res-topic-navigation li a:hover {
	color: #1922FB;
}
.page.case-study .blog-section .post-item .post-content-wrap .topic-before {
	margin-bottom: 0.4rem;
}
.page.case-study .section.section-bloglist {
	position: relative;
}

.page.case-study .blog-pagination {
	margin-top: 0.8rem;
}
.page.case-study .section-bloglist .blog-section {
	padding-bottom: 8.7rem;
}


.case-study .clients-testim-slider {
	padding-bottom: 8.6rem;
}
.clients-testim-slider .row {
	position: relative;
}
.clients-testim-slider .row:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	background: center/ cover no-repeat url(/hubfs/514553/Codec%202022/grey-texture.jpg);
}
.clients-testim-slider .row:after {
	content: "";
	position: absolute;
	bottom: -11.3%;
	left: -6.8%;
	background: center top / cover no-repeat url("/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-case.svg");
	max-width: 630px;
	width: 50vw;
	max-height: 630px;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}

.page.case-study .control_blog:last-child {
	margin-bottom: 4rem;
} 

/* dgm,lbadsghfbdsjahgbjuhdsabgjhsdabgjhsdabgjlhsadhgbasoi */
/*****************************************/

@media (min-width: 768px) {
	.page.case-study .control_blog {
		margin-bottom: 2rem;
	}
	.page.case-study.blog .blog-section .post-item:nth-child(odd){
		margin-top: 0;  
		margin-right: 7.8%;
	}
	.page.case-study.blog .blog-section .post-item:nth-child(even){
		margin-right: 0;
	}


}



@media (max-width: 1440px) {


}

@media (max-width: 980px) {
	.page.case-study .search-line{
		width: 100%;
	}
	.page.case-study .search-line .hs-search-field{
		max-width: 235px;
		margin: 0 auto;    
	}
	.page.case-study .partn-img {
		left: calc(1.2rem + 2.3%);
	}

}

@media (max-width: 767px) {
	.page.case-study .section-bloglist .blog-section {
		padding-bottom: 6rem;
	}
	.case-study .clients-testim-slider {
		padding-bottom: 3rem;
	}
	.page.case-study .control_blog {
		margin-bottom: 2rem;
	}
	.page.case-study .tag_control .res-topic-navigation li {
		margin-bottom: 0.6rem;
	}
}

.page.case-study .filter-tags span.tag-separator {
	margin-left: 6px;
  margin-right: 4px;
}
.page.privacy-policy-page .privacy-content .widget-type-cell.row:not(.cookie-head) .widget-type-cell.col {
	/* 	max-width: 1050px; */
	margin: auto;
	float: unset;
}
.section.privacy-content {
	padding: 0 0 9rem;
}
.section.privacy-content .col-container {
	max-width: 1050px;
	margin: 0 auto;
}

.privacy-policy-page .au-page-container:after {
	background: top left / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/pp-op-bg.svg);
	z-index: -1;
	opacity: 1;
	position: absolute;
	top: -9.5rem;
	content: "";
	width: 40vw;
	max-width: 567px;
	height: 567px;
	left: -2.3rem;
	pointer-events: none;
}
.privacy-policy-page .au-page-container:before {

}
.privacy-policy-page .title-row {
	/*   max-width: 1050px !important; */
}
.page.privacy-policy-page .section.opening-panel{
	min-height: unset;
	height: auto;
	max-height: unset;
}
.page.privacy-policy-page .section.opening-panel:after {
	background: #E3E0DA ;
	z-index: -1;
	opacity: 1;
	position: absolute;
	top: 0;
	content: "";
	width: 40vw;
	max-width: 478px;
	height: 680px;
	right: 0;
	pointer-events: none;
}
.page.privacy-policy-page .section.opening-panel  h1 {
	margin: 1.7rem 0 16px;
	opacity: 0;
	max-width: 1033px;	
}
.page.privacy-policy-page .section.opening-panel .title-col p {
	font-size: 1.38rem;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	line-height: 1.55;
	margin-bottom: 0px;
}
.page.privacy-policy-page .privacy-content p {
	margin-bottom: 1.7rem;
	font-weight: normal;
}
.page.privacy-policy-page .privacy-content p>span {
	color:#1922FB;	
}
.page.privacy-policy-page .privacy-content a {
	transition: 0.5s;
}
.page.privacy-policy-page .privacy-content a:hover {
	color: ;
}
.page.privacy-policy-page .privacy-content h2 {
	font-size: 2.667rem;
	margin: 3.5rem auto 1.22rem;
	font-weight: 500;
	line-height: 1.3;
	opacity: 1 !important;
}
.page.privacy-policy-page .privacy-content h6{
	display: inline-block;
	font-size: 1rem;
	color: #1922FB;
	
}
.page.privacy-policy-page .section.privacy-content .col-container h2:first-of-type {
	margin-top: 1.1rem;
}
.page.privacy-policy-page .privacy-content h3,
.page.privacy-policy-page .privacy-content h4,
.page.privacy-policy-page .privacy-content h5,
.page.privacy-policy-page .privacy-content h6{
	font-size: 2rem;
	font-weight: 500;
	margin: 2.8rem 0 5px;
}
.page.privacy-policy-page .privacy-content h3 {
	font-size: 1.67rem;
	margin-top: 2rem;
	margin-bottom: 0.6rem;	
}
.page.privacy-policy-page .privacy-content h2 + h3 {
	margin-top: 0; 
}
.page.privacy-policy-page .privacy-content ul {
	padding: 0 0 0 6.5%;
	list-style: none;
}
.page.privacy-policy-page .privacy-content ul li {
	font-size: 1rem;
	line-height: 1.75;
	text-align: left;
	margin-bottom: 1.6rem;
	padding: 0px 0 0 3rem;
	position: relative;
} 
.page.privacy-policy-page .privacy-content ul li::before {
	float:left;
	content: '\2014';
	color: #1922FB;
	font-weight: 900;
	margin-left: -1.8rem;

}

@media (max-width: 1280px) {
	.page.privacy-policy-page .section.opening-panel .title-col p {
		font-size: 1.15rem;
	}
	.page.privacy-policy-page .privacy-content h2 {
		font-size: 2.2rem;
	}
	.page.privacy-policy-page .privacy-content h3,
	.page.privacy-policy-page .privacy-content h4,
	.page.privacy-policy-page .privacy-content h5,
	.page.privacy-policy-page .privacy-content h6 {
		font-size: 1.7rem;
	}
}
@media (max-width: 767px) {
	.page.privacy-policy-page .section.opening-panel h1 {
		margin: 0;
	}
	.section.privacy-content {
		padding: 0 0 5rem;
	}
	.page.privacy-policy-page .privacy-content h2 {
		font-size: 1.7rem;
		margin: 2.7rem auto 10px;
	}
	.page.privacy-policy-page .privacy-content h3,
	.page.privacy-policy-page .privacy-content h4,
	.page.privacy-policy-page .privacy-content h5,
	.page.privacy-policy-page .privacy-content h6 {
		font-size: 1.4rem;
		margin-top: 2rem;
	}

	.page.privacy-policy-page .privacy-content ul {
		padding: 0 0 0 1rem;
	}
	.page.privacy-policy-page .privacy-content p {
		margin-bottom: 1.5rem;
	}
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.download-page .blog-post-content-wrapper {
	
}

@media(min-width:768px) {
	
}
@media(max-width:1600px) {
	
}
@media(max-width:1280px) and (min-width:768px){
	

}
@media(max-width:1200px) and (min-width:768px){

}
@media(max-width:980px) {
	
}
@media(max-width:767px) {
	
}
.page.about-us {
  overflow: hidden;
}
.opening-panel.about-hero {
	padding-top: 12.2rem;
	height: 100%;
	padding-bottom: 2.3rem;
	position: relative;
}

.about-hero:before {
	content: "";
	position: absolute;
	top: -34%;
	left: -10.3%;
	max-width: 630px;
	width: 50vw;
	height: 630px;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-hero.svg);
	z-index: -1;
	pointer-events: none;
}
.section.opening-panel.about-hero .row {
	position: inherit;
}
.about-hero .row .col1 {
	width: 72%;
	position: relative;
	z-index: 1;
}
.about-hero .row .col2 {
	margin-left: 4%;
	width: 42.8%;
	position: absolute;
	top: -10%;
	right: 0;
}
.about-hero .row .col2 .hero-image {
	position: relative;
}
.about-hero .row .col2 .hero-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/gradient-bg.svg);
}
.about-hero .row .col2 img {
	width: 100%;
	max-height: 700px;
	object-fit: cover;
	min-height: 560px;
}
.about-hero .row .col1 h1 {
	margin-bottom: 1rem;
}
.about-hero .row .col1 p {
	max-width: 535px;
	margin-bottom: 9.5rem;
}
.about-hero .scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
	column-gap: 113px;
}

.purpose-section {
	padding: 8rem 0 9rem;
	margin-top: -2rem;
	position: relative;
}
.purpose-section:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 49%;
	background: center bottom / cover no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Purpose-Ethos-bg.jpg');
	z-index: -1;
	pointer-events: none;
}
.purpose-section .row .puppose-head h2 {
	text-align: center;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.8rem;
}
.purpose-section .row .puppose-head p {
	text-align: center;
}
.purpose-section .row .puppose-head p:first-child {
	color: #1922FB;
	margin-bottom: 0;
	line-height: 1;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	margin-bottom: 0.3rem;
}
.purpose-section .row .puppose-head p:last-child {
	max-width: 86%;
	margin: 0 auto 3rem;
}
.purpose-section .tablet-wrap {
	padding-top: 7.3rem;
	padding-bottom: 5.4rem;
}
.purpose-section .tablet-wrap .text-item {
	display: flex;
	flex-wrap: wrap;
}
.purpose-section .tablet-wrap .text-item .tablet-slide {
	width: 31%;
}
.purpose-section .tablet-wrap .text-item .tablet-slide:first-child {
	padding-left: 1.6%;
}
.purpose-section .tablet-wrap .text-item .tablet-slide:nth-child(2) {
	padding-left: 1%;
}
.purpose-section .tablet-wrap .text-item .tablet-slide:last-child {
	padding-left: 0.4%;
}
.purpose-section .tablet-wrap .text-item .tablet-slide:not(:last-child) {
	margin-right: 3.5%;
}
.purpose-section .tablet-wrap .text-item .tablet-slide h3 {
	color: #948F8A;
	font-size: clamp(20px, 1.667vw, 24px);
	margin-bottom: 0;
	position: relative;
}
.purpose-section .tablet-wrap .text-item .tablet-slide h3:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -20px;
	width: 75px;
	height: 75px;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-purpose.svg);
	z-index: 0;
	pointer-events: none;
}
.purpose-section .tablet-wrap .text-item .tablet-slide .hs_cos_wrapper_type_inline_text {
	color: #EEEDE9;
	font-size: clamp(30px, 3.333vw, 48px);
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	line-height: 1.2;
	max-width: 350px;
	position: relative;
}
.purpose-section .row .btn a {
	color: #EEEDE9;
	margin: 0 auto;
}
.purpose-section .row .btn a:before {
	background-image: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-btn-about.svg);
}


.story-section {
	padding: 9rem 0 8rem;
	position: relative;
}
.story-section:before {
	content: "";
	position: absolute;
	top: 1.7%;
/* 	left: -12.2%; */
	right: 70.4%;
	max-width: 677px;
	width: 50vw;
	height: 100%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-story.png);
	z-index: -1;
	pointer-events: none;
}
.story-section .row .col .story-head h2 {
	text-align: center;
}
.story-section .row .col .story-head p {
	text-align: center;
}
.story-section .row .col .story-head p:first-child {
	color: #1922FB;
	line-height: 1;
	margin-bottom: 0.4rem;
}
.story-section .row .col .story-head p:last-child {
	max-width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3.6rem;
}

.story-slider-year-bar {
	padding-bottom: 3rem;
}
.story-slider-year-bar .slick-track {
	position: relative;
	padding-bottom: 1.6rem;
}
.story-slider-year-bar .slick-track:before {
	content: "";
	position: absolute;
	bottom: 11px;
	left: 0;
	border-bottom: 3px dotted #D1CCC1;
	height: 3px;
	width: 100%;
}
.story-slider-year-bar .story-slider-year {
	text-align: center;
}
.story-slider-year-bar .story-slider-year a {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	font-size: 1.335rem;
	color: #948F8A;
	padding-bottom: 1.2rem;
	position: relative;
	width: 7%;
	text-align: center;
}
.story-slider-year-bar .story-slider-year a:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.7rem;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #D1CCC1;
	transition: all .35s ease-in;
}
.story-slider-year-bar .story-slider-year.is-active a {
	color: #1922FB;
}
.story-slider-year-bar .story-slider-year.is-active a:before {
	background-color: #1922FB;
}
.story-slider-main .partner-slider-nav {
	padding-bottom: 1.3rem;
}
.story-slider-main .partner-slider-nav .slick-arrow.slick-disabled svg g path {
	stroke: #D1CCC1;
}
.story-slider-main .partner-slider-nav .slick-arrow.prev-arrow {
	margin-right: 1.5rem;
}
.story-slider-main .content-wrap {
	display: flex;
	flex-wrap: wrap;
}
.story-slider-main .content-wrap h3 {
	font-size: 2.667rem;
	max-width: 630px;
	line-height: 1.2;
	margin-bottom: 0.6rem;
}
.story-slider-main .content-wrap .hs_cos_wrapper_type_inline_rich_text {
	padding-left: 12.8%;
	margin-bottom: 2.9rem;
}
.story-slider-main .content-wrap .btn {
	padding-left: 12.8%;
}
.story-slider-main .content-wrap .story-slider-year-vertical {
	max-width: 350px;
	max-height: 350px;
	overflow: hidden;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-story-slider.svg);
}
.story-slider-main .content-wrap .story-slider-year-vertical .slick-list {
	overflow: visible;
}
.story-slider-main .content-wrap .story-slider-year-vertical .slick-track {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 5.8rem;
}
.story-slider-main .content-wrap .story-slider-year-vertical .slick-track .story-slider-year {
	text-align: center;
}
.story-slider-main .content-wrap .story-slider-year-vertical .slick-track .story-slider-year a {
	color: #E3E0DA;
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-size: 86px;
}
.story-slider-main .content-wrap .story-slider-year-vertical .slick-track .story-slider-year.is-active a {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	color: #1922FB;
}

@media (min-width: 768px) {
	.story-slider-main .content-wrap .story-slider-inner {
		width: 66%;
	}
	.story-slider-main .content-wrap .story-slider-year-vertical {
		width: 29.7%;
		margin-left: 4.3%;
		max-height: 350px;
		max-width: 350px;
	}
}


.certification-section {
	padding: 10rem 0 7rem;
	position: relative;
}
.certification-section:before {
	content: "";
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	width: 89vw;
	height: 100%;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Certification-bg.jpg);
	z-index: -1;
	pointer-events: none;
}
.certification-section .row .certification-head p:first-child {
	color: #1922FB;
	line-height: 1;
	margin-bottom: 0.1rem;
}
.certification-section .row .certification-head p:last-child {
	padding-left: 21.5%;
}
.certification-section .row .certification-awards .awards-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.certification-section .row .certification-awards .awards-wrap .awards-item {
	display: flex;
	width: 32%;
	margin: 1.9rem 0 1.7rem;
}
.certification-section .row .certification-awards .awards-wrap .awards-item:not(:last-child) {
	margin-right: 2%;
}
.certification-section .row .certification-awards .awards-wrap .awards-item img {
	max-width: 165px !important;
	max-height: 120px;
	width: auto;
}
@media (min-width: 768px) {
	.certification-section .row .certification-head {
		width: 40%;
	}
	.certification-section .row .certification-awards {
		width: 52.7%;
		margin-left: 7.3%;
	}
	.certification-section .row .certification-awards .awards-wrap .awards-item:nth-child(3n+3) {
		margin-right: 0;
	}
}



#our-team {
  position: relative;
  padding: 8.9rem 0 8.5rem;
  z-index: 2;
}
#our-team .row {
  max-width: 1360px;
}
#our-team .row .our-team-head h2 {
  text-align: center;
  color: #2B2B2E;
}
#our-team .row .our-team-head p:last-child {
  text-align: center;
  margin: 0 auto 4rem;
  max-width: 1055px;
}
#our-team .row .our-team-head p:first-child {
	color: #1922FB;
	line-height: 1;
	margin-bottom: 0.4rem;
	text-align: center;
}
.team-row .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.team-row > .hs_cos_wrapper_type_module > .widget-type-custom_widget {
  width: 22.7%;
  display: flex;
  overflow: hidden;
	margin-right: 3%;
}
@media (min-width: 981px) {
	.team-row > .hs_cos_wrapper_type_module > .widget-type-custom_widget:nth-child(4n+4) {
		margin-right: 0;
	}
}
.team-row .team-member {
  margin-bottom: 3.4em;
  position: relative;
  z-index: 1;
  transition: all .35s ease-in;
}
.team-row .team-member .team-photo {
  position: relative;
  transition: all .35s ease-in;
}
.team-photo > a {
  display: flex;
  position: relative;
  z-index: 1;
  background: #fff;
  overflow: hidden;
}
.team-photo > a:hover img {
  transform: scale(1);
  transition: all .5s ease-in-out;
}
.team-photo > a img{
  max-width: 325px !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
	transition: all .5s ease-in;
}
.member-descr-box .team-photo > a img{
  max-width: 100% !important;
}

.team-photo > .textmember{
  bottom: 0;
  width: 100%;
  z-index: 3;
  margin-top: 36px;
  padding-bottom: 4.5rem;
}
.team-photo > .textmember .title-wrap {
  display: flex;
  align-items: center;
	justify-content: space-between;
}
.team-photo > .textmember .member-name {
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 1.1;
  text-align: left;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
  margin-right: 15px;
}
.textmember .member-position {
  font-weight: 300;
  line-height: 1;
  display: block;
  margin: .5rem 0 1.1rem;
/*   color: #2B2B2E; */
  font-size: 1rem;
  position: absolute;
	font-family: 'TomatoGrotesk-Light', sans-serif;
}
.textmember .team-btn {
  margin-top: 60px;
  position: absolute;
  bottom: 0;
	color: #1922FB;
	width: 100%;
}
.textmember .team-btn .blue-button {
	color: #1922FB;
	position: relative;
	display: flex;
	align-items: center;
}
.textmember .team-btn .blue-button:before {
	width: 2.55rem;
  height: 2.55rem;
  background-image: url('/hubfs/514553/Codec%202022/dots-btn.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -2;
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: -7px;
  content: '';
  transition: all .37s ease-in-out;
}
.textmember .team-btn .blue-button:after {
	content: "";
	transition: all .37s ease-in-out;
	background-image: url('/hubfs/514553/Codec%202022/Codec_Website_Assets/cd-right-blue-arr.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 23px;
	height: 17px;
	margin-left: 10px;
	transition: all .37s ease-in-out;
}
.textmember .member-position.member-position-bio {
  color: #2B2B2E;
  font-size: 14px;
  font-weight: 300;
}


.page .featherlight .member-name {
/*   font-weight: bold; */
	font-size: 3.445rem;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 0;
	color: #1922FB;
/*   margin-top: 1.5rem; */
}
.team-row .team-member:hover .member-view {
  transition: all .35s ease-in;
  margin-top: 1rem;
}

.team-row .team-member:hover .member-name {
  transition: all .35s ease-in;
	color: #1922FB;
}
.team-row .team-member:hover .team-btn .blue-button:before {
	transform: rotate(90deg);
}
.team-row .team-member:hover .team-btn .blue-button:after {
	margin-left: 22px;
}
.team-row .team-member:hover .team-btn .blue-button {
	padding-left: 22px;
}
.team-row .team-member:hover .team-photo > a img {
  transform: scale(1.03);
}
.team-photo .member-socials {
  display: flex;
  height: 28px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9;
	margin-right: 10px;
}
.member-socials {
  display: flex;
}
.member-socials a {
  display: flex;
	max-width: 28px;
}
.member-socials a img {
	width: 100%;
}
.member-socials a:last-child {
  margin-right: 0em;
}


.about-us .featherlight .featherlight-content {
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  padding: 6.9rem 8.8rem;
  border-bottom: 0;
  margin-left: 0; 
  margin-right: 0; 
  max-height: 95%;
  background: #D1CCC1;
  cursor: auto;
  white-space: normal;
  width: 100%;
	min-height: 88%;
}
.about-us .featherlight .featherlight-close-icon {
  line-height: 1 !important;
  width: 100%;
  font-size: 34px !important;
  top: 8%;
	color: #1922FB;
  display: flex;
  align-items: center;
  left: 90%;
	background: #D1CCC1;
}
.about-us .featherlight .featherlight-close-icon:hover {
	padding-left: 0;
}
.about-us .featherlight .featherlight-close-icon img {
  margin-left: 22px;
}
.about-us .featherlight .featherlight-inner {
	display: flex;
	flex-wrap: wrap;
	max-width: 1264px;
	margin: 0 auto;
}
.about-us .featherlight .featherlight-content .member-description-wrapper {
	padding-top: 2.4rem;
}
.about-us .featherlight .team-photo {
  width: 28.2%;
  margin-right: 4.1%;
  max-height: 508px;
}
.about-us .featherlight .team-photo img{
  width: 100%;
  object-fit: cover;
  max-height: 540px;
}
.member-description-wrapper {
  width: 67.7%;
}
.about-us .featherlight .textmember .member-position {
  text-align: left;
  margin: 1.2rem 0 1rem;
  position: relative;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	font-size: clamp(24px, 2.083vw, 30px);
}
.about-us .featherlight .textmember {
  position: relative;
  margin-bottom: 2.6rem;
}
.about-us .featherlight .textmember div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.about-us .featherlight .textmember .title-wrap .member-socials {
	margin-left: 25px;
}
.about-us .featherlight .textmember .title-wrap .member-socials a,
.about-us .featherlight .textmember .title-wrap .member-socials a img {
	width: 40px;
	height: 40px;
}

.about-us .featherlight .member-description p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 0;
}
.about-us .featherlight .team-photo > a img {
	filter: grayscale(0);
}
.about-us .featherlight .member-linkedin img {
  width: 100%;
  max-width: 3rem;
}



.csr-section {
	position: relative;
}
.csr-section:before {
	content: "";
	position: absolute;
	top: -2.8%;
	right: 70%;
	max-width: 677px;
	width: 50vw;
	height: 100%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-story.png);
	z-index: -1;
	pointer-events: none;
}
.about-us .solutions-page .sub-sol.csr-section .row1:after {
	content: none;
}
.about-us .sub-sol.csr-section .row1 {
	max-width: 1264px;
	padding-bottom: 0;
}
.csr-section .row1 .col p:first-child {
	color: #1922FB;
	line-height: 1;
	margin-bottom: 0.4rem;
	font-family: 'TomatoGrotesk-Medium', sans-serif;
}
.about-us .sub-sol.csr-section .row1 h2 {
	margin-bottom: 0.8rem;
}
.about-us .sub-sol.csr-section .row1 p {
	max-width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.about-us .sub-sol.csr-section .row1 p:last-child {
	margin-bottom: 2.2rem;
}


.page .csr-slider .sub-careers-slider .cd-slider-bar .slick-list .slick-track {
	display: flex;
	flex-flow: row wrap;
	height: 15.7rem;
}
.page .csr-slider .sub-careers-slider .au-pager-link.active a,
.page .csr-slider .sub-careers-slider .au-pager-link:hover a {
	color: #EEEDE9;
}
.page .csr-slider .sub-careers-slider .partner-slider-nav {
	bottom: -2.8rem;
	text-align: right;
	height: 0;
}
.page .csr-slider .sub-careers-slider .partner-slider-nav .next.slick-arrow {
	margin-right: 0;
}
.page .csr-slider .sub-careers-slider .content-wrap {
	padding-top: 1.7rem;
	padding-bottom: 0;
}
.page .csr-slider .sub-careers-slider .content-wrap:after {
	content: "";
	position: absolute;
	top: 45.2%;
	right: -4%;
	max-width: 292px;
	width: 25vw;
	height: 100%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-csr.svg);
	z-index: -1;
	pointer-events: none;
	max-height: 100%;
	bottom: auto;
}
.page .csr-slider .sub-careers-slider .content-row .left-column {
	padding: 0;
}
.page .csr-slider .sub-careers-slider .content-row .img-wrap {
	overflow: visible;
	width: 100%;
	padding-top: 0;
}
.page .csr-slider .sub-careers-slider .content-row .img-wrap img {
	position: relative;
}
.page .csr-slider .sub-careers-slider .content-row .left-column h3 {
	font-size: 3.45rem;
	line-height: 1.3;
	margin-bottom: 0.5rem;
}
.page .csr-slider .sub-careers-slider .content-row .left-column .hs_cos_wrapper_type_inline_rich_text,
.page .csr-slider .sub-careers-slider .content-row .left-column .btn {
	padding-left: 15%;
}
.page .csr-slider .sub-careers-slider .content-row .left-column .btn {
	margin-top: 2.5rem;
}
.page .csr-slider .sub-careers-slider .content-row .right-column {
	
}


@media (min-width: 768px) {
	.page .csr-slider .sub-careers-slider .content-row .left-column {
		width: 56%;
		margin-right: 3%;
	}
	.page .csr-slider .sub-careers-slider .content-row .right-column {
		width: 41%;
		padding-top: 6.7rem;
	}
}



.about-us.page .section.resources {
	padding-top: 8.1rem;
}
.about-us.page .resources-section .row1:before {
	top: -85%;
	left: -22%;
	pointer-events: none;
}





@media (max-width: 1440px) {
	.certification-section:before {
		width: 94vw;
	}
	
	.story-slider-main .content-wrap h3 {
		font-size: 2.5rem;
	}
	
	.page .csr-slider .sub-careers-slider .content-row .left-column h3 {
		font-size: 3.35rem;
	}
}

@media (max-width: 1440px) and (min-width: 768px) {
	.about-us.page .resources-section .row1 .col1 {
		width: calc(97% - 305px);
	}
	.about-us.page .resources-section .row1 .col2 {
		width: 305px;
	}
}

@media (max-width: 1366px) {
	.story-section:before {
		right: 69.4%;
	}
	
	.story-slider-main .content-wrap h3 {
		font-size: 2.4rem;
	}
	
	.page .csr-slider .sub-careers-slider .au-pager-link {
		font-size: 1.32rem;
	}
	.page .csr-slider .sub-careers-slider .content-row .left-column h3 {
		font-size: 3.15rem;
	}
}

@media (max-width: 1280px) and (min-width: 768px) {
	.certification-section .row .certification-awards .awards-wrap .awards-item:nth-child(3n+3) {
		margin-right: 0 !important;
	}
}

@media (max-width: 1280px) {
	.about-hero .row .col1 {
		width: 87%;
	}
	.about-hero .scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
		column-gap: 90px;
	}
	
	
	.certification-section .row .certification-awards .awards-wrap .awards-item {
		width: 31%;
	}
	.certification-section .row .certification-awards .awards-wrap .awards-item:not(:last-child) {
		margin-right: 3.5%;
	}
	
	.about-us.page .featherlight .member-name {
		font-size: 3rem;
	}
  
	.page .csr-slider .sub-careers-slider .au-pager-link {
		font-size: 1.22rem;
	}
	.page .csr-slider .sub-careers-slider .content-row .left-column h3 {
		font-size: 3rem;
	}
}

@media (max-width: 1024px) {
	.about-hero:before {
		top: -49%;
	}
	
	.story-slider-main .content-wrap h3 {
		font-size: 2.2rem;
	}
	
	.about-us.page .featherlight .member-name {
		font-size: 2.8rem;
	}
}

@media (max-width: 980px) {
	.opening-panel.about-hero {
		padding-top: 10rem;
	}
	.about-hero:before {
		top: -59%;
	}
	.about-hero .row .col1 {
		width: 94%;
	}
	.about-hero .row .col2 img {
		min-height: 500px;
	}
	.about-hero .scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
		column-gap: 65px;
	}

	.story-section {
		padding: 10.9rem 0 10.3rem;
	}
	.story-slider-main .content-wrap .story-slider-year-vertical .slick-track {
		margin-top: 7.2rem;
	}
	.story-slider-main .content-wrap .story-slider-year-vertical .slick-track .story-slider-year a {
		font-size: 70px;
	}
	.story-slider-main .content-wrap h3 {
		font-size: 2.1rem;
	}
	
	.certification-section:before {
		width: 96vw;
	}
	
	.team-row > .hs_cos_wrapper_type_module > .widget-type-custom_widget {
		width: 31%;
		margin-right: 3.5%;
	}
	
	
	#our-team {
		padding: 8.9rem 0 6.5rem;
	}
	.about-us.page .featherlight .member-name {
		font-size: 2.4rem;
	}
	.about-us .featherlight .textmember .title-wrap .member-socials a, 
	.about-us .featherlight .textmember .title-wrap .member-socials a img {
		width: 30px;
		height: 30px;
	}
	
	.page .csr-slider .sub-careers-slider .content-row .left-column h3 {
		font-size: 2.8rem;
	}
	.page .csr-slider .sub-careers-slider .au-pager-link {
		font-size: 1.12rem;
	}
	.page .csr-slider .sub-careers-slider .content-wrap:after {
		top: 32.2%;
	}
}

@media (max-width: 980px) and (min-width: 768px) {
	.team-row > .hs_cos_wrapper_type_module > .widget-type-custom_widget:nth-child(3n+3) {
		margin-right: 0;
	}
	.solutions-page .sub-solutions-slider .au-content-part .slide-excerpt, 
	.solutions-page .sub-solutions-slider .au-content-part .btn {
		padding-left: 9%;
	}
}

@media (max-width: 767px) {
	.opening-panel.about-hero {
		max-height: 100%;
		padding-bottom: 3.5rem;
	}
	.about-hero:before {
		top: -30%;
	}
	.about-hero .row .col1 {
		width: 100%;
	}
	.about-hero .row .col1 p {
		margin-bottom: 2.5rem;
	}
	.about-hero .row .col2 {
		position: relative;
		width: 100%;
		top: 0;
		right: -6%;
		margin-left: 0;
		margin-bottom: 2.5rem;
		display: none;
	}
	.about-hero .row .col2 img {
		min-height: auto;
		max-height: 500px;
	}
	.about-us .scroll-btns {
		display: none;
	}
	.about-us.page .quote-section .row .col2 {
    padding: 29.8% 6% 9% 15%;
  }
	.purpose-section {
		padding: 0 0 3.5rem;
	}
	.purpose-section .row .puppose-head h2,
	.purpose-section .row .puppose-head p:last-child {
		max-width: 100%;
	}
	.purpose-section .tablet-wrap {
		padding-top: 3.3rem;
		padding-bottom: 3.4rem;
	}
	.purpose-section .tablet-wrap .text-item .tablet-slide {
		width: 100%;
		padding-left: 0 !important;
		margin-right: 0 !important;
	}
	.purpose-section .tablet-wrap .text-item .tablet-slide:not(:last-child) {
		margin-bottom: 35px;
	}
	.purpose-section .tablet-wrap .text-item .tablet-slide h3 {
		font-size: 18px;
	}
	.purpose-section .tablet-wrap .text-item .tablet-slide h3:before {
		width: 50px;
		height: 50px;
		left: -11px;
	}
	.purpose-section .tablet-wrap .text-item .tablet-slide .hs_cos_wrapper_type_inline_text {
		font-size: 25px;
	}
	
	.story-section {
		padding: 6rem 0;
	}
	.story-slider-year-bar .story-slider-year a {
		font-size: 1.2rem;
		padding-bottom: 1.3rem;
	}
	.story-slider-main .content-wrap .story-slider-inner {
		width: 100%;
		margin-bottom: 40px;
	}
	.story-slider-main .content-wrap .story-slider-year-vertical {
		width: 100%;
		max-height: 350px;
		max-width: 350px;
		margin: 0 auto;
		display: none;
	}
	.story-slider-main .content-wrap .hs_cos_wrapper_type_inline_rich_text,
	.story-slider-main .content-wrap .btn {
		padding-left: 10.8%;
	}
	.story-slider-main .content-wrap .btn a {
		margin-left: 0;
	}
	.story-slider-main .content-wrap .story-slider-year-vertical .slick-track {
		margin-top: 5.6rem;
	}
	.story-slider-main .content-wrap .story-slider-year-vertical {
		height: 300px;
		max-width: 300px;
		max-height: 300px;
	}
	.story-slider-year-bar .slick-track {
		padding-bottom: 1.75rem;
	}
	.story-slider-main .content-wrap h3 {
		font-size: 2rem;
	}

	.certification-section {
		padding: 6rem 0 5.3rem;
	}
	.certification-section:before {
		width: 100%;
	}
	.certification-section .row .certification-awards .awards-wrap .awards-item {
		width: 48%;
		justify-content: center;
		margin: 1.9rem 0 0.7rem;
	}
	.certification-section .row .certification-awards .awards-wrap .awards-item:not(:last-child) {
		margin-right: 4%;
	}
	.certification-section .row .certification-awards .awards-wrap .awards-item:nth-child(2n+2) {
		margin-right: 0;
	}
	.certification-section .row .certification-head p:last-child {
		padding-left: 10.5%;
	}
	
	
  .about-us .team-row .featherlight:last-of-type {
    position: fixed;
  }
  .about-us .featherlight .team-photo {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
		max-width: 100%;
    width: 100%;
    height: 100%;
  }
	.about-us.page .featherlight .member-name {
		font-size: 1.9rem;
	}
	.about-us .featherlight .textmember .member-position {
		font-size: 20px;
	}
  .about-us .team-row .featherlight.true2, .about-us .team-row .featherlight.true {
    transition: all 0s ease-in-out;
    left: 0;
  }
  .about-us .featherlight .featherlight-content {
    padding: 7rem 3rem;
    height: 100%;
    overflow-y: scroll;
    max-height: 100%;
  }
  .about-us .featherlight .featherlight-inner {
    position: relative;
  }
  .about-us .featherlight .team-photo img {
    height: 100%;}

  .about-us .featherlight .member-name {
    font-weight: 900;
    font-size: 1.318rem;
  }
	.member-description-wrapper {
    width: 100%;
  }
  #our-team {
    padding: 6rem 0 2rem;
  }
  #our-team .row .our-team-head h2 {
    margin-bottom: 2rem;
  }
  #our-team .row .our-team-head p {
    text-align: left;
  }
	.team-photo > a {
    height: 100%;
    width: 100%;
		max-width: 280px;
		margin: 0 auto;
  }
	.team-photo > .textmember {
		margin-top: 15px;
	}
	.team-row > .hs_cos_wrapper_type_module > .widget-type-custom_widget {
		width:48%;
		margin-right: 4%;
	}
	.team-row .team-member {
		margin-left: auto;
		margin-right: auto;
	}
	
	.about-us .solutions-page .sub-sol {
		padding: calc(1rem + 6%) 0 calc(1rem + 1%);
	}
  .page .csr-slider .sub-careers-slider .content-row .left-column .hs_cos_wrapper_type_inline_rich_text, 
	.page .csr-slider .sub-careers-slider .content-row .left-column .btn {
		padding-left: 6%;
	}
	.page .csr-slider .sub-careers-slider .content-row .right-column {
		max-width: 600px;
		margin-top: 40px;
	}
	.page .csr-slider .sub-careers-slider .content-row {
		justify-content: center;
	}
	.page .csr-slider .sub-careers-slider .content-wrap:after {
		bottom: -3%;
		top: auto;
		height: 300px;
		right: -5%;
		width: 36vw;
	}
	.page .csr-slider .sub-careers-slider .content-row .left-column h3 {
		font-size: 2rem;
	}
	
	.about-us.page .section.resources {
		padding-top: 4.3rem;
	}
}

@media (max-width: 767px) and (min-width: 481px) {
	.team-row > .hs_cos_wrapper_type_module > .widget-type-custom_widget:nth-child(2n+2) {
		margin-right: 0;
	}
}

@media (max-width: 480px) {
	.team-row > .hs_cos_wrapper_type_module > .widget-type-custom_widget {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	 .page .csr-slider .sub-careers-slider .content-row .left-column .hs_cos_wrapper_type_inline_rich_text, 
	  .page .csr-slider .sub-careers-slider .content-row .left-column .btn {
		padding-left: 2.8%;
	}
}

#sustainability {
	margin-top: -50px;
	padding-top: 50px;
}

 
 
 
 
 
 







@media (max-width: 1440px) {

}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 980px) {

}
@media (max-width: 767px) {

}
@media (max-width: 480px) {

}

.product-page #progress-bar .progress-bar-cont li a {
	padding: 0 3.4rem;
}

.product-hero {
	position: relative;
}
.product-hero:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #E3E0DA;
	width: 50vw;
	max-height: 574px;
	height: 100%;
	z-index: -1;
}
.product-hero .row h1 {
	max-width: 900px;
}
.product-hero .scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
	column-gap: 125px;
}


.origin-section {
	padding: 6rem 0 8rem;
}
.origin-section .row .col1 {
	width: 56%;
}
.origin-section .row .col1 h2 {
	max-width: 535px;
}
.origin-section .row .col1 p {
	padding-left: 15.2%;
	margin-bottom: 0;
}
.origin-section .row .col2 {
	position: absolute;
	right: 0;
	top: 16px;
	width: 43%;
	margin-left: 2.9%;
	padding: 0;
}
.origin-section .row .col2 img {
	width: 100%;
}
.origin-section.overview-section .row .col2:before {
	content: none;
}


.section-features {
	padding: 11.2rem 0 7rem;
	position: relative;
}
.section-features:before {
	content: "";
	position: absolute;
	top: 3.5%;
	right: 70.5%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-features-product.svg);
	max-width: 677px;
	width: 50vw;
	max-height: 677px;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}
.section-features .row.row1 {
	padding-bottom: 5.8rem;
}
.section-features .row h2 {
	color: #1922FB;
	text-align: center;
	margin-bottom: 1.4rem;
}
.section-features .row p {
	text-align: center;
	margin: 0 auto;
	max-width: 1050px;
}

.features-product-slider {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: flex-end;
/* 	align-items: center; */
	position: relative;
}
.features-product-slider .bx-wrapper {
	width: 49.1%;
	margin-bottom: 1.8rem;
}
.features-product-slider .bx-wrapper .bx-viewport {
	height: max-content !important;
}
.features-product-slider .bx-wrapper .bx-viewport .au-slide {
	height: max-content !important;
}
.features-product-slider .bx-wrapper .au-content-part {
	display: flex;
	flex-direction: column;
}
.features-product-slider .bx-wrapper .au-content-part .hs_cos_wrapper:first-child {
	order: 1;
	max-width: 600px;
	margin-bottom: 2.6rem;
}
.features-product-slider .bx-wrapper .au-content-part .btn {
	order: 2;
}
.features-product-slider .bx-wrapper .au-content-part h3 {
	margin-bottom: 1.4rem;
}
.features-product-slider .bx-wrapper .au-content-part h3 .hs_cos_wrapper {
	font-size: 3.445rem;
	line-height: 1.25;
	margin-bottom: 0 !important;
}
.features-product-slider .au-slide-navigation {
	height: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	z-index: 4;
	top: 5px;
}
.features-product-slider .au-slide-navigation a.bx-prev {
	margin-right: 1.2rem;
}
.features-product-slider .au-slide-navigation a.bx-next {
	transform: rotate(180deg);
	margin-right: 0;
	margin-left: 0;
}
.features-product-slider .au-custom-pager {
	width: 47.2%;
	margin-right: 3.7%;
}
.features-product-slider .au-custom-pager .au-pager-link {
	font-size: clamp(20px, 1.806vw, 26px);
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	padding: 2.45rem 5.1rem 2.45rem 1.6rem;
	box-shadow: 0px 3px 30px rgb(43 43 46 / 10%);
	width: 100%;
	display: block;
	margin-bottom: 15px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all .3s ease;
	background-color: #EEEDE9;
}
.features-product-slider .au-custom-pager .au-pager-link:after {
	content: "";
	right: 0;
	top: 0;
	background: center center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/arrow-features-slider.svg);
	width: 34px;
	height: 12px;
	transform: rotate(-90deg);
	transition: all .3s ease;
}
.features-product-slider .au-custom-pager .au-pager-link:hover,
.features-product-slider .au-custom-pager .au-pager-link.active {
	background-color: #1922FB;
	color: #EEEDE9;
	padding: 2.45rem 1.65rem 2.45rem 2.1rem;
}
.features-product-slider .au-custom-pager .au-pager-link:hover:after,
.features-product-slider .au-custom-pager .au-pager-link.active:after {
	background: center center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/arrow-features-slider-light.svg);
}


.quote-section.quote-reversed .row:before {
	bottom: -30px;
	right: 11.1%;
	left: auto;
}
.quote-section.quote-reversed .row .col2 {
	width: 64%;
	margin-left: 0;
	padding: 9.8% 13% 9.4% 10.5%;
	margin-top: 107px;
}
.quote-section.quote-reversed .row .col1 {
	margin-left: -6.5%;
	width: calc(36% + 6.5%);
}
.quote-section.quote-reversed .row .col2 p {
	margin-bottom: 2.1rem;
}

.technology-page.product-page .impact-section {
	padding-top: 4.7rem !important;
}
.page.product-page .impact-section .row1 h2 {
	margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
	.page.product-page .impact-section .row2 {
		left: 0;
	}
	.page.product-page .impact-section .row2 .col2 {
		padding-left: 1.1%;
	}
}

.product-page .demo-section {
    padding: 8.3rem 0 4.8rem;
}


.study-section {
	padding: 6rem 0 8.8rem;
}
.study-section .row {
	position: relative;
}
.study-section .row:before {
	content: "";
	position: absolute;
	top: 14%;
	right: -16.5%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-study-product.svg);
	max-width: 530px;
	width: 50vw;
	max-height: 530px;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}
.study-section .row h2 {
	color: #1922FB;
	max-width: 970px;
	margin-bottom: 5.5rem;
}
.study-section .row .col2 p {
	font-family: 'TomatoGrotesk-Light', sans-serif;
}
.study-section .row .col2 p:first-child {
	font-size: 1.335rem;
	line-height: 1.9;
	margin-bottom: 2.1rem;
}
.study-section .row .col2 p:last-child {
	margin-bottom: 3rem;
}
.study-section .row .col2 h6 {
	color: #1922FB;
	font-size: 1rem;
	margin-bottom: 0.4rem;
}
.study-section .row .col1 img {
	filter: grayscale(100%);
}
@media (min-width: 768px) {
	.study-section .row .col1 {
		width: 33%;
		text-align: end;
	}
	.study-section .row .col2 {
		width: 57.7%;
		margin-left: 9.3%;
	}
}



/* Responsive */
@media (max-width: 1440px) {
	.study-section .row:before {
		top: 22%;
    right: -11.5%;
	}
}

@media (max-width: 1366px) {
	.section-features:before {
		right: 69.5%;
	}
}

@media (max-width: 1280px) {
	.origin-section {
		padding: 4rem 0 5rem;
	}
	.features-product-slider .au-custom-pager .au-pager-link {
		padding: 2.45rem 4.1rem 2.45rem 1.6rem;
	}
	.features-product-slider .bx-wrapper .au-content-part h3 .hs_cos_wrapper {
		font-size: 3rem;
	}
}

@media (max-width: 1024px) {
	.features-product-slider .bx-wrapper .au-content-part h3 .hs_cos_wrapper {
		font-size: 2.9rem;
	}
}

@media (max-width: 980px) {
	.features-product-slider .bx-wrapper .au-content-part h3 .hs_cos_wrapper {
		font-size: 2.7rem;
	}
	.section-features {
		padding: 7.2rem 0 5rem;
	}
	.section-features:before {
		right: 70.5%;
	}
	
	.quote-section.quote-reversed .row .col2 {
		margin-top: 50px;
	}
}

@media (max-width: 767px) {
	.origin-section {
		padding: 3.8rem 0 6.7rem;
	}
	.origin-section .row .col1 {
		width: 100%;
	}
	.origin-section .row .col1 p {
		padding-left: 12.5%;
	}
	.origin-section .row .col2 {
		margin-left: 0;
		width: 100%;
		position: relative;
		right: -6%;
	}
	
	.section-features {
		padding: 5.2rem 0 1rem;
	}
	.section-features:before {
		top: -0.5%;
		left: -11.6rem;
		width: 450px;
	}
	.section-features .row.row1 {
		padding-bottom: 3.8rem;
	} 
	.features-product-slider {
		flex-direction: column-reverse;
	}
	.features-product-slider .bx-wrapper {
		width: 100%;
	}
	.features-product-slider .au-slide-navigation {
		position: relative;
		height: auto;
		width: 100%;
    justify-content: flex-start;
    padding: 3rem 0px;
	}
	.features-product-slider .au-slide-navigation a.bx-prev {
		padding-left: 0 !important;
	}
	.features-product-slider .au-custom-pager {
		width: 100%;
		margin-right: 0;
	}
	.features-product-slider .bx-wrapper .au-content-part .hs_cos_wrapper:first-child {
		max-width: 100%;
	}
	.features-product-slider .bx-wrapper .au-content-part h3 .hs_cos_wrapper {
		font-size: 2.2rem;
	}
	
	.quote-reversed .row > .row-fluid-wrapper > .row-fluid {
		display: flex;
		flex-direction: column-reverse;
	}
	.quote-section.quote-reversed .row .col2 {
		width: 100%;
		margin-top: -25%;
		padding: 29.8% 13% 9.4% 10.5%;
	}
	.quote-section.quote-reversed .row .col1 {
		width: 100%;
		margin-left: auto;
		margin-right: -6%;
	}
	.quote-section.quote-reversed .row:before {
		right: 35.1%;
	}
	
	.technology-page.product-page .impact-section {
		padding-top: 2.7rem !important;
	}
	
	.product-page .demo-section {
		padding: 5.3rem 0 5.8rem;
	}
	
	.study-section {
		padding: 7rem 0 4rem;
	}
	.study-section .row h2 {
		    margin-bottom: 2.5rem;
	}
	.study-section .row .col1 {
		text-align: center;
    margin-bottom: 2rem;
	}
	.study-section .row:before {
		top: -6%;
		right: -11.5%;
		width: 90vw;
	}
}

/* ****************** */

/* .integrations-page.page .graph-line-img{
  position: absolute;
  top: 18%;
  left: 52%;
  transform: translateX(-50%);
  width: 105vw;
}
.integrations-page.page .opening-panel{
  min-height: unset;
  height: auto;
  max-height: unset;
} */

/* .integrations-page.page .ag-page-container:before {
  content: none;
}
.integrations-page.page .opening-panel .row {
  padding: calc(3rem + 4%) 0 calc(3rem + 6%);
}
.integrations-page.page .opening-panel .row>div>.row-fluid {
  align-items: center;
}
.integrations-page.page .ag-page-container .opening-panel .col.two img {
  max-width: 100%
}
.integrations-page.page .opening-panel h1{
  max-width: 550px;
  margin-bottom: 1.5rem;
}
.integrations-page.page .opening-panel h1 span {
  color: ;
}
.integrations-page.page .opening-panel p {
  font-family: Poppins,sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.55;
  max-width: 100%;
  margin-bottom: 6%;
}
.integrations-page.page .ag-page-container .opening-panel:after{
  background: center / contain no-repeat url(/hubfs/25276569/Aspen%20-%20Website%20Assets/Integrations%20op%20bg.svg);
  right: unset;
  left: -34rem;
  width: 84vw;
  max-width: 84%;
  top: -25.5rem;
  height: 116%;
}
.integrations-page.page .opening-panel .col{
  width: 100%;
  margin: 0 0 2rem;
}
.integrations-page.page .opening-panel .col1:before,
.integrations-page.page .opening-panel .col1:after{
  content: none;
} */

/* .integrations-page .integ-experts-section {
  padding: calc(2.5rem + 7.2%) 0;
}
.integrations-page .integ-experts-section .row.one {
  text-align: center;
  margin-bottom: 3.7rem !important;
}
.integrations-page .integ-experts-section .row.one h2{
  margin-bottom: 1.25rem;
}
.integrations-page .integ-experts-section .row.one p{
  line-height: 2.15;
  margin: 0 auto 1rem;  
  font-size: 1.125rem;
  font-weight: 300;
}
.integrations-page .integ-experts-section .row.two {
  margin-bottom: 2rem !important;;
}
.integrations-page .integ-experts-section .row.two .col > div >.row-fluid {
  display:flex;
  justify-content: center;
}
.integrations-page .integ-experts-section .exp-text {
  text-align: center;
  max-width: 300px;
  margin: 0 auto 2rem;
  position: relative;
}
.integrations-page .integ-experts-section .exp-text:after {
  content:'';
  z-index: -2;
  display: block;
  width: 52%;
  height: 100%;  
  position: absolute;
  left: 49%;
  top: 53%;
  transform: translate(-50%, -50%);
  background: center / contain no-repeat url(/hubfs/25276569/Aspen%20-%20Website%20Assets/exp-input-bg.svg);
}
.integrations-page .integ-experts-section .col:nth-of-type(even) .exp-text:after {
  transform: translate(-50%, -50%) rotateY(-180deg);
  left: 55%;
  top: 56%;
}
.integrations-page .integ-experts-section .exp-text h3{
  font-size: 2.2rem;
  margin-bottom: .3rem;
  line-height: 1.2;  
}
.integrations-page .integ-experts-section .exp-text p {
  line-height: 2.15;
  font-size: 1.125rem;
  font-weight: 300;
}
.integrations-page .integ-experts-section .btn a {
  margin-left: auto;
  margin-right: auto;
}
.integrations-page.page .ag-page-container .what-matters-section {
  padding: calc(2.5rem + 3%) 0 0.6rem;
}
.integrations-page.page .ag-page-container .what-matters-section .row {
  padding-left: 0;
}
.integrations-page.page .ag-page-container .culture  .row2 {
  max-width: 1460px;
}
.integrations-page.page .ag-page-container .careers-page .what-matters-section .row:before{
  height: 117%;
  left: 0;
}
.integrations-page.page .ag-page-container .what-matters-section .row1 h2{
}
.integrations-page.page .ag-page-container .what-matters-section .row1 p{
  line-height: 2.15;
  max-width: 1128px;    
  font-size: 1.125rem;
}
.integrations-page.page .careers-page .section.culture{
  padding-bottom: calc(2.5rem + 10%);
}
.integrations-page.page .careers-page .culture-slider {
  margin-right: 0;
}
.integrations-page.page .culture-slider .sq-slide-navigation {
  top: 8px;
}
.integrations-page.page .careers-page .culture .row .col:after {
  content: none;  
}
.integrations-page.page .careers-page .culture .row .sq-custom-pager:after {
  width: 60vw;
  max-width: 697px;
  height: 121%;
  z-index: -2;
  opacity: 1;
  position: absolute;
  left: 1%;  
  top: -4rem;
  transform: translate(-50%, -0%);
  content: "";
  background: center top/ contain no-repeat url(/hubfs/25276569/Aspen%20-%20Website%20Assets/slider-bgg-1.svg); 
}
.integrations-page.page .careers-page .culture h2 {
  line-height: 1.05 !important;
  margin-bottom: 1.5rem;
} */
/* .integrations-page.page .careers-page .culture-slider .bx-viewport, */
.integrations-page.page .careers-page .culture-slider .bx-viewport .sq-slider{
  /*   display: flex; */
  /*   flex-wrap: wrap; */
}

/* .integrations-page.page .careers-page .culture-slider .bx-wrapper{
  overflow: visible !important;
}
.integrations-page.page .culture-slider .bx-wrapper .hs_cos_wrapper_type_inline_rich_text {
  line-height: 2.15;
}
.integrations-page.page .culture-slider .bx-wrapper .sq-content-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding-top: 2.5rem;
}
.integrations-page.page .culture-slider .bx-wrapper .sq-logo-image {
  width: 33.333%;
  margin-bottom: 2.5rem;  
}
.integrations-page.page .careers-page .culture-slider ul{
  margin: 2.5rem 0 0 2.5rem;
}
.integrations-page.page .culture-slider .bx-wrapper .sq-logo-image img {
  display: block;
  max-width: 90% !important;
  width: auto;
  max-height: 120px;
  margin: 0 auto;  
  filter: grayscale(1);
} */
.integrations-page.page .onboarding {
/*   padding: 0 0 calc(2.5rem + 5.8%); */
}
/* .integrations-page .onboarding .slider-scroll {
  padding-top: 3rem;
}
.integrations-page .slider-scroll .slide-title h3 {
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 700;
  color: ;  
}
.integrations-page.page .slider-scroll:after {
  background: -13px 50%/contain no-repeat url(/hubfs/25276569/Aspen%20-%20Website%20Assets/slider-culturte%20bg.svg);
  min-width: 100vw;
  width: 2766px;
  max-width: 171vw;
  height: 120%;
  top: 45%;
}
.integrations-page.page .onboarding h2 span {
  display: initial;
}

.integrations-page.page .explore-section .row {
  padding: calc(3.5rem + 11%) 0 calc(3.5rem + 4%);
}
.integrations-page.page .explore-section:before{
  top: 99px;
  width: 85vw;
} */





/* **************** */

/* @media (min-width: 1800px){
  .integrations-page.page .slider-scroll:after {
  
    width: 280%;
    max-width: 280%;
    height: 120%;
    top: 45%;
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center;
}
} */

/* @media (min-width: 768px){
  .integrations-page.page .ag-page-container .opening-panel .col1{
    width: 49%;
    margin-right: 6%;
  }
  .integrations-page.page .ag-page-container .opening-panel .col.two {
    width: 45%;    
  }  
  .integrations-page .integ-experts-section .row.one p{
    max-width: 83%;
  }
  .integrations-page.page .ag-page-container .what-matters-section .row1 h2{
    max-width: 680px;
    width: 90%;
  }
  .integrations-page.page .careers-page .culture-slider {
    margin-left: 11%;
  }
  .integrations-page.page .careers-page .culture-slider .sq-custom-pager{
    min-width: 15.59rem;
    width: 29%;
    margin-right: 5.5%;
  }
  .integrations-page.page .careers-page .culture-slider .bx-wrapper{
    width: 65%;
    padding-right: 7.5%;
  }
  .integrations-page.page .culture-slider .bx-wrapper .sq-content-row {
    width: 103%;
    position: relative;
    left: 47%;
    transform: translateX(-50%);
  } */

/*   @media(max-width: 1440px){

    .integrations-page.page .careers-page .culture-slider{
      margin-left: 2.5%;
    }
  }

} */

/* @media (max-width: 1440px) {

} */

/* @media (max-width: 1280px) {
  .integrations-page.page .careers-page .culture-slider{
    margin-left: 0;

  }
  .integrations-page.page .careers-page .culture-slider .bx-wrapper{  
    padding-right: 0;
  }

.integrations-page.page .slider-scroll:after {
    max-width: 140%;
  }
} */

/* @media (max-width: 1024px) {

}
@media (max-width: 980px) {


} */
/* @media (max-width: 767px) {
  .integrations-page.page .careers-page .culture-slider .sq-custom-pager {
    margin-top: 4rem;
  }
  .integrations-page.page .culture-slider .sq-slide-navigation {
    top: 0;
    position: static;
    justify-content: center;
    padding: .7rem;
  }
  .integrations-page.page .ag-page-container .careers-page .what-matters-section .row:before {
    height: 107%;
  }
  .integrations-page.page .careers-page .culture .row .sq-custom-pager:after {
    top: -1rem;
    height: 150%;
    left: 15%;
  }

}
@media (max-width: 480px) {
  .integrations-page.page .culture-slider .bx-wrapper .sq-logo-image {
    width: 50%;
  }


} */
.blog.job-single {
  overflow: hidden;
}
.job-single h2 {
	font-size: 2.665rem;
}
.blog.job-single .section.section-blog-cont {
	padding-top: 16.4rem;	
	z-index: 2;
  position: relative;
}
.blog.job-single .section.section-blog-cont:before {
	content: "";
	position: absolute;
	top: 15.3rem;
	left: 50.4%;
	max-width: 630px;
	width: 50vw;
	height: 630px;
	z-index: -1;
	pointer-events: none;
	background: center top / cover no-repeat url('/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-job.svg');
}
.blog-single.job-single .section.section-blog-cont .post-default.main-page:after {
	content: none;
}
.blog.job-single .main_section {
	margin: 0 0 14.3rem;
}
.blog.job-single .main_section p {
	margin-bottom: 1rem;
}
.blog.job-single .main_section h1 {
	margin-bottom: 9px;
	max-width: 920px;
	color: #1922FB;
  font-size: 3.445rem;
  line-height: 1.25;
}
.blog.job-single .main_section .hero-content {
	max-width: 500px;
	margin-bottom: 2.65rem;
}
.blog.job-single .main_section .wr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.blog.job-single .main_section .wr .col2 .hs_cos_wrapper_type_linked_image {
  position: relative;
  width: 100%;
  height: 100%;
}
.blog.job-single .main_section .wr .btn a .arrow:before {
  top: -8px;
	left: 7px;
}
.blog.job-single .job_section {
  max-width: 1050px;
}
.blog.job-single .section-job-cont .job_section.section-content-job {
	padding-bottom: 2.1rem;
}
.blog.job-single .section-job-cont .job_section {
	padding-bottom: 3.1rem;
	margin: 0 auto;	
}
.blog.job-single .main_section .wr .col2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: center top / cover no-repeat url('/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/gradient-job.svg');
	z-index: 1;
}
.blog.job-single .main_section .wr .col2 img {
	width: 100%;
	object-fit: cover;
}

.job-single .job-details {
	max-width: 1050px;
	margin: 0 auto;
  padding-bottom: 4.6rem;
	position: relative;
}
.job-single .job-details:before {
	content: "";
	position: absolute;
	bottom: 3.5%;
	left: -6%;
	width: 291px;
	height: 291px;
	z-index: -1;
	pointer-events: none;
	background-image: url('/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-job-details.svg');
}
.job-single .job-details .job-details-wrap {
	padding: 2.7rem 4.2rem 1.5rem;
	display: flex;
	flex-wrap: wrap;
	background-image: url('/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/bg-jon-details%20%281%29.jpg');
}
.job-single .job-details .job-details-wrap .job-details-item {
	width: 46%;
	margin-right: 8%;
	margin-bottom: 1.8rem;
}
.job-single .job-details .job-details-wrap .job-details-item:nth-child(2n+2) {
	margin-right: 0;
}
.job-single .job-details .job-details-wrap .job-details-item .sub-content {
	font-size: 16px;
	color: #948F8A;
	line-height: 1.2;
	margin-bottom: 0.2rem;
}
.job-single .job-details .job-details-wrap .job-details-item .details-content {
	margin-bottom: 0;
}

.job-single .col-module-wrap {
	padding-bottom: 5.6rem;
}
.job-single .post-2col-module {
	max-width: 1050px;
	margin: 0 auto;
}
.job-single .post-2col-module .col-1 h2 {
	margin-bottom: 1.8rem;
}
.job-single .post-2col-module .col-1 .post-2col-content p {
	margin-bottom: 1.6rem;
}
.job-single .post-2col-module .btn {
	margin-top: 0;
}
.job-single .post-2col-module .btn .arrow:before {
	top: -8px;
	left: 7px;
}
@media (min-width: 768px) {
	.job-single .post-2col-module .col-1 {
		margin-top: 4.3%;
	}
}


.job_title h2 {
/*   color: #231F20; */
  font-size: 2.665rem;
  margin-bottom: 10px;
}
/* .job_title h2 span {
  color: #231F20;
  font-weight: 500;
} */

.blog.job-single .blog-section .job_section p {
	margin: 0 0 2.3rem;
  line-height: 1.7;
}
.blog.job-single .section-job-cont .job_content ul {
	padding-left: 6.7rem !important;
  margin-top: 25px !important;
  margin-bottom: 2.5rem !important;
}
.blog.job-single .section-job-cont .job-section4 .job_content ul {
  margin-bottom: 2rem !important;
}
.job-single .section-job-cont .job_section .btn a {
	margin: 0 auto;
}
.job-single .section-job-cont .job_section .btn a .arrow:before {
	top: -8px;
	left: 6px;
}
.blog.job-single .section-job-cont .job_section.job_section-btn {
	padding-bottom: 0.4rem;
}

.job_content ul li {
  position: relative;
  line-height: 1.6;
	list-style-type: none;
}
.job_content ul li:not(:last-child) {
  margin-bottom: 32px;
}
.job_content ul li:before {
  content: "";
  width: 20px;
  height: 3px;
  top: 13px;
  position: absolute;
  left: -34px;
	background-color: #1922FB;
}


/* Quote Section */
@media (min-width: 768px) {
	.job-single .quote-section.quote-reversed .row .col2 {
		padding: 11.8% 13% 9.8% 10.5%;
		margin-top: 41px;
	}
	.job-single .quote-section.quote-reversed .row .col2 p {
		margin-bottom: 3.8rem;
	}
	.job-single .quote-section.quote-reversed .row .col2 p:last-child {
		margin-bottom: 0;
	}
}


/* Form */
.page.job-single .sign-up-section.sign-up-job {
	padding-top: 0.5rem;
	padding-bottom: 6rem;
}
.page.job-single .sign-up-section.sign-up-job .bg-row {
	padding: calc(2.5rem + 2.3%) 0 calc(2rem + 2%);
}
.page.job-single .sign-up-section.sign-up-job .bg-row:after {
	right: 0;
	left: auto;
}
.page.job-single .sign-up-section.sign-up-job .bg-row .col {
	max-width: 1089px;
	width: 90%;
	margin: 0 auto;
}
.page.job-single .sign-up-section .blog-subscribe .hs_cos_wrapper_type_form > div {
	width: 100%;
}
.sign-up-job .form-columns-0:first-child .hs-richtext.hs-main-font-element {
	margin-bottom: 0;
}
.sign-up-job .hs-richtext.hs-main-font-element h3 {
	color: #EEEDE9;
	font-size: clamp(60px, 5.139vw, 74px);
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 0.2rem;
}
.sign-up-job .hs-richtext.hs-main-font-element p {
	color: #948F8A;
	font-size: 1rem;
	margin-bottom: 2.1rem;
}
.sign-up-job .hs-form-field .input {
	margin-right: 0 !important;
}
.sign-up-job .form-columns-2 .hs-form-field {
	width: 48% !important;
	margin-right: 4%;
}
.sign-up-job .form-columns-2 .hs-form-field:last-child {
	margin-right: 0;
}
.sign-up-job form label {
	margin-bottom: 0.45rem;
}
.page.job-single .sign-up-section.sign-up-job .blog-subscribe form .hs-form-field {
	margin-bottom: 0.6rem;
}
.sign-up-job .hs-attach_file .input .hs-input {
	width: 50%;
	max-width: 213px;
	left: 0;
	top: 0;
	opacity: 1;
	overflow: hidden;
	position: relative;
	outline: 0;
	z-index: 999;
	cursor: pointer !important;
	height: 53px !important;
	border-bottom: 0;
	text-indent: -9995px;
}
.sign-up-job .hs-attach_file .input .hs-input:before {
	position: absolute;
	content: "Select file";
	width: 100%;
	max-width: 213px;
	height: 53px;
	background-color: #1922FB;
	color: #eeede9;
	padding: 8px 0 6px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease-in;
	font-size: 1rem;
	text-indent: 0;
}
.page.job-single .sign-up-section.sign-up-job .blog-subscribe form .hs-message.hs-fieldtype-textarea {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.sign-up-job .hs-message.hs-fieldtype-textarea textarea {
	width: 100% !important;
	height: 5rem;
}
.sign-up-job form .hs-form-booleancheckbox-display > span {
	font-size: 1rem;
}
.page.job-single .sign-up-section.sign-up-job .blog-subscribe form .hs_submit.hs-submit {
	justify-content: center;
	padding: 0.6rem 0;
}

/* Let's Talk */
.page.job-single .footer-container-wrapper .cd-main-footer .talk .content-talk {
	background-image: none;
	background-color: #D1CCC1;
}
.page.job-single .footer-container-wrapper .cd-main-footer .talk .content-talk h2 {
	color: #2B2B2E;
}

/* #at-expanded-menu-container .at-expanded-menu-close {
  justify-content: center;
}
 */
@media (min-width: 768px) {
  .blog.job-single .main_section .wr .col1 {
    width: 54%;
    margin-right: 3%;
  }
	.blog.job-single .main_section .wr .col2 {
		width: 42.8%;
		position: absolute;
		top: -1.5rem;
		right: 0;
	}
	.blog.job-single .main_section .wr .col2 img {
		max-height: 800px;
		min-height: 760px;
	}
}

@media (max-width: 1440px) {
	.blog.job-single .main_section h1 {
		font-size: 3.345rem;
	}
}
@media (max-width: 1366px) {
	.blog.job-single .main_section h1 {
		font-size: 3.1rem;
	}
/*   .blog.job-single .main_section .wr .col2 .hs_cos_wrapper_type_linked_image img {
    margin: 0 !important;
    top: 75px !important;
  } */
}
@media (max-width: 1280px) {
/*   .blog.job-single .main_section .wr .col2 .hs_cos_wrapper_type_linked_image img {
    top: 41px !important;
  } */
}
@media (max-width: 980px){
	.blog.job-single .section.section-blog-cont {
		padding-top: 13.4rem;
	}
	.blog.job-single .section.section-blog-cont:before {
		top: 12.3rem;
	}
	.blog.job-single .main_section h1 {
		font-size: 3rem;
	}
	.blog.job-single .main_section .wr .col2 img {
		min-height: 715px;
	}

	.page .apply-now-section .widget-type-cell.row{
		width: 82%;
	}
/*   .blog.job-single .main_section .wr .col2 .hs_cos_wrapper_type_linked_image img {
    top: 21px!important;
    left: -42px;
  } */
/*   .blog.job-single .main_section .wr .col2 .mask-wrap {
    left: -10px;
  } */
  .blog.job-single .sign-up-job {
    padding: 45px 0 55px;
  }
}

@media (max-width: 767px){
	.blog.job-single .section.section-blog-cont {
		padding-top: 8.4rem;
	}
	.blog.job-single .section.section-blog-cont:before {
		top: 32.3rem;
		left: 0;
		height: 490px;
	}
	.blog.job-single .main_section {
		margin: 0 0 3.86rem;
	}
	.blog.job-single .main_section .wr .col2 {
		position: relative;
		width: 100%;
		right: -6%;
	}
	.blog.job-single .main_section .wr .col2 img {
		min-height: auto;
	}
	.job_title {
		width: 100%;
		text-align: left;
		padding-right: 0;
	}
	.job_content {
		width: 100%;
  }
  .blog.job-single .main_section .wr .col1 {
    width: 100%;
    margin-bottom: 50px;
  }
  .blog.job-single .main_section h1 {
/*     text-align: center; */
		font-size: 2.5rem;
  }
	.job-single h2 {
		font-size: 2.2rem;
	}
  .blog.job-single .main_section .wr .btn a {
    margin-right: auto;
  }
  .blog.job-single .section-blog-cont .job-post .section-content-job {
    margin-top: -10px;
  }
  .blog.job-single .section-job-cont .job_section {
    padding-bottom: 1.5rem;
  }
  .job_content ul {
    padding-left: 2.5rem!important;
  }
  .blog.job-single .sign-up-job {
    padding: 10px 0 20px;
  }
  .blog.job-single .section-job-cont .job_content ul {
    padding-left: 3.5rem !important;
  }
	
	.job-single .col-module-wrap {
		padding-bottom: 4.5rem;
	}
	
	.job-single .job-details .job-details-wrap .job-details-item {
		width: 100%;
		margin-right: 0;
	}
	
	.job-single .quote-section {
		padding: 4.5rem 0 0;
	}
	
	.page.job-single .sign-up-section.sign-up-job {
		padding-bottom: 2rem;
	}
	.page.job-single .sign-up-section.sign-up-job .bg-row:after {
		transform: translateX(0);
		left: -5.55%
	}
	.sign-up-job .form-columns-2 .hs-form-field {
		width: 100% !important;
		margin-right 0;
	}
	.page.job-single .sign-up-section.sign-up-job .blog-subscribe form input:not(input[type=submit]) {
		width: 100%;
	}
	.page.job-single .sign-up-section.sign-up-job .bg-row .col {
		width: 100%;
	}
	.sign-up-job .hs-richtext.hs-main-font-element h3 {
		font-size: 50px;
	}
	.page.job-single .sign-up-section.sign-up-job .blog-subscribe form .hs-form-field {
		margin-bottom: 1rem;
	}
	.blog.job-single .sign-up-job form .hs-form-field > label {
		margin-bottom: 0.5rem;
	}
  
}

@media (max-width: 480px) {
	.job_content .col1, .job_content .col2 {
		width: 100%;
	}
	.blog.job-single .section-job-cont .job_section {
		padding-bottom: 1rem;
	}
	.blog.job-single .main_section .wr .btn a {
		margin-left: 0;
	}
	.job-single .post-2col-module .btn a {
		margin-left: 0;
	}
}
.opening-panel.technologies-hero.industry-hero {
	padding-top: 10.5rem;
/* 	min-height: clamp(650px, 55.556vw, 800px); */
}
.industry-hero.section.opening-panel .row {
	max-width: 1290px;
}
.industry-hero {
	padding-bottom: 2.4rem;
	position: relative;
}
.industry-hero:before {
	content: "";
	position: absolute;
	top: -32%;
	left: -10.3%;
	max-width: 630px;
	width: 50vw;
	height: 630px;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-hero.svg);
	z-index: -1;
	pointer-events: none;
}
.industry-hero .row.one .col2 .hero-image {
	position: relative;
}
.industry-hero .row.one .col2 .hero-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/gradient-bg.svg);
}
.industry-hero .row.one .col2 img {
	position: relative;
	z-index: -1;
	max-height: 660px;
	object-fit: cover;
}
.industry-hero .row.one .col1 p {
	margin-bottom: 8.05rem;
}
.industry-hero .scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
	column-gap: 111px;
}
@media (min-width: 768px) {
	.industry-hero .scroll-btns {
		position: absolute;
		top: 86%;
		transform: translateX(-50%);
		left: 50%;
		z-index: 1;
	}
	.opening-panel.technologies-hero.industry-hero {
		min-height: clamp(650px, 55.556vw, 770px);
	}
}

.industry-page .overview-section {
	padding: 1rem 0 2.7rem;
}
.industry-page .overview-section .row .col2 h3 {
	max-width: 430px;
	line-height: 1.3;
	font-size: 1.67rem;
}
.industry-page .overview-section .row .col2 ul {
	list-style: none;
	padding-left: 4.5rem;
}
.industry-page .overview-section .row .col2 ul li {
	position: relative;
	max-width: 265px;
}
.industry-page .overview-section .row .col2 ul li:not(:last-child) {
	margin-bottom: 1.6rem;
}
.industry-page .overview-section .row .col2 ul li:before {
	content: "";
	position: absolute;
	top: 14px;
	left: -33px;
	width: 17px;
	height: 3px;
	background-color: #1922FB;
}
.industry-page .overview-section .row .col2:before {
	top: 8px;
	left: -12%;
	height: 91%;
}


.industry-page .solutions-section {
	padding: 2.6rem 0 8.5rem;
}
.industry-page .solutions-section .row h2 {
	text-align: center;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.industry-page .solutions-section .row p {
	text-align: center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}
.industry-page .solutions-section .cards-item-link a {
	padding: 10.6rem 1.2rem 4.4rem 1.6rem;
	  transition: all .3s ease;
}
.industry-page .solutions-section .cards-item-link a:hover {
	padding: 9.6rem 1.2rem 4.8rem 1.6rem;
}
.industry-page .solutions-section .cards-wrap {
	column-gap: 2.6%;
}
.industry-page .solutions-section .cards-item {
	max-width: 100%;
	width: 23%;
}
.industry-page .solutions-section .cards-item-title {
	font-size: clamp(21px,2vw,31px);
}
@media(max-width: 980px) {
	.industry-page .solutions-section .cards-item {
		min-height: 270px;
	}
	.industry-page .solutions-section .cards-item-title {
		font-size: clamp(16px, 2.245vw, 22px);
	}
	.industry-page .solutions-section .cards-item-link a {
		padding: 7.6rem 1rem 4.4rem 1.2rem;
	}
	.industry-page .solutions-section .cards-item-link a:hover {
		padding: 6.6rem 1rem 4.8rem 1.2rem;
	}
}
@media (max-width: 767px) {
	.industry-page .solutions-section .cards-item {
		min-height: 225px;
		width: 48%;
		margin-right: 4%;
	}
	.industry-page .solutions-section .cards-item:nth-child(2n+2) {
		margin-right: 0;
	}
	.industry-page .solutions-section .cards-wrap {
		column-gap: 0;
	}
	.industry-page .solutions-section .cards-item-title {
		font-size: 18px;
	}
	.industry-page .solutions-section .cards-item-desc {
		font-size: 14px;
	}
	.industry-page .solutions-section .cards-item-link a {
		padding: 40px 0.9rem 4.6rem 0.9rem;
	}
}

.expertise-section {
	padding: 5rem 0 2.5rem;
	position: relative;
}
.expertise-section:before {
	content: "";
	position: absolute;
	top: -1.3%;
	left: 66%;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-expertise.svg);
	max-width: 568px;
	height: 529px;
	width: 50vw;
	z-index: -1;
	pointer-events: none;
}
.expertise-section .row .col2 h2 {
	margin-bottom: 0.8rem;
}
.expertise-section .row .col2 p {
	max-width: 99%;
	margin-bottom: 3rem;
}
.expertise-section .row .col2 .col-cards h3 {
	color: #1922FB;
	font-family: 'FedraSansStd', sans-serif;
	font-weight: 400;
	font-size: 2rem;
	margin-bottom: 0.7rem;
	position: relative;
}
.expertise-section .row .col2 .col-cards h3:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -20px;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-expertise-cards.svg);
	width: 75px;
	height: 75px;
	z-index: -1;
	pointer-events: none;
}
.expertise-section .row .col2 .col-cards p {
	margin-bottom: 0;
	line-height: 1.5;
}


.industry-page .clients-section .row .col1 h2 {
	margin-bottom: 2.3rem;
}


.industry-page .impact-section {
	padding: 9.3rem 0 7.7rem;
	position: relative;
}
.industry-page .impact-section:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/impact-section-bg.jpg);
	width: 58vw;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}
.industry-page .impact-section .row {
	position: relative;
}
.industry-page .impact-section .row:before {
	content: "";
	position: absolute;
	top: 7.3rem;
	right: -17.5%;
	background: center top / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-impact.svg);
	max-width: 530px;
	width: 58vw;
	height: 530px;
	z-index: -1;
	pointer-events: none;
}
.industry-page .impact-section .row h2 {
	color: #1922FB;
	padding-left: 1%;
	max-width: 80%;
	margin-bottom: 2.7rem;
}

.impact-slider {
	display: flex;
	flex-direction: column-reverse;
}
.impact-slider .au-slide-container {
	display: flex;
	flex-direction: row-reverse;
}
.impact-slider .au-slide-container .au-content-part p {
	font-family: 'TomatoGrotesk-Light', sans-serif;
}
.impact-slider .au-slide-container .au-content-part p:first-child {
	font-size: 1.335rem;
	line-height: 1.9;
	margin-bottom: 2.1rem;
}
.impact-slider .au-slide-container .au-content-part p:last-child {
	margin-bottom: 3rem;
}
.impact-slider .au-slide-container .au-content-part h6 {
	color: #1922FB;
	font-size: 1rem;
	margin-bottom: 0.4rem;
}
.impact-slider .au-slide-container .au-image-part {
	text-align: end;
}
.impact-slider .au-slide-container .au-image-part img {
	width: 100%;
	max-width: 250px !important;
	margin-left: auto;
	height: auto;
	filter: grayscale(1);
}
.impact-slider .au-slide-navigation.disable-arrows {
	display: none;
}
.impact-slider .au-slide-navigation {
/* 	height: 0; */
	padding: 2.4rem 0 1.7rem;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 4;
	top: 20px;
	width: 56.6%;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: 0;
}
.impact-slider .au-slide-navigation a.bx-prev {
	padding-left: 0 !important;
	margin-right: 0.9rem
}
.impact-slider .au-slide-navigation a.bx-next {
	margin-left: 0.9rem;
}


.industry-page.page .section.resources {
	padding-top: 9.75rem;
	padding-bottom: 6.3rem;
}



/* Responsive */

@media (min-width: 768px) {
	.industry-hero .row.one .col1 {
		width: 66%
	}
	.industry-hero .row.one .col2 {
		top: -8.2%;
		right: -12.3%;
		width: 55%;
	}

	.industry-page .overview-section .row .col1 {
		width: 57%;
	}
	.industry-page .overview-section .row .col2 {
		width: 36%;
		margin-left: 7%;
		margin-top: 12.3%;
	}
	
	.expertise-section .row .col1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 25.5%;
	}
	.expertise-section .row .col2 {
		width: 75.5%;
    margin-left: 4%;
		padding-top: 6.9%;
	}
	.expertise-section .row .row-fluid-wrapper:last-child > .row-fluid {
		display: flex;
		justify-content: flex-end;
	}
	.expertise-section .row .col2 .col-cards:first-child {
		padding-left: 2%;
	}
	.expertise-section .row .col2 .col-cards:nth-child(2) {
		padding-left: 1.3%;
	}
	.expertise-section .row .col2 .col-cards:last-child {
		padding-left: 1%;
	}
	.expertise-section .row .col2 .col-cards:last-child p {
		max-width: 255px;
	}
	
	.impact-slider .au-slide-container {
		flex-direction: row-reverse;
	}
	.impact-slider .au-slide-container .au-content-part {
		width: 56.6%;
    margin-left: 9.6%;
		padding-top: 4%;
	}
	.impact-slider .au-slide-container .au-image-part {
		width: 33.8%;
		padding-top: 4%;
	}
}

@media (max-width: 1440px) {
	.industry-hero .row.one .col1 h1 {
		max-width: 735px;
	}
}

@media (max-width: 1366px) {
	.industry-hero .row.one .col1 h1 {
		max-width: 700px;
	}
	
	.expertise-section .row .col2 .col-cards h3 {
		font-size: 1.8rem;
	}
	.expertise-section .row .col2 .col-cards p {
		font-size: 0.9rem;
	}
}

@media (max-width: 1280px) {
	.industry-hero .row.one .col1 {
		width: 80%;
	}
	.industry-hero .row.one .col2 img {
		min-height: 540px;
	}
	.industry-hero .scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
		column-gap: 90px;
	}
	
	.expertise-section:before {
		left: 63%;
	}
	.expertise-section .row .col2 .col-cards h3 {
		font-size: 1.6rem;
	} 
	.expertise-section .row .col2 .col-cards p {
		font-size: 0.8rem;
	}
	
	.impact-slider .au-slide-navigation {
		padding: 0.4rem 0 1.7rem;
	}
}

@media (max-width: 1024px) {
	.industry-hero:before {
		top: -48%;
	}
	.industry-hero .row.one .col1 h1 {
		max-width: 620px;
	}
	
/* 	.expertise-section {
    padding: 5rem 0 8.7rem;
	} */
	.expertise-section:before {
		left: 62%;
	}
}

@media (max-width: 980px) {
	.industry-hero .row.one .col1 p {
		max-width: 400px;
	}
	.industry-hero .row.one .col1 {
		width: 90%;
	}
	.industry-hero .row.one .col1 h1 {
		max-width: 600px;
	}
	.industry-hero .scroll-btns > .hs_cos_wrapper_type_module > .hs_cos_wrapper_type_rich_text {
		column-gap: 60px;
	}
	
/* 	.expertise-section {
    padding: 5rem 0 6.7rem;
	} */
	.expertise-section:before {
		top: -8.3%;
	}
	.expertise-section .row .col2 {
		padding-top: 0;
	}
	.expertise-section .row .col1 {
		top: 10%;
		left: -2%;
	}
}

@media (max-width: 767px) {
	.industry-hero:before {
		top: -30%;
	}
	.industry-hero .row.one .col1 {
		width: 100%;
	}
	.industry-hero .row.one .col1 p {
		margin-bottom: 2rem;
		max-width: 100%;
	}
	.industry-hero .row.one .col2 img {
		min-height: auto;
	}
	
	.industry-page .overview-section {
		padding: 2.5rem 0 2.7rem;
	}
	.industry-page .overview-section .row .col2 h3 {
		font-size: 1.5rem;
	}
	.industry-page .overview-section .row .col2 ul li {
		max-width: 95%;
	}
	
	.industry-page .solutions-section {
		padding: 2.6rem 0 3.5rem;
	}
	.industry-page .solutions-section .cards-item-link a {
		padding: 6.6rem 0.9rem 4.4rem 0.9rem;
	}
	.industry-page .solutions-section .cards-item-link a:hover {
		padding: 5.6rem 0.9rem 4.8rem 0.9rem;
	}
	
	
	.expertise-section {
		padding: 5rem 0 3.6rem;
	}
	.expertise-section:before {
		top: 48.7%;
		width: 90vw;
		left: 34%;
	}
	.expertise-section .row .col1 {
		left: -6%;
		top: 0;
		position: relative;
		    margin-bottom: 4rem;
	}
	.expertise-section .row .col2 .col-cards {
		padding-left: 5%;
	}
	.expertise-section .row .col2 .col-cards:not(:last-child)  {
		margin-bottom: 2rem;
	}
	
	.industry-page .clients-section {
		padding: 2.3rem 0px 3.2rem;
	}
	
	.industry-page .impact-section {
		padding: 6.3rem 0 5.7rem;
	}
	.industry-page .impact-section .row h2 {
		margin-bottom: 1.7rem;
		max-width: 100%;
}
	.impact-slider .au-slide-container {
		flex-direction: column-reverse;
	}
	.impact-slider .au-slide-container .au-content-part {
		width: 100%;
	}
	.impact-slider .au-slide-container .au-image-part {
		width: 100%;
		margin-bottom: 3rem;
	}	
	.impact-slider .au-slide-container .au-content-part p:first-child {
		font-size: clamp(18px,1.667vw,24px);
	}
	.impact-slider .au-slide-container .au-content-part .btn a {
		margin-left: 0;
  }
	.impact-slider .au-slide-navigation {
		width: 100%;
		padding: 0.4rem 0 0rem;
	}
	.impact-slider .au-slider .au-slide {
		height: 100% !important;
	}
	.impact-slider .au-slide-container .au-image-part img {
		margin-left: 0;
		margin-right: auto;
	}
	.impact-slider .au-slide-navigation {
		top: 1rem;
	}
	.industry-page .impact-section .row:before {
		content: none;
	}
	.industry-page .impact-section:before {
		width: 100vw;
	}
	
	.industry-page.page .section.resources {
    padding-top: 6.75rem;
    padding-bottom: 1.3rem;
	}
}

.industry-page .overview-section .industry-brochure-btn .row p {
	margin-bottom: 0;
}

.industry-page .overview-section .industry-brochure-btn .section.section-blue-cta {
	padding: 0;
}

/* Public Sector - Digital Government Slider - sub-sol slider  */

.industry-page-gov .solutions-section {
	padding: 2.6rem 0 6.5rem;
}

.industry-page-gov .sub-sol .sub-sol-intro {
	padding-bottom: 1.5rem;
}

.industry-page-gov .sub-sol .sub-solutions-slider .au-custom-pager{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 3.7rem;
	height: 15.7rem;
	justify-content: center;
}
.industry-page-gov .sub-sol .sub-solutions-slider .bx-wrapper {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link {
	height: 100%;
	transition: all .2s ease-in-out;
	width: 18.8%;
	margin-right: 1.5%;
	padding: 8% 2.3% 4.4%;
	box-shadow: 0 0 40px 0 #cfcfcf;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	color: #2b2b2e;
	font-weight: 500;
	font-size: 1.4445rem;
	line-height: 1.15;
	position: relative;
	top: 0;
}
.industry-page-gov .sub-sol .sub-solutions-slider a:focus-visible {
	outline: none !important;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link:nth-child(5n) {
	margin-right: 0;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link.active,
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link:hover {
	opacity: .85;
	background: #1922FB;
	color: #fff;
	top: .65rem;
	padding: 5.5% 2.3% 4.4%;
}

.industry-page-gov .sub-sol .sub-solutions-slider a.au-pager-link:focus-visible {
    outline: none !important;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link .arrow-down{
	/* 	padding: 3rem 0 0rem;	 */
	padding: 2.4rem 0 0rem;
	display: block;
	transition: all .1s ease-in-out;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link.active .arrow-down,
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link:hover .arrow-down{
	/* 	padding: 5rem 0 0rem; */
	padding: 4.6rem 0 0rem;
}

.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link svg path,
.solutions-page .sub-solutions-slider .au-pager-link svg rect {
	transition: all .4s ease-in-out;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link.active svg path,
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link:hover svg path,
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link.active svg rect,
.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link:hover svg rect { 
	fill: #fff;
}

.industry-page-gov .sub-sol .sub-solutions-slider .au-slide-navigation {
	/* 	height: 0; */
	display: flex;
	align-items: center;
	justify-content: flex-end; 	
	position: relative;
	/* 	bottom: -2rem;		 */
	z-index:4;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-slide-navigation .bx-prev,
.industry-page-gov .sub-sol .sub-solutions-slider .au-slide-navigation .bx-next {
	margin-left: 1rem;
}

.industry-page-gov .sub-sol .sub-solutions-slider .au-slide-navigation .au-dots-container{
	display: none;
}

.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .right-part{
	padding-top: 3rem;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .title{
	font-size: 3.45rem;
	line-height: 1.3;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .slide-excerpt{

}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .slide-excerpt p{
	margin: 0 0 1.8rem;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .btn{
	margin-top: 2.5rem;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap {
	background :#E3E0DA;
	padding: 6%;

}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap h4{
	font-size: 1.67rem;
	line-height: 1.3;
	margin-bottom: 1.3rem;
}
..industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap a {
	color:#1922FB;
	transition: 0.3s;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap a:hover {
	margin-left: 1rem;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap ul{
	list-style: none;	
	padding: 0;
	margin: 0px 0 2.5rem 3rem; 
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap ul li{
	line-height: 1.4;
	margin-bottom: 1.9rem;
	color: #1922FB;
	padding-left: 1.3rem; 
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap ul li a{
	color: #1922FB;
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap ul li:before{
	float:left;
	content: '\2014';
	font-weight: 900;
	margin-left: -1.8rem; 
}
.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .image-wrap img {
	display: block;
	width: 100%;
	height: 100% !important;
	max-height: 450px;
	object-fit: cover;
	object-position: center;
}

@media (min-width: 768px) {
  .industry-page-gov .sub-sol .sub-solutions-slider .bx-wrapper {
		width: 100vw !important;
		max-width: 100vw !important;
		position: relative;
		left: 50%;
		top: 0;
		transform: translate(-50%,0);
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-slide-navigation{
		bottom: -2rem;
		height: 0;

	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part {
		display: flex;
		flex-flow: row wrap;
		max-width: 1264px;
		width: 85%;
		margin: 0 auto;
	}

	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .left-part{
		width: 56%;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .right-part{
		width: 44%;
		padding-top: calc(4rem + 8.5%);
		padding-left: 3%;		
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .right-part-wrap{
		width: 135%;
		max-width: 43vw;
		position: relative;

	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap {
		padding: 7% 21% 7% 8%;
	}

	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .slide-excerpt,
	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .btn{
		padding-left: 15%;		
	}
}

@media (max-width: 1440px){
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link{
		font-size: 1.1rem;

	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link .arrow-down{
		padding: 2rem 0 0rem;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link.active .arrow-down,
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link:hover .arrow-down{
		padding: 3rem 0 0rem;
	}	
	.industry-page-gov .sub-sol .sub-solutions-slider .au-custom-pager{
		height: 12.7rem;
	}
}

@media (max-width: 1280px) {
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link{
		font-size: 1.03rem;
	}
	.industry-page-gov .sub-sol .row1:after{
		top: -5.5rem;
		left: -13.5rem;
		width: 60%;
	}
}

@media (max-width: 1024px){
	.industry-page-gov .sub-sol .sub-solutions-slider .au-custom-pager{
	}

	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link{
		padding: 8% 1.5% 4% !important;
		font-size: 1rem;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link.active, 
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link:hover {
		padding: 5.5% 1.5% 4% !important;
	}
}

@media (max-width: 980px) {
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link .arrow-down svg {
		width: 27px;
	}
}

@media (max-width: 767px){

	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link .arrow-down{
		padding: 2rem 0 0 !important;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-custom-pager{
		height: auto;
		display: none;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-slide-navigation {
		margin: 0 1rem 2rem 0;
		justify-content: flex-start;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-slide-navigation .bx-prev {
		margin-left: 0;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-pager-link{
		padding: 2rem 1.5rem !important;
		font-size: 1rem;
		width: 100%;
		margin:0 0 4% 0 !important;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .title{
		font-size: 2rem;
	}
	.industry-page-gov .sub-sol .sub-solutions-slider .au-content-part .text_list_wrap ul {
		margin: 0px 0 2rem 0.5rem;
	}
}
 
 
 
 
 
 






.contact-us-page .footer-container .section.talk{
	display:none;
}
.contact-us-page .section.opening-panel{
	max-height: unset;
	height: auto;
}
.contact-us-page .section.opening-panel{
	/* 	opacity: .2; */
}
.contact-us-page .section.opening-panel:before{
	content:''  !important;
	display: block;  
	position: absolute;
	top: 28.5%;
	right: 6.16rem;
	transform: translateY(-50%);
	background: top right / contain no-repeat url('/hubfs/514553/Codec%202022/Codec_Website_Assets/contact-us-opbg%20%281%29.svg');
	z-index: -1;
	width: 70%;
	max-width: 650px;
	max-height: 650px;
	height: 90%;
}
.contact-us-page .section .row.banner-row {
	padding: 3.2rem 0 calc(5rem + 5%);
	max-width: 1264px;
	display: flex;
	align-items: center;

}
.contact-us-page .opening-panel .row .col1{


}
.contact-us-page .opening-panel .row .col2{

}
.contact-us-page .section.opening-panel h1{
	color:  #231F20;
	line-height: 1.15;
	letter-spacing: 0;
	/* 	max-width: 90%; */
}
.contact-us-page .section.opening-panel h1 span {
	display: inline-block;
}

@media (max-width: 1320px){
	.contact-us-page .section.opening-panel h1 {
		font-size: 3.55em;		
	}

}

.contact-us-page .section.opening-panel .contact-info {
	color: #707070;
	text-align: left;
	padding: calc(2.3rem + 3%) 0;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	font-weight: 500;
}
.contact-us-page .section.opening-panel .contact-info p {
	text-align: left;
	line-height: 1.25;
	margin-bottom: 0;  
	max-width: 100%;
}
.contact-us-page .section.opening-panel .contact-info a {
	color: #231F20;  
	/* 	font-weight: 700; */
	text-align: left;
	font-size: 2.67rem;
	display: inline-block;
	margin-bottom: 1rem;
	transition: all .3s ease-in;
}
.contact-us-page .section.opening-panel .contact-info a:hover {
	color: #918F8F;
}
.contact-us-page .section.opening-panel .contact-info .loc-text p{
	font-size: 1.335rem ;
	margin-bottom: 1.6rem !important;
}
.contact-us-page .section.opening-panel .contact-info .email-text a:last-child {
	margin-bottom: calc(1.5rem + 4.5%);
}
.contact-us-page .section.opening-panel .contact-info .phone-text{
	margin-bottom: 2rem;
}
.contact-us-page .section.opening-panel .contact-info .phone-text p {
	margin-bottom: .3rem;  
}
.contact-us-page .section.opening-panel .contact-info .soc-text {
	margin-bottom: .5rem;
}
.contact-us-page .section.opening-panel .contact-info .social-links__icon svg {
	fill: #231F20;
	height: 31px !important;
	transition: all .3s ease-in;
}
.contact-us-page .section.opening-panel .contact-info .social-links__link{
	margin-right: 0.85em !important; 

}
.contact-us-page .section.opening-panel .contact-info .social-links__link:hover svg{
	fill: #918F8F;
}
.contact-us-page .section.opening-panel .contact-info .row-fluid-wrapper> .row-fluid:after,
.contact-us-page .section.opening-panel .contact-info .row-fluid-wrapper> .row-fluid:before{
	content: none;
}
.contact-us-page .section.opening-panel .contact-info p:last-child {
	margin-bottom: 0;
} 

.contact-us-page .section.opening-panel .contact-info .social-links {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-end;
}
.contact-us-page .section.opening-panel .contact-info .social-links > a {
	line-height: 1; 
	margin-right: 1em;
}

.contact-us-page .section.opening-panel .contact-info .social-links .social-links__icon {
	background: transparent;
}
.contact-us-page .section.opening-panel .contact-info .social-links .social-links__icon svg {
	transform: none;
	height:36px;
	position: static;
}
.contact-us-page .section.opening-panel .heading-row > .row-fluid-wrapper {
	margin-bottom: 5%;
}


.contact-us-page .section.opening-panel .contact-email,
.contact-us-page .section.opening-panel .contact-number{
	display: inline-block;
	color: #1BC9CC;
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 6rem;
	transition: all .2s ease-in;
}
.contact-us-page .section.opening-panel .contact-email:hover,
.contact-us-page .section.opening-panel .contact-number:hover{
	opacity: .8;	
}
.contact-us-page .section.opening-panel .contact-email{
	margin-bottom: 2rem;
}
.contact-us-page .section.opening-panel .contact-number{
	color: #307AA5;
}
.contact-us-page .section.opening-panel .form-col .hs-form-field{
	margin-bottom: 1.2rem;
}
.contact-us-page .section.opening-panel select {
	background-color: #FFFFFF !important;
	border-bottom: 2px solid #1922FB;
}
.contact-us-page .section.opening-panel .form-col input:not(input[type=submit]):not(input[type=checkbox]):not(input[type=file]):not(input[type=date]),
textarea {
	background: #FFFFFF !important;
	border: 1px solid #EEEDE9;
	height: 3rem;
	font-size: 1rem;
} 
.contact-us-page .section.opening-panel .form-col textarea {
	min-height: 8.5rem;
	margin-bottom: 0;
}
.contact-us-page .section.opening-panel .form-col form>.hs-form-field .inputs-list, .page .no-list.hs-error-msgs.inputs-list {
	bottom: -2.1rem;

}
.contact-us-page .section.opening-panel .form-col form>.hs-form-field.hs_i_agree_my_information_can_be_used_to_contact_me_regarding_my_enquiry .inputs-list,
.contact-us-page .section.opening-panel .form-col form>.hs_i_would_like_to_receive_occasional_technology_updates_from_auxilion_ .inputs-list {
	display: block;
	position: static;
}
.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before {
	background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/check-emp.svg),
		center / auto no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/check.svg);
	transition: all .2s ease-out;
	width: 3rem;
	min-width: 3rem;
	height: 3rem;
	margin-right: 1.2rem;

}
.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display input[type="checkbox"]+span:hover:before {
	background-size: 0, auto !important;
}
.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display input[type="checkbox"]:checked+span:before {
	background-size: 0, auto!important;	
}
.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox{
	margin: 0 0 1rem;
}
.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox .hs-form-required{
	display: none;
}
.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display>span{
	font-size: 1rem;
	line-height: 1.65;
}
.contact-us-page .section.opening-panel .form-col form .hs_submit.hs-submit{
	display: flex;
	align-items: center;
	padding: .9rem 0;
}
.contact-us-page .section.opening-panel .form-col form .hs_submit.hs-submit:after{
	content: '';
	display: block;
	width: 10px;
	height: 13px;
	position: relative;
	top: 2px;
	left: -.5rem;
	cursor: pointer;
	background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/arr-blue.svg);
}
.contact-us-page .section.opening-panel .form-col form .hs_submit .actions:after {
	bottom: 2px;
	border: 1px solid #1922fb;
}
.contact-us-page .section.opening-panel .form-col form .hs_submit.hs-submit input[type=submit] {
	padding-right: 2rem;
	margin-left: 0.5rem !important;
	padding-top: 0.8rem;
	padding-bottom: .5rem;
}
.contact-us-page .our-offices-section {	
	padding: calc(3.5rem + 8.4%) 0 calc(3.5rem + 6.4%);	
	z-index: 10; 
}


.contact-us-page .our-offices-section .row:after {
	content: '';
	display: block;
	position: absolute;
	top: 2.2rem;
	left: -11rem;
	width: 44%;
	max-width: 678px;
	z-index: -1;
	background: top left / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/contact-offices-bg.svg);
	height: 100%;
}
.contact-us-page .our-offices-section .svg-graph{

}
.contact-us-page .our-offices-section .svg-graph svg {
}
.contact-us-page .svg-graph svg .country_dot{
	cursor: pointer;
	transition: all .3s ease-in;
}
.contact-us-page .svg-graph svg .country_dot:hover{
	fill: #1922FB;
	opacity: .5;
	r: 7px; 	
	r: 7; 	

}

.contact-us-page .svg-graph svg circle[data-active_dot] {
	transition: all .3s ease-in-out;
	fill: #1922FB;
	r: 10px; 	
	r: 10; 	

}
.contact-us-page .our-offices-section h2 {
	margin-bottom: 3.3rem;
}
.contact-us-page.page .sign-up-section {
	padding: calc(3.5rem + 7%) 0 8rem;
	z-index: 3;
}





/* signup section */
.page .sign-up-section {
	overflow: hidden;
	padding:1rem 0;
	overflow: hidden;
}
.page .sign-up-section .bg-row {
	padding: calc(2.5rem + 3.1%) 0;
	max-width: 1263px;
	position: relative;

	/*   animated */
	right: -101vw;
	/* 	right: 0; */
	opacity: 0;
	transition: all .5s ease-in-out;  
}
.page .sign-up-section.animated .bg-row {
	right: 0;
	opacity: 1;
}
.page .sign-up-section .bg-row .col{
	max-width: 1156px;
	width: 95%;
	margin: 0 0 0 auto;
	float: none;
}
.page .sign-up-section .bg-row:after {
	z-index: -1;
	content: '';
	display: block;
	width: 100vw;
	height: 100%;
	/* 	background: center / cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/signup-panl-textur.jpg); */
	background: center / cover no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/signup-panl-textur.jpg');
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.page .sign-up-section .blog-subscribe .form-title {
	color: #EEEDE9;
	font-size: 4.1rem;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 1rem;
}
.page .sign-up-section .blog-subscribe .hs_cos_wrapper_type_form {
	display: flex;
}
.page .sign-up-section form>.hs-form-field .inputs-list {
	bottom: -2.1rem;
}
.page .sign-up-section form>.hs-form-field.hs_i_would_like_to_receive_occasional_technology_updates_from_auxilion_ .input .inputs-list {
	position: static;
	padding-top: 1rem !important
}
.page .sign-up-section form>.hs-form-field .inputs-list span{
	font-size: 1rem;
	line-height: 1.5;
}
.page .sign-up-section form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before {
	background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/grey-check-emp.svg),
		center / 0 no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/greybg-check.svg);
	height:3rem;
	width:  3rem;
	min-width: 3rem;
	margin-right: 1.3rem;
}
.page .sign-up-section form .hs-form-booleancheckbox-display input[type="checkbox"]:checked+span:before {
	background-size: 0,contain;
}
.page .sign-up-section form .hs-form-booleancheckbox-display .hs-form-required{
	display:  none;
}
.page .sign-up-section:not(.sign-up-section.orange) .blog-subscribe form input:not(input[type=submit]) {
	border: none;
	background: #EEEDE9 !important;
	font-size: 1rem;
	height: 3rem;
}
.page .sign-up-section .blog-subscribe form .actions input[type=submit] {
	color: #EEEDE9;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	font-weight: 500;
}
.page .sign-up-section .blog-subscribe form .hs_submit {
	padding:  1.5rem 0;
}

.page .sign-up-section .blog-subscribe form .hs_submit.hs-submit{
	display: flex;
	align-items: center;
	padding: .3rem 0;
}
.page .sign-up-section .blog-subscribe form .hs_submit.hs-submit:after{
	content: '';
	display: block;
	width: 10px;
	height: 13px;
	position: relative;
	top: 2px;
	left: -.5rem;
	cursor: pointer;
	background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/arr-blue.svg);
}
.page .sign-up-section .blog-subscribe form .hs_submit .actions:after {
	bottom: 2px;
	border: 1px solid #1922fb;
}
.page .sign-up-section .blog-subscribe form .hs_submit .actions:before{
	background-image: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/grey-dots.svg);
}
.page .sign-up-section .blog-subscribe form .hs_submit.hs-submit input[type=submit] {
	padding-right: 2rem;
	margin-left: 0.5rem !important;
	padding-top: 0.8rem;
	padding-bottom: .5rem;

}

/* sign up orange? */
.page .sign-up-section.orange .bg-row:after {
	/* 	background: #F79E31; */
}


@media (min-width: 768px) {

	.page .sign-up-section .blog-subscribe form .hs-form-field {
		margin-bottom: 1.25rem;
	}
	.page .sign-up-section .blog-subscribe .form-title{
		width: 32%;	
		max-width: 303px;
		margin-right: 9%;
		margin-top: 0.25rem;

	}
	.page .sign-up-section .blog-subscribe .form-title+div{
		margin-right: auto;
		width: 60%;
		max-width: 623px;
	}

}

@media (max-width: 767px){
	.page .sign-up-section .bg-row:after {
		left: 50%;
		transform: translateX(-50%);
	}  
	.page .sign-up-section .blog-subscribe .form-title+div{
		width: 90%;
		margin: 2rem auto;
	}
	.page .sign-up-section .blog-subscribe .form-title {
		width: 100%;
		text-align: center;
		font-size: 2.3rem !important;
	}
	.page .sign-up-section .blog-subscribe .hs_cos_wrapper_type_form{
		flex-direction: column;
	}  
	.page .sign-up-section .bg-row .col {
		width: 100%;
	}




}


/* signup section end */






/*----------*/

@media (min-width: 981px){

}

@media (min-width: 768px){

	.contact-us-page .opening-panel .row .col1{
		width: 48.5%;	
	}	
	.contact-us-page .our-offices-section:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 44%;
		max-width: 45vw;
		z-index: -3;
		background: #E3E0DA;
		height: 100%;
	}
	.contact-us-page .opening-panel .row .col2{
		width: 49.2%;
		margin-left: 2.3%;
		padding-top: 10%;
	}
	.contact-us-page .section.opening-panel .contact-info .social-links{
		padding-top: 2%;
	}
	.contact-us-page .section.opening-panel .contact-info .email-text,
	.contact-us-page .section.opening-panel .contact-info .social-links,
	.contact-us-page .section.opening-panel .contact-info .phone-text {
		padding-left: 2.2rem;
	}
	.contact-us-page .our-offices-section .col1 {
		width: 56.5%;
	}
	.contact-us-page .our-offices-section .col2 {
		width: 43.5%;
		margin-left: 0;
		padding-top: calc(2rem + 6.8%);
	}
	.contact-us-page .our-offices-section .svg-graph {
		position: relative;
		left: .9rem;
		max-width: 59vw;
		width: 173%;

	}
	.contact-us-page .our-offices-section .locations-tab-mod-container{
		margin-left: calc(1.5rem + 8%);		
	}




}

@media (max-width: 1440px){
	.contact-us-page .section.opening-panel .contact-info {
		font-size: .8rem;				
	}
	.contact-us-page .section.opening-panel .contact-info .social-links .social-links__icon,
	.contact-us-page .section.opening-panel .contact-info .social-links .social-links__icon svg{
		height: 32px;
	}
}

@media (max-width: 1280px){	
	.contact-us-page .section.opening-panel .contact-info a {

		font-size: 1.9rem;
	}
	.page .sign-up-section .blog-subscribe .form-title{
		font-size: 3.6rem;

	}
	.contact-us-page .section.opening-panel .contact-info {
		font-size: .66rem;				
	}


}

@media (max-width: 980px){	

}
@media (max-width: 980px){	
	.contact-us-page .section .row.banner-row{
		padding-bottom: 3.3rem;
	}
	.contact-us-page .section.opening-panel h1{  		
		font-size: 50px;		
	}
	.contact-us-page .section.opening-panel .contact-info {
		font-size: .58rem;				
	}
	.contact-us-page .section.opening-panel:after {
		background-position: 0 20%;
		max-width: 30vw;
		opacity: .8;
	}

}

@media (max-width: 767px){
	.contact-us-page .section.opening-panel h1{  		
		font-size: 40px;		
	}
	.contact-us-page .section.opening-panel .contact-info {
		font-size: .65rem;				
	}
	.contact-us-page .section.opening-panel form .form-columns-2{
		width: 100%;		
	}
	.contact-us-page .section.opening-panel .hs-form-field{
		flex-direction: column;
		align-items:center;
	}
	.contact-us-page .section.opening-panel form .hs-form-field > label,
	.contact-us-page .section.opening-panel form .hs-form-field .input{
		width: 100% !important;
		max-width: unset;
		margin-right: 0;
		text-align: left;
		margin-bottom: 1rem;
		font-size: 1rem;
	}
	.contact-us-page .section.opening-panel .contact-info {
		font-size: .85rem;				
	}
	.contact-us-page .our-offices-section h2 {
		margin-bottom: 1.5rem;
	}
	.contact-us-page.page .sign-up-section {
		padding: 1rem 0 2.5rem;
	}

	.contact-us-page .au-main-footer:before{
		top: -7rem;
	}  
	.contact-us-page .our-offices-section .row:after {
		left: -8rem;
	}
	.contact-us-page .svg-graph svg {
		margin-top: 2rem;
		max-width: 140%;
		width: 140%;
		height: 100%;		
	}


}


@media (max-width: 480px){
	.contact-us-page .section.opening-panel .contact-info p{
		font-size: 16px;
	}
	.contact-us-page .section.opening-panel .contact-info p a {
		font-size: 17px;
	}

}

/*animation*/

.contact-us-page .section.opening-panel .widget-type-form{
	transition: all .5s ease-out;
	transition-delay: 1s;
	opacity: 0;	
}
.contact-us-page .section.clients .row.logos-rows .logos-row img{
	transition: all .5s ease-out; 
	opacity: 0;	
	transform: scale(.1);

}
.contact-us-page .section.opening-panel.animated .widget-type-form{
	opacity: 1;
}

.contact-us-page .section.clients .row.logos-rows .row-fluid-wrapper.row-number-2 .logos-row.anim img,
.contact-us-page .section.clients .row.logos-rows .row-fluid-wrapper.row-number-1 .logos-row.anim img{
	opacity: 1;
	transform: scale(1);

}
.contact-us-page .section.clients .row.logos-rows.logos-rows-animated .row-fluid-wrapper.row-number-1 .logos-row img{
	transition-delay: 0.5s;

} 
 
 
 
 
 
 






@media (max-width: 1200px){
	.careers-page #progress-bar .progress-bar-cont a {
		font-size: 12px;
	}
}
.careers-page .section.talk {
	display: none !important;
}
.careers-page .opening-panel{
	position: relative;

}
.careers-page .opening-panel:after {
	/* 	content: ''; */
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% + 2rem);
	top: -2rem;
	left: 0;
	right: 0;
	background: center / cover no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/careers-bg.jpg');
	z-index:0;

}

.careers-page .opening-panel h1,
.careers-page .opening-panel h2,
.careers-page .opening-panel p,
.careers-page .opening-panel .scroll-btns .anchor-btn a {
	color: #EEEDE9;	
	text-align: center;
} 
.careers-page .opening-panel .scroll-btns .anchor-btn a:before{
	background-image: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/grey-btn-dots.svg);
}
.careers-page .opening-panel h1{
	font-size: 2rem;
	max-width: 966px;
	margin: 1.4rem auto 0rem;
}
.careers-page .opening-panel h2{
	font-size: 4.7778rem;
	max-width: 966px;
	margin: 0 auto 0.8rem;
}
.careers-page .the-careers-section{
	/* 	padding: calc(3.5rem + 5.5%) 0 calc(1.5rem + 2%); */
	padding: 8.5rem 0 calc(1.5rem + 2%);

}

.careers-page .the-careers-section .row1{
	padding-bottom: .5rem;
	position:relative;

}
.careers-page .the-careers-section .row1 .col{
	max-width: 1055px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.careers-page .the-careers-section .row1:after{
	content: '';
	display: block;
	background: top right / contain no-repeat url('/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/careers-collage-bg.svg');
	width: 45vw;
	max-width: 678px;
	height: 38rem;
	max-height: 678px;
	position: absolute;
	top: -8rem;
	left: calc(-15rem - 8%);
	z-index: -1;	
}

.careers-page .the-careers-section .row1 h2{
	text-align: center;
	margin-bottom: 1.4rem;
}
.careers-page .the-careers-section .row1 p{
	text-align: center;
	margin-bottom: 1.7rem;
}
.careers-page .the-careers-section .row1 .btn a{
	margin: .5rem auto 1rem;
}
.careers-page .what-matters-section{
	padding: 2rem 0;
}
.careers-page .what-matters-section .row2 p,
.careers-page .what-matters-section .row2 h2,
.careers-page .what-matters-section .row2 h4{
	color: #EEEDE9;
}
.careers-page .what-matters-section .row2 {
	position: relative;	
	/* 	padding-right: 4.8rem; */
	padding-top: 3.4rem;
	padding-bottom: 3.7rem;
}
.careers-page .what-matters-section .row2:after {
	content: '';
	display: block;
	width: 110%;
	z-index: -1;
	height: calc(100% + 16.8rem);
	position: absolute;
	bottom: 0;
	right: 4.8rem;
	background: #2B2B2E;
}
.careers-page .what-matters-section .row2:before {
	content: '';
	display: block;
	width: 110%;
	z-index: -1;
	height: calc(100% + 10rem);
	max-height: 631px;
	position: absolute;
	bottom: -4.4rem;
	left: 2.6rem;
	background: bottom right / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/careers-dots.svg); 
}
.careers-page .what-matters-section .row2 h4{
	font-size: 1rem;
	margin-bottom: 0.2rem;
	color: #948F8A;
}
/* .careers-page .what-matters-section .row2 h2{
font-size: 4.112rem;
} */
.careers-page .what-matters-section .row3{
	padding: calc(2.5rem + 3.8%) 0 calc(2.5rem + 3%);
}

.careers-page .sub-sol .row1 h4{
	text-align: center;
	font-size: 1rem;
	margin-top: 1.7rem;
	margin-bottom: 0.2rem;
	color: #1922FB;
}
.careers-page .section.sub-sol .row1 h2{
	margin-bottom: .6rem;
} 
.careers-page .sub-sol .row1 {
	padding-bottom: 0;
}
/* car slideer */
.page .sub-careers-slider .cd-slider-bar{

} 
.page .sub-careers-slider .cd-slider-bar .slick-list { 
	padding: 0.5rem 1.6rem ; 	
	max-width: calc(100% + 1rem);
	width: calc(100% + 1rem);
	position: relative;
	left: calc(50% - .7rem);
	transform: translateX(-50%); 	
}
.page .sub-careers-slider .au-pager-link svg {
	max-width: 100%;
	width: auto;	
}
.page .sub-careers-slider .au-pager-link{
	background: #EEEDE9;
	height: 100%;
	transition: all .1s ease-in-out;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	color: #2b2b2e;
	font-weight: 500;
	font-size: 1.4445rem;
	line-height: 1.15;
	top: 0;
	box-shadow: 0 0 14px 0 #cfcfcf;
	margin-right: 1.6%;
	max-width: 301px;
	padding: 5.5rem 1.5rem 8rem; 
	position: relative;
	cursor: pointer;	
}

.page .sub-careers-slider .au-pager-link.active,
.page .sub-careers-slider .au-pager-link:hover {
	margin-top: 0;
	top: .6rem; 
	background: #1922fb;
	color: #fff;
}
.page .sub-careers-slider .au-pager-link .au-link{
	display: block;
	position: relative;	
	transition: all .1s ease-in-out;
	top: 0;
}
.page .sub-careers-slider .au-pager-link.active .au-link,
.page .sub-careers-slider .au-pager-link:hover .au-link {
	top: -2rem;
}
.page .sub-careers-slider .au-pager-link:hover .au-link {
	opacity: .9;
}
.page .sub-careers-slider .au-pager-link .arrow-down{
	position: absolute;
	bottom: 2.9rem;
	left: 1.5rem;
	padding: 0;
}
.page .sub-careers-slider .au-pager-link.active .arrow-down,
.page .sub-careers-slider .au-pager-link:hover .arrow-down {
	bottom: 2.4rem;
}
.page .sub-careers-slider .au-pager-link:last-of-type{
	margin-right: 0;
}
.page .sub-careers-slider .partner-slider-nav{
	z-index: 10;	
	padding: 2rem 0;
}
.page .sub-careers-slider .partner-slider-nav .slick-arrow {
	padding: 0.3rem;
	margin-right: 1rem;
}
.page .sub-careers-slider .content-wrap{
	padding: 2rem 0; 
	position: relative;
}
.page .sub-careers-slider .content-wrap:after{
	display: block;
	content: '';
	position: absolute;
	right: .2rem;
	/* 	bottom: 8.4rem; */
	bottom: 0;
	width: 45vw;
	max-width: 355px;
	max-height: 459px;
	height: 100%;
	z-index: -1;
	background: bottom right / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/slider-dots.svg);
}
.page .sub-careers-slider .content-row {
	display: flex;
	flex-flow: row wrap;
}
.page .sub-careers-slider .content-row .left-column,
.page .sub-careers-slider .content-row .right-column {
	width: 100%;
}

.page .sub-careers-slider .content-row .left-column img{
	max-width: 392px;
	width: 95% !important;
	display: block;
	margin: 0 0 2rem;
}
.page .sub-careers-slider .content-row .img-wrap {
	position: relative;
	overflow: hidden;
	width: 92.5%;
	padding-top: 92.5%;	
}
.page .sub-careers-slider .content-row .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.page .sub-careers-slider .au-pager-link svg path,
.page .sub-careers-slider .au-pager-link svg rect {
	transition: all .4s ease-in-out;
}
.page .sub-careers-slider .au-pager-link.active svg path,
.page .sub-careers-slider .au-pager-link:hover svg path,
.page .sub-careers-slider .au-pager-link.active svg rect,
.page .sub-careers-slider .au-pager-link:hover svg rect { 
	fill: #fff;
}
/* car sliderr */

.careers-page .benefits-offer-section {
	padding: 2.1rem 0;
}

.careers-page .benefits-offer-section .row1 >div>.row-fluid {
	display: flex;
	flex-flow: row wrap;
}

.careers-page .benefits-offer-section .benef-head {
	max-width: 944px;
	width: 95%;
	/* 	margin-bottom: 0.4rem; */
}
.careers-page .benefits-offer-section .benef-head p {
	margin-bottom: 1.6rem;
}
.careers-page .empl-words {
	padding: 2.8rem 0 5.5rem;	
}

.careers-page .empl-words .row1{
	/* 	max-width: 1050px; */
} 

.careers-page .empl-words .client-testim-slider .disable-arrows{
	display: none;
}
.careers-page .empl-words .client-testim-slider {
	left: 0;
	width: 100%;
	max-width: 100%;
	padding: 1.8rem;
	margin: 2.5rem 0 0;
}
.careers-page .empl-words .client-testim-slider .au-slide-navigation {
	margin: 2.5rem 0;
	z-index: 10;
	left: calc(2rem + 7.5%);
} 
.careers-page .empl-words .client-testim-slider .au-content-part p {
	font-size: 1.335rem;
	line-height: 1.9;
}
.careers-page .empl-words .client-testim-slider .au-slide-container {
	display: flex;
	flex-flow: row wrap;
} 
.careers-page .empl-words .client-testim-slider .au-slide-author {
	padding-top: 2.2rem;
}
.careers-page .empl-words .client-testim-slider .au-slide-author h6~p {
	font-size: 1rem;
	line-height: 1.1;
}
.careers-page .current-opo-section {
	padding: calc(3rem + 5.5%) 0;
}
.careers-page .current-opo-section .row1 {
	max-width: 1080px;
}
.careers-page .current-opo-section .row1 .hs_cos_wrapper_type_rich_text{
	text-align: center;	
}
.careers-page .current-opo-section .row1 h4{
	font-size: 1rem;
	color: #1922FB;
	margin-bottom: .2rem;
}
.careers-page .current-opo-section .row1 h2{
	margin-bottom: 1.25rem;
}
.careers-page .current-opo-section p{

}
.careers-page .current-opo-section .hs-rss-module {
	display: flex;
	flex-flow: row wrap;
	padding:  .6rem 0;
}
.careers-page .current-opo-section .hs-rss-module .hs-rss-item{
	margin-bottom: 1rem;
	width: 100%;
}
.careers-page .current-opo-section .hs-rss-module .hs-rss-item-text {
	height: 100%;
}
.careers-page .current-opo-section .hs-rss-module .hs-rss-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.8rem calc(1.6rem + 8%) 1.8rem 1.6rem;
	background: #D1CCC1;	
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	color: #2b2b2e;
	font-weight: 500;
	font-size: 1.335rem;
	line-height: 1.2;	
	height: 100%;
	transition: all .1s ease-in-out;
} 
.careers-page .current-opo-section .hs-rss-module .hs-rss-title > span{
	position: relative;
	transition: left .1s ease-in-out;
	left: 0;
}
.careers-page .current-opo-section .hs-rss-module .hs-rss-title:hover{
	background: #1922FB;
	color: #EEEDE9;
}
.careers-page .current-opo-section .hs-rss-module .hs-rss-title:hover > span{
	left: .6rem;
}

.careers-page .current-opo-section .hs-rss-module .hs-rss-title:after{
	display: block;
	margin-left: 1rem;
	position: relative;
	width: .725rem;
	min-width:  .725rem;
	height: 35px;
	transition: all .3s ease-in-out;
	background: center / contain no-repeat url('/hubfs/514553/Codec%202022/Codec_Website_Assets/Union-bl2.svg'),
		center / 0 no-repeat url('/hubfs/514553/Codec%202022/Codec_Website_Assets/union-wh.svg');
	content: '';
}
.careers-page .current-opo-section .hs-rss-module .hs-rss-title:hover:after{
	background-size: 0 , contain;
	right: -1rem;
}
.careers-page .grad-program-section {
	padding: 3.6rem 0;
	position: relative;	
	z-index: 99;
}
.careers-page .grad-program-section:after {
	content: '';
	position: absolute;
	top: 0;
	right: -2rem;
	width: 30%;
	max-width: 404px; 
	max-height: 404px;
	height: 85%;
	background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/grad-prog-bg1.svg); 
}
.careers-page .grad-program-section .row1 h4{
	font-size: 1rem;
	color: #1922FB;
	margin-bottom: .9rem;
}
.careers-page .grad-program-section .row1 h2{	 
	margin-bottom: 1.3rem;
}
.careers-page .grad-program-section .row1 .btn {
	padding-top: .6rem;
}
.careers-page .cv-alerts-section {
	padding: calc(3.5rem + 5%) 0 calc(2rem + 1%);
}
.careers-page .cv-alerts-section .row1 {
	max-width: 1080px;
}
.careers-page .cv-alerts-section .row1 .hs_cos_wrapper_type_rich_text {
	text-align: center;
}
.careers-page .cv-alerts-section .row1 h2 {
	margin-bottom: 0.7rem;
}
.careers-page .cv-alerts-section .row1 p {
	line-height: 1.6;
}
.careers-page .cv-alerts-section .row2{
	padding: .4rem 0;
}
.careers-page .cv-alerts-section .row2>div> .row-fluid{
	display: flex;
	flex-flow: row wrap; 
} 
.careers-page .cv-alerts-section .row2 .col1 {
	background: #1922FB;
	padding: calc(1rem + 3%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.careers-page .cv-alerts-section .row2 .col2 {
	padding: calc(1rem + 3%);
	background: center / cover no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/8_codec11.jpg');

}
.careers-page .cv-alerts-section .row2 h2,
.careers-page .cv-alerts-section .row2 h3,
.careers-page .cv-alerts-section .row2 .btn a,
.careers-page .cv-alerts-section .row2 p {
	color: #EEEDE9;			
}

.careers-page .cv-alerts-section .row2 .btn a:after{
	background-color: #2B2B2E;
}
.careers-page .cv-alerts-section .row2 .btn a .arrow:before{
	background-image: url(/hubfs/514553/Codec%202022/Codec_Website_Assets/grey_arr.svg);	
}
.careers-page .cv-alerts-section .row2 h3{
	font-size: 2rem;
}
.careers-page .cv-alerts-section .row2 h3~p{
	padding-left: .2rem;
	margin-bottom: 2rem;
}
.careers-page .cv-alerts-section form {
	display: flex;
	flex-flow: row wrap;
}
.careers-page .cv-alerts-section form>* {
	width: 100%;
}
.careers-page .cv-alerts-section form>.hs-form-field .inputs-list {
	position: static;
}
.careers-page .cv-alerts-section form>.hs-form-field .hs-form-required {
	display: none;
}







/* resp */
@media (min-width: 1439px){
	.careers-page .opening-panel .anchor-btn {
		margin: 0 1%;
	}
}
@media (min-width: 768px){
	.careers-page .what-matters-section .image-or-mov-mod{
		margin-left: auto;
		max-width: 1090px;
		width: 90%;		
	}
	.careers-page .what-matters-section .image-or-mov-mod .movie-container .single-movie {
		padding-top: 56.3%!important;
	}
	.careers-page .what-matters-section .row2 .col1{
		width: 52%;
	} 
	.careers-page .what-matters-section .row2 .col2{
		width: 45.5%;
		margin-left: 2.5%;
		padding-right: 4.4rem;
		padding-top: 4.4rem;  
	}
	.careers-page .what-matters-section .row2 {
		padding-right: 4.8rem;
	}

	.page .sub-careers-slider .cd-slider-bar .slick-list { 
		padding: 2rem 1.2rem;
		max-width: calc(100% + 5rem);
		width: calc(100% + 5rem);
		position: relative;
		left: calc(50% + 1.2rem);
		transform: translateX(-50%);
	}
	.page .sub-careers-slider .partner-slider-nav {
		position: relative;
		bottom: -2.8rem; 
		padding: 0;
	}
	.page .sub-careers-slider .content-row .left-column{
		width: 41%;
		margin-right: 5.5%;
		padding-top: 3.9rem;
	}
	.page .sub-careers-slider .content-row .right-column{
		width: 53.5%;
	}

	/* 	 */
	.careers-page .benefits-offer-section .row1 {
		max-width: 1635px;
		width: 100%;
	}
	.careers-page .benefits-offer-section .row1 .col1 {
		width: 23%;
	}
	.careers-page .benefits-offer-section .row1 .col2 {
		width: 73.4%;
		margin-left: 3.6%;
		padding-top: 7.8%;
		padding-right: 5%;
	}
	.careers-page .benefits-offer-section .benef-img {
/* 		max-width: 103%;
		width: 103%;
		position: relative;
		right: 8px; */
		width: 23%;
		position: absolute;
		left: 0;
	}
	.careers-page .benefits-offer-section .benef-img img {
		width: 100%;
	}


	/* 	 */
	.careers-page .empl-words .client-testim-slider {
		background: none;
		padding: 0;
	}
	.careers-page .empl-words .client-testim-slider .bx-viewport{
		padding-top: 5rem;
	}
	.careers-page .empl-words .client-testim-slider .bx-viewport:after {
		position: absolute;
		top: 3.5rem;
		left: 0;
		content: ''; 
		display: block;
		width: 64.5%;
		height: 100%;
		z-index: -1;
		background: center/ cover no-repeat url(/hubfs/514553/Codec%202022/grey-texture.jpg);
	}
	.careers-page .empl-words .client-testim-slider{
		position: relative;
	} 
	.careers-page .empl-words .client-testim-slider:before {
		position: absolute;
		bottom: -5.6rem;
		right: 11%;
		content: ''; 
		display: block;
		width: 64.5%;
		max-width: 680px;
		max-height: 480px;
		height: 100%;
		z-index: -1;
		background: center/ cover no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/careers-slider-dots.svg);
	} 
	.careers-page .empl-words .client-testim-slider .au-slide-navigation {
		margin: 0;
		position: relative;
		height: 1px;
		top: 9rem;
	} 
	.careers-page .empl-words .client-testim-slider	.bx-viewport{
		padding: 3.5rem 0 0; 
	}
	.careers-page .empl-words .client-testim-slider .au-content-part {
		width: 49%;
		padding: 9.3rem 0 6rem calc(2rem + 7.5%);
	}
	.careers-page .empl-words .client-testim-slider .au-image-part {
		width: 42.5%;
		margin-left: 8.5%;
		margin-top: -3.5rem;		
	}

	.careers-page .current-opo-section .hs-rss-module .hs-rss-item {
		width: 49.5%;
	}
	.careers-page .current-opo-section .hs-rss-module .hs-rss-item:nth-of-type(2n) {
		margin-left: 1.5%;
		width: 49%;
	} 

	.careers-page .grad-program-section .row1 .col1 {	
		width: 46%;
	}
	.careers-page .grad-program-section .row1 .col2 {	 
		width: 49%;
		margin-left: 5%;
		padding-top: 1.5rem;
	}
	.careers-page .grad-program-section .row1 .image-or-mov-mod	{
		width: 129%;
		max-width: 49vw;
	}
	.careers-page .grad-program-section .row1 .image-or-mov-mod .movie-container .single-movie {
		padding-top: 55.3%!important;
	}

	.careers-page .cv-alerts-section .row2 .col1 {
		width: 41%;
	}
	.careers-page .cv-alerts-section .row2 .col2 { 		
		width: 54.7%;
		margin-left: 4.3%;
	}
	.careers-page .cv-alerts-section .sign-up-section .blog-subscribe form .hs-form-field {
		margin-bottom: .7rem;
	}
	.careers-page .cv-alerts-section form> .hs_firstname,
	.careers-page .cv-alerts-section form> .hs_lastname {
		width: 48%;
		margin-left: 0;
		margin-right: 0;
	}
	.careers-page .cv-alerts-section form> .hs_lastname {
		margin-left: 4%;	
	} 
	.careers-page .cv-alerts-section form>.hs-fieldtype-booleancheckbox{
		width: 62%;
		margin-bottom: 0;
	}	
	.careers-page .cv-alerts-section form>.hs_submit.hs-submit{
		width: 32%;
		margin-left: 6%;
		margin-bottom: 2rem;		
	}
	.careers-page .cv-alerts-section .sign-up-section form>.hs-form-field .inputs-list span {
		font-size: .835rem;
		line-height: 1.9;
	}
	.careers-page .cv-alerts-section .sign-up-section form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before{
		margin-right: 0.9rem;
	}
	.careers-page .cv-alerts-section .row2 .btn a {
		margin-bottom: 2.2rem;
	}
	@media (max-width: 980px){
		.careers-page .cv-alerts-section form>.hs-fieldtype-booleancheckbox,
		.careers-page .cv-alerts-section form>.hs_submit.hs-submit {
			width: 100%;
		}
		.careers-page .section h2{
			font-size: 2.5rem;
		}
		.careers-page .grad-program-section .row1 .image-or-mov-mod .movie-container .single-movie {
			padding-top: 70.3% !important;
		}
		.careers-page .empl-words .client-testim-slider .au-content-part {
			padding: 4rem 0 4rem calc(1rem + 4%);
		}
		.careers-page .benefits-offer-section .row1 .col1,
		.careers-page .benefits-offer-section .benef-img {
			width: 30%;
		}
		.careers-page .benefits-offer-section .row1 .col2{
			width: 66.4%;
		}
		
		.careers-page .what-matters-section .row2:after {
			right: 2.5rem;
		}
		.careers-page .what-matters-section .row2 .col2 {
			padding-right: 0.5rem;
		}

	}


} 


@media (max-width: 1440px){
	.careers-page .the-careers-section {
		/* 		padding-top: 5.5rem; */
	}
	.careers-page .the-careers-section .row1:after{
		/* 		top: -5rem; */
		left: -25%; 

	}
}

@media (max-width: 980px){
	.careers-page .cv-alerts-section .row2 h3{
		font-size: 1.8rem;
	}
	.careers-page .sign-up-section:not(.sign-up-section.orange) .blog-subscribe form input:not(input[type=submit]){
		height: 2.4rem;
		padding: .4rem;
	}
	.careers-page .sign-up-section form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before {
		height:2rem;
		width: 2rem;
		min-width: 2rem;		
	}
	.careers-page .cv-alerts-section .sign-up-section form>.hs-form-field .inputs-list span{
		line-height: 1.45;
	}
	.careers-page .sign-up-section .blog-subscribe form .hs_submit.hs-submit {
		margin: 0;
	}
	.careers-page .cv-alerts-section .row2 .btn a{
		margin-bottom: 0;
	}
	.careers-page .empl-words .client-testim-slider .au-slide-author{
		padding-top: .5rem;
	}


}
@media (max-width: 767px){

	.careers-page .opening-panel h2{
		margin-top: 1rem;
		font-size: 2.8rem;
	}
	.careers-page .grad-program-section .row1 .col1 {
		margin-bottom: 2rem;
	}
	.page .sub-careers-slider .au-pager-link {
		margin-bottom: 1.6rem;		
	}
	.careers-page .benefits-offer-section .row1 >div>.row-fluid {
		flex-direction: column-reverse;
	}
	.careers-page .what-matters-section .row2{
		margin-top: 2rem !important;
	}
	.careers-page .what-matters-section .row2:after{
		width: 100vw;
		height: 100%;
		right: 50%;
		transform: translateX(50%);  
	}

	.careers-page .solutions-page .sub-sol {
		padding: calc(1rem + 6%) 0 calc(2rem + 1%);
	}

	.careers-page .benefits-offer-section .benef-img {
		padding: 1rem 0;
		display: flex;
		justify-content: center;
	}
	.careers-page .empl-words .client-testim-slider .au-slide-container {
		justify-content: center;
	}
	.careers-page .empl-words .client-testim-slider .au-image-part {
		margin: 1.8rem auto;
	}
	.careers-page .empl-words .client-testim-slider .au-image-part .image-or-mov-mod,
	.careers-page .empl-words .client-testim-slider .au-image-part .image-wrap {
		height: 100%;
	}

	.careers-page .current-opo-section .hs-rss-module .hs-rss-title {
		font-size: 1.15rem;
	}
	.careers-page .current-opo-section .hs-rss-module .hs-rss-title:after {

	}
	.careers-page .what-matters-section .row3 {
		padding: 2.5rem 0 0;
	}
	.careers-page .cv-alerts-section {
		padding: 2.5rem 0;
	}
	.careers-page .the-careers-section {
		padding-top: 5.5rem;
	}
	.careers-page .the-careers-section .row1:after{
		top: -5rem;

	}
	.careers-page .empl-words{
		padding: 2.5rem 0;
	}
	.careers-page .current-opo-section{
		padding: 2.5rem 0;
	}
	.careers-page .empl-words .client-testim-slider{
		margin-top: 0;
	}

}
.careers-page .sign-up-section .submitted-message {
	font-family: 'FedraSansStd',sans-serif;
	color: #eeede9;
	text-align: left;
}
.careers-page .sign-up-section .submitted-message p > a, .careers-page .sign-up-section .submitted-message p > a:hover {
	color: #eeede9 !important;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Hero Section */
.partner-hero-section.opening-panel {
	height: auto;
	padding: 11rem 0 6.05rem;
	position: relative;
}
.partner-hero-section.opening-panel:before {
	content: "";
	position: absolute;
	top: -1%;
	left: 61.7%;
	background: center top / contain no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/Dots-partners.svg');
	max-width: 650px;
	width: 50vw;
	max-height: 650px;
	height: 100%;
	z-index: -1;
	pointer-events: none;
}
.partner-hero-section.opening-panel h1 {
	line-height: calc(100/86);
	margin-bottom: .95rem;
}
.partner-hero-section.opening-panel .col1 p {
	max-width: 520px;
}
.partner-hero-section .partner-hero-circle {
	position: relative;
  padding-bottom: 100%;
  width: 100%;
	height: 0;
}
.partner-hero-section .partner-hero-circle:before {
	content: '';
	position: absolute;
	border: clamp(15px, 1.93vw, 27.6px) solid #E3E0DA;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-color: #EEEDE9;
}
.partner-hero-section .partner-hero-circle img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	max-width: 65% !important;
  object-fit: contain;
}
@media (min-width: 768px) {
	.partner-hero-section.opening-panel .row > div > .row-fluid {
		display: flex;
    align-items: center;
		max-width: 1251px;
	}
	.partner-hero-section.opening-panel .col1 {
		width: 55%;
		margin-right: 3.273%;
		margin-top: 4.6%;
	}
	.partner-hero-section.opening-panel .col2 {
		width: 41.727%;
		margin: 0;
		position: relative;
		transition: .1s ease-in-out;
    transition-delay: .1s;
	}
	.partner-hero-section.opening-panel .col2 .partner-hero-circle img {
/* 		top: -100vh; */
		opacity: 0;
		transition: .6s ease-in;
		transition-delay: 0.8s;
	}
	.partner-hero-section.opening-panel.animated .col2 .partner-hero-circle img {
/* 		top: 50%; */
		opacity: 1;
/* 		transition: .6s ease-in; */
	}
	.partner-hero-section.opening-panel h1 {
		font-size: clamp(50px, 5.972vw, 86px);
	}
}
@media (max-width: 767px) {
	.partner-hero-section.opening-panel .col2 {
		max-width: 500px;
    margin: 0 auto 40px;
	}
	.partner-hero-section.opening-panel:before {
		top: 45%;
	}
}
/* Hero Section */

/* Awards Section */
.partner-awards-section {
	padding-bottom: 0;
}
.partner-awards-section .partner-awards-item {
	position: relative;
	padding: 0 0 2.277rem 2.22rem;
	margin: 0 0 40px;
	display: flex;
  align-items: center;
  justify-content: center;
}
.partner-awards-item > .row-fluid-wrapper,
.partner-awards-item > .row-fluid-wrapper > .row-fluid {
	height: 100%;
	width: 100%;
}

.partner-awards-item h3 {
	font-family: 'FedraSansStd',sans-serif;
	font-size: clamp(18px, 2.153vw, 31px);
	font-weight: 400;
	line-height: calc(38/31);
	margin-bottom: 10px;
  letter-spacing: -.4px;
}
.partner-awards-item p {
	line-height: calc(22/18);
	margin: 0 0 4px;
	letter-spacing: -0.27px;
}
.partner-awards-item p:last-child {
	margin-bottom: 0;
}
.partner-awards-item .partner-awards-item-inner {
	display: flex;
  align-items: center;
  justify-content: center;
	background: url(/hubfs/514553/awards-item-bg.jpg) no-repeat;
	background-size: cover;
	padding: 63px 15px 58px;
	height: 100%;
}
.partner-awards-item-inner:before {
	content: '';
	position: absolute;
	background: url(/hubfs/514553/awards-item-bg-dots.svg) no-repeat;
	background-size: contain;
	width: 100%;
	height: 87%;
	left: 0;
	bottom: 0;
	z-index: -1;
}
@media (min-width: 768px) {
	.partner-awards-section .row > div > .row-fluid {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-between;
	}
	.partner-awards-section .row > div > .row-fluid:before,
	.partner-awards-section .row > div > .row-fluid:after {
		display: none;
	}
	.partner-awards-section .partner-awards-item {
		width: 32.28%;
		margin: 0;
	}
	.partner-awards-item p {
		font-size: clamp(14px, 1.25vw, 18px);
	}
}
/* Awards Section */
/* Microsoft Technology */
.disable-scroll5 .partner-tech-section.section {
	z-index: 9999;
}
.partner-tech-section.section {
	padding: 6.4rem 0 8.1rem;
	position: relative;
/* 	z-index: 99; */
}
.partner-tech-row.labs-benefits-row .col1 {
	margin-bottom: 4.25rem;
}
.partner-tech-row.labs-benefits-row h2 {
	margin-bottom: 1.55rem;
}
.partner-tech-row.labs-benefits-row .col1 p {
	margin-bottom: 1.65rem;
}
.partner-tech-row .partner-tech-btn {
	margin-top: 1.75rem;
}
.partner-tech-row .partner-tech-btn .arrow:before {
	top: 50%;
  transform: translateY(-50%);
}
/* Microsoft Technology */

/* Microsoft Partnership */
.partner-partnership-section {
	padding: 7.6rem 0 6.75rem;
	background: #D1CCC1;
}
.partner-partnership-title-module {
	margin-bottom: 6.7rem;
}
.partner-partnership-title-module h2 {
	font-size: clamp(50px, 5.139vw, 74px);
	line-height: calc(88/74);
	color: #1922FB;
	margin-bottom: 1.55rem;
}

.partner-partnership-title-module p {
	line-height: calc(30/18);
  max-width: 934px;
  margin: 0 auto;
}
.partner-timeline-img img {
	width: 100%;
}

.partner-partnership-section .partner-partnership-acc-row {
	margin-top: 8.15rem !important;
}

@media (min-width: 768px) {
	.partner-partnership-acc-row > div > .row-fluid {
		
	}
	.partner-partnership-section .partner-partnership-acc-row {
		padding-left: clamp(0px, 3.59vw, 59px);
	}
	.partner-partnership-acc-row .col-1 {
		width: 31%;
    margin-right: 2.3%;
	}
	.partner-partnership-acc-row .col-2 {
		width: 32%;
    margin: 0 3.5% 0 0;
	}
	.partner-partnership-acc-row .col-3 {
		width: 31.2%;
    margin: 0;
	}
}
@media (min-width: 768px) and (max-width: 1140px) {
	
	.partner-partnership-acc-row .col-1 {
		width: 22%;
    margin-right: 3%;
	}
	.partner-partnership-acc-row .col-2 {
		width: 36%;
    margin: 0 3% 0 0;
	}
	.partner-partnership-acc-row .col-3 {
		width: 36%;
    margin: 0;
	}
}
@media (max-width: 767px) {
	.partner-partnership-section .partner-partnership-acc-row {
		max-width: fit-content;
	}
	.partner-partnership-acc-row .col-1 {
		text-align: center;
		margin-bottom: 40px;
	}
	.partner-partnership-acc-row .col-2 {
		margin-bottom: .945rem;
	}
	.partner-partnership-acc-row .col-3 {
	}
	.page.partners-page .partner-timeline-img img {
    width: 85% !important;
	}
	.partner-partnership-title-module {
		margin-bottom: 1.7rem;
	}
}
/* Microsoft Partnership */

/* Partners Quote */
.partner-quote-section {
	position: relative;
	background: linear-gradient(to bottom,#d1ccc1 0,#d1ccc1 50.5%,#eeede9 50.5%,#eeede9 100%);
}
.partner-quote-section:before {
	content: '';
	position: absolute;
	background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/51%20%284%29_codec.jpg') no-repeat;
	width: 83.3vw;
	height: 100%;
	top: 0;
  right: 0;
  background-position: right top;
	background-size: cover;
}
.partner-quote-section .row {
	position: relative;
}
.partner-quote-section .row:before {
	content: '';
	position: absolute;
	left: -4.7rem;
	bottom: -4.7rem;
	background: url('/hubfs/514553/quote-dots.png') no-repeat;
	background-position: left bottom;
	width: 40vw;
	max-width: 631px;
	height: 100%;
	z-index: -1;
}
.partners-quote-wrap {
	position: relative;
	padding-left: 17% !important;
	padding: 7.15rem 0 6.1rem;
}
.partners-quote-content {
	margin-bottom: 3.7rem;
}
.partners-quote-content h2 {
	font-size: clamp(38px, 3.333vw, 48px);
	line-height: calc(58/48);
	margin-bottom: 2.35rem;
}
.partners-quote-content p {
	font-family: 'TomatoGrotesk-Light',sans-serif;
	font-size: clamp(18px, 1.667vw, 24px);
	line-height: calc(46/24);
	margin-bottom: 1.6rem;
}
.partners-quote-content p:last-child {
	margin-bottom: 0;
}
.partners-quote-meta {
	line-height: calc(32/18);
}
.partners-quote-author {
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	color: #1922FB;
}
.partners-quote-company {
	font-family: 'TomatoGrotesk-Light',sans-serif;
} 
/* Partners Quote */

/* Partner Cards */
.partner-cards-section {
	padding-top: 10.3rem;
}
.partner-cards-section .row1 {
	margin-bottom: 1.85rem !important;
}
.partner-cards-section .row1 h2 {
	margin-bottom: 1.15rem;
}
.partner-cards-section .row1 p {
	line-height: calc(30/18);
	max-width: 850px;
	margin: 0 auto 1.6rem;
}
/* Partner Cards */

/* Partner Slider */
.partner-slider-section {
	position: relative;
	padding: 9.75rem 0 7rem;
}
.partner-slider-section:before {
	content: '';
	position: absolute;
	background: url('/hubfs/514553/partners-slider-dots.png') no-repeat;
	background-size: contain;
	background-position: top right;
	max-width: 480px;
	width: 31vw;
	height: 100%;
	top: 7.8rem;
	left: 0;
	z-index: -1;
}
.partner-slider-text h2 {
	color: #1922FB;
}

@media (min-width: 768px) {
	.partner-slider-section .col-1 {
		width: 38.9%;
    margin-right: 3.5%;
	}
	.partner-slider-section .col-2 {
		width: 57.6%;
		margin: 0;
		margin-top: 1.1%;
	}
}

@media (max-width: 767px) {
	.partner-slider-section {
		padding: 6.75rem 0 3rem;
	}
	.partner-quote-section:before {
		width: 90vw;
	}
}
/* Partner Slider */

.partners-page .page .popup-container-2 form .hs-form-required {
	color: #231f20 !important;
}

/**** MS Accred  Update (SD) *****/

.partner-partnership-section {
	padding: 7.6rem 0 2rem;
}

.partners-page .partner-partnership-section .row.row-clients {
	max-width: 1200px;
}
.opening-panel.grad-program-hero {
	height: 100%;
	padding-top: 12.5rem;
	padding-bottom: 6rem;
}
.grad-program-hero .row .scroll-down-wrap {
	margin-left: 0;
}
.grad-program-hero .row .col1 p {
	margin-bottom: 2.1rem;
}


.grad-overview.solutions-page .sub-sol {
	z-index: 99;
}
.grad-overview.solutions-page .sub-sol .row1 {
	max-width: 1264px;
	padding-bottom: 0;
}
.grad-overview.solutions-page .sub-sol .row1 h2 {
	margin-bottom: 1.4rem;
}
.grad-overview.solutions-page .sub-sol .row1:after {
	top: -8.8rem;
	left: auto;
	right: 76%;
	height: 677px;
} 
.grad-overview.solutions-page .sub-sol .row1 p {
	max-width: 83%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}

.grad-program.page .sub-careers-slider .au-pager-link {
	max-height: 279px;
	max-width: 408px;
}
.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .hs_cos_wrapper_type_inline_rich_text, 
.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .cd-contact-popup-trigger {
	padding-left: 17.5%;
	max-width: 95%;
}
.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .btn {
	margin-top: 0.7rem;
	display: inline-block;
	padding-left: 0;
}
.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .btn .arrow:before {
	top: 50%;
  transform: translateY(-59%);
}
.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .btn a {
	padding: 0 0 0 1rem;
}
.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .btn a:hover {
	padding-left: 1.65rem;
}
.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .btn a:after {
	width: 63px;
}
.grad-program.page .csr-slider .sub-careers-slider .content-wrap:after {
	top: 42.6%;
}
.grad-program.page.page .csr-slider .sub-careers-slider .content-row .left-column h3 {
	margin-bottom: 1.2rem;
}

.grad-overview.solutions-page .sub-sol .popup-slider .cd-contact-popup-trigger {
	display: none;
}
@media (min-width: 768px) {
	.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column {
		width: 48%;
	}
	.grad-program.page .csr-slider .sub-careers-slider .content-row .right-column {
		width: 49%;
		padding-top: 5.7rem;
	}
}




.graduate-quotes {
	padding: 7.1rem 0 6.6rem;
}
.graduate-quotes .row h2 {
	text-align: center;
	margin-bottom: 3.5rem;
}
.graduate-quotes .row .image-or-mov-mod {
	max-width: 1050px;
	margin: 0 auto;
}
.graduate-quotes .row  .image-or-mov-mod .movie-container .single-movie {
	padding-top: 56.3% !important;
}

.graduate-quotes .row.row2 {
	padding-top: 9.3rem;
}
.slide-quotes {
	padding-bottom: 4rem;
	position: relative;
}
.slide-quotes:before {
	content: "";
	position: absolute;
	bottom: -2%;
	left: 12.4%;
	background-image: url('/hubfs/514553/Codec%202022/Codec_Website_Assets/dot-quote.svg');
	background-repeat: no-repeat;
	max-width: 680px;
	width: 50vw;
	height: 100%;
	max-height: 480px;
	z-index: -1;
	pointer-events: none;
}
.slide-quotes .au-slide-container {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}
.slide-quotes .au-slide-container .au-image-part {
	width: 42.3%;
	z-index: 1;
	position: relative;
}
.slide-quotes .au-slide-container .au-image-part img {
	width: 100%;
}
.slide-quotes .au-slide-container .au-content-part {
	background-image: url('/hubfs/514553/Codec%202022/bg-quote.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: -6.5%;
	width: calc(57% + 7.2%);
	padding: 13% 10% 10% 15%;
	margin-top: 40px;
}
.slide-quotes .au-slide-container .au-content-part .hs_cos_wrapper_type_inline_rich_text {
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-size: clamp(18px, 1.667vw, 24px);
	line-height: 1.92;
	margin-bottom: 2.9rem;
}
.slide-quotes .au-slide-container .au-content-part .au-slide-author h6 {
	font-size: 1rem;
	color: #1922FB;
	margin-bottom: 0.7rem;
}
.slide-quotes .au-slide-container .au-content-part .au-slide-author p {
	font-size: 1rem;
	line-height: 1.2;
	margin-bottom: 0;
	font-family: 'TomatoGrotesk-Light', sans-serif;
}
.slide-quotes .owl-nav {
	position: absolute;
/* 	top: 24%; */
	top: 16%;
	width: 49.3%;
	right: 0;
	display: flex;
}
.slide-quotes .owl-carousel .owl-nav button.owl-prev {
	padding-left: 0 !important;
	margin-right: 1.9rem;
}


.section-place {
	padding: 4.5rem 0 8.3rem;
}
.section-place .row1 .col1 h2 {
	margin-bottom: 1.1rem;
}
.section-place .row1 .col1 p {
	padding-left: 17.5%;
	max-width: 90%;
}
.section-place .row1 .col2 .image-or-mov-mod .movie-container .single-movie {
	padding-top: 53.3% !important;
}
.section-place .row2 {
	padding-top: 7.4rem;
}
.section-place .row2 .col-benefit {
	position: relative;
}
.section-place .row2 .col-benefit:before {
	content: "";
	position: absolute;
	top: -5%;
	left: 0;
	background: center top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/dots-place-card.svg);
	width: 75px;
	height: 75px;
	z-index: -1;
	pointer-events: none;
}
.section-place .row2 .col-benefit h3 {
	font-size: 2rem;
	padding-left: 1.1rem;
	font-family: 'FedraSansStd', sans-serif;
	font-weight: 400;
	line-height: 1.1;
}
.section-place .row2 .col-benefit:nth-child(2) h3 {
	max-width: 270px;
}
.section-place .row2 .col-benefit {
	width: 31%;
}
.section-place .row2 .col-benefit:not(:first-child) {
	margin-left: 3.5%;
}


.disable-scroll1 .section-apply {
	z-index: 99;
}
.section-apply {
	padding: 8rem 0 29rem;
	background-color: #1922FB;
}
.section-apply .row h2 {
	text-align: center;
	color: #EEEDE9;
	max-width: 850px;
	margin: 0 auto 1.8rem;
}
.section-apply .row p {
	text-align: center;
	color: #EEEDE9;
	max-width: 83%;
	margin: 0 auto;
}
.section-apply .row .apply-popup .btn a {
	padding-left: 0;
	font-size: 1.335rem;
	color: #EEEDE9;
	font-family: 'TomatoGrotesk-Light', sans-serif;
	height: 2rem
}
.section-apply .row .apply-popup .btn a:before {
	background: 50%/auto no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/blue-cta-dots.svg);
	transform: translateX(-50%);
	left: 50%
}
.section-apply .row .apply-popup .btn a:after {
	width: 64px;
	background-color: #2B2B2E;
	left: 50%;
	transform: translateX(-50%);
	bottom: -4px;
}
.section-apply .row .apply-popup .btn a .arrow {
	position: absolute;
	margin-left: 0 !important;
	top: -9px;
}
.section-apply .row .apply-popup .btn a .arrow:before {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s ease-in-out;
	top: -46px;
	width: 22px;
	height: 37px;
	background: 50%/contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/blue-cta-arrow.svg);
	opacity: 0;
}
.section-apply .row .apply-popup .btn a:hover .arrow:before {
	opacity: 1;
	top: -36px;
}
.section-apply .row .apply-popup .btn a:hover:before {
	transform: translateX(-50%) rotate(180deg);
}
.section-apply .row .apply-popup .btn a:hover:after {
	width: 195px;
}
.grad-program.page .popup-contact-form form .hs_submit {
	max-width: 230px;
}
.grad-program.page .popup-contact-form form .hs-attach_file .input .hs-input {
	width: 50%;
	max-width: 180px;
	left: 0;
	top: 0;
	opacity: 1;
	overflow: hidden;
	position: relative;
	outline: 0;
	z-index: 999;
	cursor: pointer!important;
	height: 40px!important;
	border-bottom: none;
	text-indent: -9995px;
}
.grad-program.page .popup-contact-form form .hs-attach_file .input .hs-input:before {
	position: absolute;
	content: "Select file";
	width: 100%;
	max-width: 180px;
	height: 40px;
	background-color: #2b2b2e;
	color: #EEEDE9;
	padding: 6px 0 8px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease-in;
	font-size: 1rem;
	text-indent: 0;
}
.grad-program.page .popup-contact-form form .hs-attach_file .input .hs-input:hover:before {
	opacity: 0.9;
}
.grad-program .careers-section {
	padding: 0 0 9.8rem;
	margin-top: -20.3rem;
}
.grad-program .careers-section .row1 {
	padding: 7rem 0 7.2rem;
}
.grad-program .footer-container-wrapper .cd-main-footer .section.talk {
	display: none;
}

@media (min-width: 768px) {
	.opening-panel.grad-program-hero .row {
		position: inherit;
	}
	.grad-program-hero .row .col1 {
		width: 43%;
	}
	.grad-program-hero .row .col2 {
		position: absolute;
		right: 0;
		width: 53%;
		margin-left: 2%;
	}
	.grad-program-hero .row .col2 .image-or-mov-mod .movie-container .single-movie {
		padding-top: 56.3% !important;
	}
	
	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .left-part {
		width: 46%;
	}
	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .right-part {
		width: 49%;
    padding-left: 0;
		margin-left: 5%;
    padding-top: 8.5%;
	}
	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .slide-excerpt, 
	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .btn {
		padding-left: 18%;
	}
	
	.section-place .row1 .col2 {
		position: absolute;
		right: 0;
		width: 45.2%;
		margin-left: 7%;
		padding-top: 0.7rem;
	}
}



@media (max-width: 1440px) {
	.grad-overview.solutions-page .sub-sol .row1:after {
		right: 74%;
	}
/* 	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .title {
		font-size: 3.3rem;
	} */
	
}

@media (max-width: 1366px) {
/* 	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .title {
		font-size: 3.1rem;
	} */
}

@media (max-width: 1280px) {
	.grad-overview.solutions-page .sub-sol .row1:after {
		right: 71%;
	}
}

@media (max-width: 1024px) {
/* 	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .title {
		font-size: 2.9rem;
	} */
	.grad-overview.solutions-page .sub-sol .row1:after {
		right: 63%;
	}
}

@media (max-width: 980px) {
	.opening-panel.grad-program-hero {
		padding-top: 10.5rem;
	}
	
	.grad-overview.solutions-page .sub-sol .row1:after {
/* 		left: -14.8rem; */
		right: 62%;
		z-index: -1;
	}
		.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .hs_cos_wrapper_type_inline_rich_text, 
	.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .cd-contact-popup-trigger {
		max-width: 100%;
	}
	
	.graduate-quotes {
		padding: 2.6rem 0;
	}
	
	.section-place .row2 .col-benefit h3 {
		font-size: 1.7rem;
	}
	.section-place .row1 .col1 p {
		padding-left: 12.5%;
	}
	.section-place .row2 {
		padding-top: 5rem;
	}
	
	.slide-quotes .owl-nav {
/* 		top: 20%; */
		top: 6.5rem;
	}
	
	.grad-program .careers-section {
		padding: 0 0 5.8rem;
	}
}
@media (max-width: 980px) and (min-width: 768px) {
	.grad-program-hero .row .col2 {
		width: 48%;
	}
	
	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .slide-excerpt, 
	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .btn {
		padding-left: 9%;
	}
}

@media (max-width: 767px) {
	.opening-panel.grad-program-hero {
		padding-top: 10rem;
		padding-bottom: 3rem;
	}
	.grad-program-hero .row .col2 {
		position: relative;
		right: -6%;
		margin-bottom: 2rem;
	}
	
	.grad-overview.solutions-page .sub-sol {
		padding: 3rem 0;
	}
	.grad-overview.solutions-page .sub-sol .row1:after {
/* 		left: -7.8rem; */
		top: -4.5rem;
	}
	.grad-overview.solutions-page .sub-sol .row1 p {
		max-width: 100%;
	}
	.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .hs_cos_wrapper_type_inline_rich_text, 
	.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .cd-contact-popup-trigger {
		padding-left: 12.5%;
	}
	.grad-program.page .csr-slider .sub-careers-slider .content-row .left-column .btn a {
		margin-left: 0;
	}
	.grad-program.page .csr-slider .sub-careers-slider .content-wrap:after {
		top: auto;
	}
/* 	.grad-overview.solutions-page .sub-solutions-slider .au-content-part .btn a {
		margin-left: 0;
	} */
	
	.graduate-quotes {
		padding: 3rem 0;
	}
	.graduate-quotes .row h2 {
		margin-bottom: 2rem;
	}
	.graduate-quotes .row.row2 {
		padding-top: 5.3rem;
	}
	
	.slide-quotes {
		padding-bottom: 0;
	}
	.slide-quotes:before {
		bottom: auto;
		left:  auto;
		right: 6%;
    top: 13%;
    background-size: contain;
	}
	.slide-quotes .au-slide-container {
		flex-direction: column-reverse;
	}
	.slide-quotes .au-slide-container .au-image-part {
		width: 100%;
		max-width: 350px;
		margin-left: -3%;
	}
	.slide-quotes .au-slide-container .au-content-part {
		margin-left: 0;
		width: 100%;
		margin-top: -25%;
		padding: 41.8% 6% 9% 22%;
	}
	.slide-quotes .owl-nav {
		top: 30rem;
    width: 100%;
    left: 22%;
	}
	
	.section-place {
		padding: 3rem 0 6rem;
	}
	.section-place .row2 .col-benefit:before {
		width: 55px;
		height: 55px;
	}
	.section-place .row1 .col1 p {
		max-width: 100%;
	}
	.section-place .row2 .col-benefit h3 {
		font-size: 1.4rem;
		max-width: 300px;
	}
	.section-place .row2 {
		padding-top: 3.5rem;
	}
	.section-place .row2 .col-benefit {
		width: 100%;
		margin-left: 0 !important;
	}
	.section-place .row2 .col-benefit:not(:last-child) {
		margin-bottom: 40px;
	}
	
	.section-apply {
		padding: 6rem 0 27.5rem;
	}
	.section-apply .row p {
		max-width: 100%;
		    margin: 0 auto 4rem;
	}
	.section-apply .row .apply-popup .btn a {
		font-size: 1.1rem;
	}
	.section-apply .row .apply-popup .btn a:hover {
		padding-right: 0;
	}
	
	.grad-program .careers-section {
		padding: 0 0 3rem;
	}
	.grad-program .careers-section .row1 {
		padding: 6rem 0;
	}
	.grad-program .careers-section .row1 h2 {
		font-size: 2.3rem;
	}
	.grad-program .careers-section .row1 p {
		font-size: 1rem;
	}
}

@media (max-width: 480px) {
	.quote-section .row:before {
		right: 0;
    top: 20%;
	}
	.slide-quotes .owl-nav {
		top: 28rem;
	}
}
@media (max-width: 390px) {
	.slide-quotes .owl-nav {
		top: 27.5rem;
	}
}
@media (max-width: 374px) {
	.slide-quotes .owl-nav {
		top: 27rem;
	}
}

.grad-program .grad-overview .submitted-message p > a, .grad-program .apply-popup .submitted-message p > a {
	color: #fff !important;
}
.grad-program .grad-overview .submitted-message p > a:hover, .grad-program .apply-popup .submitted-message p > a:hover {
	color: #fff !important;
	border-bottom: 2px solid #fff !important;
}
.grad-program .apply-popup .popup-container-3 form .hs-button {
	color: #fff;
}

.grad-program .apply-button {
	display: none !important;
}
.opening-panel.technologies-hero {
	padding-top: 12.5rem;
	height: 100%;
}
.technologies-hero {
	padding-bottom: 5rem;
}
.technologies-hero .row {
	position: inherit !important;
}
.technologies-hero .row .col1 {
	width: 52%;   
	z-index: 1;
	position: relative;
}
.technologies-hero .row .col2 {
	margin-left: 4%;
	width: 53%;
	position: absolute;
	top: 0;
	right: 0;
	top: 8.8rem;
}
.technologies-hero .row .col1 p {
	max-width: 545px;
}
.technologies-hero .row .scroll-down-wrap {
	margin-left: 0;
}
.technologies-hero .row .col2 img {
	width: 100% !important;
}
@media (min-width: 768px) {
	.technologies-hero .row .col2 img {
		min-height: 400px;
		object-fit: cover;
	}
}


.technologies-section {
	padding: 8.3rem 0 6.1rem;
	position: relative;
}
.technologies-section:before {
	content: '';
	position: absolute;
	top: 0.3rem;
/* 	left: -11rem; */
	right: 70.5%;
	z-index: -1;
/* 	width: 75%; */
	width: 50vw;
	max-width: 678px;
	height: 100%;
	background: left top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/technologies-bg-dot.svg);
}
.technologies-section .row1 {
	padding-bottom: 2rem;
}
.technologies-section .row1 > .row-fluid-wrapper > .row-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.technologies-section .row1 .col1 {
	width: 58%;
}
.technologies-section .row1 .col2 {
    margin-left: 6.7%;
    width: 35.3%;
}
.technologies-section .row1 .col1 h2 {
	color: #1922FB;
	max-width: 540px;
	margin-bottom: 1.3rem;
}
.technologies-section .row1 .col1 p {
	padding-left: 14.5%;
}


.quote-section {
	padding: 5rem 0;
}
.quote-section .row {
	padding-bottom: 4rem;
	position: relative;
}
.quote-section .row:before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 12.5%;
	background-image: url('/hubfs/514553/Codec%202022/Codec_Website_Assets/dot-quote.svg');
	background-repeat: no-repeat;
	max-width: 680px;
	width: 50vw;
	height: 100%;
	max-height: 480px;
	z-index: -1;
	pointer-events: none;
}
.quote-section .row .col1 {
	width: 42.3%;
	z-index: 1;
	position: relative;
}
.quote-section .row .col1 img {
	width: 100%;
	max-height: 655px;
}
.quote-section .row .col2 {
	background-image: url('/hubfs/514553/Codec%202022/bg-quote.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: -6.5%;
	width: calc(57% + 7.2%);
	padding: 11.8% 10% 10% 15%;
	margin-top: 40px;
}
.quote-section .row .col2 p {
	font-family: 'TomatoGrotesk-Light', sans-serif;
	font-size: clamp(18px, 1.667vw, 24px);
	line-height: 1.92;
	margin-bottom: 5.1rem;
}
.quote-section .row .col2 h6 {
	font-size: 1rem;
	color: #1922FB;
	margin-bottom: 0.7rem;
}
.quote-section .row .col2 p:last-child {
	font-size: 1rem;
	line-height: 1.2;
	margin-bottom: 0;
}


.awards-section {
	padding: 3.5rem 0 10.5rem;
}
.awards-section .row1 {
	padding: 12.6rem 0 10rem;
	position: relative;
}
.awards-section .row1:before {
	content: "";
	position: absolute;
	right: 6rem;
	top: 0;
	width: 88vw;
	height: 100%;
/* 	background-color: #D1CCC1; */
	background-image: url('/hubfs/514553/Codec%202022/Technologies-awards-bg.svg');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.awards-section .row1:after {
	content: "";
	position: absolute;
	right: 6rem;
	top: 0;
	width: 88vw;
	height: 100%;
/* 	background-color: #D1CCC1; */
	background-image: url('/hubfs/514553/Homepage%20-%20The%20Codec%20Way.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -2;
}

.awards-section .row1 h2 {
	max-width: 800px;
}
.awards-section .row2 {
	background-color: #E3E0DA;
	padding-top: 5rem;
	padding-bottom: 5rem;
	margin-top: -9.5% !important;
}

.section-codec-way {
	padding: 9rem 0 6.2rem;
	position: relative;
}
.section-codec-way:before {
	content: '';
	position: absolute;
	top: 0.3rem;
/* 	left: -11rem; */
	right: 70.5%;
	z-index: -1;
/* 	width: 75%; */
	width: 50vw;
	max-width: 678px;
	height: 100%;
	background: left top / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/technologies-bg-dot.svg);
}
.section-codec-way .row .col-1 {
	width: 46%;
}
.section-codec-way .row .col-2 {
	margin-left: 7%;
	width: 47%;
	margin-top: 3%;
}
.section-codec-way .row .col-1 p,
.section-codec-way .row .col-1 .btn {
	padding-left: 18%;
}
.section-codec-way .row .col-2 img {
	width: 100% !important;
}


.clients-section.technologies-clients .row h2,
.clients-section.technologies-clients .row p {
	text-align: left;
}
.clients-section.technologies-clients .row h2 {
	margin-bottom: 1rem;
}
.clients-section.technologies-clients .row p {
	max-width: 452px;
	margin-bottom: 2rem;
}
.clients-section.technologies-clients .row .btn a {
	margin-left: 0;
}
.technologies-clients.clients-section .row-clients {
	padding-top: 6.8%;
}
.technologies-clients .row > .row-fluid-wrapper > .row-fluid  {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.technologies-clients .row .col1 {
	width: 56%;
}
.technologies-clients .row .col2 {
	width: 38.5%;
	margin-left: 5.5%;
	margin-bottom: -2.6%;
}
.clients-section {
	padding: 6.3rem 0 4.6rem;
}
.clients-section .row h2 {
	color: #1922FB;
	text-align: center;
	margin-bottom: 1.5rem;
}
.clients-section .row p {
	text-align: center;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3.8rem;
}
.clients-section .row .btn a {
	margin: 0 auto;
}
.clients-section .row-clients {
	max-width: 1200px;
	padding-top: 1.8rem;
}
.clients-section .row-testim-slider {
	position: relative;
}
.clients-section .row-testim-slider:after {
	content: '';
	display: block;
	width: 60vw;
	max-width: 631px;
	height: 100%;
	position: absolute;
	top: -4rem;
	left: -1.65rem;
	z-index: -2;
	background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/solutions-slider-dot-bg.svg);
}


/* Responsive */
@media (max-width: 1366px) {
	.technologies-hero .row .col1 p {
		max-width: 500px;
	}
	
	.section-codec-way .row .col-1 h2 {
		max-width: 350px;
	}
	
	.awards-section .row1:before {
		background-position: center;
	}
	.awards-section .row1:after {
		background-position: right;
	}
}

@media (max-width: 1280px) {
	.technologies-hero .row .col1 {
		width: 63%;
	}
	.technologies-hero .row .col1 h1 {
		max-width: 600px;
	}

	.technologies-section {
		padding: 5.3rem 0 6.1rem;
	}
	.technologies-section:before {
/* 		left: -13rem; */
		right: 70%;
		top: -3rem;
	}
	
	.section-codec-way:before {
		right: 69.5%;
	}
	
	.awards-section {
		padding: 3.5rem 0 7.5rem;
	}
	.section-codec-way .row .col-1 p, 
	.section-codec-way .row .col-1 .btn {
		padding-left: 12%;
	}
}

@media (max-width: 1024px) {
	.technologies-hero .row .col1 p {
		max-width: 430px;
	}
	.technologies-hero .row .col1 h1 {
		max-width: 500px;
	}
	
	.awards-section .row1 h2 {
		max-width: 600px;
	}
}

@media (max-width: 980px) {
	.quote-section .row .col2 {
		padding: 8.8% 6% 9% 13%;
	}
	.quote-section .row .col2 p {
		margin-bottom: 2.5rem;
	}
	
	.technologies-section {
		padding: 5.3rem 0 4.1rem;
	}
	
	.awards-section .row1:before,
	.awards-section .row1:after {
		right: 3rem;
		width: 90vw;
	}
	.awards-section .row1 p {
		max-width: 80%;
	}
	
	.section-codec-way {
		padding: 6rem 0 6.2rem;
	}
	.section-codec-way .row .col-1 p, 
	.section-codec-way .row .col-1 .btn {
		padding-left: 8%;
	}
}

@media (max-width: 767px) {
	.technologies-hero.opening-panel {
		max-height: max-content;
	}
	.technologies-hero {
		padding-top: 10rem !important;
		padding-bottom: 4rem;
	}
	.technologies-hero .row .col1 {
		width: 100%;
	}
	.technologies-hero .row .col2 {
		width: 100%;
		position: relative;
		top: 0;
		margin-bottom: 30px;
		margin-left: 6%;
	}
	.technologies-hero .row .scroll-down-wrap {
		margin-left: auto;
	}
	
	.technologies-section {
		padding: 2.3rem 0 6.1rem;
	}
	.technologies-section .row1 .col1 {
		width: 100%;
	}
	.technologies-section .row1 .col2 {
		max-width: 100%;
		margin-left: 0;
		text-align: center;
		width: 100%;
	}
	.technologies-section .row1 .col2 img {
		max-width: 250px !important;
	}
	.technologies-section .row1 .col1 p {
		padding-left: 12.5%;
	}
	.technologies-section:before {
		top: -3rem;
		width: 450px;
		left: -10.5rem;
/* 		top: -1.5rem; */
/* 		left: -21%; */
	}
	
	.quote-section {
		padding: 3rem 0;
	}
	.quote-section .row:before {
		bottom: auto;
		left:  auto;
		right: 6%;
    top: 13%;
    background-size: contain;
	}
	.quote-section .row .col1 {
		width: 100%;
		max-width: 350px;
		margin-left: -6%;
	}
	.quote-section .row .col2 {
		margin-left: 0;
		width: 100%;
		margin-top: -25%;
		padding: 29.8% 6% 9% 22%;
	}
	
	.awards-section {
		padding: 2.5rem 0 6.5rem;
	}
	.awards-section .row2 {
		padding-bottom: 8rem;
	}
	.awards-section .row1 h2,
	.awards-section .row1 p {
		max-width: 500px;
		padding-right: 30px;
	}
	.awards-section .row1 {
		padding: 6.6rem 0 6rem;
	}
	.awards-section .row1:before, .awards-section .row1:after {
		right: 0;
		width: 100vw;
	}
	
	.section-codec-way {
		padding: 2.3rem 0 4.2rem;
	}
	.section-codec-way:before {
		width: 450px;
		left: -10.5rem;
		top: -3.7rem;
	}
	.section-codec-way .row .col-1 p, 
	.section-codec-way .row .col-1 .btn {
		padding-left: 9%;
  }
	.section-codec-way .row .col-1 {
		width: 100%;
	}
	.section-codec-way .row .col-2 {
		width: 100%;
		margin-left: 0;
		margin-top: 5.5rem;
    text-align: center;
	}
/* 	.section-codec-way:before {
		left: -21%;
	} */
	
	
	.technologies-clients .row .col1 {
		width: 100%;
	}
	.technologies-clients .row .col2 {
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		padding-left: 9%;
	}
	
	.clients-section {
		  padding: 2.3rem 0 0.6rem;
	}
}

@media (max-width: 480px) {
	.quote-section .row:before {
		right: 0;
    top: 20%;
	}
}


/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.text-center {
	text-align: center;
}
.row.row-943 {
	max-width: 943px;
}
h2 span.nowrap {
	white-space: nowrap;
	color: inherit;
}
/* Hero Section */
.lab-hero.opening-panel {
	position: relative;
	padding: 11.15rem 0 5rem;
	min-height: 800px !important;
	height: auto;

 	opacity: 1!important;

}
.lab-hero.opening-panel:before {
	content: '';
	position: absolute;
	background: url('/hubfs/514553/codec-lab-hero-bg.png') no-repeat;
	background-size: contain;
	background-position: 100% 0;
	max-width: 537px;
	max-height: 631;
	width: 45vw;
	height: 100%;
	right: 0;
	top: 57px;
}
.lab-hero.opening-panel h1 {
	line-height: calc(100/86);
	margin-bottom: 7px;

	top: 0 !important;
	opacity: 1!important;
}
.lab-hero.opening-panel .lab-hero-content p {
	max-width: 540px;
}
.lab-hero.opening-panel .scroll-btns {
	margin-top: 4.5rem;
	margin-bottom: 2.5rem;
}
.lab-hero .scroll-btns>.hs_cos_wrapper_type_module>.hs_cos_wrapper_type_rich_text {
	column-gap: 66px;
}
@media (min-width: 768px) {
	.lab-hero .col2 .svg-graph{
		max-width: 25rem;
		margin-left: auto;
		margin-top: -1.5rem;
	}

	.lab-hero .col1 {
		width: 50%;
		margin-right: 5%; 
	}
	.lab-hero .col2 {
		width: 45%;
		margin: 0;
		text-align: right;
	}
	.lab-hero .col2 img {
		position: relative;
		top: -2rem;
	}
	.codec-labs-page #overview {
		padding-bottom: 1rem !important;
	}
	.codec-labs-page #benefits {
		padding-top: 5rem !important;
	}
}
@media (max-width: 767px) {
	.lab-hero.opening-panel {
		padding: 8.15rem 0 0;
		max-height: 100%;
	}
	.lab-hero.opening-panel .col2 {
		text-align: center;
	}
	.lab-hero .col2 img {
		width: 100% !important; 
		max-width: 454px;
	}
	.text-center {
		text-align: left;
	}
	.lab-hero .col2 .svg-graph {
		width: 90%;
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
	}

}
/* Hero Section */

/* Second Section */
.lab-second-section {
	padding: 2.15rem 0 3.76rem;
}
.lab-second-section .row {
	max-width: 1050px;
}
.lab-second-section h3 {
	font-size: 2rem;
	line-height: calc(50/36);
	max-width: 836px;
	margin: 0 auto 1.8rem;
}


/* Second Section */

/* Benefits Section */
.labs-benefits-row h2 {
	font-size: 3.445rem;
	line-height: calc(78/62);
	margin-bottom: 1.2rem;
}
.labs-benefits-row .col1 p {
	max-width: 599px;
	margin-right: 0;
	margin-left: auto;
	line-height: calc(30/18);
}
.labs-benefits-row .col1 > .row-fluid-wrapper:last-child {
	max-width: 599px;
	margin-right: 0;
	margin-left: auto;
	margin-top: 3px;
}
@media (min-width: 768px) {
	.labs-benefits-row > div > .row-fluid {
		display: flex;
		align-items: end;
	}

	.labs-benefits-row .col1 {
		width: 56%;
		margin-right: 3.1%;
		margin-bottom: 8.2rem;
	}
	.labs-benefits-row .col2 {
		width: 40.9%;
		margin-left: 0;
	}
}
@media (max-width: 1440px) {
	.labs-benefits-row h2 {
		font-size: 3.1rem;
	}
}
@media (max-width: 1366px) {
	.labs-benefits-row h2 {
		font-size: 2.6rem;
	}
}
@media (max-width: 767px) {
	.lab-benefits-section .col1 {
		margin-bottom: 50px;
	}
	.labs-benefits-row h2 {
		font-size: 2.1rem;
	}
}
/* Benefits Section */

/* Quote Section */
.quote-section.lab-quote-section {
	padding: 9rem 0;
}
@media (max-width: 767px) {
	.quote-section.lab-quote-section {
		padding: 7rem 0 2rem;
	}
	.codec-labs-page .quote-section .row .col2 {
		padding-left: 15% !important;
	}
}
/* Quote Section */

/* Cards Section */

.lab-cards-section {
	padding: 5.5rem 0 8.5rem;
	margin-top: -3rem;
}
.lab-cards-section .row.row1 {
	margin-bottom: 1.2rem !important;
}
.lab-cards-section .row.row1 p {
	max-width: 790px;
	margin: 0 auto 2.5rem;
	line-height: calc(30/18);
}
.lab-cards-section h2 {
	/* 	font-size: 4.111rem; */
	margin-bottom: 1.1rem;

}
@media (max-width: 767px) {
	.lab-cards-section h2 {
		/* 	  font-size: 3rem; */
	}
}


/* Cards Section */

/* Widget Section */
.page.codec-labs-page.disable-scroll1 .featherlight {
	z-index: 9999;
	transition: all .25s ease-out;
}
.page.codec-labs-page .featherlight {
	transition: all .25s ease-out;
}
body.codec-labs-page .featherlight-content {
	max-width: 1264px;
	padding: 0;
	background: #E3E0DA;
	border-bottom: unset;
	overflow-y: overlay;
	overflow-x: hidden;
}
body.codec-labs-page .featherlight .featherlight-close-icon {
	font-size: 28px !important;
	color: #1922FB;
	font-weight: 600 !important;
	right: 33px;
	top: 8px;
	background: transparent;
}
body.codec-labs-page .featherlight .featherlight-close-icon:hover {
	padding-left: 0;
}
.lab-widgets-section h2 {
	margin-bottom: 1.4rem;
}
.lab-widgets-section .row1 {
	margin-bottom: 3.8rem !important;
}
.lab-widgets-section .row1 p {
	margin-left: 6rem;
	line-height: calc(30/18);
	margin-bottom: 2.1rem;
}
.lab-widgets-section .row1 .hs-cta-wrapper {
	display: block;
	margin-left: 6rem;
}
.lab-widgets-section .row1 .cd-demo-popup-trigger {
	margin-left: 6rem;
	justify-content: flex-start;
}
.lab-widgets-section {
	position: relative;
	background: #E3E0DA;
	padding: 7rem 0 9.1rem;
	z-index: 9 !important;
}
.lab-widgets-section:before {
	content: '';
	position: absolute;
	background: url('/hubfs/514553/Codec%202022/widgets-bg-layer.png') no-repeat;
	right: 0;
	top: 12px;
	width: 33vw;
	max-width: 480px;
	height: 100%;
	background-position: top right;
	z-index: -1;
}
.lab-widgets-section .row2 .hs_cos_wrapper_widget {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
}
.lab-widgets-section .row2 .widget-popup-main-item {
	position: relative;
	width: 100%;
	border-top: 1px solid #948F8A;
	display: flex;
	align-items: center;
}
.lab-widgets-section .row2 .widget-popup-main-item:before {
	content: '';
	position: absolute;
	right: 2.15rem;
	top: 50%;
	transform: translateY(-50%);
	background: url('/hubfs/514553/Codec%202022/widget-list-open.svg');
	width: 20px;
	height: 20px;
	pointer-events: none;
	transition: all .3s ease;
}
.lab-widgets-section .row2 .widget-popup-main-item:hover:before {
	transform: translateY(-50%) rotate(360deg);
}
.lab-widgets-section .widget-popup-main-title-wrap a {
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	display: block;
	font-size: clamp(18px, 1.8vw, 26px);
	line-height: calc(36/26);
	padding: 6px 3.6rem 5px 2.17rem;
	min-height: clamp(64px, 5.8vw, 83px);
	display: flex;
	align-items: center;
}
.lab-widgets-section .widget-popup-main-title-wrap {
	width: 100%;
}
.lab-widgets-section .row2 .widget-popup-main-item:hover .widget-popup-main-title-wrap > a {
	padding-left: 2.67rem;
}
@media (min-width: 768px) {
	.lab-widgets-section .row2 .widget-popup-main-item {
		width: calc(50% - 10px);
	}
}
@media (max-width: 767px) {
	.lab-widgets-section .row1 p,
	.lab-widgets-section .row1 .hs-cta-wrapper {
		margin-left: 10%;
	}
	.lab-widgets-section .row1 .cd-demo-popup-trigger {
		margin-left: 10%;
	}
	body.codec-labs-page .featherlight-content .featherlight-inner .team-photo > a {
		margin-left: 0;
	}
}
/* Widget Section */
/* Stories Section */
.lab-stories-section {
	padding: 8.5rem 0 0;
}
.lab-stories-section .row1 {
	margin-bottom: 6.7rem !important;
}
.lab-stories-section .row1 p {
	max-width: 800px;
	margin: 0 auto 3.4rem;
}
.lab-stories-section .row1 .cta_button {
	margin: 0 auto;
}
.lab-stories-section > .row-fluid-wrapper:last-child {
	position: relative;
}
/* .lab-stories-section .row2:before {
content: '';
position: absolute;
background: url('/hubfs/514553/Codec%202022/Helping%20Mental%20Health%20Commission%20to%20achieve%20GDPR%20compliance.png') no-repeat;
right: 0;
bottom: 0;
height: 100%;
width: 50vw;
max-width: 742px;
background-position: bottom right;
background-size: contain;

z-index: 1;
} */
@media (max-width: 980px) {
	.lab-stories-section .row1 {
		margin-bottom: 3.7rem !important;
	}
}
@media (max-width: 767px) {
	.lab-stories-section {
		padding: 5.5rem 0 0;
	}

	.codec-labs-stories-slider .sq-content-part {
		max-width: 100% !important;
	}
	.lab-stories-section .row2:before {
		display: none;
	}
}
/* Stories Section */
/* Way Section */

.section-codec-way.lab-section {
	overflow: hidden;
	padding: 7.85rem 0 5.3rem;
}
.section-codec-way.lab-section:before {
	content: '';
	position: absolute;
	background: url('/hubfs/514553/Codec%202022/approach-bg-layer.png') no-repeat;
	background-size: contain;
	background-position: top right;
	right: 0;
	top: 9.55rem;
	left: auto;
	bottom: auto;
	width: 33vw;
	max-width: 498px;
	height: 100%;
}
.section-codec-way.lab-section .row1 {
	margin-bottom: 3.6rem !important;
}
.section-codec-way.lab-section .row .col-1 img {
	width: 100% !important;
	max-width: 564px;
	height: 100%;
}
.section-codec-way.lab-section .row .col-2 p {
	line-height: calc(30/18);
}
.section-codec-way.lab-section .row .col-2 .btn {
	margin-top: .6rem;
}

@media (min-width: 768px) {
	.section-codec-way.lab-section .row .col-1 {
		width: 49.2%;
		margin-right: 5.8%;
		text-align: center;
	}
	.section-codec-way.lab-section .row .col-2 {
		width: 45%;
		margin-left: 0;
		margin-top: 1.6%;
	}
}
@media (max-width: 980px) and (min-width: 768px) {
	.section-codec-way.lab-section {
		padding: 4.85rem 0 5.3rem;
	}
	.section-codec-way.lab-section:before {
		top: 5.55rem;
	}
}
@media (max-width: 767px) {
	.section-codec-way.lab-section {
		padding: 1.85rem 0 2.3rem;
	}
	.section-codec-way.lab-section .row2 .col-1 {
		text-align: center;
	}
	.section-codec-way.lab-section .row1 {
		margin-bottom: 2.6rem !important;
	} 
	.section-codec-way.lab-section .row .col-2 {
		margin-top: 3.5rem;
	}
}
/* Way Section */
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

span.nowrap {
	white-space: nowrap;
}
.hero-404.opening-panel {
	position: relative;
	padding: 13.55rem 0 7rem;
/* 	height: auto !important; */
	max-height: 1090px;
}
.hero-404.opening-panel:before {
	content: '';
	position: absolute;
	background: url('/hubfs/514553/Codec%202022/404-bg-layer.png') no-repeat;
	background-position: top right;
	right: 0;
	top: 0;
	max-width: 444px;
	width: 30vw;
	height: 100%;
}
.hero-404 .col2 > div > .row-fluid {
	max-width: 470px;
}
.hero-404-content h1 {
	font-size: clamp(42px, 5.5vw, 86px);
	margin-bottom: 2.17rem;
}
.hero-404-content p {
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	font-size: clamp(32px, 3.333vw, 48px);
	line-height: calc(58/48);
}
.circle-404 {
	position: relative;
  padding-bottom: 100%;
  background: #EEEDE9;
  border-radius: 50%;
  width: 100%;
	
	transition: all .3s ease;
}
.circle-404:before {
	content: '';
  position: absolute;
  left: -27.5px;
  top: -27.5px;
  width: calc(100% + 55px);
  height: calc(100% + 55px);
  border-radius: 50%;
  border: 27.5px solid #e3e0da;
  transition: all .3s ease;
	
	z-index: 1;
  pointer-events: none;
}
.circle-404:hover:before {
	border-width: 47px;
	width: calc(100% + 75px);
  height: calc(100% + 75px);
	left: -40.5px;
  top: -39.5px;
}
.circle-404:after {
	content: '';
  position: absolute;

  width: 103%;
  height: 103%;
  border-radius: 50%;
  border: 4px solid #1922fb;
  left: -6px;
  top: -7px;
	opacity: 0;
	
	z-index: 0;
	pointer-events: none;
	transition: all .3s ease;
}
.circle-404:hover:after {
	width: calc(100% - 19px);
  height: calc(100% - 19px);
	left: 7px;
  top: 7px;
	opacity: 1;
}
.circle-404-content {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
	
	max-width: 80%;
  text-align: center;
	margin-top: 3px;
}
.circle-404-title {
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	font-size: clamp(24px, 2.5vw, 36px);
	line-height: calc(50/36);
}
.circle-404-btn {
	position: relative;
  left: -2px;
}
.template-404 a.circle-404-btn {
	color: #1922FB;
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	display: inline-block;
	margin: 3.3rem auto 0;
}
.circle-404-btn a {
	font-family: 'TomatoGrotesk-Medium',sans-serif;
	display: inline-block;
	margin: 3.3rem auto 0;
	color: #1922FB;
}

.circle-404-btn .arrow {
	margin-left: 12px !important;
}
.circle-404-btn .arrow:before {
	background-image: url('/hubfs/514553/Codec%202022/404-arrow-btn.svg');
	width: 24px;
	height: 14px;
	top: 50%;
  transform: translateY(-59%);
	transition: all .3s ease;
}
.circle-404:hover .circle-404-btn .arrow:before {
	transform: translateY(-59%) translateX(15px);
}
@media (min-width: 768px) {
	.hero-404.opening-panel {
		min-height: 760px;
	}
	.hero-404.opening-panel > .row-fluid-wrapper {
		height: 100%;
	}
	.hero-404.opening-panel > .row-fluid-wrapper > .row-fluid {
		display: flex;
		align-items: center;
		height: 100%;
	}
	.hero-404.opening-panel .row > div > .row-fluid {
		align-items: center;
    display: flex;
	}
	.hero-404.opening-panel .col1 {
		width: 55%;
		margin-right: 4.8%;
	}
	.hero-404.opening-panel .col2 {
		width: 40.2%;
		margin-left: 0;
		margin-top: 12px;
	}
}
@media (max-width: 767px) {
	.hero-404.opening-panel {
		padding: 9.55rem 0 7rem;
		height: auto !important;
	}
	.template-404 .cd-page-container {
		padding-bottom: 40px;
	}
	.hero-404 .col2 > div > .row-fluid {
		margin: 0 auto;
    width: 90%;
	}
	.hero-404.opening-panel .col1 {
		margin-bottom: 40px;
	}
	.circle-404-content {
		width: 100% !important;
    max-width: 82%;
	}
	.circle-404-title {
		font-size: clamp(30px, 6vw, 36px);
	}
	.hero-404-content p {
		font-size: clamp(24px, 5.33vw, 32px);
	}
}
@media (max-width: 480px) {
	.hero-404.opening-panel {
		padding: 9.55rem 0 0;
	}
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* Main */
body.industries-landing .cd-page-container {
	overflow: hidden;
}
body.industries-landing .btn a {
	max-width: fit-content;
}

/* Hero */
.opening-panel.industries-landing-hero .row .col1 p {
	margin-bottom: 3.25rem;
}
/* Hero */

/* Cards Section */
.industries-landing-section {
	position: relative;
	padding: 9% 0 3.8%;
}
.industries-landing-section:before {
	content: '';
	position: absolute;
	left: -1rem;
	top: 1rem;
	width: 35vw;
	max-width: 480px;
	height: 100%;
	background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/industry-top-dots.png') no-repeat;
	background-size: contain;
	background-position: left top;
	z-index: -1;
}
.industries-landing-section .row1 {
	max-width: 1060px;
	margin-bottom: 1.57rem !important;
}
.industries-landing-section .row1 h2 {
	margin-bottom: 1.6rem;
}
/* Cards Section */
/* Client Section */
.industries-clients.clients-section {
	padding: 5.15rem 0 6.3rem;
}
.industries-clients .row1 {
	max-width: 1060px;
}
.industries-clients .row1 p {
	max-width: 100%;
}

/* Client Section */
/* Codec Way */
.industries-codec-way {
	position: relative;
	padding: 13.2% 0 6%;
}

.industries-codec-way:before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40.5vw;
	max-width: 100%;
  height: 100%;
  background: #E3E0DA;
}
.industries-codec-way:after {
	content: '';
  position: absolute;
  top: 6px;
  right: 0;
  z-index: -1;
  width: 29vw;
	max-width: 464px;
  height: 100%;
  background: url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/industry-codec-way.png') no-repeat;
	background-position: top right;
	background-size: contain
}
.industries-codec-way h2 {
	margin-bottom: 1.76rem;
}
.industries-codec-way .col-1 p {
	line-height: calc(30/18);
	margin-bottom: 1.78rem;
}
.industries-codec-way .col-2 img {
	max-width: 564px;
}
@media (min-width: 768px) {
	.industries-codec-way .col-2 img {
		margin-top: 6.8%;
	}
}
@media (max-width: 767px) {
	.industries-codec-way:before {
		max-height: 482px;
	}
}
@media (max-width: 480px) {
	.industries-codec-way:before {
		max-height: 510px;
	}
}
/* Codec Way */
/* Resourses */
.page .resources.industries-resourses .row1 .col2 .post-item .hs-featured-image-wrapper img {
	max-height: 528px;
}
.page .section.resources.industries-resourses {
	padding-top: 8.9%;
	padding-bottom: 7%;
}
/* Resourses */
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.way-page-label {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	color: #1922FB;
}



/* Hero Section */
.way-page-hero.opening-panel {
	height: auto;
	max-height: auto;
	padding: 14.2rem 0 3.85rem;
	position: relative;

	opacity: 1 !important;
}
.way-page-hero.opening-panel:before {
	content: "";
	position: absolute;
	top: -1%;
	right: -2%;
	max-width: 650px;
	width: 50vw;
	height: 650px;
	background: center top / cover no-repeat url('/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-hero-way.svg');
	z-index: -1;
	pointer-events: none;
}

.way-page-hero.opening-panel h1 {
	line-height: calc(100/86);
	margin-top: -5px;
	margin-bottom: .6rem;

	opacity: 1 !important;
	top: 0 !important;

}
.way-page-hero.opening-panel p {
	max-width: 520px;

	opacity: 1 !important;
	top: 0 !important;
}
.way-page-hero.opening-panel .scroll-down {
	margin-top: 2.1rem;
}


@media (min-width: 768px) {
	.way-page-hero.opening-panel h1 {
		font-size: clamp(45px, 5.58vw, 86px);
	}
	.way-page-hero.opening-panel .col1 {
		width: 53.6%;
	}
	.way-page-hero.opening-panel .col2 {
		margin: 0;
		width: 46.4%;
	}
	.way-page-hero.opening-panel .col2 img {
		position: relative;
		top: -20px;
		left: -.7%;
	}

}
@media (max-width: 767px) {
	.way-page-hero.opening-panel:before {
		height: 450px;
	}
	.way-page-hero.opening-panel .col2 {
		text-align: center;
	}
	.way-page-hero.opening-panel {
		max-height: initial;
		padding: 10.2rem 0 3.85rem;
	}
}

/* Hero Section */

/* Promise Section */
.way-promise-section .way-promise-row {
	position: relative;
	padding: 5.1rem 0 3.5rem;
}
.way-promise-section .way-promise-row:before {
	content: '';
	position: absolute;
	left: -7.5%;
	top: 0;
	height: 100%;
	width: 100vw;
	background: #E3E0DA;
	z-index: -1;
}
.way-promise-section h2 {
	margin-bottom: .65rem;
}
.way-promise-section .row {
	max-width: 1100px;
}
@media (max-width: 1440px) {
	.way-promise-section .way-promise-row:before {
		left: -6%;
	}
}
@media (max-width: 1366px) and (min-width: 768px) {
	.way-promise-section .way-promise-row .hs_cos_wrapper_type_rich_text p {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 1366px) {
	.way-promise-section .way-promise-row:before {
		left: -3%;
	}
}
@media (max-width: 1280px) {
	.way-promise-section .way-promise-row:before {
		left: 0;
	}
}
@media (max-width: 767px) {
	.way-promise-section .way-promise-row:before {
		left: -5.5%;
	}
}

/* Promise Section */

/* Frameworks Section */
.way-page-framework-section {
	padding: 10rem 0 9.25rem;
}
.way-page-framework-section h2 {
	margin-bottom: 1.3rem;
}
.way-page-framework-section:before {
	display: none;
}
.way-page-framework-section.section-codec-way .row .col-1 p {
	line-height: calc(30/18);
	margin-bottom: 1.65rem;
}
.way-page-framework-section.section-codec-way .row .col-2 {
	text-align: center;
	margin-top: 3%;
}
.way-page-framework-section.section-codec-way .row .col-2 img {
	max-width: 564px !important;
	margin: 8px auto 0;
}

.way-page-framework-section .row-2 {
	margin-top: 5.5rem !important;
}
.way-page-framework-section .frameworks-popup-slider > .hs_cos_wrapper  {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

@media (min-width: 768px) {
	.way-page-framework-section .frameworks-popup-slider > .hs_cos_wrapper  {
		flex-direction: row;
	}
	.frameworks-popup-slider .frameworks-popup-module {
		width: 32.24%;
	}

} 
@media (max-width: 767px) {
	.way-page-framework-section {
		padding: 7rem 0 1.25rem;
	}
	.frameworks-popup-slider {
		max-width: fit-content;
		margin: 0 auto !important;
	}
}

/* Frameworks Section */

/* Codec Labs Section */
.way-page-labs-section.section-codec-way {
	padding: 3.6rem 0 2.9rem;
}
.way-page-labs-section.section-codec-way:before {
	background: left top / contain no-repeat url(/hubfs/514553/codec-labs-dots.svg);
	max-width: 530px;
	height: 100%;
	width: 30vw;
	left: -1.65rem;
}
.way-page-labs-section.section-codec-way h2 {
	margin-bottom: 1.15rem;
}
.way-page-labs-section.section-codec-way .row .col-1 {
	text-align: center;
}
.way-page-labs-section.section-codec-way .row .col-2 p {
	line-height: calc(30/18);
	margin-bottom: 1.45rem;
}


@media (min-width: 768px) {
	.way-page-labs-section.section-codec-way .row > div > .row-fluid {
		display: flex;
		align-items: end;
	}
	.way-page-labs-section.section-codec-way .row .col-1 {
		width: 49.1%;
		margin-right: 5.9%;
		margin-bottom: 1%;
	}
	.way-page-labs-section.section-codec-way .row .col-2 {
		width: 45%;
		margin: 0;
	}
	.way-page-labs-section.section-codec-way .row .col-2 p,
	.way-page-labs-section.section-codec-way .row .col-2 .btn {
		padding-left: 16%;
	}
}
/* Codec Labs Section */

/* Values Section */
.way-page-values-section.section-codec-way {
	position: relative;
	padding: 10rem 0 11.6rem;
}
.way-page-values-section.section-codec-way:before {
	content: '';
	background: url('/hubfs/514553/values-bg-dots.png') no-repeat;
	position: absolute;
	background-size: contain;
	background-position: right top;
	max-width: 431px;
	width: 32vw;
	height: 100%;
	top: 2.7rem;
	right: 0;
	left: auto;
}
.way-page-values-section.section-codec-way h2 {
	margin-top: 3px;
	margin-bottom: 2rem;
}
.way-page-values-section.section-codec-way p {
	line-height: calc(30/18);
}
.way-page-values-section.section-codec-way .btn {
	margin-top: .95rem;
}
.way-page-values-section.section-codec-way .col-2 {
	text-align: center;
}
.way-page-values-section.section-codec-way .col-2 img {
	max-width: 528px !important;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.way-page-values-section.section-codec-way .row > div > .row-fluid {
		display: flex;
		align-items: center;
	}
	.way-page-values-section.section-codec-way .col-1 {
		width: 46.5%;
		margin-right: 4%;
	}
	.way-page-values-section.section-codec-way .col-2 {
		width: 49.5%;
		margin-top: 3.9%;
		margin: 3.9% 0 0;
	}
}
@media (max-width: 767px) {
	.way-page-values-section.section-codec-way {
		padding: 7rem 0 6.6rem;
	}
}
/* Values Section */

/* Exp Section */
.way-page-exp-section.careers-section {
	padding: 0 0 9.6rem;
}
.way-page-exp-section.careers-section .row1 {
	padding: 5.1rem 0 12.6rem;
}
.way-page-exp-section.careers-section .row1 h2 {
	padding-left: 0;
	color: inherit;
	max-width: 740px;
	margin-top: -6px;
	margin-bottom: 1.25rem;
}
.way-page-exp-section.careers-section .row1 p {
	line-height: calc(30/18);
	margin-bottom: 1.7rem;
}
.way-page-exp-section.careers-section .row1 .careers-bg img {
	object-fit: contain;
	max-width: 944px !important;
	top: 0 !important;
	bottom: auto !important;
	height: auto !important;
	width: 55vw;
}

.way-page-exp-section.careers-section .row2 {
	max-width: 1142px;
	margin-top: -9.45% !important;
}
@media (max-width: 1024px) {
	.way-page-exp-section.careers-section .row1 h2 {
		max-width: 510px;
	}
}
@media (max-width: 767px) {
	.way-page-exp-section.careers-section .row1 {
		padding: 5.1rem 0 7.6rem;
	}
	.way-page-exp-section.careers-section {
		padding: 0 0 2.6rem;
	}
}
@media (max-width: 480px) {
	.way-page-exp-section.careers-section .row1 {
		padding: 5.1rem 0 5.6rem;
	}
}
/* Exp Section */

/* Popup Slyles */
body.way-page .featherlight-content {
	width: 100%;
	min-height: 100vh !important;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border-bottom: 0;
	background: #E3E0DA;
}
body.way-page .featherlight-close {
	display: none;
}
body.way-page .featherlight-content #memdes-1 .framework-top-bar-item[data="memdes-1"]:after,
body.way-page .featherlight-content #memdes-2 .framework-top-bar-item[data="memdes-2"]:after,
body.way-page .featherlight-content #memdes-3 .framework-top-bar-item[data="memdes-3"]:after {
	width: 100%;
}
body.way-page .featherlight-content #memdes-1 .framework-top-bar-item[data="memdes-1"]:before,
body.way-page .featherlight-content #memdes-2 .framework-top-bar-item[data="memdes-2"]:before,
body.way-page .featherlight-content #memdes-3 .framework-top-bar-item[data="memdes-3"]:before {
	animation-duration: 1.5s;
	animation-name: rotateBefore;
	animation-iteration-count: infinite;
}
/* Popup Slyles */

@media (min-width: 1900px) {
	.way-page-labs-section.section-codec-way:before {
		max-width: 100%;
		height: 100%;
		width: 36vw;
		left: 1rem;
	}
	.way-page-values-section.section-codec-way:before {
		background: right top / contain no-repeat url(/hubfs/514553/codec-labs-dots.svg);
		max-width: 100%;
		width: 37vw;
		top: 0;
		right: -4rem;
		transform: scaleX(-1);
	}
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.way-page-label {
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	color: #1922FB;
}



/* Hero Section */
.way-page-hero.opening-panel {
	height: auto;
	max-height: auto;
	padding: 14.2rem 0 3.85rem;
	position: relative;
	opacity: 1 !important;
}
.way-page-hero.opening-panel:before {
	content: "";
	position: absolute;
	top: -1%;
	right: -2%;
	max-width: 650px;
	width: 50vw;
	height: 650px;
	background: center top / cover no-repeat url('/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20-%20Website%20Assets/dots-hero-way.svg');
	z-index: -1;
	pointer-events: none;
}

.way-page-hero.opening-panel h1 {
	line-height: calc(100/86);
	margin-top: -5px;
	margin-bottom: .6rem;

	opacity: 1 !important;
	top: 0 !important;

}
.way-page-hero.opening-panel p {
	max-width: 520px;

	opacity: 1 !important;
	top: 0 !important;
}
.way-page-hero.opening-panel .scroll-down {
	margin-top: 2.1rem;
}


@media (min-width: 768px) {
	.way-page-hero.opening-panel h1 {
		font-size: clamp(45px, 5.58vw, 86px);
	}
	.way-page-hero.opening-panel .col1 {
		width: 53.6%;
	}
	.way-page-hero.opening-panel .col2 {
		margin: 0;
		width: 46.4%;
	}
	.way-page-hero.opening-panel .col2 img {
		position: relative;
		top: -20px;
		left: -.7%;
	}

}
@media (max-width: 767px) {
	.way-page-hero.opening-panel:before {
		height: 450px;
	}
	.way-page-hero.opening-panel .col2 {
		text-align: center;
	}
	.way-page-hero.opening-panel {
		max-height: initial;
		padding: 10.2rem 0 3.85rem;
	}
}

/* Hero Section */

/* Promise Section */
.way-promise-section .way-promise-row {
	position: relative;
	padding: 5.1rem 0 3.5rem;
}
.way-promise-section .way-promise-row:before {
	content: '';
	position: absolute;
	left: -7.5%;
	top: 0;
	height: 100%;
	width: 100vw;
	background: #E3E0DA;
	z-index: -1;
}
.way-promise-section h2 {
	margin-bottom: .65rem;
}
.way-promise-section .row {
	max-width: 1100px;
}
@media (max-width: 1440px) {
	.way-promise-section .way-promise-row:before {
		left: -6%;
	}
}
@media (max-width: 1366px) and (min-width: 768px) {
	.way-promise-section .way-promise-row .hs_cos_wrapper_type_rich_text p {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 1366px) {
	.way-promise-section .way-promise-row:before {
		left: -3%;
	}
}
@media (max-width: 1280px) {
	.way-promise-section .way-promise-row:before {
		left: 0;
	}
}
@media (max-width: 767px) {
	.way-promise-section .way-promise-row:before {
		left: -5.5%;
	}
}

/* Promise Section */

/* Frameworks Section */
.way-page-framework-section {
	padding: 10rem 0 9.25rem;
}
.way-page-framework-section h2 {
	margin-bottom: 1.3rem;
}
.way-page-framework-section:before {
	display: none;
}
.way-page-framework-section.section-codec-way .row .col-1 p {
	line-height: calc(30/18);
	margin-bottom: 1.65rem;
}
.way-page-framework-section.section-codec-way .row .col-2 {
	text-align: center;
	margin-top: 3%;
}
.way-page-framework-section.section-codec-way .row .col-2 img {
	max-width: 564px !important;
	margin: 8px auto 0;
}

.way-page-framework-section .row-2 {
	margin-top: 5.5rem !important;
}
.way-page-framework-section .frameworks-popup-slider > .hs_cos_wrapper  {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

@media (min-width: 768px) {
	.way-page-framework-section .frameworks-popup-slider > .hs_cos_wrapper  {
		flex-direction: row;
	}
	.frameworks-popup-slider .frameworks-popup-module {
		width: 32.24%;
	}

} 
@media (max-width: 767px) {
	.way-page-framework-section {
		padding: 7rem 0 1.25rem;
	}
	.frameworks-popup-slider {
		max-width: fit-content;
		margin: 0 auto !important;
	}
}

/* Frameworks Section */

/* Codec Labs Section */
.way-page-labs-section.section-codec-way {
	padding: 3.6rem 0 2.9rem;
}
.way-page-labs-section.section-codec-way:before {
	background: left top / contain no-repeat url(/hubfs/514553/codec-labs-dots.svg);
	max-width: 530px;
	height: 100%;
	width: 30vw;
	left: -1.65rem;
}
.way-page-labs-section.section-codec-way h2 {
	margin-bottom: 1.15rem;
}
.way-page-labs-section.section-codec-way .row .col-1 {
	text-align: center;
}
.way-page-labs-section.section-codec-way .row .col-2 p {
	line-height: calc(30/18);
	margin-bottom: 1.45rem;
}


@media (min-width: 768px) {
	.way-page-labs-section.section-codec-way .row > div > .row-fluid {
		display: flex;
		align-items: end;
	}
	.way-page-labs-section.section-codec-way .row .col-1 {
		width: 49.1%;
		margin-right: 5.9%;
		margin-bottom: 1%;
	}
	.way-page-labs-section.section-codec-way .row .col-2 {
		width: 45%;
		margin: 0;
	}
	.way-page-labs-section.section-codec-way .row .col-2 p,
	.way-page-labs-section.section-codec-way .row .col-2 .btn {
		padding-left: 16%;
	}
}
/* Codec Labs Section */

/* Values Section */
.way-page-values-section.section-codec-way {
	position: relative;
	padding: 10rem 0 11.6rem;
}
.way-page-values-section.section-codec-way:before {
	content: '';
	background: url('/hubfs/514553/values-bg-dots.png') no-repeat;
	position: absolute;
	background-size: contain;
	background-position: right top;
	max-width: 431px;
	width: 32vw;
	height: 100%;
	top: 2.7rem;
	right: 0;
	left: auto;
}
.way-page-values-section.section-codec-way h2 {
	margin-top: 3px;
	margin-bottom: 2rem;
}
.way-page-values-section.section-codec-way p {
	line-height: calc(30/18);
}
.way-page-values-section.section-codec-way .btn {
	margin-top: .95rem;
}
.way-page-values-section.section-codec-way .col-2 {
	text-align: center;
}
.way-page-values-section.section-codec-way .col-2 img {
	max-width: 528px !important;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.way-page-values-section.section-codec-way .row > div > .row-fluid {
		display: flex;
		align-items: center;
	}
	.way-page-values-section.section-codec-way .col-1 {
		width: 46.5%;
		margin-right: 4%;
	}
	.way-page-values-section.section-codec-way .col-2 {
		width: 49.5%;
		margin-top: 3.9%;
		margin: 3.9% 0 0;
	}
}
@media (max-width: 767px) {
	.way-page-values-section.section-codec-way {
		padding: 7rem 0 6.6rem;
	}
}
/* Values Section */

/* Exp Section */
.way-page-exp-section.careers-section {
	padding: 0 0 9.6rem;
}
.way-page-exp-section.careers-section .row1 {
	padding: 5.1rem 0 12.6rem;
}
.way-page-exp-section.careers-section .row1 h2 {
	padding-left: 0;
	color: inherit;
	max-width: 740px;
	margin-top: -6px;
	margin-bottom: 1.25rem;
}
.way-page-exp-section.careers-section .row1 p {
	line-height: calc(30/18);
	margin-bottom: 1.7rem;
}
.way-page-exp-section.careers-section .row1 .careers-bg img {
	object-fit: contain;
	max-width: 944px !important;
	top: 0 !important;
	bottom: auto !important;
	height: auto !important;
	width: 55vw;
}

.way-page-exp-section.careers-section .row2 {
	max-width: 1142px;
	margin-top: -9.45% !important;
}
@media (max-width: 1024px) {
	.way-page-exp-section.careers-section .row1 h2 {
		max-width: 510px;
	}
}
@media (max-width: 767px) {
	.way-page-exp-section.careers-section .row1 {
		padding: 5.1rem 0 7.6rem;
	}
	.way-page-exp-section.careers-section {
		padding: 0 0 2.6rem;
	}
}
@media (max-width: 480px) {
	.way-page-exp-section.careers-section .row1 {
		padding: 5.1rem 0 5.6rem;
	}
}
/* Exp Section */

/* Popup Slyles */
body.way-page .featherlight-content {
	width: 100%;
	min-height: 100vh !important;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border-bottom: 0;
	background: #E3E0DA;
}
body.way-page .featherlight-close {
	display: none;
}
body.way-page .featherlight-content #memdes-1 .framework-top-bar-item[data="memdes-1"]:after,
body.way-page .featherlight-content #memdes-2 .framework-top-bar-item[data="memdes-2"]:after,
body.way-page .featherlight-content #memdes-3 .framework-top-bar-item[data="memdes-3"]:after {
	width: 100%;
}
body.way-page .featherlight-content #memdes-1 .framework-top-bar-item[data="memdes-1"]:before,
body.way-page .featherlight-content #memdes-2 .framework-top-bar-item[data="memdes-2"]:before,
body.way-page .featherlight-content #memdes-3 .framework-top-bar-item[data="memdes-3"]:before {
	animation-duration: 1.5s;
	animation-name: rotateBefore;
	animation-iteration-count: infinite;
}
/* Popup Slyles */

@media (min-width: 1900px) {
	.way-page-labs-section.section-codec-way:before {
		max-width: 100%;
		height: 100%;
		width: 36vw;
		left: 1rem;
	}
	.way-page-values-section.section-codec-way:before {
		background: right top / contain no-repeat url(/hubfs/514553/codec-labs-dots.svg);
		max-width: 100%;
		width: 37vw;
		top: 0;
		right: -4rem;
		transform: scaleX(-1);
	}
}




/******* feb 2023 ********/
.way-page-feb23 .way-page-label,
.way-page-feb23 .way-page-label h5{ 
	line-height: 1.5;
	font-size: 1rem;
	color: #1922FB;
	margin-bottom: 0;
}

.way-page-feb23 .opening-panel {
	height: unset;
	max-height: unset;
	opacity: 1 !important;
	padding-bottom: 2.4rem;

}
.way-page-feb23 .opening-panel .col {
	text-align: center;
	padding: 1.75rem 0;
}
.way-page-feb23 .opening-panel .way-page-label{
	line-height: 1.5;
}

.way-page-feb23 .opening-panel h1,
.way-page-feb23 .opening-panel p{
	top:0 !important;;
	opacity: 1 !important; 
}
.way-page-feb23 .opening-panel h1{
	margin-bottom: .55rem;
}

.way-page-feb23 .opening-panel p{
	max-width: 760px;
	margin: 0 auto 1.2rem;

}


.way-page-feb23 .opening-panel .op-intro {
	padding: clamp(16px, 36 / 1600 * 100vw, 36px) 0; 
	font-family: 'TomatoGrotesk-Medium', sans-serif;
	color: #D1CCC1;
}
.way-page-feb23 .opening-panel .op-intro p {
	margin: 0 0 1.8rem;
	font-size: .889rem;
	max-width: 100%;
	text-align: center;
}

.way-page-feb23 #cw-op-pathway {
	max-width: 755px;
	margin: 0 auto;
}
.way-page-feb23 #cw-op-pathway a .cwp-st-4,
.way-page-feb23 #cw-op-pathway a .cwp-st-6 {
	transition: all .3s ease-out;
}
.way-page-feb23 #cw-op-pathway a:hover .cwp-st-4  {
	fill: #1922FB;
}
.way-page-feb23 #cw-op-pathway a:hover .cwp-st-6  {
	fill: #fff;

}


.way-page-feb23 .opening-panel .op-bg-animate{
	position: absolute;
	width: 130%;
	max-width: 1928px;
	height: 140%;
	max-height: 1235px;
	z-index: -1;
	bottom: 23.5%;
	left: 44.5%;
	transform: translate(-50%, 0);
}
.way-page-feb23 .industries-landing-section {
	padding: 10.5% 0 8.8%;
}
.way-page-feb23 .industries-landing-section h2 {
	margin-bottom: 0.6rem;
}
.way-page-feb23 .industries-landing-section .row1   {
	max-width: 1090px;

}



body.way-page-feb23 .featherlight-content #del_item-1 .framework-top-bar-item[data="del_item-1"]:after,
body.way-page-feb23 .featherlight-content #del_item-2 .framework-top-bar-item[data="del_item-2"]:after,
body.way-page-feb23 .featherlight-content #del_item-3 .framework-top-bar-item[data="del_item-3"]:after,
body.way-page-feb23 .featherlight-content #memdes-1 .framework-top-bar-item[data="memdes-1"]:after,
body.way-page-feb23 .featherlight-content #memdes-2 .framework-top-bar-item[data="memdes-2"]:after,
body.way-page-feb23 .featherlight-content #memdes-3 .framework-top-bar-item[data="memdes-3"]:after {
	width: 100%;
}
.way-page-feb23 .featherlight-close-icon.featherlight-close{
	padding: .5rem !important;
	right: 1rem;
	color: #1922FB;
	font-size: 1.25rem!important;  
	width: 36px;
	background: transparent;

}
.way-page-feb23 .envision-section {
	padding: clamp(40px, 90 / 1440 * 100vw, 90px) 0; 
	background: #E3E0DA;
}
.way-page-feb23 .envision-section .row1{
	margin-bottom: 4rem!important; 
}
.way-page-feb23 .envision-section .row2{
	max-width: 1350px;
}

.way-page-feb23 .way-page-framework-section{
	/* 	padding: 8.7rem 0; */
	padding: clamp(50px, 156 / 1440 * 100vw, 156px) 0;

}
.way-page-feb23 .way-page-framework-section .row1 .hs_cos_wrapper_type_rich_text ,
.way-page-feb23 .way-page-framework-section .way-page-label {
	text-align: left; 
}
.way-page-feb23 .way-page-framework-section .row2{
	margin-top: 3rem !important;
}

.way-page-feb23 .way-page-framework-section .frameworks-popup-main-wrap h3 .indent {
	margin-left: 30px !important;
	color: #2B2B2E !important;
}

.way-page-feb23 .framework-popup-top-bar h3 .indent {
	margin-left: 30px !important;
	color: #2B2B2E !important;
}

.way-page-feb23 .managed-services {
	padding: clamp(50px, 140 / 1440 * 100vw, 140px) 0; 
	overflow: hidden;
}
.way-page-feb23 .managed-services h3{ 
	font-size:clamp(30px, 62 / 1440 * 100vw, 62px);
	line-height: calc(78 / 62 );
	margin-bottom: 1.5rem;
}
.way-page-feb23 .managed-services h3~p{ 
	margin-bottom: 1.5rem;
}
.way-page-feb23 .managed-services .row1{
	padding-bottom: 3rem;
}
.way-page-feb23 .managed-services .managed-bg{
	position: absolute;
	right: -1.5%;
	top: 0;
	width: 62vw;
	max-width: 85%;
	z-index: -1;
}
.way-page-feb23 .managed-services .managed-bg >.widget-type-linked_image{
	flex: 1 0 auto;
	max-width: 1380px;
}
.way-page-feb23 .managed-services .managed-bg span {
	display: block;
	width: 100%;
}
.way-page-feb23 .managed-services .managed-bg:after{
	content: '';
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: linear-gradient(90deg, rgba(238,237,233,1) 0%, rgba(238,237,233,0.85) 25%, rgba(238,237,233,0) 70%, rgba(238,237,233,0) 100%),linear-gradient(0deg, rgba(238,237,233,1) 0%, rgba(238,237,233,0.85) 25%, rgba(238,237,233,0) 70%, rgba(238,237,233,0) 100%);
}
.way-page-feb23 .managed-services .managed-bg img{
	width: 100% !important;
	max-width: 100%;
	object-fit: cover;
}
.way-page-feb23 .managed-services .btn {
	margin-top: 1rem;
}

.way-page-feb23 .managed-services .row2{
	position: relative;
	max-width: 1055px !important;
	padding: clamp(30px, 62 / 1440 * 100vw, 62px) clamp(30px, 49 / 1440 * 100vw, 49px);
}
.way-page-feb23 .managed-services .row2 h4 {
	font-size: clamp(22px, 30 / 1440 * 100vw, 30px);
	margin-bottom: 0;
	padding-bottom: 2.1rem;

	position: relative;
	z-index: 10;
}
.way-page-feb23 .managed-services .row2-bg{
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
	width: 100vw;
	height: 100%; 	
}
.way-page-feb23 .managed-services .row2:after{
	content: '';
	display: block;
	width: 680px;
	max-width: 60vw;
	height: 530px;
	max-height: 100%;
	position: absolute;
	bottom: -35.5%;
	right: -33.8%;
	background: 50% 100% / cover no-repeat url(https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20Way/card-dots.svg);
	z-index: -5;
}
.way-page-feb23 .managed-services .row2-bg *{
	display: block;
	height: 100%;
}
.way-page-feb23 .managed-services .row2-bg img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.way-page-feb23 .capability-section{

}


.way-page-feb23 .managed-services .services-list{
	margin: 0 auto;
	max-width: 864px;
	float: none;
	position: relative;
	z-index: 10;
}
.way-page-feb23 .managed-services .services-list ul{
	padding: 0;
	list-style: none;
	display: flex;
	column-gap: 7%;
	margin-bottom: 6px;
}
.way-page-feb23 .managed-services .services-list li {
	width: 29%; 
	padding-left: 1.8em;
	position: relative;
}
.way-page-feb23 .managed-services .services-list li:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: calc(1em * .7);
	background: 50% / contain no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20Way/li%20check.svg');
	position: absolute;
	top: calc(1em * .6);
	left: 0;
}
.way-page-feb23 .capability-section {
	padding: clamp(50px, 110 / 1440 * 100vw, 110px) 0 0;
	z-index: 2;
}
.way-page-feb23 .capability-section .row1{
	position: relative;
}
.way-page-feb23 .capability-section .row1:after {
	content:'';
	display: block;
	width: 75%;
	max-width: 39.8vw;
	height: 39.8vw;
	max-height: 115%;
	background: 50% / contain no-repeat url('https://514553.fs1.hubspotusercontent-na1.net/hubfs/514553/Codec%20-%20New%20Website%20%282022%29/Codec%20Way/capability-dots.svg');
	position: absolute;
	left: -42%;
	top: -17%;
	z-index: -1;
}
.way-page-feb23 .capability-section h2{
	margin-bottom: 1.5rem;
}
.way-page-feb23 .capability-section h2~p {
	max-width: 514px;
	width: 95%;
	margin-left: auto;
	padding-right: 6%;
}
.way-page-feb23 .capability-section .partner-hero-section>div>.row-fluid {
	max-width: 522px;
	margin: 0 auto;
	width: 92%;
}

.way-page-feb23 .partner-hero-section .partner-hero-circle img{
	left: 48%;
	top: 51%;	
}
.way-page-feb23 .capability-section .row2{
	padding-top: 1rem;
}
.way-page-feb23 .section-codec-way {
	padding-top: 2rem;
}
.way-page-feb23 .way-page-values-section{
	z-index: 1;
}
.way-page-feb23 .way-page-values-section.section-codec-way:before{
	max-width: 459px;
	width: 37vw;
	height: 100%;
	top: -6.5rem;
	right: -4px;
}
.way-page-feb23 .section-codec-way .row .col-1 p {
	margin-bottom: 1rem;
}    
.way-page-feb23 .section-codec-way .row .col-1 h2{
	max-width: 100%;
}




/* respons */

@media (min-width: 768px){
	.way-page-feb23 .envision-section .row1 h2	{
		margin-bottom: 18%;
	}
	.way-page-feb23 .envision-section .row1>div>div{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-end;
	}

	.way-page-feb23 .envision-section .row1 .col1{
		width: 54%;
	} 
	.way-page-feb23 .envision-section .row1 .col2{
		width: 42.5%;
		margin-left: 3.5%;
		padding-right: 7%;
	}

	.way-page-feb23 .way-page-framework-section .row1 h2~p{
		max-width: 497px;
		width: 98%;
		margin-left: auto;
	}
	.way-page-feb23 .way-page-framework-section .row1>div>div{
		display:flex;
		flex-flow: row wrap;
	}
	.way-page-feb23 .way-page-framework-section .row1 .col1{
		width: 44.6%; 
		padding-top: 4%;
	}
	.way-page-feb23 .way-page-framework-section .row1 .col2{
		margin-left: 6%;
		width: 48%;
	}

	.way-page-feb23 .managed-services .row1 div>div {
		display: flex;
		flex-flow: row wrap;
	}
	.way-page-feb23 .managed-services .row1 .col1 {
		width: 59%;
	}
	.way-page-feb23 .managed-services .row1 .col2 {
		width: 36%;
		margin-left: 5%;
	}
	.way-page-feb23 .managed-services h3{ 
		max-width: 95%;
	}

	.way-page-feb23 .capability-section .row1>div>div {
		display: flex;
		flex-flow: row wrap;
	}	
	.way-page-feb23 .capability-section .row1 .col1{
		width :50%;
	}
	.way-page-feb23 .capability-section .row1 .col2{
		width :49%;
		margin-left: 1%;
	}
	.way-page-feb23 .capability-section .row2{
		padding-left: 2.5%;
	}
	.way-page-feb23  .way-page-values-section.section-codec-way .col-2{
		margin-top: 6%;
	}





}
@media (max-width: 767px){
	.way-page-feb23 .section-codec-way{
		padding-top: 3rem !important;
	}
	.way-page-feb23 .frameworks-popup-slider{
		margin-bottom: -53px !important;
	}
	.way-page-feb23 .managed-services .services-list ul{
		column-gap: 4%;
		flex-flow: row wrap;
	}
	.way-page-feb23 .managed-services .services-list li{
		width: 100%;
		margin-bottom: 1.2rem;
	}
	.way-page-feb23 .envision-section .row1 {
		margin-bottom: 2rem!important;
	}
	.way-page-feb23 .capability-section .partner-hero-section>div>.row-fluid{
		margin: 0 auto 2rem;
		max-width: 385px;
	}
	.way-page-feb23 .capability-section h2~p{
		max-width: unset;
	}


} 

@media (max-width: 480px){

}


/* *** animated *** */

.managed-services .row2 .row2-bg {
	left: 100vw;
	transition: all .5s ease-in-out;	
}
.managed-services .row2.animated .row2-bg { 
	left: 0;
}
.managed-services .row2 .services-list li{
	transition: all .4s .2s ease-out;	
	opacity: 0;
	transform: scale(.4);
}
.managed-services .row2 .services-list li:nth-child(2){
	transition-delay: .4s ;
}
.managed-services .row2 .services-list li:nth-child(3){
	transition-delay: .6s ;
} 
.managed-services .row2.animated .services-list li{
	opacity: 1;
	transform: scale(1);
}
.way-page-feb23 .partner-hero-section .partner-hero-circle{
	opacity: 0;
	transition: opacity .2s ease-out, transform .4s ease-out;
	transform: scale(.5);
}
.way-page-feb23 .partner-hero-section.animated .partner-hero-circle{
	opacity: 1;
	transform: scale(1); 
}
.way-page-feb23 .partner-hero-section .partner-hero-circle img {
	opacity: 0;
	transition: opacity .3s .4s ease-out;
}
.way-page-feb23 .partner-hero-section.animated .partner-hero-circle img {
	opacity: 1; 	
}