/*! 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.15; /* 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 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* 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: 600;
}

/**
* 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;
	vertical-align: middle;
}

/* 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;
}
.no-scroll-y {
  overflow-y: hidden;
}

.hide {
	display: none !important;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}

img.lazy {
  opacity: 0;
}
img:not(.initial) {
  transition: opacity 250ms;
}
img.initial,
img.loaded,
img.error {
  opacity: 1;
}
h1 {
	color: #e2e8f0;
	font-family: 'Outfit', sans-serif;
	font-weight: 800;
	font-size: 72px;
	line-height: 78px;
	letter-spacing: -0.02em;
	margin: 0px;
	margin-bottom: 16px;
}

@media (max-width: 1280px) {
	h1 {
	    font-size: 58px;
	}
}

@media (max-width: 768px) {
	h1 {
	    font-size: 38px;
		line-height: 42px;
	}
}

h2 {
	color: #e2e8f0;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	line-height: 54px;
	font-size: 48px;
	margin: 0px;
	margin-bottom: 16px;
	letter-spacing: -0.01em;
}

@media (max-width: 480px) {
	h2 {
		font-size: 34px;
		line-height: 42px;
	}
}

h3 {
	color: #e2e8f0;
	font-family: 'Outfit', sans-serif;
	font-size: 30px;
	line-height: 35px;
    font-weight: 600;
	letter-spacing: 0px;
	margin: 0px;
	margin-bottom: 16px;
}

@media (max-width: 480px) {
	h3 {
		line-height: 32px;
		font-size: 22px;
	}
}

h4 {
	color: #e2e8f0;
	font-family: 'Outfit', sans-serif;
	font-size: 24px;
    font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;
	margin: 0px;
	margin-bottom: 16px;
}

h5 {
	color: #e2e8f0;
	font-family: 'Outfit', sans-serif;
	font-size: 23px;
    font-weight: 600;
	line-height: 35px;
	letter-spacing: 0px;
	margin: 0px;
	margin-bottom: 16px;
}

h6 {
	color: #e2e8f0;
	font-family: 'Outfit', sans-serif;
	font-size: 20px;
    font-weight: 600;
	line-height: 25px;
	letter-spacing: 0px;
	margin: 0px;
	margin-bottom: 16px;
}

@media (max-width: 480px) {
	h6 {
		font-size: 18px;
	}
}

p, ul, li {
    color: #94a3b8;
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
	margin: 0px;
	margin-bottom: 16px;
}



.semi-bold {
    font-weight: 600;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
.jplist-hidden{display:none}.jplist-sticky{position:fixed;width:100%;left:0;top:0;z-index:1000;background:#f1f1f1;padding-bottom:5px}.sticky-demo .panel>.center{max-width:100%}.sticky-demo .jplist-sticky>.center{max-width:95%}.no-cssgradients .jplist-panel button:hover{background:#f4f4f4}.jplist-panel{color:#27252a}.jplist-panel button{float:left;height:30px;box-shadow:0 0 1px #fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%);margin:10px 10px 0 0}.jplist-panel button:hover{color:#0381bb;background:#f2f2f2;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#fafafa 0,#ededed 100%);background:linear-gradient(to bottom,#fafafa 0,#ededed 100%)}.jplist-panel button.jplist-disabled{background:#e3e3e3;color:#6c6c6c;cursor:default}.jplist-panel button.jplist-selected{color:#f03800}.jplist-panel input[type=text]{float:left;height:30px;box-shadow:0 0 1px #fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;width:150px;text-indent:5px;background:#fff}.jplist-panel input[type=checkbox],.jplist-panel input[type=radio]{float:left;display:inline-block;height:30px;background:#fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#27252a}.jplist-panel label{float:left;height:30px;line-height:30px;padding:0 5px;display:inline-block;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#27252a;cursor:pointer}.jplist-panel input.jplist-no-right-border{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.jplist-icon{float:left;height:30px;box-shadow:0 0 1px #fff;background:#fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;display:inline-block;line-height:30px;padding:0 10px;border-right:0}.jplist-icon:hover{color:#0381bb}.jplist-label{float:left;height:30px;box-shadow:0 0 1px #fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;line-height:30px;padding:0 10px;margin:10px 10px 0 0;background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%)}.jplist-clear{color:#666;cursor:pointer;float:left;height:30px;line-height:27px;padding:0 4px;background:#fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-left:0;border-radius:0 3px 3px 0;text-shadow:1px 1px 1px #fff}.jplist-clear:hover{color:#444}.jplist-selected{color:#CA3F1A}.jplist-box{float:left;height:30px;margin:10px 10px 0 0}@media only screen and (max-width:600px){.jplist-panel{display:none}}.jplist-drop-down{float:left;height:30px;box-shadow:0 0 1px #fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;width:150px;background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%);margin:10px 10px 0 0;position:relative}.jplist-drop-down .jplist-dd-panel{float:left;width:150px;height:30px;line-height:30px;overflow:hidden;text-indent:10px;cursor:pointer}.jplist-drop-down .jplist-dd-panel:after{content:'\25BC';color:#111;display:inline-block;position:absolute;right:10px;z-index:1000}.jplist-drop-down ul{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:0 0 3px 3px;position:relative;top:0;z-index:1000;width:148px;display:none;overflow:hidden;background:#fff;list-style:none;margin:0;padding:0;box-shadow:0 3px 6px #bbb}.jplist-drop-down ul li{width:100%;float:left;height:30px;line-height:30px;text-indent:10px;cursor:pointer}.jplist-drop-down ul li:hover{background-color:#ececec}.jplist-drop-down:hover .jplist-dd-panel{color:#0381bb}.jplist-drop-down:hover .jplist-dd-panel:after{color:#0381bb}.jplist-select{height:30px;box-shadow:0 0 1px #fff;background:#fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;float:left;margin:10px 10px 0 0;padding:5px;text-shadow:none}.jplist-ios-button{display:none}@media only screen and (max-width:600px){.jplist-ios-button{display:block;width:100%;text-align:center;cursor:pointer;font-size:15px;line-height:30px;float:left;height:30px;box-shadow:0 0 1px #fff;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%)}.jplist-ios-button:hover{background:#f2f2f2;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#fafafa 0,#ededed 100%);background:linear-gradient(to bottom,#fafafa 0,#ededed 100%)}.jplist-ios-show{display:block}}

.jplist-panel .text-filter-box{height:30px;float:left;margin:10px 10px 0 0}.jplist-panel .text-filter-box .jplist-icon{background:#E8EFF9}.jplist-panel .text-filter-box .jplist-label{margin:0;border-right:0;background:#f1f1f1}.jplist-panel .text-filter-box button{margin:0;border-left:0;padding:0 10px}
/* FORMS */

form input {
	width: 100%;
	height: 47px;
	outline: none;
	padding: 0 10px;
	color: #e2e8f0;
	font-weight: 600;
	font-size: 14px;
	border: 2px solid #1e3a5f;
	border-radius: 8px;
	background-color: #0f1729;
}

.webinar-form form input {
	border-color: #94a3b8;
	border-width: 1px;
}

@media (max-width: 768px) {
	.webinar-form form input {
		width: 100% !important;
	}
}

form textarea {
	color: #e2e8f0;
	font-weight: 600;
	border-radius: 8px;
	background-color: #0f1729;
}

form input[data-focused="true"],
form textarea[data-focused="true"] {
	border: 3px solid #3b82f6 !important;
}

form input.valid-field,
form select.valid-field,
form textarea.valid-field {
	background: rgba(184,242,219,0.10);
	border: 2px solid #B8F2DB !important;
}

form input::placeholder {
    color: #94a3b8;
}

form select {
	color: #e2e8f0;
	height: 47px;
	outline: none;
	padding: 0 10px;
	font-weight: 600;
	font-size: 14px;
	border: 2px solid #1e3a5f;
	border-radius: 8px;
	background-color: #0f1729;
}

.webinar-form form select {
	border-color: #94a3b8;
	border-width: 1px;
}

.webinar-form form input[type="submit"] {
	color: #fff;
	outline: none;
	border: none;
	width: auto;
	padding: 10px 36px;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

form legend {
	font-size: 14px;
	color: #e2e8f0;
	font-weight: 600;
}

form input[type=file] {
	border: 2px solid #1e3a5f;
	padding-top: 13px;
	display: none;
}

form .hs-fieldtype-file label[for] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 33px;
	max-width: 160px;
	top: 7px;
	left: 7px;
	cursor: pointer;
	font-size: 14px;
	color: #e2e8f0;
	letter-spacing: 0;
	text-align: center;
	line-height: 12px;
	font-weight: 600;
	background-color: #243352;
}

form .hs-fieldtype-file .input {
	display: flex;
	align-items: center;
	width: 100%;
	height: 47px;
	max-width: 330px;
	border: 2px solid #1e3a5f;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    padding: 0 10px 0 calc(160px + 18px);
}



form .hs-error-msgs {
	list-style: none;
	padding-left: 10px;
}

form .hs-error-msgs li label {
	font-size: 10px;
	color: #f12f62;
	letter-spacing: 0;
	line-height: 12px;
	font-weight: 400;
}

form .hs-form-field {
	position: relative;
	margin-bottom: 15px;
}


form fieldset {
	margin-bottom: 15px !important;
}

form fieldset .hs-form-field {
	margin-bottom: 0;
}

form label[for] {
	font-size: 14px;
	color: #94a3b8;
	letter-spacing: 0;
	line-height: 17px;
	font-weight: 400;
	position: absolute;
	left: 15px;
	top: 15px;
	transition: all 250ms ease;
}

form label[for].focused {
	font-size: 10px;
	color: #94a3b8;
	letter-spacing: 0;
	line-height: 17px;
	font-weight: 400;
	left: 12px;
	display: inline-block;
	background-color: #0f1729;
	padding: 4px 5px;
    top: -11px;
}

form fieldset.form-columns-1 .hs-input {
	width: 100%;
}

form .hs-fieldtype-intl-phone.hs-input select {
	width: 36% !important;
}

form .hs-input.hs-fieldtype-intl-phone input {
	width: calc(100% - 38%) !important;
}

form .hs-richtext p {
	color: #94a3b8;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 0;
}

form .hs-richtext a {
	color: #3b82f6;
}


.form {

}

.form .hs-error-msgs {
	padding: 0px;
	margin: 0px !important;
	list-style: none;
}

.form .hs-error-msgs li {
	margin-bottom: 0px;
}

.form .hs-error-msgs label {
	font-size: 12px;
	color: #f12f62;
}

.form.header-form {
	padding: 55px 70px;
	background: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
	.form.header-form {
		padding: 25px 25px;
	}
}

.form.header-form .form-title {
	display: none;
}

.form.header-form .hs-richtext {
	margin-bottom: 40px;
}

.form.header-form .hs-richtext p {
	font-size: 11px;
	color: #94a3b8;
	line-height: 15px;
	margin-bottom: 0px;
}

.form.header-form .hs-richtext *:last-child {
	margin-bottom: 0px;
}

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

.form.header-form .inputs-list .hs-form-booleancheckbox label {
	display: flex;
	align-items: center;
	font-size: 11px;
	color: #94a3b8;
	line-height: 15px;
	margin-bottom: 0px;
	position: static;
}

.form.header-form form fieldset {
	max-width: 100%;
}

.form.header-form form .actions {
	display: flex;
	justify-content: flex-start;
}

.form.header-form form .actions input[type=submit]{
	width: auto;
	border: none;
	outline: none;
	color: #fff;
	padding: 0 42px;
	cursor: pointer;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

.form.header-form form fieldset.form-columns-1 {
	margin-bottom: 15px;
}

.form.header-form form fieldset.form-columns-2 {
	gap: 8px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.form.header-form form fieldset.form-columns-2 .hs-form-field {
	width: 100%;
}

.form.header-form form .hs-form-field .input {
	margin-right: 0px;
}

.form.header-form form .hs-form-field .input input[type=text],
.form.header-form form .hs-form-field .input input[type=email],
.form.header-form form .hs-form-field .input input[type=tel],
.form.header-form form .hs-form-field .input select {
	width: 100%;
	
	outline: none;
	padding: 0 10px;
	font-weight: 600;
	border: 2px solid #1e3a5f;
	background-color: #0f1729;
	border-radius: 8px;
}

.form.header-form form .hs-form-field .input input[type=checkbox] {
	width: 18px;
	height: 18px;
	border-radius: 4px;
}

.form.header-form form .hs-form-field .input label span {
	margin-left: 10px;
}

.form.header-form form .hs-form-field .input input.invalid {
	border: 2px solid #f12f62;
}

.form.header-form form .hs-form-field .input select {
	color: #e2e8f0;
	font-size: 14px;
	background-color: #0f1729;
}

.form.header-form form .hs-form-field .input input::placeholder {
	color: #94a3b8;
}

.form.header-form form .hs-form-field .input input[type=file] {
	
	border: 0;
	padding: 0px;
	height: auto;
	color: #94a3b8;
}

.form.header-form form .hs-form-field.hs_cv,
.form.header-form form .hs-form-field.hs_cover_letter {
	gap: 5px;
	display: flex;
	flex-direction: column;
	background: #1a2640;
	width: 100%;
	height: auto;
	outline: none;
	border: none;
	padding: 14px 18px;
	cursor: pointer;
	
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);

}

.form.header-form form .hs-form-field.hs_cv label,
.form.header-form form .hs-form-field.hs_cover_letter label {
	
	display: flex;
	align-items: center;
	color: #94a3b8;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	left: 24px;
	top: 42px;
	
}

.form.header-form form .hs-form-field.hs_cv label span,
.form.header-form form .hs-form-field.hs_cover_letter label span {
	
}

.form.header-form form .hs-form-field.hs_cv label::after,
.form.header-form form .hs-form-field.hs_cover_letter label::after {
	font-size: 14px;
	color: #94a3b8;
	letter-spacing: 0;
	line-height: 12px;
	font-weight: 400;
	cursor: pointer;
	display: none;
	
	content: "Accepts PDF only";
}

.form.header-form form .hs-form-field .input textarea {
	width: 100%;
	min-height: 110px;
	outline: none;
	padding: 10px;
	font-size: 14px;
	padding-top: 15px;
	border: 2px solid #1e3a5f;
	background-color: #0f1729;
	border-radius: 8px;
}

.form.header-form form .hs-form-field .input textarea::placeholder {
	color: #94a3b8;
	font-weight: 600;
}





.popup-form .form-title {
	display: none;
}

.popup-form form {

}



.popup-form form fieldset {
	
	gap: 8px;
	display: grid;
	max-width: 100%;
	margin-bottom: 8px;
}

@media (max-width: 991px) {
	.popup-form form fieldset .legal-consent-container {
		gap: 16px;
        display: flex;
		flex-direction: column;
	}
}

.popup-form form fieldset.form-columns-1 .hs-form-field,
.popup-form form fieldset.form-columns-2 .hs-form-field,
.popup-form form fieldset.form-columns-3 .hs-form-field {
	width: 100%;
	float: none;
}

.popup-form form fieldset.form-columns-1 .hs-form-field > label,
.popup-form form fieldset.form-columns-2 .hs-form-field > label,
.popup-form form fieldset.form-columns-3 .hs-form-field > label {
	
}

.popup-form form fieldset.form-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

@media(max-width: 991px) {
	.popup-form form fieldset.form-columns-2 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.popup-form form fieldset.form-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.popup-form form fieldset .hs-form-field .input {
	margin-right: 0px;
}

.popup-form form .hs-fieldtype-file {
	display: flex;
	align-items: center;
}

/* .popup-form form .hs-fieldtype-file .input input[type=file] {
	border: 2px solid #1e3a5f;
	padding-top: 9px;
} */


.popup-form form .hs-form-field .input input::placeholder,
.popup-form form .hs-form-field .input select::placeholder,
.popup-form form .hs-form-field .input textarea::placeholder {
	color: #94a3b8;
}

.popup-form form .hs-form-field .input input[type=text],
.popup-form form .hs-form-field .input input[type=email],
.popup-form form .hs-form-field .input input[type=tel],
.popup-form form .hs-form-field .input select {
	
	width: 100%;
	
	outline: none;
	padding: 0 10px;
	font-weight: 600;
	font-size: 14px;
	border: 2px solid #1e3a5f;
	background-color: #0f1729;
	border-radius: 8px;
}

@media (max-width: 991px) {
	.popup-form form .hs-form-field .input input[type=text],
	.popup-form form .hs-form-field .input input[type=email] {
		width: 100% !important;
	}
}



@media (max-width: 991px) {
	.popup-form form fieldset.form-columns-2 div.hs-form-field .input select.hs-input {
		width: 100%;
	}
}

.popup-form form .hs-form-field .input textarea {
	width: 100%;
	min-height: 85px;
	outline: none;
	padding: 10px;
	font-weight: 600;
	font-size: 14px;
	border: 2px solid #1e3a5f;
	background-color: #0f1729;
	border-radius: 8px;
}

@media (max-width: 991px) {
	.popup-form form .hs-fieldtype-intl-phone.hs-input {
		width: 100% !important;
	}
}

.popup-form form .legal-consent-container ul.inputs-list {
	padding: 0px;
	list-style: none;
}

.popup-form form .legal-consent-container ul.inputs-list .hs-form-booleancheckbox > label {
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	.popup-form form .legal-consent-container ul.inputs-list .hs-form-booleancheckbox > label {
		align-items: flex-start;
	}
}


.popup-form form .hs-submit {
	padding-top: 10px;
}


.popup-form form input[type=submit] {
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 12px;
	padding: 14px 28px;
	text-align: center;
	text-decoration: none;
	display: inline-flex;
	height: auto;
    width: auto;
	outline: none;
	border: none;
}







#email-prefs-form {

}

#email-prefs-form h3 {
	color: #3b82f6;
}

#email-prefs-form .uncheck-heading {
	margin-bottom: 0px;
	grid-column: span 2;
}

#email-prefs-form #hs-localization-select {
	display: none;
}


#email-prefs-form .item .item-inner {
	display: flex;
	flex-direction: column;
}

#email-prefs-form .item .item-inner .checkbox-row {
	margin-bottom: 10px;
}

#email-prefs-form .item .item-inner .checkbox-row + p {
	margin-bottom: 0px;
	padding-left: 85px;
}

#email-prefs-form .item .item-inner input[type=checkbox] {
	width: 24px;
	height: 24px;
	margin-right: 60px;
}

#email-prefs-form .item .item-inner .fakelabel {
	display: flex;
}

#email-prefs-form .item .item-inner .fakelabel span {
	font-size: 25px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 34px;
	font-weight: 700;
	display: block;
}

#email-prefs-form #content {
	gap: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#email-prefs-form #content p:empty {
	display: none;
}

#email-prefs-form #content .item {
	padding: 35px;
	background: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

#email-prefs-form #content .subscribe-options {
    padding: 35px;
	background: #1a2640;
	position: relative;
	display: flex;
    flex-direction: column-reverse;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

#email-prefs-form #content .subscribe-options > p:first-child {
	margin-bottom: 0;
    padding-left: 77px;
}

#email-prefs-form #content .subscribe-options label[for] {
	left: 0px;
	position: relative;
	margin-bottom: 10px;
	gap: 0px;
}

#email-prefs-form #content .subscribe-options label[for] input {
	margin-right: 60px;
}

#email-prefs-form #content .subscribe-options label[for] span {
	color: #e2e8f0;
    display: block;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
}


#email-prefs-form #content .item:nth-of-type(1) {
	grid-column: 1;
}


#email-prefs-form #content #submitbutton  {
	grid-column: 1;
	max-width: fit-content;
	padding: 0 30px;
	outline: none;
	border: none;
	color: #fff;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

#email-prefs-form #content .subscribe-options label {
	gap: 30px;
	display: flex;
}

#email-prefs-form #content .subscribe-options label input[type=checkbox] {
	width: 24px;
	height: 24px;
}







/* MO Form Module */

.mo-form  form fieldset {
	
	gap: 8px;
	display: grid;
	max-width: 100%;
	margin-bottom: 8px;
}

@media (max-width: 991px) {
	.mo-form  form fieldset .legal-consent-container {
		gap: 16px;
        display: flex;
		flex-direction: column;
	}
}

.mo-form  form fieldset.form-columns-1 .hs-form-field,
.mo-form  form fieldset.form-columns-2 .hs-form-field,
.mo-form  form fieldset.form-columns-3 .hs-form-field {
	width: 100%;
	float: none;
}

.mo-form  form fieldset.form-columns-1 .hs-form-field > label,
.mo-form  form fieldset.form-columns-2 .hs-form-field > label,
.mo-form  form fieldset.form-columns-3 .hs-form-field > label {
	
}

.mo-form  form fieldset.form-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

@media(max-width: 991px) {
	.mo-form  form fieldset.form-columns-2 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.mo-form  form fieldset.form-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.mo-form  form fieldset .hs-form-field .input {
	margin-right: 0px;
}

.mo-form  form .hs-fieldtype-file {
	display: flex;
	align-items: center;
}


.mo-form form fieldset {
	
	gap: 8px;
	display: grid;
	max-width: 100%;
	margin-bottom: 8px;
}

@media (max-width: 991px) {
	.mo-form form fieldset .legal-consent-container {
		gap: 16px;
        display: flex;
		flex-direction: column;
	}
}

.mo-form form fieldset.form-columns-1 .hs-form-field,
.mo-form form fieldset.form-columns-2 .hs-form-field,
.mo-form form fieldset.form-columns-3 .hs-form-field {
	width: 100%;
	float: none;
}

.mo-form form fieldset.form-columns-1 .hs-form-field > label,
.mo-form form fieldset.form-columns-2 .hs-form-field > label,
.mo-form form fieldset.form-columns-3 .hs-form-field > label {
	
}

.mo-form form fieldset.form-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

@media(max-width: 991px) {
	.mo-form form fieldset.form-columns-2 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.mo-form form fieldset.form-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.mo-form form fieldset .hs-form-field .input {
	margin-right: 0px;
}

.mo-form form .hs-fieldtype-file {
	display: flex;
	align-items: center;
}

/* .mo-form form .hs-fieldtype-file .input input[type=file] {
	border: 2px solid #1e3a5f;
	padding-top: 9px;
} */


.mo-form form .hs-form-field .input input::placeholder,
.mo-form form .hs-form-field .input select::placeholder,
.mo-form form .hs-form-field .input textarea::placeholder {
	color: #94a3b8;
}

.mo-form form .hs-form-field .input input[type=text],
.mo-form form .hs-form-field .input input[type=email],
.mo-form form .hs-form-field .input input[type=tel],
.mo-form form .hs-form-field .input input[type=number],
.mo-form form .hs-form-field .input select {
	
	width: 100%;
	
	outline: none;
	padding: 0 10px;
	font-weight: 600;
	font-size: 14px;
	border: 2px solid #1e3a5f;
	background-color: #0f1729;
	border-radius: 8px;
}

@media (max-width: 991px) {
	.mo-form form .hs-form-field .input input[type=text],
	.mo-form form .hs-form-field .input input[type=email] {
		width: 100% !important;
	}
}



@media (max-width: 991px) {
	.mo-form form fieldset.form-columns-2 div.hs-form-field .input select.hs-input {
		width: 100%;
	}
}

.mo-form form .hs-form-field .input textarea {
	width: 100%;
	min-height: 85px;
	outline: none;
	padding: 10px;
	font-weight: 600;
	font-size: 14px;
	border: 2px solid #1e3a5f;
	background-color: #0f1729;
	border-radius: 8px;
}

@media (max-width: 991px) {
	.mo-form form .hs-fieldtype-intl-phone.hs-input {
		width: 100% !important;
	}
}

.mo-form form .legal-consent-container ul.inputs-list {
	padding: 0px;
	list-style: none;
}

.mo-form form .legal-consent-container ul.inputs-list .hs-form-booleancheckbox > label {
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	.mo-form form .legal-consent-container ul.inputs-list .hs-form-booleancheckbox > label {
		align-items: flex-start;
	}
}


.mo-form form .hs-submit {
	padding-top: 10px;
}


.mo-form form input[type=submit] {
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	color:#fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 12px;
	padding: 14px 28px;
	text-align: center;
	text-decoration: none;
	display: inline-flex;
	height: auto;
    width: auto;
	outline: none;
	border: none;
}
/* CTAs */

.cta-container {
	gap: 30px;
	display: flex;
	justify-content: flex-start;
}

.cta-container.center {
	justify-content: center;
}

.cta-container.right {
	justify-content: flex-end;
}

.mo-cta {
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 12px;
	padding: 14px 28px;
	text-align: center;
	text-decoration: none;
	display: inline-flex;
	outline: none;
	border: none;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
	transition: opacity 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.mo-cta:hover {
	opacity: 0.9;
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

.mo-cta.outline {
	color: #3b82f6;
	background: transparent;
	border: 2px solid #3b82f6;
	box-shadow: none;
}

.mo-cta.outline:hover {
	background: rgba(59, 130, 246, 0.1);
	box-shadow: none;
}

.mo-cta.teal {
	color: #e2e8f0;
	border: none;
	background: #b8f2db;
}

.cta_button.btn.btn-teal {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 12px;
	padding: 14px 28px;
	text-align: center;
	text-decoration: none;
	display: inline-flex;
	background-color: #b8f2db;
	color: #e2e8f0;
	margin-top: 50px;
}

.read-more {
	align-items: center;
    color: #3b82f6;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: 5px;
    letter-spacing: 0;
    line-height: normal;
    text-align: center;
    text-decoration: none;
}

.read-more img {
	height: auto;
    max-width: 7px;
    filter: brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(206deg) brightness(99%) contrast(95%);
}
:root {
	--animate-duration: 0.3s;
	--animate-delay: 0.3s;
	--animate-repeat: 1;
}

.hidden {
	visibility: hidden !important;
}

* {
	box-sizing: border-box;
}

body {
	font-family: 'Inter', sans-serif;
	overflow-x: hidden;
	background-color: #0f1729;
}

.container {
	width: 100%;
	max-width: 1330px;
	padding: 0 20px;
	margin: 0 auto;
}

.container.unsubscribe-form-container {
	padding-top: 120px;
	padding-bottom: 120px;
}

/* ═══════════════════════════════════════════════════════════
   BREADCRUMB NAVIGATION
   ═══════════════════════════════════════════════════════════ */

.breadcrumb-nav {
	background: #0f1729;
	padding: 16px 0;
}

.breadcrumb-nav .container {
	display: flex;
	align-items: center;
}

.breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

.breadcrumb-list li {
	display: flex;
	align-items: center;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

.breadcrumb-list li a {
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	transition: color 0.2s ease;
}

.breadcrumb-list li a:hover {
	color: rgba(255, 255, 255, 0.9);
}

.breadcrumb-list li:last-child span {
	color: rgba(255, 255, 255, 0.75);
}

.breadcrumb-sep {
	margin: 0 10px;
	opacity: 0.3;
	flex-shrink: 0;
}

@media (max-width: 768px) {
	.breadcrumb-nav {
		display: none;
	}
}

@media (max-width: 991px) and (min-width: 769px) {
	.breadcrumb-list li {
		font-size: 12px;
	}
	.breadcrumb-sep {
		margin: 0 8px;
	}
}

/* ═══════════════════════════════════════════════════════════ */

.main-header {
	padding: 16px 0;
	background-color: #0f1729;
}

.main-header.blue {
	background-color: #0f1729;
}

.main-header.yellow {
	background-color: #0f1729;
}

.main-header.purple {
	background-color: #0f1729;
}

.main-header.orange {
	background-color: #0f1729;
}

.main-header.white {
	background-color: #0f1729;
}

.main-header.dark {
	background: transparent;
	border: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
}

.main-header.dark.scrolled {
	background: rgba(15, 23, 41, 0.95);
}

.main-navigation.dark ul li a {
	color: rgba(255, 255, 255, 0.85);
	font-weight: 400;
	transition: color 0.2s ease;
}

.main-navigation.dark ul li a:hover {
	color: #fff;
}

.main-navigation.dark ul li.hs-menu-depth-1:last-child a {
	color: #fff;
	font-weight: 600;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	border-radius: 8px;
	padding: 10px 24px;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.main-navigation.dark ul li.hs-menu-depth-1:last-child a:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

.main-navigation.dark ul li.hs-menu-depth-1.hs-item-has-children::after {
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/triangle.svg");
}

@media (max-width: 991px) {
	.main-navigation.dark {
		background-color: #0f1729;
	}
}

.main-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.open-mobile-menu {
	display: none;
}

@media (max-width: 1280px) {
	.open-mobile-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
	}
}

.main-navigation {
	position: relative;
}

@media (max-width: 991px) {
	.main-navigation {
		display: none;
		width: 100%;
		position: absolute;
		left: 0px;
		top: -16px;
		background-color: #0f1729;
		z-index: 1001;
		overflow-y: scroll;
		max-height: 100vh;
	}
}

.main-navigation .mobile-assets {
	display: none;
	padding: 30px 30px 0;
}

@media (max-width: 1280px) {
	.main-navigation .mobile-assets {
		display: flex;
		justify-content: space-between;
	}   
}

.main-navigation ul {
	display: flex;
	gap: 10px;
	align-items: center;
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}

@media (max-width: 1280px) {
	.main-navigation ul {
		padding: 30px;
		gap: 0px;
		flex-direction: column;
	}
}

.main-navigation ul li {
	padding: 18px 5px;
	display: block;
	cursor: pointer;
	transition: transform 250ms ease;
	margin-bottom: 0px;
}

@media (max-width: 1280px) {
	.main-navigation ul li {
		width: 100%;
		padding: 0px;
		margin-bottom: 0px;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #1e3a5f;
		position: relative;
		flex-direction: column;
		transition: transform 250ms ease;
	}
}

.main-navigation ul li.show {
	position: relative;
}

.main-navigation ul li:focus ul {
	display: flex;
}

.main-navigation ul li a {
	font-size: 13px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 12px;
	font-weight: 600;
	text-decoration: none;
}

@media (max-width: 1280px) {
	.main-navigation ul li a {
		width: 100%;
		padding: 20px 5px;
	}
}

.main-navigation ul li a .icon {
	width: 100%;
	max-width: 42px;
}

.main-navigation.blue ul li a,
.main-navigation.purple ul li a {
	color: #ffffff;
}

@media (max-width: 991px) {
	.main-navigation.blue ul li a,
	.main-navigation.purple ul li a {
		color: #e2e8f0;
	}
}

.main-navigation ul li.hs-menu-depth-1:last-child a {
	color: #fff;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	line-height: 12px;
	font-weight: 600;
	padding: 10px 33px;
}

@media (max-width: 1280px) {
	.main-navigation ul li.hs-menu-depth-1:last-child a {
		padding: 14px 33px;
	}
}

.main-navigation ul li.hs-menu-depth-1.hs-item-has-children::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: center;
	
	background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/triangle-down.svg);
}

.main-navigation.blue ul li.hs-menu-depth-1.hs-item-has-children::after,
.main-navigation.purple ul li.hs-menu-depth-1.hs-item-has-children::after {
	
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/triangle.svg");
}

@media (max-width: 768px) {
	.main-navigation.blue ul li.hs-menu-depth-1.hs-item-has-children::after,
	.main-navigation.purple ul li.hs-menu-depth-1.hs-item-has-children::after {
		transform: rotate(270deg);
		
		background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/chevron.svg);
	}
}

@media (max-width: 1280px) {
	.main-navigation ul li.hs-menu-depth-1.hs-item-has-children::after {
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 1001;
		width: 48px;
		height: 52px;
		border: 1px solid #1e3a5f;
		border-bottom: 0px;
		border-top: 0px;
		border: none;
		transform: rotate(270deg);
		transition: transform 250ms ease;
		background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/chevron.svg);
	}
}

.main-navigation ul li.hs-menu-depth-1.hs-item-has-children.show::after {
	
	background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/triangle-up.svg);
}

