@charset "UTF-8";
/*!
Theme Name: kps2025
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kps2025
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

kps2025 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! 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;
  -webkit-text-size-adjust: 100%;
}

/* 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;
  height: 0;
  overflow: visible;
}

/**
 * 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;
  font-size: 1em;
}

/* 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;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  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;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

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

/**
 * 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;
  outline-offset: -2px;
}

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

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

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #666666;
  font-family: "Poppins", serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Plus Jakarta Sans", serif;
  line-height: 1.1;
  margin-top: 0;
  clear: both;
  font-weight: 700;
}

h2 {
  font-size: 40px;
  color: #122245;
}
h2 span.gradiant {
  display: block;
  font-size: 110px;
  line-height: 1em;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c00f7+0,0c00f7+10,07e7f6+90,07e7f6+100 */
  background: linear-gradient(135deg, rgb(12, 0, 247) 0%, rgb(12, 0, 247) 10%, rgb(7, 231, 246) 90%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin: 0 auto;
}
h2 span.gradiant:after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  margin-top: 5px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c00f7+0,0c00f7+10,07e7f6+90,07e7f6+100 */
  background: linear-gradient(135deg, rgb(12, 0, 247) 0%, rgb(12, 0, 247) 10%, rgb(7, 231, 246) 90%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 10px 0;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.site-header .site-branding {
  width: 20%;
  display: flex;
}
.site-header .site-branding img {
  height: 70px;
  transition: height 0.4s ease;
}
.site-header .flex {
  align-items: center;
  gap: 15px;
}
.site-header ul.extra {
  list-style-type: none;
  margin: 0 0 0 15px;
  padding: 0;
  display: flex;
  gap: 15px;
  width: fit-content;
  transition: margin-left 0.4s ease;
}
.site-header ul.extra li:last-of-type a {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1a72+0,07e7f6+100 */
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: white;
  border: 0;
}
.site-header ul.extra li a {
  padding: 10px 20px;
  border: 1px solid black;
  display: block;
  border-radius: 100px;
  text-decoration: none;
  color: black;
}

.site-header.shrink .site-branding img {
  height: 50px;
  transition: height 0.6s ease;
}
.site-header.shrink .main-navigation ul {
  gap: 15px;
  transition: gap 0.6s ease;
}
.site-header.shrink .main-navigation ul ul {
  gap: 5px;
}
.site-header.shrink ul.extra {
  margin-left: 0;
  transition: margin-left 0.6s ease;
}

.site-footer {
  background-image: url("images/footerbg.jpg");
  background-size: cover;
  background-position: left center;
  padding: 125px 0 30px 0;
  margin-top: 50px;
}
.site-footer h2 {
  color: white;
  margin: 0 0 30px 0;
  font-size: 16px;
}
.site-footer ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.site-footer ul.menu li {
  display: block;
  padding-bottom: 20px;
}
.site-footer ul.menu li a {
  display: block;
  line-height: 1;
  font-size: 14px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}
.site-footer .row.contact {
  padding-top: 25px;
}
.site-footer .row.contact h2 {
  margin: 0 0 20px 0;
}
.site-footer ul.contact {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.site-footer ul.contact li {
  margin-right: 30px;
}
.site-footer ul.contact li a {
  color: white;
  text-decoration: none;
  font-size: 16px;
}
.site-footer ul.contact li p {
  color: white;
  font-size: 16px;
  margin: 0;
}
.site-footer .flex {
  margin-top: 100px;
  display: flex;
  align-items: center;
  width: 100%;
}
.site-footer .flex img.iso {
  width: 100px;
  height: 100px;
}
.site-footer .flex .content {
  padding-left: 30px;
}
.site-footer .flex .content ul.menu {
  display: flex;
}
.site-footer .flex .content ul.menu li {
  padding: 0 30px 0 0;
}
.site-footer .flex .content p {
  margin-bottom: 0;
  font-size: 14px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  color: white;
}
.site-footer .flex ul.social {
  list-style-type: none;
  margin: 0 0 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
}
.site-footer .flex ul.social li {
  margin-left: 20px;
}
.site-footer .flex ul.social li img {
  width: 30px;
}

.atvImg {
  border-radius: 8px;
  transform-style: preserve-3d;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.atvImg img {
  border-radius: 8px;
}

.atvImg-container {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transition: all 0.2s ease-out;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#07e7f6+0,1e1a72+100 */
  background: linear-gradient(135deg, rgb(7, 231, 246) 0%, rgb(30, 26, 114) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.atvImg-layers {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  transform-style: preserve-3d;
}

.atvImg-rendered-layer {
  position: absolute;
  width: 100%;
  height: 90%;
  bottom: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: cover;
  transition: all 0.1s ease-out;
  overflow: hidden;
  border-radius: 8px;
}

.atvImg-shadow {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  transition: all 0.2s ease-out;
}

.atvImg-shine {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
}

.dark-header {
  background-image: url("./images/dark-header-bg.png");
  background-size: cover;
  background-position: center;
  padding: 150px 0 100px 0;
  text-align: center;
  border-radius: 0 0 60px 60px;
}
.dark-header h1 {
  font-size: 18px;
  text-align: center;
  color: #0EB0D2;
}
.dark-header span.subtitle {
  font-size: 44px;
  display: block;
  text-align: center;
  font-family: "Plus Jakarta Sans", serif;
  color: white;
  font-weight: 800;
  text-wrap: balance;
}
.dark-header span.subtitle span {
  position: relative;
  background: rgb(75, 103, 255);
  background: -moz-linear-gradient(130deg, rgb(75, 103, 255) 0%, rgb(7, 231, 246) 80%, rgb(7, 231, 246) 100%);
  background: -webkit-linear-gradient(130deg, rgb(75, 103, 255) 0%, rgb(7, 231, 246) 80%, rgb(7, 231, 246) 100%);
  background: linear-gradient(130deg, rgb(75, 103, 255) 0%, rgb(7, 231, 246) 80%, rgb(7, 231, 246) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b67ff",endColorstr="#07e7f6",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dark-header span.subtitle span:before {
  content: url("images/stars-light.svg");
  position: absolute;
  top: -20px;
  left: -25px;
}
.dark-header p {
  color: white;
  font-size: 16px;
  line-height: 150%;
}
.dark-header #gform_wrapper_1 {
  margin-top: 30px;
}
.dark-header #gform_wrapper_1 #gform_1 {
  position: relative;
  display: flex;
  align-items: stretch;
}
.dark-header #gform_wrapper_1 #gform_1 .gform-body {
  width: 100%;
}
.dark-header #gform_wrapper_1 #gform_1 .gform-body input {
  padding: 15px 15px 15px 20px;
  border-radius: 100px;
  border: 1px solid #707070;
}
.dark-header #gform_wrapper_1 #gform_1 .gform_footer {
  margin-top: 0;
  position: absolute;
  right: 0;
  padding: 0;
  height: 100%;
  padding: 5px;
}
.dark-header .white-wrapper {
  margin-top: 50px;
  padding: 20px;
  background-color: white;
  border-radius: 30px;
  box-shadow: 0 3px 30px rgba(6, 227, 244, 0.5);
  display: flex;
}
.dark-header .white-wrapper img {
  width: 100%;
  height: auto;
  max-height: 60vh;
  object-fit: cover;
  object-position: center;
  border-radius: 17px;
}
.dark-header .white-wrapper video {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 17px;
}
.dark-header .skewable-cards {
  margin-top: 50px;
  background-image: unset;
  padding: 0;
  border-radius: 0;
}
.dark-header .dark-blue-content-blocks {
  padding: 0;
  margin-top: 50px;
  background-image: unset;
  background-color: transparent;
  border-radius: 0;
  text-align: left;
}

.light-blue-content-blocks, .dark-blue-content-blocks {
  padding: 100px 0 70px 0;
  background-size: cover;
  background-position: center;
}
.light-blue-content-blocks h2, .dark-blue-content-blocks h2 {
  text-align: center;
  color: #1D1C73;
}
.light-blue-content-blocks p, .dark-blue-content-blocks p {
  text-align: center;
  font-size: 20px;
  font-family: "Plus Jakarta Sans", serif;
  color: #1D1C73;
}
.light-blue-content-blocks .content-block-row, .dark-blue-content-blocks .content-block-row {
  padding-top: 50px;
}
.light-blue-content-blocks .content-block-row > .columns, .dark-blue-content-blocks .content-block-row > .columns {
  margin-bottom: 30px;
}
.light-blue-content-blocks .content-block-row p, .dark-blue-content-blocks .content-block-row p {
  text-align: left;
  font-size: 16px;
  font-family: "Poppins", serif;
  color: #041029;
}
.light-blue-content-blocks .wrapper, .dark-blue-content-blocks .wrapper {
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 100%);
  padding: 180px 40px 40px 40px;
  border-radius: 20px;
  border: 1px solid #CBDAFC;
  position: relative;
  min-height: 100%;
}
.light-blue-content-blocks .wrapper img.decor-image, .dark-blue-content-blocks .wrapper img.decor-image {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 100px;
  height: 100px;
  object-fit: contain;
  object-position: center;
  height: 80px;
  width: auto;
}
.light-blue-content-blocks .wrapper span.subheading, .dark-blue-content-blocks .wrapper span.subheading {
  color: #4D61FF;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 20px;
  display: block;
  font-weight: 700;
}
.light-blue-content-blocks .wrapper h3, .dark-blue-content-blocks .wrapper h3 {
  color: #041029;
  font-size: 26px;
  word-wrap: break-word;
}
.light-blue-content-blocks .wrapper p, .dark-blue-content-blocks .wrapper p {
  font-size: 14px;
}
.light-blue-content-blocks .wrapper p:last-of-type, .dark-blue-content-blocks .wrapper p:last-of-type {
  margin-bottom: 0;
}
.light-blue-content-blocks .wrapper.right-image img.decor-image, .dark-blue-content-blocks .wrapper.right-image img.decor-image {
  left: unset;
  right: 30px;
}
.light-blue-content-blocks .button-row, .dark-blue-content-blocks .button-row {
  margin-top: 20px;
}
.light-blue-content-blocks .button-row .button, .dark-blue-content-blocks .button-row .button {
  margin: 0 auto;
}

.dark-blue-content-blocks {
  padding: 120px 0 120px 0;
  background-color: #072152;
  border-radius: 30px;
  background-image: url("images/dark-background-section.jpg");
  background-size: cover;
}
.dark-blue-content-blocks h2 {
  color: #fff;
}
.dark-blue-content-blocks p {
  color: white;
}
.dark-blue-content-blocks .wrapper {
  background: transparent;
  background: none;
  border: 1px solid #CBDAFC;
  transition: all 0.3s ease;
  display: block;
  text-decoration: none;
}
.dark-blue-content-blocks .wrapper:hover {
  background: #effcff;
  transition: all 0.6s ease;
  box-shadow: 0 3px 20px rgba(6, 227, 244, 0.3);
}
.dark-blue-content-blocks .wrapper:hover h3 {
  color: #1D1C73;
  transition: all 0.6s ease;
}
.dark-blue-content-blocks .wrapper:hover p {
  color: #122245;
  transition: all 0.6s ease;
}
.dark-blue-content-blocks .wrapper h2, .dark-blue-content-blocks .wrapper h3, .dark-blue-content-blocks .wrapper p {
  color: #fff;
}

.contained-content {
  margin-top: 100px;
}
.contained-content .whitebg {
  background-color: white;
  border-radius: 30px;
  overflow: hidden;
  background-size: cover;
  padding: 100px;
  background-position: right;
}
.contained-content h2, .contained-content h3, .contained-content h4, .contained-content h5 {
  color: #1D1C73;
  text-align: left;
}
.contained-content p {
  color: #666666;
  font-size: 1em;
  text-align: left;
}

.full-width-bordered-content {
  padding: 50px 0;
}
.full-width-bordered-content h2, .full-width-bordered-content h3, .full-width-bordered-content h4, .full-width-bordered-content h5, .full-width-bordered-content h6 {
  color: #0B1834;
}
.full-width-bordered-content ul {
  margin: 0;
  padding: 0 0 0 15px;
}
.full-width-bordered-content ul li {
  color: #1472AB;
  font-weight: 700;
  font-family: "Plus Jakarta Sans", serif;
  padding: 2.5px 0;
  font-size: 1rem;
}
.full-width-bordered-content .border-wrapper {
  position: relative;
  border-radius: 30px;
  border: 1.5px solid #1D1C73;
  padding: 6%;
  overflow: hidden;
}
.full-width-bordered-content .border-wrapper > .row.justify-content-center {
  text-align: center;
}
.full-width-bordered-content .border-wrapper > .row.justify-content-center a.button {
  margin: 0 auto;
}
.full-width-bordered-content .border-wrapper .columns {
  padding: 0;
}
.full-width-bordered-content .border-wrapper img.decor-image {
  position: absolute;
  top: 0;
  right: 0;
  left: unset;
  height: 100%;
  width: 60%;
  object-fit: cover;
  object-position: left;
}

.full-width-bordered-content.flipped .border-wrapper img.decor-image {
  right: unset;
  left: 0;
  object-position: right;
}
.full-width-bordered-content.flipped .content-side {
  order: 2;
}
.full-width-bordered-content.flipped .image-side {
  order: 1;
}

.content-module-rounded {
  margin-top: 50px;
}
.content-module-rounded .bordered-content {
  border: 1px solid #1D1C73;
  padding: 80px;
  border-radius: 25px;
}

.switchable-content {
  padding: 100px 0;
}
.switchable-content ul.switch-buttons {
  margin: 20px 0 50px 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 15px 30px;
  flex-wrap: wrap;
}
.switchable-content ul.switch-buttons button, .switchable-content ul.switch-buttons a {
  background-color: transparent;
  transition: all 0.6s ease;
}
.switchable-content ul.switch-buttons button.active, .switchable-content ul.switch-buttons a.active {
  background-color: #1D1C73;
  color: white;
  transition: all 0.6s ease;
}
.switchable-content .border-wrapper {
  border: 1px solid #1D1C73;
  border-radius: 30px;
  overflow: hidden;
}
.switchable-content .content-block {
  padding: 50px;
  display: none;
}
.switchable-content .content-block:first-of-type {
  display: block;
}
.switchable-content .content-block h1, .switchable-content .content-block h2, .switchable-content .content-block h3, .switchable-content .content-block h4, .switchable-content .content-block h5, .switchable-content .content-block h6 {
  color: #0B1834;
}
.switchable-content .content-block p {
  color: #0B1834;
}
.switchable-content .content-block img {
  border-radius: 15px;
  width: 100%;
}
.switchable-content .content-block video {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 15px;
}
.switchable-content .cta-wrapper {
  background-image: url("./images/cta-background-edge.png");
  padding: 100px 0;
}
.switchable-content .cta-wrapper h2 {
  color: white;
  text-align: center;
  text-wrap: balance;
}
.switchable-content .cta-wrapper a {
  margin: 0 auto;
}

.skewable-cards {
  background-image: url("./images/dark-header-bg.png");
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  text-align: center;
  border-radius: 30px;
}
.skewable-cards h2, .skewable-cards p {
  color: white;
}
.skewable-cards .row.cards {
  padding-top: 75px;
}
.skewable-cards .wrapper {
  position: relative;
  border-radius: 30px;
}
.skewable-cards .wrapper:hover .box h3 {
  color: #7EF6FF;
}
.skewable-cards .wrapper:hover .box img {
  filter: brightness(0) invert(1);
}
.skewable-cards .wrapper .box {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px;
  z-index: 9;
  display: flex;
  align-items: center;
  width: 100%;
}
.skewable-cards .wrapper .box img {
  margin-left: auto;
  transition: all 1s ease;
}
.skewable-cards .wrapper .box h3 {
  color: white;
  margin: 0;
  font-size: 30px;
  transition: all 0.6s ease;
  width: 75%;
}
.skewable-cards .wrapper .cover {
  height: 750px;
}
.skewable-cards .cta-row {
  padding-top: 100px;
}
.skewable-cards .cta-row .cta-wrapper {
  padding: 100px 30px;
  background-size: cover;
  background-position: right;
  border-radius: 30px;
  overflow: hidden;
}
.skewable-cards .cta-row .cta-wrapper h2, .skewable-cards .cta-row .cta-wrapper p {
  color: #0B1834;
  text-align: left;
}

