@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*!
Theme Name: aiims-tailwind
Theme URI: https://underscoretw.com/
Author: underscoretw.com
Author URI: https://underscoretw.com/
Description: A custom theme based on _tw
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aiims-tailwind
Tags:

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

aiims-tailwind is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.4.0 | 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 */
  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,
[type='button'],
[type='reset'],
[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;
}

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

::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:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

body{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
  font-family: Poppins, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}

section {
  overflow-x: hidden;
}

.container {
  max-width: 1480px !important;
  margin: 0 auto;
}

.banner-title span,
.cta-title span{
  --tw-text-opacity: 1;
  color: rgb(109 207 246 / var(--tw-text-opacity));
}

footer .menu-item a{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

footer .menu-item a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 174 239 / var(--tw-text-opacity));
}

.btn{
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 9999px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(1 44 88 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .btn{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.blue-gradient-bg {
  background: linear-gradient(180deg, #003d7b 0%, #001830 41.83%);
}

.dark-blue-clip {
  position: relative;
  isolation: isolate;
  background: none;
  margin-top: -60px;
  z-index: 20;
  padding-top: 40px;
  -webkit-clip-path: ellipse(240% 156% at 50% 156%);
          clip-path: ellipse(240% 156% at 50% 156%);
}

.darker-blue-clip {
  position: relative;
  isolation: isolate;
  background: none;
  margin-top: -60px;
  z-index: 20;
  padding-top: 60px;
  -webkit-clip-path: ellipse(240% 156% at 50% 156%);
          clip-path: ellipse(240% 156% at 50% 156%);
}

.dark-blue-clip::before,
.darker-blue-clip::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  bottom: 0;
  inset: 0;
  background: #00aeef;
  -webkit-clip-path: ellipse(240% 156% at 50% 156%);
  clip-path: ellipse(240% 156% at 50% 156%);
  z-index: 0;
}

.dark-blue-clip::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #003d7b;
  -webkit-clip-path: ellipse(200% 138.5% at 50% 140%);
  clip-path: ellipse(200% 138.5% at 50% 140%);
  z-index: 1;
}

.darker-blue-clip::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #001830;
  -webkit-clip-path: ellipse(240% 156% at 50% 158%);
  clip-path: ellipse(240% 156% at 50% 158%);
  z-index: 0;
}

.dark-blue-clip > *,
.darker-blue-clip > * {
  position: relative;
  z-index: 2;
}

.service-details-bg {
  background-image: url("./images/service-details-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.service-blocks-bg {
  background-image: url("./images/service-blocks-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

.container{
  width: 100%;
}

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

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

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

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

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

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

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

.prose{
  color: var(--tw-prose-body);
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: none;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
  border-left-style: solid;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-body);
  font-style: normal;
  font-weight: 400;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "\2014";
}

.prose :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  table-layout: fixed;
  width: 100%;
}

.prose-neutral{
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #171717;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-kbd: #171717;
  --tw-prose-kbd-shadows: 23 23 23;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 */

.page-title,
.entry-title{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  max-width: 40rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

.page-content > *,
.entry-content > * {
  /* Content width from the `theme.json` file */
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  max-width: 60rem;
}

.entry-content > .alignfull{
  max-width: none;
}

.entry-content > .alignleft{
  float: left;
  margin-right: 2rem;
}

.entry-content > .alignright{
  float: right;
  margin-left: 2rem;
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.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;
}

.visible{
  visibility: visible;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-\[75\%\]{
  bottom: 75%;
}

.left-0{
  left: 0px;
}

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

.left-6{
  left: 1.5rem;
}

.right-0{
  right: 0px;
}

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

.right-6{
  right: 1.5rem;
}

.top-0{
  top: 0px;
}

.top-12{
  top: 3rem;
}

.top-6{
  top: 1.5rem;
}

.z-10{
  z-index: 10;
}

.z-50{
  z-index: 50;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[2\]{
  z-index: 2;
}

.z-\[3\]{
  z-index: 3;
}

.order-1{
  order: 1;
}

.order-2{
  order: 2;
}

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

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

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

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.-mb-10{
  margin-bottom: -2.5rem;
}

.-mt-3{
  margin-top: -0.75rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

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

.mb-3{
  margin-bottom: 0.75rem;
}

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

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

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

.mb-\[10px\]{
  margin-bottom: 10px;
}

.mb-\[15px\]{
  margin-bottom: 15px;
}

.mb-\[18px\]{
  margin-bottom: 18px;
}

.mb-\[60px\]{
  margin-bottom: 60px;
}

.ml-2{
  margin-left: 0.5rem;
}

.mt-14{
  margin-top: 3.5rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

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

.mt-5{
  margin-top: 1.25rem;
}

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

.mb-\[50px\]{
  margin-bottom: 50px;
}

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

.mb-20{
  margin-bottom: 5rem;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.h-10{
  height: 2.5rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-28{
  height: 7rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.h-auto{
  height: auto;
}

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

.h-full{
  height: 100%;
}

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

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

.min-h-\[70vh\]{
  min-height: 70vh;
}

.\!w-full{
  width: 100% !important;
}

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

.w-1\/4{
  width: 25%;
}

.w-10{
  width: 2.5rem;
}

.w-12{
  width: 3rem;
}

.w-28{
  width: 7rem;
}

.w-5{
  width: 1.25rem;
}

.w-8{
  width: 2rem;
}

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

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

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

.w-\[35\%\]{
  width: 35%;
}

.w-auto{
  width: auto;
}

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

.w-full{
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-none{
  max-width: none;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-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-x-\[15\%\]{
  --tw-translate-x: -15%;
  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-3\/4{
  --tw-translate-y: -75%;
  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-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-\[-50\%\]{
  --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));
}

.rotate-12{
  --tw-rotate: 12deg;
  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));
}

.cursor-pointer{
  cursor: pointer;
}

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

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

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

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

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

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

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

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

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

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

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

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-20{
  gap: 5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[12px\]{
  gap: 12px;
}

.gap-\[15px\]{
  gap: 15px;
}

.gap-\[45px\]{
  gap: 45px;
}

.gap-\[5px\]{
  gap: 5px;
}

.gap-\[6px\]{
  gap: 6px;
}

.space-x-\[-8px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-8px * var(--tw-space-x-reverse));
  margin-left: calc(-8px * calc(1 - var(--tw-space-x-reverse)));
}

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

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

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

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

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

.overflow-hidden{
  overflow: hidden;
}

.text-nowrap{
  text-wrap: nowrap;
}

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

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

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

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

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

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

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

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

.rounded-bl-\[8px\]{
  border-bottom-left-radius: 8px;
}

.rounded-br-\[8px\]{
  border-bottom-right-radius: 8px;
}

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

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

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

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

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

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

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

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

.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}

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

.border-opacity-50{
  --tw-border-opacity: 0.5;
}

.bg-\[\#000D1F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 13 31 / var(--tw-bg-opacity));
}

.bg-\[\#001830\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 24 48 / var(--tw-bg-opacity));
}

.bg-\[\#003D7B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 61 123 / var(--tw-bg-opacity));
}

.bg-\[\#00AEEF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 174 239 / var(--tw-bg-opacity));
}

.bg-\[\#012C58\]{
  --tw-bg-opacity: 1;
  background-color: rgb(1 44 88 / var(--tw-bg-opacity));
}

.bg-\[\#0B1934\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 25 52 / var(--tw-bg-opacity));
}

.bg-\[\#152F5F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(21 47 95 / var(--tw-bg-opacity));
}

.bg-\[\#1B1C1E\]{
  --tw-bg-opacity: 1;
  background-color: rgb(27 28 30 / var(--tw-bg-opacity));
}

.bg-\[\#29232A1A\]{
  background-color: #29232A1A;
}

.bg-\[\#3E5DE0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 224 / var(--tw-bg-opacity));
}

.bg-\[\#DB333A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(219 51 58 / var(--tw-bg-opacity));
}

.bg-\[\#F0C324\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 195 36 / var(--tw-bg-opacity));
}

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

.bg-\[\#F36F21\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 111 33 / var(--tw-bg-opacity));
}

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

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

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

.bg-light-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(37 59 102 / var(--tw-bg-opacity));
}

.bg-light-blue-btn{
  --tw-bg-opacity: 1;
  background-color: rgb(0 162 222 / var(--tw-bg-opacity));
}

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

.bg-\[\]{
  background-color: ;
}

.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[\#004B96\]{
  --tw-gradient-from: #004B96 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 75 150 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#00AEEF\]{
  --tw-gradient-from: #00AEEF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 174 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#001830\]{
  --tw-gradient-to: #001830 var(--tw-gradient-to-position);
}

.to-\[\#00AEEF\]{
  --tw-gradient-to: #00AEEF var(--tw-gradient-to-position);
}

.to-\[\#3A84C5\]{
  --tw-gradient-to: #3A84C5 var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-cover{
  background-size: cover;
}

.bg-center{
  background-position: center;
}

.fill-white{
  fill: #fff;
}

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

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

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-28{
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[44px\]{
  padding-top: 44px;
  padding-bottom: 44px;
}

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

.pb-20{
  padding-bottom: 5rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pl-4{
  padding-left: 1rem;
}

.pr-12{
  padding-right: 3rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-20{
  padding-right: 5rem;
}

.pr-4{
  padding-right: 1rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-14{
  padding-top: 3.5rem;
}

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

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

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

.text-\[12\.8px\]{
  font-size: 12.8px;
}

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

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

.text-\[14\.4px\]{
  font-size: 14.4px;
}

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

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

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

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

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

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

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

.text-\[25\.6px\]{
  font-size: 25.6px;
}

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

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

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

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

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

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

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

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

.text-\[46\.7px\]{
  font-size: 46.7px;
}

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

.font-extrabold{
  font-weight: 800;
}

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

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

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

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

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

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

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

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

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

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

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

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

.leading-none{
  line-height: 1;
}

.tracking-\[-0\.12px\]{
  letter-spacing: -0.12px;
}

.tracking-\[-0\.16px\]{
  letter-spacing: -0.16px;
}

.tracking-\[-0\.2px\]{
  letter-spacing: -0.2px;
}

.tracking-\[-0\.32px\]{
  letter-spacing: -0.32px;
}

.tracking-\[-0\.36px\]{
  letter-spacing: -0.36px;
}

.tracking-\[-0\.3px\]{
  letter-spacing: -0.3px;
}

.tracking-\[-0\.768px\]{
  letter-spacing: -0.768px;
}

.tracking-\[-0\.8px\]{
  letter-spacing: -0.8px;
}

.tracking-\[-1\.25px\]{
  letter-spacing: -1.25px;
}

.tracking-\[-1\.4px\]{
  letter-spacing: -1.4px;
}

.tracking-\[-1\.6px\]{
  letter-spacing: -1.6px;
}

.tracking-\[-1\.92px\]{
  letter-spacing: -1.92px;
}

.tracking-\[-1px\]{
  letter-spacing: -1px;
}

.tracking-\[-2\.4px\]{
  letter-spacing: -2.4px;
}

.tracking-\[-3\.75px\]{
  letter-spacing: -3.75px;
}

.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}

.tracking-tighter{
  letter-spacing: -0.05em;
}

.tracking-\[-0\.7px\]{
  letter-spacing: -0.7px;
}

.tracking-\[-0\.48px\]{
  letter-spacing: -0.48px;
}

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

.text-\[\#003D7B\]{
  --tw-text-opacity: 1;
  color: rgb(0 61 123 / var(--tw-text-opacity));
}

.text-\[\#0056A7\]{
  --tw-text-opacity: 1;
  color: rgb(0 86 167 / var(--tw-text-opacity));
}

.text-\[\#00AEEF\]{
  --tw-text-opacity: 1;
  color: rgb(0 174 239 / var(--tw-text-opacity));
}

.text-\[\#0B1934\]{
  --tw-text-opacity: 1;
  color: rgb(11 25 52 / var(--tw-text-opacity));
}

.text-\[\#0B1A35\]{
  --tw-text-opacity: 1;
  color: rgb(11 26 53 / var(--tw-text-opacity));
}

.text-\[\#0E1E3C\]{
  --tw-text-opacity: 1;
  color: rgb(14 30 60 / var(--tw-text-opacity));
}

.text-\[\#1B081A\]{
  --tw-text-opacity: 1;
  color: rgb(27 8 26 / var(--tw-text-opacity));
}

.text-\[\#262626\]{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}

.text-\[\#29232A\]{
  --tw-text-opacity: 1;
  color: rgb(41 35 42 / var(--tw-text-opacity));
}

.text-\[\#29232B\]{
  --tw-text-opacity: 1;
  color: rgb(41 35 43 / var(--tw-text-opacity));
}

.text-\[\#4B4646\]{
  --tw-text-opacity: 1;
  color: rgb(75 70 70 / var(--tw-text-opacity));
}

.text-\[\#575553\]{
  --tw-text-opacity: 1;
  color: rgb(87 85 83 / var(--tw-text-opacity));
}

.text-\[\#A3A2AA\]{
  --tw-text-opacity: 1;
  color: rgb(163 162 170 / var(--tw-text-opacity));
}

.text-\[\#F8B927\]{
  --tw-text-opacity: 1;
  color: rgb(248 185 39 / var(--tw-text-opacity));
}

.text-\[\#FFFFFF80\]{
  color: #FFFFFF80;
}

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

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

.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

.text-\[\]{
  color: ;
}

.text-\[\#003D7B73\]{
  color: #003D7B73;
}

.text-opacity-50{
  --tw-text-opacity: 0.5;
}

.underline{
  text-decoration-line: underline;
}

.opacity-30{
  opacity: 0.3;
}

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

.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300{
  transition-duration: 300ms;
}

.content-none{
  --tw-content: none;
  content: var(--tw-content);
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

/* menus css starts here  */

.computer-nav .menu-item a{
  font-weight: 400;
  letter-spacing: -0.16px;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.8;
}

.computer-nav .menu-item a:hover{
  text-decoration-line: underline;
}

.computer-nav .menu-item-has-children {
  position: relative;
}

.computer-nav .menu-item-has-children .sub-menu{
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 50;
  display: none;
  min-width: 180px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 59 102 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.video-modal.computer-nav .menu-item-has-children .sub-menu {
  display: none;
}

.computer-nav .menu-item-has-children .sub-menu {
  pointer-events: none;
}

.computer-nav .menu-item-has-children:hover .sub-menu,
.computer-nav .menu-item-has-children .sub-menu:hover{
  display: block;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  opacity: 1;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  pointer-events: auto;
}

.computer-nav .sub-menu li a{
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  opacity: 0.7;
}

.computer-nav .sub-menu li a:hover{
  opacity: 1;
}

.computer-nav .menu-item-has-children > a {
  position: relative;
  padding-right: 20px;
}

.computer-nav .menu-item-has-children > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M12.5 0.500008L6.5 7.50001L0.5 0.500008' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.computer-nav .menu-item-has-children:hover > a::after {
  transform: translateY(-50%) rotate(180deg);
}

/* menus css ends here  */

/* computer-nav-2 submenu logic (same as computer-nav) */

.computer-nav-2 .bottom-menu{
  display: flex;
  width: 100%;
}

.computer-nav-2 .bottom-menu > .menu-item{
  flex: 1 1 0%;
  border-right-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
  padding-left: 1rem;
  padding-right: 1rem;
}

.computer-nav-2 .bottom-menu > .menu-item:last-child{
  border-right-width: 0px;
}

.computer-nav-2 .menu-item {
  --menu-icon: none;
  --menu-icon-color: currentColor;
}

.computer-nav-2 .menu-item > a{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.8;
}

.computer-nav-2 .menu-item > a:hover{
  text-decoration-line: underline;
}

.computer-nav-2 .menu-item > a::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: var(--menu-icon-color, currentColor);
  -webkit-mask-image: var(--menu-icon);
  mask-image: var(--menu-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.computer-nav-2 .menu-item-has-children {
  position: relative;
}

.computer-nav-2 .menu-item-has-children .sub-menu{
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 50;
  display: none;
  min-width: 210px;
  --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));
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 59 102 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.video-modal.computer-nav-2 .menu-item-has-children .sub-menu {
  display: none;
}

.computer-nav-2 .menu-item-has-children .sub-menu {
  pointer-events: none;
}

.computer-nav-2 .menu-item-has-children:hover .sub-menu,
.computer-nav-2 .menu-item-has-children .sub-menu:hover{
  display: block;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  opacity: 1;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  pointer-events: auto;
}

.computer-nav-2 .sub-menu li a{
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  opacity: 0.7;
}

.computer-nav-2 .sub-menu li a:hover{
  opacity: 1;
}

.computer-nav-2 .menu-item-has-children > a{
  display: inline-flex;
  align-items: center;
}

.computer-nav-2 .menu-item-has-children > a::after {
  content: "";
  width: 15px;
  height: 8px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M12.5 0.500008L6.5 7.50001L0.5 0.500008' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}

.computer-nav-2 .menu-item-has-children:hover > a::after {
  transform: rotate(180deg);
}

/* computer-nav-2 menu icons */

.computer-nav-2 .menu-icon-about {
  --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='28' viewBox='0 0 20 28' fill='none'%3E%3Cpath d='M10.2876 0.143823C10.2128 0.0570204 10.105 0.00314307 9.99126 0.000149882C9.87752 -0.00284331 9.76677 0.0390613 9.68296 0.119877C9.58718 0.218653 0 11.3892 0 17.7019C0 23.0896 4.28924 27.1514 9.97629 27.1514C15.6634 27.1514 19.9526 23.0896 19.9526 17.7019C19.9526 11.494 10.6827 0.607767 10.2876 0.143823ZM15.1395 13.7149C14.8761 13.7149 14.6247 13.5713 14.496 13.3198C13.7657 11.8771 12.7899 10.2518 11.5986 8.49182C11.3741 8.16257 11.4609 7.71659 11.7902 7.4921C12.1194 7.2706 12.5654 7.35441 12.7899 7.68366C14.0171 9.49454 15.0228 11.1707 15.7801 12.6673C15.9597 13.0235 15.816 13.4545 15.4628 13.6341C15.358 13.688 15.2473 13.7119 15.1395 13.7119V13.7149ZM16.6631 18.4202C16.265 18.4202 15.9447 18.097 15.9417 17.7019C15.9417 17.2349 15.831 16.6512 15.6185 15.9688C15.4987 15.5887 15.7082 15.1846 16.0884 15.0649C16.4685 14.9451 16.8726 15.1547 16.9923 15.5348C17.2527 16.3579 17.3844 17.0853 17.3844 17.7019C17.3844 18.1 17.0612 18.4232 16.6661 18.4232L16.6631 18.4202Z' fill='white'/%3E%3C/svg%3E");
}

.computer-nav-2 .menu-icon-residential {
  --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29' fill='none'%3E%3Cpath d='M29.13 13.6078L15.0809 0.169505C14.8427 -0.0565017 14.4701 -0.0565017 14.238 0.169505L0.188877 13.6078C0.0117367 13.7788 -0.0493463 14.0476 0.0422782 14.2797C0.133903 14.5118 0.35991 14.6645 0.61035 14.6645H3.6645V27.4919C3.6645 27.8279 3.93937 28.1027 4.27533 28.1027H11.6053C11.9412 28.1027 12.2161 27.8279 12.2161 27.4919V20.7728H17.1027V27.4919C17.1027 27.8279 17.3776 28.1027 17.7136 28.1027H25.0435C25.3795 28.1027 25.6544 27.8279 25.6544 27.4919V14.6645H28.7085C28.959 14.6645 29.185 14.5118 29.2766 14.2797C29.3682 14.0476 29.3132 13.7849 29.13 13.6078Z' fill='white'/%3E%3C/svg%3E");
}

.computer-nav-2 .menu-icon-commercial {
  --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='29' viewBox='0 0 25 29' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.491658 0C0.220123 0 0 0.220123 0 0.491658V27.6559C0 27.9275 0.220123 28.1476 0.491658 28.1476H9.8274V22.9437C9.8274 22.6722 10.0475 22.452 10.3191 22.452H14.1198C14.3914 22.452 14.6115 22.6722 14.6115 22.9437V28.1476H23.9472C24.2187 28.1476 24.4389 27.9275 24.4389 27.6559V0.491658C24.4389 0.220123 24.2187 0 23.9472 0H0.491658ZM3.64854 2.50833C3.37701 2.50833 3.15689 2.72845 3.15689 2.99999V6.80075C3.15689 7.07228 3.37701 7.2924 3.64854 7.2924H7.4493C7.72084 7.2924 7.94096 7.07228 7.94096 6.80075V2.99999C7.94096 2.72845 7.72084 2.50833 7.4493 2.50833H3.64854ZM16.9896 2.50833C16.718 2.50833 16.4979 2.72845 16.4979 2.99999V6.80075C16.4979 7.07228 16.718 7.2924 16.9896 7.2924H20.7903C21.0619 7.2924 21.282 7.07228 21.282 6.80075V2.99999C21.282 2.72845 21.0619 2.50833 20.7903 2.50833H16.9896ZM9.8274 2.99999C9.8274 2.72845 10.0475 2.50833 10.3191 2.50833H14.1198C14.3914 2.50833 14.6115 2.72845 14.6115 2.99999V6.80075C14.6115 7.07228 14.3914 7.2924 14.1198 7.2924H10.3191C10.0475 7.2924 9.8274 7.07228 9.8274 6.80075V2.99999ZM3.64854 9.15615C3.37701 9.15615 3.15689 9.37628 3.15689 9.64781V13.4486C3.15689 13.7201 3.37701 13.9402 3.64854 13.9402H7.4493C7.72084 13.9402 7.94096 13.7201 7.94096 13.4486V9.64781C7.94096 9.37628 7.72084 9.15615 7.4493 9.15615H3.64854ZM3.15689 16.2958C3.15689 16.0242 3.37701 15.8041 3.64854 15.8041H7.4493C7.72084 15.8041 7.94096 16.0242 7.94096 16.2958V20.0965C7.94096 20.368 7.72084 20.5882 7.4493 20.5882H3.64854C3.37701 20.5882 3.15689 20.368 3.15689 20.0965V16.2958ZM16.9896 15.8041C16.718 15.8041 16.4979 16.0242 16.4979 16.2958V20.0965C16.4979 20.368 16.718 20.5882 16.9896 20.5882H20.7903C21.0619 20.5882 21.282 20.368 21.282 20.0965V16.2958C21.282 16.0242 21.0619 15.8041 20.7903 15.8041H16.9896ZM16.4979 9.64781C16.4979 9.37628 16.718 9.15615 16.9896 9.15615H20.7903C21.0619 9.15615 21.282 9.37628 21.282 9.64781V13.4486C21.282 13.7201 21.0619 13.9402 20.7903 13.9402H16.9896C16.718 13.9402 16.4979 13.7201 16.4979 13.4486V9.64781ZM10.3191 15.8041C10.0475 15.8041 9.8274 16.0242 9.8274 16.2958V20.0965C9.8274 20.368 10.0475 20.5882 10.3191 20.5882H14.1198C14.3914 20.5882 14.6115 20.368 14.6115 20.0965V16.2958C14.6115 16.0242 14.3914 15.8041 14.1198 15.8041H10.3191ZM9.8274 9.64781C9.8274 9.37628 10.0475 9.15615 10.3191 9.15615H14.1198C14.3914 9.15615 14.6115 9.37628 14.6115 9.64781V13.4486C14.6115 13.7201 14.3914 13.9402 14.1198 13.9402H10.3191C10.0475 13.9402 9.8274 13.7201 9.8274 13.4486V9.64781Z' fill='white'/%3E%3C/svg%3E");
}

.computer-nav-2 .menu-icon-emergency {
  --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.82946 0.0759478C6.40599 0.369004 6.24726 0.635544 6.24726 1.05356C6.24726 1.27215 6.33221 1.47698 6.85375 2.51583C7.1873 3.18022 7.49099 3.76045 7.52857 3.80518C7.73017 4.0451 7.96453 4.14698 8.31528 4.14714C8.738 4.1473 8.99316 4.02673 9.1991 3.72949C9.31633 3.56039 9.34486 3.45496 9.35682 3.14708L9.37143 2.77114L8.7488 1.55679C8.00459 0.105216 7.94775 0.0423921 7.34724 0.00703695C7.04164 -0.0109582 6.93436 0.00333207 6.82946 0.0759478ZM19.4455 0.0290016C19.3834 0.0411748 19.2404 0.130357 19.1279 0.22716C18.9659 0.366517 18.7965 0.659308 18.3146 1.63316C17.742 2.7902 17.7067 2.88012 17.7186 3.14947C17.7334 3.48407 17.8153 3.66185 18.0587 3.88748C18.3112 4.12157 18.5296 4.19366 18.878 4.15767C19.4279 4.10093 19.5058 4.00926 20.2236 2.57431C20.7785 1.46501 20.8551 1.27972 20.8551 1.04652C20.8551 0.629034 20.5937 0.221867 20.2267 0.0675324C20.0589 -0.00301916 19.6994 -0.0207497 19.4455 0.0290016ZM0.671677 5.25368C0.416729 5.34816 0.233707 5.51694 0.0969972 5.78364C-0.059984 6.08977 -0.0203947 6.57357 0.186073 6.87139C0.323101 7.06918 0.469444 7.15757 1.56 7.70139C2.27864 8.05976 2.87063 8.32185 2.99967 8.33869C3.28219 8.37558 3.69931 8.23855 3.88064 8.04918C4.30432 7.60686 4.26965 6.8688 3.80691 6.47931C3.7082 6.39621 3.12415 6.07839 2.50914 5.77305C1.30183 5.17376 1.06672 5.10729 0.671677 5.25368ZM10.0051 5.21346C8.25224 5.50641 6.9296 6.70912 6.53931 8.36494C6.49602 8.54865 6.09049 11.8428 5.63813 15.6853C5.18581 19.5278 4.80395 22.7252 4.7895 22.7907C4.76494 22.9024 4.73593 22.9099 4.32766 22.911C3.70487 22.9126 3.33353 23.1062 3.18105 23.5087C3.1052 23.7088 3.10504 26.2915 3.18089 26.4922C3.25747 26.695 3.48585 26.9301 3.69185 27.0182C3.94616 27.127 23.1562 27.127 23.4105 27.0182C23.6165 26.9301 23.8449 26.695 23.9215 26.4922C23.9973 26.2915 23.9971 23.7088 23.9213 23.5087C23.7688 23.1062 23.3975 22.9126 22.7747 22.911C22.3664 22.9099 22.3374 22.9024 22.3129 22.7907C22.2984 22.7252 21.9164 19.5237 21.4639 15.6763C21.008 11.7998 20.5969 8.50795 20.5418 8.29301C20.3682 7.61523 20.1161 7.13756 19.6146 6.53557C19.1985 6.03626 18.5013 5.59723 17.7059 5.33371L17.3354 5.21097L13.7364 5.20118C11.757 5.19578 10.0778 5.20128 10.0051 5.21346ZM25.6714 5.25532C25.293 5.39531 23.4608 6.34022 23.2914 6.4827C22.8032 6.89352 22.8062 7.73955 23.2972 8.1012C23.8218 8.48762 24.0244 8.4556 25.422 7.76501C26.032 7.46359 26.6056 7.16254 26.6967 7.09591C27.1971 6.73002 27.2374 5.88674 26.7748 5.46227C26.4903 5.20118 26.044 5.11745 25.6714 5.25532ZM16.9808 7.37658C17.1642 7.41982 17.3801 7.48921 17.4605 7.53081C17.6717 7.64005 18.1135 8.05161 18.2245 8.24252L18.3196 8.40622L18.1451 8.36732C18.0491 8.34599 16.6363 8.32847 15.0055 8.32847H12.0404L11.6888 8.50159C11.2896 8.69816 11.0512 8.94173 10.8694 9.33884C10.7576 9.58284 10.6593 10.339 9.97766 16.1953C9.55625 19.8155 9.21138 22.8073 9.21133 22.8437C9.21122 22.8945 8.94728 22.9098 8.06858 22.9098H6.926L6.95701 22.7114C6.97411 22.6022 7.34698 19.465 7.78569 15.7398C8.33586 11.0677 8.61331 8.88145 8.67999 8.69165C8.92547 7.99318 9.44855 7.5352 10.1834 7.37542C10.6844 7.26644 16.5179 7.26744 16.9808 7.37658ZM1.65977 13.0854C0.995378 13.4166 0.385078 13.75 0.303518 13.8264C-0.133976 14.2359 -0.0916343 15.0502 0.386084 15.4145C0.61187 15.5868 0.984846 15.6848 1.23535 15.6378C1.58398 15.5724 3.6259 14.5224 3.86031 14.288C4.54238 13.6059 4.07175 12.4832 3.10372 12.4832C2.90906 12.4832 2.6566 12.5885 1.65977 13.0854ZM23.5279 12.5677C22.9749 12.8713 22.769 13.4627 23.0292 14.0002C23.1895 14.3313 23.3577 14.4485 24.4761 15.0083C25.6135 15.5776 25.8988 15.6805 26.1882 15.6264C26.6206 15.5454 26.8381 15.3892 27.0205 15.0287C27.1613 14.7504 27.1128 14.2504 26.9178 13.9688C26.783 13.7743 26.6278 13.6802 25.5455 13.1358C24.4672 12.5935 24.288 12.5197 24.0059 12.5013C23.7773 12.4865 23.6416 12.5053 23.5279 12.5677Z' fill='white'/%3E%3C/svg%3E");
}

.computer-nav-2 .menu-icon-service {
  --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='26' viewBox='0 0 43 26' fill='none'%3E%3Cpath d='M35.4667 18.6843C33.571 18.6843 32.0342 20.2211 32.0342 22.1168C32.0342 24.0126 33.571 25.5494 35.4667 25.5494C37.3624 25.5494 38.8992 24.0126 38.8992 22.1168C38.8992 20.2211 37.3624 18.6843 35.4667 18.6843ZM35.4667 23.8779C34.4957 23.8779 33.7056 23.0878 33.7056 22.1168C33.7056 21.1459 34.4957 20.3558 35.4667 20.3558C36.4377 20.3558 37.2278 21.1456 37.2278 22.1168C37.2278 23.0881 36.438 23.8779 35.4667 23.8779Z' fill='%23FDFEFF'/%3E%3Cpath d='M41.6978 20.5523H41.6902V12.0735C41.6902 11.8702 41.6391 11.6703 41.5419 11.4919L37.2445 3.60909C37.0314 3.21827 36.6221 2.97516 36.1772 2.97516H30.4612C29.7899 2.97516 29.2456 3.51944 29.2456 4.19075V20.5523H28.1637V1.21559C28.1637 0.543976 27.6194 0 26.9481 0H2.00542C1.33411 0 0.789829 0.543976 0.789829 1.21559V20.5523H0.782232C0.566161 20.5523 0.370451 20.6398 0.229139 20.7814C0.0875225 20.9227 0 21.1184 0 21.3345C0 21.7667 0.35009 22.1167 0.782232 22.1167H3.68992C3.68992 21.567 3.78899 21.0397 3.97072 20.5523C4.60739 18.8419 6.25664 17.6206 8.18609 17.6206C10.1155 17.6206 11.7648 18.8419 12.4014 20.5523C12.5832 21.0397 12.6822 21.567 12.6822 22.1167H30.9717C30.9717 21.567 31.0708 21.0397 31.2525 20.5523C31.8892 18.8419 33.5384 17.6206 35.4679 17.6206C37.3973 17.6206 39.0466 18.8419 39.6832 20.5523C39.865 21.0397 39.964 21.567 39.964 22.1167H41.6978C42.1299 22.1167 42.48 21.7667 42.48 21.3345C42.48 20.9024 42.1299 20.5523 41.6978 20.5523ZM38.5898 11.7639H31.6768C31.3409 11.7639 31.069 11.4919 31.069 11.1561V5.40634C31.069 5.07053 31.3409 4.79854 31.6768 4.79854H35.4551C35.6776 4.79854 35.8824 4.9201 35.9888 5.11551L39.1235 10.8652C39.3441 11.27 39.0511 11.7639 38.5898 11.7639Z' fill='%23FDFEFF'/%3E%3Cpath d='M8.18545 18.6843C6.28974 18.6843 4.75293 20.2211 4.75293 22.1168C4.75293 24.0126 6.28974 25.5494 8.18545 25.5494C10.0812 25.5494 11.618 24.0126 11.618 22.1168C11.618 20.2211 10.0812 18.6843 8.18545 18.6843ZM8.18545 23.8779C7.2145 23.8779 6.42437 23.0878 6.42437 22.1168C6.42437 21.1459 7.2145 20.3558 8.18545 20.3558C9.1564 20.3558 9.94654 21.1456 9.94654 22.1168C9.94654 23.0881 9.15671 23.8779 8.18545 23.8779Z' fill='%23FDFEFF'/%3E%3C/svg%3E");
}

.computer-nav-2 .menu-icon-book {
  --menu-icon: url("/wp-content/themes/aiims-tailwind/theme/images/book-icon.svg");
  --menu-icon-color: #f8b927;
}

/* mobile menu */

.mobile-menu-list{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 14px;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.9;
}

@media (min-width: 400px){
  .mobile-menu-list{
    gap: 1.25rem;
    font-size: 15.5px;
  }
}

.mobile-menu-list .menu-item > a{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.mobile-menu-list .menu-item-has-children > a::after {
  content: "";
  width: 14px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M0.5 0.5L7.5 6.5L0.5 12.5' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}

.mobile-menu-list .menu-item-has-children.is-open > a::after {
  transform: rotate(90deg);
}

.mobile-menu-list .sub-menu{
  display: none;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.8;
}

.video-modal.mobile-menu-list .sub-menu {
  display: none;
}

.mobile-menu-list .menu-item-has-children.is-open > .sub-menu{
  display: block;
}

.mobile-submenu-back{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.9;
}

.mobile-panels {
  position: relative;
  overflow: hidden;
}

.mobile-panel-main,
.mobile-panel-sub {
  transition:
		transform 0.25s ease,
		opacity 0.25s ease;
}

.mobile-panel-main {
  transform: translateX(0);
  opacity: 1;
}

.mobile-panel-sub {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateX(20px);
  opacity: 0;
  pointer-events: none;
}

#mobile-menu-panel.is-submenu .mobile-panel-main {
  transform: translateX(-20px);
  opacity: 0;
  pointer-events: none;
}

#mobile-menu-panel.is-submenu .mobile-panel-sub {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.mobile-submenu-list .sub-menu{
  display: block;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.9;
}

.mobile-submenu-list .sub-menu .menu-item > a{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.mobile-bottom-menu{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.9;
}

.mobile-bottom-menu > .menu-item{
  flex: none;
  border-style: none;
  padding-left: 0px;
  padding-right: 0px;
}

.mobile-bottom-menu > .menu-item > a{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.mobile-bottom-menu > .menu-item > a::before {
  content: none;
  display: none;
}

/* mobile hamburger toggle */

#mobile-menu-toggle.is-open .icon-hamburger{
  display: none;
}

.video-modal#mobile-menu-toggle.is-open .icon-hamburger {
  display: none;
}

#mobile-menu-toggle.is-open .icon-close{
  display: block;
}

/* mobile call CTA */

.mobile-cta{
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 50;
  --tw-bg-opacity: 1;
  background-color: rgb(0 162 222 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.mobile-cta a{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 18px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer-cta-content h2{
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.2px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .footer-cta-content h2{
    font-size: 18px;
  }
}

@media (min-width: 1280px){
  .footer-cta-content h2{
    font-size: 20px;
  }
}

.footer-cta-content p{
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -0.14px;
  --tw-text-opacity: 1;
  color: rgb(137 139 154 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .footer-cta-content p{
    font-size: 16px;
  }
}

@media (min-width: 1280px){
  .footer-cta-content p{
    font-size: 18px;
  }
}

.footer-cta-content p {
  max-height: clamp(20px, 10vh, 40px);
  overflow-y: auto;
  padding-right: 4px;
}

.footer-cta-panel {
  opacity: 0;
  pointer-events: none;
  padding-top: 2rem;
  max-height: 95%;
  overflow: hidden;
}

.footer-cta-card {
  --cta-panel-height: 0px;
}

.footer-cta-card.is-open .footer-cta-panel {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}

.footer-cta-card:not(.is-open) .footer-cta-panel {
  transition: opacity 0.3s ease;
}

.footer-cta-card.is-open .footer-cta-toggle {
  bottom: var(--cta-panel-height);
}

.footer-cta-card.is-open .footer-cta-toggle svg {
  transform: rotate(180deg);
}

/* footer accordion (mobile) */

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

.footer-accordion-toggle{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.16px;
}

.footer-accordion-icon {
  transition: transform 0.2s ease;
}

.footer-accordion-panel{
  display: none;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.video-modal.footer-accordion-panel {
  display: none;
}

.footer-accordion-list{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.footer-accordion-item.is-open .footer-accordion-panel{
  display: block;
}

.footer-accordion-item.is-open .footer-accordion-icon {
  transform: rotate(180deg);
}

/* ================================
   Layout Grid System
================================ */

.cf7-booking {
  width: 100%;
}

.cf7-grid {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  /* gap-x-12 */
  row-gap: 2rem;
  /* gap-y-8 */
}

/* >= md breakpoint (Tailwind md = 768px) */

@media (min-width: 768px) {
  .cf7-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* full width row */

.cf7-full {
  grid-column: 1 / -1;
}

/* ================================
	 Field Styling
  ================================ */

.cf7-field {
  width: 100%;
}

.cf7-field br {
  display: none;
}

.cf7-label {
  display: block;
  font-weight: 700;
  color: #0b3a8a;
  margin-bottom: 12px;
  font-size: 12px;
}

@media (min-width: 768px){
  .cf7-label{
    font-size: 14px;
  }
}

/* input underline style */

.cf7-input {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 2px solid rgba(15, 23, 42, 0.15);
  outline: none;
  padding-bottom: 6px;
  line-height: 1.3;
  color: #0f172a;
  font-size: 24px;
}

@media (min-width: 768px){
  .cf7-input{
    font-size: 32px;
  }
}

/* placeholder */

.cf7-input::-moz-placeholder {
  color: rgba(15, 23, 42, 0.25);
  font-weight: 500;
}

.cf7-input::placeholder {
  color: rgba(15, 23, 42, 0.25);
  font-weight: 500;
}

/* focus */

.cf7-input:focus {
  border-bottom-color: rgba(11, 58, 138, 0.55);
}

/* ================================
	 Select Arrow Style
  ================================ */

.cf7-input select,
select.cf7-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 42px;
  background-image: linear-gradient(
			45deg,
			transparent 50%,
			rgba(15, 23, 42, 0.55) 50%
		),
		linear-gradient(135deg, rgba(15, 23, 42, 0.55) 50%, transparent 50%);
  background-position:
		calc(100% - 18px) calc(50% + 4px),
		calc(100% - 10px) calc(50% + 4px);
  background-size:
		8px 8px,
		8px 8px;
  background-repeat: no-repeat;
}

/* ================================
	 Actions Area
  ================================ */

.cf7-actions {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .cf7-actions {
    grid-template-columns: 1fr 1fr;
  }
}

.cf7-submit-wrap {
  display: flex;
  justify-content: center;
}

.cf7-recaptcha-wrap {
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .cf7-recaptcha-wrap {
    justify-content: flex-end;
  }
}

/* ================================
	 Button Style
  ================================ */

.cf7-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 34px;
  border-radius: 9999px;
  background: #0b1f3a;
  color: #fff;
  font-weight: 700;
  border: 0;
  cursor: pointer;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.25);
  transition:
		transform 0.15s ease,
		box-shadow 0.15s ease,
		opacity 0.15s ease;
  width: 100%;
  font-size: 16px;
}

@media (min-width: 768px){
  .cf7-btn{
    width: -moz-fit-content;
    width: fit-content;
    font-size: 18px;
  }
}

.cf7-submit-wrap {
  width: 100%;
}

.cf7-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 52px rgba(2, 6, 23, 0.28);
}

.cf7-btn:active {
  transform: translateY(0);
  opacity: 0.92;
}

/* ================================
	 CF7 Messages
  ================================ */

.cf7-booking .wpcf7-not-valid-tip {
  margin-top: 8px;
  font-size: 13px;
  color: #b91c1c;
}

.cf7-booking .wpcf7-response-output {
  margin-top: 18px;
  border-radius: 12px;
}

.video-title span{
  --tw-text-opacity: 1;
  color: rgb(0 174 239 / var(--tw-text-opacity));
}

/* video modal */

.video-modal{
  position: fixed;
  inset: 0px;
  z-index: 100;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  display: flex;
}

.video-modal.hidden {
  display: none;
}

.video-modal-overlay{
  position: absolute;
  inset: 0px;
  background-color: rgb(0 0 0 / 0.8);
}

.video-modal-content{
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 48rem;
}

@media (min-width: 1500px){
  .video-modal-content{
    max-width: 64rem;
  }
}

.video-modal-close{
  position: absolute;
  top: -3rem;
  right: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.video-modal-close:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}

.video-modal-wrapper{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
}

.video-modal-wrapper iframe{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
}

/* ================================
   CF7 Booking V2 - Layout
================================ */

.cf7-booking-v2 {
  width: 100%;
}

.cf7-grid-v2 {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 2rem;
}

/* Tablet: 2 cols */

@media (min-width: 768px) {
  .cf7-grid-v2 {
    grid-template-columns: 1fr 1fr;
  }
}

/* Large screens: 3 cols (matches screenshot) */

@media (min-width: 1280px) {
  .cf7-grid-v2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Full width item */

.cf7-span-all {
  grid-column: 1 / -1;
}

/* ================================
	 Field styling
  ================================ */

.cf7-field {
  width: 100%;
}

.cf7-field br {
  display: none;
}

.cf7-label {
  display: block;
  font-weight: 700;
  color: #0b3a8a;
  margin-bottom: 12px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .cf7-label {
    font-size: 12px;
  }
}

/* underline input style */

.cf7-input {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 2px solid rgba(15, 23, 42, 0.15);
  outline: none;
  padding-bottom: 6px;
  line-height: 1.2;
  color: #0f172a;
}

.cf7-input::-moz-placeholder {
  color: rgba(15, 23, 42, 0.25);
  font-weight: 500;
}

.cf7-input::placeholder {
  color: rgba(15, 23, 42, 0.25);
  font-weight: 500;
}

.cf7-input:focus {
  border-bottom-color: rgba(11, 58, 138, 0.55);
}

/* Select arrow */

select.cf7-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 42px;
  background-image: linear-gradient(
			45deg,
			transparent 50%,
			rgba(15, 23, 42, 0.55) 50%
		),
		linear-gradient(135deg, rgba(15, 23, 42, 0.55) 50%, transparent 50%);
  background-position:
		calc(100% - 18px) calc(50% + 4px),
		calc(100% - 10px) calc(50% + 4px);
  background-size:
		8px 8px,
		8px 8px;
  background-repeat: no-repeat;
}

/* ================================
	 Bottom row (4 columns on xl)
  ================================ */

.cf7-bottom {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: center;
  margin-top: 0.5rem;
}

/* Tablet: 2 cols */

@media (min-width: 768px) {
  .cf7-bottom {
    grid-template-columns: 1fr 1fr;
  }
}

/* XL: 4 cols -> Button | Captcha | Copy | Emergency */

@media (min-width: 1280px) {
  .cf7-bottom {
    grid-template-columns: auto auto 1fr auto;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}

/* Button */

.cf7-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 34px;
  border-radius: 9999px;
  background: #0b1f3a;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  border: 0;
  cursor: pointer;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.25);
  transition:
		transform 0.15s ease,
		box-shadow 0.15s ease,
		opacity 0.15s ease;
  width: 100%;
}

@media (min-width: 768px) {
  .cf7-btn {
    width: auto;
  }
}

.cf7-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 52px rgba(2, 6, 23, 0.28);
}

.cf7-btn:active {
  transform: translateY(0);
  opacity: 0.92;
}

/* Bottom copy */

.cf7-bottom__copy {
  font-size: 16px;
  line-height: 1.4;
  color: #0f172a;
  max-width: 560px;
}

/* Emergency */

.cf7-bottom__emergency {
  white-space: nowrap;
}

.cf7-emergency__title {
  font-weight: 700;
  color: #06b6d4;
  margin-bottom: 4px;
}

.cf7-emergency__phone {
  font-weight: 700;
  color: #0f172a;
}

.cf7-emergency__phone a {
  color: inherit;
  text-decoration: none;
}

/* CF7 messages */

.cf7-booking-v2 .wpcf7-not-valid-tip {
  margin-top: 8px;
  font-size: 13px;
  color: #b91c1c;
}

.cf7-booking-v2 .wpcf7-response-output {
  margin-top: 18px;
  border-radius: 12px;
}

.review-badge-amount {
  background: linear-gradient(180deg, #00aeef 37.02%, #00212d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Lenders carousel styles */

.positive-slider .slick-track,
.negative-slide .slick-track {
  display: flex !important;
  align-items: center;
}

.positive-slider .slick-slide,
.negative-slider .slick-slide {
  height: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Reverse direction for carousel 2 using CSS transform */

.negative-slider {
  transform: scaleX(-1);
}

/* Service toggle buttons */

.service-toggle-btn span {
  display: inline-block;
  cursor: pointer;
}

.service-toggle-btn.active span {
  background: linear-gradient(90deg, #00aeef 0%, rgba(0, 174, 239, 0) 100%);
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(251 188 5 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.service-toggle-btn span:hover {
  background: linear-gradient(90deg, #00aeef 0%, rgba(0, 174, 239, 0) 100%);
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(251 188 5 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Service slider wrapper */

.service-slider-wrapper {
  display: none;
}

.service-slider-wrapper.active {
  display: block;
}

/* Flip the content back to normal in carousel 2 */

.negative-slider .slick-slide > div {
  transform: scaleX(-1);
}

/* FAQ Accordion */

.faq-toggle {
  background-color: #152f5f !important;
  transition: none;
}

.faq-toggle:hover,
.faq-toggle:focus,
.faq-toggle:active {
  background-color: #152f5f !important;
}

.faq-item.is-open .faq-content {
  display: block;
  animation: slideDown 0.3s ease-out;
}

.faq-item.is-open .faq-icon {
  transform: rotate(180deg);
}

.faq-item.is-open .plus-icon {
  display: none;
}

.faq-item.is-open .minus-icon {
  display: block;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: 1000px;
  }
}

/* Banner background crossfade */

.banner-bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1.2s ease;
  z-index: 0;
  pointer-events: none;
}

.banner-bg-layer.is-visible {
  opacity: 1;
}

.blue-gradient-text {
  background: var(--Style, linear-gradient(99deg, #00BEFF 26.52%, #007DFF 100.76%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hover\:translate-y-\[-6px\]:hover{
  --tw-translate-y: -6px;
  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));
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

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

.hover\:text-\[\#00AEEF\]:hover{
  --tw-text-opacity: 1;
  color: rgb(0 174 239 / var(--tw-text-opacity));
}

.hover\:text-light-blue-btn:hover{
  --tw-text-opacity: 1;
  color: rgb(0 162 222 / var(--tw-text-opacity));
}

.group:hover .group-hover\:fill-\[\#003D7B\]{
  fill: #003D7B;
}

.group:hover .group-hover\:fill-\[\#00AEEF\]{
  fill: #00AEEF;
}

.group:hover .group-hover\:fill-\[\]{
  fill: ;
}

.group:hover .group-hover\:fill-\[\#F0C324\]{
  fill: #F0C324;
}

.group:hover .group-hover\:text-\[\#00AEEF\]{
  --tw-text-opacity: 1;
  color: rgb(0 174 239 / var(--tw-text-opacity));
}

.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

@media (min-width: 400px){
  .xs\:w-\[140px\]{
    width: 140px;
  }
}

@media (min-width: 640px){
  .sm\:ml-4{
    margin-left: 1rem;
  }

  .sm\:mr-12{
    margin-right: 3rem;
  }

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

  .sm\:h-1\/2{
    height: 50%;
  }

  .sm\:h-10{
    height: 2.5rem;
  }

  .sm\:h-16{
    height: 4rem;
  }

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

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

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

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

  .sm\:h-auto{
    height: auto;
  }

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

  .sm\:w-16{
    width: 4rem;
  }

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

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

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

  .sm\:min-w-\[208px\]{
    min-width: 208px;
  }

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

  .sm\:translate-x-\[30\%\]{
    --tw-translate-x: 30%;
    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));
  }

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

  .sm\:gap-5{
    gap: 1.25rem;
  }

  .sm\:space-x-\[-16px\] > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(-16px * var(--tw-space-x-reverse));
    margin-left: calc(-16px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:rounded-bl-\[12px\]{
    border-bottom-left-radius: 12px;
  }

  .sm\:rounded-br-\[12px\]{
    border-bottom-right-radius: 12px;
  }

  .sm\:p-10{
    padding: 2.5rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:\!px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:text-\[14\.4px\]{
    font-size: 14.4px;
  }

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

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

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

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

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

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

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

@media (min-width: 768px){
  .md\:mb-6{
    margin-bottom: 1.5rem;
  }

  .md\:mb-\[50px\]{
    margin-bottom: 50px;
  }

  .md\:ml-6{
    margin-left: 1.5rem;
  }

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

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-36{
    height: 9rem;
  }

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

  .md\:h-auto{
    height: auto;
  }

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

  .md\:w-10{
    width: 2.5rem;
  }

  .md\:w-36{
    width: 9rem;
  }

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

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

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-8{
    gap: 2rem;
  }

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

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

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

  .md\:p-4{
    padding: 1rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:\!px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

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

  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pb-64{
    padding-bottom: 16rem;
  }

  .md\:pr-10{
    padding-right: 2.5rem;
  }

  .md\:pr-20{
    padding-right: 5rem;
  }

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

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

  .md\:text-\[15\.2px\]{
    font-size: 15.2px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:tracking-\[-0\.6px\]{
    letter-spacing: -0.6px;
  }

  .md\:tracking-\[-0\.8px\]{
    letter-spacing: -0.8px;
  }

  .md\:tracking-\[-1\.2px\]{
    letter-spacing: -1.2px;
  }

  .md\:tracking-\[-2px\]{
    letter-spacing: -2px;
  }
}

@media (min-width: 1024px){
  .lg\:bottom-20{
    bottom: 5rem;
  }

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

  .lg\:top-10{
    top: 2.5rem;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:-my-80{
    margin-top: -20rem;
    margin-bottom: -20rem;
  }

  .lg\:mb-9{
    margin-bottom: 2.25rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:\!hidden{
    display: none !important;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-1\/2{
    height: 50%;
  }

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

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

  .lg\:w-\[40\%\]{
    width: 40%;
  }

  .lg\:w-\[45\%\]{
    width: 45%;
  }

  .lg\:w-\[55\%\]{
    width: 55%;
  }

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

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

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

  .lg\:w-full{
    width: 100%;
  }

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

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:translate-x-0{
    --tw-translate-x: 0px;
    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));
  }

  .lg\:rotate-\[16deg\]{
    --tw-rotate: 16deg;
    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));
  }

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

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

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

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

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

  .lg\:items-stretch{
    align-items: stretch;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

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

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-10{
    gap: 2.5rem;
  }

  .lg\:gap-12{
    gap: 3rem;
  }

  .lg\:gap-16{
    gap: 4rem;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .lg\:pl-24{
    padding-left: 6rem;
  }

  .lg\:pl-4{
    padding-left: 1rem;
  }

  .lg\:pr-0{
    padding-right: 0px;
  }

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

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

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

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

@media (min-width: 1280px){
  .xl\:order-1{
    order: 1;
  }

  .xl\:order-2{
    order: 2;
  }

  .xl\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:-mr-4{
    margin-right: -1rem;
  }

  .xl\:mb-10{
    margin-bottom: 2.5rem;
  }

  .xl\:mb-12{
    margin-bottom: 3rem;
  }

  .xl\:mb-14{
    margin-bottom: 3.5rem;
  }

  .xl\:mb-20{
    margin-bottom: 5rem;
  }

  .xl\:mb-6{
    margin-bottom: 1.5rem;
  }

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

  .xl\:mt-10{
    margin-top: 2.5rem;
  }

  .xl\:mb-\[50px\]{
    margin-bottom: 50px;
  }

  .xl\:h-44{
    height: 11rem;
  }

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

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

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

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

  .xl\:h-auto{
    height: auto;
  }

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

  .xl\:w-2\/3{
    width: 66.666667%;
  }

  .xl\:w-44{
    width: 11rem;
  }

  .xl\:w-\[40\%\]{
    width: 40%;
  }

  .xl\:w-\[45\%\]{
    width: 45%;
  }

  .xl\:w-\[55\%\]{
    width: 55%;
  }

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

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

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

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

  .xl\:flex-1{
    flex: 1 1 0%;
  }

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

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

  .xl\:gap-10{
    gap: 2.5rem;
  }

  .xl\:gap-12{
    gap: 3rem;
  }

  .xl\:gap-14{
    gap: 3.5rem;
  }

  .xl\:gap-2{
    gap: 0.5rem;
  }

  .xl\:gap-24{
    gap: 6rem;
  }

  .xl\:gap-4{
    gap: 1rem;
  }

  .xl\:gap-6{
    gap: 1.5rem;
  }

  .xl\:gap-7{
    gap: 1.75rem;
  }

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

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

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

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

  .xl\:rounded-bl-\[20px\]{
    border-bottom-left-radius: 20px;
  }

  .xl\:rounded-bl-\[23px\]{
    border-bottom-left-radius: 23px;
  }

  .xl\:rounded-br-\[20px\]{
    border-bottom-right-radius: 20px;
  }

  .xl\:p-10{
    padding: 2.5rem;
  }

  .xl\:p-6{
    padding: 1.5rem;
  }

  .xl\:p-8{
    padding: 2rem;
  }

  .xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

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

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

  .xl\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

  .xl\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

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

  .xl\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:py-\[110px\]{
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .xl\:pb-96{
    padding-bottom: 24rem;
  }

  .xl\:pr-0{
    padding-right: 0px;
  }

  .xl\:pt-20{
    padding-top: 5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xl\:tracking-\[-0\.72px\]{
    letter-spacing: -0.72px;
  }

  .xl\:tracking-\[-1\.1px\]{
    letter-spacing: -1.1px;
  }

  .xl\:tracking-\[-1\.44px\]{
    letter-spacing: -1.44px;
  }

  .xl\:tracking-\[-1\.7px\]{
    letter-spacing: -1.7px;
  }

  .xl\:tracking-\[-1\.92px\]{
    letter-spacing: -1.92px;
  }

  .xl\:tracking-\[-1px\]{
    letter-spacing: -1px;
  }

  .xl\:tracking-\[-3\.2px\]{
    letter-spacing: -3.2px;
  }

  .xl\:tracking-\[-3px\]{
    letter-spacing: -3px;
  }

  .xl\:tracking-\[-1\.6px\]{
    letter-spacing: -1.6px;
  }
}

@media (min-width: 1500px){
  .\32xl\:-mr-32{
    margin-right: -8rem;
  }

  .\32xl\:mr-20{
    margin-right: 5rem;
  }

  .\32xl\:h-\[200px\]{
    height: 200px;
  }

  .\32xl\:h-auto{
    height: auto;
  }

  .\32xl\:w-\[35\%\]{
    width: 35%;
  }

  .\32xl\:w-\[65\%\]{
    width: 65%;
  }

  .\32xl\:max-w-\[870px\]{
    max-width: 870px;
  }

  .\32xl\:max-w-none{
    max-width: none;
  }

  .\32xl\:gap-10{
    gap: 2.5rem;
  }

  .\32xl\:gap-24{
    gap: 6rem;
  }

  .\32xl\:gap-32{
    gap: 8rem;
  }

  .\32xl\:gap-36{
    gap: 9rem;
  }

  .\32xl\:gap-6{
    gap: 1.5rem;
  }

  .\32xl\:gap-\[360px\]{
    gap: 360px;
  }

  .\32xl\:gap-\[60px\]{
    gap: 60px;
  }

  .\32xl\:p-20{
    padding: 5rem;
  }

  .\32xl\:\!px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .\32xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

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

  .\32xl\:pl-10{
    padding-left: 2.5rem;
  }

  .\32xl\:pl-12{
    padding-left: 3rem;
  }

  .\32xl\:pl-20{
    padding-left: 5rem;
  }

  .\32xl\:pl-\[12\%\]{
    padding-left: 12%;
  }

  .\32xl\:pr-20{
    padding-right: 5rem;
  }

  .\32xl\:pr-32{
    padding-right: 8rem;
  }

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

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

@media (min-width: 1880px){
  .\33xl\:-mr-56{
    margin-right: -14rem;
  }

  .\33xl\:h-auto{
    height: auto;
  }

  .\33xl\:w-\[190px\]{
    width: 190px;
  }

  .\33xl\:gap-7{
    gap: 1.75rem;
  }

  .\33xl\:text-\[16px\]{
    font-size: 16px;
  }

  .\33xl\:text-\[33\.7px\]{
    font-size: 33.7px;
  }
}