.main-navigation.blue ul li.hs-menu-depth-1.hs-item-has-children.show::after,
.main-navigation.purple ul li.hs-menu-depth-1.hs-item-has-children.show::after {
	transform: rotate(180deg);
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/triangle.svg");
}

@media (max-width: 768px) {
	.main-navigation.blue ul li.hs-menu-depth-1.hs-item-has-children.show::after,
	.main-navigation.purple ul li.hs-menu-depth-1.hs-item-has-children.show::after {
		transform: rotate(0deg);
		background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/chevron.svg);
	}	
}

@media (max-width: 1280px) {
	.main-navigation ul li.hs-menu-depth-1.hs-item-has-children.show::after {
		transform: rotate(360deg);
		background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/raw_assets/public/mo-refresh-2026/images/chevron.svg);
	}
}

.main-navigation ul li.show > .hs-menu-children-wrapper {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	position:absolute;
	
	left: -250px;
	top: 60px;
	gap: 0px;
	background-color: #1a2640;
	z-index: 999;
}

@media (max-width: 1280px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper {
		top: 0px;
		flex-direction: column;
		position: relative;
		padding: 0px;
		left: 0px;
	}
}

.main-navigation ul li.show > .hs-menu-children-wrapper.one {
	left: -60px;
}

@media (max-width: 768px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper.one {
		left: 0px;
	}	
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children {
	width: 280px;
	padding: 40px 30px;
	background-color: #0f1729;
	display: flex;
	flex-direction: column;
	transition: width 250ms ease;
}

@media (max-width: 1280px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children {
		width: 100%;
		padding: 0px 0px 0px;
		background-color: #0f1729;
		margin-bottom: 0px;
	}
}

@media (max-width: 1280px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children.show .hs-menu-children-wrapper {
		display: flex;
	}
}

@media (max-width: 1280px) {
	.main-navigation ul li.show>.hs-menu-children-wrapper>li.hs-menu-depth-2.hs-item-has-children::after {
		content: "";
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 1001;
		width: 48px;
		height: 52px;
		border: 1px solid #1e3a5f;
		border-bottom: 0px;
		border-top: 0px;
		border: none;
		transform: rotate(270deg);
		background-position: center;
		background-repeat: no-repeat;
		transition: transform 250ms ease;
		background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Chevron.svg");
	}
}

@media (max-width: 1280px) {
	.main-navigation ul li.show>.hs-menu-children-wrapper>li.hs-menu-depth-2.hs-item-has-children.show::after {
		content: "";
		transform: rotate(360deg);
	}
}


.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children li.hs-menu-depth-3 a {
	flex-direction: column;
	align-items: flex-start;
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children li.hs-menu-depth-3 a span {
	font-size: 10px;
	color: #94a3b8;
	letter-spacing: 0;
	line-height: 15px;
	font-weight: 400;
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children:nth-child(1) li.hs-menu-depth-3 a:hover {
	color: #4E79F3;
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children:nth-child(2) li.hs-menu-depth-3 a:hover {
	color: #FF7A48;
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children:nth-child(3) li.hs-menu-depth-3 a:hover {
	color: #AB5CBB;
}

.main-navigation ul li:nth-child(2).show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children:nth-child(1) li.hs-menu-depth-3 a:hover {
	color: #FFC600;
}

.main-navigation ul li:nth-child(2).show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children:nth-child(2) li.hs-menu-depth-3 a:hover {
	color: #4E79F3;
}


.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children:hover {
	width: 300px;
	background-color: #243352;
}

@media (max-width: 768px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children:hover {
		width: 100%;
	}
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}

@media (max-width: 1280px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children a {
		width: 100%;
		gap: 16px;
		padding: 10px;
		margin-bottom: 0px;

	}
}


.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children > a {
	height: 75px;
}


@media (max-width: 1280px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children a img {
		width: 100%;
		max-width: 35px;
	}
}


.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children a section {
	gap: 2px;
	display: flex;
	flex-direction: column;
}

@media (max-width: 768px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children a section {
		max-width: 75%;
	}
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children a section span {
	color: #94a3b8;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 15px;
}



.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

@media (max-width: 768px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper {
		display: none;
		padding: 0px;
	}
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper li {
	padding: 0px;
	margin-bottom: 20px;
}

@media (max-width: 1280px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper li {
		border-bottom: 0px;
		margin-bottom: 0px;
	}
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper li:last-child {
	margin-bottom: 0px;
}

.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper li a {
	margin-bottom: 0px;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 23px;
	font-weight: 600;
	max-width: 220px;
}


@media (max-width: 1280px) {
	.main-navigation ul li.show > .hs-menu-children-wrapper > li.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper li a {
		gap: 5px;
		max-width: unset;
	}
}


.main-navigation li.hs-item-has-children .hs-menu-children-wrapper {
	display: none;
}

.spotlight {
	position: absolute;
	left: 0;
	top: 0px;
	height: 100%;
	background-color: #243352;
}

.logo img {
	width: 100%;
	max-width: 218px;
}








/* HERO BANNER */
.hero-banner {
	padding: 20px 0;
	
}

.hero-banner.blue {
	background-color: #0f1729;
}

.hero-banner.yellow {
	background-color: #0f1729;
}

.hero-banner.purple {
	background-color: #0f1729;
}

.hero-banner.light_purple {
	background-color: #0f1729;
}

.hero-banner.orange {
	background-color: #0f1729;
}

.hero-banner.form {
	max-height: calc(730px - 85px);
}

@media (max-width: 768px) {
	.hero-banner.form {
		max-height: none;
	}
}

.hero-banner.form .container .content-container {
	align-items: flex-start;
}

.hero-banner .container {
	padding: 0;
	/* 	justify-content: center; */
	/*     display: grid; */
	display: flex;
	/* 	max-width: 100%; */
	/* 	grid-template-columns: 1fr minmax(auto, 1190px) 1fr; */
}

.hero-banner .container div {
	/*     border: 1px solid #000; */
}

.hero-banner .container .content-container {
	width: 100%;
	display: grid;
	max-width: 100%;
	align-items: center;
	padding: 0 20px 50px;
	grid-template-columns: minmax(745px, 860px) 1fr;
}

@media (max-width: 1440px) {
	.hero-banner .container .content-container {
		grid-template-columns: minmax(auto, 650px) 1fr;
	}
}


@media (max-width: 1280px) {
	.hero-banner .container .content-container {
		padding: 0 20px 0px;
		grid-template-columns: 1fr;
	}
}



.hero-banner .container .content-container.form {
	gap: 30px;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
	.hero-banner .container .content-container.form {
		grid-template-columns: 1fr;
	}
}

.hero-banner .container .content-container.extended {
	padding: 100px 20px 100px;
	grid-template-columns: minmax(auto, 930px);
}

.hero-banner h1 {
	margin-bottom: 37px;
}

.hero-banner h4 {
	font-size: 23px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 28.75px;
	font-weight: 600;
}

@media (max-width: 1024px) {
	.hero-banner .container .content-container .image {
		display: none;
	}
}

.hero-banner .container .content-container .image img {
	max-width: 557px;
}

@media (max-width: 1440px) {
	.hero-banner .container .content-container .image img {
		max-width: 100%;
		height: 100%;
		object-fit: contain;
	}
}


.hero-banner .container .content-container .image.fit-object img {
	object-fit: contain;
}


.hero-banner .container .content-container .stats.desktop {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	width: 100%;
	/* 	max-width: 1150px; */
	max-width: 100%;
	grid-column: span 2;
	margin-top: 30px;
	padding: 60px 0;
	gap: 30px;
}

@media (max-width: 1024px) {
	.hero-banner .container .content-container .stats.desktop {
		display: none;
	}
}

.hero-banner .container .content-container .stats.mobile {
	display: none;
}

@media (max-width: 1024px) {
	.hero-banner .container .content-container .stats.mobile {
		display: block;
	}   
}

.hero-banner .bx-wrapper {
	display: none;
	max-width: 100% !important;	
	border: none;
	box-shadow: none;
	margin-bottom: 0px;
	padding-top: 55px;
	background-color: transparent;
}

@media (max-width: 1280px) {
	.hero-banner .bx-wrapper {
		display: block;
	}
}

.hero-banner .container .content-container .stats .item {

}

.hero-banner .container .content-container .stats .item .number {
	font-size: 35.75px;
	color: #4e79f3;
	letter-spacing: 0;
	font-weight: 700;
	margin-bottom: 7px;
}

.hero-banner .container .content-container .stats .item .number.yellow {
	color: #ffc600;
}

.hero-banner .container .content-container .stats .item .number + div {
	gap: 10px;
	display: flex;
	align-items: flex-start;
}

.hero-banner .container .content-container .stats .item .text {
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 600;
}

/* ===== DARK HERO VARIANT (RevOps-style) ===== */
.hero-banner.dark {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 120px 0 80px;
	background-color: #0f1729;
}

.hero-banner.dark .container {
	display: flex;
	justify-content: center;
	padding: 0 20px;
}

.hero-banner.dark .content-container.centered {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 900px;
	width: 100%;
	position: relative;
	z-index: 2;
}

.hero-banner.dark .content-container.centered .mo-badge {
	margin-bottom: 32px;
}

.hero-banner.dark .content-container.centered .content.centered {
	margin-bottom: 40px;
}

.hero-banner.dark .content-container.centered .content.centered h1 {
	background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ff7a48);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 24px;
}

.hero-banner.dark .content-container.centered .content.centered h3,
.hero-banner.dark .content-container.centered .content.centered h4,
.hero-banner.dark .content-container.centered .content.centered p {
	color: #94a3b8;
	-webkit-text-fill-color: #94a3b8;
}

.hero-banner.dark .content-container.centered .content.centered h1 span {
	color: inherit !important;
	-webkit-text-fill-color: transparent !important;
}

.hero-banner.dark .content-container.centered .content.centered h3 span,
.hero-banner.dark .content-container.centered .content.centered p span {
	color: #94a3b8 !important;
}

.hero-banner.dark .cta-container {
	margin-bottom: 60px;
}

/* --- Hero stats row: clean inline layout with dividers --- */
.hero-banner.dark .hero-stats-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0;
}

.hero-banner.dark .hero-stat {
	flex: 1;
	text-align: center;
	padding: 0 24px;
}

.hero-banner.dark .hero-stat-divider {
	width: 1px;
	height: 48px;
	background: rgba(255, 255, 255, 0.12);
	flex-shrink: 0;
}

.hero-banner.dark .hero-stat-number {
	font-family: 'Outfit', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #3b82f6;
	letter-spacing: -0.02em;
	line-height: 1;
	margin-bottom: 8px;
}

.hero-banner.dark .hero-stat-label {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 6px;
}

.hero-banner.dark .hero-stat-icon img {
	width: 14px;
	height: 14px;
	opacity: 0.5;
	filter: brightness(0) invert(1);
	margin-top: 2px;
}

.hero-banner.dark .hero-stat-text {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	font-weight: 500;
	line-height: 1.3;
}

@media (max-width: 768px) {
	.hero-banner.dark .hero-stats-row {
		flex-wrap: wrap;
		gap: 24px 0;
	}
	.hero-banner.dark .hero-stat {
		flex: 0 0 50%;
		padding: 0 16px;
	}
	.hero-banner.dark .hero-stat-divider {
		display: none;
	}
}

@media (max-width: 768px) {
	.hero-banner.dark {
		min-height: auto;
		padding: 100px 0 60px;
	}
	.hero-banner.dark .content-container.centered .content.centered h1 {
		font-size: 38px;
		line-height: 42px;
	}
}


/* SERVICES */
.services-container {

}

.services-container .section-header {
	text-align: center;
	margin-bottom: 65px;
}

.services-container .section-header .mo-badge {
	margin-bottom: 24px;
}

.services-container .section-header header {
	margin-bottom: 0;
}

.services-container header {
	margin-bottom: 65px;
}

.services-container .services {
	gap: 32px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1280px) {
	.services-container .services {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.services-container .services {
		grid-template-columns: repeat(1, 1fr);
	}
}


.services-container .services .service {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 60px 40px;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 250ms ease;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
}

.services-container .services .service .inner-content {
	flex: 1;
	margin-bottom: 30px;
}

.services-container .services .service .inner-content:last-child {
	margin-bottom: 0px;
}


.services-container .services .service a {
	text-decoration: none;
}

.services-container .services .service .pre-title {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
}


.services-container .services .service .title {
	font-size: 30px;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
}


.services-container .services .service p {
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
}

.services-container .services .service p:last-child {
	margin-bottom: 0px;
}

.services-container .services .service a.mo-cta,
.services-container .services .service a.mo-cta:link,
.services-container .services .service a.mo-cta:visited {
	color: #fff !important;
}

.services-container.two-column .container {
	gap: 32px;
	display: grid;
	align-items: center;
	grid-template-columns: 570px 1fr;
}

@media (max-width: 1024px) {
	.services-container.two-column .container {
		grid-template-columns: 1fr;
	}
}

.services-container.two-column .container header {
	margin-bottom: 0px;
}

.services-container.two-column .services {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1024px) {
	.services-container.two-column .services {
		grid-template-columns: repeat(1, 1fr);
	}	
}

.services-container.two-column .services .service {
	padding: 25px 25px;
}

.services-container.two-column .services .service .title {
	font-size: 51.72px;
	margin-bottom: 15px;
	line-height: 50px;
}

.services-container.two-column .services .service .pre-title {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 20px;
}

.services-container.two-column .services .service p {
	font-size: 16px;
	margin-bottom: 0px;
	line-height: 25px;
}






.testimonials-slider-container {
	display: grid;
	grid-template-columns: 1fr minmax(auto, 1190px) 1fr;
}

@media (max-width: 1024px) {
	.testimonials-slider-container {
		display: block;
		/* 	    grid-template-columns: 1fr 1fr; */
	}
}


.testimonials-slider-container .left-filler {
	background-color: #4e79f3;
}

@media (max-width: 1024px) {
	.testimonials-slider-container .left-filler {
		display: none;
	}
}

.testimonials-slider-container .right-filler {
	background-color: #ffc600;
}

@media (max-width: 1024px) {
	.testimonials-slider-container .right-filler {
		display: none;
	}
}

.testimonials-slider-container .slider-container {
	display: grid;
	grid-template-columns: calc(326px + 144px) calc(1190px - 470px);
}

@media (max-width: 1280px) {
	.testimonials-slider-container .slider-container {
		display: flex;
		flex-direction: column;
	}
}

.testimonials-slider-container .slider-container .content {
	padding: 185px 20px 0;
	background-color: #4e79f3;
}

@media (max-width: 1280px) {
	.testimonials-slider-container .slider-container .content {
		padding: 80px 30px;
	}
}

.testimonials-slider-container .slider-container .content h6 {
	color: #ffc600;
}

.testimonials-slider-container .slider-container .content h2 {
	color: #ffffff;
	margin-bottom: 0px;
}

.testimonials-slider-container #testimonials-slider {
	margin-bottom: 80px;
}

.testimonials-slider-container .slider-container .slider {
	padding: 80px 0 35px 75px;
	background-color: #ffc600;
}

@media (max-width: 1280px) {
	.testimonials-slider-container .slider-container .slider {
		padding: 80px 75px 35px 75px;
	}
}

@media (max-width: 768px) {
	.testimonials-slider-container .slider-container .slider {
		padding: 30px;
	}
}

.testimonials-slider-container .slider-container .slider .quote {
	margin-bottom: 30px;
}

.testimonials-slider-container .slider .testimonial {
	margin-bottom: 55px;
	font-weight: 700;
}

.testimonials-slider-container .slider .name {
	font-weight: 600;
	margin-bottom: 8px;
}

.testimonials-slider-container .slider .position {
	margin-bottom: 15px;
}

.testimonials-slider-container .slider .star-rating {
	display: flex;
	gap: 6px;
}

.testimonials-slider-container .slider .slick-slide {
	padding-left: 50px;
}

@media (max-width: 1024px) {
	.testimonials-slider-container .slider .slick-slide {
		padding-left: 0px;
	}   
}




.clients-slider {

}

.clients-slider .slider {
	margin-bottom: 100px;
}


.dots-container .slick-dots {
	display: flex;
	justify-content: center;
	padding: 0px;
	margin: 0px;
	list-style: none;
	gap: 16px;
}

.dots-container .slick-dots li button {
	width: 10px;
	height: 10px;
	display: block;
	outline: none;
	border: none;
	text-indent: -9999rem;
	border-radius: 50%;
	background-color: #243352;
	padding: 0px;
	cursor: pointer;
}


.dots-container .slick-dots li.slick-active button {
	background-color: #4e79f3;
}




.testimonials-dark {
	padding: 100px 0;
}

.testimonials-dark .container {
	max-width: 1190px;
	margin: 0 auto;
	padding: 0 30px;
}

.testimonials-dark .section-header {
	text-align: center;
	margin-bottom: 60px;
}

.testimonials-dark .section-header h2 {
	color: #e2e8f0;
	margin-bottom: 0;
}

.testimonials-dark .section-header h6 {
	color: #3b82f6;
	margin-bottom: 8px;
}

.testimonials-dark .section-header p {
	color: #94a3b8;
	max-width: 600px;
	margin: 16px auto 0;
}

.testimonials-dark-slider {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 24px;
}

@media (max-width: 768px) {
	.testimonials-dark-slider {
		grid-template-columns: 1fr;
	}
}

.testimonials-dark .testimonial-card {
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.testimonials-dark .testimonial-card .quote-mark {
	margin-bottom: 4px;
}

.testimonials-dark .testimonial-card .testimonial {
	font-size: 17px;
	line-height: 1.7;
	font-weight: 500;
	color: #94a3b8;
	flex: 1;
	margin: 0;
}

.testimonials-dark .testimonial-card .testimonial-footer {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.testimonials-dark .testimonial-card .name {
	font-size: 16px;
	font-weight: 600;
	color: #e2e8f0;
	margin: 0 0 4px;
}

.testimonials-dark .testimonial-card .position {
	font-size: 13px;
	color: #94a3b8;
	margin: 0;
	opacity: 0.7;
}

.testimonials-dark .testimonial-card .star-rating {
	display: flex;
	gap: 3px;
	flex-shrink: 0;
}

.testimonials-dark .testimonials-dark-slider {
	margin-bottom: 48px;
}

.testimonials-dark .dots-container.dark .slick-dots li button {
	background-color: rgba(255, 255, 255, 0.15);
}

.testimonials-dark .dots-container.dark .slick-dots li.slick-active button {
	background-color: #3b82f6;
}

.testimonials-source {
	text-align: center;
	margin-top: 32px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.35);
	letter-spacing: 0.02em;
}

.testimonials-source a {
	color: rgba(255, 255, 255, 0.5);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.2s ease;
}

.testimonials-source a:hover {
	color: rgba(255, 255, 255, 0.7);
}




.clients-slider {

}


.clients-slider .intro {
	width: 100%;
	max-width: 680px;
	margin-bottom: 100px;
}

.clients-slider #clients-slider .slide .image-container{
	display: flex;
	justify-content: center;
	align-items: center;
}

.clients-slider #clients-slider .slide {
	display: grid;
	gap: 45px;
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991px) {
	.clients-slider #clients-slider .slide {
		grid-template-columns: repeat(2, 1fr);
	}
}


.clients-slider #clients-slider .slide.five-column {
	grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1024px) {
	.clients-slider #clients-slider .slide.five-column {
		grid-template-columns: repeat(2, 1fr);
	}	
}


.clients-slider #clients-slider .slide img {
	max-width: 100%;
}



.clients-dots-container .slick-dots {
	display: flex;
	justify-content: center;
	padding: 0px;
	margin: 0px;
	list-style: none;
	gap: 16px;
}

.clients-dots-container .slick-dots li button {
	width: 10px;
	height: 10px;
	display: block;
	outline: none;
	border: none;
	text-indent: -9999rem;
	border-radius: 50%;
	background-color: #243352;
	padding: 0px;
	cursor: pointer;
}


.clients-dots-container .slick-dots li.slick-active button {
	background-color: #4e79f3;
}




.clients-dark .section-header {
	text-align: center;
	margin-bottom: 64px;
}

.clients-dark .section-header h2 {
	color: #e2e8f0;
	margin-bottom: 12px;
}

.clients-dark .section-header p {
	color: #94a3b8;
	max-width: 600px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.6;
}

.clients-dark .intro {
	display: none;
}

.clients-dark #clients-slider .slide {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991px) {
	.clients-dark #clients-slider .slide {
		grid-template-columns: repeat(2, 1fr);
	}
}

.clients-dark #clients-slider .slide.five-column {
	grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1024px) {
	.clients-dark #clients-slider .slide.five-column {
		grid-template-columns: repeat(2, 1fr);
	}
}

.clients-dark .logo-card {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 28px 24px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
	min-height: 80px;
}

.clients-dark .logo-card:hover {
	transform: translateY(-3px);
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15), 0 0 0 1px rgba(59, 130, 246, 0.1);
}

.clients-dark .logo-card img {
	max-width: 100%;
	max-height: 48px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: none;
}

.clients-dark .slider {
	margin-bottom: 48px;
}

.clients-dark .clients-dots-container.dark .slick-dots li button {
	background-color: rgba(255, 255, 255, 0.15);
}

.clients-dark .clients-dots-container.dark .slick-dots li.slick-active button {
	background-color: #3b82f6;
}


.posts-slider-container.v2 {
	padding-top: 55px;
	padding-bottom: 70px;
}

.posts-slider-container.v2 .slick-list{
	padding-bottom: 60px;
}

.posts-slider-container header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
	flex-wrap: wrap;
}

@media (max-width: 768px) {
	.posts-slider-container header {
		gap: 35px;
		flex-direction: column;
	}
}

.posts-slider-container header h2 {
	margin: 0px;
}

.posts-slider-container header .cta {
	display: inline-block;
	color: #ffffff;
	font-weight: 600;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	text-decoration: none;
	padding: 11px 36px;
}

@media (max-width: 768px) {
	.posts-slider-container header .cta {
		display: none;
	}
}

.posts-slider-container header .rich-text {
	width: 100%;
	padding-top: 35px;
}

.posts-slider-container header .rich-text .inner-content {
	width: 100%;
	max-width: 600px;
}

.posts-slider-container .posts-container {
	margin-bottom: 30px;
}

.posts-slider-container .posts-container .post {
	display: flex;
	flex-direction: column;
	margin-right: 30px;
	width: 100%;
	max-width: 345px;
}

.posts-slider-container.v2 .posts-container .post {

}