.inside-content-switchable {
  overflow: hidden;
  padding: 100px 0;
}
.inside-content-switchable p {
  font-family: "Plus Jakarta Sans", serif;
  color: #0B1834;
  font-weight: 600;
  text-align: center;
}
.inside-content-switchable .parent-buttons-row {
  min-height: 200px;
}
.inside-content-switchable ul.switch-buttons {
  margin: 20px 0 50px 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 15px 30px;
  flex-wrap: wrap;
}
.inside-content-switchable ul.switch-buttons button, .inside-content-switchable ul.switch-buttons a {
  background-color: transparent;
  transition: all 0.6s ease;
}
.inside-content-switchable ul.switch-buttons button.active {
  background-color: #1D1C73;
  color: white;
  transition: all 0.6s ease;
}
.inside-content-switchable ul.switch-buttons.fixed-switch-buttons {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: white;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 15px 30px;
  transition: all 0.6s ease;
}
.inside-content-switchable .parent-content-blocks ul.switch-buttons li .button.outline {
  border-color: #CBDAFC;
  font-size: 14px;
}
.inside-content-switchable .parent-content-blocks .content-block {
  background-color: #F8F8F8;
  border-radius: 20px;
  overflow: hidden;
  padding: 100px 0;
  margin-bottom: 30px;
}
.inside-content-switchable .parent-content-blocks .content-block h3 {
  color: #0B1834;
  font-size: 36px;
  text-align: center;
}
.inside-content-switchable .parent-content-blocks .content-block video {
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.inside-content-switchable .parent-content-blocks .child-blocks .single-block:first-of-type {
  display: flex;
}
.inside-content-switchable .parent-content-blocks .single-block {
  display: none;
  padding: 50px 0;
  gap: 6%;
  align-items: center;
}
.inside-content-switchable .parent-content-blocks .single-block .image-wrapper {
  width: 47%;
}
.inside-content-switchable .parent-content-blocks .single-block .content-wrapper {
  width: 47%;
}
.inside-content-switchable .parent-content-blocks .single-block img, .inside-content-switchable .parent-content-blocks .single-block video {
  width: 100%;
  object-fit: contain;
}
.inside-content-switchable .parent-content-blocks .single-block h4 {
  font-weight: 600;
  color: #0B1834;
  font-size: 24px;
}
.inside-content-switchable .parent-content-blocks .single-block p {
  text-align: left;
}

.dark-bg-cta {
  background-image: url("./images/dark-header-bg.png");
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  text-align: center;
  color: white;
  border-radius: 40px;
}
.dark-bg-cta p.small-heading {
  font-family: "Plus Jakarta Sans", serif;
  margin: 0 0 15px 0;
  font-size: 24px;
  font-weight: 700;
}
.dark-bg-cta h2 {
  color: white;
}
.dark-bg-cta a {
  margin: 0 auto;
}

.inner-cta-wrapper {
  margin-top: 75px;
  padding: 75px 0;
  background-image: url("./images/cta-background-edge.png");
  background-position: center;
  background-size: cover;
  border-radius: 40px;
  text-align: center;
}
.inner-cta-wrapper h2 {
  font-size: 36px;
  color: white;
}
.inner-cta-wrapper p {
  color: white;
  text-align: center;
}
.inner-cta-wrapper a {
  margin: 0 auto;
}

.blue-gradient-cta {
  padding: 50px 0;
}
.blue-gradient-cta .inner-cta-wrapper {
  margin-top: 0;
}

.content-with-overflow-image.flipped img.bg {
  right: unset;
  left: 0;
  object-position: right;
}

.slider-with-side-content {
  padding: 100px 0;
}
.slider-with-side-content h2 {
  font-size: 40px;
}
.slider-with-side-content a {
  margin-top: 70px;
}
.slider-with-side-content .wrapper {
  background: rgb(250, 255, 255);
  background: -moz-linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%);
  background: -webkit-linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%);
  background: linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faffff",endColorstr="#effcff",GradientType=1);
  border: 1px solid #CBDAFC;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 20px;
  margin-right: 15px;
  top: 0;
  bottom: 0;
}
.slider-with-side-content .wrapper p {
  font-size: 22px;
  color: #1D1C73;
}
.slider-with-side-content .wrapper .details-wrapper {
  display: flex;
  align-items: center;
  gap: 5%;
}
.slider-with-side-content .wrapper .details-wrapper img {
  width: 25%;
  max-width: 135px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  height: 100%;
}
.slider-with-side-content .wrapper .details-wrapper .text-wrapper p {
  font-family: "Plus Jakarta Sans", serif;
  color: #122245;
  margin: 0;
}
.slider-with-side-content .wrapper .details-wrapper .text-wrapper strong {
  font-size: 22px;
}

.brands.marquee-module h2 {
  margin-bottom: 20px;
}
.brands.marquee-module a.button {
  margin-top: 20px;
}

.accordion {
  padding: 100px 0;
}
.accordion .faqs .faq.active .question:after {
  background-image: url("./images/icons/minus.svg");
}
.accordion .faqs .faq {
  border: 1px solid #CBDAFC;
  margin-bottom: 15px;
  background: rgb(250, 255, 255);
  background: -moz-linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%);
  background: -webkit-linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%);
  background: linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faffff",endColorstr="#effcff",GradientType=1);
  border-radius: 20px;
}
.accordion .faqs .faq .question {
  padding: 25px 80px 25px 25px;
  font-size: 24px;
  font-family: "Plus Jakarta Sans", serif;
  color: #0B1834;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.accordion .faqs .faq .question:after {
  content: "";
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  border-radius: 50%;
  border: 1px solid #1D1C73;
  transition: all 0.6s ease;
  background-image: url("./images/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.accordion .faqs .faq .content {
  display: none;
  padding: 0 25px 25px 25px;
  color: #1D1C73;
}
.accordion .faqs .faq .content p {
  color: #1D1C73;
  padding-top: 0;
}
.accordion .faqs .faq .content ul, .accordion .faqs .faq .content ol {
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 1rem;
}
.accordion .faqs .faq .content ul li, .accordion .faqs .faq .content ol li {
  margin-bottom: 10px;
}
.accordion .faqs .faq .content ul li:last-of-type, .accordion .faqs .faq .content ol li:last-of-type {
  margin-bottom: 0;
}

.case-study-slider {
  padding: 100px 0;
  overflow: hidden;
}
.case-study-slider .slider {
  margin-top: 50px;
}
.case-study-slider .slider .slick-list {
  overflow: visible;
}
.case-study-slider .wrapper {
  position: relative;
  text-decoration: none;
  display: flex;
  height: 450px;
  align-items: end;
  color: white;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 3%;
}
.case-study-slider .wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  z-index: 2;
}
.case-study-slider .wrapper img.wp-post-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.case-study-slider .wrapper .content-wrapper {
  position: relative;
  z-index: 5;
  padding: 30px;
}
.case-study-slider .wrapper .content-wrapper h3 {
  font-size: 28px;
  margin: 0;
}
.case-study-slider .wrapper .content-wrapper ul.terms {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.case-study-slider .wrapper .content-wrapper ul.terms li {
  white-space: nowrap;
  color: white;
  border: 1px solid white;
  border-radius: 100px;
  padding: 8px 15px;
}

.page-links-module {
  padding: 100px 0;
}
.page-links-module .links-row {
  margin-top: 50px;
}

.flex {
  display: flex;
}

.center-align-content {
  text-align: center;
}

.justify-content-space-between {
  justify-content: space-between;
}

@property --＠color-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsl(243, 62.9%, 27.5%);
}
@property --＠color-2 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsl(184, 94.5%, 49.6%);
}
/* keyframes that change the color variable */
@keyframes gradient-change {
  to {
    --＠color-1: hsl(184 94.5% 49.6%);
    --＠color-2: hsl(243 62.9% 27.5%);
  }
}
.homepage-banner {
  position: relative;
  padding: 200px 0;
  background-image: url("images/homepage-banner.png");
  background-size: cover;
  background-position: center center;
}
.homepage-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("images/chats.svg");
  background-size: cover;
  display: none;
}
.homepage-banner h1 {
  color: #0B1834;
  font-weight: 800;
  text-align: center;
  font-size: 50px;
}
.homepage-banner h1 span {
  position: relative;
  animation: gradient-change 5s ease infinite alternate;
  background: linear-gradient(to right in oklch, var(--＠color-1), var(--＠color-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.homepage-banner h1 span:before {
  content: url("images/stars.svg");
  position: absolute;
  top: -20px;
  left: -25px;
}
.homepage-banner p {
  text-align: center;
  font-size: 18px;
  width: 90%;
  margin: 0 auto;
}
.homepage-banner #gform_wrapper_1 {
  margin-top: 30px;
}
.homepage-banner #gform_wrapper_1 #gform_1 {
  position: relative;
  display: flex;
  align-items: stretch;
}
.homepage-banner #gform_wrapper_1 #gform_1 .gform-body {
  width: 100%;
}
.homepage-banner #gform_wrapper_1 #gform_1 .gform-body input {
  padding: 15px 15px 15px 20px;
  border-radius: 100px;
  border: 1px solid #707070;
}
.homepage-banner #gform_wrapper_1 #gform_1 .gform_footer {
  margin-top: 0;
  position: absolute;
  right: 0;
  padding: 0;
  height: 100%;
  padding: 5px;
}

#gform_submit_button_1 {
  margin: 0;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1a72+0,07e7f6+100 */
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: white;
  line-height: 1;
}

.homepage-video {
  padding: 0;
}
.homepage-video .thumbnail-container {
  position: relative;
}
.homepage-video .thumbnail-container img.bg {
  border-radius: 20px;
  border: 3px solid #CBDAFC;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.homepage-video .thumbnail-container div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0 30px;
}
.homepage-video .thumbnail-container div button {
  display: flex;
  align-items: center;
  padding: 5px 5px 5px 30px;
  margin: 0 auto;
  background-color: white;
  font-family: "Plus Jakarta Sans", serif;
  color: #0B1834;
  font-weight: 700;
  margin-top: 50px;
}
.homepage-video .thumbnail-container div button img {
  margin-left: 10px;
}
.homepage-video .thumbnail-container h2 {
  color: white;
  font-size: 40px;
  font-weight: 800;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.homepage-video .thumbnail-container h2 img {
  display: inline-block;
  margin: 0 30px;
}

.blocks-with-hidden-content {
  padding: 100px 0;
  background-size: cover;
  background-position: center;
}
.blocks-with-hidden-content .header-row {
  margin-bottom: 50px;
}
.blocks-with-hidden-content .header-row p {
  color: #0B1834;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.blocks-with-hidden-content .header-row p strong, .blocks-with-hidden-content .header-row p b {
  font-weight: 700;
}
.blocks-with-hidden-content h2 {
  font-size: 40px;
  text-align: center;
  color: #122245;
}
.blocks-with-hidden-content .stat-box {
  height: 100%;
  min-height: 400px;
  padding: 0 30px 30px 30px;
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,effcff+100 */
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid #CBDAFC;
  border-radius: 20px;
  padding-top: 50px;
  transition: box-shadow 0.3s ease;
}
.blocks-with-hidden-content .stat-box:hover, .blocks-with-hidden-content .stat-box:focus, .blocks-with-hidden-content .stat-box:focus-within {
  box-shadow: 0 3px 20px rgba(6, 227, 244, 0.3);
  transition: box-shadow 0.6s ease;
}
.blocks-with-hidden-content .stat-box:hover .content, .blocks-with-hidden-content .stat-box:focus .content, .blocks-with-hidden-content .stat-box:focus-within .content {
  max-height: 300px;
  transition: max-height 1s ease;
}
.blocks-with-hidden-content .stat-box span.large {
  display: block;
  font-size: 80px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  color: #1D1C73;
}
.blocks-with-hidden-content .stat-box h3 {
  color: #1D1C73;
  margin: 0;
  font-size: 30px;
}
.blocks-with-hidden-content .stat-box .content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease;
}
.blocks-with-hidden-content .stat-box p {
  margin-bottom: 0;
}

body.home .brands {
  padding: 0 0 100px 0;
}

.brands {
  overflow: hidden;
  padding: 100px 0;
}
.brands .slick-list {
  overflow: visible;
}
.brands .slick-track {
  display: flex;
  align-items: center;
}
.brands .slick-slide {
  height: initial;
}
.brands img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  max-height: 100px;
  object-fit: contain;
}
.brands h2 {
  text-align: center;
  color: #1D1C73;
  margin: 0 0 75px 0;
}
.brands a.button {
  margin: 75px auto 0 auto;
}

