/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

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

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

body {
  font-family: Sora, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
}

.glendor-block {
  display: inline-block;
  width: 100%;
}

.glendor-block-h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
}

.glendor-btn {
  position: relative;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 40px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.glendor-btn.in-view .title-line {
  transform: translateY(-50%) scaleX(1);
}

.glendor-btn.in-view .left-dot,.glendor-btn.in-view .right-dot {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

@media (min-width: 640px) {
  .glendor-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.glendor-btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(11 69 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.glendor-btn-secondary {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(11 69 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(11 69 255 / var(--tw-text-opacity));
}

.glendor-btn-primary::after,
    .glendor-btn-secondary::after {
  content: '';
  position: absolute;
  right: 10px;
  width: 24px;
  height: 24px;
  transition: transform .25s ease;
  transform: translateX(0);
}

.glendor-btn-primary:hover::after,
    .glendor-btn-secondary:hover::after {
  transform: translateX(4px);
}

.glendor-btn-primary::after {
  background-image: url('data:image/svg+xml,<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(90)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M12 4V20M12 4L8 8M12 4L16 8" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>');
}

.glendor-btn-secondary::after {
  background-image: url('data:image/svg+xml,<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(90)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M12 4V20M12 4L8 8M12 4L16 8" stroke="%230B45FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>');
}

html {
  scroll-behavior: smooth;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 100%) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1406px) {
  .container {
    max-width: 1406px;
  }
}

.main-menu-button {
  display: flex;
  height: 40px;
  width: 40px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.main-menu-button span {
  display: block;
  height: 2px;
  width: 20px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(2 25 65 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.main-menu-button.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.main-menu-button.is-open span:nth-child(2) {
  opacity: 0;
}

.main-menu-button.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.main-menu {
  margin-top: 20px;
  flex-direction: column;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(236 240 247 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 20px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
  .main-menu {
    margin-top: 0px;
    flex-direction: row;
    border-width: 0px;
    background-color: transparent;
    padding: 0px;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.main-menu.is-open {
  display: flex;
}

.primary-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .primary-menu {
    flex-direction: row;
    align-items: center;
    gap: 25px;
  }
}

.primary-menu a {
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.primary-menu a.in-view .title-line {
  transform: translateY(-50%) scaleX(1);
}

.primary-menu a.in-view .left-dot,.primary-menu a.in-view .right-dot {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

@media (min-width: 768px) {
  .primary-menu a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.primary-menu a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 2px;
  background-color: #0B45FF;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .3s ease;
}

.primary-menu a:hover,
    .primary-menu a:focus {
  color: #0B45FF;
}

.primary-menu a:hover::after,
    .primary-menu a:focus::after,
    .primary-menu .current-menu-item > a::after {
  transform: scaleX(1);
  transform-origin: left center;
}

.header-cta-button {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(11 69 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 69 255 / var(--tw-bg-opacity));
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .header-cta-button {
    width: auto;
  }
}

.header-cta-button:hover,
    .header-cta-button:focus {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(11 69 255 / var(--tw-text-opacity));
}

.footer-link,
    .animated-link {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-link.in-view .title-line,
    .animated-link.in-view .title-line {
  transform: translateY(-50%) scaleX(1);
}

.footer-link.in-view .left-dot,.footer-link.in-view .right-dot,
    .animated-link.in-view .left-dot,
    .animated-link.in-view .right-dot {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

.footer-link::after,
    .animated-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #0B45FF;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .3s ease;
}

.footer-link:hover,
    .footer-link:focus,
    .animated-link:hover,
    .animated-link:focus {
  color: #0B45FF;
}

.footer-link:hover::after,
    .footer-link:focus::after,
    .animated-link:hover::after,
    .animated-link:focus::after {
  transform: scaleX(1);
  transform-origin: left center;
}

.glendor-block-process-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.glendor-block-process-title::before,
    .glendor-block-process-title::after {
  content: '';
  display: block;
  flex: 1 1 auto;
  height: 2px;
  background-color: #e4e9f5;
  transform: scaleX(0);
  transition: transform 0.8s ease;
}

.glendor-block-process-title::before {
  transform-origin: right center;
}

.glendor-block-process-title::after {
  transform-origin: left center;
}

.glendor-block-process-title.in-view::before,
    .glendor-block-process-title.in-view::after {
  transform: scaleX(1);
}

.js-process-card {
  opacity: 0;
  transform: translateY(40px);
  transition:
            opacity .6s ease,
            transform .6s ease,
            border-color .3s ease,
            box-shadow .3s ease;
}

.js-process-card.in-view {
  opacity: 1;
  transform: translateY(0);
}

.glendor-block-process-list .js-process-card.in-view:hover {
  border-color: #C7D5FF;
  box-shadow: 0 18px 45px rgba(2, 25, 65, .1);
  transform: translateY(-6px);
}

.resource-card {
  transition:
            border-color .3s ease,
            box-shadow .3s ease,
            transform .3s ease;
}

.resource-card:hover {
  border-color: #C7D5FF;
  box-shadow: 0 18px 45px rgba(2, 25, 65, .1);
  transform: translateY(-6px);
}

.deployment-scenario-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.deployment-scenario-label {
  margin-bottom: 10px;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 150px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 57 206 / var(--tw-bg-opacity));
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.deployment-scenario-media {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 57 206 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 20px;
  transition:
            border-color .3s ease,
            box-shadow .3s ease,
            transform .3s ease;
}

.deployment-scenario-card:hover .deployment-scenario-media {
  border-color: #0039ce;
  box-shadow: 0 18px 45px rgba(2, 25, 65, .1);
  transform: translateY(-6px);
}

.contact-form-wrap input,
    .contact-form-wrap textarea,
    .contact-form-wrap select {
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(215 222 237 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-form-wrap input:focus,
    .contact-form-wrap textarea:focus,
    .contact-form-wrap select:focus {
  border-color: #0B45FF;
}

.contact-form-wrap textarea {
  min-height: 140px;
  resize: vertical;
}

.contact-form-wrap input[type="submit"],
    .contact-form-wrap button[type="submit"] {
  display: inline-flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(11 69 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 69 255 / var(--tw-bg-opacity));
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .contact-form-wrap input[type="submit"],
    .contact-form-wrap button[type="submit"] {
    width: auto;
  }
}

.contact-form-wrap input[type="submit"]:hover,
    .contact-form-wrap input[type="submit"]:focus,
    .contact-form-wrap button[type="submit"]:hover,
    .contact-form-wrap button[type="submit"]:focus {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(11 69 255 / var(--tw-text-opacity));
}

.js-data-list-item {
  opacity: 0;
  transform: translateY(30px);
  transition:
            opacity .6s ease,
            transform .6s ease;
}

.js-data-list-item.in-view {
  opacity: 1;
  transform: translateY(0);
}

.features-content {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
}

.features-content span {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 111 133 / var(--tw-text-opacity));
}

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

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.right-0 {
  right: 0px;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.m-auto {
  margin: auto;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 5px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-30 {
  margin-top: 30px;
}

.mb-80 {
  margin-bottom: 80px;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-20 {
  height: 20px;
}

.h-70 {
  height: 70px;
}

.h-8 {
  height: 2rem;
}

.h-\[10px\] {
  height: 10px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[80\%\] {
  height: 80%;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-200 {
  max-height: 200px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.min-h-\[180px\] {
  min-height: 180px;
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-full {
  min-height: 100%;
}

.w-1\/2 {
  width: 50%;
}

.w-20 {
  width: 20px;
}

.w-50 {
  width: 50px;
}

.w-70 {
  width: 70px;
}

.w-8 {
  width: 2rem;
}

.w-\[60px\] {
  width: 60px;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.min-w-280 {
  min-width: 280px;
}

.max-w-170 {
  max-width: 170px;
}

.max-w-200 {
  max-width: 200px;
}

.max-w-550 {
  max-width: 550px;
}

.max-w-\[1100px\] {
  max-width: 1100px;
}

.max-w-\[780px\] {
  max-width: 780px;
}

.max-w-\[900px\] {
  max-width: 900px;
}

.shrink-0 {
  flex-shrink: 0;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.place-items-center {
  place-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

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

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

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-30 {
  gap: 30px;
}

.gap-40 {
  gap: 40px;
}

.gap-5 {
  gap: 5px;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * var(--tw-space-y-reverse));
}

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

.overflow-hidden {
  overflow: hidden;
}

.rounded-\[150px\] {
  border-radius: 150px;
}

.rounded-\[16px\] {
  border-radius: 16px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-md {
  border-radius: 0.375rem;
}

.border {
  border-width: 1px;
}

.border-\[2px\] {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-dashed {
  border-style: dashed;
}

.border-\[\#\#ECF0F7\] {
  border-color: ##ECF0F7;
}

.border-\[\#4F82F4\] {
  --tw-border-opacity: 1;
  border-color: rgb(79 130 244 / var(--tw-border-opacity));
}

.border-\[\#C7D5FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(199 213 255 / var(--tw-border-opacity));
}

.border-\[\#D7DEED\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 222 237 / var(--tw-border-opacity));
}

.border-\[\#ECF0F7\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 240 247 / var(--tw-border-opacity));
}

.bg-\[\#D9DADA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 218 218 / var(--tw-bg-opacity));
}

.bg-\[\#FAFAFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 253 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-20 {
  padding-top: 20px;
}

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

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

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[19px\] {
  font-size: 19px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[27px\] {
  font-size: 27px;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[35px\] {
  font-size: 35px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.italic {
  font-style: italic;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-\[130\%\] {
  line-height: 130%;
}

.leading-\[160\%\] {
  line-height: 160%;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}

.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.text-\[\#06185E\] {
  --tw-text-opacity: 1;
  color: rgb(6 24 94 / var(--tw-text-opacity));
}

.text-\[\#0B6F85\] {
  --tw-text-opacity: 1;
  color: rgb(11 111 133 / var(--tw-text-opacity));
}

.text-\[\#172554\] {
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-primary-blue {
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* color of text 021941 */

.glendor-section-title {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 10px;
  padding-right: 10px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
}

.glendor-section-title.in-view .title-line {
  transform: translateY(-50%) scaleX(1);
}

.glendor-section-title.in-view .left-dot,.glendor-section-title.in-view .right-dot {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

@media (min-width: 1024px) {
  .glendor-section-title {
    font-size: 35px;
  }
}

.title-line {
  position: absolute;
  top: 50%;
  display: none;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(3 94 244 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .title-line {
    display: block;
  }
}

.title-line {
  width: calc(100% - 14px);
  left: 7px;
  transform: translateY(-50%) scaleX(0);
  transform-origin: center;
  transition: transform .8s ease;
}

.left-dot,
.right-dot {
  position: absolute;
  top: 50%;
  display: none;
  height: 12px;
  width: 12px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(3 94 244 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .left-dot,
.right-dot {
    display: block;
  }
}

.left-dot,
.right-dot {
  transform: translateY(-50%) scale(0);
  opacity: 0;
  transition:
        transform .35s ease .65s,
        opacity .35s ease .65s;
}

.left-dot {
  left: 1px;
}

.right-dot {
  right: 1px;
}

.relative.in-view .title-line {
  transform: translateY(-50%) scaleX(1);
}

.relative.in-view .left-dot,
.relative.in-view .right-dot {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

.sanitizer-list li,
.detector-list li {
  position: relative;
  padding-left: 30px;
}

.sanitizer-list li::after,
.detector-list li::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 2px;
  background-repeat: no-repeat;
}

.detector-list li::after {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0.75C15.0943 0.75 19.25 4.90574 19.25 10C19.25 15.0943 15.0943 19.25 10 19.25C4.90574 19.25 0.75 15.0943 0.75 10C0.75 4.90574 4.90574 0.75 10 0.75Z" fill="white" stroke="%230038CC" stroke-width="1.5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.23743 10.1695L7.62726 13.4745L15.7629 6.52539" fill="white"/><path d="M4.23743 10.1695L7.62726 13.4745L15.7629 6.52539" stroke="%230038CC" stroke-width="1.5"/></svg>');
}

.sanitizer-list li::after {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C15.5085 0 20 4.49153 20 10C20 15.5085 15.5085 20 10 20C4.49153 20 0 15.5085 0 10C0 4.49153 4.49153 0 10 0Z" fill="%23026C86"/><path d="M4.23743 10.1695L7.62726 13.4745L15.7629 6.52539" stroke="%23FEFEFE" stroke-width="1.5"/></svg>');
}

.feature-h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(2 25 65 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .feature-h2 {
    font-size: 42px;
  }
}

.feature-h2 span {
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(11 111 133 / var(--tw-text-opacity));
}

.footer-linkedin {
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url('data:image/svg+xml,<svg width="34px" height="34px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M18.72 3.99997H5.37C5.19793 3.99191 5.02595 4.01786 4.86392 4.07635C4.70189 4.13484 4.55299 4.22471 4.42573 4.34081C4.29848 4.45692 4.19537 4.59699 4.12232 4.75299C4.04927 4.909 4.0077 5.07788 4 5.24997V18.63C4.01008 18.9901 4.15766 19.3328 4.41243 19.5875C4.6672 19.8423 5.00984 19.9899 5.37 20H18.72C19.0701 19.9844 19.4002 19.8322 19.6395 19.5761C19.8788 19.32 20.0082 18.9804 20 18.63V5.24997C20.0029 5.08247 19.9715 4.91616 19.9078 4.76122C19.8441 4.60629 19.7494 4.466 19.6295 4.34895C19.5097 4.23191 19.3672 4.14059 19.2108 4.08058C19.0544 4.02057 18.8874 3.99314 18.72 3.99997ZM9 17.34H6.67V10.21H9V17.34ZM7.89 9.12997C7.72741 9.13564 7.5654 9.10762 7.41416 9.04768C7.26291 8.98774 7.12569 8.89717 7.01113 8.78166C6.89656 8.66615 6.80711 8.5282 6.74841 8.37647C6.6897 8.22474 6.66301 8.06251 6.67 7.89997C6.66281 7.73567 6.69004 7.57169 6.74995 7.41854C6.80986 7.26538 6.90112 7.12644 7.01787 7.01063C7.13463 6.89481 7.2743 6.80468 7.42793 6.74602C7.58157 6.68735 7.74577 6.66145 7.91 6.66997C8.07259 6.66431 8.2346 6.69232 8.38584 6.75226C8.53709 6.8122 8.67431 6.90277 8.78887 7.01828C8.90344 7.13379 8.99289 7.27174 9.05159 7.42347C9.1103 7.5752 9.13699 7.73743 9.13 7.89997C9.13719 8.06427 9.10996 8.22825 9.05005 8.3814C8.99014 8.53456 8.89888 8.6735 8.78213 8.78931C8.66537 8.90513 8.5257 8.99526 8.37207 9.05392C8.21843 9.11259 8.05423 9.13849 7.89 9.12997ZM17.34 17.34H15V13.44C15 12.51 14.67 11.87 13.84 11.87C13.5822 11.8722 13.3313 11.9541 13.1219 12.1045C12.9124 12.2549 12.7546 12.4664 12.67 12.71C12.605 12.8926 12.5778 13.0865 12.59 13.28V17.34H10.29V10.21H12.59V11.21C12.7945 10.8343 13.0988 10.5225 13.4694 10.3089C13.84 10.0954 14.2624 9.98848 14.69 9.99997C16.2 9.99997 17.34 11 17.34 13.13V17.34Z" fill="%23021941"></path></g></svg>');
}

.svg-email,
.svg-phone,
.svg-location {
  width: 25px;
  height: 25px;
}

.svg-email {
  background-image: url('data:image/svg+xml,<svg width="25px" height="25px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>mail-filled</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="mail-filled-white" fill="%23021941" transform="translate(42.686667, 85.339333)"><path d="M3.55271368e-14,28.7 L213.333914,220.70134 L426.667,28.701 L426.667248,341.333608 L0.00058094128,341.333608 L3.55271368e-14,28.7 Z M394.776,1.42108547e-14 L213.333914,163.285608 L31.89,1.42108547e-14 L394.776,1.42108547e-14 Z" id="Combined-Shape"></path></g></g></g></svg>');
}

.svg-phone {
  background-image: url('data:image/svg+xml,<svg width="25px" height="25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M16.5562 12.9062L16.1007 13.359C16.1007 13.359 15.0181 14.4355 12.0631 11.4972C9.10812 8.55901 10.1907 7.48257 10.1907 7.48257L10.4775 7.19738C11.1841 6.49484 11.2507 5.36691 10.6342 4.54348L9.37326 2.85908C8.61028 1.83992 7.13596 1.70529 6.26145 2.57483L4.69185 4.13552C4.25823 4.56668 3.96765 5.12559 4.00289 5.74561C4.09304 7.33182 4.81071 10.7447 8.81536 14.7266C13.0621 18.9492 17.0468 19.117 18.6763 18.9651C19.1917 18.9171 19.6399 18.6546 20.0011 18.2954L21.4217 16.883C22.3806 15.9295 22.1102 14.2949 20.8833 13.628L18.9728 12.5894C18.1672 12.1515 17.1858 12.2801 16.5562 12.9062Z" fill="%23021941"></path></g></svg>');
}

.svg-location {
  background-image: url('data:image/svg+xml,<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" fill="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="%23021941" d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289l16,24 C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24 C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path></g></svg>');
}

.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-indigo-600:focus-visible {
  outline-color: #4f46e5;
}

@media (min-width: 640px) {
  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:w-1\/3 {
    width: 33.333333%;
  }

  .sm\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-\[20px\] {
    font-size: 20px;
  }

  .sm\:text-\[32px\] {
    font-size: 32px;
  }

  .sm\:text-\[40px\] {
    font-size: 40px;
  }
}

@media (min-width: 768px) {
  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:text-\[20px\] {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:block {
    display: block;
  }

  .lg\:w-1\/5 {
    width: 20%;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1fr_420px_1fr\] {
    grid-template-columns: 1fr 420px 1fr;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:text-\[45px\] {
    font-size: 45px;
  }
}

@media (min-width: 1280px) {
  .xl\:mb-0 {
    margin-bottom: 0px;
  }

  .xl\:block {
    display: block;
  }

  .xl\:w-1\/5 {
    width: 20%;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.\[\&_p\]\:m-0 p {
  margin: 0px;
}