.posts-slider-container.v2 .posts-container .post {
	height: unset;
	background: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.posts-slider-container.v2 .posts-container .post .body {
	flex: 1;
	display: flex;
	padding: 25px 23px;
	flex-direction: column;
}



.posts-slider-container .posts-container .post .read-more {
	display: none;
}

.posts-slider-container.v2 .posts-container .post .read-more {
	gap: 5px;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #3b82f6;
	letter-spacing: 0;
	text-align: center;
	line-height: normal;
	font-weight: 600;
	text-decoration: none;
}

.posts-slider-container.v2 .posts-container .post .read-more img {
	height: auto;
	max-width: 7px;
}

.posts-slider-container .posts-container .post h4 {
	line-height: 30px;
	font-weight: 600;
}

.posts-slider-container.v2 .posts-container .post h4 {
	flex: 1;
}

.posts-slider-container .posts-container .post h4 a {
	color: inherit;
	text-decoration: none;
}

.posts-slider-container .posts-container .post .featured-image {
	height: 240px;
	width: 100%;
	margin-bottom: 15px;
}

@media (max-width: 768px) {
	.posts-slider-container .posts-container .post .featured-image img {
		width: 100%;
	}
}

.posts-slider-container.v2 .posts-container .post .featured-image {
	height: 220px;
	margin-bottom: 0px;
}

.posts-slider-container .posts-container .post .tags {
	gap: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 13px;
}

.posts-slider-container .posts-container .post .tags .tag{
	margin: 0px;
	font-size: 15px;
	color: #4E79F3;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
}

.posts-slider-container .posts-container .post .tags .tag:has(img) {
	gap: 10px;
	display: flex;
	align-items: center;
	text-wrap: nowrap;
	text-transform: capitalize;
}

.posts-slider-container .posts-container .post .tags .tag:has(img) .icon {
	max-width: 18px;
}

.posts-slider-container .posts-container .post img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.posts-slider-container .posts-container .slick-track {
	display: flex;
}

.posts-slider-container .posts-arrows {
	display: flex;
	gap: 40px;
	justify-content: flex-end;
}

.posts-slider-container .posts-arrows button {
	outline: none;
	border: none;
	background-color: transparent;
	padding: 0px;
	cursor: pointer;
}







.feature-highlights {

}

.feature-highlights .container {
	gap: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 480px) {
	.feature-highlights .container {
		grid-template-columns: repeat(1, 1fr);
	}
}

.feature-highlights .container .column {
	gap: 30px;
	display: flex;
	align-items: start;
}



















.logo-strip {

}

.logo-strip .container {
	display: grid;
	align-items: center;
	grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 991px) {
	.logo-strip .container {
		row-gap: 60px;
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.logo-strip .container {
		row-gap: 60px;
		grid-template-columns: repeat(2, 1fr);
	}
}

.logo-strip .image-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 768px) {
	.logo-strip .image-container {
		padding: 0 20px;
	}
}


















.tabs {

}

.tab-buttons {
	gap: 30px;
	width: 100%;
	display: flex;
	margin-bottom: 1rem;
}

@media (max-width: 991px) {
	.tab-buttons {
		overflow-x: scroll;
	}
}

.tab-button {
	flex: 1;
	color: #fff;
	border: none;
	display: flex;
	padding: 0.85rem 0rem;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	background: none;
	border-bottom: 2px solid #FFFFFF;
	transition: background 0.3s;
}

@media (max-width: 991px) {
	.tab-button {
		white-space: nowrap;
	}
}

.tab-button.active,
.tab-button:hover {
	color: #AB5CBB;
	background: none;
	font-weight: 600;
	border-bottom: 2px solid #AB5CBB;
}

.tab-content {
	display: none;
	padding: 75px 0rem;
}

.tab-content.active {
	display: block;
}

.tab-content .content {
	gap: 30px;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr minmax(auto, 470px);
}

@media (max-width: 991px) {
	.tab-content .content {
		gap: 30px;
		grid-template-columns: 1fr;
	}
}









.webinars-container {
	padding-top: 120px;
	padding-bottom: 120px;
}

.webinars-container.post {
	background-color: #1a2640;
}

.webinars-container #filter-webinars {
	display: grid;
	padding-top: 15px;
	align-items: center;
	margin-bottom: 115px;
	grid-template-columns: minmax(auto, 200px) 1fr;
}

.webinars-container #filter-webinars h3 {
	margin-bottom: 0px;
}

.webinars-container #filter-webinars #selected-filters {
	gap: 15px;
	display: flex;
	grid-column: 2;
	flex-wrap: wrap;
	padding-top: 25px;
}

.webinars-container #filter-webinars #selected-filters .filter-item {
	gap: 3px;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #4e79f3;
	height: 24px;
	padding: 0 8px;
	cursor: pointer;
}

.webinars-container #filter-webinars #selected-filters .filter-item::before {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/close.svg);
}

.webinars-container .input-container {
	gap: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.webinars-container .input-container .options-group {
	width: 100%;
	height: 47px;
	display: flex;
	padding: 0px 10px;
	color: #e2e8f0;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	flex-direction: column;
	justify-content: center;
	border: 2px solid #4e79f3;
	cursor: pointer;
}

.webinars-container .input-container .options-group::after {
	background-color: #4e79f3;
	background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Large%20Triangle%20Drop%20Down.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 16px;
	content: "";
	display: block;
	height: 100%;
	width: 43px;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.webinars-container .options-group .group-selected-option {
	display: flex;
	align-items: center;
	height: 100%;
	z-index: 9999;
	text-transform: capitalize;
}

.webinars-container .options-group .options .option {
	padding: 15px 25px;
	text-transform: capitalize;
}

.webinars-container .options-group .group-selected-option + .options {
	gap: 15px;
	width: 100%;
	display: none;
	position: absolute;
	left: 0px;
	top: 45px;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.webinars-container .options-group .group-selected-option + .options.open {
	gap: 0px;
	display: flex;
	flex-direction: column;
}

.webinars-container .input-container .clear {
	color: #e2e8f0;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.webinars-container .all-webinars {
	gap: 30px;
	display: grid;
	min-height: 390px;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
	.webinars-container .all-webinars {
		grid-template-columns: repeat(1, 1fr);
	}
}

.webinars-container .all-webinars .section-title {
	grid-column: 1 / -1;
}

.webinars-container .post {
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.webinars-container .post .featured-image {
	height: 210px;
	overflow: hidden;
}

.webinars-container .loading {
	grid-column: 1 / -1;
	text-align: center;
}

.webinars-container .all-webinars:has(.post) .loading {
	display: none;
}

.webinars-container .post .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 25px 30px;
}

.webinars-container .post .body .title {
	flex: 1;
	margin-bottom: 35px;
}

.webinars-container .post .body .title a {
	color: inherit;
	text-decoration: none;
}

.webinars-container .post .tags {
	gap: 15px;
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 13px;
}

.webinars-container .post .tag {
	align-items: center;
	display: flex;
	gap: 10px;
	text-wrap: nowrap;
	color: #4e79f3;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 35px;
	margin: 0;
}

.webinars-container .post .featured-image img {
	max-width: 100%;
}




















.video-slider-container {
	display: grid;
	grid-template-columns: 1fr minmax(auto, 1190px) 1fr;
}

@media (max-width: 1024px) {
	.video-slider-container {
		display: flex;
		flex-direction: column;
	}
}

.video-slider-container .video-container {
	display: grid;
	grid-template-columns: 700px 1fr;
}

.video-slider-container .video-container.slick-slide {
	display: grid;
	grid-template-columns: 700px 1fr;
}

@media (max-width: 1024px) {
	.video-slider-container .video-container.slick-slide {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		display: flex;
		flex-direction: column-reverse;
	}
}

.video-slider-container .video-container .video {
	padding: 40px 20px;
	background-color: #4e79f3;
	display: grid;
	grid-template-columns: 1fr 300px;
	position: relative;
}

@media (max-width: 1024px) {
	.video-slider-container .video-container .video {
		display: flex;
	}
}

.video-slider-container .video-container .video .play-video {
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background-color: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	outline: none;
	border: none;
	padding: 0px;
}

.video-slider-container .slick-arrow {
	padding: 0;
	outline: none;
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 25px;
	margin: auto;
	z-index: 1;
	cursor: pointer;
	background-color: transparent;
}

.video-slider-container .slick-arrow.prev {
	left: -35px;
}

.video-slider-container .slick-arrow.next {
	right: -35px;
}

@media (max-width: 1280px) {
	.video-slider-container .slick-arrow.next {
		right: 0px;
	}   
}

.video-modal {
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.video-modal .video-wrapper {
	width: 100%;
	max-width: 1190px;
	margin: 0 auto;
	background-color: #1a2640;
	position: relative;
	z-index: 10;
}

.video-modal.show-video {
	display: flex;
	align-items: center;
	z-index: 11;
}

.video-modal .backdrop {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 9;
}

.video-modal .video-wrapper video {
	max-width: 100%;
	vertical-align: middle;
}

.video-slider-container .video-container .video .video-content {

}

@media(max-width: 1024px) {
	.video-slider-container .video-container .video .video-content {
		flex: 1;
	}
}

.video-slider-container .video-container .video .video-model {

}

@media(max-width: 1024px) {
	.video-slider-container .video-container .video .video-model {
		flex: 1;
		display: none;
	}
}

.video-slider-container .video-container .video h6 {
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 52px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 15px;
}

.video-slider-container .video-container .video h3 {
	font-size: 65px;
	color: #262f53;
	letter-spacing: 0;
	line-height: 60px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 22px;
}

.video-slider-container .video-container .video h4 {
	font-size: 25px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
	margin: 0px;
}

.video-slider-container .video-container .video .video-model img {
	max-width: 100%;
}

.video-slider-container .video-container .content {
	padding: 40px 30px 40px 70px;
	background-color: #262f53;
}

@media (max-width: 1024px) {
	.video-slider-container .video-container .content {
		padding: 30px;
	}
}

.video-slider-container .video-container .content h6 {
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 52px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 15px;
}

.video-slider-container .video-container .content h2 {
	font-size: 45px;
	color: #FFC600;
	letter-spacing: 0;
	line-height: 50px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 22px;
}

.video-slider-container .video-container .content h4 {
	color: #ffffff;
	margin-bottom: 0px;
}

.video-slider-container .left-filler {
	background-color: #4e79f3
}

@media (max-width: 1024px) {
	.video-slider-container .left-filler {
		display: none;
	}
}

.video-slider-container .right-filler {
	background-color: #262f53
}

@media (max-width: 1024px) {
	.video-slider-container .right-filler {
		display: none;
	}
}




.video-showcase {
	padding: 100px 0;
}

.video-showcase .container {
	max-width: 1190px;
	margin: 0 auto;
	padding: 0 30px;
}

.video-showcase .section-header {
	text-align: center;
	margin-bottom: 60px;
}

.video-showcase .section-header h2 {
	color: #e2e8f0;
	margin-bottom: 12px;
}

.video-showcase .section-header p {
	color: #94a3b8;
	max-width: 550px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.6;
}

.video-showcase .video-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
}

@media (max-width: 768px) {
	.video-showcase .video-grid {
		grid-template-columns: 1fr;
	}
}

.video-showcase .video-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.video-showcase .video-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
	border-color: rgba(59, 130, 246, 0.2);
}

.video-showcase .video-thumb {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	cursor: pointer;
	background: linear-gradient(135deg, #1a2640, #243352);
}

.video-showcase .video-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.video-showcase .video-card:hover .video-thumb img {
	transform: scale(1.03);
}

.video-showcase .video-thumb .thumb-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.1));
}

.video-showcase .video-thumb .thumb-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.25);
	transition: background 0.3s ease;
}

.video-showcase .video-card:hover .thumb-overlay {
	background: rgba(0, 0, 0, 0.15);
}

.video-showcase .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(59, 130, 246, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4);
}

.video-showcase .video-card:hover .play-btn {
	transform: translate(-50%, -50%) scale(1.1);
	background: rgba(59, 130, 246, 1);
	box-shadow: 0 6px 30px rgba(59, 130, 246, 0.5);
}

.video-showcase .video-info {
	padding: 24px 28px;
}

.video-showcase .video-info h6 {
	color: #3b82f6;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 8px;
	line-height: 1.3;
}

.video-showcase .video-info h2 {
	color: #e2e8f0;
	font-size: 22px;
	line-height: 1.3;
	margin: 0 0 10px;
	font-weight: 700;
}

.video-showcase .video-info h4 {
	color: #94a3b8;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0;
}




.image-text-container {

}


.image-text-container .container {
	display: grid;
	max-width: 100%;
	padding: 0px;
	grid-template-columns: 1fr minmax(auto, 1440px) 1fr;
}

.image-text-container .container .left-filler {
	background-color: #ffc600;
}

.image-text-container .container .content-container {
	gap: 150px;
	padding: 0 0px;
	display: grid;
	grid-template-columns: 460px 1fr;
}

@media (max-width: 1280px) {
	.image-text-container .container .content-container {
		padding: 80px 30px;
		grid-template-columns: 1fr;
	}
}

.image-text-container .container .content-container .model {
	padding: 0 0px;
	background-color: #ffc600;
}

@media (max-width: 1024px) {
	.image-text-container .container .content-container .model {
		display: none;
	}
}

.image-text-container .container .content-container .model img {
	max-width: 100%;
	width: 100%;
}

.image-text-container .container .content-container .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 150px 0 0px;
}

@media (max-width: 1024px) {
	.image-text-container .container .content-container .content {
		padding: 0 0px 0 0px;
	}
}

.image-text-container .container .content-container .content .lists {
	display: grid;
	gap: 70px;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
	.image-text-container .container .content-container .content .lists {
		gap: 0px;
		grid-template-columns: repeat(1, 1fr);
	}
}


.image-text-container .container .content-container .content .lists ul {
	padding-left: 18px;
}


.image-text-container .container .content-container .content .lists li {
	color: #e2e8f0;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
	margin-bottom: 25px;
}

.image-text-container .container .content-container .content .lists ul ::marker {
	color: #4e79f3;
}

.image-text-container .container .right-filler {
	background-color: #0f1729;
}




.image-text-dark {
	padding: 100px 0;
}

.image-text-dark .container {
	max-width: 1190px;
	margin: 0 auto;
	padding: 0 30px;
}

.image-text-dark .it-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}

@media (max-width: 1024px) {
	.image-text-dark .it-grid {
		grid-template-columns: 1fr;
		gap: 48px;
	}
}

.image-text-dark .it-image {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.1));
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.image-text-dark .it-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.image-text-dark .it-content .mo-badge {
	margin-bottom: 20px;
}

.image-text-dark .it-content h6 {
	color: #3b82f6;
	display: none;
}

.image-text-dark .it-content h2 {
	color: #e2e8f0;
	margin-bottom: 16px;
	font-size: 38px;
	line-height: 1.2;
}

.image-text-dark .it-content h4 {
	color: #94a3b8;
	font-weight: 500;
	margin-bottom: 32px;
	font-size: 18px;
}

.image-text-dark .it-content .lists {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
	.image-text-dark .it-content .lists {
		gap: 16px;
		grid-template-columns: 1fr;
	}
}

.image-text-dark .it-content .lists ul {
	padding-left: 0;
	list-style: none;
	margin: 0;
}

.image-text-dark .it-content .lists li {
	color: #94a3b8;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 20px;
	padding-left: 28px;
	position: relative;
}

.image-text-dark .it-content .lists li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #3b82f6;
	font-weight: 700;
	font-size: 16px;
}






/* Blog Tags */

.blog-tags-container {

}

.blog-tags-container .container {
	display: grid;
	gap: 30px;
	align-items: center;
	grid-template-columns: 750px 1fr;
}

@media (max-width: 1024px) {
	.blog-tags-container .container {
		grid-template-columns: 100%;
	}
}

.blog-tags-container .container:has(button) {
	grid-template-columns: 750px 1fr;
}

@media (max-width: 991px) {
	.blog-tags-container .container:has(button) {
		grid-template-columns: 1fr;
	}
}

.blog-tags-container .container #resources-form {
	display: grid;
	gap: 30px;
	align-items: center;
	grid-template-columns: 750px 1fr;
}

.blog-tags-container .container .tags {
	height: 47px;
	display: flex;
	flex-direction: column;
	border: 2px solid #4e79f3;
	position: relative;
}

.blog-tags-container .container .tags #initial-tag {
	font-size: 14px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 12px;
	font-weight: 600;
	margin-left: 15px;
	margin-top: 15px;
}

.blog-tags-container .container .tags .list {
	display: none;
	padding: 30px;
	flex-direction: column;
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.blog-tags-container .container .tags .list.open {

	display: flex;
	z-index: 2;
}

.blog-tags-container .container .tags #open-list {
	display: flex;
	justify-content: end;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

.blog-tags-container .container .tags #open-list::after {
	content: "";
	display: block;
	width: 43px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	background-color: #4e79f3;
	background-image: url('https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Large%20Triangle%20Drop%20Down.svg');
}

.blog-tags-container .container .tags .tag {
	color: #262f53;
	margin-right: 25px;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 28px;
	font-weight: 400;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
	font-weight: 600;
}

.blog-tags-container .container .tags .tag:last-child {
	margin-bottom: 0px;
}

.blog-tags-container .container .tags .tag.active {
	color: #4e79f3;
}


.blog-tags-container .container .tags #tags {
	display: flex;
	gap: 25px;
	align-items: center;
}

.blog-tags-container .container .tags #tags .next.slick-arrow {
	outline: none;
	border: none;
	padding: 5px 9px;
	background-color: #4e79f3;
}

.blog-tags-container .container .tags #tags .next.slick-arrow img {
	max-width: 11px;
}


.blog-tags-container .blog-search form {
	display: flex;
	position: relative;
	margin-bottom: 0px;
}


.blog-tags-container .blog-search .search-icon {
	content: "";
	display: block;
	width: 40px;
	height: 100%;
	background-color: #4e79f3;
	position: absolute;
	right: 0px;
	top: 0px;
	border: none;
	outline: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Search%20Icon.svg");
}







/* Text Intro */

.text-intro-container {

}

.text-intro-container .container .content {
	width: 100%;
	max-width: 770px;
	margin: 0px;
	padding: 0px;
}

.text-intro-container .container .content.full-width {
	max-width: 100%;
}


.text-intro-container header {
	margin-bottom: 35px;
}

.text-intro-container header *:last-child {
	margin-bottom: 0px;
}


.text-intro-container section *:last-child {
	margin-bottom: 0px;
}







/* Recent Blog Posts */

.recent-blogs-container {

}

.recent-blogs-container .posts {
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr 370px;
	margin-bottom: 40px;
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.recent-blogs-container .posts {
		row-gap: 30px;
		column-gap: 0;
		grid-template-columns: 1fr;
	}
}

.recent-blogs-container .posts .post {
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
	.recent-blogs-container .posts .post {
		grid-column: 1 / -1;
	}
}