.homepage-solutions {
  padding: 150px 0 100px 0;
  border-radius: 40px;
  background-image: url("images/solutionsbg.jpg");
  background-size: cover;
  color: white;
}
.homepage-solutions h2 {
  text-align: center;
  font-size: 40px;
  color: white;
}
.homepage-solutions a {
  text-decoration: none;
}
.homepage-solutions .row.solutions {
  padding-top: 75px;
}
.homepage-solutions .row.features {
  padding-top: 200px;
  position: relative;
}
.homepage-solutions .solution {
  position: relative;
  border-radius: 30px;
}
.homepage-solutions .solution:hover .box h3 {
  color: #7EF6FF;
}
.homepage-solutions .solution:hover .box img {
  filter: brightness(0) invert(1);
}
.homepage-solutions .solution .box {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px;
  z-index: 9;
  display: flex;
  align-items: center;
  width: 100%;
}
.homepage-solutions .solution .box img {
  margin-left: auto;
  transition: all 1s ease;
}
.homepage-solutions .solution .box h3 {
  color: white;
  margin: 0;
  font-size: 30px;
  transition: all 0.6s ease;
  width: 75%;
}
.homepage-solutions .solution .cover {
  height: 750px;
}
.homepage-solutions .features-wrapper {
  width: 100%;
  padding: 50px 0 0 0;
}
.homepage-solutions .features-wrapper .features-inner {
  color: black;
}
.homepage-solutions .features-wrapper .features-inner .feature {
  padding: 40px 50px;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 28px;
  font-weight: 600;
  background-color: white;
  border-radius: 40px;
  margin-bottom: 50px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.homepage-solutions .features-wrapper .features-inner .feature h3 {
  margin: 0 0 30px 0;
  text-align: center;
}
.homepage-solutions .features-wrapper .features-inner.is-stacked {
  position: relative;
  margin-bottom: 50px;
  transition: height 0.5s ease;
}
.homepage-solutions .features-wrapper .features-inner.is-stacked .feature {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin-bottom: 0;
  will-change: opacity;
}
.homepage-solutions .features-wrapper .features-inner ul.pills {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  transition: height 0.5s ease-in-out;
}
.homepage-solutions .features-wrapper .features-inner ul.pills li {
  position: relative;
}
.homepage-solutions .features-wrapper .features-inner ul.pills li:hover .tool-tip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease;
}
.homepage-solutions .features-wrapper .features-inner ul.pills li .tool-tip {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  position: absolute;
  top: -30px;
  right: 0;
  transform: translateY(-100%);
  width: auto;
  height: auto;
  min-width: 400px;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(11, 24, 52, 0.15);
  z-index: 9;
}
.homepage-solutions .features-wrapper .features-inner ul.pills li .tool-tip img {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.homepage-solutions .features-wrapper .features-inner ul.pills li .tool-tip span {
  position: relative;
  background-color: white;
  color: #1D1C73;
  font-weight: 500;
  width: 100%;
  padding: 15px 30px;
  font-size: 14px;
  display: block;
  text-align: center;
  box-shadow: 0 -2px 10px rgba(11, 24, 52, 0.1);
}
.homepage-solutions .features-wrapper .features-inner ul.pills button {
  border: 1.5px solid #1D1C73;
  color: #1D1C73;
  font-size: 20px;
  font-weight: 500;
  background-color: white;
  white-space: nowrap;
  position: relative;
  z-index: 5;
}
.homepage-solutions .pricing {
  padding: 150px 0 100px 0;
}
.homepage-solutions .pricing .four {
  margin-left: auto;
}
.homepage-solutions .pricing h2.everything {
  font-size: 70px;
  color: white;
}
.homepage-solutions .pricing h2.everything span.gradiant {
  font-size: 105px;
}
.homepage-solutions .pricing p {
  padding: 0 10px;
  margin: 0 auto;
  font-size: 26px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
}

.pricing-container {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 40px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3fdff+0,636688+100 */
  background: linear-gradient(135deg, rgba(227, 253, 255, 0.2) 0%, rgba(99, 102, 136, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
.pricing-container span {
  display: block;
  text-align: center;
  font-size: 20px;
}
.pricing-container span.price {
  font-size: 150px;
  line-height: 1em;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
}
.pricing-container a {
  display: block;
  margin: 0 auto;
  border-radius: 100px;
  padding: 10px 30px;
  background-color: white;
  color: #1D1C73;
  width: fit-content;
  font-size: 18px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  margin-top: 30px;
}

.testimonials {
  padding: 100px 0;
  overflow: hidden;
}
.testimonials .slick-track {
  display: flex;
  align-items: stretch;
}
.testimonials .slick-list {
  overflow: visible;
}
.testimonials .slick-slide {
  height: initial;
}
.testimonials .testimonial-arrows {
  display: flex;
  margin-bottom: 30px;
  gap: 5px;
}
.testimonials .slick-arrow {
  padding: 0;
  width: 60px;
  height: 60px;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));
  background-color: white;
  color: black;
  position: relative;
  transition: opacity 0.3s ease;
}
.testimonials .slick-arrow:after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.testimonials .slick-arrow.slick-disabled {
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.testimonials .slick-next:after {
  background-image: url("./images/icons/arrow-right.svg");
}
.testimonials .slick-prev:after {
  background-image: url("./images/icons/arrow-left.svg");
}
.testimonials .testimonial {
  padding: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faffff+0,effcff+100 */
  background: linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: 100%;
  border: 1px solid #CBDAFC;
}
.testimonials .testimonial p {
  color: #1D1C73;
  margin-top: 0;
}
.testimonials .testimonial .bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
}
.testimonials .testimonial .bottom img {
  width: 25%;
  margin-right: 20px;
}
.testimonials .testimonial .bottom span {
  display: block;
  font-weight: 600;
  font-family: "Plus Jakarta Sans", serif;
  color: #1D1C73;
}
.testimonials .testimonial .bottom span.name {
  font-size: 24px;
}
.testimonials .testimonial .bottom span.company {
  font-size: 18px;
}
.testimonials .default {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.testimonials .default h2 {
  font-size: 30px;
  margin-top: 0;
  color: #1D1C73;
}
.testimonials .default a.button {
  margin-top: auto;
  margin-bottom: 40px;
}

.homepage-content-blocks, .content-with-overflow-image {
  padding: 300px 0;
  position: relative;
}
.homepage-content-blocks h2, .content-with-overflow-image h2 {
  margin-top: 0;
  font-size: 50px;
  color: #1D1C73;
}
.homepage-content-blocks p, .content-with-overflow-image p {
  font-size: 20px;
}
.homepage-content-blocks ul, .content-with-overflow-image ul {
  margin: 0;
  padding: 0 0 0 15px;
}
.homepage-content-blocks ul li, .content-with-overflow-image ul li {
  color: #1472AB;
  font-weight: 700;
  font-family: "Plus Jakarta Sans", serif;
  padding: 2.5px 0;
  font-size: 20px;
}
.homepage-content-blocks .bg, .content-with-overflow-image .bg {
  width: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ctas {
  padding: 100px 0;
}
.ctas span.title {
  display: block;
  width: 100%;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  margin-bototm: 5px;
}
.ctas .large {
  height: calc(100% + 30px);
  background-image: url("images/ctabg.jpg");
  background-size: cover;
  background-position: center center;
  border-radius: 38px;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ctas .large span {
  color: white;
}
.ctas .large h2 {
  font-size: 40px;
  margin: 0 0 50px 0;
  color: white;
}
.ctas .half {
  height: 50%;
  background-color: white;
  border: 1px solid #1D1C73;
  border-radius: 20px;
  padding: 40px;
}
.ctas .half span {
  color: #1D1C73;
}
.ctas .half:first-of-type {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faffff+0,effcff+100 */
  background: linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid #CBDAFC;
  margin-bottom: 30px;
}
.ctas .half h2 {
  color: #1D1C73;
  font-size: 30px;
  margin: 0 0 30px 0;
}
.ctas .half a.button {
  margin-top: auto;
}

.popup.active .whitebg {
  top: 50%;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
}
.popup .whitebg {
  position: absolute;
  top: 200%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("images/popupbg.jpg");
  background-size: cover;
  background-position: right center;
  background-color: white;
  border-radius: 30px;
  width: 100%;
  max-width: 55%;
  padding: 50px;
  transition: all 1s ease;
}
.popup .whitebg h2 {
  font-size: 34px;
  color: #1D1C73;
}
.popup .whitebg h2 span.gradiant {
  display: inline-block;
  font-size: 40px;
}
.popup .whitebg h2 span.gradiant:after {
  display: none;
}
.popup .whitebg p strong {
  color: #1472AB;
}
.popup .whitebg #gform_submit_button_1 {
  margin: 0 auto;
}
.popup .whitebg span.terms {
  display: block;
  text-align: center;
  font-size: 13px;
}
.popup .whitebg button.exit {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  margin-left: auto;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9999;
}

.price-banner {
  background-image: url("images/pricingbg.jpg");
  background-size: cover;
  color: white;
  padding: 150px 0 100px 0;
  border-radius: 0 0 40px 40px;
}
.price-banner h1 {
  font-size: 46px;
  margin-top: 0;
  text-align: center;
}
.price-banner p {
  font-size: 26px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  text-align: center;
}
.price-banner a {
  text-decoration: none;
}
.price-banner .pricing-container a {
  margin-top: 50px;
}
.price-banner .pricing-container span.price {
  font-size: 110px;
  text-shadow: 0px 0px 20px rgb(255, 255, 255);
}
.price-banner .row.plans {
  padding-top: 150px;
}
.price-banner .choose-plan {
  background-color: white;
  color: #1D1C73;
  border-radius: 30px;
  padding: 50px;
}
.price-banner .choose-plan h2 {
  text-align: center;
  font-size: 50px;
}
.price-banner .choose-plan p {
  text-align: center;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  font-size: 16px;
}
.price-banner .choose-plan ul.slide {
  list-style-type: none;
  padding: 5px;
  border-radius: 100px;
  border: 1px solid #1D1C73;
  display: flex;
  margin: 0 auto 50px auto;
  max-width: 600px;
}
.price-banner .choose-plan ul.slide li {
  width: 50%;
}
.price-banner .choose-plan ul.slide li button {
  width: 100%;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  border-radius: 100px;
  padding: 10px 30px;
  text-align: center;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  cursor: pointer;
  background: transparent;
  color: #041029;
  transition: all 0.3s ease;
}
.price-banner .choose-plan ul.slide li button.active {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1a72+0,07e7f6+100 */
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: white;
  transition: all 0.3s ease;
}
.price-banner .choose-plan .row.packages {
  display: none;
}
.price-banner .choose-plan .row.packages:first-of-type {
  display: flex;
}
.price-banner .choose-plan .row.packages .twenty {
  margin-top: 50px;
  padding: 0 7.5px;
}
.price-banner .choose-plan .row.packages .package {
  border-radius: 20px;
  padding: 20px;
  border: 1px solid #1D1C73;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,effcff+100 */
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.price-banner .choose-plan .row.packages .package span {
  display: block;
  text-align: center;
  font-family: "Plus Jakarta Sans", serif;
}
.price-banner .choose-plan .row.packages .package span.price {
  font-size: 60px;
  font-weight: 700;
  text-wrap: nowrap;
  padding: 10px 0;
}
.price-banner .choose-plan .row.packages .package span.price span {
  position: relative;
  top: -20px;
  left: -5px;
  font-size: 40px;
  display: inline-block;
}
.price-banner .choose-plan .row.packages .package span.title, .price-banner .choose-plan .row.packages .package span.subtitle {
  font-size: 14px;
  font-weight: 600;
}
.price-banner .choose-plan .row.packages .package .button {
  margin-top: 30px;
  width: 100%;
  text-align: center;
  background-color: transparent;
}
.price-banner .choose-plan .row.packages .package.most-popular {
  border-color: #06E3F4;
  position: relative;
  z-index: 2;
  border-radius: 0 0 20px 20px;
}
.price-banner .choose-plan .row.packages .package.most-popular:before {
  content: "Most Popular";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  border-radius: 20px 20px 0 0;
  background-color: #06E3F4;
  width: calc(100% + 2px);
  padding: 10px;
  border: 1px solid #06E3F4;
  text-align: center;
  z-index: 1;
  font-size: 16px;
  font-weight: 600;
  font-family: "Plus Jakarta Sans", serif;
  line-height: 1em;
}

.pricing-content {
  padding: 100px 0;
  background-image: url("images/sonarbg.jpg");
  background-position: center center;
  background-attachment: fixed;
}
.pricing-content .content h2 {
  font-size: 70px;
  color: #1D1C73;
}
.pricing-content .content h2 span {
  display: block;
}
.pricing-content .content p {
  color: #1D1C73;
  font-size: 20px;
  font-weight: 600;
}
.pricing-content .keypoints-row {
  padding-top: 75px;
}
.pricing-content .group.active .header {
  border: 0;
}
.pricing-content .group.active .header:after {
  content: "-";
  border-color: transparent;
}
.pricing-content .group:last-of-type .keypoint-group, .pricing-content .group:last-of-type .header {
  border: 0 !important;
}
.pricing-content .group .header {
  position: relative;
  font-size: 30px;
  color: #1D1C73;
  padding: 40px;
  cursor: pointer;
  border-bottom: 1px solid #CBDAFC;
}
.pricing-content .group .header:after {
  content: "+";
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  border-radius: 50%;
  border: 1px solid #1D1C73;
  color: #1D1C73;
  transition: all 0.6s ease;
}
.pricing-content .group .keypoint-group {
  display: none;
}
.pricing-content .keypoints {
  background-color: white;
  border-radius: 30px;
  border: 1px solid #CBDAFC;
}
.pricing-content .keypoints p strong {
  color: #151515;
}
.pricing-content .keypoints .keypoint-group {
  padding: 0 40px 40px 40px;
  border-bottom: 1px solid #CBDAFC;
}
.pricing-content .keypoints .keypoint-group .row .columns:nth-child(odd) {
  padding-left: 0;
}
.pricing-content .keypoints .keypoint-group .row .columns:nth-child(even) {
  padding-right: 0;
}

.pricing-support {
  padding: 100px 0;
}
.pricing-support h2.title {
  text-align: center;
  color: #1D1C73;
  font-size: 50px;
  margin: 0 0 50px 0;
}
.pricing-support .content-box {
  border-radius: 30px;
  padding: 30px;
  border: 1px solid #CBDAFC;
  background-color: #FAFFFF;
  height: 100%;
}
.pricing-support .content-box img {
  margin-left: auto;
}
.pricing-support .content-box h2 {
  font-size: 30px;
  color: #1D1C73;
  margin: 20px 0;
}
.pricing-support .content-box p {
  color: #1D1C73;
}

.pricing-faq {
  position: relative;
  background-image: url("images/pricingbg.png");
  background-size: cover;
  padding: 150px 0;
  border-radius: 50px;
  overflow: hidden;
}
.pricing-faq:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #041029;
  opacity: 0.9;
}
.pricing-faq .whitebg {
  background-color: white;
  border-radius: 30px;
  padding: 100px 50px;
}
.pricing-faq .content {
  color: #1D1C73;
}
.pricing-faq .content h2 {
  color: #041029;
  font-size: 50px;
  margin: 0 0 30px 0;
}
.pricing-faq .content a.button {
  margin-top: 150px;
}
.pricing-faq .faqs {
  border-radius: 30px;
  border: 1px solid #CBDAFC;
}
.pricing-faq .faqs .faq.active .question:after {
  background-image: url("./images/icons/minus.svg");
}
.pricing-faq .faqs .faq {
  border-bottom: 1px solid #CBDAFC;
}
.pricing-faq .faqs .faq:last-of-type {
  border-bottom: 0;
}
.pricing-faq .faqs .faq .question {
  padding: 25px;
  padding-right: 80px;
  font-size: 16px;
  color: #151515;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.pricing-faq .faqs .faq .question:after {
  content: "";
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  border-radius: 50%;
  border: 1px solid #1D1C73;
  transition: all 0.6s ease;
  background-image: url("./images/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.pricing-faq .faqs .faq .content {
  display: none;
  padding: 0 25px 25px 25px;
  color: #666666;
}
.pricing-faq .faqs .faq .content p {
  color: #666666;
  padding-top: 0;
  margin-top: 0;
}
.pricing-faq .faqs .faq .content ul {
  margin-left: 0;
}

.contact-us {
  padding: 150px 0 100px 0;
  background-image: url("images/sonar.png");
  background-size: cover;
  background-position: center center;
}
.contact-us h1 {
  font-size: 18px;
  text-align: center;
  color: #0EB0D2;
}
.contact-us span.subtitle {
  font-size: 50px;
  display: block;
  text-align: center;
  font-family: "Plus Jakarta Sans", serif;
  color: #1D1C73;
  font-weight: 800;
}
.contact-us .top p {
  text-align: center;
}
.contact-us .content-boxes {
  padding-top: 100px;
}
.contact-us .content-boxes .content-box {
  border-radius: 30px;
  padding: 30px;
  border: 1px solid #CBDAFC;
  background-color: #FAFFFF;
  height: 100%;
}
.contact-us .content-boxes .content-box img {
  margin-left: auto;
}
.contact-us .content-boxes .content-box h2 {
  font-size: 30px;
  color: #1D1C73;
  margin: 20px 0;
}
.contact-us .content-boxes .content-box p {
  color: #1D1C73;
}

.blog-header {
  padding: 150px 0 100px 0;
  background-image: url("images/sonar.png");
  background-size: cover;
  background-position: center center;
  text-align: center;
}
.blog-header img.decoration {
  margin: 0 auto 15px auto;
  width: 100%;
  max-width: 120px;
  position: relative;
  left: -10px;
}
.blog-header h1 {
  color: #1D1C73;
}

.form-background {
  background-image: url("images/form-background.svg");
  background-position: center center;
  padding-top: 40px;
  padding-bottom: 100px;
  margin-bottom: 60px;
}
.form-background .whitebg {
  background-color: #fff;
  padding: 50px 70px;
  border-radius: 20px;
  border: 1px solid #CBDAFC;
}
.form-background .whitebg h2 {
  color: #0B1834;
  font-size: 32px;
  text-align: center;
  line-height: 140%;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
.form-background .whitebg .gform_wrapper.gravity-theme .gform_footer button, .form-background .whitebg .gform_wrapper.gravity-theme .gform_footer input, .form-background .whitebg .gform_wrapper.gravity-theme .gform_page_footer button, .form-background .whitebg .gform_wrapper.gravity-theme .gform_page_footer input {
  margin: 0;
  height: 100%;
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%);
  color: white !important;
  line-height: 1;
  padding: 18px 65px !important;
}
.form-background .whitebg .gform_required_legend {
  display: none;
}
.form-background .whitebg .gform_wrapper.gravity-theme .gfield_label {
  font-weight: 300;
  color: #122245;
  font-size: 16px;
  padding-bottom: 8px;
}
.form-background .whitebg h2.gform_title {
  display: none;
}
.form-background .whitebg input, .form-background .whitebg textarea {
  padding: 15px !important;
  border-radius: 8ox !important;
  border: 1px solid #1472AB;
  color: #1472AB !important;
}
.form-background .whitebg .gfield {
  margin-top: 15px;
}
.form-background .whitebg .gform_wrapper.gravity-theme .gform_footer, .form-background .whitebg .gform_wrapper.gravity-theme .gform_page_footer {
  justify-content: center;
}

.row-fluid {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.row-fluid .columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.key-point-wrapper {
  display: flex;
  gap: 5px 15px;
}

.key-point-img {
  width: 10%;
}

.key-point-content {
  width: 90%;
}

.book-a-demo-left {
  background-image: url("images/sonar.png");
  background-size: 220%;
  background-position: center center;
  padding: 90px;
}
.book-a-demo-left h1 {
  font-size: 50px;
  line-height: 130%;
  color: #0B1834;
}
.book-a-demo-left p {
  font-size: 18px;
}
.book-a-demo-left h3 {
  color: #1D1C73;
  font-size: 18px;
}
.book-a-demo-left .key-point-wrapper {
  padding-bottom: 15px;
}
.book-a-demo-left .capterra-badge {
  margin-top: 20px;
}

.book-a-demo-right {
  background-image: url("images/background-dark.jpg");
  background-size: 200%;
  background-position: left center;
  display: flex;
  height: 100%;
}
.book-a-demo-right .gform_wrapper.gravity-theme .gform_footer button, .book-a-demo-right .gform_wrapper.gravity-theme .gform_footer input, .book-a-demo-right .gform_wrapper.gravity-theme .gform_page_footer button, .book-a-demo-right .gform_wrapper.gravity-theme .gform_page_footer input {
  margin: 0;
  height: 100%;
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%);
  color: white !important;
  line-height: 1;
  padding: 18px 65px !important;
  border: none !important;
  border-radius: 30px !important;
  display: block;
  width: 100%;
  text-align: center;
}
.book-a-demo-right .form-wrapper {
  border-radius: 20px;
  background-color: #fff;
  padding: 70px;
  width: 80%;
  max-width: 600px;
}
.book-a-demo-right .gform_title {
  display: none;
}
.book-a-demo-right h2 {
  font-size: 24px;
}
.book-a-demo-right label {
  color: #0B1834;
  font-weight: 400 !important;
}
.book-a-demo-right input, .book-a-demo-right textarea, .book-a-demo-right select {
  padding: 12px !important;
  border-radius: 8px !important;
  border: 1px solid #1472AB !important;
}
.book-a-demo-right .book-a-demo-quick-contact {
  margin-top: 70px;
}
.book-a-demo-right .book-demo-contact-link {
  font-weight: 500;
  color: #0B1834;
  text-decoration: none;
}
.book-a-demo-right .text-right {
  text-align: right;
}

.service-parent-wrapper {
  margin-top: 60px;
}

.service-column {
  margin-top: 20px;
  margin-bottom: 20px;
}

.service-links {
  margin-top: 30px;
}

.service-link-wrapper {
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #CBDAFC;
  background-color: #FAFFFF;
}
.service-link-wrapper img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  object-position: center;
}
.service-link-wrapper .service-card-link-text {
  padding: 25px;
}
.service-link-wrapper .service-card-link-text h3 {
  padding-bottom: 0;
  margin-bottom: 0;
  color: #1D1C73;
}
.service-link-wrapper .service-card-link-text a {
  color: #1D1C73;
  text-decoration: none;
}

.cta-full-width {
  padding: 80px;
  width: 100%;
  border-radius: 30px;
  background-image: url("images/cta-background-edge.png");
  background-size: cover;
  text-align: center;
  overflow: hidden;
  background-position: center center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 60px;
}
.cta-full-width h1, .cta-full-width h2, .cta-full-width p {
  color: #fff;
}
.cta-full-width a.button {
  margin-top: 15px;
}
.cta-full-width h2 {
  margin-bottom: 15px;
}
.cta-full-width p {
  width: 100%;
}

.setup {
  margin-top: 80px;
}
.setup ul {
  padding-left: 0;
  margin-left: 15px;
  margin-bottom: 40px;
  display: block;
}
.setup ul li {
  color: #1472AB;
  font-weight: 600;
}

.overflow-image-right {
  width: 130%;
  max-width: inherit;
}

.full-width-centered-text {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}
.full-width-centered-text p {
  color: #1D1C73;
}

.blog h1 {
  font-size: 50px;
  color: #1D1C73;
}

.category-list {
  margin: 30px 0 0 0;
  padding: 0;
  display: flex;
  gap: 10px 15px;
  list-style: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.category-list .category-pill {
  list-style: none;
  list-style-type: none;
}
.category-list .category-pill a {
  background: white;
  text-decoration: none;
  color: #1D1C73;
  font-weight: 400;
  padding: 10px 25px;
  border: 1px solid #1D1C73;
  border-radius: 25px;
  display: block;
  white-space: nowrap;
  transition: box-shadow 0.6s ease;
}
.category-list .category-pill:hover a {
  box-shadow: 0 3px 20px rgba(6, 227, 244, 0.3);
}
.category-list .category-pill.active a {
  border: none;
  background: rgb(30, 26, 114);
  background: -moz-linear-gradient(135deg, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 90%, rgb(7, 231, 246) 100%);
  background: -webkit-linear-gradient(135deg, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 90%, rgb(7, 231, 246) 100%);
  background: linear-gradient(135deg, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 90%, rgb(7, 231, 246) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e1a72",endColorstr="#07e7f6",GradientType=1);
  color: white;
}

.case-studies-categories, .post-categories {
  display: block;
  list-style: none;
  list-style-type: none;
  text-align: center;
  padding-left: 0;
  margin-left: 0;
}
.case-studies-categories li, .post-categories li {
  padding: 8px 15px;
  border: 1px solid #1D1C73;
  border-radius: 25px;
  margin-left: 4px;
  margin-right: 4px;
  list-style: none;
  list-style-type: none;
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
  color: #1D1C73;
  font-size: 11px;
}

.case-studies-categories-large {
  display: block;
  list-style: none;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}
.case-studies-categories-large li {
  padding: 8px 15px;
  border: 1px solid #1D1C73;
  border-radius: 25px;
  margin-left: 4px;
  margin-right: 4px;
  list-style: none;
  list-style-type: none;
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 14px;
  color: #1D1C73;
}

.case-studies-archive .four {
  margin-bottom: 30px;
}

.case-study-archive-wrapper {
  border: 1px solid #CBDAFC;
  border-radius: 15px;
  height: 100%;
  overflow: hidden;
}
.case-study-archive-wrapper img {
  height: 210px;
  object-fit: cover;
}
.case-study-archive-wrapper .case-study-archive-content-box {
  padding: 25px;
  border-top: 1px solid #CBDAFC;
  height: calc(100% - 210px);
  display: flex;
  flex-wrap: wrap;
}
.case-study-archive-wrapper .case-study-archive-content-box h2 {
  font-size: 16px;
  font-weight: 400;
  color: #1D1C73;
  line-height: 150%;
  margin-bottom: 40px;
  width: 100%;
}

.archive-link {
  display: block;
  width: 100%;
  margin-top: auto;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  color: #041029;
  background-color: transparent;
  text-align: left;
}
.archive-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background-image: url("./images/icons/arrow-right-circle.svg");
  background-size: contain;
  width: 33px;
  height: 33px;
  margin-left: auto;
  transition: right 0.3s ease;
}
.archive-link:hover:after {
  right: 0;
  transition: right 0.6s ease;
}

.case-studies-main-wrap, .faq-main-wrap, .dowload-main-wrap {
  margin-top: 100px;
}
.case-studies-main-wrap h1, .faq-main-wrap h1, .dowload-main-wrap h1 {
  color: #151515;
  margin-bottom: 25px;
  border-bottom: 1px solid #CBDAFC;
  display: block;
  padding-bottom: 25px;
  text-wrap: balance;
}
.case-studies-main-wrap .main-post-image, .faq-main-wrap .main-post-image, .dowload-main-wrap .main-post-image {
  border-radius: 15px;
  overflow: hidden;
}
.case-studies-main-wrap .opening, .faq-main-wrap .opening, .dowload-main-wrap .opening {
  padding: 50px 0 0 0;
}
.case-studies-main-wrap .opening p, .faq-main-wrap .opening p, .dowload-main-wrap .opening p {
  font-size: 18px;
}
.case-studies-main-wrap p, .faq-main-wrap p, .dowload-main-wrap p {
  font-size: 16px;
}
.case-studies-main-wrap blockquote, .faq-main-wrap blockquote, .dowload-main-wrap blockquote {
  padding-left: 0;
  margin: 30px 0 0 0;
  font-size: 20px;
  color: #1D1C73;
}
.case-studies-main-wrap blockquote p, .faq-main-wrap blockquote p, .dowload-main-wrap blockquote p {
  font-size: 20px;
}
.case-studies-main-wrap aside, .faq-main-wrap aside, .dowload-main-wrap aside {
  position: sticky;
  top: 100px;
}

.download-row {
  margin-top: 50px;
}
.download-row .gform_wrapper.gravity-theme .gform_required_legend {
  display: none;
}
.download-row .gform_wrapper.gravity-theme input[type=text], .download-row .gform_wrapper.gravity-theme input[type=email], .download-row .gform_wrapper.gravity-theme input[type=tel], .download-row .gform_wrapper.gravity-theme textarea {
  border: 1px solid #1472AB;
  padding: 10px 20px;
  border-radius: 8px;
  resize: vertical;
}
.download-row .gform_wrapper.gravity-theme input[type=submit] {
  color: white;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1a72+0,07e7f6+100 */
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.download-row .gform_wrapper.gravity-theme .gfield_required {
  display: none;
}

.sidebar-cta {
  background-image: url("images/sidebar-cta-background.png");
  background-size: cover;
  background-position: center center;
  border-radius: 12px;
  padding: 30px;
}
.sidebar-cta h2 {
  font-size: 28px;
  color: #fff;
  padding-bottom: 35px;
  line-height: 150%;
}
.sidebar-cta p {
  color: #fff;
  padding-bottom: 80px;
}
.sidebar-cta .primary-outline, .sidebar-cta .outline {
  background-color: #fff;
  border: none;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

.single-post-wrapper h2 {
  font-size: 22px;
  padding-top: 20px;
}
.single-post-wrapper h2 a {
  text-decoration: none;
  color: #1D1C73;
}
.single-post-wrapper img {
  border-radius: 10px;
  overflow: hidden;
}
.single-post-wrapper .post-categories {
  margin-top: 15px;
  text-align: left;
  margin-left: 0;
}
.single-post-wrapper .post-categories a {
  text-decoration: none;
  color: #1D1C73;
  font-size: 14px;
}
.single-post-wrapper .post-categories li {
  margin-left: 0;
}
.single-post-wrapper p {
  font-size: 14px;
}

.section_title_contact_sections {
  margin-top: 80px;
  margin-bottom: 80px;
}
.section_title_contact_sections h2 {
  font-size: 26px;
  line-height: 150%;
}

.text-center {
  text-align: center;
}

.contact-panel-inner {
  padding: 50px;
  border-radius: 20px;
  border: 1px solid #CBDAFC;
  background: linear-gradient(135deg, rgb(250, 255, 255) 0%, rgb(239, 252, 255) 100%);
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
}
.contact-panel-inner img {
  height: 70px;
  width: auto;
  margin-bottom: 40px;
}
.contact-panel-inner .contact-line, .contact-panel-inner h3 {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  text-decoration: none;
  color: #222222;
  margin-bottom: 20px;
}
.contact-panel-inner p {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: #222222;
}
.contact-panel-inner .small-a {
  font-size: 14px;
  width: 100%;
}
.contact-panel-inner .social-icon {
  height: 26px;
  width: auto;
  margin-left: 15px;
  margin-right: 15px;
}

.sticky-post, .post-intro-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: 60vh;
  min-height: 550px;
  align-items: end;
  border-radius: 20px;
  overflow: hidden;
  color: white;
  text-decoration: none;
  margin-bottom: 100px;
}
.sticky-post:after, .post-intro-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  z-index: 1;
}
.sticky-post img.pin-post, .post-intro-wrapper img.pin-post {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 4;
}
.sticky-post img.attachment-post-thumbnail, .post-intro-wrapper img.attachment-post-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.sticky-post .post-details, .post-intro-wrapper .post-details {
  position: relative;
  z-index: 5;
  padding: 0 30px 50px 30px;
}
.sticky-post p.date, .post-intro-wrapper p.date {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.sticky-post h2, .post-intro-wrapper h2 {
  font-size: 32px;
  margin: 15px 0;
  color: white;
}
.sticky-post p, .post-intro-wrapper p {
  font-size: 16px;
  margin: 0;
}
.sticky-post ul.categories, .post-intro-wrapper ul.categories {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0;
  gap: 5px 10px;
  flex-wrap: wrap;
}
.sticky-post ul.categories li, .post-intro-wrapper ul.categories li {
  padding: 10px 25px;
  border: 1px solid white;
  border-radius: 100px;
  background-color: transparent;
  color: white;
}

.post-card {
  display: block;
  text-decoration: none;
  margin-bottom: 50px;
}
.post-card img {
  height: 230px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  box-shadow: 0 3px 20px rgba(58, 58, 110, 0.15);
}
.post-card .post-details {
  margin-top: 15px;
}
.post-card p.date {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: #151515;
}
.post-card h2 {
  font-size: 26px;
  color: #1D1C73;
  margin: 15px 0;
}
.post-card p {
  margin: 0;
  color: #666666;
}
.post-card ul.categories {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0;
  gap: 5px;
  flex-wrap: wrap;
}
.post-card ul.categories li {
  padding: 8px 20px;
  border: 1px solid #1D1C73;
  border-radius: 100px;
  background-color: transparent;
  color: #1D1C73;
  font-size: 14px;
}

.post-wrapper {
  padding: 100px 0;
}

.post-intro-wrapper h2 {
  margin-bottom: 30px;
}

.post-content h2 {
  font-size: 2em;
}
.post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  color: #0B1834;
}
.post-content .contents-wrapper ul.contents-list {
  margin: 30px 0;
  padding: 0;
  list-style: none;
}
.post-content ul {
  margin-left: 0;
}
.post-content .cta-side .sidebar-cta {
  position: sticky;
  top: 100px;
}

.contact-form-wrapper {
  padding: 100px;
  border: 1px solid #CBDAFC;
  border-radius: 30px;
}
.contact-form-wrapper h2 {
  font-size: 40px;
}
.contact-form-wrapper .gform_wrapper.gravity-theme .gform_required_legend {
  display: none;
}
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=text], .contact-form-wrapper .gform_wrapper.gravity-theme input[type=email], .contact-form-wrapper .gform_wrapper.gravity-theme textarea {
  border: 1px solid #1472AB;
  padding: 10px 20px;
  border-radius: 8px;
  resize: vertical;
}
.contact-form-wrapper .gform_wrapper.gravity-theme input[type=submit] {
  color: white;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1a72+0,07e7f6+100 */
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.contact-form-wrapper a {
  color: #1D1C73;
  font-weight: 600;
  text-decoration: none;
  margin-top: 30px;
}
.contact-form-wrapper a:visited {
  color: #0B1834;
}

.other-posts {
  padding: 50px 0;
}

.blackout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 24, 52, 0.7);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.blackout button.close-popup {
  border: none;
  background-color: transparent;
  padding: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  position: absolute;
  top: 30px;
  right: 30px;
}
.blackout button.close-popup img {
  filter: brightness(0) invert(100%);
}
.blackout .inner {
  width: 90%;
  max-width: 800px;
  height: 80%;
  max-height: 600px;
  overflow: scroll;
  background-color: white;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  padding: 5%;
  border-radius: 20px;
  scrollbar-width: none;
}
.blackout .inner .gform_wrapper.gravity-theme .gform_footer button, .blackout .inner .gform_wrapper.gravity-theme .gform_footer input, .blackout .inner .gform_wrapper.gravity-theme .gform_page_footer button, .blackout .inner .gform_wrapper.gravity-theme .gform_page_footer input {
  margin: 0;
  height: 100%;
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%);
  color: white !important;
  line-height: 1;
  padding: 18px 65px !important;
}
.blackout .inner .gform_required_legend {
  display: none;
}
.blackout .inner .gform_wrapper.gravity-theme .gfield_label {
  font-weight: 300;
  color: #122245;
  font-size: 16px;
  padding-bottom: 8px;
}
.blackout .inner h2.gform_title {
  display: none;
}
.blackout .inner input, .blackout .inner textarea {
  padding: 15px !important;
  border-radius: 8ox !important;
  border: 1px solid #1472AB;
  color: #1472AB !important;
}
.blackout .inner .gfield {
  margin-top: 15px;
}
.blackout .inner .gform_wrapper.gravity-theme .gform_footer, .blackout .inner .gform_wrapper.gravity-theme .gform_page_footer {
  justify-content: center;
}

.inside-content-switchable .content-block img {
  max-height: 500px;
  width: auto !important;
  display: block;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.home-video-popup .inner {
  padding: 5px;
  height: fit-content;
}
.home-video-popup .inner video {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}

.about-us-header {
  position: relative;
  overflow: hidden;
}
.about-us-header video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
  opacity: 0.55;
  pointer-events: none;
}
.about-us-header .row {
  position: relative;
  z-index: 5;
}
.about-us-header .button {
  margin: 30px auto 0;
}

.large-content-section {
  padding: 64px 0 72px;
  background: #fff;
  position: relative;
}
.large-content-section .row {
  max-width: 900px;
  padding: 0 30px;
  margin: 0 auto;
}
.large-content-section .nine.columns {
  width: 100%;
  margin: 0;
  text-align: center;
}
.large-content-section::before {
  content: "“";
  display: block;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: 80px;
  line-height: 1;
  color: #7EF6FF;
  opacity: 0.35;
  pointer-events: none;
}
.large-content-section h2 {
  display: inline-block;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1D1C73;
  margin: 0 0 20px;
  padding: 6px 16px;
  border-radius: 100px;
  background: rgba(126, 246, 255, 0.18);
}
.large-content-section p {
  color: #061027;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  font-size: clamp(1.125rem, 0.95rem + 0.7vw, 1.5rem);
  line-height: 150%;
  letter-spacing: 0;
  margin: 0 0 14px;
  text-wrap: balance;
}
.large-content-section p:last-child {
  margin-bottom: 0;
}
.large-content-section p strong,
.large-content-section p b {
  background: linear-gradient(97.26deg, #1D1C73 0%, #68e0f1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media screen and (max-width: 767px) {
  .large-content-section {
    padding: 48px 0 56px;
  }
  .large-content-section::before {
    top: 20px;
    font-size: 60px;
  }
}

.page-template-page-about-us .dark-blue-content-blocks .button {
  margin: 80px auto 0 auto;
}

.dark-section-with-white-bg {
  background-color: #072152;
  border-radius: 30px;
  background-image: url("images/dark-background-section.jpg");
  background-size: cover;
  padding: 50px 0;
}
.dark-section-with-white-bg .whitebg {
  background-color: white;
  padding: 150px 100px;
  background-size: cover;
  background-position: center left;
  border-radius: 30px;
}

.team-header {
  padding: 150px 0 100px 0;
  background-image: url("images/sonarbg.jpg");
  background-position: center center;
}
.team-header h1 {
  font-size: 18px;
  text-align: center;
  color: #0EB0D2;
}
.team-header span.subtitle {
  font-size: 44px;
  display: block;
  text-align: center;
  font-family: "Plus Jakarta Sans", serif;
  color: #1D1C73;
  font-weight: 800;
}
.team-header p {
  text-align: center;
}

.team-members, .partners {
  border-radius: 30px;
  background-image: url("images/dark-background-section.jpg");
  background-size: cover;
  padding: 100px 0;
}
.team-members h2, .partners h2 {
  color: white;
  text-align: center;
}
.team-members .team-member-row, .team-members .partners-row, .partners .team-member-row, .partners .partners-row {
  padding: 100px 0 0 0;
}
.team-members .team-member-row .four, .team-members .partners-row .four, .partners .team-member-row .four, .partners .partners-row .four {
  padding: 0 50px;
  margin-bottom: 100px;
}
.team-members .single-member, .team-members .single-partner, .partners .single-member, .partners .single-partner {
  position: relative;
  padding: 400px 0 0 0;
  cursor: pointer;
}
.team-members .single-member:hover .image-wrapper, .team-members .single-partner:hover .image-wrapper, .partners .single-member:hover .image-wrapper, .partners .single-partner:hover .image-wrapper {
  scale: 1.15;
  height: 100%;
  transition: scale 0.6s ease, height 0.6s ease;
}
.team-members .single-member:hover .image-wrapper:before, .team-members .single-partner:hover .image-wrapper:before, .partners .single-member:hover .image-wrapper:before, .partners .single-partner:hover .image-wrapper:before {
  opacity: 1;
  height: 100%;
  transition: height 0.6s ease, opacity 0.8s ease;
}
.team-members .single-member:hover img, .team-members .single-partner:hover img, .partners .single-member:hover img, .partners .single-partner:hover img {
  transition: filter 1s ease-in;
  filter: grayscale(100%);
}
.team-members .single-member:hover .details img.arrow, .team-members .single-partner:hover .details img.arrow, .partners .single-member:hover .details img.arrow, .partners .single-partner:hover .details img.arrow {
  opacity: 1;
  transition: 0.3s ease;
  transition-delay: 0.2s;
}
.team-members .single-member .image-wrapper, .team-members .single-partner .image-wrapper, .partners .single-member .image-wrapper, .partners .single-partner .image-wrapper {
  width: 100%;
  height: 400px;
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: scale 0.6s ease, height 0.6s ease;
}
.team-members .single-member .image-wrapper:before, .team-members .single-partner .image-wrapper:before, .partners .single-member .image-wrapper:before, .partners .single-partner .image-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  background: rgb(18, 34, 69);
  background: -moz-linear-gradient(0deg, rgb(18, 34, 69) 0%, rgba(18, 34, 69, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(18, 34, 69) 0%, rgba(18, 34, 69, 0) 100%);
  background: linear-gradient(0deg, rgb(18, 34, 69) 0%, rgba(18, 34, 69, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122245",endColorstr="#122245",GradientType=1);
  opacity: 0;
  transition: height 0.6s ease, opacity 0.8s ease;
  z-index: 2;
}
.team-members .single-member img, .team-members .single-partner img, .partners .single-member img, .partners .single-partner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 1s ease-out;
  z-index: 1;
}
.team-members .single-member .details, .team-members .single-partner .details, .partners .single-member .details, .partners .single-partner .details {
  padding: 30px 80px 15px 0;
  position: relative;
  z-index: 3;
}
.team-members .single-member .details .role, .team-members .single-partner .details .role, .partners .single-member .details .role, .partners .single-partner .details .role {
  display: block;
  color: #0EB0D2;
  font-size: 16px;
  font-weight: 600;
}
.team-members .single-member .details h3, .team-members .single-partner .details h3, .partners .single-member .details h3, .partners .single-partner .details h3 {
  color: white;
  font-size: 30px;
}
.team-members .single-member .details img.arrow, .team-members .single-partner .details img.arrow, .partners .single-member .details img.arrow, .partners .single-partner .details img.arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
  width: 50px;
  height: 50px;
  min-width: 50px;
  transition: opacity 0.2s ease;
}
.team-members .contained-content, .partners .contained-content {
  margin-top: 0;
}
.team-members .contained-content h2, .team-members .contained-content h3, .team-members .contained-content h4, .team-members .contained-content h5, .team-members .contained-content h6, .partners .contained-content h2, .partners .contained-content h3, .partners .contained-content h4, .partners .contained-content h5, .partners .contained-content h6 {
  color: #0B1834;
  text-align: left;
}

.partners .single-partner .image-wrapper {
  background-color: white;
}
.partners .single-partner .image-wrapper img {
  width: 90%;
  max-width: 250px;
  margin: auto;
  object-fit: contain;
}

.member-popup .inner, .partner-popup .inner {
  max-width: 1140px;
  max-height: 641px;
  display: flex;
  padding: 30px;
}
.member-popup .image-side, .partner-popup .image-side {
  width: 45%;
  height: 100%;
  padding-right: 10%;
}
.member-popup .image-side img, .partner-popup .image-side img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.member-popup .content-side, .partner-popup .content-side {
  width: 55%;
}
.member-popup p.subtitle, .partner-popup p.subtitle {
  font-size: 50px;
  color: #0B1834;
  font-weight: 600;
  margin: 50px 0 0 0;
  line-height: 1.1em;
}
.member-popup span.role, .partner-popup span.role {
  display: block;
  color: #0EB0D2;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.member-popup .content-wrapper, .partner-popup .content-wrapper {
  max-height: 60%;
  padding-bottom: 30px;
  overflow-y: scroll;
  position: relative;
  -webkit-mask-image: linear-gradient(#fff 85%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(#fff 85%, rgba(0, 0, 0, 0) 100%);
  scrollbar-width: none;
}

.partner-popup .image-side img {
  max-width: 250px;
  margin: auto;
  object-fit: contain;
}
.partner-popup .content-side a.button {
  margin-top: 15px;
}

.page-template-page-book-a-demo article > .row {
  padding-top: 90px;
}

.faqs-archive, .downloads-archive {
  padding: 100px 0;
}
.faqs-archive ul, .downloads-archive ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.faqs-archive h2, .downloads-archive h2 {
  font-size: 20px;
}
.faqs-archive a, .downloads-archive a {
  color: #0B1834;
  text-decoration: none;
}
.faqs-archive a:hover, .faqs-archive a:visited, .downloads-archive a:hover, .downloads-archive a:visited {
  color: #0B1834;
}

.downloads-archive .four.columns {
  margin-bottom: 50px;
}
.downloads-archive .download-link {
  border: 1px solid #0EB0D2;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}
.downloads-archive .download-link .image-wrapper {
  height: 230px;
}
.downloads-archive .download-link .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.downloads-archive .download-link .content-wrapper {
  padding: 8%;
}
.downloads-archive .archive-link {
  padding: 0 50px 0 0;
  margin-top: 50px;
}

.download-popup .inner {
  height: fit-content;
}
.download-popup h2 {
  text-align: center;
}
.download-popup a {
  margin: 0 auto;
}

.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.navigation.pagination .nav-links .prev.page-numbers, .navigation.pagination .nav-links .next.page-numbers {
  width: fit-content;
  padding: 0 7px;
}
.navigation.pagination .nav-links .page-numbers {
  width: 50px;
  height: 50px;
  background-color: transparent;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0B1834;
  font-weight: 500;
}
.navigation.pagination .nav-links .page-numbers:hover {
  background-color: rgba(29, 28, 115, 0.1);
  transition: background-color 0.6s ease;
}
.navigation.pagination .nav-links .page-numbers.current {
  background-color: #0B1834;
  color: white;
}
.navigation.pagination .nav-links .page-numbers.current:hover {
  background-color: #0B1834;
}

.feature-popups-container {
  display: none;
}

.feature-popup h2 {
  margin-bottom: 20px;
}
.feature-popup h3 {
  font-weight: 600;
  color: #0B1834;
}
.feature-popup .inner {
  max-width: 1600px;
  max-height: 800px;
  display: flex;
  align-items: center;
  gap: 8%;
}
.feature-popup .inner .image-wrapper, .feature-popup .inner .content-wrapper {
  width: 46%;
}
.feature-popup .inner .image-wrapper img, .feature-popup .inner .content-wrapper img {
  margin: 0 auto;
  border-radius: 10px;
}
.feature-popup .inner .image-wrapper video, .feature-popup .inner .content-wrapper video {
  width: 100%;
  object-fit: contain;
  border-radius: 10px;
}
.feature-popup .inner .content-wrapper {
  max-height: 90%;
  overflow: scroll;
  mask-image: linear-gradient(#fff 85%, rgba(0, 0, 0, 0) 100%);
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

/* Forms
--------------------------------------------- */
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  text-align: center;
  border-radius: 100px;
  padding: 15px 30px;
  border: 0;
  cursor: pointer;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  text-decoration: none;
  width: fit-content;
  display: block;
}

.primary-outline, .outline {
  border: 1px solid #1D1C73;
  color: #1D1C73;
}

.button.white {
  background-color: white;
  color: #1D1C73;
}

.button.gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1a72+0,07e7f6+100 */
  background: linear-gradient(to right, rgb(30, 26, 114) 0%, rgb(7, 231, 246) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: white;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  margin-left: auto;
}
.main-navigation ul {
  display: none;
  list-style: none;
  justify-content: space-between;
  gap: 30px;
  margin: 0;
  padding-left: 0;
  transition: gap 0.4s ease;
}
.main-navigation ul ul {
  padding: 30px;
  border-radius: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0 2px 10px rgba(58, 58, 110, 0.15);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li {
  padding: 5px 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
  text-wrap: balance;
  font-size: 16px;
  padding: 0;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 18px;
  color: #151515;
  font-weight: 500;
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

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

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

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Showcase Banner
--------------------------------------------- */
.showcase-banner {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0 58px;
}
.showcase-banner .auto-container {
  max-width: 1460px;
  padding: 0 30px;
  margin: 0 auto;
}
.showcase-banner .row-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.showcase-banner .col-content-banner {
  width: 37.4%;
}
.showcase-banner .col-content-banner h1 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: clamp(2.125rem, 1.8472rem + 1.3889vw, 3.0625rem);
  line-height: 120%;
  letter-spacing: 0;
  color: #0B1834;
  padding-bottom: 24px;
}
.showcase-banner .col-content-banner p {
  font-size: 20px;
  line-height: 136%;
  color: #666666;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  padding-bottom: 32px;
}
.showcase-banner .col-content-banner ul {
  list-style: none;
  padding: 0 0 16px;
  margin: 0;
}
.showcase-banner .col-content-banner ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  margin-bottom: 16px;
  padding: 12px 20px;
  border-radius: 40px;
  max-width: 438px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.showcase-banner .col-content-banner ul li img {
  flex-shrink: 0;
}
.showcase-banner .col-content-banner ul li span {
  color: #1D1C73;
  line-height: 115%;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
}
.showcase-banner .img-banner {
  width: 62.6%;
}
.showcase-banner .img-banner img {
  max-width: 100%;
  height: auto;
}
.showcase-banner .btn-style a {
  background: linear-gradient(97.26deg, #1D1C73 0%, #68e0f1 100%);
  color: #fff;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 20px;
  height: 57px;
  width: 309px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  padding: 8px 20px 10px;
  position: relative;
  text-decoration: none;
}
.showcase-banner .btn-style a::after {
  content: "";
  position: absolute;
  height: 46px;
  width: 46px;
  top: 6px;
  right: 10px;
  background-image: url("xelp/images/Arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: right 0.3s;
}
.showcase-banner .btn-style a:hover::after {
  right: 14px;
}
@media screen and (max-width: 1200px) {
  .showcase-banner {
    padding: 120px 0 40px;
  }
  .showcase-banner .row-banner {
    flex-direction: column-reverse;
  }
  .showcase-banner .col-content-banner {
    width: 100%;
    padding-top: 40px;
  }
  .showcase-banner .img-banner {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .showcase-banner .col-content-banner p {
    font-size: 15px;
  }
  .showcase-banner .col-content-banner ul li span {
    font-size: 12px;
  }
}

/* ROI Calculator
--------------------------------------------- */
.roi-calculator {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
  background: #fdf8f4;
  min-height: 100vh;
}

.roi-header {
  padding: 140px 0 30px;
}
.roi-header h1 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: 38px;
  line-height: 1.2;
  color: #0B1834;
  margin: 0 0 8px;
  padding: 0;
}
.roi-header p {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 16px;
  color: #6b7280;
  margin: 0;
}

.roi-body {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 30px;
  padding-bottom: 40px;
}

.roi-card {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 20px;
}
.roi-card h2 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 24px;
  color: #0B1834;
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.roi-card h3 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 20px;
  color: #0B1834;
  margin: 0 0 20px;
  padding: 0;
}

.accent-bar {
  width: 4px;
  height: 28px;
  background: #1D1C73;
  border-radius: 2px;
  display: inline-block;
}

.roi-card--hero {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border: none;
  color: #fff;
}
.roi-card--hero .roi-card__label {
  color: rgba(255, 255, 255, 0.7);
}
.roi-card--hero .roi-card__big {
  color: #fff;
}
.roi-card--hero .roi-card__desc {
  color: rgba(255, 255, 255, 0.6);
}

.roi-card__label {
  display: block;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 8px;
}

.roi-card__value-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.roi-card__big {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: 56px;
  line-height: 1;
  color: #0B1834;
}

.roi-card__medium {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
  color: #0B1834;
}
.roi-card__medium small {
  font-size: 18px;
  font-weight: 500;
  color: #6b7280;
}

.roi-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.roi-card__icon--green {
  background: #10b981;
  color: #fff;
}
.roi-card__icon--green-light {
  background: #ecfdf5;
  color: #10b981;
}
.roi-card__icon--blue {
  background: #eff6ff;
  color: #3b82f6;
}
.roi-card__icon--yellow {
  background: #fefce8;
  color: #eab308;
}
.roi-card__icon--purple {
  background: #faf5ff;
  color: #a855f7;
}

.roi-card__desc {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 14px;
  color: #6b7280;
}

.roi-results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.roi-results-grid .roi-card {
  margin-bottom: 0;
}

.input-group {
  margin-bottom: 28px;
}
.input-group label {
  display: block;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 600;
  font-size: 15px;
  color: #0B1834;
  margin-bottom: 10px;
}
.input-group input[type=number] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 16px;
  color: #0B1834;
  outline: none;
  transition: border-color 0.2s;
}
.input-group input[type=number]:focus {
  border-color: #1D1C73;
}
.input-group input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #e0e0e0;
  outline: none;
}
.input-group input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #1D1C73;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.input-group input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #1D1C73;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.val-highlight {
  color: #1D1C73;
  font-weight: 700;
}

.input-hint {
  display: block;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 13px;
  color: #9ca3af;
  margin-top: 6px;
}

.software-cost-display {
  border-top: 1px solid #e8eaed;
  padding-top: 24px;
}
.software-cost-display .software-label {
  display: block;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 4px;
}
.software-cost-display .software-value {
  display: block;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: 36px;
  color: #0B1834;
  line-height: 1.2;
  margin-bottom: 4px;
}

.cost-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 15px;
  color: #374151;
  border-bottom: 1px solid #f3f4f6;
}
.cost-row:last-child {
  border-bottom: none;
}
.cost-row--total {
  background: #f9fafb;
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 8px;
  border-bottom: none;
  font-weight: 700;
}

.roi-summary {
  list-style: none;
  padding: 0;
  margin: 0;
}
.roi-summary li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 15px;
  color: #374151;
}
.roi-summary .check {
  color: #10b981;
  font-weight: 700;
  flex-shrink: 0;
}

.roi-footer {
  text-align: center;
  padding: 30px 0 50px;
  border-top: 1px solid #e8eaed;
}
.roi-footer p {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .roi-body {
    grid-template-columns: 1fr;
  }
  .roi-card__big {
    font-size: 42px;
  }
}
@media screen and (max-width: 600px) {
  .roi-results-grid {
    grid-template-columns: 1fr;
  }
  .roi-header h1 {
    font-size: 28px;
  }
  .roi-card {
    padding: 20px;
  }
  .roi-card__big {
    font-size: 36px;
  }
  .roi-card__medium {
    font-size: 24px;
  }
  .software-cost-display .software-value {
    font-size: 28px;
  }
}
.roi-enquiry-cta {
  padding: 20px 0 80px;
}
.roi-enquiry-cta .roi-enquiry-cta__inner {
  background: linear-gradient(97.26deg, #1D1C73 0%, #68e0f1 100%);
  border-radius: 24px;
  padding: 40px 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  color: #fff;
  box-shadow: 0 20px 40px -15px rgba(29, 28, 115, 0.35);
}
.roi-enquiry-cta .roi-enquiry-cta__copy {
  flex: 1 1 55%;
  max-width: 640px;
}
.roi-enquiry-cta .roi-enquiry-cta__copy h2 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  line-height: 1.2;
  color: #fff;
  margin: 0 0 10px;
  padding: 0;
}
.roi-enquiry-cta .roi-enquiry-cta__copy p {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
  margin: 0;
}
.roi-enquiry-cta .btn-style {
  flex: 0 0 auto;
}
.roi-enquiry-cta .btn-style a {
  background: #fff;
  color: #1D1C73;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 18px;
  height: 57px;
  min-width: 260px;
  width: auto;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 40px 10px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  transition: box-shadow 0.3s;
  cursor: pointer;
}
.roi-enquiry-cta .btn-style a:hover, .roi-enquiry-cta .btn-style a:focus, .roi-enquiry-cta .btn-style a:active {
  background: #fff;
  color: #1D1C73;
  box-shadow: 0 0 60px 20px rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 992px) {
  .roi-enquiry-cta .roi-enquiry-cta__inner {
    padding: 36px 30px;
    justify-content: center;
    text-align: center;
  }
  .roi-enquiry-cta .roi-enquiry-cta__copy {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .roi-enquiry-cta {
    padding: 10px 0 40px;
  }
  .roi-enquiry-cta .roi-enquiry-cta__inner {
    padding: 30px 20px;
    border-radius: 18px;
  }
  .roi-enquiry-cta .btn-style a {
    font-size: 16px;
    min-width: 0;
    width: 100%;
    padding: 8px 30px 10px;
    height: 52px;
  }
}

body.roi-enquiry-modal-open {
  overflow: hidden;
}

.roi-enquiry-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.roi-enquiry-modal.is-open {
  display: flex;
}
.roi-enquiry-modal .roi-enquiry-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(4px);
  animation: roiEnquiryFade 0.2s ease-out;
}
.roi-enquiry-modal .roi-enquiry-modal__dialog {
  position: relative;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 30px 60px -20px rgba(15, 23, 42, 0.45);
  width: 100%;
  max-width: 620px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 50px 50px 40px;
  animation: roiEnquiryPop 0.25s ease-out;
}
.roi-enquiry-modal .roi-enquiry-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: #0B1834;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s;
}
.roi-enquiry-modal .roi-enquiry-modal__close:hover, .roi-enquiry-modal .roi-enquiry-modal__close:focus {
  background: #f1f5f9;
  color: #1D1C73;
  outline: none;
}
.roi-enquiry-modal .roi-enquiry-modal__header {
  margin-bottom: 24px;
}
.roi-enquiry-modal .roi-enquiry-modal__header h2 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  color: #0B1834;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.roi-enquiry-modal .roi-enquiry-modal__header p {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 15px;
  line-height: 1.5;
  color: #6b7280;
  margin: 0;
}
.roi-enquiry-modal .roi-enquiry-modal__form .gform_wrapper {
  margin: 0;
}
.roi-enquiry-modal .roi-enquiry-modal__form .gfield_label {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 14px;
  color: #0B1834;
  margin-bottom: 6px;
}
.roi-enquiry-modal .roi-enquiry-modal__form input[type=text],
.roi-enquiry-modal .roi-enquiry-modal__form input[type=email],
.roi-enquiry-modal .roi-enquiry-modal__form input[type=tel],
.roi-enquiry-modal .roi-enquiry-modal__form input[type=url],
.roi-enquiry-modal .roi-enquiry-modal__form input[type=number],
.roi-enquiry-modal .roi-enquiry-modal__form textarea,
.roi-enquiry-modal .roi-enquiry-modal__form select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", serif;
  font-size: 15px;
  color: #0B1834;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.roi-enquiry-modal .roi-enquiry-modal__form input[type=text]:focus,
.roi-enquiry-modal .roi-enquiry-modal__form input[type=email]:focus,
.roi-enquiry-modal .roi-enquiry-modal__form input[type=tel]:focus,
.roi-enquiry-modal .roi-enquiry-modal__form input[type=url]:focus,
.roi-enquiry-modal .roi-enquiry-modal__form input[type=number]:focus,
.roi-enquiry-modal .roi-enquiry-modal__form textarea:focus,
.roi-enquiry-modal .roi-enquiry-modal__form select:focus {
  outline: none;
  border-color: #1D1C73;
  box-shadow: 0 0 0 3px rgba(29, 28, 115, 0.12);
}
.roi-enquiry-modal .roi-enquiry-modal__form textarea {
  min-height: 120px;
  resize: vertical;
}
.roi-enquiry-modal .roi-enquiry-modal__form .gform_footer {
  margin-top: 20px;
  padding-top: 10px;
}
.roi-enquiry-modal .roi-enquiry-modal__form .gform_button {
  background: #1D1C73;
  color: #fff;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 16px;
  padding: 14px 36px;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
}
.roi-enquiry-modal .roi-enquiry-modal__form .gform_button:hover {
  background: #18175e;
  box-shadow: 0 10px 25px -10px rgba(29, 28, 115, 0.45);
}
.roi-enquiry-modal .roi-enquiry-modal__form .gform_button:active {
  transform: translateY(1px);
}
.roi-enquiry-modal .roi-enquiry-modal__form .gform_confirmation_message {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 16px;
  color: #0B1834;
  padding: 20px;
  background: #f1f5f9;
  border-radius: 12px;
}
.roi-enquiry-modal .roi-enquiry-modal__form .validation_message,
.roi-enquiry-modal .roi-enquiry-modal__form .gfield_validation_message {
  font-family: "Plus Jakarta Sans", serif;
  font-size: 13px;
  color: #b91c1c;
  margin-top: 6px;
}
.roi-enquiry-modal .roi-enquiry-modal__form .gfield_visibility_hidden,
.roi-enquiry-modal .roi-enquiry-modal__form .gform_hidden {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .roi-enquiry-modal {
    padding: 10px;
    align-items: flex-start;
  }
  .roi-enquiry-modal .roi-enquiry-modal__dialog {
    padding: 50px 24px 30px;
    border-radius: 16px;
    max-height: calc(100vh - 20px);
  }
  .roi-enquiry-modal .roi-enquiry-modal__header h2 {
    font-size: 22px;
  }
  .roi-enquiry-modal .roi-enquiry-modal__form .gform_button {
    width: 100%;
    padding: 14px 24px;
  }
}

@keyframes roiEnquiryFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes roiEnquiryPop {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* Homepage ROI CTA Banner
--------------------------------------------- */
.homepage-roi-cta {
  padding: 60px 0 40px;
}
.homepage-roi-cta .roi-cta-inner {
  background: linear-gradient(97.26deg, #1D1C73 0%, #68e0f1 100%);
  border-radius: 38px;
  padding: 70px 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  color: #fff;
  box-shadow: 0 20px 40px -15px rgba(29, 28, 115, 0.35);
}
.homepage-roi-cta h2 {
  flex: 1 1 55%;
  margin: 0;
  color: #fff;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
  line-height: 120%;
  letter-spacing: 0;
  max-width: 720px;
}
.homepage-roi-cta .btn-style {
  flex: 0 0 auto;
}
.homepage-roi-cta .btn-style a {
  background: #fff;
  color: #1D1C73;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 20px;
  height: 57px;
  min-width: 309px;
  width: auto;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 66px 10px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  transition: box-shadow 0.3s;
}
.homepage-roi-cta .btn-style a::after {
  content: "";
  position: absolute;
  height: 46px;
  width: 46px;
  top: 6px;
  right: 10px;
  background-image: url("xelp/images/Arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(13%) sepia(84%) saturate(2400%) hue-rotate(235deg) brightness(60%) contrast(95%);
  transition: right 0.3s;
}
.homepage-roi-cta .btn-style a:hover, .homepage-roi-cta .btn-style a:focus, .homepage-roi-cta .btn-style a:active {
  background: #fff;
  color: #1D1C73;
  box-shadow: 0 0 60px 20px rgba(255, 255, 255, 0.15);
}
.homepage-roi-cta .btn-style a:hover::after, .homepage-roi-cta .btn-style a:focus::after, .homepage-roi-cta .btn-style a:active::after {
  right: 14px;
  filter: invert(13%) sepia(84%) saturate(2400%) hue-rotate(235deg) brightness(60%) contrast(95%);
}
@media screen and (max-width: 992px) {
  .homepage-roi-cta .roi-cta-inner {
    padding: 50px 40px;
    text-align: center;
    justify-content: center;
  }
  .homepage-roi-cta h2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .homepage-roi-cta .btn-style {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .homepage-roi-cta {
    padding: 40px 0 20px;
  }
  .homepage-roi-cta .roi-cta-inner {
    padding: 40px 24px;
    border-radius: 24px;
  }
  .homepage-roi-cta .btn-style a {
    font-size: 17px;
    min-width: 0;
    padding: 8px 56px 10px;
    height: 52px;
  }
}

/* Homepage Problem
--------------------------------------------- */
.homepage-problem {
  padding: 80px 0 60px;
  background: #f7f8fc;
}
.homepage-problem h2 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
  line-height: 120%;
  letter-spacing: 0;
  color: #0B1834;
  text-align: center;
  margin: 0 0 16px;
}
.homepage-problem p.intro {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #666666;
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px;
}
.homepage-problem .problems {
  gap: 24px 0;
}
.homepage-problem .problem-card {
  background: #fff;
  border-radius: 20px;
  padding: 32px 28px;
  height: 100%;
  box-shadow: 0 12px 30px -18px rgba(29, 28, 115, 0.25);
  border: 1px solid rgba(29, 28, 115, 0.06);
}
.homepage-problem .problem-card h3 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #0B1834;
  margin: 0 0 12px;
}
.homepage-problem .problem-card p {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .homepage-problem {
    padding: 60px 0 40px;
  }
  .homepage-problem .four.columns {
    width: 100%;
    margin-bottom: 16px;
  }
  .homepage-problem .problems {
    gap: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .homepage-problem {
    padding: 48px 0 32px;
  }
  .homepage-problem p.intro {
    margin-bottom: 32px;
  }
  .homepage-problem .problem-card {
    padding: 24px 20px;
  }
}

/* Homepage Product Solutions (4 cards)
--------------------------------------------- */
.homepage-solutions .row.product-solutions {
  padding-top: 60px;
}
.homepage-solutions .product-solutions-heading {
  text-align: center;
  margin-bottom: 48px;
}
.homepage-solutions .product-solutions-heading .sub-title {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  padding-left: 4px;
  margin-bottom: 24px;
}
.homepage-solutions .product-solutions-heading .sub-title::after {
  content: "";
  position: absolute;
  height: 42px;
  width: 35px;
  bottom: -9px;
  left: -19px;
  z-index: -1;
  background-image: url("xelp/images/title-shape.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
}
.homepage-solutions .product-solutions-title {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
  line-height: 120%;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}
.homepage-solutions .product-solutions-title .accent {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  background: linear-gradient(97.26deg, #68e0f1 0%, #a7ffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.homepage-solutions .product-solutions-title .accent::after {
  content: none;
}
@media screen and (max-width: 767px) {
  .homepage-solutions .product-solutions-heading {
    margin-bottom: 32px;
  }
  .homepage-solutions .product-solutions-title {
    font-size: clamp(1.5rem, 1.1rem + 2vw, 2rem);
  }
}
.homepage-solutions .product-solutions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.homepage-solutions .ps-card {
  background: #fff;
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0 16px 40px -20px rgba(29, 28, 115, 0.25);
  border: 1px solid rgba(29, 28, 115, 0.08);
  display: flex;
  flex-direction: column;
}
.homepage-solutions .ps-card .ps-image {
  margin-bottom: 24px;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #eef2ff 0%, #e0f4ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}
.homepage-solutions .ps-card .ps-image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.homepage-solutions .ps-card h3 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 130%;
  color: #0B1834;
  margin: 0 0 12px;
}
.homepage-solutions .ps-card > p {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
  margin: 0 0 16px;
}
.homepage-solutions .ps-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.homepage-solutions .ps-card ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #666666;
}
.homepage-solutions .ps-card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  background-image: url("xelp/images/lsicon_check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 992px) {
  .homepage-solutions .product-solutions-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .homepage-solutions .ps-card {
    padding: 24px;
  }
  .homepage-solutions .ps-card .ps-image {
    min-height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .homepage-solutions .row.product-solutions {
    padding-top: 40px;
  }
  .homepage-solutions .product-solutions-title {
    margin-bottom: 32px;
  }
  .homepage-solutions .ps-card {
    padding: 20px;
    border-radius: 20px;
  }
  .homepage-solutions .ps-card h3 {
    font-size: 20px;
  }
}

/* Homepage Integration Hub (Your Organization's Knowledge...)
--------------------------------------------- */
.integration-hub {
  padding: 80px 0 60px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}
.integration-hub h2 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
  line-height: 120%;
  letter-spacing: 0;
  color: #0B1834;
  text-align: center;
  margin: 0 0 16px;
}
.integration-hub p.intro {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #666666;
  text-align: center;
  max-width: 780px;
  margin: 0 auto 48px;
}
.integration-hub .integration-hub-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 48px;
  max-width: 1200px;
  margin: 0 auto;
}
.integration-hub .ih-diagram {
  flex: 0 1 520px;
  max-width: 100%;
}
.integration-hub .ih-diagram img {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.integration-hub .ih-content {
  flex: 1 1 400px;
}
.integration-hub .ih-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}
.integration-hub .ih-content ul li {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(29, 28, 115, 0.08);
  border-radius: 60px;
  padding: 14px 24px 14px 18px;
  margin-bottom: 14px;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #666666;
  box-shadow: 0 10px 20px -10px rgba(29, 28, 115, 0.1);
}
.integration-hub .ih-content ul li img {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.integration-hub .ih-content ul li span {
  display: block;
}
.integration-hub .ih-content ul li b {
  display: block;
  color: #0B1834;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 2px;
}
.integration-hub .btn-style a {
  background: linear-gradient(97.26deg, #1D1C73 0%, #68e0f1 100%);
  color: #fff;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 18px;
  height: 56px;
  min-width: 220px;
  padding: 8px 72px 10px 36px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  transition: box-shadow 0.3s, transform 0.3s;
}
.integration-hub .btn-style a::after {
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  background-image: url("xelp/images/Arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  filter: none;
  transition: right 0.3s;
}
.integration-hub .btn-style a:hover, .integration-hub .btn-style a:focus {
  color: #fff;
  box-shadow: 0 14px 34px -10px rgba(29, 28, 115, 0.4);
  transform: translateY(-1px);
}
.integration-hub .btn-style a:hover::after, .integration-hub .btn-style a:focus::after {
  right: 6px;
}
@media screen and (max-width: 992px) {
  .integration-hub .integration-hub-inner {
    gap: 32px;
    justify-content: center;
  }
  .integration-hub .ih-diagram {
    flex: 1 1 100%;
  }
  .integration-hub .ih-diagram img {
    max-width: 380px;
  }
  .integration-hub .ih-content {
    flex: 1 1 100%;
    max-width: 560px;
  }
}
@media screen and (max-width: 767px) {
  .integration-hub {
    padding: 60px 0 40px;
  }
  .integration-hub p.intro {
    margin-bottom: 32px;
  }
  .integration-hub .ih-content ul {
    margin-bottom: 24px;
  }
  .integration-hub .ih-content ul li {
    padding: 12px 20px 12px 14px;
    font-size: 14px;
  }
  .integration-hub .ih-content ul li b {
    font-size: 15px;
  }
}

/* Homepage Use Cases (Who Uses Universal Knowledge)
--------------------------------------------- */
.homepage-use-cases {
  padding: 100px 0 80px;
}
.homepage-use-cases .auto-container {
  max-width: 1460px;
  padding: 0 30px;
  margin: 0 auto;
}
.homepage-use-cases .knowledge-heading {
  text-align: left;
  padding-bottom: 0;
}
.homepage-use-cases .knowledge-heading .sub-title {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #0B1834;
  padding-left: 4px;
}
.homepage-use-cases .knowledge-heading .sub-title::after {
  content: "";
  position: absolute;
  height: 42px;
  width: 35px;
  bottom: -9px;
  left: -19px;
  z-index: -1;
  background-image: url("xelp/images/title-shape.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.homepage-use-cases .knowledge-heading h2 {
  color: #0B1834;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: 49px;
  line-height: 120%;
  padding-top: 24px;
  padding-bottom: 0;
  margin: 0;
}
.homepage-use-cases .knowledge-card-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5%;
  padding-top: 68px;
}
.homepage-use-cases .knowledge-card-col {
  width: 18.75%;
}
.homepage-use-cases .knowledge-card {
  padding: 32px;
  height: 100%;
  border-radius: 24px;
  background-image: url("xelp/images/one-g.svg");
  background-position: top center;
  background-size: cover;
  box-shadow: transparent 0 20px 25px -5px, rgba(0, 0, 0, 0.06) 0 19px 10px -5px;
}
.homepage-use-cases .knowledge-card h3 {
  color: #061027;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  margin: 0;
  padding-bottom: 0;
}
.homepage-use-cases .knowledge-card .know-img {
  padding: 40px 0 50px;
}
.homepage-use-cases .knowledge-card .know-img img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 100px;
  border: 3.89px solid #68e0f1;
  box-shadow: 0 7.78px 11.67px 0 rgba(104, 224, 241, 0.45);
  display: block;
}
.homepage-use-cases .knowledge-card p {
  position: relative;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
  margin: 0;
}
.homepage-use-cases .knowledge-card p::after {
  content: "";
  position: absolute;
  background-color: #061027;
  width: 15px;
  height: 3px;
  left: 0;
  top: -12px;
}
.homepage-use-cases .knowledge-card-row .knowledge-card-col:nth-child(2) .knowledge-card {
  background-image: url("xelp/images/two-g.png");
}
.homepage-use-cases .knowledge-card-row .knowledge-card-col:nth-child(3) .knowledge-card {
  background-image: url("xelp/images/three-g.png");
}
.homepage-use-cases .knowledge-card-row .knowledge-card-col:nth-child(4) .knowledge-card {
  background-image: url("xelp/images/four-g.png");
}
.homepage-use-cases .knowledge-card-row .knowledge-card-col:nth-child(5) .knowledge-card {
  background-image: url("xelp/images/five-g.png");
}
.homepage-use-cases .knowledge-card-col-btn {
  display: flex;
  justify-content: center;
  padding-top: 68px;
}
.homepage-use-cases .btn-style a {
  background: linear-gradient(97.26deg, #1D1C73 0%, #68e0f1 100%);
  color: #fff;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 18px;
  height: 56px;
  min-width: 220px;
  padding: 8px 72px 10px 36px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  transition: box-shadow 0.3s, transform 0.3s;
}
.homepage-use-cases .btn-style a::after {
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  background-image: url("xelp/images/Arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  transition: right 0.3s;
}
.homepage-use-cases .btn-style a:hover, .homepage-use-cases .btn-style a:focus {
  color: #fff;
  box-shadow: 0 14px 34px -10px rgba(29, 28, 115, 0.4);
  transform: translateY(-1px);
}
.homepage-use-cases .btn-style a:hover::after, .homepage-use-cases .btn-style a:focus::after {
  right: 6px;
}
@media screen and (max-width: 1200px) {
  .homepage-use-cases .knowledge-card-row {
    row-gap: 20px;
  }
  .homepage-use-cases .knowledge-card-col {
    width: 32%;
  }
  .homepage-use-cases .knowledge-heading h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .homepage-use-cases {
    padding: 80px 0 60px;
  }
  .homepage-use-cases .knowledge-card-col {
    width: 48%;
  }
  .homepage-use-cases .knowledge-heading h2 {
    font-size: 35px;
  }
  .homepage-use-cases .knowledge-card .know-img {
    padding: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .homepage-use-cases .knowledge-card-col {
    width: 100%;
  }
}

/* About Us - Why Choose Us
--------------------------------------------- */
.works-sec .auto-container,
.accredition-box .auto-container,
.security-sec .auto-container {
  max-width: 1460px;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.works-sec .sub-title,
.accredition-box .sub-title,
.security-sec .sub-title {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #0B1834;
  padding-left: 4px;
}
.works-sec .sub-title::after,
.accredition-box .sub-title::after,
.security-sec .sub-title::after {
  content: "";
  position: absolute;
  height: 42px;
  width: 35px;
  bottom: -9px;
  left: -19px;
  z-index: -1;
  background-image: url("xelp/images/title-shape.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.works-sec h2,
.accredition-box h2,
.security-sec h2 {
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 800;
  font-size: clamp(2.125rem, 1.8472rem + 1.3889vw, 3.0625rem);
  line-height: 120%;
  letter-spacing: 0;
  color: #061027;
  margin: 0;
  padding: 24px 0 0;
}

.works-sec {
  padding: 96px 0;
  position: relative;
  overflow: hidden;
}
.works-sec .works-sec-bg {
  position: absolute;
  top: -154px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  pointer-events: none;
}
.works-sec > p,
.works-sec .auto-container > p {
  color: #52555f;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 136%;
  margin: 12px 0 0;
}
.works-sec .row-works {
  display: flex;
  flex-wrap: wrap;
  gap: 2.12%;
  row-gap: 28px;
  padding-top: 68px;
}
.works-sec .col-works {
  width: 23.4%;
  padding: 0 32px 32px;
  margin-top: 42px;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border-radius: 16px;
  box-shadow: transparent 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
}
.works-sec .col-works .step-icon {
  margin-top: -42px;
  margin-left: -29px;
  height: auto;
  display: block;
}
.works-sec .col-works h3 {
  padding: 36px 0;
  margin: 0;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  color: #0B1834;
}
.works-sec .col-works p {
  position: relative;
  color: #52555f;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 136%;
  padding-top: 36px;
  margin: 0;
}
.works-sec .col-works p::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 3px;
  background: #061027;
}
@media screen and (max-width: 1200px) {
  .works-sec .col-works {
    width: 48.9%;
  }
}
@media screen and (max-width: 767px) {
  .works-sec {
    padding: 80px 0;
  }
  .works-sec .col-works {
    width: 100%;
  }
}

.accredition-box {
  padding: 80px 0;
  background: #f5f8ff;
}
.accredition-box .accredition-heading {
  text-align: center;
  margin-bottom: 48px;
}
.accredition-box .accredition-heading .sub-title {
  margin-bottom: 8px;
}
.accredition-box .accredition-heading h2 {
  padding-top: 16px;
}
.accredition-box .accredition-logo-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px 64px;
}
.accredition-box .accredition-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accredition-box .accredition-img img {
  max-height: 96px;
  width: auto;
  opacity: 0.85;
  transition: opacity 0.25s, transform 0.25s;
}
.accredition-box .accredition-img img:hover {
  opacity: 1;
  transform: translateY(-2px);
}
@media screen and (max-width: 767px) {
  .accredition-box {
    padding: 60px 0;
  }
  .accredition-box .accredition-logo-flex {
    gap: 28px 40px;
  }
  .accredition-box .accredition-img img {
    max-height: 72px;
  }
}

.security-sec {
  padding: 96px 0;
  background-image: url("xelp/images/security.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.security-sec .row-security {
  display: flex;
  flex-wrap: wrap;
  gap: 6%;
  row-gap: 80px;
}
.security-sec .col-security {
  width: 29.3%;
}
.security-sec .col-security.content-security h2 {
  padding-top: 24px;
  padding-bottom: 48px;
}
.security-sec .col-security.content-security .btn-style a {
  background: linear-gradient(97.26deg, #1D1C73 0%, #68e0f1 100%);
  color: #fff;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 500;
  font-size: 18px;
  height: 56px;
  min-width: 200px;
  padding: 8px 72px 10px 36px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  transition: box-shadow 0.3s, transform 0.3s;
}
.security-sec .col-security.content-security .btn-style a::after {
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  background-image: url("xelp/images/Arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  transition: right 0.3s;
}
.security-sec .col-security.content-security .btn-style a:hover, .security-sec .col-security.content-security .btn-style a:focus {
  color: #fff;
  box-shadow: 0 14px 34px -10px rgba(29, 28, 115, 0.4);
  transform: translateY(-1px);
}
.security-sec .col-security.content-security .btn-style a:hover::after, .security-sec .col-security.content-security .btn-style a:focus::after {
  right: 6px;
}
.security-sec .col-security.service-box {
  padding: 34px;
  background: rgba(255, 255, 255, 0.25);
  border: 2px solid #fff;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border-radius: 16px;
  box-shadow: transparent 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
}
.security-sec .col-security.service-box .img-box-icon {
  display: inline-block;
}
.security-sec .col-security.service-box .img-box-icon img {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  box-shadow: 0 0 25px 0 rgba(104, 224, 241, 0.63);
}
.security-sec .col-security.service-box a {
  display: block;
  margin: 36px 0 24px;
  color: #061027;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  text-decoration: none;
}
.security-sec .col-security.service-box a:hover {
  color: #68e0f1;
}
.security-sec .col-security.service-box p {
  color: #52555f;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 136%;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .security-sec .row-security {
    gap: 3%;
    row-gap: 40px;
  }
  .security-sec .col-security {
    width: 31.3%;
  }
  .security-sec .col-security.service-box {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 767px) {
  .security-sec {
    padding: 60px 0;
  }
  .security-sec .col-security {
    width: 48.3%;
  }
}
@media screen and (max-width: 480px) {
  .security-sec .col-security {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Responsives
--------------------------------------------- */
@media only screen and (max-width: 1235px) {
  .main-navigation ul {
    gap: 20px;
  }
  .site-header ul.extra {
    margin-left: 0;
  }
  .inside-content-switchable .parent-content-blocks .content-block .eight {
    width: 75%;
  }
  .inner-cta-wrapper .eight {
    width: 75%;
  }
  .dark-header .seven {
    width: 66.6666%;
  }
  .content-with-overflow-image {
    padding: 150px 0;
  }
  .light-blue-content-blocks .wrapper, .dark-blue-content-blocks .wrapper {
    padding: 180px 30px 30px 30px;
  }
  .case-studies-archive .ten, .blog-posts .ten, .downloads-archive .ten {
    width: 100%;
  }
}
@media only screen and (max-width: 1155px) {
  .menu-toggle {
    width: 66px;
    height: 66px;
    min-width: 66px;
    min-height: 66px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: white;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 100;
    transition: height 0.6s ease, min-height 0.6s ease;
  }
  .menu-toggle > div span {
    display: block;
    margin-bottom: 5px;
    width: 30px;
    height: 3px;
    transition: all 0.6s ease;
    background-color: #1D1C73;
  }
  .menu-toggle > div span:last-of-type {
    width: 18px;
    margin-bottom: 0;
    margin-left: auto;
    background-color: #0EB0D2;
  }
  .site-header.shrink .menu-toggle {
    height: 50px;
    min-height: 50px;
    transition: height 0.6s ease, min-height 0.6s ease;
  }
  .menu-main-menu-container {
    position: fixed;
    top: 0;
    right: -100vw;
    transition: right 0.6s ease;
    height: 100vh;
    width: 50vw;
    background-color: white;
    box-shadow: -5px 0 30px rgba(14, 176, 210, 0.1);
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 10%;
    z-index: 99;
  }
  .main-navigation ul {
    display: block;
    width: 100%;
  }
  .main-navigation ul li {
    margin-bottom: 15px;
  }
  .main-navigation.toggled .menu-toggle > div span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }
  .main-navigation.toggled .menu-toggle > div span:nth-child(2) {
    opacity: 0;
  }
  .main-navigation.toggled .menu-toggle > div span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
    width: 30px;
    background-color: #1D1C73;
  }
  .main-navigation.toggled .menu-main-menu-container {
    right: 0;
    transition: right 1s ease;
  }
  .main-navigation.toggled li.menu-item-has-children {
    position: relative;
  }
  .main-navigation.toggled li.menu-item-has-children a {
    margin-right: 50px;
    position: relative;
    z-index: 9;
  }
  .main-navigation.toggled li.menu-item-has-children button.open-sub {
    background-color: transparent;
    border: none;
    padding: 0;
    height: 25px;
    width: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 10;
  }
  .main-navigation.toggled li.menu-item-has-children button.open-sub:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("images/icons/arrow-right.svg");
    background-size: contain;
    background-repeat: no-repeat;
  }
  .main-navigation.toggled li.menu-item-has-children ul.sub-menu {
    position: fixed;
    top: 0;
    right: -100vw;
    transition: right 0.6s ease;
    height: 100vh;
    width: 50vw;
    z-index: 100;
    background-color: white;
    padding: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-navigation.toggled li.menu-item-has-children ul.sub-menu button.close-sub {
    position: absolute;
    top: 30px;
    right: 30px;
    background-color: transparent;
    padding: 0;
    z-index: 105;
  }
  .main-navigation.toggled li.menu-item-has-children ul.sub-menu button.close-sub:after {
    content: url("images/exit.svg");
  }
  .main-navigation.toggled li.menu-item-has-children ul.sub-menu.active {
    right: 0;
    transition: right 1s ease;
  }
  h1, h2, h3 {
    text-wrap: balance;
  }
  h2 {
    font-size: 36px;
  }
  h2 span.gradiant {
    font-size: 94px;
  }
  h2 span.gradiant:after {
    height: 15px;
  }
  .homepage-solutions h2 {
    font-size: 4vw;
  }
  .homepage-solutions h2 span.gradiant {
    font-size: 11vw;
  }
  .homepage-solutions .pricing .six {
    width: 60%;
  }
  .homepage-solutions .pricing h2.everything {
    font-size: 56px;
  }
  .homepage-solutions .pricing h2.everything span.gradiant {
    font-size: 89px;
  }
  .homepage-solutions .features-wrapper .features-inner ul.pills button {
    padding: 12px 26px;
    font-size: 19px;
  }
  .pricing-container span.price {
    font-size: 13vw;
  }
  .pricing-content .content h2 {
    font-size: 56px;
  }
  .pricing-content .content h2 span.gradiant {
    font-size: 89px;
  }
  .homepage-content-blocks, .content-with-overflow-image {
    padding: 150px 0;
  }
  .homepage-content-blocks h2, .content-with-overflow-image h2 {
    font-size: 36px;
  }
  .homepage-content-blocks p, .content-with-overflow-image p {
    font-size: 18px;
  }
  .site-footer .eight {
    width: 66.6666667%;
  }
  .site-footer ul.contact {
    flex-direction: column;
    gap: 5px;
  }
  .seven, .eight {
    width: 75%;
  }
  .pricing-faq .eight {
    width: 66.6666667%;
  }
  .large-content-section .nine {
    width: 85%;
  }
  .large-content-section p {
    text-wrap: balance;
  }
  .team-members .team-member-row .four, .team-members .partners-row .four, .partners .team-member-row .four, .partners .partners-row .four {
    padding: 0 30px;
    margin-bottom: 80px;
  }
  .inside-content-switchable ul.switch-buttons {
    gap: 10px 15px;
  }
  .inside-content-switchable ul.switch-buttons.fixed-switch-buttons {
    padding: 15px;
  }
  .blocks-with-hidden-content .stat-box {
    min-height: 360px;
  }
  .blocks-with-hidden-content .stat-box span.large {
    font-size: 64px;
  }
  .blocks-with-hidden-content .stat-box h3 {
    font-size: 26px;
  }
  .setup .seven, .case-studies-main-wrap .seven, .faq-main-wrap .seven, .dowload-main-wrap .seven {
    width: 58.3333333%;
  }
  .setup .spacer, .case-studies-main-wrap .spacer, .faq-main-wrap .spacer, .dowload-main-wrap .spacer {
    display: none;
  }
  .setup > .three, .case-studies-main-wrap > .three, .faq-main-wrap > .three, .dowload-main-wrap > .three {
    width: 33.33333%;
  }
  .price-banner .choose-plan {
    padding: 50px 15px;
  }
  .pricing-content .group .header {
    padding: 30px;
    font-size: 26px;
  }
  .pricing-support h2.title {
    font-size: 36px;
  }
  .pricing-support .content-box h2 {
    font-size: 28px;
  }
  .contained-content .whitebg {
    padding: 5%;
    background-position: -150px;
  }
  .dark-section-with-white-bg .whitebg {
    padding: 8%;
    background-position: center right;
  }
  .switchable-content .cta-wrapper {
    padding: 75px 0;
  }
  .skewable-cards .cta-row .cta-wrapper .five {
    width: 50%;
  }
  .skewable-cards .cta-row .cta-wrapper p {
    font-size: 20px;
  }
  .light-blue-content-blocks .content-block-row .three, .dark-blue-content-blocks .content-block-row .three {
    width: 33.3333%;
  }
  .light-blue-content-blocks .wrapper, .dark-blue-content-blocks .wrapper {
    padding: 180px 20px 30px 20px;
  }
  .light-blue-content-blocks .wrapper span.subheading, .dark-blue-content-blocks .wrapper span.subheading {
    font-size: 2.1vw;
  }
  .light-blue-content-blocks .wrapper h3, .dark-blue-content-blocks .wrapper h3 {
    font-size: 2.6vw;
  }
  .testimonials .testimonial {
    padding: 30px;
  }
  .testimonials .testimonial .bottom span.name {
    font-size: 20px;
  }
  .dark-header .seven {
    width: 75%;
  }
  .service-links .row {
    justify-content: center;
  }
  .full-width-centered-text {
    margin: 50px 0;
  }
  .sidebar-cta h2 {
    font-size: 25px;
  }
  .post-wrapper > .row > .ten {
    width: 91.6666667%;
  }
  .post-content > .row .eight {
    width: 66.6666667%;
  }
  .contact-form-row {
    margin-top: 50px;
  }
  .contact-form-row .eight {
    width: 100%;
  }
  .form-background .whitebg {
    padding: 30px;
  }
  .book-a-demo-left {
    padding: 50px;
  }
  .book-a-demo-left h1 {
    font-size: 5vw;
  }
  .book-a-demo-right {
    background-size: cover;
  }
  .price-banner .choose-plan .row.packages .package {
    padding: 15%;
  }
  .price-banner .choose-plan .row.packages .package span.price {
    font-size: 5vw;
  }
  .price-banner .choose-plan .row.packages .package span.price span {
    font-size: 3vw;
  }
  .price-banner .choose-plan .row.packages .package .button {
    padding: 12px 5px;
    text-align: center;
  }
}
@media only screen and (max-width: 850px) {
  .seven, .eight {
    width: 90%;
  }
  .ten {
    width: 100%;
  }
  h2 {
    font-size: 34px;
  }
  .homepage-video .thumbnail-container div {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    z-index: 9;
    padding: 50px 15px;
  }
  .homepage-video .thumbnail-container h2 {
    font-size: 36px;
  }
  .homepage-video .thumbnail-container img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .blocks-with-hidden-content h2 {
    font-size: 34px;
  }
  .blocks-with-hidden-content .row {
    gap: 30px 0;
  }
  .blocks-with-hidden-content .four {
    width: 50%;
  }
  .homepage-solutions h2 {
    font-size: 6vw;
  }
  .homepage-solutions .solutions .five {
    width: 50%;
  }
  .homepage-solutions .solution .box h3 {
    width: 100%;
  }
  .homepage-solutions .solution .box img {
    display: none;
  }
  .homepage-solutions .features-wrapper .features-inner .feature h3 {
    font-size: 26px;
  }
  .homepage-solutions .pricing .row {
    justify-content: center;
    gap: 30px;
  }
  .homepage-solutions .pricing .six {
    width: 100%;
  }
  .homepage-solutions .pricing .four {
    width: 50%;
    margin-left: 0;
  }
  .ctas .large, .ctas .half {
    padding: 30px;
  }
  .site-footer .eight {
    width: 100%;
    margin-top: 30px;
  }
  .site-footer .flex .content ul.menu li {
    padding-right: 15px;
  }
  .about-us-header span.subtitle, .team-header span.subtitle {
    font-size: 6vw;
  }
  .large-content-section .nine {
    width: 95%;
  }
  .light-blue-content-blocks .content-block-row, .dark-blue-content-blocks .content-block-row {
    justify-content: center;
  }
  .light-blue-content-blocks .content-block-row .four, .dark-blue-content-blocks .content-block-row .four {
    width: 50%;
  }
  .light-blue-content-blocks .wrapper h3, .dark-blue-content-blocks .wrapper h3 {
    font-size: 3.5vw;
  }
  .contained-content .whitebg, .dark-section-with-white-bg .whitebg {
    background-image: unset !important;
  }
  .contained-content .whitebg .six, .contained-content .whitebg .five, .dark-section-with-white-bg .whitebg .six, .dark-section-with-white-bg .whitebg .five {
    width: 100%;
  }
  .brands .slick-slide {
    margin: 0 15px;
  }
  .team-members .team-member-row .four, .team-members .partners-row .four, .partners .team-member-row .four, .partners .partners-row .four {
    width: 50%;
  }
  .member-popup .inner, .partner-popup .inner {
    padding: 15px;
  }
  .member-popup .image-side, .partner-popup .image-side {
    padding-right: 5%;
  }
  .member-popup p.subtitle, .partner-popup p.subtitle {
    font-size: 38px;
  }
  .dark-header .seven {
    width: 90%;
  }
  .dark-header span.subtitle {
    font-size: 7vw;
  }
  .switchable-content .content-block .six {
    width: 100%;
  }
  .full-width-bordered-content .border-wrapper .row {
    z-index: 9;
    gap: 30px;
  }
  .full-width-bordered-content .border-wrapper .columns {
    width: 100%;
  }
  .full-width-bordered-content .border-wrapper img.decor-image {
    opacity: 0.25;
    z-index: 1;
  }
  .full-width-bordered-content .border-wrapper .image-side img {
    max-height: 350px;
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
  .skewable-cards .five {
    width: 50%;
  }
  .skewable-cards .wrapper .box h3 {
    width: 100%;
  }
  .skewable-cards .wrapper .box img {
    display: none;
  }
  .skewable-cards .cta-row .cta-wrapper .five {
    width: 100%;
  }
  .inside-content-switchable ul.switch-buttons.fixed-switch-buttons .button {
    padding: 10px 20px;
    font-size: 15px;
  }
  .inside-content-switchable .parent-content-blocks .content-block .columns {
    width: 100%;
  }
  .inner-cta-wrapper .eight {
    width: 90%;
  }
  .inner-cta-wrapper h2 {
    font-size: 32px;
  }
  .light-blue-content-blocks .content-block-row .three, .dark-blue-content-blocks .content-block-row .three {
    width: 50%;
  }
  .pricing-faq .row {
    gap: 50px;
  }
  .pricing-faq .four, .pricing-faq .eight {
    width: 100%;
  }
  .pricing-faq .content a.button {
    margin-top: 30px;
  }
  .case-study-slider .five {
    width: 75%;
  }
  .case-study-slider .nine {
    width: 90%;
  }
  .accordion .six {
    width: 75%;
  }
  .accordion .faqs .faq .question {
    font-size: 20px;
  }
  .service-links .four {
    width: 50%;
  }
  .case-studies-archive .four, .blog-posts .four, .downloads-archive .four {
    width: 50%;
  }
  .setup .one, .case-studies-main-wrap .one, .faq-main-wrap .one, .dowload-main-wrap .one {
    width: 12%;
  }
  .setup .seven, .case-studies-main-wrap .seven, .faq-main-wrap .seven, .dowload-main-wrap .seven {
    width: 88%;
  }
  .setup > .three, .case-studies-main-wrap > .three, .faq-main-wrap > .three, .dowload-main-wrap > .three {
    width: 100%;
    margin-top: 50px;
  }
  .sticky-post, .post-intro-wrapper {
    min-height: 400px;
  }
  .post-wrapper > .row > .one {
    width: 12%;
  }
  .post-wrapper > .row > .ten {
    width: 88%;
  }
  .post-content > .row .eight {
    width: 100%;
  }
  .post-content > .row .four {
    width: 100%;
    margin-top: 50px;
  }
  .contact-form-wrapper {
    padding: 50px;
  }
  .other-posts .four {
    width: 50%;
  }
  .other-posts .four:last-of-type {
    display: none;
  }
  .price-banner .four {
    width: 50%;
  }
  .price-banner .choose-plan .row.packages .twenty {
    width: 50%;
  }
  .pricing-content .content h2 {
    font-size: 8vw;
  }
  .pricing-content .content h2 span.gradiant {
    font-size: 11vw;
  }
  .pricing-content .group .header {
    font-size: 22px;
  }
  .pricing-support .four {
    width: 50%;
  }
  .contact-us span.subtitle {
    font-size: 7vw;
  }
  .contact-us .content-boxes {
    gap: 30px 0;
  }
  .contact-us .content-boxes .four {
    width: 50%;
  }
  .form-section .six {
    width: 100%;
  }
  .page-template-page-book-a-demo article > .row .six {
    width: 100%;
  }
  .book-a-demo-right {
    background-position: center;
    padding: 30px;
  }
  .book-a-demo-right .text-right {
    text-align: center;
  }
  .book-a-demo-right .book-a-demo-quick-contact {
    margin-top: 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .menu-main-menu-container {
    width: 100vw;
  }
  .menu-toggle {
    z-index: 100;
  }
  .main-navigation.toggled ul li.menu-item-has-children ul.sub-menu {
    width: 100vw;
    z-index: 110;
  }
  .main-navigation.toggled ul ul {
    z-index: 101;
  }
  .main-navigation.toggled ul ul li:hover > ul, .main-navigation.toggled ul ul li.focus > ul {
    left: unset;
  }
  .main-navigation.toggled ul ul ul {
    z-index: 102;
  }
  .main-navigation.toggled li.menu-item-has-children ul.sub-menu button.close-sub {
    top: 15%;
    right: 10%;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 101;
  }
  h2 {
    font-size: 30px;
  }
  .site-header .columns {
    padding: 0 15px;
  }
  .site-header .flex {
    flex-wrap: wrap;
    gap: 15px 0;
  }
  .site-header .site-branding {
    width: 50%;
    position: relative;
    z-index: 101;
  }
  .site-header .main-navigation {
    width: 50%;
  }
  .site-header ul.extra {
    width: 100%;
    gap: 10px;
    align-items: center;
  }
  .site-header ul.extra li {
    width: 50%;
  }
  .site-header ul.extra li a {
    text-align: center;
    font-size: 3.1vw;
  }
  .menu-toggle {
    margin-left: auto;
  }
  .columns {
    width: 100% !important;
    padding: 0 30px;
  }
  .row {
    gap: 30px 0;
  }
  .homepage-banner h1 {
    font-size: 38px;
  }
  .homepage-banner #gform_wrapper_1 #gform_1 {
    flex-wrap: wrap;
  }
  .homepage-banner #gform_wrapper_1 #gform_1 .gform_footer {
    position: relative;
    right: unset;
    height: unset;
    width: 100%;
  }
  .homepage-banner #gform_wrapper_1 #gform_1 .gform_footer #gform_submit_button_1 {
    width: 100%;
  }
  .homepage-video .thumbnail-container h2 {
    text-align: center;
  }
  .homepage-solutions .solution .cover {
    height: 400px;
  }
  .homepage-solutions .features-wrapper .features-inner .feature {
    padding: 30px;
  }
  .homepage-solutions .features-wrapper .features-inner ul.pills button {
    font-size: 16px;
  }
  .homepage-solutions .pricing h2.everything {
    font-size: 8vw;
  }
  .homepage-solutions .pricing h2.everything span.gradiant {
    font-size: 15vw;
  }
  .homepage-solutions .pricing p {
    font-size: 22px;
  }
  .skewable-cards .wrapper .cover {
    height: 400px;
  }
  .skewable-cards .cta-row .cta-wrapper {
    padding: 50px 20px;
  }
  .atvImg-rendered-layer {
    height: 80%;
    background-size: contain;
  }
  .homepage-content-blocks, .content-with-overflow-image {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
  }
  .homepage-content-blocks img.bg, .content-with-overflow-image img.bg {
    position: relative;
    width: 100%;
    object-fit: contain;
    object-position: right;
    height: 300px;
    top: unset;
    transform: unset;
    marign-bottom: 30px;
    order: 1;
  }
  .homepage-content-blocks .row, .content-with-overflow-image .row {
    order: 2;
  }
  .ctas .large {
    height: 100%;
  }
  .ctas .large h2 {
    font-size: 30px;
  }
  .light-blue-content-blocks .content-block-row > .columns, .dark-blue-content-blocks .content-block-row > .columns {
    margin-bottom: 0;
  }
  .blackout button.close-popup {
    top: 15px;
    right: 15px;
  }
  .member-popup .inner, .partner-popup .inner {
    flex-wrap: wrap;
    overflow: hidden;
  }
  .member-popup .image-side, .partner-popup .image-side {
    width: 100%;
    height: 33vh;
    padding-right: 0;
  }
  .member-popup .content-side, .partner-popup .content-side {
    width: 100%;
    height: 50vh;
  }
  .member-popup p.subtitle, .partner-popup p.subtitle {
    font-size: 28px;
    margin-top: 15px;
  }
  .switchable-content .content-block {
    padding: 30px 0;
  }
  .inside-content-switchable ul.switch-buttons.fixed-switch-buttons {
    position: relative;
    top: unset;
    left: unset;
    z-index: 1;
    box-shadow: none;
  }
  .inside-content-switchable .parent-content-blocks {
    padding: 0 5px;
  }
  .inside-content-switchable .parent-content-blocks .content-block {
    padding: 30px 0;
  }
  .inside-content-switchable .parent-content-blocks .content-block .ten.columns {
    padding: 0 15px;
  }
  .inside-content-switchable .parent-content-blocks .content-block ul.switch-buttons {
    gap: 8px 5px;
    margin-bottom: 15px;
  }
  .inside-content-switchable .parent-content-blocks .content-block ul.switch-buttons li button {
    padding: 8px 15px;
  }
  .inside-content-switchable .parent-content-blocks .content-block h3 {
    font-size: 28px;
  }
  .inside-content-switchable .parent-content-blocks .single-block {
    padding: 15px 0 0 0;
    flex-direction: column-reverse;
    gap: 30px;
  }
  .inside-content-switchable .parent-content-blocks .single-block .image-wrapper, .inside-content-switchable .parent-content-blocks .single-block .content-wrapper {
    width: 100%;
  }
  .pricing-faq .whitebg {
    padding: 50px 20px;
  }
  .pricing-faq .whitebg .four, .pricing-faq .whitebg .eight {
    padding: 0;
  }
  .service-links .four {
    padding: 0;
    margin-bottom: 0;
  }
  .cta-full-width {
    padding: 30px;
  }
  .setup {
    overflow: hidden;
  }
  .case-studies-archive .four {
    margin-bottom: 0;
    padding: 0;
  }
  .blog-posts .ten {
    padding: 0;
  }
  .post-wrapper {
    padding: 120px 0 50px 0;
  }
  .case-studies-main-wrap, .faq-main-wrap, .dowload-main-wrap {
    margin-top: 120px;
  }
  .downloads-archive .four.columns {
    padding: 0;
    margin-bottom: 0;
  }
  .pricing-content .group .header {
    padding-right: 50px;
  }
  .popup .whitebg {
    max-width: 500px;
    padding: 30px;
    max-height: 80vh;
    overflow: scroll;
  }
  .popup .whitebg h2 {
    font-size: 30px;
  }
  .popup .whitebg h2 span.gradiant {
    font-size: 34px;
  }
  .popup .six:nth-of-type(2) {
    display: none;
  }
  .price-banner {
    padding-top: 200px;
  }
  .price-banner .choose-plan h2 {
    font-size: 9vw;
  }
  .price-banner .choose-plan ul.slide li {
    display: flex;
  }
  .price-banner .choose-plan .row.packages .package span.title {
    font-size: 20px;
  }
  .price-banner .choose-plan .row.packages .package span.price {
    font-size: 13vw;
  }
  .price-banner .choose-plan .row.packages .package span.price span {
    font-size: 8vw;
  }
  .team-header, .dark-header, .contact-us {
    padding-top: 200px;
  }
  .dark-header .eight {
    padding: 0;
  }
  .dark-header #gform_wrapper_1 #gform_1 {
    flex-wrap: wrap;
  }
  .dark-header #gform_wrapper_1 #gform_1 .gform_footer {
    position: relative;
    right: unset;
    height: unset;
    width: 100%;
  }
  .dark-header #gform_wrapper_1 #gform_1 .gform_footer #gform_submit_button_1 {
    width: 100%;
  }
  .light-blue-content-blocks .wrapper h3, .dark-blue-content-blocks .wrapper h3 {
    font-size: 6vw;
  }
  .site-footer .flex {
    flex-wrap: wrap;
    gap: 30px;
  }
  .site-footer .flex .content {
    padding-left: 0;
  }
  .case-study-slider .wrapper .content-wrapper ul.terms {
    gap: 5px;
  }
  .case-study-slider .wrapper .content-wrapper ul.terms li {
    padding: 5px 10px;
    font-size: 12px;
  }
  .feature-popup .inner {
    flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
  }
  .feature-popup .inner .image-wrapper, .feature-popup .inner .content-wrapper {
    width: 100%;
  }
  .feature-popup .inner .image-wrapper video, .feature-popup .inner .content-wrapper video {
    height: 100%;
  }
  .feature-popup .inner .image-wrapper img, .feature-popup .inner .content-wrapper img {
    height: 100%;
  }
  .feature-popup .inner .image-wrapper {
    height: 40%;
  }
  .feature-popup .inner .content-wrapper {
    max-height: 60%;
  }
}

/*# sourceMappingURL=style.css.map */