.recent-blogs-container .posts .post .post-container {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.recent-blogs-container .posts:last-child {
	margin-bottom: 0px;
}

.recent-blogs-container .posts .post.main-post {
	display: flex;
	grid-column: span 2;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.recent-blogs-container .posts .post.main-post .read-more {
	display: none;
}

.recent-blogs-container .posts .post.main-post .post-container {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.recent-blogs-container .posts .post.main-post .post-container .body {
	display: flex;
	flex-direction: column;
	padding: 30px;
	flex: 1;
}

.recent-blogs-container .posts .post.main-post .post-container .body .post-footer {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.recent-blogs-container .posts .post.main-post .post-container .body .post-footer .read-more,
.recent-blogs-container .posts .read-more {
	gap: 5px;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #F12F62;
	letter-spacing: 0;
	text-align: center;
	line-height: normal;
	font-weight: 600;
	text-decoration: none;
}

.recent-blogs-container .posts .post.main-post .post-container .body .post-footer .read-more img,
.recent-blogs-container .posts .body .read-more img {
	max-width: 7px;
}

.recent-blogs-container .posts .post.main-post .featured-image {
	
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts .post.main-post .featured-image {
		height: auto;
	}
}

.recent-blogs-container .posts .posts-container {
	row-gap: 40px;
	display: flex;
	flex-direction: column;
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts .posts-container {
		display: grid;
		gap: 30px;
		grid-column: span 2;
		flex-direction: row;
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.recent-blogs-container .posts .posts-container {
		grid-template-columns: 1fr;
	}
}

.recent-blogs-container .posts .posts-container .post {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.recent-blogs-container .posts .posts-container .post h3 {
	margin-bottom: 0px;
}

.recent-blogs-container .posts .posts-container .post .summary {
	display: none;
}

.recent-blogs-container .posts .post .body {
	display: flex;
	flex-direction: column;
	padding: 0 30px 30px;
	flex: 1;
}

.recent-blogs-container .posts .post.main-post .body h3 {
	flex: 0;
}

.recent-blogs-container .posts .post .body h3 {
	flex: 1;
	font-size: 23px;
	margin-bottom: 25px;
}

.recent-blogs-container .posts .post .body h3 a {
	color: #262f53;
	text-decoration: none;
}

.recent-blogs-container .posts .post.main-post .body .summary {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.recent-blogs-container .posts .post .body .summary {
	font-size: 16px;
	color: #262f53;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
	display: none;
}

.recent-blogs-container .posts .post .body .summary .written-author {
	margin-top: 25px;
	margin-bottom: 0px;
}

.recent-blogs-container .posts .post .body .summary .author {
	font-size: 16px;
	color: #262f53;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 600;
}

.recent-blogs-container .posts .post img {
	max-width: 100%;
}

.recent-blogs-container .posts .post .featured-image {
	display: flex;
	
	margin-bottom: 25px;
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts .post .featured-image {
		height: auto;
	}
}

.recent-blogs-container .posts .post .featured-image a {
	width: 100%;
	display: block;
}

.recent-blogs-container .posts .post .featured-image img {
	width: 100%;
	
	object-fit: cover;
}

.recent-blogs-container .posts .post .tag {
	font-size: 14px;
	color: #4e79f3;
	letter-spacing: 0;
	line-height: 32.53px;
	font-weight: 600;
	text-decoration: none;
}


.recent-blogs-container .pagination {
	display: flex;
	gap: 5px;
	justify-content: center;
	align-items: center;
}

.recent-blogs-container .pagination .page-number {
	color: #262f53;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	line-height: 25px;
	font-weight: 700;
	text-decoration: none;
	padding: 5px 10px;
}

.recent-blogs-container .pagination .page-number.active {
	color: #4e79f3;
}

.recent-blogs-container .pagination .previous-posts {
	margin-right: 10px;
}

.recent-blogs-container .pagination .next-posts {
	margin-left: 10px;
}










.popular-posts-container {

}

.popular-posts-container .popular-posts {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
	.popular-posts-container .popular-posts {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 991px) {
	.popular-posts-container .popular-posts {
		grid-template-columns: repeat(1, 1fr);
	}
}

.popular-posts-container .popular-posts .intro {
	grid-column: span 1;
}

.popular-posts-container .popular-posts .post {
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.popular-posts-container .popular-posts .post .body {
	flex: 1;
	display: flex;
	padding: 0 30px 30px;
	flex-direction: column;
}

.popular-posts-container .popular-posts .post .featured-image {
	margin-bottom: 25px;
}

.popular-posts-container .popular-posts .post .featured-image img {
	width: 100%;
	max-width: 100%;
}

.popular-posts-container .popular-posts .post .tag {
	font-size: 14px;
	color: #4e79f3;
	letter-spacing: 0;
	line-height: 32.53px;
	font-weight: 600;
	text-decoration: none;
}

.popular-posts-container .popular-posts .post h5 {
	flex: 1;
	font-size: 23px;
	color: #262f53;
	letter-spacing: 0;
	line-height: 30px;
	font-weight: 600;
}

.popular-posts-container .popular-posts .post h5 a {
	color: inherit;
	text-decoration: none;
}

.popular-posts-container .popular-posts .post a.read-more {
	align-items: center;
	color: #f12f62;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 5px;
	letter-spacing: 0;
	line-height: normal;
	text-align: center;
	text-decoration: none;
}

.popular-posts-container .popular-posts .post a.read-more img {
	max-width: 7px;
}




.resources-container {
	padding: 65px 0;
}

.resources-container .blog-tags-container {
	margin-bottom: 65px;
}

.resources-wrapper {

}

.resources-wrapper .container {

}

.resources-wrapper .container .resources {
	gap: 30px;
	display: grid;
	padding-bottom: 120px;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
	.resources-wrapper .container .resources {
		grid-template-columns: repeat(1, 1fr);
	}
}

.resources-wrapper .container .resources:last-child {
	padding-bottom: 0px;
}

.resources-wrapper .container .resources .section-title {
	grid-column: 1 / -1;
	margin-bottom: 35px;
}

.resources-wrapper .container .resources .resource {
	display: grid;
	overflow: hidden;
	min-height: 220px;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
	grid-template-columns: minmax(auto, 222px) repeat(1, 1fr);
}

@media (max-width: 768px) {
	.resources-wrapper .container .resources .resource {
		grid-template-columns: repeat(1, 1fr);
	}
}

.resources-wrapper .container .resources .resource .featured-image {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.resources-wrapper .container .resources .resource .featured-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.resources-wrapper .container .resources .resource .content {
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.resources-wrapper .container .resources .resource .content .tag {
	font-size: 14px;
	color: #4E79F3;
	letter-spacing: 0;
	line-height: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}

.resources-wrapper .container .resources .resource .content .tag.blue {
	color: #4e79f3;
}

.resources-wrapper .container .resources .resource .content .tag.purple {
	color: #ab5cbb;
}

.resources-wrapper .container .resources .resource .content .tag.yellow {
	color: #ffc600;
}

.resources-wrapper .container .resources .resource .content h6 {
	flex: 1;
}







.blog-subsscription-container {
	min-height: 30px;
	display: grid;
	grid-template-columns: 1fr minmax(auto, 1190px) 1fr;
}

.blog-subsscription-container .left-filler {
	background-color: #4e79f3;
}

.blog-subsscription-container .right-filler {
	background-color: #ffc600;
}


.blog-subsscription-container .container {
	display: grid;
	padding: 0px;
	grid-template-columns: minmax(auto, 777px) 1fr;
}

.blog-subsscription-container .container .content {
	padding: 45px 20px;
	background-color: #4e79f3;
}


.blog-subsscription-container .container .image {
	background-color: #ffc600;
}

@media (max-width: 1024px) {
	.blog-subsscription-container .container .image {
		display: none;
	}
}

.blog-subsscription-container .container .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-subsscription-container .subscription-form {
	padding-top: 45px;
}

.blog-subsscription-container .subscription-form fieldset.form-columns-2 {
	gap: 30px;
	display: flex !important;
}

.blog-subsscription-container .subscription-form form {
	display: flex;
}

.blog-subsscription-container .subscription-form form .input {
	margin-right: 0px !important;
}

.blog-subsscription-container .subscription-form form input[type=text] {
	color: #ffffff;
	border: 2px solid #ffffff;
	background-color: transparent;
}

.blog-subsscription-container .subscription-form form input[type=email] {
	color: #ffffff;
	border: 2px solid #ffffff;
	border-right: none;
	background-color: transparent;
}


.blog-subsscription-container .subscription-form form input[type=text]::placeholder,
.blog-subsscription-container .subscription-form form input[type=email]::placeholder {
	color: #ffffff;
}




.blog-subsscription-container .subscription-form form input[type=submit] {
	color: #262f53;
	border: 2px soild #b8f2db;
	background-color: #b8f2db;
}










.blog-listing-hero-container {
	height: 620px;
	margin-bottom: 120px;
}

@media (max-width: 991px) {
	.blog-listing-hero-container {
		height: auto;
	}
}

.blog-listing-hero-container.webinar {
	margin-bottom: 95px;
}


.blog-listing-hero-container .container {
	max-width: 100%;
	display: grid;
	padding: 0px;
	height: 100%;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 991px) {
	.blog-listing-hero-container .container {
		grid-template-columns: 1fr;
	}
}

.blog-listing-hero-container .featured-image {
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.blog-listing-hero-container .featured-image img#blurred {
	filter: blur(35px);
	
	object-fit: cover;
	min-width: 115%;
	min-height: 115%;
	position: absolute;
	left: -80px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	z-index: 9;
}

.blog-listing-hero-container .featured-image img#non-blurred {
	position: relative;
	z-index: 10;
	filter: blur(0);

}

.blog-listing-hero-container .featured-image img {
	max-width: 100%;
	object-fit: cover;
	width: 100%;
	
}

.blog-listing-hero-container .post-details {
	background-color: #161b30;
	padding: 70px;
}

@media (max-width: 991px) {
	.blog-listing-hero-container .post-details {
		padding: 30px;
	}
}

.blog-listing-hero-container .post-details .content {
	width: 100%;
	max-width: 505px;
}

.blog-listing-hero-container .post-details .tag {
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 15px;
	display: inline-block;
	align-items: center;
}

.blog-listing-hero-container .post-details .tag:has(img) {
	gap: 15px;
	display: inline-flex;
}

.blog-listing-hero-container .post-details h1 {
	color: #4e79f3;
	font-size: 45px;
	letter-spacing: 0;
	line-height: 50px;
	font-weight: 700;
	margin-bottom: 45px;
}

.blog-listing-hero-container .post-details time {
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 400;
	margin-bottom: 25px;
	display: inline-block;
}

.blog-listing-hero-container .post-details time:has(img) {
	gap: 12px;
	display: flex;
	align-items: center;
	line-height: normal;
	margin-bottom: 45px;
}

.blog-listing-hero-container .post-details .author-details {

}

.blog-listing-hero-container .post-details .author-details #author {
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 25px;
}

.blog-listing-hero-container .post-details .author-details .avatar {
	gap: 15px;
	display: flex;
}

.blog-listing-hero-container .post-details .author-details .avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}










.blog-post-content {
	padding-bottom: 120px;
}

.blog-post-content .container {
	display: grid;
	grid-template-columns: 1fr 588px 1fr;
}

@media (max-width: 991px) {
	.blog-post-content .container {
		display: flex;
		flex-direction: column;
	}
}

.blog-post-content .container .content {
	grid-column: 2 / 3;
}

@media (max-width: 991px) {
	.blog-post-content .container .content {
		grid-column: 1 / -1;
	}
}

.blog-post-content .container .content #hs_cos_wrapper_blog_post_audio {
	margin-bottom: 50px;
	position: sticky;
	top: 50px;
}


.blog-post-content .container .content blockquote {
	margin: 0px;
	padding: 65px 35px 45px;
	background-position-x: left;
	background-position-y: top;
	background-repeat: no-repeat;
	background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Epilog%20Font%20Blod.svg");
}

.blog-post-content .container .content blockquote p {
	font-size: 25px;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
	color: #4e79f3;
	margin: 0px;
}

.blog-post-content .container .content a {
	color: #4e79f3;
	
}

.blog-post-content .container .content ul ul {
	margin-bottom: 7px;
}

.blog-post-content .container .content li {
	margin-bottom: 7px;
}

.blog-post-content .container .content li::marker {
	color: #4e79f3;
}

.blog-post-content .container .scroll-container {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

@media (max-width: 991px) {
	.blog-post-content .container .scroll-container {
		display: none;
	}
}

.blog-post-content .container .scroll-container .scroll-animation {
	width: 2px;
	height: 77px;
	background-color: #243352;
	position: relative;
	top: 100px;
	right: 10px;
	overflow: hidden;
	border-radius: 4px;
}

@keyframes scroll {
	from {
		top: 0;
	}
	to {
		top: 77%;
	}
}


.blog-post-content .container .scroll-container .scroll-animation .scroller {
	height: 18px;
	width: 100%;
	position: absolute;
	background-color: #4E79F3;
	animation-name: scroll;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
	animation-timing-function: ease-in-out;
}

.blog-post-content .container .scroll-container .scroll {
	font-size: 14px;
	color: #262f53;
	letter-spacing: 0;
	text-align: center;
	font-weight: 600;
	position: sticky;
	top: 50px;
	display: flex;
	cursor: pointer;
	justify-content: center;
}

.blog-post-content .container .scroll-container .scroll .scroll-text {
	/*     transform: rotate(-90deg);
	transform-origin: center; */
	writing-mode: tb;
}

.blog-post-content .container .scroll-container .scroll .scroll-text a {
	color: #262f53;
	text-decoration: none;
}


.blog-post-content ul li {
	list-style-type: disc;
}

.blog-post-content ol li ol li {
	list-style-type: disc;
}

.blog-post-content ul li ::marker,
.blog-post-content ol li ::marker{
	color: #4e79f3;
}


.blog-post-content h1 {
	font-size: 45px;
	line-height: 50px;
}

.blog-post-content h2 {
	font-size: 26px;
	line-height: 35px;
	margin-top: 30px;
}

.blog-post-content h3 {
	font-size: 22px;
	line-height: 30px;
	margin-top: 20px;
}

.blog-post-content p {
	font-size: 16px;
	line-height: 22px;
}

.blog-post-content img {
	max-width: 100% !important;
}

.blog-post-content table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #99acc2;
	table-layout: fixed;
}

@media (max-width: 991px) {
	.blog-post-content table {
		max-width: 480px !important;
		table-layout: unset !important;
	}	
}

.blog-post-content div[data-hs-responsive-table="true"] {
	overflow: hidden;
}

.recent-posts-container {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(4, 1fr);
	padding-bottom: 110px;
}

@media (max-width: 991px) {
	.recent-posts-container {
		grid-template-columns: repeat(2, 1fr);
	}
}


.recent-posts-container .recent-post {

}

.recent-posts h3 {
	margin-bottom: 52px;
}

.recent-posts-container .recent-post .featured-image {
	margin-bottom: 25px;
}

.recent-posts-container .recent-post .featured-image img {
	width: 100%;
	max-width: 100%;
}

.recent-posts-container .recent-post .tag {
	font-size: 14px;
	color: #4e79f3;
	letter-spacing: 0;
	line-height: 32.53px;
	font-weight: 600;
	margin-bottom: 12px;
}

.recent-posts-container .recent-post .post-name {
	font-size: 20px;
	color: #262f53;
	letter-spacing: 0;
	line-height: 23px;
	font-weight: 600;
}


.share-widgets {

}

@media (max-width: 991px) {
	.share-widgets {
		grid-column: 1 / -1;
		margin-bottom: 80px;
	}
}

.share-widgets .title {
	font-size: 14px;
	color: #262f53;
	letter-spacing: 0;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.share-widgets .title {
		margin-bottom: 0px;
	}
}

.share-widgets .widgets {
	width: fit-content;
	display: flex;
	align-items: center;
	flex-direction: column;
	position: sticky;
	top: 50px;
}

@media (max-width: 991px) {
	.share-widgets .widgets {
		gap: 17px;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 100%;
		position: relative;
		top: auto;
	}
}

.share-widgets .line {
	display: block;
	width: 1px;
	height: 45px;
	margin-bottom: 20px;
	background-color: #262f53;
}

@media (max-width: 991px) {
	.share-widgets .line {
		height: 1px;
		width: 50px;
		margin-bottom: 0px;
		transform: rotate(0deg)
	}
}

.share-widgets a {
	display: inline-block;
	margin-bottom: 12px;
}

@media (max-width: 991px) {
	.share-widgets a {
		margin-bottom: 0;
	}
}

.share-widgets a:last-child {
	margin-bottom: 0;
}


.anchors-container {
	padding: 30px 85px;
	margin-bottom: 45px;
	background-color: #1a2640;
}

@media (max-width: 991px) {
	.anchors-container {
		padding: 30px 30px;
	}
}

.anchors-container ul {
	padding-left: 16px;
}

.anchors-container li {
	margin-bottom: 10px;
}

.anchors-container li::marker {
	color: #4e79f3;
}

.anchors-container ul.list li.list-item a {
	color: #262f53;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
	text-decoration: none;
}

.anchors-container ul.list li.list-item a:hover {
	color: #4e79f3;
	text-decoration: underline;
}


.webinar-details {
	gap: 30px;
	display: flex;
	margin-bottom: 25px;
}

.webinar-details .platform,
.webinar-details .duration {
	gap: 12px;
	color: #fff;
	display: flex;
	align-items: center;
}


.webinar-post-body {
	padding-bottom: 120px;
}

.webinar-post-body .container {
	gap: 100px;
	display: grid;
	grid-template-columns: minmax(auto, 670px) 1fr;
}

@media (max-width: 768px) {
	.webinar-post-body .container {
		grid-template-columns: 1fr;
	}
}

.webinar-post-body .container .form-wrap {
	margin-bottom: 65px;
}

.webinar-post-body .container .form.webinar-form {
	padding: 40px 40px;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.webinar-post-body .container .form.webinar-form h3.form-title {
	display: none;
}

.webinar-post-body .container .form.webinar-form h4#form-title {
	margin-bottom: 24px;
}

.webinar-post-body .container .form.webinar-form form fieldset {
	max-width: 100%;
}

.webinar-post-body .container .form.webinar-form form fieldset .field.hs-form-field {
	width: 100%;
	float: none;
}

.webinar-post-body .container .form.webinar-form form fieldset.form-columns-2 {
	gap: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
	.webinar-post-body .container .form.webinar-form form fieldset.form-columns-2 {
		grid-template-columns: 1fr;
	}
}

.webinar-post-body .container .form.webinar-form form fieldset .input {
	margin-right: 0px;
}

.webinar-post-body .details-column {

}

.webinar-post-body .details-column .panel {
	padding: 30px 40px;
	background-color: #1a2640;
	margin-bottom: 65px;
}

.webinar-post-body .details-column .panel h4 {
	margin-bottom: 37px;
	font-size: 26px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 26px;
	font-weight: 700;
}

.webinar-post-body .details-column .panel .hosts {
	gap: 30px;
	display: flex;
	flex-direction: column;
}

.webinar-post-body .details-column .panel .hosts .host {
	gap: 15px;
	display: flex;
	align-items: center;
}

.webinar-post-body .details-column .panel .hosts .host img {
	border-radius: 50%;
}

.webinar-post-body .details-column .panel .hosts .host .name {
	font-size: 16px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 600;
	margin: 0px;
}

.webinar-post-body .details-column .panel .hosts .host .company {
	font-size: 16px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
	margin: 0px;
}



.webinar-post-body .details-column .tags {
	margin-bottom: 65px;
}

.webinar-post-body .details-column .tags .tag-list {
	gap: 20px;
	display: flex;
}

.webinar-post-body .details-column .tags .tag-list .tag {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 15px;
	background-color: #4e79f3;
}


.webinar-post-body .details-column .share {
	gap: 12px;
	display: flex;
	flex-wrap: wrap;
}

.webinar-post-body .details-column .share .title {
	min-width: 100%;
	font-size: 26px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 26px;
	font-weight: 700;
	margin-bottom: 35px;
}







.icon-text-container {

}

.icon-text-container .container {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 991px) {
	.icon-text-container .container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.icon-text-container .container {
		grid-template-columns: repeat(1, 1fr);
	}
}

.icon-text-container.two-column .container {
	max-width: 1010px;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 991px) {
	.icon-text-container.two-column .container {
		grid-template-columns: repeat(1, 1fr);
	}	
}


.icon-text-container .container .block {
	display: flex;
	flex-direction: column;
	background: #1a2640;
	padding: 45px 40px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
	border: 1px solid #1e3a5f;
}

.icon-text-container .container .block .block-content {
	flex: 1;
}

.icon-text-container .container .block *:last-child {
	margin-bottom: 0px;
}

.icon-text-container .container .block .icon {
	margin-bottom: 25px;
}

.icon-text-container .container .block .cta-container {
	padding-top: 20px;
}

.icon-text-container .container .block .cta-container .popup-form-backdrop {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.9);
}

.icon-text-container .container .block .cta-container .popup-form-backdrop .form-container {
	width: 100%;
	max-width: 895px;
	margin: 0 auto;
	background-color: #1a2640;
	padding: 55px;
}

.icon-text-container .container .block .cta-container .popup-form-backdrop.open {
	display: flex;
	padding: 30px;
	align-items: center;
}

@media (max-width: 991px) {
	.icon-text-container .container .block .cta-container .popup-form-backdrop.open {
		align-items: flex-start;
		overflow-y: scroll;
	}	
}

.icon-text-container .container .block .cta-container .popup-form-backdrop .form-container .form-header {
	gap: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
}

.icon-text-container .container .block .cta-container .popup-form-backdrop .form-container .form-header *:last-child {
	margin-bottom: 0px;
}

.icon-text-container .container .block .cta-container .popup-form-backdrop .form-container .form-header p,
.icon-text-container .container .block .cta-container .popup-form-backdrop .form-container .form-header h3 {
	margin-bottom: 16px;
}

.icon-text-container .container .block .cta-container .popup-form-backdrop .form-container .form-header .actions .close-form {
	color: #f12f62;
	font-size: 30px;
	cursor: pointer;
}





.two-column-content-image {

}

.two-column-content-image .container {
	gap: 30px;
	display: grid;
	align-items: center;
	grid-template-columns: minmax(auto, 570px) 1fr;
}

@media (max-width: 991px) {
	.two-column-content-image .container {
		grid-template-columns: 1fr;
	}
}

.two-column-content-image.reversed .container {
	grid-template-columns: 1fr minmax(auto, 570px);
}

@media (max-width: 991px) {
	.two-column-content-image.reversed .container {
		grid-template-columns: 1fr;
	}
}

.two-column-content-image.reversed .container .column.content {
	order: 2
}

.two-column-content-image .container .column {

}

.two-column-content-image .container .column.image {
	display: flex;
	justify-content: center;
}

@media (max-width: 991px) {
	.two-column-content-image .container .column.content {
		order: 1;
	}

	.two-column-content-image .container .column.image {
		order: 0;
	}
}

.two-column-content-image .container .column.image .lottie-player {
	width: 500px;
}

@media (max-width: 480px) {
	.two-column-content-image .container .column.image .lottie-player {
		width: 100%;
	}	
}

.two-column-content-image .container .column.content .inner-columns {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 480px) {
	.two-column-content-image .container .column.content .inner-columns {
		gap: 0px;
		grid-template-columns: repeat(1, 1fr);
	}
}

.two-column-content-image .container .column.content .inner-columns ul {
	padding-left: 20px;
}


.two-column-content-image .container .column.content .inner-columns ul ::marker{
	color: #ab5cbb;
}

.two-column-content-image .container .column.content .inner-columns ul.blue ::marker{
	color: #4e79f3;
}

.two-column-content-image .container .column.content .inner-columns ul.yellow ::marker{
	color: #ffc600;
}

.two-column-content-image .container .column.content .inner-columns ul.purple ::marker{
	color: #ab5cbb;
}

.two-column-content-image .container .column.content .inner-columns ul.orange ::marker{
	color: #ff7a48;
}

.two-column-content-image.large-content .container {
	grid-template-columns: minmax(auto, 670px) 1fr;
}

@media (max-width: 1024px) {
	.two-column-content-image.large-content .container {
		grid-template-columns: 1fr;
	}	
}


















.stats {

}

.stats .container {
	gap: 20px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1024px) {
	.stats .container {
		grid-template-columns: repeat(2, 1fr);
	}
}

.stats .stat h3 {
	color: #4e79f3;
	margin-bottom: 5px;
}

.stats .stat .sub-content {
	gap: 5px;
	display: grid;
	grid-template-columns: 20px 1fr;
}

.stats .stat .sub-content .icon {
	padding-top: 5px;
}

.stats .stat .sub-content p {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}



















.image-column {

}

.image-column .container {
	gap: 65px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
	.image-column .container {
		grid-template-columns: repeat(2, 1fr);
	}
}

















.four-column-icon-text {

}


.four-column-icon-text .container {
	gap: 60px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991px) {
	.four-column-icon-text .container {
		grid-template-columns: repeat(2, 1fr);
	}
}

.four-column-icon-text .block {
	display: flex;
	flex-direction: column;
}

.four-column-icon-text .block h6 {
	min-height: 50px;
}

.four-column-icon-text .block .icon {
	margin-bottom: 55px;
}

.four-column-icon-text .block .icon img {
	width: 100%;
	max-width: 80px;
	height: 80px;
}

.four-column-icon-text.v2 .container {
	gap: 30px;
	margin-bottom: 55px;
}

@media (max-width: 768px) {
	.four-column-icon-text.v2 .container {
		grid-template-columns: 1fr;
	}
}

.four-column-icon-text.v2 .container .block {
	background-color: #1a2640;
	padding: 35px 30px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.four-column-icon-text.v2 .block .icon {
	margin-bottom: 20px;
}


.four-column-icon-text.v3 .container {
	gap: 30px;
}

@media (max-width: 768px) {
	.four-column-icon-text.v3 .container {
		gap: 15px;
	}	
}

.four-column-icon-text.v3 .container .block {
	background-color: #1a2640;
	padding: 45px 19px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
	.four-column-icon-text.v3 .container .block {
		padding: 30px 15px;
	}
}

.four-column-icon-text.v3 .block .icon {
	margin-bottom: 25px;
}

.four-column-icon-text.v3 .block h4 {
	margin: 0px;
}

@media (max-width: 768px) {
	.four-column-icon-text.v3 .block h4 {
		font-size: 22px;
		line-height: 25px;
	}
}


.four-column-icon-text .popup-form-backdrop {
	background-color: rgba(0,0,0,.9);
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 9999;
}

.four-column-icon-text .popup-form-backdrop.open {
	align-items: center;
	display: flex;
	padding: 30px;
}

.four-column-icon-text .popup-form-backdrop .form-container {
	background-color: #1a2640;
	margin: 0 auto;
	max-width: 895px;
	padding: 55px;
	width: 100%;
}

.four-column-icon-text .popup-form-backdrop .form-container .form-header {
	align-items: center;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	margin-bottom: 16px;
}

.four-column-icon-text .popup-form-backdrop .form-container .form-header .actions .close-form {
	color: #f12f62;
	cursor: pointer;
	font-size: 30px;
}

.four-column-icon-text .block .fcit-button {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 24px;
	background: linear-gradient(135deg, #3b82f6, #8b5cf6);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
	text-align: center;
}

.four-column-icon-text .block .fcit-button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}


.compare {

}

.compare .container .content-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
	.compare .container .content-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

.compare .container .column {
	width: 100%;
	min-height: 200px;
	padding: 60px 55px;
}

@media (max-width: 768px) {
	.compare .container .column {
		padding: 25px 25px;
	}
}

.compare .container .column.mo {
	background-color: #4e79f3;
}

.compare .container .column.other {
	background-color: #1a2640;
}

.compare .container .column header {
	margin-bottom: 55px;
}

.compare .container .column header * {
	margin: 0px;
}

.compare .container .column ul {
	padding-left: 0;
	margin: 0px;
	list-style: none;
}

.compare .container .column ul li {
	margin-bottom: 40px;
	padding-left: 40px;
	padding-bottom: 4px;
	background-position-y: top;
	background-position-x: left;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.compare .container .column ul li {
		margin-bottom: 15px;
	}
}

.compare .container .column ul li:last-child {
	margin-bottom: 0px;
}

.compare .container .column.mo ul li {
	color: #ffffff;
	background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Check%20Mark%20Green%20Icon@2x.svg);
}

.compare .container .column.other ul li {
	color: #262f53;
	background-image: url(https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Cross%20Out%20Icon@2x.svg);
}















.pre-footer {
	min-height: 100px;
	display: grid;
	grid-template-columns: 1fr minmax(auto, 1210px) 1fr;
}

@media (max-width: 768px) {
	.pre-footer {
		grid-template-columns: 100%;
	}
}

.pre-footer .left-filler {
	background-color: #0f1729
}

@media (max-width: 768px) {
	.pre-footer .left-filler {
		display: none;
	}
}

.pre-footer .right-filler {
	background-color: #0f1729
}

@media (max-width: 768px) {
	.pre-footer .right-filler {
		display: none;
	}
}

.pre-footer .container {
	display: grid;
	padding: 0 0px;
	grid-template-columns: repeat(2, minmax(auto, 1fr));
}

@media (max-width: 768px) {
	.pre-footer .container {
		grid-template-columns: 100%;
	}
}

.pre-footer .container .image {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 115px 100px 20px;
	background-color: #ffc600;
}

@media (max-width: 768px) {
	.pre-footer .container .image {
		padding: 30px;
	}
}

.pre-footer .container .image img {
	max-width: 100%;
}

.pre-footer .container .content {
	display: flex;
	flex-direction: column;
	padding: 100px 20px 100px 50px; 
	background-color: #4e79f3
}

@media (max-width: 768px) {
	.pre-footer .container .content {
		padding: 40px 30px 40px 30px;
	}
}

.pre-footer .container .content .inner-content {
	flex: 1;
}

@media (max-width: 768px) {
	.pre-footer .container .content .inner-content {
		margin-bottom: 60px;
	}
}

.pre-footer .container .content .stats {
	gap: 30px;
	display: flex;
}

@media (max-width: 768px) {
	.pre-footer .container .content .stats {
		flex-wrap: wrap;
	}
}

.pre-footer .container .content .stats h4 {
	font-size: 36px;
	color: #ffc600;
	margin: 0px;
}

.pre-footer .container .content .stats p {
	margin: 0px;
	font-size: 14px;
	color: #ffffff;
}

.pre-footer .container .content h2 {
	color: #ffffff;
	margin-bottom: 45px;
}

@media (max-width: 768px) {
	.pre-footer .container .content h2 br {
		display: none;
	}
}









.accordions {

}

.accordions .accordion {
	padding: 45px;
	display: grid;
	cursor: pointer;
}

@media (max-width: 480px) {
	.accordions .accordion {
		padding: 25px;
	}
}

.accordions .accordion header {
	gap: 55px;
	display: grid;
	align-items: center;
	grid-template-columns: 25px 1fr;
}

.accordions .accordion header::before {
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Purple%20Cross%20Closed.svg");
}

.accordions .accordion.open header::before {
	background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Purple%20Cross%20Open.svg");
}






.accordions .accordion.purple header::before {
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Purple%20Cross%20Closed.svg");
}

.accordions .accordion.purple.open header::before {
	background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Purple%20Cross%20Open.svg");
}


.accordions .accordion.blue header::before {
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/blue-open-cross.svg");
}

.accordions .accordion.blue.open header::before {
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/blue-close-cross.svg");
}


.accordions .accordion.yellow header::before {
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/yellow-open-cross.svg");
}

.accordions .accordion.yellow.open header::before {
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/yellow-close-cross.svg");
}



.accordions .accordion.orange header::before {
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/orange-open-cross.svg");
}

.accordions .accordion.orange.open header::before {
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/orange-close-cross.svg");
}








.accordions .accordion .content {
	display: none;
	padding: 45px 80px;
}

@media (max-width: 480px) {
	.accordions .accordion .content {
		padding: 45px 0px;
	}
}

.accordions .accordion.open {
	background-color: #1a2640;
}

.accordions .accordion.open .content {
	display: block;
}

.accordions .accordion header h3 {
	margin-bottom: 0px;
}

@media (max-width: 480px) {
	.accordions .accordion header h3 {
		line-height: 30px;
		font-size: 26px;
	}
}







.call-to-action-container {
	display: grid;
	grid-template-columns: 1fr minmax(auto, 1190px) 1fr;
	min-height: 300px;
}


.call-to-action-container .container {
	padding: 0px;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr minmax(auto, 535px);
}

@media (max-width: 1024px) {
	.call-to-action-container .container {
		grid-template-columns: 1fr;
	}
}

.call-to-action-container .container .content {
	height: 100%;
	padding: 45px 0;
	padding-right: 30px;
}

@media (max-width: 1024px) {
	.call-to-action-container .container .content {
		padding: 30px;
	}   
}

.call-to-action-container .container .content .cta-container {
	padding-top: 35px;
}

.call-to-action-container .container .featured-image {
	height: 100%;
}

.call-to-action-container .container .featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.call-to-action-container .container .subscribe-form {
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
}


.call-to-action-container .container .subscribe-form form {
	display: flex;
}

.call-to-action-container .container .subscribe-form form .hs_submit.hs-submit {
	/* 	margin-top: 18px; */
	margin-top: 0px;
}

.call-to-action-container .container .subscribe-form form fieldset.form-columns-2 {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 991px) {
	.call-to-action-container .container .subscribe-form form fieldset.form-columns-2 {
		gap: 16px;
	}
}

.call-to-action-container .container .subscribe-form form fieldset.form-columns-2 .hs-form-field {
	width: 100%;
}

.call-to-action-container .container .subscribe-form form fieldset.form-columns-2 .hs-form-field label {
	color: #ffffff;
}

.call-to-action-container .container .subscribe-form .input {
	margin-right: 0px;
}

.call-to-action-container .container .subscribe-form .input input {
	color: #ffffff;
	border: 2px solid #ffffff;
	background-color: transparent;
}

@media (max-width: 991px) {
	.call-to-action-container .container .subscribe-form .input input {
		width: 100% !important;
	}
}

.call-to-action-container .container .subscribe-form .input input[type=email] {
	border-right: 0px;
}

.call-to-action-container .container .subscribe-form input[type=submit] {
	width: 40px;
	height: 47px;
	cursor: pointer;
	text-indent: -99999em;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #b8f2db;
	border: none;
	background-image: url("https://26889050.fs1.hubspotusercontent-eu1.net/hubfs/26889050/Search%20Icon%20on%20Green.svg")
}

.call-to-action-container .container .subscribe-form input::placeholder {
	color: #ffffff;
}

.call-to-action-container .container .subscribe-form .hs-error-msgs {
	padding: 0px;
	list-style: none;
}

.call-to-action-container .container .subscribe-form .invalid.error {
	border: 2px solid #f12f62;
}

.call-to-action-container .container .subscribe-form .invalid.error::placeholder {
	color: #f12f62;
}

.call-to-action-container .container .subscribe-form .hs-error-msgs li {
	color: #f12f62;
}








.locations {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 991px) {
	.locations {
		grid-template-columns: repeat(1, 1fr);
	}
}

.locations .location {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 50px 40px;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.locations .location .address {
	margin-bottom: 30px;
}

.locations .location .address * {
	margin: 0px;
}

.locations .location .inner-content {
	flex: 1;
}

.locations .location .inner-content *:last-child {
	margin-bottom: 0px;
}

.locations .location .city-icon {
	margin-bottom: 20px;
}

.locations .location .city {

}

.locations .location .contact-number {
	font-size: 16px;
	color: #4e79f3;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 25px;
}






.two-column-rich-text-container {

}

.two-column-rich-text-container .container {
	gap: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 1024px) {
	.two-column-rich-text-container .container {
		grid-template-columns: 1fr;
	}
}

.two-column-rich-text-container ul {
	padding-left: 18px;
}

.two-column-rich-text-container ul li {
	margin-bottom: 25px;
}

.two-column-rich-text-container ul li:last-child {
	margin-bottom: 0;
}

.two-column-rich-text-container ul li::marker {
	color: #ab5cbb;
}





.awards {

}


.awards .container {
	gap: 65px;
	display: grid;
	grid-template-columns: repeat(4, minmax(auto, 1fr));
}

@media (max-width: 991px) {
	.awards .container {
		grid-template-columns: repeat(2, minmax(auto, 1fr));
	}
}

.awards .award img {
	max-width: 100%;
}





.text-video {

}


.text-video .container {
	display: grid;
	max-width: 1480px;
	grid-template-columns: minmax(auto, 605px) minmax(auto, 835px);
}

@media (max-width: 1024px) {
	.text-video .container {
		padding: 30px 30px 60px;
		grid-template-columns: 1fr;
	}
}

.text-video .container.reverse {
	grid-template-columns: minmax(auto, 835px) minmax(auto, 605px);
}

@media (max-width: 1024px) {
	.text-video .container.reverse {
		padding: 30px 30px 60px;
		grid-template-columns: 1fr;
	}
}

.text-video .container > * {

}

.text-video .text {
	padding-top: 122px;
	padding-bottom: 122px;
	padding-left: 120px;
	padding-right: 70px;
}

@media (max-width: 1024px) {
	.text-video .text {
		padding: 30px 0px 60px 0px;
	}
}

.text-video .container.reverse .text {
	order: 2;
	padding-left: 70px;
	padding-right: 120px;
}

@media (max-width: 1024px) {
	.text-video .container.reverse .text {
		order: 1;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 60px;
	}
}

.text-video .text *:last-child {
	margin-bottom: 0px;
}

.text-video .container.reverse .video {
	order: 1;
}

@media (max-width: 1024px) {
	.text-video .container.reverse .video {
		order: 2;
	}
}

.text-video .video img {
	max-width: 100%;
}

.text-video .video .hs-video-widget {
	height: 100%;
}

.text-video .video .hs-video-widget .hs-video-wrapper {
	height: 100% !important;
}









.company-values {

}

.company-values .cv-badge-wrap {
	margin-bottom: 16px;
}

.company-values .cv-heading {
	color: #ffffff;
	margin-bottom: 48px;
}


.company-values .values-container {
	gap: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.company-values .values-container .value {
	max-width: 370px;
	min-width: 370px;
	min-height: 370px;
	padding: 57px 40px;
	position: relative;
	overflow: hidden;
}

.company-values .values-container .value header {
	z-index: 1;
	position: relative;
}

.company-values .values-container .value:nth-child(1) header h3 {
	color: #ab5cbb;
}

.company-values .values-container .value:nth-child(2) header h3 {
	color: #4e79f3;
}

.company-values .values-container .value:nth-child(3) header h3 {
	color: #ff7a48;
}

.company-values .values-container .value:nth-child(4) header h3 {
	color: #ffc600;
}

.company-values .values-container .value:nth-child(5) header h3 {
	color: #ab5cbb;
}

.company-values .values-container .value article {
	z-index: 1;
	position: relative;
}

.company-values .values-container .value article h3 br {
	display: none;
}

.company-values .values-container .value .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	border-radius: 16px;
	overflow: hidden;
}

.company-values .values-container .value:hover .image {
	display: block;
}

.company-values .values-container .value:hover header h3 {
	color: #161b30;
}

.company-values .values-container .value:hover article h3 {
	color: #ffffff;
}

.company-values .values-container .value:hover article h3 br {
	display: inline;
}

.company-values .values-container .value .image img {
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}







.three-column-image-text {

}

.three-column-image-text .container {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
	.three-column-image-text .container {
		grid-template-columns: repeat(1, 1fr);
	}
}

.three-column-image-text .container .block {
	text-decoration: none;
}

.three-column-image-text .container header {
	margin-bottom: 25px;
}

.three-column-image-text .container article p {
	margin-bottom: 0px;
}





.testimonials {

}

.testimonials .testimonial-block {
	gap: 100px;
	display: grid;
	margin-bottom: 273px;
	grid-template-columns: minmax(auto, 470px) minmax(auto, 600px);
}

@media (max-width: 768px) {
	.testimonials .testimonial-block {
		gap: 30px;
		margin-bottom: 120px;
		grid-template-columns: 1fr;
	}
}

.testimonials .testimonial-block.reversed {
	grid-template-columns: minmax(auto, 600px) minmax(auto, 470px);
}

@media (max-width: 768px) {
	.testimonials .testimonial-block.reversed {
		gap: 30px;
		grid-template-columns: 1fr;
	}
}

.testimonials .testimonial-block:last-child {
	margin-bottom: 0px;
}

.testimonials .testimonial-block .company-info {
	margin-bottom: 60px;
}

.testimonials .testimonial-block .company-info .company {
	color: #ff7a48;
}

.testimonials .testimonial-block .testimonial h4 {
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
	margin-bottom: 30px;
	padding-left: 35px;
}

.testimonials .testimonial-block .testimonial h3,
.testimonials .testimonial-block .testimonial p {
	padding-left: 35px;
}

.testimonials .testimonial-block .testimonial .quote-icon {
	margin-bottom: 15px;
}

.testimonials .testimonial-block.reversed .media {
	grid-row: 1;
	grid-column: 1;
}

@media (max-width: 768px) {
	.testimonials .testimonial-block.reversed .media {
		grid-row: unset;
		grid-column: unset;
	}	
}

.testimonials .testimonial-block.reversed .content {
	grid-row: 1;
	grid-column: 2;
}

@media (max-width: 768px) {
	.testimonials .testimonial-block.reversed .content {
		grid-row: unset;
		grid-column: unset;
	}	
}

.testimonials .testimonial-block .media {
	display: flex;
	align-items: center;
}

.testimonials .testimonial-block .media img {
	max-width: 100%;
}

.testimonials .testimonial-block .media .hs-video-widget {
	width: 100%;
	height: 100%;
}










.testimonials-blocks {
	margin-bottom: 75px;
}

.testimonials-blocks .container {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
	.testimonials-blocks .container {
		grid-template-columns: repeat(1, 1fr);
	}
}

.testimonials-blocks .container .block {
	display: flex;
	padding: 30px 42px;
	flex-direction: column;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.testimonials-blocks .container .block.blue .company {
	color: #4e79f3;
}

.testimonials-blocks .container .block.yellow .company {
	color: #ffc600;
}

.testimonials-blocks .container .block.purple .company {
	color: #ab5cbb;
}

.testimonials-blocks .container .block.orange .company {
	color: #ff7a48;
}

.testimonials-blocks .container .block .company {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
	margin: 0px;
}

.testimonials-blocks .container .block .name {
	font-size: 20px;
	margin: 0px;
}

.testimonials-blocks .container .block .body {
	flex: 1;
}




















.pricing {

}

.pricing header {
	display: grid;
	align-items: flex-end;
	grid-template-columns: minmax(auto, 680px) 1fr;
	margin-bottom: 75px;
}

@media (max-width: 768px) {
	.pricing header {
		grid-template-columns: minmax(auto, 680px);
	}
}

.pricing header .content p {
	margin-bottom: 0;
}

.pricing .currency-switcher-container {
	width: 100%;
	display: flex;
	padding-left: 25px;
	align-items: center;
	background-color: #1a2640;
	justify-content: space-between;
	border-radius: 15px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.pricing .currency-switcher-container .currency-swicther {
	position: relative;
	cursor: pointer;
}

.pricing .currency-switcher-container .currency {
	gap: 15px;
	display: flex;
	align-items: center;
}

.pricing .currency-switcher-container .currency:after {
	content: "";
	width: 14px;
	height: 8px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Triangle%20Copy.svg");
}

.pricing .currency-switcher-container .currency-swicther.open .currency:after {
	transform: rotate(180deg);
}

.pricing .currency-switcher-container .current-currency {
	font-size: 25px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
}

.pricing .currency-switcher-container .options {
	gap: 15px;
	flex-direction: column;
	display: none;
	left: -15px;
	width: 210px;
	padding: 15px 15px;
	position: absolute;
	border-radius: 15px;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.pricing .currency-switcher-container .options .currency-option {
	gap: 15px;
	display: flex;
	align-items: center;
}

.pricing .currency-switcher-container .options.show {
	display: flex;
}

.pricing .currency-switcher-container .options span {
	font-size: 25px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: 35px;
	font-weight: 600;
}

.pricing .currency-switcher-container .annually-monthly-swicther {
	display: flex;
}

.pricing .currency-switcher-container .annually-monthly-swicther .switch {
	display: inline-flex;
	font-size: 25px;
	letter-spacing: 0;
	font-weight: 600;
	line-height: 35px;
	color: #e2e8f0;
	border-radius: 15px;
	padding: 35px 15px;
	cursor: pointer;
}

.pricing .currency-switcher-container .annually-monthly-swicther .switch.active {
	color: #ffffff;
	background-color: #ab5cbb;
}


.pricing .body {
	gap: 6px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 768px) {
	.pricing .body {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.pricing .body {
		grid-template-columns: repeat(1, 1fr);
	}
}

.pricing .body .block {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: space-between;
	background-color: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.pricing .body .block .product-info {
	
	display: flex;
	flex-direction: column;
	padding: 35px 20px;
	padding-bottom: 25px;
	min-height: 550px;
	border-bottom: 1px solid #1e3a5f;
}

@media (max-width: 768px) {
	.pricing .body .block .product-info {
		min-height: unset;
	}
}


.pricing .body .block .product-info .content-wrapper {
	flex: 1;
}

.pricing .body .block .product-info .price {
	display: flex;
	align-items: baseline;
	width: 100%;
	flex-direction: column;
}

.pricing .body .block .product-info .price p {
	margin-bottom: 5px;
}


.pricing .body .block .product-info .price .sales {
	gap: 15px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.pricing .body .block .product-info .price .sales p {
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 20px;
}

.pricing .body .block .product-info .price .sales svg {
	min-width: 47px;
}

.pricing .body .block.orange .product-info .price .sales svg circle {
	fill: #ff7a48;
}

.pricing .body .block.purple .product-info .price .sales svg circle {
	fill: #ab5cbb;
}

.pricing .body .block.blue .product-info .price .sales svg circle {
	fill: #4e79f3;
}

.pricing .body .block .product-info .currency-symbol {
	display: flex;
	align-items: flex-start;
	font-size: 25px;
	color: #4E79F3;
	letter-spacing: 0;
	line-height: inherit;
	font-weight: 700;
	position: relative;
	top: -16px;
}

.pricing .body .block .product-info .amount {
	width: 100%;
	font-size: 45px;
	color: #4E79F3;
	letter-spacing: 0;
	line-height: inherit;
	font-weight: 700;
}

.pricing .body .block .product-info .amount h2 {
	letter-spacing: 0;
	line-height: inherit;
	font-weight: 700;
	margin: 0px;
}

.pricing .body .block.blue .product-info .amount h2 {
	color: #4e79f3;
}

.pricing .body .block.purple .product-info .amount h2 {
	color: #ab5cbb;
}

.pricing .body .block.orange .product-info .amount h2 {
	color: #ff7a48;
}

.pricing .body .block .product-info .amount h2 sup {
	font-size: 25px;
	letter-spacing: 0;
	line-height: normal;
	font-weight: 700;
	top: -.6em;
}

.pricing .body .block.blue .product-info .amount h2 sup {
	color: #4e79f3;
}

.pricing .body .block.orange .product-info .amount h2 sup {
	color: #ff7a48;
}

.pricing .body .block.purple .product-info .amount h2 sup {
	color: #ab5cbb;
}

.pricing .body .block .product-info .amount h2 p {
	display: inline;
	font-weight: 600;
}

.pricing .body .block .product-info .term-container {
	flex: 1;
	text-align: right;
	line-height: inherit;
}

.pricing .body .block .product-info .mo-cta {
	width: 100%;
	padding: 14px 10px;
	justify-content: center;
}


.pricing .body .block .product-info .popup-form-backdrop {
	display: none;
	background-color: rgba(0,0,0,.9);
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 9999;
}

.pricing .body .block .product-info .popup-form-backdrop.open {
	align-items: center;
	display: flex;
	padding: 30px;
}

.pricing .body .block .product-info .popup-form-backdrop .form-container {
	background-color: #1a2640;
	margin: 0 auto;
	max-width: 895px;
	padding: 55px;
	width: 100%;
}

.pricing .body .block .product-info .popup-form-backdrop .form-container .form-header {
	align-items: center;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	margin-bottom: 16px;
}

.pricing .body .block .product-info .popup-form-backdrop .form-container .form-header .content {
	padding: 0px;
}

.pricing .body .block .product-info .popup-form-backdrop .form-container .form-header .actions .close-form {
	color: #f12f62;
	cursor: pointer;
	font-size: 30px;
}

.pricing .body .block .product-info .popup-form-backdrop .form-container .form-header h3 {
	font-size: 30px;
}



.pricing .body .block .content {
	flex: 1;
	padding: 25px 20px 25px;
}

.pricing .body .block .content h3 {
	font-size: 18px;
	color: #e2e8f0;
	letter-spacing: 0;
	line-height: normal;
	font-weight: 600;
}

.pricing .body .block .content ul {
	list-style: none;
	padding: 0px;
}

.pricing .body .block .content ul li {
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: left;
	padding-left: 40px;
	padding-bottom: 6px;
}



.pricing .body .block.blue .content ul li {
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Performance%20Icon%20Blue@2x.svg");
}

.pricing .body .block.purple .content ul li {
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Performance%20Icon%20Purple@2x.svg");
}

.pricing .body .block.orange .content ul li {
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Performance%20Icon%20Orange@2x.svg");
}












.clients-logos-grid {

}

.clients-logos-grid .heading {
	gap: 25px;
	display:flex;
	align-items: center;
	margin-bottom: 43px;
}

@media (max-width: 1024px) {
	.clients-logos-grid .heading {
		flex-direction: column;
		align-items: flex-start;
	}
}

.clients-logos-grid .heading .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	background-color: #1a2640;
	box-shadow: 5px 5px 35px -10px rgba(0,0,0,0.10);
}

.clients-logos-grid .heading .icon img {
	max-width: 45px;
}

.clients-logos-grid .heading h2 {
	margin: 0;
}


.clients-logos-grid .logo-grid {
	column-gap: 30px;
	row-gap: 35px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
	.clients-logos-grid .logo-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.clients-logos-grid .logo-grid .single-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 110px;
	background: #1a2640;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1024px) {
	.clients-logos-grid .logo-grid .single-logo {
		padding: 15px;
	}
}

.clients-logos-grid .logo-grid .single-logo img {
	max-width: 100%;
}

.clients-logos-grid .logo-grid.five-column {
	grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1024px) {
	.clients-logos-grid .logo-grid.five-column {
		grid-template-columns: repeat(2, 1fr);
	}
}




.lightbox-container {

}

.lightbox-container .container {

}

.lightbox-container .title {
	margin-bottom: 55px;
}

.lightbox-container .title h2 {
	margin-bottom: 0px;
}

.lightbox-container .lightbox-blocks {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks {
		grid-template-columns: repeat(1, 1fr);
	}
}

.lightbox-container .lightbox-blocks .lightbox-overlay {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.85);
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open {
	z-index: 10;
	display: flex;
	padding: 35px;
	align-items: center;
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .lightbox-overlay.open {
		padding: 0px;
	}
}

.lightbox-container .lightbox-blocks .box {
	gap: 30px;
	height: 322px;
	display: flex;
	padding: 40px;
	align-items: end;
	border: 1px solid #efefef;
	position: relative;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .box {
		gap: 15px;
		padding: 15px;
	}
}

.lightbox-container .lightbox-blocks .box::after {
	content: "";
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 145px;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.55) 56%, rgba(0,0,0,0.00) 89%);
}

.lightbox-container .lightbox-blocks .box:hover .link .view {
	color: #fff;
}

.lightbox-container .lightbox-blocks .box.blue-yellow:hover {
	background-color: #4e79f3;
	background-image: none !important;
}

.lightbox-container .lightbox-blocks .box.blue-yellow:hover .box-title {
	color: #ffc600;
}

.lightbox-container .lightbox-blocks .box.blue-yellow:hover::after {
	display: none;
}



.lightbox-container .lightbox-blocks .box.yellow-blue:hover {
	background-color: #ffc600;
	background-image: none !important;
}

.lightbox-container .lightbox-blocks .box.yellow-blue:hover .box-title {
	color: #4e79f3;
}

.lightbox-container .lightbox-blocks .box.yellow-blue:hover::after {
	display: none;
}


.lightbox-container .lightbox-blocks .box.orange-purple:hover {
	background-color: #ff7a48;
	background-image: none !important;
}

.lightbox-container .lightbox-blocks .box.orange-purple:hover .box-title {
	color: #ab5cbb;
}

.lightbox-container .lightbox-blocks .box.orange-purple:hover::after {
	display: none;
}




.lightbox-container .lightbox-blocks .box.purple-yellow:hover {
	background-color: #ab5cbb;
	background-image: none !important;
}

.lightbox-container .lightbox-blocks .box.purple-yellow:hover .box-title {
	color: #ffc600;
}

.lightbox-container .lightbox-blocks .box.purple-yellow:hover::after {
	display: none;
}



.lightbox-container .lightbox-blocks .box .box-meta {
	gap: 8px;
	display: flex;
	pointer-events: none;
	flex-direction: column;
	position: relative;
	z-index: 2;
}

.lightbox-container .lightbox-blocks .box .box-client {
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 14px;
	font-weight: 600;
}

.lightbox-container .lightbox-blocks .box .box-title {
	font-size: 23px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 23px;
	font-weight: 600;
}

.lightbox-container .lightbox-blocks .box .link {
	pointer-events: none;
	position: relative;
	z-index: 2;
}

.lightbox-container .lightbox-blocks .box .link .view {
	gap: 5px;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #f12f62;
	letter-spacing: 0;
	line-height: 12px;
	font-weight: 600;
	text-decoration: none;
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .box .link .view {
		text-wrap: nowrap;
	}
}

.lightbox-container .lightbox-blocks .box .link .view img {
	max-width: 7px;
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open img {
	/* 	width: 100%;
	height: 100%; */
	max-width: 100%;
	max-height: 70vh;
	/* 	object-fit: cover;
	object-position: center; */
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .swiper-slide {
	display: flex;
	justify-content: center;
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .thumbs {
	margin-top: 45px;
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .lightbox-overlay.open .thumbs {
		padding: 0 20px;
	}
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .thumbs .swiper-wrapper {
	/* 	justify-content: center; */
	/* 	max-width: 860px; */
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .container {
	position: relative;
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .lightbox-overlay.open .container {
		padding: 0px;
	}
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .close-lightbox {
	position: absolute;
	right: 45px;
	top: 25px;
	cursor: pointer;
	z-index: 80;
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .lightbox-overlay.open .close-lightbox {
		top: 0px;
		right: 0px;
	}
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .close-lightbox img {
	pointer-events: none;
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .direction {
	display: block;
	width: 15px;
	height: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	position: absolute;
	z-index: 80;
	top: 0px;
	bottom: 0px;
	margin: auto;
	cursor: pointer;
	transform: translateY(-80px);
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .direction.left {
	left: -35px;
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Triangle%20Left.svg");
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .lightbox-overlay.open .direction.left {
		left: 10px;
	}
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .direction.right {
	right: -35px;
	background-image: url("https://2697939.fs1.hubspotusercontent-na1.net/hubfs/2697939/Triangle%20Right.svg");
}

@media (max-width: 768px) {
	.lightbox-container .lightbox-blocks .lightbox-overlay.open .direction.right {
		right: 10px;
	}
}

.lightbox-container .lightbox-blocks .lightbox-overlay.open .swiper-slide-thumb-active {
	border: 2px solid #fff;
}
























.large-slider .swiper {
	overflow: visible;
}

.large-slider .swiper .swiper-slide {
	width: 100%;
	max-width: 970px;
	/* 	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3); */
}

.large-slider .text-intro {
	margin-bottom: 30px;
}

.large-slider .swiper .swiper-slide img {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.large-slider .swiper-button-next:after,
.large-slider .swiper-button-prev:after {
	display: none;
}

.large-slider .swiper .swiper-slide .text {
	visibility: hidden;
}


.large-slider .swiper .swiper-slide.swiper-slide-active .text {
	visibility: visible;
}

.large-slider #text-intro {
	width: 100%;
	margin-bottom: 25px;
	max-width: 825px;
}

.large-slider .arrows {
	gap: 40px;
	width: 100%;
	display: flex;
	max-width: 100%;
	margin-top: 50px;
	position: relative;
	justify-content: end;
}

.large-slider .arrows .swiper-button-prev,
.large-slider .arrows .swiper-button-next {
	position: static;
}

.large-slider .arrows .swiper-button-prev svg,
.large-slider .arrows .swiper-button-next svg {
	width: 100%;
	max-width: 15px;
}

















.form.single-form {

}

.form.single-form .container {
	max-width: 770px;
}

.form.single-form h2 {
	color: #AB5CBB;
	margin-bottom: 35px;
}

.form.single-form .container form fieldset {
	max-width: 100%;
}

.form.single-form .container form fieldset.form-columns-2 {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.form.single-form .container form fieldset .hs-form-field {
	width: 100% !important;
}

.form.single-form .container form input[type="text"],
.form.single-form .container form input[type="email"],
.form.single-form .container form input[type="tel"] {
	width: 100%;
	height: 47px;
	color: #fff;
	border: 1px solid #FFFFFF;
	background-color: transparent;
}

.form.single-form .container form select {
	color: #fff;
	width: 100%;
	height: 47px;
	padding: 0 10px;
	border: 1px solid #FFFFFF;
	background-color: transparent;
}

.form.single-form .container form textarea {
	color: #fff;
	min-height: 75px;
	padding: 10px 10px;
	border: 1px solid #FFFFFF;
	background-color: transparent;
}

.form.single-form .container form .hs-form-field > label {
	display: none;
}


.form.single-form .container form input[type="submit"] {
	color: #fff;
	height: 40px;
	max-width: max-content;
	border-color: #f12f62;
	cursor: pointer;
	background-color: #f12f62;
}















footer.main-footer {
	padding: 75px 0 40px;
	background-color: #161b30;
}

footer.main-footer * {
	color: #ffffff;
}

footer.main-footer .container {
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr minmax(auto, max-content) 1fr 1fr;
}

@media (max-width: 1024px) {
	footer.main-footer .container {
		gap: 20px;
		grid-template-columns: repeat(1, 1fr);
	}
}

footer.main-footer .container.sub-footer {
	gap: 145px;
	display: flex;
	margin-top: 70px;
	justify-content: center;
}

@media (max-width: 768px) {
	footer.main-footer .container.sub-footer {
		gap: 30px;
		flex-direction: column;
	}
}

footer.main-footer .container.sub-footer a {
	text-decoration: none;
}

footer.main-footer .column {

}

footer.main-footer .column:nth-child(2) {
	padding-left: 30px;
}

@media (max-width: 991px) {
	footer.main-footer .column:nth-child(2) {
		padding-left: 0px;
	}	
}

footer.main-footer .column:nth-child(3) {
	padding-left: 60px;
}

@media (max-width: 991px) {
	footer.main-footer .column:nth-child(3) {
		padding-left: 0px;
	}	
}

footer.main-footer .column .logo {
	margin-bottom: 20px;
}

footer.main-footer .column .tagline {
	margin-bottom: 50px;
}

@media (max-width: 480px) {
	footer.main-footer .column .tagline img {
		max-width: 245px;
	}
}

footer.main-footer .column .social-links {
	display: flex;
	gap: 22px;
}

footer.main-footer .column .quick-links {

}

footer.main-footer .column .quick-links ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

footer.main-footer .column .quick-links ul li {
	margin-bottom: 20px;
}

footer.main-footer .column .quick-links ul li:last-child {
	margin-bottom: 0;
}

footer.main-footer .column .quick-links ul li a {
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 400;
	text-decoration: none;
}

footer.main-footer .column header {
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 35px;
}


footer.main-footer .column.office h6 {
	font-size: 12px;
	color: #4e79f3;
	letter-spacing: 1px;
	line-height: 12px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 20px;
}


footer.main-footer .column.office p {
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
	margin-bottom: 32px;
}

footer.main-footer .column .row {
	margin-bottom: calc(16px * 3);
}

footer.main-footer .column.span2 {
	grid-column: 3 / -1;
}

@media (max-width: 991px) {
	footer.main-footer .column.span2 {
		grid-column: 1 / -1;
	}
}

footer.main-footer .column .partner-logos {
	gap: 30px;
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	footer.main-footer .column .partner-logos {
		flex-wrap: wrap;
	}
}


#hs_cos_wrapper_delete_data .hs-delete-data {
	max-width: 1170px;
	margin: 0 auto 120px !important;
}

#hs_cos_wrapper_delete_data .hs-delete-data__button-wrapper {
	display: flex;
	justify-content: flex-start;
}

#hs_cos_wrapper_delete_data .hs-delete-data__button {
	display: inline-block;
	background-color: #f12f62;
	border: none;
	color: #fff;
	grid-column: 1;
	max-width: fit-content;
	outline: none;
	cursor: pointer;
	padding: 10px 30px;
}
/* ========================================
   RevOps-Inspired Enhancements for MO 2026
   ======================================== */

/* --- Glass Card Effect (Dark Mode) --- */
.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.glass-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
}

/* --- Gradient Button Variant --- */
.mo-cta.gradient {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    border: none;
    color: #ffffff;
    border-radius: 8px;
    padding: 14px 28px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.mo-cta.gradient:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* --- Badge / Pill Style --- */
.mo-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 9999px;
    line-height: 1;
}

.mo-badge.blue {
    color: #3b82f6;
    background-color: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.mo-badge.purple {
    color: #8b5cf6;
    background-color: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.mo-badge.orange {
    color: #ff7a48;
    background-color: rgba(249, 115, 22, 0.1);
    border: 1px solid rgba(249, 115, 22, 0.2);
}

.mo-badge.green {
    color: #22c55e;
    background-color: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

/* --- Enhanced Section Spacing (opt-in) --- */
.section-spacious {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
}

@media (max-width: 768px) {
    .section-spacious {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

/* ========================================
   Dark Hero with Form (side-by-side)
   ======================================== */

.hero-banner.dark.dark-form {
    min-height: auto;
    padding: 140px 0 80px;
}

.hero-banner.dark.dark-form .container {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
}

.dark-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.dark-form-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
}

.dark-form-content .content h4 {
    display: inline-block !important;
    width: fit-content !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    font-family: 'Outfit', sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 9999px;
    line-height: 1 !important;
    margin-bottom: 20px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    -webkit-text-fill-color: initial !important;
}

.dark-form-content .content h4 span {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    color: #3b82f6 !important;
    -webkit-text-fill-color: #3b82f6 !important;
}

.dark-form-content .content h1 {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.1;
    margin-bottom: 28px;
    background: none !important;
}

.dark-form-content .content h3 {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.7;
}

.dark-form-panel .form.header-form {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 900px) {
    .dark-form-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero-banner.dark.dark-form {
        padding: 120px 0 60px;
    }

    .dark-form-content .content h1 {
        font-size: 38px;
    }
}


/* ========================================
   Clients Logos Grid – Dark Theme
   ======================================== */

.clients-logos-grid .heading h2 {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.clients-logos-grid .heading .icon {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
}

.clients-logos-grid .heading .icon img {
    opacity: 0.7;
    filter: brightness(0) invert(1);
}

.clients-logos-grid .logo-grid .single-logo {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.clients-logos-grid .logo-grid .single-logo:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.12);
}

.clients-logos-grid .logo-grid .single-logo img {
    opacity: 0.65;
    filter: brightness(0) invert(1);
    transition: opacity 0.2s ease;
    max-height: 55px;
}

.clients-logos-grid .logo-grid .single-logo:hover img {
    opacity: 0.9;
}


/* --- Updated Card Border Radius --- */
.icon-text-container .container .block,
.four-column-icon-text.v2 .container .block,
.four-column-icon-text.v3 .container .block,
.pricing .currency-switcher-container,
.pricing .currency-switcher-container .options {
    border-radius: 16px;
}

/* --- Gradient Form Submit Button --- */
form input[type="submit"],
form .hs-button {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    transition: opacity 0.2s ease;
}

form input[type="submit"]:hover,
form .hs-button:hover {
    opacity: 0.9;
}

/* ========================================
   Dark Theme Overrides & Utilities
   ======================================== */

/* --- Fixed header: ensure DnD wrapper doesn't block fixed positioning --- */
/* The DnD section wrapping the nav must be transparent and not create a containing block */
.dnd-section:has(.main-header.dark),
.dnd-section:has(.main-header.dark) > .dnd-column,
.dnd-section:has(.main-header.dark) > .dnd-column > .dnd-row,
.dnd-section:has(.main-header.dark) > .dnd-column > .dnd-row > .dnd-module {
    background-color: transparent !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
}

/* Nav DnD section: transparent with no height, as fixed header lives on its own */
.dnd-section:has(.main-header.dark) {
    position: relative;
    z-index: 1000;
}

/* --- Override HubSpot DnD white inline backgrounds --- */
div[style*="background-color: rgba(255, 255, 255"],
div[style*="background-color: rgb(255, 255, 255"],
div[style*="background-color:#ffffff"],
div[style*="background-color: #ffffff"],
div[style*="background-color:#FFFFFF"],
div[style*="background-color: #FFFFFF"],
div[style*="background-color:#fff"],
div[style*="background-color: #fff"],
div[style*="background-color:#E9EAED"],
div[style*="background-color: #E9EAED"] {
    background-color: #0f1729 !important;
}

/* --- Gradient Text for Hero Headings --- */
.hero-banner h1,
.gradient-text {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ff7a48);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* --- Dark Icon Filter (single-color icons on dark bg) --- */
.icon-text-container .block .icon img,
.four-column-icon-text .block .icon img {
    filter: brightness(0) invert(1);
    opacity: 0.85;
}

/* --- Broad Rich-Text Color Override --- */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_rich_text * {
    color: #94a3b8;
}

.hs_cos_wrapper_type_rich_text h1,
.hs_cos_wrapper_type_rich_text h2,
.hs_cos_wrapper_type_rich_text h3,
.hs_cos_wrapper_type_rich_text h4 {
    color: #e2e8f0;
}

.hs_cos_wrapper_type_rich_text a {
    color: #3b82f6;
}

/* --- Form Focus Glow --- */
form input:focus,
form textarea:focus,
form select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
    outline: none;
}

/* --- Dark Scrollbar --- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0f1729;
}

::-webkit-scrollbar-thumb {
    background: #243352;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1e3a5f;
}

/* ========================================
   Hero Gradient Orbs
   ======================================== */

.hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    animation: pulse-orb 4s ease-in-out infinite;
    z-index: 0;
}

.hero-orb-blue {
    width: 500px;
    height: 500px;
    background: rgba(59, 130, 246, 0.25);
    top: -100px;
    left: -100px;
}

.hero-orb-purple {
    width: 400px;
    height: 400px;
    background: rgba(139, 92, 246, 0.15);
    bottom: -50px;
    right: -50px;
}

.hero-orb-orange {
    width: 300px;
    height: 300px;
    background: rgba(255, 122, 72, 0.12);
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
}

@keyframes pulse-orb {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
}

/* Keep orange orb centered while pulsing */
.hero-orb-orange {
    animation: pulse-orb-centered 4s ease-in-out infinite;
}

@keyframes pulse-orb-centered {
    0%, 100% {
        opacity: 0.6;
        transform: translateY(-50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.05);
    }
}

@media (max-width: 768px) {
    .hero-orb-blue {
        width: 300px;
        height: 300px;
        top: -50px;
        left: -80px;
    }
    .hero-orb-purple {
        width: 250px;
        height: 250px;
    }
    .hero-orb-orange {
        width: 200px;
        height: 200px;
    }
}

/* ========================================
   Service Glass Card Hover Effects
   ======================================== */

.services .service:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
    background: rgba(255, 255, 255, 0.08) !important;
}

/* --- Services section badge centering --- */
.services-container .mo-badge {
    display: block;
    text-align: center;
    margin: 0 auto 24px;
    width: fit-content;
}


/* ========================================
   Services Page — Dark Theme Styles
   ======================================== */

/* --- Service Cards: Glass card base & hover refinement --- */
.services-container .services .service {
    background: #1a2640;
    border: 1px solid #1e3a5f;
    border-radius: 16px;
    padding: 40px 35px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.services-container .services .service:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
    border-color: transparent;
}

.services-container .services .service .title {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    transition: color 0.3s ease;
}

.services-container .services .service p {
    color: #94a3b8;
    transition: color 0.3s ease;
}

.services-container .services .service .pre-title {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 12px;
}

.services-container .services .service .mo-cta {
    color: #3b82f6;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.services-container .services .service:hover .mo-cta {
    color: #ffffff;
}


/* ========================================
   Two-Column Rich Text – Dark Theme
   ======================================== */

.two-column-rich-text-container {
    color: #94a3b8;
}

.two-column-rich-text-container h2,
.two-column-rich-text-container h3,
.two-column-rich-text-container h5,
.two-column-rich-text-container h6 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.two-column-rich-text-container h4 {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
}

.two-column-rich-text-container p,
.two-column-rich-text-container li {
    color: #e8e8e8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}

.two-column-rich-text-container ul {
    padding-left: 20px;
}

.two-column-rich-text-container ul li {
    margin-bottom: 12px;
}

.two-column-rich-text-container ul li::marker {
    color: #3b82f6 !important;
}


/* ========================================
   Awards – Dark Theme
   ======================================== */

.awards .award img {
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.awards .award img:hover {
    opacity: 1;
}


/* ========================================
   Text-Video – Dark Theme
   ======================================== */

.text-video .text h2,
.text-video .text h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.text-video .text h4 {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
}

.text-video .text p {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.7;
}

.text-video .video .hs-video-widget {
    border-radius: 12px;
    overflow: hidden;
}


/* --- Icon-Text Cards: Enhanced for services page --- */
.icon-text-container .container .block {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.icon-text-container .container .block:hover {
    transform: translateY(-4px);
}

.icon-text-container .container .block h3 {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.icon-text-container .container .block p {
    color: #94a3b8;
    font-size: 15px;
    line-height: 1.6;
}

.icon-text-container .container .block .icon img {
    width: 48px;
    height: 48px;
}


/* --- Two-Column Content Image: Dark variant --- */
.two-column-content-image .container .column.content h2 {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

.two-column-content-image .container .column.content p {
    color: #94a3b8;
    line-height: 1.7;
}

.two-column-content-image .container .column.content .inner-columns ul li {
    color: #94a3b8;
}

.two-column-content-image .container .column.content .mo-cta {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    color: #ffffff;
    border-radius: 8px;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.two-column-content-image .container .column.content .mo-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.two-column-content-image .container .column.image {
    min-width: 0;
    overflow: hidden;
}

.two-column-content-image .container .column.image img {
    border-radius: 16px;
    max-height: 480px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}


/* --- Four-Column Icon Text: Dark refinement --- */
.four-column-icon-text .block {
    background: #1a2640;
    border: 1px solid #1e3a5f;
    border-radius: 16px;
    padding: 40px 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.four-column-icon-text .block:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
}

.four-column-icon-text .block h6 {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}

.four-column-icon-text .block p {
    color: #94a3b8;
    font-size: 15px;
    line-height: 1.6;
}

.four-column-icon-text .block .icon {
    margin-bottom: 20px;
}

.four-column-icon-text .block .icon img {
    width: 48px;
    height: 48px;
}


/* --- Accordion: Dark theme --- */
.accordions .accordion.dark {
    border-bottom: 1px solid #1e3a5f;
    transition: background-color 0.3s ease;
}

.accordions .accordion.dark:first-child {
    border-top: 1px solid #1e3a5f;
}

.accordions .accordion.dark header {
    grid-template-columns: 1fr 24px;
    gap: 24px;
}

/* Replace SVG icon with pure CSS plus/minus */
.accordions .accordion.dark header::before {
    display: none;
}

.accordions .accordion.dark header::after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    flex-shrink: 0;
    background: transparent;
    background-image: none;
    order: 2;
}

/* Plus sign via pseudo-element */
.accordions .accordion.dark header::after {
    background-image:
        linear-gradient(#3b82f6, #3b82f6),
        linear-gradient(#3b82f6, #3b82f6);
    background-size:
        14px 2px,
        2px 14px;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

/* Rotate to minus when open */
.accordions .accordion.dark.open header::after {
    transform: rotate(45deg);
}

.accordions .accordion.dark header h3 {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 20px;
    order: 1;
}

.accordions .accordion.dark .content {
    padding: 0;
}

.accordions .accordion.dark .content p,
.accordions .accordion.dark .content li {
    color: #94a3b8;
    line-height: 1.7;
}

.accordions .accordion.dark.open {
    background-color: transparent;
}

.accordions .accordion.dark:hover {
    background-color: rgba(255, 255, 255, 0.02);
}


/* --- Call-to-Action: Dark variant --- */
.call-to-action-container {
    min-height: 0 !important;
}

.call-to-action-container .left-filler,
.call-to-action-container .right-filler {
    background-color: #0f1729 !important;
}

.call-to-action-container .container {
    background-color: #1a2640 !important;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #1e3a5f;
    max-height: 320px;
    align-items: stretch !important;
}

.call-to-action-container .container .content {
    padding: 36px 56px 40px;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media (max-width: 1024px) {
    .call-to-action-container .container .content {
        padding: 28px 40px;
    }
}

@media (max-width: 600px) {
    .call-to-action-container .container .content {
        padding: 24px 28px;
    }
}

/* Pre-title (h6) */
.call-to-action-container .container .content h6 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 14px;
}

/* Main heading (h2) */
.call-to-action-container .container .content h2 {
    color: #8b5cf6 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
}

@media (max-width: 768px) {
    .call-to-action-container .container .content h2 {
        font-size: 30px;
    }
}

/* Subtitle (h4) */
.call-to-action-container .container .content h4 {
    color: #e2e8f0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
}

.call-to-action-container .container .content p {
    color: #94a3b8;
    font-size: 16px;
    line-height: 1.6;
}

/* CTA button */
.call-to-action-container .container .content .cta-container {
    padding-top: 24px;
}

.call-to-action-container .container .content .mo-cta {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    color: #ffffff !important;
    border-radius: 10px;
    padding: 16px 32px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border: none !important;
}

.call-to-action-container .container .content .mo-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Featured image */
.call-to-action-container .container .featured-image {
    border-radius: 0;
    overflow: hidden;
    height: auto;
    min-height: 100%;
}

.call-to-action-container .container .featured-image img {
    border-radius: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

@media (max-width: 1024px) {
    .call-to-action-container .container .featured-image {
        border-radius: 0 0 20px 20px;
        min-height: 300px;
    }

    .call-to-action-container .container .featured-image img {
        margin: 0;
        width: 100%;
        height: 100%;
        border-radius: 0 0 20px 20px;
    }
}


/* --- Text-Intro: Dark theme text colors --- */
.text-intro-container h2,
.text-intro-container h3 {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.text-intro-container h4 {
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
}

/* Eyebrow h4 badge (first-child before h2) */
.text-intro-container .header h4:first-child {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 9999px;
    line-height: 1;
    margin-bottom: 20px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.text-intro-container .header h4:first-child span {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
}

/* Blue-tinted eyebrow */
.text-intro-container .header h4:first-child:has(span[style*="3b82f6"]) {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.2);
}

.text-intro-container p {
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

/* Eyebrow h6 badge in image-text (e.g. Internship) */
.image-text-container .content h6 {
    display: inline-block !important;
    width: fit-content !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    font-family: 'Outfit', sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 9999px;
    line-height: 1 !important;
    margin-bottom: 20px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
}

/* Image-text: dark layout — seamless background, floating image */
.image-text-container .container .left-filler,
.image-text-container .container .right-filler {
    background-color: rgba(15, 23, 41, 1) !important;
}

.image-text-container .container .content-container {
    background-color: rgba(15, 23, 41, 1) !important;
    gap: 80px;
}

.image-text-container .container .content-container .model {
    background-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
}

.image-text-container .container .content-container .model img {
    border-radius: 16px;
    object-fit: cover;
    max-width: 380px;
    width: 100%;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
}


/* ========================================
   Subtle Section Dividers (removed)
   ======================================== */

/* Section divider lines removed */
.dnd-section + .dnd-section {
    border-top: none;
}

/* Footer top spacing */
footer.main-footer {
    margin-top: 50px;
}



/* ========================================
   Sales CTA 2026 Module
   ======================================== */

.sales-cta-2026 {
    padding: 0;
}

.sales-cta-2026 .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.sales-cta-2026.reversed .container {
    direction: rtl;
}

.sales-cta-2026.reversed .container > * {
    direction: ltr;
}

.sales-cta-2026 .sc-badge-wrap {
    margin-bottom: 24px;
}

.sales-cta-2026 .sc-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.sales-cta-2026 .sc-description {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 0 36px 0;
    max-width: 520px;
}

.sales-cta-2026 .sc-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.sales-cta-2026 .sc-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 12px;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.sales-cta-2026 .sc-btn-primary {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    color: #fff;
    border: none;
}

.sales-cta-2026 .sc-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
    color: #fff;
}

.sales-cta-2026 .sc-btn-secondary {
    background: transparent;
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.sales-cta-2026 .sc-btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.05);
    color: #e2e8f0;
    transform: translateY(-2px);
}

.sales-cta-2026 .sc-btn-secondary svg {
    transition: transform 0.2s ease;
}

.sales-cta-2026 .sc-btn-secondary:hover svg {
    transform: translateX(3px);
}

.sales-cta-2026 .sc-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
}

.sales-cta-2026 .sc-image img {
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 16px;
}

@media (max-width: 991px) {
    .sales-cta-2026 .container {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .sales-cta-2026.reversed .container {
        direction: ltr;
    }

    .sales-cta-2026 .sc-heading {
        font-size: 32px;
    }

    .sales-cta-2026 .sc-image {
        order: -1;
    }
}

@media (max-width: 600px) {
    .sales-cta-2026 .sc-heading {
        font-size: 28px;
    }

    .sales-cta-2026 .sc-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .sales-cta-2026 .sc-btn {
        width: 100%;
        justify-content: center;
    }
}


/* ========================================
   Case Studies 2026 Module
   ======================================== */

/* Section header */
.case-studies-2026 .section-heading {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 48px;
}

.case-studies-2026 .mo-badge {
    margin-bottom: 20px;
}

/* Grid */
.case-studies-2026 .case-studies-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 991px) {
    .case-studies-2026 .case-studies-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .case-studies-2026 .case-studies-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Card */
.case-studies-2026 .case-study-card {
    display: flex;
    flex-direction: column;
    background: #1a2640;
    border: 1px solid #1e3a5f;
    border-radius: 16px;
    padding: 36px 32px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.case-studies-2026 .case-study-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(59, 130, 246, 0.2);
}

/* Logo */
.case-studies-2026 .card-logo {
    margin-bottom: 28px;
    height: 48px;
    display: flex;
    align-items: center;
}

.case-studies-2026 .card-logo img {
    max-height: 48px;
    max-width: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.85;
}

/* Title */
.case-studies-2026 .card-title {
    color: #e2e8f0;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 16px;
}

/* Description */
.case-studies-2026 .card-description {
    color: #94a3b8;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 28px;
    flex: 1;
}

/* Link */
.case-studies-2026 .card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    transition: gap 0.2s ease;
    margin-top: auto;
}

.case-studies-2026 .card-link:hover {
    gap: 10px;
}

.case-studies-2026 .card-link .card-link-text {
    color: #e2e8f0;
    font-size: 15px;
    font-weight: 600;
}

.case-studies-2026 .card-link svg {
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease;
}

.case-studies-2026 .card-link:hover svg {
    transform: translateX(2px);
}

/* Responsive heading */
@media (max-width: 768px) {
    .case-studies-2026 .section-heading {
        font-size: 28px;
        margin-bottom: 36px;
    }
}


/* ========================================
   Mega Menu 2026 — Cloudflare-style
   ======================================== */

/* Hide old main-navigation header when mega-menu-2026 is present */
body:has(.mega-menu-2026-header) .main-header:not(.mega-menu-2026-header) {
    display: none !important;
}

/* ── Header bar ── */
.mega-menu-2026-header {
    background: transparent;
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    padding: 0;
    transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

.mega-menu-2026-header.scrolled {
    background: rgba(15, 23, 41, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.mega-menu-2026-header > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    height: 64px;
    max-width: 1400px;
    margin: 0 auto;
}

.mega-menu-2026-header .logo {
    flex-shrink: 0;
}

.mega-menu-2026-header .logo img {
    height: 28px;
    width: auto;
}

/* ── Nav bar ── */
.mega-nav {
    display: flex;
    align-items: stretch;
    flex: 1;
    justify-content: center;
    height: 64px;
}

.mega-nav-items {
    display: flex;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

/* ── Top-level links ── */
.mega-nav-item {
    position: relative;
}

.mega-nav-link {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #e2e8f0;
    text-decoration: none;
    padding: 0 12px;
    height: 64px;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.mega-nav-link:hover {
    color: #3b82f6;
}

.mega-nav-link .chevron {
    width: 8px;
    height: 8px;
    margin-left: 2px;
    transition: transform 0.2s ease;
    opacity: 0.6;
}

.mega-nav-item.open .mega-nav-link .chevron {
    transform: rotate(180deg);
}

.mega-nav-item.open > .mega-nav-link {
    color: #3b82f6;
}

/* ── Dropdown panel ── */
.mega-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1001;
    padding-top: 0;
}

.mega-nav-item.open .mega-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mega-dropdown-inner {
    background: #1a2640;
    border: 1px solid #1e3a5f;
    border-radius: 12px;
    padding: 20px 8px;
    min-width: 320px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* ── Link items inside dropdown ── */
.mega-dropdown-links {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.mega-link {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 16px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.15s ease;
}

.mega-link:hover {
    background: rgba(255, 255, 255, 0.04);
}

.mega-link-title {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #e2e8f0;
    line-height: 1.3;
    transition: color 0.15s ease;
}

.mega-link:hover .mega-link-title {
    color: #3b82f6;
}

.mega-link-desc {
    font-family: 'Outfit', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    color: #94a3b8;
    line-height: 1.4;
}

/* ── MEGA PANEL (Solutions — full-width 5-column) ── */
.mega-panel {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease;
    z-index: 1001;
}

.mega-nav-item.has-mega.open .mega-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mega-panel-inner {
    background: #1a2640;
    border-bottom: 1px solid #1e3a5f;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    padding: 32px 40px 36px;
    max-width: 1400px;
    margin: 0 auto;
}

.mega-panel-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

.mega-panel-col {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

/* Subtle divider between columns */
.mega-panel-col + .mega-panel-col {
    border-left: 1px solid #1e3a5f;
    padding-left: 16px;
}

.mega-col-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #3b82f6;
    margin: 0 0 12px 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #1e3a5f;
}

/* Links inside mega panel — tighter spacing */
.mega-panel .mega-link {
    padding: 8px 16px;
    border-radius: 6px;
}

.mega-panel .mega-link-title {
    font-size: 15px;
}

.mega-panel .mega-link-desc {
    font-size: 13.5px;
    line-height: 1.35;
}

/* ── Compact style (Industries, Company — no descriptions) ── */
.mega-link.compact {
    padding: 8px 16px;
}

.mega-dropdown-links.compact {
    min-width: 220px;
}

.mega-dropdown-links.compact .mega-link-title {
    font-size: 14.5px;
}

/* ── CTA Button ── */
.mega-nav-cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
}

.mega-nav-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* ── Mobile toggle (hamburger) ── */
.mega-mobile-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.mega-mobile-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #e2e8f0;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.mega-mobile-toggle.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.mega-mobile-toggle.active span:nth-child(2) {
    opacity: 0;
}

.mega-mobile-toggle.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}


/* ── RESPONSIVE ── */

/* Tablet / smaller desktop */
@media (max-width: 1280px) {

    .mega-menu-2026-header > .container {
        padding: 0 24px;
    }

    .mega-nav-link {
        font-size: 12px;
        padding: 22px 8px;
    }

    .mega-nav-cta {
        font-size: 12px;
        padding: 9px 18px;
    }
}

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

    .mega-mobile-toggle {
        display: flex;
    }

    .mega-nav-cta {
        display: none;
    }

    .mega-nav {
        display: none;
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0f1729;
        z-index: 1001;
        overflow-y: auto;
        padding: 24px;
    }

    .mega-nav.mobile-open {
        display: block;
    }

    .mega-nav-items {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .mega-nav-item {
        border-bottom: 1px solid #1e3a5f;
    }

    .mega-nav-link {
        font-size: 15px;
        padding: 16px 0;
        width: 100%;
        justify-content: space-between;
    }

    .mega-dropdown {
        position: static;
        transform: none;
        opacity: 1;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        pointer-events: none;
        transition: max-height 0.3s ease, visibility 0s 0.3s;
        padding-top: 0;
    }

    .mega-nav-item.open .mega-dropdown {
        visibility: visible;
        max-height: 600px;
        pointer-events: auto;
        transition: max-height 0.3s ease, visibility 0s;
    }

    .mega-dropdown-inner {
        background: transparent;
        border: none;
        border-radius: 0;
        padding: 0 0 12px 12px;
        min-width: unset;
        box-shadow: none;
    }

    .mega-link {
        padding: 10px 0;
    }

    .mega-link.compact {
        padding: 8px 0;
    }

    /* Mega panel mobile — stack columns */
    .mega-panel {
        position: static;
        opacity: 1;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        pointer-events: none;
        transition: max-height 0.3s ease, visibility 0s 0.3s;
    }

    .mega-nav-item.has-mega.open .mega-panel {
        visibility: visible;
        max-height: 2000px;
        pointer-events: auto;
        transition: max-height 0.4s ease, visibility 0s;
    }

    .mega-panel-inner {
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0 0 12px 0;
    }

    .mega-panel-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mega-panel-col + .mega-panel-col {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #1e3a5f;
        padding-top: 12px;
    }

    .mega-col-heading {
        margin-left: 0;
    }

    /* Show mobile CTA at bottom of nav */
    .mega-nav.mobile-open::after {
        content: none;
    }

    /* Mobile: menu tag items stack */
    .mega-nav-menu-items .hs-menu-wrapper > ul {
        flex-direction: column;
    }

    .mega-nav-menu-items .hs-menu-wrapper > ul > li > .hs-menu-children-wrapper {
        position: static;
        opacity: 1;
        visibility: visible;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0 0 0 16px;
        display: none;
    }

    .mega-nav-menu-items .hs-menu-wrapper > ul > li.show > .hs-menu-children-wrapper {
        display: block;
    }
}

/* ══════════════════════════════════════
   <span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu" ><div class="hs-menu-wrapper active-branch hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default_horizontal_menu_html">
    <ul>
        <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children">
            <a href="#">Menu Item 1</a>
            <ul class="hs-menu-children-wrapper">
                <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children">
                    <a href="#">Sub-menu Item 1</a>
                    <ul class="hs-menu-children-wrapper">
                        <li class="hs-menu-item hs-menu-depth-3">
                            <a href="#">Another Item</a>
                        </li>
                    </ul>
                </li>
                <li class="hs-menu-item hs-menu-depth-2">
                    <a href="#">Sub-menu Item 2</a>
                </li>
          </ul>
        </li>
        <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children">
            <a href="#">Menu Item 2</a>
            <ul class="hs-menu-children-wrapper">
                <li class="hs-menu-item hs-menu-depth-2">
                    <a href="#">Yet Another Item</a>
                </li>
          </ul>
        </li>
        <li class="hs-menu-item hs-menu-depth-1">
            <a href="#">Menu Item 3</a>
        </li>
        <li class="hs-menu-item hs-menu-depth-1">
            <a href="#">Menu Item 4</a>
        </li>
    </ul>
</div>
</span> TAG STYLING
   Style HubSpot's native menu output to
   match our mega nav design
   ══════════════════════════════════════ */

/* Container — remove default wrapper styles */
.mega-nav-menu-items {
    display: contents;
}

.mega-nav-menu-items > .hs_cos_wrapper {
    display: contents;
}

.mega-nav-menu-items .hs-menu-wrapper {
    display: contents;
}

.mega-nav-menu-items .hs-menu-wrapper > ul {
    display: contents;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Top-level items — match .mega-nav-item */
.mega-nav-menu-items .hs-menu-wrapper > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    height: 64px;
}

.mega-nav-menu-items .hs-menu-wrapper > ul > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #e2e8f0;
    text-decoration: none;
    padding: 0 12px;
    height: 64px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.mega-nav-menu-items .hs-menu-wrapper > ul > li > a:hover {
    color: #ffffff;
}

/* Chevron for items with children */
.mega-nav-menu-items .hs-menu-wrapper > ul > li.hs-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23a0aec0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s ease;
}

.mega-nav-menu-items .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

/* Dropdown children wrapper */
.mega-nav-menu-items .hs-menu-wrapper > ul > li > .hs-menu-children-wrapper {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 1001;
    list-style: none;
    margin: 0;
    padding: 20px 8px;
    background: #1a2640;
    border: 1px solid #1e3a5f;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    min-width: 220px;
}

.mega-nav-menu-items .hs-menu-wrapper > ul > li:hover > .hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Child links */
.mega-nav-menu-items .hs-menu-wrapper > ul > li > .hs-menu-children-wrapper > li {
    list-style: none;
}

.mega-nav-menu-items .hs-menu-wrapper > ul > li > .hs-menu-children-wrapper > li > a {
    display: block;
    font-family: 'Outfit', sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    color: #e2e8f0;
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 8px;
    transition: background 0.15s ease, color 0.15s ease;
}

.mega-nav-menu-items .hs-menu-wrapper > ul > li > .hs-menu-children-wrapper > li > a:hover {
    background: rgba(255, 255, 255, 0.04);
    color: #3b82f6;
}


/* ========================================
   Case Study Featured 2026
   ======================================== */

.csf-2026 {
    padding: 0;
}

.csf-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.csf-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.csf-grid.reversed {
    direction: rtl;
}

.csf-grid.reversed > * {
    direction: ltr;
}

/* Image column */
.csf-image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    border: 1px solid #1e3a5f;
    display: block;
}

/* Content column */
.csf-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.csf-content .mo-badge {
    margin-bottom: 24px;
}

.csf-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.csf-description {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 0 32px 0;
}

.csf-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.csf-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    color: #ffffff;
    text-decoration: none;
}

.csf-cta svg {
    transition: transform 0.2s ease;
}

.csf-cta:hover svg {
    transform: translateX(3px);
}

/* Responsive */
@media (max-width: 768px) {
    .csf-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .csf-grid.reversed {
        direction: ltr;
    }

    .csf-heading {
        font-size: 28px;
    }

    .csf-description {
        font-size: 15px;
    }
}


/* ========================================
   Problem Solution 2026
   ======================================== */

.ps-2026 {
    padding: 0;
}

.ps-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

.ps-badge-wrap {
    margin-bottom: 24px;
}

.ps-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.ps-description {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 auto 56px auto;
    max-width: 700px;
}

.ps-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    text-align: left;
}

.ps-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #1e3a5f;
    border-radius: 16px;
    padding: 40px;
}

.ps-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.ps-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ps-card-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #e2e8f0;
    margin: 0;
}

.ps-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ps-card-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 0;
}

.ps-card-list li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
    margin-top: 8px;
}

.ps-card-list li span {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #94a3b8;
}

@media (max-width: 768px) {
    .ps-cards {
        grid-template-columns: 1fr;
    }

    .ps-heading {
        font-size: 32px;
    }

    .ps-card {
        padding: 28px;
    }
}


/* ========================================
   RevOps Pipeline 2026
   ======================================== */

.rp-2026 {
    padding: 0;
}

.rp-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

.rp-badge-wrap {
    margin-bottom: 24px;
}

.rp-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.rp-description {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 auto 64px auto;
    max-width: 650px;
}

.rp-pipeline {
    position: relative;
    padding: 0 40px;
}

.rp-line {
    position: absolute;
    top: 24px;
    left: 80px;
    right: 80px;
    height: 2px;
    background: #1e3a5f;
}

.rp-stages {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.rp-stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.rp-dot-wrap {
    position: relative;
    z-index: 1;
}

.rp-dot-ring {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f1729;
}

.rp-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.rp-stage-title {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #e2e8f0;
}

.rp-stage-subtitle {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #94a3b8;
}

@media (max-width: 768px) {
    .rp-heading {
        font-size: 32px;
    }

    .rp-pipeline {
        padding: 0;
    }

    .rp-line {
        display: none;
    }

    .rp-stages {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }
}


/* ========================================
   Feature Cards 2026
   ======================================== */

.fc-2026 {
    padding: 0;
}

.fc-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

.fc-badge-wrap {
    margin-bottom: 24px;
}

.fc-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.fc-description {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 auto 56px auto;
    max-width: 700px;
}

.fc-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    text-align: left;
}

.fc-card {
    padding: 40px;
}

.fc-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.fc-card-icon img {
    width: 24px;
    height: 24px;
}

.fc-card-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #e2e8f0;
    margin: 0 0 12px 0;
}

.fc-card-desc {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0;
}

@media (max-width: 768px) {
    .fc-grid {
        grid-template-columns: 1fr;
    }

    .fc-heading {
        font-size: 32px;
    }

    .fc-card {
        padding: 28px;
    }
}


/* ========================================
   Hub Cards 2026
   ======================================== */

.hc-2026 {
    padding: 0;
}

.hc-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.hc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.hc-card {
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.hc-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.hc-card-icon img {
    width: 24px;
    height: 24px;
}

.hc-card-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #e2e8f0;
    margin: 0 0 12px 0;
}

.hc-card-desc {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 0 24px 0;
}

.hc-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
}

.hc-card-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hc-card-list li svg {
    flex-shrink: 0;
}

.hc-card-list li span {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e2e8f0;
}

@media (max-width: 768px) {
    .hc-grid {
        grid-template-columns: 1fr;
    }

    .hc-card {
        padding: 28px;
    }
}


/* ===========================
   CASE STUDY DETAIL 2026
   =========================== */

.csd-2026 {
    padding: 0;
}

.csd-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Back link */
.csd-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #94a3b8;
    text-decoration: none;
    margin-bottom: 40px;
    transition: color 0.2s ease;
}

.csd-back-link:hover {
    color: #e2e8f0;
}

/* Hero */
.csd-hero {
    margin-bottom: 48px;
}

.csd-logo {
    margin-bottom: 24px;
}

.csd-logo img {
    max-height: 48px;
    width: auto;
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.csd-title {
    font-family: 'Outfit', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: #e2e8f0;
    margin: 0;
    max-width: 800px;
}

/* Success metrics */
.csd-metrics {
    display: flex;
    gap: 40px;
    padding: 32px 40px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    margin-bottom: 48px;
}

.csd-metric {
    flex: 1;
    text-align: center;
}

.csd-metric-value {
    font-family: 'Outfit', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 4px;
}

.csd-metric-label {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #94a3b8;
}

/* Main layout: content + sidebar */
.csd-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 64px;
    align-items: start;
}

/* Main content area */
.csd-featured-image {
    margin-bottom: 40px;
}

.csd-featured-image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.csd-summary {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #94a3b8;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.csd-summary p {
    margin: 0 0 16px 0;
    color: #94a3b8;
}

.csd-summary p:last-child {
    margin-bottom: 0;
}

.csd-body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #94a3b8;
}

.csd-body h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #e2e8f0;
    margin: 48px 0 16px 0;
    line-height: 1.3;
}

.csd-body h2:first-child {
    margin-top: 0;
}

.csd-body h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #e2e8f0;
    margin: 32px 0 12px 0;
    line-height: 1.3;
}

.csd-body p {
    margin: 0 0 20px 0;
    color: #94a3b8;
}

.csd-body ul,
.csd-body ol {
    margin: 0 0 20px 0;
    padding-left: 24px;
    color: #94a3b8;
}

.csd-body li {
    margin-bottom: 8px;
    color: #94a3b8;
}

.csd-body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 24px 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.csd-body blockquote {
    border-left: 3px solid #3b82f6;
    padding: 16px 24px;
    margin: 24px 0;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: #e2e8f0;
}

/* Testimonial */
.csd-testimonial {
    margin: 48px 0;
    padding: 40px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    position: relative;
}

.csd-quote-icon {
    color: #3b82f6;
    margin-bottom: 16px;
}

.csd-quote-text {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    color: #e2e8f0;
    margin: 0 0 20px 0;
    border: none;
    padding: 0;
    background: none;
    font-style: italic;
}

.csd-quote-author {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.csd-author-name {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #e2e8f0;
}

.csd-author-role {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: #94a3b8;
}

/* CTA */
.csd-cta-wrap {
    margin-top: 48px;
}

.csd-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 10px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.csd-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    color: #ffffff;
}

/* Sidebar */
.csd-sidebar {
    position: sticky;
    top: 100px;
}

.csd-sidebar-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 32px;
}

.csd-sidebar-item {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.csd-sidebar-item:first-child {
    padding-top: 0;
}

.csd-sidebar-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.csd-sidebar-label {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 6px;
}

.csd-sidebar-value {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #e2e8f0;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 1024px) {
    .csd-layout {
        grid-template-columns: 1fr 280px;
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .csd-title {
        font-size: 30px;
    }

    .csd-metrics {
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .csd-metric {
        text-align: left;
        display: flex;
        align-items: baseline;
        gap: 12px;
    }

    .csd-metric-value {
        font-size: 28px;
    }

    .csd-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .csd-sidebar {
        position: static;
        order: -1;
    }

    .csd-body h2 {
        font-size: 24px;
    }

    .csd-testimonial {
        padding: 24px;
    }

    .csd-quote-text {
        font-size: 18px;
    }
}


/* ========================================
   Blog Listing – Dark RevOps Theme
   ======================================== */

/* --- Blog Tags (search + topic dropdown) --- */
.blog-tags-container .container .tags {
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    overflow: hidden;
}

.blog-tags-container .container .tags #initial-tag {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.blog-tags-container .container .tags .list {
    background-color: #1a2640 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    top: 47px;
}

.blog-tags-container .container .tags .tag {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    transition: color 0.2s ease;
    padding: 6px 0;
}

.blog-tags-container .container .tags .tag:hover {
    color: #3b82f6 !important;
}

.blog-tags-container .container .tags .tag.active {
    color: #3b82f6 !important;
}

.blog-tags-container .container .tags #open-list::after {
    background-color: #3b82f6 !important;
    border-radius: 0 8px 8px 0;
}

/* Search bar */
.blog-tags-container .blog-search form {
    border-radius: 10px;
    overflow: hidden;
}

.blog-tags-container .blog-search form input[type="text"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #e2e8f0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 10px 0 0 10px;
}

.blog-tags-container .blog-search form input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

.blog-tags-container .blog-search .search-icon {
    background-color: #3b82f6 !important;
    border-radius: 0 10px 10px 0;
}


/* --- Text Intro --- */
.text-intro-container .container .content .header h2,
.text-intro-container .container .content .header h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.text-intro-container .container .content .header h4 {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
}

/* Eyebrow badge (high specificity) */
.text-intro-container .container .content .header h4:first-child {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    font-family: 'Outfit', sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 6px 16px !important;
    border-radius: 9999px !important;
    line-height: 1 !important;
    margin-bottom: 20px !important;
    background: rgba(139, 92, 246, 0.1) !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
}

.text-intro-container .container .content .header h4:first-child span {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
}

.text-intro-container .container .content .header h4:first-child:has(span[style*="3b82f6"]) {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: rgba(59, 130, 246, 0.2) !important;
}

.text-intro-container .container .content .body,
.text-intro-container .container .content .body p {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
}


/* --- Recent Blog Posts (cards) --- */
.recent-blogs-container .posts .post {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.recent-blogs-container .posts .post:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.14);
}

.recent-blogs-container .posts .post .featured-image {
    margin-bottom: 0 !important;
}

.recent-blogs-container .posts .post .featured-image img {
    border-radius: 0;
    transition: transform 0.4s ease;
}

.recent-blogs-container .posts .post:hover .featured-image img {
    transform: scale(1.03);
}

.recent-blogs-container .posts .post .body {
    padding: 24px 28px 28px !important;
}

.recent-blogs-container .posts .post .body .tag {
    color: #3b82f6 !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.recent-blogs-container .posts .post .body h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 20px !important;
    line-height: 1.35;
    font-weight: 600;
    margin-bottom: 16px;
}

.recent-blogs-container .posts .post .body h3 a {
    color: #e2e8f0 !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.recent-blogs-container .posts .post .body h3 a:hover {
    color: #3b82f6 !important;
}

.recent-blogs-container .posts .post .body .summary {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 15px !important;
    line-height: 1.6;
}

.recent-blogs-container .posts .post .body .summary .written-author {
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 13px;
}

.recent-blogs-container .posts .post .body .summary .author {
    color: #e2e8f0 !important;
    font-weight: 600;
    font-size: 14px !important;
}

/* Read more link */
/* Read more links – hidden */
.recent-blogs-container .posts .read-more,
.recent-blogs-container .posts .post .body .post-footer .read-more {
    display: none !important;
}

/* Main post (featured first post spanning 2 cols) */
.recent-blogs-container .posts .post.main-post {
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

.recent-blogs-container .posts .post.main-post .body {
    padding: 32px 36px 36px !important;
}

.recent-blogs-container .posts .post.main-post .body h3 {
    font-size: 26px !important;
}

/* Pagination */
.recent-blogs-container .pagination {
    margin-top: 20px;
}

.recent-blogs-container .pagination .page-number {
    color: rgba(255, 255, 255, 0.45) !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 14px;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.recent-blogs-container .pagination .page-number:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #e2e8f0 !important;
}

.recent-blogs-container .pagination .page-number.active {
    color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.12);
}

.recent-blogs-container .pagination .previous-posts img,
.recent-blogs-container .pagination .next-posts img {
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.recent-blogs-container .pagination .previous-posts:hover img,
.recent-blogs-container .pagination .next-posts:hover img {
    opacity: 1;
}


/* --- Popular Posts --- */
.popular-posts-container .popular-posts .intro h2,
.popular-posts-container .popular-posts .intro h3,
.popular-posts-container .popular-posts .intro h4 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
}

.popular-posts-container .popular-posts .intro p {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
}

.popular-posts-container .popular-posts .post {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.popular-posts-container .popular-posts .post:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.14);
}

.popular-posts-container .popular-posts .post .featured-image {
    margin-bottom: 0 !important;
    overflow: hidden;
}

.popular-posts-container .popular-posts .post .featured-image img {
    transition: transform 0.4s ease;
}

.popular-posts-container .popular-posts .post:hover .featured-image img {
    transform: scale(1.03);
}

.popular-posts-container .popular-posts .post .body {
    padding: 24px 28px 28px !important;
}

.popular-posts-container .popular-posts .post .tag {
    color: #3b82f6 !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.popular-posts-container .popular-posts .post h5 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 20px !important;
    line-height: 1.35;
    font-weight: 600;
}

.popular-posts-container .popular-posts .post h5 a {
    color: inherit !important;
    transition: color 0.2s ease;
}

.popular-posts-container .popular-posts .post h5 a:hover {
    color: #3b82f6 !important;
}

/* Read more links – hidden */
.popular-posts-container .popular-posts .post a.read-more {
    display: none !important;
}


/* --- Blog Subscription – hidden --- */
.blog-subsscription-container {
    display: none !important;
}

.blog-subsscription-container .left-filler {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
}

.blog-subsscription-container .right-filler {
    background-color: #1a2640 !important;
}

.blog-subsscription-container .container .content {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    padding: 50px 40px !important;
}

.blog-subsscription-container .container .content h2,
.blog-subsscription-container .container .content h3,
.blog-subsscription-container .container .content h4 {
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif;
}

.blog-subsscription-container .container .content p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.blog-subsscription-container .container .image {
    background-color: #1a2640 !important;
}

.blog-subsscription-container .subscription-form form input[type=text],
.blog-subsscription-container .subscription-form form input[type=email] {
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    padding: 12px 16px;
}

.blog-subsscription-container .subscription-form form input[type=text]:focus,
.blog-subsscription-container .subscription-form form input[type=email]:focus {
    border-color: rgba(255, 255, 255, 0.7) !important;
    outline: none;
}

.blog-subsscription-container .subscription-form form input[type=text]::placeholder,
.blog-subsscription-container .subscription-form form input[type=email]::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

.blog-subsscription-container .subscription-form form input[type=submit] {
    background-color: #ffffff !important;
    color: #3b82f6 !important;
    border: none !important;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 24px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.blog-subsscription-container .subscription-form form input[type=submit]:hover {
    opacity: 0.9;
}


/* --- Blog Listing: Responsive Tweaks --- */
@media (max-width: 768px) {

    .recent-blogs-container .posts .post .body {
        padding: 20px 22px 24px !important;
    }

    .recent-blogs-container .posts .post .body h3 {
        font-size: 18px !important;
    }

    .recent-blogs-container .posts .post.main-post .body {
        padding: 24px 26px 28px !important;
    }

    .recent-blogs-container .posts .post.main-post .body h3 {
        font-size: 22px !important;
    }

    .popular-posts-container .popular-posts .post .body {
        padding: 20px 22px 24px !important;
    }

    .popular-posts-container .popular-posts .post h5 {
        font-size: 18px !important;
    }

    .blog-subsscription-container .container .content {
        padding: 32px 24px !important;
    }
}


/* ========================================
   Blog Post Hero – Card-Style (blh-2026)
   ======================================== */

/* Override old hero – hide it if it somehow renders */
.blog-listing-hero-container {
    display: none !important;
}

.blh-2026 {
    padding: 120px 0 60px;
    background-color: #0f1729;
}

.blh-2026 .container {
    max-width: 900px;
}

/* Tag badges */
.blh-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.blh-tag {
    display: inline-block;
    padding: 5px 14px;
    background: rgba(59, 130, 246, 0.12);
    color: #3b82f6 !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    border-radius: 100px;
    transition: background 0.2s ease;
}

.blh-tag:hover {
    background: rgba(59, 130, 246, 0.22);
}

/* Title */
.blh-title {
    font-family: 'Outfit', sans-serif !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    color: #e2e8f0 !important;
    margin-bottom: 28px !important;
}

/* Meta row */
.blh-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}

.blh-date {
    color: rgba(255, 255, 255, 0.45) !important;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0 !important;
    line-height: normal !important;
}

.blh-separator {
    color: rgba(255, 255, 255, 0.45);
    font-size: 18px;
    line-height: 1;
}

.blh-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blh-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.blh-author-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.blh-author-label {
    color: rgba(255, 255, 255, 0.45);
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.blh-author-name {
    color: #e2e8f0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.blh-linkedin {
    color: rgba(255, 255, 255, 0.45);
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    margin-left: 4px;
}

.blh-linkedin:hover {
    color: #3b82f6;
}

/* Featured image card */
.blh-image-card {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);
}

.blh-image-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    display: block;
}


/* --- Blog Post Hero: Responsive --- */
@media (max-width: 768px) {
    .blh-2026 {
        padding: 100px 0 40px;
    }

    .blh-title {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    .blh-meta {
        gap: 8px;
        margin-bottom: 28px;
    }

    .blh-separator {
        display: none;
    }

    .blh-date {
        width: 100%;
    }
}


/* ========================================
   Blog Post Body – Dark Theme Overrides
   ======================================== */

.blog-post-content {
    background-color: #0f1729;
    padding-top: 60px;
    padding-bottom: 120px;
}

.blog-post-content .container .content {
    color: #94a3b8;
}

/* Headings */
.blog-post-content h1 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
}

.blog-post-content h2 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.blog-post-content h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.blog-post-content h4,
.blog-post-content h5,
.blog-post-content h6 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
}

/* Body text */
.blog-post-content p {
    color: #e8e8e8 !important;
    font-family: 'Inter', sans-serif;
    line-height: 1.75 !important;
}

.blog-post-content li {
    color: #e8e8e8 !important;
    font-family: 'Inter', sans-serif;
}

.blog-post-content li::marker {
    color: #3b82f6 !important;
}

/* Links */
.blog-post-content .container .content a {
    color: #3b82f6 !important;
}

.blog-post-content .container .content a:hover {
    opacity: 0.8;
}

/* Blockquotes */
.blog-post-content .container .content blockquote {
    background: rgba(255, 255, 255, 0.03);
    border-left: 3px solid #3b82f6;
    border-radius: 0 12px 12px 0;
    padding: 28px 32px;
    margin: 32px 0;
    background-image: none !important;
}

.blog-post-content .container .content blockquote p {
    color: #3b82f6 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-weight: 500;
}

/* Tables */
.blog-post-content table {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.blog-post-content table th {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #e2e8f0 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.blog-post-content table td {
    color: #94a3b8 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.blog-post-content table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.02);
}

/* Code blocks */
.blog-post-content pre,
.blog-post-content code {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    font-size: 14px;
}

.blog-post-content pre {
    padding: 20px 24px;
    overflow-x: auto;
}

.blog-post-content code {
    padding: 2px 6px;
    border-radius: 4px;
}

.blog-post-content pre code {
    border: none;
    padding: 0;
    background: transparent !important;
}

/* Images within blog content */
.blog-post-content img {
    border-radius: 12px;
}

/* Share widgets */
.share-widgets .title {
    color: rgba(255, 255, 255, 0.45) !important;
}

.share-widgets .line {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.share-widgets .widgets a img {
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.share-widgets .widgets a:hover img {
    opacity: 1;
}

/* Scroll-to-top */
.blog-post-content .container .scroll-container .scroll .scroll-text a {
    color: rgba(255, 255, 255, 0.45) !important;
}

.blog-post-content .container .scroll-container .scroll-animation {
    background-color: rgba(255, 255, 255, 0.08) !important;
}


/* ========================================
   Recent Posts (Bottom of blog post) – Dark
   ======================================== */

.recent-posts {
    background-color: #0f1729;
    padding: 0 0 120px;
}

.recent-posts h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 28px;
    font-weight: 700;
}

.recent-posts-container .recent-post {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 24px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.recent-posts-container .recent-post:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.14);
}

.recent-posts-container .recent-post .featured-image {
    margin-bottom: 20px !important;
    overflow: hidden;
}

.recent-posts-container .recent-post .featured-image img {
    transition: transform 0.4s ease;
}

.recent-posts-container .recent-post:hover .featured-image img {
    transform: scale(1.03);
}

.recent-posts-container .recent-post .tag {
    color: #3b82f6 !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0 20px;
    margin-bottom: 8px !important;
}

.recent-posts-container .recent-post .post-name {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 600;
    padding: 0 20px;
}

.recent-posts-container .recent-post .post-name a {
    color: inherit !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.recent-posts-container .recent-post .post-name a:hover {
    color: #3b82f6 !important;
}

/* --- Recent Posts: Responsive --- */
@media (max-width: 768px) {
    .recent-posts-container {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .recent-posts h3 {
        font-size: 24px;
    }
}


/* ========================================
   Icon-Text Module – Section Header
   ======================================== */

.icon-text-container .it-header {
    grid-column: 1 / -1;
    text-align: center;
    margin-bottom: 24px;
}

.icon-text-container .it-badge-wrap {
    margin-bottom: 24px;
}

.icon-text-container .it-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.icon-text-container .it-description {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 auto;
    max-width: 700px;
}

@media (max-width: 768px) {
    .icon-text-container .it-heading {
        font-size: 32px;
    }
}


/* ========================================
   Hub Cards 2026 – Section Header
   ======================================== */

.hc-2026 .hc-header {
    text-align: center;
    margin-bottom: 56px;
}

.hc-2026 .hc-badge-wrap {
    margin-bottom: 24px;
}

.hc-2026 .hc-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.hc-2026 .hc-description {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 auto;
    max-width: 700px;
}

@media (max-width: 768px) {
    .hc-2026 .hc-heading {
        font-size: 32px;
    }
}


/* ========================================
   Icon-Text Module – Dark Theme Overrides
   ======================================== */

.icon-text-container .container .block {
    background: #1a2640 !important;
    border: 1px solid #1e3a5f !important;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
    padding: 40px 36px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.icon-text-container .container .block:hover {
    transform: translateY(-4px);
}

.icon-text-container .container .block h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 12px;
    transition: color 0.3s ease;
}

.icon-text-container .container .block p {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.65;
    transition: color 0.3s ease;
}

/* --- Icon-text card hover: cycling brand colors via .it-color-N classes --- */

/* Blue (cards 1, 5, 9…) */
.icon-text-container .container .block.it-color-0:hover {
    box-shadow: 0 0 20px 2px rgba(59, 130, 246, 0.35) !important;
    border-color: rgba(59, 130, 246, 0.5) !important;
}
.icon-text-container .container .block.it-color-0:hover h3 {
    color: #3b82f6 !important;
}

/* Yellow (cards 2, 6, 10…) */
.icon-text-container .container .block.it-color-1:hover {
    box-shadow: 0 0 20px 2px rgba(255, 198, 0, 0.35) !important;
    border-color: rgba(255, 198, 0, 0.5) !important;
}
.icon-text-container .container .block.it-color-1:hover h3 {
    color: #FFC600 !important;
}

/* Purple (cards 3, 7, 11…) */
.icon-text-container .container .block.it-color-2:hover {
    box-shadow: 0 0 20px 2px rgba(139, 92, 246, 0.35) !important;
    border-color: rgba(139, 92, 246, 0.5) !important;
}
.icon-text-container .container .block.it-color-2:hover h3 {
    color: #8b5cf6 !important;
}

/* Orange (cards 4, 8, 12…) */
.icon-text-container .container .block.it-color-3:hover {
    box-shadow: 0 0 20px 2px rgba(255, 122, 72, 0.35) !important;
    border-color: rgba(255, 122, 72, 0.5) !important;
}
.icon-text-container .container .block.it-color-3:hover h3 {
    color: #ff7a48 !important;
}

.icon-text-container .container .block .icon img {
    height: 56px;
    width: auto;
}

.icon-text-container .container .block .cta-container .mo-cta {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    color: #ffffff !important;
    border-radius: 10px;
    padding: 14px 28px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border: none !important;
}

.icon-text-container .container .block .cta-container .mo-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Popup form dark styling */
.icon-text-container .container .block .cta-container .popup-form-backdrop .form-container {
    background-color: #1a2640 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}


/* ========================================
   Company Locations – Dark Theme
   ======================================== */

.company-locations .locations {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 991px) {
    .company-locations .locations {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .company-locations .locations {
        grid-template-columns: 1fr;
    }
}

.company-locations .location {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.company-locations .location:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.14);
}

.company-locations .location .inner-content {
    flex: 1;
}

.company-locations .location .city-icon {
    margin-bottom: 24px;
}

.company-locations .location .city-icon img {
    height: 80px;
    width: auto;
    opacity: 0.85;
}

.company-locations .location .city {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.company-locations .location .address p {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 16px;
}

.company-locations .location .contact-number {
    color: #3b82f6 !important;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.company-locations .location .contact-number:hover {
    opacity: 0.8;
}

.company-locations .location .mo-cta {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    color: #ffffff !important;
    border-radius: 10px;
    padding: 14px 28px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-top: 24px;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border: none !important;
}

.company-locations .location .mo-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}


/* ========================================
   Pricing Module – Dark Theme Overrides
   ======================================== */

/* Pricing card blocks — glass card treatment */
.pricing .body .block {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}

.pricing .body .block:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.14);
}

/* Product info section */
.pricing .body .block .product-info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pricing .body .block .product-info h4 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

.pricing .body .block .product-info p {
    color: #94a3b8 !important;
}

.pricing .body .block .product-info .price p.semi-bold {
    color: rgba(255, 255, 255, 0.45) !important;
    font-family: 'Inter', sans-serif;
}

/* Contact Sales text */
.pricing .body .block .product-info .price .sales p {
    color: #94a3b8 !important;
}

.pricing .body .block .product-info .price .sales svg path {
    fill: #ffffff;
}

/* CTA button — gradient */
.pricing .body .block .product-info .mo-cta {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.pricing .body .block .product-info .mo-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* What's included section */
.pricing .body .block .content h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.pricing .body .block .content ul li {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    background-image: none !important;
    padding-left: 28px !important;
    position: relative;
}

.pricing .body .block .content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #3b82f6;
    font-weight: 700;
    font-size: 16px;
}

/* Popup form — dark styling */
.pricing .body .block .product-info .popup-form-backdrop .form-container {
    background-color: #1a2640 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}

.pricing .body .block .product-info .popup-form-backdrop .form-container .form-header .actions .close-form {
    color: #3b82f6 !important;
}

/* Header intro text */
.pricing header .content h2,
.pricing header .content h3,
.pricing header .content h4 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
}

.pricing header .content p {
    color: #94a3b8 !important;
}


/* ========================================
   Four-Column Icon Text v2 – Dark Theme
   ======================================== */

.four-column-icon-text.v2 .container .block {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 40px 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.four-column-icon-text.v2 .container .block:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.14) !important;
}

.four-column-icon-text.v2 .block h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.four-column-icon-text.v2 .block p {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

.four-column-icon-text.v2 .block .icon img {
    filter: brightness(0) invert(1);
    opacity: 0.85;
}

/* v2 CTA button */
.four-column-icon-text.v2 .cta-container .mo-cta {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding: 14px 32px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.four-column-icon-text.v2 .cta-container .mo-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}


/* ========================================
   Four-Column Icon Text v3 – Dark Theme
   ======================================== */

.four-column-icon-text.v3 .container .block {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 36px 28px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.four-column-icon-text.v3 .container .block:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.14) !important;
}

.four-column-icon-text.v3 .block h4 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.4;
}

.four-column-icon-text.v3 .block .icon img {
    filter: brightness(0) invert(1);
    opacity: 0.85;
}


/* ========================================
   Compare Module – Dark Theme
   ======================================== */

.compare .container .content-wrapper {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Both columns — shared base */
.compare .container .column {
    padding: 50px 48px !important;
}

.compare .container .column ul li {
    background-image: none !important;
    padding-left: 32px !important;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 28px !important;
}

/* MO column — glass card, subtle highlight */
.compare .container .column.mo {
    background: rgba(59, 130, 246, 0.06) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.compare .container .column.mo header {
    margin-bottom: 40px !important;
}

.compare .container .column.mo header img {
    filter: brightness(0) invert(1);
    max-height: 28px;
    opacity: 0.9;
}

.compare .container .column.mo ul li {
    color: #e2e8f0 !important;
}

.compare .container .column.mo ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #3b82f6;
    font-weight: 700;
    font-size: 16px;
}

/* Others column — darker glass */
.compare .container .column.other {
    background: rgba(255, 255, 255, 0.02) !important;
}

.compare .container .column.other header {
    margin-bottom: 40px !important;
}

.compare .container .column.other header h4 {
    color: rgba(255, 255, 255, 0.45) !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.compare .container .column.other ul li {
    color: rgba(255, 255, 255, 0.45) !important;
}

.compare .container .column.other ul li::before {
    content: "✕";
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(255, 255, 255, 0.25);
    font-weight: 700;
    font-size: 15px;
}


/* ========================================
   Pre-Footer – Dark Theme
   ======================================== */

/* Override old background colors with dark navy */
.pre-footer .left-filler {
    background-color: #0f1729 !important;
}

.pre-footer .right-filler {
    background-color: #0f1729 !important;
}

/* Image area — subtle glass background instead of yellow */
.pre-footer .container .image {
    background: rgba(255, 255, 255, 0.04) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

/* Content area — gradient instead of blue */
.pre-footer .container .content {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
}

.pre-footer .container .content h2 {
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

/* CTA button in pre-footer — white on gradient background */
.pre-footer .container .content .mo-cta {
    background: #ffffff !important;
    color: #3b82f6 !important;
    border-radius: 10px !important;
    border: none !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding: 14px 32px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.pre-footer .container .content .mo-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Stats numbers */
.pre-footer .container .content .stats h4 {
    color: #ffc600 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

.pre-footer .container .content .stats p {
    color: rgba(255, 255, 255, 0.8) !important;
    font-family: 'Inter', sans-serif;
}

/* Pre-footer rounded container */
.pre-footer {
    border-radius: 0;
}

.pre-footer .container {
    overflow: hidden;
    border-radius: 16px;
}


/* ========================================
   Webinar Post Hero – Dark Theme (Card style)
   ======================================== */

/* Hide old blurred hero if it renders */
.blog-listing-hero-container.webinar {
    display: none !important;
}

.webinar-hero-2026 {
    padding: 120px 0 60px;
}

.webinar-hero-2026 .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Event type badge */
.webinar-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 100px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 24px;
    color: #ffffff;
    background: #3b82f6;
}

.webinar-badge.in-person {
    background: #8b5cf6;
}

.webinar-badge.on-demand {
    background: #ff7a48;
}

.webinar-badge .icon {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
}

/* Title */
.webinar-title {
    font-family: 'Outfit', sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0 !important;
    margin-bottom: 24px;
}

/* Meta row */
.webinar-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 28px;
}

.webinar-meta .meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}

.webinar-meta .meta-item img {
    width: 18px;
    height: 18px;
    opacity: 0.7;
    filter: brightness(0) invert(1);
}

/* CTA button */
.webinar-cta {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    color: #ffffff !important;
    border-radius: 10px;
    padding: 14px 32px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    margin-bottom: 40px;
    border: none !important;
}

.webinar-cta:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Featured image card */
.webinar-image-card {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
}

.webinar-image-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .webinar-hero-2026 {
        padding: 100px 0 40px;
    }

    .webinar-title {
        font-size: 30px;
    }

    .webinar-meta {
        flex-direction: column;
        gap: 12px;
    }
}


/* ========================================
   Webinar Post Body – Dark Theme
   ======================================== */

.webinar-post-body {
    background-color: #0f1729 !important;
}

.webinar-post-body .container .content-column .body h1,
.webinar-post-body .container .content-column .body h2,
.webinar-post-body .container .content-column .body h3,
.webinar-post-body .container .content-column .body h4 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
}

.webinar-post-body .container .content-column .body p,
.webinar-post-body .container .content-column .body li {
    color: #e8e8e8 !important;
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
}

.webinar-post-body .container .content-column .body a {
    color: #3b82f6 !important;
}

/* Form section */
.webinar-post-body .container .form.webinar-form {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 40px;
}

.webinar-post-body .container .form.webinar-form h4#form-title {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Sidebar — panel */
.webinar-post-body .details-column .panel {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 32px;
}

.webinar-post-body .details-column .panel h4 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

.webinar-post-body .details-column .panel .hosts .host .name {
    color: #e2e8f0 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.webinar-post-body .details-column .panel .hosts .host .company {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
}

.webinar-post-body .details-column .panel .hosts .host img {
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

/* Sidebar — tags */
.webinar-post-body .details-column .tags h4 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

.webinar-post-body .details-column .tags .tag-list .tag {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8 !important;
    border-radius: 100px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.webinar-post-body .details-column .tags .tag-list .tag:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2);
    color: #e2e8f0 !important;
}

/* Sidebar — share */
.webinar-post-body .details-column .share .title {
    color: #e2e8f0 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.webinar-post-body .details-column .share a img {
    filter: brightness(0) invert(1);
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.webinar-post-body .details-column .share a:hover img {
    opacity: 1;
}


/* ========================================
   Webinars Listing – Dark Theme
   ======================================== */

/* Container title */
.webinars-container h2,
.webinars-container .section-title {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

/* Filter bar */
.webinars-container #filter-webinars {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px 28px;
}

.webinars-container #filter-webinars h3 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.webinars-container .input-container .options-group {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px;
}

.webinars-container .options-group .group-selected-option {
    color: #94a3b8 !important;
}

.webinars-container .options-group .options .option {
    color: #94a3b8 !important;
}

.webinars-container .options-group .group-selected-option + .options {
    background: #1a2640 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.webinars-container .input-container .clear {
    color: #3b82f6 !important;
}

/* Selected filter pills */
.webinars-container #filter-webinars #selected-filters .filter-item {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    border-radius: 100px;
}

/* Webinar cards */
.webinars-container .post.webinar {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.webinars-container .post.webinar:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.14);
}

.webinars-container .post .featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.webinars-container .post .body .title {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.webinars-container .post .body .title a {
    color: #e2e8f0 !important;
    text-decoration: none;
}

.webinars-container .post .tag {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

.webinars-container .post .tag .icon {
    filter: brightness(0) invert(1);
    opacity: 0.7;
}

.webinars-container .post .tags .date {
    color: rgba(255, 255, 255, 0.45) !important;
    font-family: 'Inter', sans-serif;
}

/* Hide read-more / Watch Now CTAs on all webinar cards */
.webinars-container .post .body .cta-container,
.webinars-container .post .body .read-more {
    display: none !important;
}


/* ========================================
   Webinar Slider – Dark Theme
   ======================================== */

.posts-slider-container header h2 {
    color: #e2e8f0 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

.posts-slider-container header .cta {
    border-radius: 10px;
}

/* Slick track — flex for equal-height slides */
.posts-slider-container .posts-container.slick-initialized .slick-track {
    display: flex !important;
}

.posts-slider-container .posts-container.slick-initialized .slick-slide {
    height: auto !important;
    display: flex !important;
}

.posts-slider-container .posts-container.slick-initialized .slick-slide > div {
    display: flex;
    width: 100%;
}

/* Card — glass card with proper containment + equal height */
.posts-slider-container .posts-container .post {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    height: 100% !important;
}

.posts-slider-container .posts-container .post:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.14) !important;
}

/* Featured image — fill top of card, fixed aspect */
.posts-slider-container .posts-container .post .featured-image {
    height: 200px !important;
    margin-bottom: 0 !important;
    overflow: hidden;
}

.posts-slider-container .posts-container .post .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Body section — padding and flex layout */
.posts-slider-container .posts-container .post .body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 22px 24px !important;
}

/* Title */
.posts-slider-container .post .body h4 {
    flex: 1;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.35;
}

.posts-slider-container .post .body h4 a {
    color: #e2e8f0 !important;
    text-decoration: none;
}

/* Tags row */
.posts-slider-container .post .body .tags .tag {
    color: #94a3b8 !important;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

.posts-slider-container .post .body .tags .tag .icon {
    filter: brightness(0) invert(1);
    opacity: 0.7;
}

.posts-slider-container .post .body .tags .date {
    color: rgba(255, 255, 255, 0.45) !important;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

/* Hide read-more / Watch Now CTAs on slider cards */
.posts-slider-container .posts-container .post .read-more {
    display: none !important;
}

/* Slider arrows */
.posts-slider-container .posts-arrows {
    color: #e2e8f0;
}


/* ===================================================================
   CLIENTS SLIDER — Dark greyed-out logo treatment
   Matches the clients-logos-grid style: glass cards + inverted logos
   =================================================================== */

.clients-dark .section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.clients-dark .logo-card {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    padding: 24px !important;
    min-height: 80px;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.clients-dark .logo-card:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    transform: translateY(-2px);
}

.clients-dark .logo-card img {
    opacity: 0.65;
    filter: brightness(0) invert(1);
    transition: opacity 0.2s ease;
    max-height: 40px;
}

.clients-dark .logo-card:hover img {
    opacity: 0.9;
}

.clients-dark .clients-dots-container.dark .slick-dots li button {
    background-color: rgba(255, 255, 255, 0.15);
}

.clients-dark .clients-dots-container.dark .slick-dots li.slick-active button {
    background-color: #3b82f6;
}


/* ===================================================================
   SEARCH PAGE — Dark theme
   =================================================================== */

/* Hero section */
.search-hero {
    background-color: #0f1729;
    padding: 160px 0 60px;
    text-align: center;
}

.search-hero .mo-badge {
    margin-bottom: 24px;
}

.search-hero h1 {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.1;
    color: #e2e8f0;
    margin-bottom: 16px;
}

.search-hero p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #94a3b8;
    line-height: 1.6;
    max-width: 520px;
    margin: 0 auto;
}

/* Search content area */
.search-content {
    background-color: #0f1729;
    padding: 40px 0 100px;
}

/* ── Search input field ── */

.search-content .hs-search-field {
    max-width: 720px;
    margin: 0 auto 60px;
}

.search-content .hs-search-field__bar {
    position: relative;
}

.search-content .hs-search-field__bar input[type="text"],
.search-content .hs-search-field input.hs-search-field__input {
    width: 100%;
    padding: 18px 24px;
    padding-right: 56px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    outline: none;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    -webkit-appearance: none;
}

.search-content .hs-search-field__bar input[type="text"]:focus,
.search-content .hs-search-field input.hs-search-field__input:focus {
    border-color: #3b82f6;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.search-content .hs-search-field__bar input[type="text"]::placeholder,
.search-content .hs-search-field input.hs-search-field__input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

/* Search button */
.search-content .hs-search-field__bar button,
.search-content .hs-search-field button.hs-search-field__button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    border: none;
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-content .hs-search-field__bar button:hover,
.search-content .hs-search-field button.hs-search-field__button:hover {
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.3);
}

.search-content .hs-search-field__bar button svg,
.search-content .hs-search-field button.hs-search-field__button svg {
    fill: #ffffff;
    width: 18px;
    height: 18px;
}

/* Search suggestions / autocomplete dropdown */
.search-content .hs-search-field--open .hs-search-field__suggestions {
    background: #1a2640;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    margin-top: 8px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
}

.search-content .hs-search-field__suggestions li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.search-content .hs-search-field__suggestions li:last-child {
    border-bottom: none;
}

.search-content .hs-search-field__suggestions li a {
    display: block;
    padding: 14px 20px;
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.search-content .hs-search-field__suggestions li a:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #e2e8f0;
}

/* ── Search results ── */

.search-content .hs-search-results {
    max-width: 820px;
    margin: 0 auto;
}

/* Individual result item */
.search-content .hs-search-results__listing li,
.search-content .hs-search-results li.hs-search-results__result {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 28px 32px;
    margin-bottom: 16px;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
    list-style: none;
}

.search-content .hs-search-results__listing li:hover,
.search-content .hs-search-results li.hs-search-results__result:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    transform: translateY(-1px);
}

/* Result title */
.search-content .hs-search-results__title,
.search-content .hs-search-results li a {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #e2e8f0;
    text-decoration: none;
    line-height: 1.3;
    display: block;
    margin-bottom: 8px;
    transition: color 0.2s ease;
}

.search-content .hs-search-results__title:hover,
.search-content .hs-search-results li a:hover {
    color: #3b82f6;
}

/* Result description / snippet */
.search-content .hs-search-results__description,
.search-content .hs-search-results li p,
.search-content .hs-search-results__snippet {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #94a3b8;
    line-height: 1.7;
    margin: 0;
}

/* Highlighted search term in results */
.search-content .hs-search-results strong,
.search-content .hs-search-results mark,
.search-content .hs-search-highlight {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
    padding: 1px 4px;
    border-radius: 3px;
    font-weight: 600;
}

/* Result count / summary text */
.search-content .hs-search-results__count,
.search-content .hs-search-results__message {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 32px;
    text-align: center;
}

/* ── Pagination ── */

.search-content .hs-search-results__pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding-top: 48px;
    margin-top: 16px;
    list-style: none;
}

/* Reset ALL wrapper spans to transparent inline containers */
.search-content .hs-search-results__pagination span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    padding: 0;
    min-width: 0;
    height: auto;
}

/* Style only <a> links as pill buttons */
.search-content .hs-search-results__pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    color: #94a3b8;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.search-content .hs-search-results__pagination a:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: #e2e8f0;
}

/* Active / current page — the active page is typically a <span> not an <a> */
.search-content .hs-search-results__pagination span.hs-search-results__pagination--active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    border: 1px solid transparent;
    border-radius: 10px;
    color: #ffffff;
}

/* ── No results state ── */

.search-content .hs-search-results--no-results,
.search-content .hs-search-results__no-results {
    text-align: center;
    padding: 60px 20px;
}

.search-content .hs-search-results--no-results p,
.search-content .hs-search-results__no-results p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.6;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .search-hero {
        padding: 120px 0 40px;
    }

    .search-hero h1 {
        font-size: 36px;
    }

    .search-content {
        padding: 20px 0 60px;
    }

    .search-content .hs-search-results__listing li,
    .search-content .hs-search-results li.hs-search-results__result {
        padding: 20px 24px;
    }

    .search-content .hs-search-results__title,
    .search-content .hs-search-results li a {
        font-size: 17px;
    }
}


/* ===================================================================
   DARK CONTENT PAGE — Rich text styling for blank content template
   =================================================================== */

.dark-content .dnd-section {
    background-color: #0f1729;
}

/* Rich text wrapper — constrain width and center */
.dark-content .hs_cos_wrapper_type_rich_text,
.dark-content .hs-content-id .hs_cos_wrapper_type_rich_text {
    max-width: 820px;
    margin: 0 auto;
}

/* Headings */
.dark-content .hs_cos_wrapper_type_rich_text h1 {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 44px;
    line-height: 1.15;
    color: #e2e8f0;
    margin-bottom: 24px;
}

.dark-content .hs_cos_wrapper_type_rich_text h2 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2;
    color: #e2e8f0;
    margin-top: 48px;
    margin-bottom: 16px;
}

.dark-content .hs_cos_wrapper_type_rich_text h3 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    color: #e2e8f0;
    margin-top: 40px;
    margin-bottom: 12px;
}

.dark-content .hs_cos_wrapper_type_rich_text h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: #e2e8f0;
    margin-top: 32px;
    margin-bottom: 12px;
}

.dark-content .hs_cos_wrapper_type_rich_text h5,
.dark-content .hs_cos_wrapper_type_rich_text h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 32px;
    margin-bottom: 8px;
}

/* Body text */
.dark-content .hs_cos_wrapper_type_rich_text p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #e8e8e8;
    margin-bottom: 20px;
}

/* Links */
.dark-content .hs_cos_wrapper_type_rich_text a {
    color: #3b82f6;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.dark-content .hs_cos_wrapper_type_rich_text a:hover {
    color: #8b5cf6;
}

/* Lists */
.dark-content .hs_cos_wrapper_type_rich_text ul,
.dark-content .hs_cos_wrapper_type_rich_text ol {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #e8e8e8;
    margin-bottom: 24px;
    padding-left: 24px;
}

.dark-content .hs_cos_wrapper_type_rich_text li {
    margin-bottom: 8px;
}

.dark-content .hs_cos_wrapper_type_rich_text ul li::marker {
    color: #3b82f6;
}

.dark-content .hs_cos_wrapper_type_rich_text ol li::marker {
    color: #3b82f6;
    font-weight: 600;
}

/* Blockquote */
.dark-content .hs_cos_wrapper_type_rich_text blockquote {
    border-left: 3px solid #3b82f6;
    padding: 20px 28px;
    margin: 32px 0;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 0 12px 12px 0;
}

.dark-content .hs_cos_wrapper_type_rich_text blockquote p {
    font-size: 18px;
    font-style: italic;
    color: #94a3b8;
    margin-bottom: 0;
}

/* Horizontal rule */
.dark-content .hs_cos_wrapper_type_rich_text hr {
    border: none;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 48px 0;
}

/* Images in rich text */
.dark-content .hs_cos_wrapper_type_rich_text img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 24px 0;
}

/* Tables */
.dark-content .hs_cos_wrapper_type_rich_text table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 32px 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.dark-content .hs_cos_wrapper_type_rich_text th {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.06);
    padding: 14px 20px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dark-content .hs_cos_wrapper_type_rich_text td {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #94a3b8;
    padding: 14px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.dark-content .hs_cos_wrapper_type_rich_text tr:last-child td {
    border-bottom: none;
}

.dark-content .hs_cos_wrapper_type_rich_text tr:hover td {
    background: rgba(255, 255, 255, 0.02);
}

/* Code / pre */
.dark-content .hs_cos_wrapper_type_rich_text code {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #3b82f6;
    padding: 2px 8px;
    border-radius: 6px;
}

.dark-content .hs_cos_wrapper_type_rich_text pre {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 24px;
    overflow-x: auto;
    margin: 32px 0;
}

.dark-content .hs_cos_wrapper_type_rich_text pre code {
    background: none;
    padding: 0;
    border-radius: 0;
    color: #e8e8e8;
}

/* Responsive */
@media (max-width: 768px) {
    .dark-content .hs_cos_wrapper_type_rich_text h1 {
        font-size: 32px;
    }

    .dark-content .hs_cos_wrapper_type_rich_text h2 {
        font-size: 26px;
    }

    .dark-content .hs_cos_wrapper_type_rich_text h3 {
        font-size: 20px;
    }
}


/* ===================================================================
   LANDING PAGE 2026 — Dark conversion-focused layout
   =================================================================== */

/* ── LP Header dark typography ── */

.lp-header .text-content .logo svg,
.lp-header .text-content .logo img {
    max-width: 180px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.lp-header .text-content h1 {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.1;
    margin-bottom: 24px;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ff7a48);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.lp-header .text-content h2 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2;
    color: #e2e8f0;
    margin-bottom: 20px;
}

.lp-header .text-content h3,
.lp-header .text-content h3 * {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    margin-bottom: 28px;
}

.lp-header .text-content p,
.lp-header .text-content p * {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #e8e8e8 !important;
    -webkit-text-fill-color: #e8e8e8 !important;
    margin-bottom: 16px;
}

.lp-header .text-content ul {
    margin-bottom: 24px;
}

.lp-header .text-content ul li,
.lp-header .text-content ul li * {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #e8e8e8 !important;
    -webkit-text-fill-color: #e8e8e8 !important;
    line-height: 1.5;
}

.lp-header .text-content ul li {
    gap: 14px;
}

.lp-header .text-content ul li:before {
    color: #3b82f6 !important;
    font-size: 24px;
}

/* LP Form — glass card panel */
.lp-header .form.header-form {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 36px;
}

.lp-header .form.header-form .content .mo-badge {
    margin-bottom: 16px;
}

.lp-header .form.header-form .content h3,
.lp-header .form.header-form .content h4 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #e2e8f0;
    margin-bottom: 8px;
}

.lp-header .form.header-form .content p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    line-height: 1.6;
}

/* Form placeholder (shown when no form is selected in editor) */
.lp-header .form.header-form .form-placeholder {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.45) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.45) !important;
    text-align: center;
    padding: 40px 20px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    margin: 0;
}

/* ── LP Footer ── */

.global-footer {
    background-color: #0f1729 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.global-footer p,
.global-footer a {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.45) !important;
}

.global-footer a:hover {
    color: #94a3b8 !important;
}

/* ── LP Responsive ── */

@media (max-width: 991px) {
    .lp-header .text-content h1 {
        font-size: 36px;
    }

    .lp-header .text-content h2 {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .lp-header .text-content h1 {
        font-size: 30px;
    }

    .lp-header .form.header-form {
        padding: 24px;
        border-radius: 16px;
    }
}


/* ============================================================
   VERTICAL TIMELINE 2026
   ============================================================ */

.vt-2026 {
    padding: 0;
}

.vt-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

.vt-badge-wrap {
    margin-bottom: 24px;
}

.vt-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.vt-description {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0 auto 64px auto;
    max-width: 650px;
}

.vt-timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
}

.vt-step {
    display: flex;
    gap: 24px;
    position: relative;
}

.vt-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
}

.vt-dot-ring {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f1729;
    flex-shrink: 0;
}

.vt-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.vt-connector {
    width: 2px;
    flex: 1;
    background: #1e3a5f;
    margin: 8px 0;
    min-height: 20px;
}

.vt-content {
    flex: 1;
    padding-bottom: 40px;
}

.vt-step-last .vt-content {
    padding-bottom: 0;
}

.vt-step-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #e2e8f0;
    margin: 0 0 12px 0;
    padding-top: 10px;
}

.vt-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px 28px;
}

.vt-card p {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #94a3b8;
    margin: 0;
}

@media (max-width: 768px) {
    .vt-heading {
        font-size: 32px;
    }

    .vt-description {
        font-size: 15px;
    }

    .vt-step {
        gap: 16px;
    }

    .vt-marker {
        width: 36px;
    }

    .vt-dot-ring {
        width: 36px;
        height: 36px;
    }

    .vt-dot {
        width: 12px;
        height: 12px;
    }

    .vt-card {
        padding: 20px;
    }

    .vt-step-title {
        font-size: 18px;
        padding-top: 6px;
    }

    .vt-content {
        padding-bottom: 32px;
    }
}


/* ========================================
   WHY US TABS 2026
   ======================================== */

.why-us-tabs-2026 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* --- Zone 1: Intro --- */
.wut-intro {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    margin-bottom: 60px;
}

.wut-intro-left {
    flex: 1;
    min-width: 0;
}

.wut-intro-right {
    flex: 1;
    min-width: 0;
    padding-top: 52px;
}

.wut-intro-left .mo-badge {
    display: inline-block;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 20px;
}

.wut-heading {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #e2e8f0;
    margin: 0;
}

.wut-body p {
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

/* --- Zone 2: Tab bar --- */
.wut-tab-bar-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #1e3a5f;
    margin-bottom: 48px;
    position: relative;
}

.wut-tab-bar {
    display: flex;
    gap: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex: 1;
}

.wut-tab-bar::-webkit-scrollbar {
    display: none;
}

.wut-tab-btn {
    background: none;
    border: none;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    padding: 16px 28px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    transition: color 0.3s ease;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
}

.wut-tab-btn:hover {
    color: #e2e8f0;
}

.wut-tab-btn.active {
    color: #e2e8f0;
    border-bottom-color: var(--tab-color, #3b82f6);
}

.wut-arrow {
    background: none;
    border: 1px solid #1e3a5f;
    color: #94a3b8;
    font-size: 22px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.wut-arrow:hover {
    color: #e2e8f0;
    border-color: #e2e8f0;
}

/* --- Zone 3: Panels --- */
.wut-panel {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.wut-panel.active {
    display: grid;
    animation: wutFadeIn 0.4s ease;
}

@keyframes wutFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.wut-panel-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
    aspect-ratio: 16 / 10;
}

.wut-image-placeholder {
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #1a2640;
    border: 1px solid #1e3a5f;
    border-radius: 12px;
}

.wut-panel-heading {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #e2e8f0;
    margin: 0 0 20px 0;
}

.wut-panel-desc p {
    color: #94a3b8;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 24px 0;
}

.wut-cta-btn {
    display: inline-block;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    padding: 14px 32px;
    border-radius: 8px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.wut-cta-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .wut-intro {
        flex-direction: column;
        gap: 24px;
    }

    .wut-heading {
        font-size: 34px;
    }

    .wut-intro-right {
        padding-top: 0;
    }

    .wut-tab-btn {
        padding: 12px 18px;
        font-size: 12px;
    }

    .wut-panel.active {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .wut-panel-heading {
        font-size: 30px;
    }

    .wut-arrow {
        display: none;
    }
}
.lp-header {
/* 	min-height: 100vh; */
	padding-top: 95px;
	padding-bottom: 95px;
}

.lp-header.thank-you {
	min-height: unset;
	padding-top: 95px;
	padding-bottom: 95px;
}

.lp-header.yellow {
	background-color: #0f1729;
}

.lp-header.blue {
	background-color: #0f1729;
}

.lp-header.orange {
	background-color: #0f1729;
}

.lp-header.purple {
	background-color: #0f1729;
}

.lp-header .container {
	gap: 30px;
	display: grid;
	align-items: flex-start;
	grid-template-columns: 1fr minmax(auto, 570px);
}

@media (max-width: 1024px) {
	.lp-header .container {
		grid-template-columns: 1fr;
	}
}

.lp-header .container.smaller {
	gap: 0px;
	grid-template-columns: minmax(auto, 540px) 1fr;
}

@media (max-width: 1024px) {
	.lp-header .container.smaller {
		grid-template-columns: 1fr;
	}
}

.lp-header .container.smaller .form-image {
	display: flex;
	justify-content: end;
	background-size: 440px;
	background-repeat: no-repeat;
}

.lp-header .container.smaller .form.header-form .inputs-list {
	margin-top: 35px;
	margin-bottom: 25px;
}

.lp-header .container.smaller .form.header-form {
	width: 100%;
	max-width: 470px;
}

.lp-header .container .text-content {
	position: relative;
}

.lp-header .container .text-content .form-image {
	position: absolute;
	top: 55px;
	right: 100%;
}

.lp-header.thank-you .container {
	grid-template-columns: 1fr minmax(auto, 535px);
}

.lp-header .text-content .logo {
	margin-bottom: 35px;
}

.lp-header .text-content .logo svg {
	max-width: 260px;
}

.lp-header .text-content h1 {
	
	margin-bottom: 35px;
}

.lp-header.thank-you .text-content h1 {
	font-size: 85px;
	line-height: 90px;
}

.lp-header .text-content h3 {
	margin-bottom: 35px;
}

.lp-header .text-content ul {
	margin-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}

.lp-header .text-content ul li {
	gap: 20px;
	display: flex;
}

.lp-header .text-content ul li:before {
	content: "•";
	font-size: 30px;
}


.lp-header .form.header-form .content {
	margin-bottom: 40px;
}

.lp-header .form.header-form .hs-richtext {
	margin-bottom: 20px;
	font-size: 11px;
	color: #94a3b8;
	line-height: 15px;
}

.lp-header .container.smaller .form.header-form .hs-richtext {
	margin-bottom: 45px;
}

.lp-header .form.header-form .legal-consent-container {
	padding-top: 0px;
}

.lp-header .form.header-form .legal-consent-container a {
	color: #4e79f3;
}

.lp-header .form.header-form.image {
	padding: 0px;
	background-color: transparent;
	box-shadow: none;
	padding-top: 25px;
}

.lp-header .form.header-form.image img {
	max-width: 87% !important;
}

.form.header-form .form-image {
	position: relative;
}

.lp-header .form label[for] {
/* 	position: static; */
}

.lp-header.v2 {
	padding: 0;
}

.lp-header.v2 .container .text-content {
	padding: 95px 0;
}

.lp-header.v2 .form-image {
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.global-footer {
	gap: 65px;
	display: flex;
	height: 105px;
	padding: 30px;
	justify-content: center;
	align-items: center;
	background-color: #161b30;
}

.global-footer * {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.global-footer a {
	text-decoration: none;
}
/**
 * Swiper 11.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 14, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}