/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-400: oklch(0.704 0.191 22.216);
    --color-red-500: oklch(0.637 0.237 25.331);
    --color-red-600: oklch(0.577 0.245 27.325);
    --color-amber-200: oklch(0.924 0.12 95.746);
    --color-amber-300: oklch(0.879 0.169 91.605);
    --color-amber-500: oklch(0.769 0.188 70.08);
    --color-green-300: oklch(0.871 0.15 154.449);
    --color-green-400: oklch(0.792 0.209 151.711);
    --color-green-500: oklch(0.723 0.219 149.579);
    --color-teal-200: oklch(0.91 0.096 180.426);
    --color-teal-300: oklch(0.855 0.138 181.071);
    --color-teal-500: oklch(0.704 0.14 182.503);
    --color-pink-400: oklch(0.718 0.202 349.761);
    --color-pink-500: oklch(0.656 0.241 354.308);
    --color-pink-600: oklch(0.592 0.249 0.584);
    --color-gray-600: oklch(0.446 0.03 256.802);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 24px;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 30px;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 35px;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 50px;
    --text-5xl--line-height: 1;
    --text-6xl: 60px;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --radius-sm: 0.25rem;
    --radius-md: 3px;
    --radius-lg: 0.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(
      --font-sans--font-variation-settings
    );
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(
      --font-mono--font-feature-settings
    );
    --default-mono-font-variation-settings: var(
      --font-mono--font-variation-settings
    );
    --font-roboto: "Roboto";
    --font-poppins: "Poppins";
    --font-nunito: "Nunito";
    --font-lato: "Lato";
    --font-montserrat: "Montserrat";
    --font-rubik: "Rubik";
    --radius-none: 0px;
    --color-primary: var(--primary);
    --text-xxs: 10px;
    --text-2xs: 13px;
    --text-2sm: 15px;
    --text-xxl: 22px;
    --text-2\.3xl: 32px;
    --text-2\.5xl: 28px;
    --text-4\.5xl: 45px;
    --text-4\.75xl: 40px;
    --text-7\.5xl: 80px;
    --color-bannerbg: var(--bannerbg);
    --color-bodytext: var(--bodytext);
    --color-sitebuttonbg: var(--site-button-bg);
    --color-sitebuttontext: var(--site-button-text);
    --color-tabsborder: var(--tabs-border);
    --color-checkcolor: var(--check-color);
    --color-footertextcolor: var(--footer-text-color);
    --color-bottumfooterbg: var(--bottum-footer-bg);
    --color-bannerbg2: var(--banner-bg-2);
    --color-services-benner-color: var(--services-benner-color);
    --color-headerfixedcolor: var(--header-fixed-color);
    --color-headermaincolor: var(--header-main-color);
    --color-bennerbg3: var(--benner-bg-3);
    --color-footerbottum3: var(--footer-bottum-3);
    --color-footertop3: var(--footer-top-3);
    --color-primaryservices: var(--primary-services);
    --color-bannerbg5: var(--banner-bg-5);
    --color-expertscolor: var(--experts-color);
    --color-advancedbgcolor: var(--advanced-bg-color);
    --color-extraprimarydark: var(--extra-primary-dark);
    --color-primarydark: var(--primary-dark);
    --color-headerdark6: var(--header-dark-6);
    --color-blackbuilding: var(--black-building);
    --color-bannerbgbilu: var(--color-bannerbgbilu);
    --color-transparentintrodation: var(--transparent-introdation);
    --color-staryellow: var(--staryellow);
    --bg-close-icon: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 1L1 21' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L21 21' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --spacing-7\.5: 30px;
    --spacing-25: 100px;
    --spacing-1\.25: 5px;
    --spacing-3\.75: 15px;
    --spacing-6\.25: 25px;
    --spacing-13\.5: 50px;
    --spacing-14\.5: 60px;
    --spacing-29: 120px;
    --spacing-4\.75: 40px;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var( --default-font-variation-settings, normal );
    -webkit-tap-highlight-color: transparent;
  }
  body {
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
    font-feature-settings: var( --default-mono-font-feature-settings, normal );
    font-variation-settings: var( --default-mono-font-variation-settings, normal );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
    color: color-mix(in oklab, currentColor 50%, transparent);
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .\@container-\[inline-size\] {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .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;
  }
  .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .\!absolute {
    position: absolute !important;
  }
  .\!fixed {
    position: fixed !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-3 {
    inset: calc(var(--spacing) * 3);
  }
  .\!top-\[100px\] {
    top: 100px !important;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\.25 {
    top: var(--spacing-1\.25);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-2\/4 {
    top: calc(2/4 * 100%);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6\.25 {
    top: var(--spacing-6\.25);
  }
  .top-25 {
    top: var(--spacing-25);
  }
  .top-\[-11px\] {
    top: -11px;
  }
  .top-\[-65px\] {
    top: -65px;
  }
  .top-\[9px\] {
    top: 9px;
  }
  .top-\[14px\] {
    top: 14px;
  }
  .top-\[30\%\] {
    top: 30%;
  }
  .top-\[36\%\] {
    top: 36%;
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[50px\] {
    top: 50px;
  }
  .top-\[86px\] {
    top: 86px;
  }
  .top-\[100px\] {
    top: 100px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1\.25 {
    right: var(--spacing-1\.25);
  }
  .right-3\.75 {
    right: var(--spacing-3\.75);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-\[-820px\] {
    right: -820px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-auto {
    bottom: auto;
  }
  .-left-20 {
    left: calc(var(--spacing) * -20);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2\/4 {
    left: calc(2/4 * 100%);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-\[15px\] {
    left: 15px;
  }
  .left-\[26\%\] {
    left: 26%;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-auto {
    left: auto;
  }
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .\!z-\[98\] {
    z-index: 98 !important;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-99 {
    z-index: 99;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[11\] {
    z-index: 11;
  }
  .z-\[62\] {
    z-index: 62;
  }
  .z-\[1055\] {
    z-index: 1055;
  }
  .z-auto {
    z-index: auto;
  }
  .order-\[-1\] {
    order: -1;
  }
  .order-\[1\] {
    order: 1;
  }
  .order-\[2\] {
    order: 2;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .order-none {
    order: 0;
  }
  .col-auto {
    grid-column: auto;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-auto {
    grid-column-start: auto;
  }
  .col-end-auto {
    grid-column-end: auto;
  }
  .row-auto {
    grid-row: auto;
  }
  .row-span-full {
    grid-row: 1 / -1;
  }
  .row-start-auto {
    grid-row-start: auto;
  }
  .row-end-auto {
    grid-row-end: auto;
  }
  .\!float-none {
    float: none !important;
  }
  .float-end {
    float: inline-end;
  }
  .float-left {
    float: left;
  }
  .float-none {
    float: none;
  }
  .float-right {
    float: right;
  }
  .float-start {
    float: inline-start;
  }
  .clear-both {
    clear: both;
  }
  .clear-end {
    clear: inline-end;
  }
  .clear-left {
    clear: left;
  }
  .clear-none {
    clear: none;
  }
  .clear-right {
    clear: right;
  }
  .clear-start {
    clear: inline-start;
  }
  .container {
    width: 100%;
    @media (width >= 574px) {
      max-width: 574px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 992px) {
      max-width: 992px;
    }
    @media (width >= 1024px) {
      max-width: 1024px;
    }
    @media (width >= 1200px) {
      max-width: 1200px;
    }
    @media (width >= 1400px) {
      max-width: 1400px;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .container\! {
    width: 100% !important;
    @media (width >= 574px) {
      max-width: 574px !important;
    }
    @media (width >= 768px) {
      max-width: 768px !important;
    }
    @media (width >= 992px) {
      max-width: 992px !important;
    }
    @media (width >= 1024px) {
      max-width: 1024px !important;
    }
    @media (width >= 1200px) {
      max-width: 1200px !important;
    }
    @media (width >= 1400px) {
      max-width: 1400px !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .m-71 {
    margin: calc(var(--spacing) * 71);
  }
  .m-82 {
    margin: calc(var(--spacing) * 82);
  }
  .m-214 {
    margin: calc(var(--spacing) * 214);
  }
  .m-357 {
    margin: calc(var(--spacing) * 357);
  }
  .m-375 {
    margin: calc(var(--spacing) * 375);
  }
  .m-490 {
    margin: calc(var(--spacing) * 490);
  }
  .m-572 {
    margin: calc(var(--spacing) * 572);
  }
  .m-600 {
    margin: calc(var(--spacing) * 600);
  }
  .m-620 {
    margin: calc(var(--spacing) * 620);
  }
  .m-753 {
    margin: calc(var(--spacing) * 753);
  }
  .m-auto {
    margin: auto;
  }
  .container {
    margin-inline: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .container\! {
    margin-inline: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .-mx-0\.5 {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1\.25 {
    margin-inline: var(--spacing-1\.25);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-\[-3px\] {
    margin-inline: -3px;
  }
  .mx-\[-4px\] {
    margin-inline: -4px;
  }
  .mx-\[-9px\] {
    margin-inline: -9px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-3\.75 {
    margin-block: calc(var(--spacing-3\.75) * -1);
  }
  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }
  .my-3\.75 {
    margin-block: var(--spacing-3\.75);
  }
  .my-4\.75 {
    margin-block: var(--spacing-4\.75);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-7\.5 {
    margin-block: var(--spacing-7\.5);
  }
  .my-13\.5 {
    margin-block: var(--spacing-13\.5);
  }
  .my-\[-15px\] {
    margin-block: -15px;
  }
  .-ms-px {
    margin-inline-start: -1px;
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .-mt-1\.25 {
    margin-top: calc(var(--spacing-1\.25) * -1);
  }
  .-mt-4\.75 {
    margin-top: calc(var(--spacing-4\.75) * -1);
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-1\.25 {
    margin-top: var(--spacing-1\.25);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3\.75 {
    margin-top: var(--spacing-3\.75);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-4\.75 {
    margin-top: var(--spacing-4\.75);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6\.25 {
    margin-top: var(--spacing-6\.25);
  }
  .mt-7\.5 {
    margin-top: var(--spacing-7\.5);
  }
  .mt-13\.5 {
    margin-top: var(--spacing-13\.5);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .-mr-3\.75 {
    margin-right: calc(var(--spacing-3\.75) * -1);
  }
  .mr-1\.25 {
    margin-right: var(--spacing-1\.25);
  }
  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }
  .mr-3\.75 {
    margin-right: var(--spacing-3\.75);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-6\.25 {
    margin-right: var(--spacing-6\.25);
  }
  .mr-\[3px\] {
    margin-right: 3px;
  }
  .mr-\[12px\] {
    margin-right: 12px;
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1\.25 {
    margin-bottom: var(--spacing-1\.25);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.75 {
    margin-bottom: var(--spacing-3\.75);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-4\.75 {
    margin-bottom: var(--spacing-4\.75);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-6\.25 {
    margin-bottom: var(--spacing-6\.25);
  }
  .mb-7\.5 {
    margin-bottom: var(--spacing-7\.5);
  }
  .mb-13\.5 {
    margin-bottom: var(--spacing-13\.5);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-\[-1px\] {
    margin-bottom: -1px;
  }
  .mb-\[3px\] {
    margin-bottom: 3px;
  }
  .mb-\[4px\] {
    margin-bottom: 4px;
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[13px\] {
    margin-bottom: 13px;
  }
  .mb-\[22px\] {
    margin-bottom: 22px;
  }
  .mb-\[35px\] {
    margin-bottom: 35px;
  }
  .mb-\[60px\] {
    margin-bottom: 60px;
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .-ml-1\.25 {
    margin-left: calc(var(--spacing-1\.25) * -1);
  }
  .-ml-px {
    margin-left: -1px;
  }
  .ml-1\.25 {
    margin-left: var(--spacing-1\.25);
  }
  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }
  .ml-3\.75 {
    margin-left: var(--spacing-3\.75);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6\.25 {
    margin-left: var(--spacing-6\.25);
  }
  .ml-20 {
    margin-left: calc(var(--spacing) * 20);
  }
  .ml-\[7px\] {
    margin-left: 7px;
  }
  .ml-\[110px\] {
    margin-left: 110px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: unset;
  }
  .\!block {
    display: block !important;
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .block\! {
    display: block !important;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .field-sizing-fixed {
    field-sizing: fixed;
  }
  .aspect-auto {
    aspect-ratio: auto;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-4\.75 {
    width: var(--spacing-4\.75);
    height: var(--spacing-4\.75);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-6\.25 {
    width: var(--spacing-6\.25);
    height: var(--spacing-6\.25);
  }
  .size-7\.5 {
    width: var(--spacing-7\.5);
    height: var(--spacing-7\.5);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-25 {
    width: var(--spacing-25);
    height: var(--spacing-25);
  }
  .size-\[25px\] {
    width: 25px;
    height: 25px;
  }
  .size-\[35px\] {
    width: 35px;
    height: 35px;
  }
  .size-\[56px\] {
    width: 56px;
    height: 56px;
  }
  .size-\[60px\] {
    width: 60px;
    height: 60px;
  }
  .size-\[90px\] {
    width: 90px;
    height: 90px;
  }
  .size-\[100px\] {
    width: 100px;
    height: 100px;
  }
  .size-\[150px\] {
    width: 150px;
    height: 150px;
  }
  .size-auto {
    width: auto;
    height: auto;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-4\.75 {
    height: var(--spacing-4\.75) !important;
  }
  .\!h-13\.5 {
    height: var(--spacing-13\.5) !important;
  }
  .\!h-25 {
    height: var(--spacing-25) !important;
  }
  .\!h-\[44px\] {
    height: 44px !important;
  }
  .\!h-\[60vh\] {
    height: 60vh !important;
  }
  .h-4\.75 {
    height: var(--spacing-4\.75);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6\.25 {
    height: var(--spacing-6\.25);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-13\.5 {
    height: var(--spacing-13\.5);
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[100vh\] {
    height: 100vh;
  }
  .h-\[118px\] {
    height: 118px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[134px\] {
    height: 134px;
  }
  .h-\[135px\] {
    height: 135px;
  }
  .h-\[144px\] {
    height: 144px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[207px\] {
    height: 207px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[530px\] {
    height: 530px;
  }
  .h-\[650px\] {
    height: 650px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[920px\] {
    height: 920px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-none {
    max-height: none;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-13\.5 {
    min-height: var(--spacing-13\.5);
  }
  .min-h-\[1300px\] {
    min-height: 1300px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .w-2\/4 {
    width: calc(2/4 * 100%);
  }
  .w-4\.75 {
    width: var(--spacing-4\.75);
  }
  .w-7\.5 {
    width: var(--spacing-7\.5);
  }
  .w-13\.5 {
    width: var(--spacing-13\.5);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-\[1\%\] {
    width: 1%;
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[35\%\] {
    width: 35%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[65\%\] {
    width: 65%;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[82px\] {
    width: 82px;
  }
  .w-\[101\%\] {
    width: 101%;
  }
  .w-\[103\%\] {
    width: 103%;
  }
  .w-\[110px\] {
    width: 110px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[124px\] {
    width: 124px;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[145px\] {
    width: 145px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[331px\] {
    width: 331px;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-25 {
    max-width: var(--spacing-25);
  }
  .max-w-\[100\%\] {
    max-width: 100%;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[750px\] {
    max-width: 750px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .min-w-screen {
    min-width: 100vw;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-auto {
    flex-basis: auto;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .caption-top {
    caption-side: top;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-bottom-left {
    transform-origin: bottom left;
  }
  .origin-bottom-right {
    transform-origin: bottom right;
  }
  .origin-center {
    transform-origin: center;
  }
  .origin-left {
    transform-origin: left;
  }
  .origin-right {
    transform-origin: right;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: top left;
  }
  .origin-top-right {
    transform-origin: top right;
  }
  .-translate-full {
    --tw-translate-x: -100%;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-full {
    --tw-translate-x: 100%;
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-3d {
    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
  }
  .translate-none {
    translate: none;
  }
  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }
  .scale-none {
    scale: none;
  }
  .rotate-\[4px\] {
    rotate: 4px;
  }
  .rotate-none {
    rotate: none;
  }
  .\[transform\:translate\(-0px\,-50px\)\] {
    transform: translate(-0px,-50px);
  }
  .\[transform\:translate\(-50\%\,-50\%\)\] {
    transform: translate(-50%,-50%);
  }
  .\[transform\:translate\(8\%\,-50\%\)\] {
    transform: translate(8%,-50%);
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .transform\! {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y) !important;
  }
  .transform-cpu {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .transform-none {
    transform: none;
  }
  .animate-none {
    animation: none;
  }
  .\!cursor-pointer {
    cursor: pointer !important;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-x {
    resize: horizontal;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-none {
    scroll-snap-type: none;
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }
  .snap-align-none {
    scroll-snap-align: none;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-end {
    scroll-snap-align: end;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .snap-always {
    scroll-snap-stop: always;
  }
  .snap-normal {
    scroll-snap-stop: normal;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-outside {
    list-style-position: outside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .list-image-none {
    list-style-image: none;
  }
  .appearance-auto {
    appearance: auto;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-auto {
    columns: auto;
  }
  .auto-cols-auto {
    grid-auto-columns: auto;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .auto-cols-max {
    grid-auto-columns: max-content;
  }
  .auto-cols-min {
    grid-auto-columns: min-content;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-flow-col-dense {
    grid-auto-flow: column dense;
  }
  .grid-flow-dense {
    grid-auto-flow: dense;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-flow-row-dense {
    grid-auto-flow: row dense;
  }
  .auto-rows-auto {
    grid-auto-rows: auto;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .auto-rows-max {
    grid-auto-rows: max-content;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-none {
    grid-template-columns: none;
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-none {
    grid-template-rows: none;
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .place-content-around {
    place-content: space-around;
  }
  .place-content-baseline {
    place-content: baseline;
  }
  .place-content-between {
    place-content: space-between;
  }
  .place-content-center {
    place-content: center;
  }
  .place-content-end {
    place-content: end;
  }
  .place-content-evenly {
    place-content: space-evenly;
  }
  .place-content-start {
    place-content: start;
  }
  .place-content-stretch {
    place-content: stretch;
  }
  .place-items-baseline {
    place-items: baseline;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-end {
    place-items: end;
  }
  .place-items-start {
    place-items: start;
  }
  .place-items-stretch {
    place-items: stretch;
  }
  .content-around {
    align-content: space-around;
  }
  .content-baseline {
    align-content: baseline;
  }
  .content-between {
    align-content: space-between;
  }
  .content-center {
    align-content: center;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-evenly {
    align-content: space-evenly;
  }
  .content-normal {
    align-content: normal;
  }
  .content-start {
    align-content: flex-start;
  }
  .content-stretch {
    align-content: stretch;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\!justify-center {
    justify-content: center !important;
  }
  .\!justify-end {
    justify-content: flex-end !important;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-baseline {
    justify-content: baseline;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-normal {
    justify-content: normal;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-normal {
    justify-items: normal;
  }
  .justify-items-start {
    justify-items: start;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .space-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 1;
    }
  }
  .gap-x-1\.25 {
    column-gap: var(--spacing-1\.25);
  }
  .gap-x-3\.75 {
    column-gap: var(--spacing-3\.75);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-6\.25 {
    column-gap: var(--spacing-6\.25);
  }
  .gap-x-7\.5 {
    column-gap: var(--spacing-7\.5);
  }
  .space-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-x-1 {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-1 {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 1;
    }
  }
  .divide-white\/\[0\.1\] {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .place-self-auto {
    place-self: auto;
  }
  .place-self-center {
    place-self: center;
  }
  .place-self-end {
    place-self: end;
  }
  .place-self-start {
    place-self: start;
  }
  .place-self-stretch {
    place-self: stretch;
  }
  .\!self-end {
    align-self: flex-end !important;
  }
  .self-auto {
    align-self: auto;
  }
  .self-baseline {
    align-self: baseline;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-auto {
    justify-self: auto;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .scroll-auto {
    scroll-behavior: auto;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .\!rounded-none {
    border-radius: var(--radius-none) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[25px\] {
    border-radius: 25px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-none {
    border-radius: var(--radius-none);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-ss {
    border-start-start-radius: 0.25rem;
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-se {
    border-start-end-radius: 0.25rem;
  }
  .rounded-ee {
    border-end-end-radius: 0.25rem;
  }
  .rounded-es {
    border-end-start-radius: 0.25rem;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-l-none {
    border-top-left-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }
  .rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-tr {
    border-top-right-radius: 0.25rem;
  }
  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-br {
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-t-\[1px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-double {
    --tw-border-style: double;
    border-style: double;
  }
  .border-hidden {
    --tw-border-style: hidden;
    border-style: hidden;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-\[\#808080\] {
    border-color: #808080 !important;
  }
  .border-\[\#0000001a\] {
    border-color: #0000001a;
  }
  .border-\[\#00000026\] {
    border-color: #00000026;
  }
  .border-\[\#00000033\] {
    border-color: #00000033;
  }
  .border-\[\#666\] {
    border-color: #666;
  }
  .border-\[\#808080\] {
    border-color: #808080;
  }
  .border-\[\#6666661c\] {
    border-color: #6666661c;
  }
  .border-\[\#9999991a\] {
    border-color: #9999991a;
  }
  .border-\[\#E9E9E9\] {
    border-color: #E9E9E9;
  }
  .border-\[\#EEE\] {
    border-color: #EEE;
  }
  .border-\[\#ccc\] {
    border-color: #ccc;
  }
  .border-\[\#d3d3d3\] {
    border-color: #d3d3d3;
  }
  .border-\[\#ddd\] {
    border-color: #ddd;
  }
  .border-\[\#dddddd\] {
    border-color: #dddddd;
  }
  .border-\[\#dee2e6\] {
    border-color: #dee2e6;
  }
  .border-\[\#e1e6eb\] {
    border-color: #e1e6eb;
  }
  .border-\[\#e5e0e0\] {
    border-color: #e5e0e0;
  }
  .border-\[\#e7e7e7\] {
    border-color: #e7e7e7;
  }
  .border-\[\#e9e9e9\] {
    border-color: #e9e9e9;
  }
  .border-\[\#ebedf2\] {
    border-color: #ebedf2;
  }
  .border-\[\#eee\] {
    border-color: #eee;
  }
  .border-\[\#efefef\] {
    border-color: #efefef;
  }
  .border-\[\#fff\] {
    border-color: #fff;
  }
  .border-\[\#ffffff0d\] {
    border-color: #ffffff0d;
  }
  .border-\[\#ffffff1a\] {
    border-color: #ffffff1a;
  }
  .border-\[\#ffffff4d\] {
    border-color: #ffffff4d;
  }
  .border-\[\#ffffff33\] {
    border-color: #ffffff33;
  }
  .border-\[\#ffffff80\] {
    border-color: #ffffff80;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/10 {
    border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-tabsborder {
    border-color: var(--color-tabsborder);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/20 {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
  .border-white\/\[0\.1\] {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
  .border-white\/\[0\.3\] {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
  .\!bg-\[\#0000001a\] {
    background-color: #0000001a !important;
  }
  .\!bg-\[\#dfdfdf\] {
    background-color: #dfdfdf !important;
  }
  .\!bg-primary {
    background-color: var(--color-primary) !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\(--my_variable\) {
    background-color: var(--my_variable);
  }
  .bg-\(color\:--my-color\) {
    background-color: var(--my-color);
  }
  .bg-\[\#0f1706\] {
    background-color: #0f1706;
  }
  .bg-\[\#0f1706b3\] {
    background-color: #0f1706b3;
  }
  .bg-\[\#000\] {
    background-color: #000;
  }
  .bg-\[\#0000001a\] {
    background-color: #0000001a;
  }
  .bg-\[\#01C854\] {
    background-color: #01C854;
  }
  .bg-\[\#1C1C1C\] {
    background-color: #1C1C1C;
  }
  .bg-\[\#00000003\] {
    background-color: #00000003;
  }
  .bg-\[\#3B5998\] {
    background-color: #3B5998;
  }
  .bg-\[\#3c3e4e\] {
    background-color: #3c3e4e;
  }
  .bg-\[\#0000004d\] {
    background-color: #0000004d;
  }
  .bg-\[\#6cc000\] {
    background-color: #6cc000;
  }
  .bg-\[\#007BB6\] {
    background-color: #007BB6;
  }
  .bg-\[\#8A5A4E\] {
    background-color: #8A5A4E;
  }
  .bg-\[\#020d26\] {
    background-color: #020d26;
  }
  .bg-\[\#00000080\] {
    background-color: #00000080;
  }
  .bg-\[\#82CEFD\] {
    background-color: #82CEFD;
  }
  .bg-\[\#0088cc\] {
    background-color: #0088cc;
  }
  .bg-\[\#333\] {
    background-color: #333;
  }
  .bg-\[\#58468c\] {
    background-color: #58468c;
  }
  .bg-\[\#070100\] {
    background-color: #070100;
  }
  .bg-\[\#292929\] {
    background-color: #292929;
  }
  .bg-\[\#DE4E43\] {
    background-color: #DE4E43;
  }
  .bg-\[\#F5F5F5\] {
    background-color: #F5F5F5;
  }
  .bg-\[\#F5F6F7\] {
    background-color: #F5F6F7;
  }
  .bg-\[\#F7F8FA\] {
    background-color: #F7F8FA;
  }
  .bg-\[\#F7F9FB\] {
    background-color: #F7F9FB;
  }
  .bg-\[\#F9F8FF\] {
    background-color: #F9F8FF;
  }
  .bg-\[\#FFADAD\] {
    background-color: #FFADAD;
  }
  .bg-\[\#FFDC60\] {
    background-color: #FFDC60;
  }
  .bg-\[\#d3d3d3\] {
    background-color: #d3d3d3;
  }
  .bg-\[\#e1e6eb\] {
    background-color: #e1e6eb;
  }
  .bg-\[\#ebebeb\] {
    background-color: #ebebeb;
  }
  .bg-\[\#eeeeee\] {
    background-color: #eeeeee;
  }
  .bg-\[\#eef1ff\] {
    background-color: #eef1ff;
  }
  .bg-\[\#efefef\] {
    background-color: #efefef;
  }
  .bg-\[\#f0f5f9\] {
    background-color: #f0f5f9;
  }
  .bg-\[\#f02c00\] {
    background-color: #f02c00;
  }
  .bg-\[\#f3f3f3\] {
    background-color: #f3f3f3;
  }
  .bg-\[\#f5f5fa\] {
    background-color: #f5f5fa;
  }
  .bg-\[\#f6f6f6\] {
    background-color: #f6f6f6;
  }
  .bg-\[\#f8f8f8\] {
    background-color: #f8f8f8;
  }
  .bg-\[\#ff3131\] {
    background-color: #ff3131;
  }
  .bg-\[\#ffffff0d\] {
    background-color: #ffffff0d;
  }
  .bg-\[\#ffffff4d\] {
    background-color: #ffffff4d;
  }
  .bg-\[\#ffffffe6\] {
    background-color: #ffffffe6;
  }
  .bg-\[color\:var\(--my-color\)\] {
    background-color: var(--my-color);
  }
  .bg-\[var\(--my_variable\)\] {
    background-color: var(--my_variable);
  }
  .bg-advancedbgcolor {
    background-color: var(--color-advancedbgcolor);
  }
  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }
  .bg-bannerbg {
    background-color: var(--color-bannerbg);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/50 {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
  .bg-black\/90 {
    background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
  }
  .bg-blackbuilding {
    background-color: var(--color-blackbuilding);
  }
  .bg-bottumfooterbg {
    background-color: var(--color-bottumfooterbg);
  }
  .bg-expertscolor {
    background-color: var(--color-expertscolor);
  }
  .bg-extraprimarydark {
    background-color: var(--color-extraprimarydark);
  }
  .bg-footerbottum3 {
    background-color: var(--color-footerbottum3);
  }
  .bg-footertop3 {
    background-color: var(--color-footertop3);
  }
  .bg-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-pink-400 {
    background-color: var(--color-pink-400);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primaryservices {
    background-color: var(--color-primaryservices);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/50 {
    background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
  }
  .bg-red-500\/\[50\%\] {
    background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
  }
  .bg-services-benner-color {
    background-color: var(--color-services-benner-color);
  }
  .bg-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparentintrodation {
    background-color: var(--color-transparentintrodation);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .-bg-conic {
    --tw-gradient-position: in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
  }
  .bg-conic {
    --tw-gradient-position: in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
  }
  .bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops));
  }
  .bg-\[url\(\.\.\/images\/background\/bg-map\.jpg\)\] {
    background-image: url(../images/background/bg-map.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg1\.jpg\)\] {
    background-image: url(../images/background/bg1.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg1\.png\)\] {
    background-image: url(../images/background/bg1.png);
  }
  .bg-\[url\(\.\.\/images\/background\/bg2\.jpg\)\] {
    background-image: url(../images/background/bg2.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg3\.jpg\)\] {
    background-image: url(../images/background/bg3.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg3\.png\)\] {
    background-image: url(../images/background/bg3.png);
  }
  .bg-\[url\(\.\.\/images\/background\/bg4\.png\)\] {
    background-image: url(../images/background/bg4.png);
  }
  .bg-\[url\(\.\.\/images\/background\/bg5\.jpg\)\] {
    background-image: url(../images/background/bg5.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg6\.png\)\,url\(\.\.\/images\/background\/bg21\.jpg\)\] {
    background-image: url(../images/background/bg6.png),url(../images/background/bg21.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg9\.png\)\] {
    background-image: url(../images/background/bg9.png);
  }
  .bg-\[url\(\.\.\/images\/background\/bg10\.png\)\] {
    background-image: url(../images/background/bg10.png);
  }
  .bg-\[url\(\.\.\/images\/background\/bg11\.jpg\)\] {
    background-image: url(../images/background/bg11.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg12\.jpg\)\] {
    background-image: url(../images/background/bg12.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg13\.jpg\)\] {
    background-image: url(../images/background/bg13.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg14\.jpg\)\] {
    background-image: url(../images/background/bg14.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg15\.jpg\)\] {
    background-image: url(../images/background/bg15.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg16\.jpg\)\] {
    background-image: url(../images/background/bg16.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg17\.jpg\)\] {
    background-image: url(../images/background/bg17.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg18\.jpg\)\] {
    background-image: url(../images/background/bg18.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg19\.jpg\)\] {
    background-image: url(../images/background/bg19.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg20\.jpg\)\] {
    background-image: url(../images/background/bg20.jpg);
  }
  .bg-\[url\(\.\.\/images\/background\/bg22\.png\)\] {
    background-image: url(../images/background/bg22.png);
  }
  .bg-\[url\(\.\.\/images\/background\/bg23\.png\)\] {
    background-image: url(../images/background/bg23.png);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr1\.jpg\)\] {
    background-image: url(../images/banner/bnr1.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr2\.jpg\)\] {
    background-image: url(../images/banner/bnr2.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr3\.jpg\)\] {
    background-image: url(../images/banner/bnr3.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr4\.jpg\)\] {
    background-image: url(../images/banner/bnr4.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr5\.jpg\)\] {
    background-image: url(../images/banner/bnr5.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr6\.jpg\)\] {
    background-image: url(../images/banner/bnr6.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr7\.jpg\)\] {
    background-image: url(../images/banner/bnr7.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr8\.jpg\)\] {
    background-image: url(../images/banner/bnr8.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr9\.jpg\)\] {
    background-image: url(../images/banner/bnr9.jpg);
  }
  .bg-\[url\(\.\.\/images\/banner\/bnr10\.jpg\)\] {
    background-image: url(../images/banner/bnr10.jpg);
  }
  .bg-\[url\(\.\.\/images\/bubbles\/bubbles1\.png\)\] {
    background-image: url(../images/bubbles/bubbles1.png);
  }
  .bg-\[url\(\.\.\/images\/bubbles\/bubbles2\.png\)\] {
    background-image: url(../images/bubbles/bubbles2.png);
  }
  .bg-\[url\(\.\.\/images\/bubbles\/bubbles3\.png\)\] {
    background-image: url(../images/bubbles/bubbles3.png);
  }
  .bg-\[url\(\.\.\/images\/bubbles\/bubbles4\.png\)\] {
    background-image: url(../images/bubbles/bubbles4.png);
  }
  .bg-\[url\(\.\.\/images\/bubbles\/bubbles5\.png\)\] {
    background-image: url(../images/bubbles/bubbles5.png);
  }
  .bg-\[url\(\.\.\/images\/map1\.png\)\] {
    background-image: url(../images/map1.png);
  }
  .bg-\[url\(\.\.\/images\/our-services\/pic1\.jpg\)\] {
    background-image: url(../images/our-services/pic1.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-services\/pic2\.jpg\)\] {
    background-image: url(../images/our-services/pic2.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-services\/pic3\.jpg\)\] {
    background-image: url(../images/our-services/pic3.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-services\/pic4\.jpg\)\] {
    background-image: url(../images/our-services/pic4.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-team\/team_1\.jpg\)\] {
    background-image: url(../images/our-team/team_1.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-team\/team_2\.jpg\)\] {
    background-image: url(../images/our-team/team_2.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-team\/team_3\.jpg\)\] {
    background-image: url(../images/our-team/team_3.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-team\/team_4\.jpg\)\] {
    background-image: url(../images/our-team/team_4.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-team\/team_5\.jpg\)\] {
    background-image: url(../images/our-team/team_5.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-team\/team_6\.jpg\)\] {
    background-image: url(../images/our-team/team_6.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-team\/team_7\.jpg\)\] {
    background-image: url(../images/our-team/team_7.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-work\/pic1\.jpg\)\] {
    background-image: url(../images/our-work/pic1.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-work\/pic2\.jpg\)\] {
    background-image: url(../images/our-work/pic2.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-work\/pic3\.jpg\)\] {
    background-image: url(../images/our-work/pic3.jpg);
  }
  .bg-\[url\(\.\.\/images\/our-work\/pic4\.jpg\)\] {
    background-image: url(../images/our-work/pic4.jpg);
  }
  .bg-\[url\(\.\.\/images\/pattern\/pic1\.jpg\)\] {
    background-image: url(../images/pattern/pic1.jpg);
  }
  .bg-\[url\(\.\.\/images\/pattern\/pt\/pt1\.png\)\] {
    background-image: url(../images/pattern/pt/pt1.png);
  }
  .bg-\[url\(\.\.\/images\/team-bg\.png\)\] {
    background-image: url(../images/team-bg.png);
  }
  .bg-\[url\(\.\.\/images\/under-construction\.jpg\)\] {
    background-image: url(../images/under-construction.jpg);
  }
  .bg-none {
    background-image: none;
  }
  .via-none {
    --tw-gradient-via-stops: initial;
  }
  .box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .box-decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
  }
  .decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
  }
  .\[background-size\:100\%\] {
    background-size: 100%;
  }
  .bg-auto {
    background-size: auto;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-fixed {
    background-attachment: fixed;
  }
  .bg-local {
    background-attachment: local;
  }
  .bg-scroll {
    background-attachment: scroll;
  }
  .bg-clip-border {
    background-clip: border-box;
  }
  .bg-clip-content {
    background-clip: content-box;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .\[background-position\:bottom\] {
    background-position: bottom;
  }
  .\[background-position\:left_-60\%_bottom_-75px\] {
    background-position: left -60% bottom -75px;
  }
  .bg-\[100\%\] {
    background-position: 100%;
  }
  .bg-\[bottom\] {
    background-position: bottom;
  }
  .bg-\[right_center\] {
    background-position: right center;
  }
  .bg-\[top_center\] {
    background-position: top center;
  }
  .bg-bottom {
    background-position: bottom;
  }
  .bg-center {
    background-position: center;
  }
  .bg-left {
    background-position: left;
  }
  .bg-left-bottom {
    background-position: left bottom;
  }
  .bg-left-top {
    background-position: left top;
  }
  .bg-right {
    background-position: right;
  }
  .bg-right-bottom {
    background-position: right bottom;
  }
  .bg-right-top {
    background-position: right top;
  }
  .bg-top {
    background-position: top;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .bg-repeat-round {
    background-repeat: round;
  }
  .bg-repeat-space {
    background-repeat: space;
  }
  .bg-repeat-x {
    background-repeat: repeat-x;
  }
  .bg-repeat-y {
    background-repeat: repeat-y;
  }
  .bg-origin-border {
    background-origin: border-box;
  }
  .bg-origin-content {
    background-origin: content-box;
  }
  .bg-origin-padding {
    background-origin: padding-box;
  }
  .fill-none {
    fill: none;
  }
  .stroke-none {
    stroke: none;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-none {
    object-fit: none;
  }
  .object-scale-down {
    object-fit: scale-down;
  }
  .object-bottom {
    object-position: bottom;
  }
  .object-center {
    object-position: center;
  }
  .object-left {
    object-position: left;
  }
  .object-left-bottom {
    object-position: left bottom;
  }
  .object-left-top {
    object-position: left top;
  }
  .object-right {
    object-position: right;
  }
  .object-right-bottom {
    object-position: right bottom;
  }
  .object-right-top {
    object-position: right top;
  }
  .object-top {
    object-position: top;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1\.25 {
    padding: var(--spacing-1\.25);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3\.75 {
    padding: var(--spacing-3\.75);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-6\.25 {
    padding: var(--spacing-6\.25);
  }
  .p-7\.5 {
    padding: var(--spacing-7\.5);
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[7px\] {
    padding: 7px;
  }
  .p-\[18px\] {
    padding: 18px;
  }
  .\!px-4\.75 {
    padding-inline: var(--spacing-4\.75) !important;
  }
  .\!px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1\.25 {
    padding-inline: var(--spacing-1\.25);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.75 {
    padding-inline: var(--spacing-3\.75);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.75 {
    padding-inline: var(--spacing-4\.75);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6\.25 {
    padding-inline: var(--spacing-6\.25);
  }
  .px-7\.5 {
    padding-inline: var(--spacing-7\.5);
  }
  .px-13\.5 {
    padding-inline: var(--spacing-13\.5);
  }
  .px-\[3px\] {
    padding-inline: 3px;
  }
  .px-\[13px\] {
    padding-inline: 13px;
  }
  .px-\[23px\] {
    padding-inline: 23px;
  }
  .px-\[25px\] {
    padding-inline: 25px;
  }
  .px-\[35px\] {
    padding-inline: 35px;
  }
  .px-\[60px\] {
    padding-inline: 60px;
  }
  .\!py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }
  .\!py-3\.75 {
    padding-block: var(--spacing-3\.75) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1\.25 {
    padding-block: var(--spacing-1\.25);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-3\.75 {
    padding-block: var(--spacing-3\.75);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\.75 {
    padding-block: var(--spacing-4\.75);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6\.25 {
    padding-block: var(--spacing-6\.25);
  }
  .py-7\.5 {
    padding-block: var(--spacing-7\.5);
  }
  .py-13\.5 {
    padding-block: var(--spacing-13\.5);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.75 {
    padding-top: var(--spacing-3\.75);
  }
  .pt-4\.75 {
    padding-top: var(--spacing-4\.75);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6\.25 {
    padding-top: var(--spacing-6\.25);
  }
  .pt-7\.5 {
    padding-top: var(--spacing-7\.5);
  }
  .pt-13\.5 {
    padding-top: var(--spacing-13\.5);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-25 {
    padding-top: var(--spacing-25);
  }
  .pt-29 {
    padding-top: var(--spacing-29);
  }
  .pt-\[9px\] {
    padding-top: 9px;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pr-1\.25 {
    padding-right: var(--spacing-1\.25);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-3\.75 {
    padding-right: var(--spacing-3\.75);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-6\.25 {
    padding-right: var(--spacing-6\.25);
  }
  .pr-7\.5 {
    padding-right: var(--spacing-7\.5);
  }
  .pr-14\.5 {
    padding-right: var(--spacing-14\.5);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-25 {
    padding-right: var(--spacing-25);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3\.75 {
    padding-bottom: var(--spacing-3\.75);
  }
  .pb-4\.75 {
    padding-bottom: var(--spacing-4\.75);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-7\.5 {
    padding-bottom: var(--spacing-7\.5);
  }
  .pb-13\.5 {
    padding-bottom: var(--spacing-13\.5);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pb-\[90px\] {
    padding-bottom: 90px;
  }
  .pb-\[180px\] {
    padding-bottom: 180px;
  }
  .\!pl-\[6px\] {
    padding-left: 6px !important;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-1\.25 {
    padding-left: var(--spacing-1\.25);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3\.75 {
    padding-left: var(--spacing-3\.75);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-4\.75 {
    padding-left: var(--spacing-4\.75);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-6\.25 {
    padding-left: var(--spacing-6\.25);
  }
  .pl-7\.5 {
    padding-left: var(--spacing-7\.5);
  }
  .pl-13\.5 {
    padding-left: var(--spacing-13\.5);
  }
  .pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .pl-25 {
    padding-left: var(--spacing-25);
  }
  .pl-\[3px\] {
    padding-left: 3px;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .\!text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .\[vertical-align\:bottom\] {
    vertical-align: bottom;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-sub {
    vertical-align: sub;
  }
  .align-super {
    vertical-align: super;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  .align-top {
    vertical-align: top;
  }
  .font-lato {
    font-family: var(--font-lato);
  }
  .font-montserrat {
    font-family: var(--font-montserrat);
  }
  .font-nunito {
    font-family: var(--font-nunito);
  }
  .font-poppins {
    font-family: var(--font-poppins);
  }
  .font-roboto {
    font-family: var(--font-roboto);
  }
  .font-rubik {
    font-family: var(--font-rubik);
  }
  .text-2\.3xl\/\[40px\] {
    font-size: var(--text-2\.3xl);
    line-height: 40px;
  }
  .text-2\.3xl\/\[45px\] {
    font-size: var(--text-2\.3xl);
    line-height: 45px;
  }
  .text-2\.5xl\/\[35px\] {
    font-size: var(--text-2\.5xl);
    line-height: 35px;
  }
  .text-2\.5xl\/\[45px\] {
    font-size: var(--text-2\.5xl);
    line-height: 45px;
  }
  .text-2sm\/\[22px\] {
    font-size: var(--text-2sm);
    line-height: 22px;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xl\/\[30px\] {
    font-size: var(--text-2xl);
    line-height: 30px;
  }
  .text-2xl\/\[32px\] {
    font-size: var(--text-2xl);
    line-height: 32px;
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-3xl\/\[35px\] {
    font-size: var(--text-3xl);
    line-height: 35px;
  }
  .text-3xl\/\[40px\] {
    font-size: var(--text-3xl);
    line-height: 40px;
  }
  .text-4\.5xl\/\[50px\] {
    font-size: var(--text-4\.5xl);
    line-height: 50px;
  }
  .text-4\.75xl\/\[50px\] {
    font-size: var(--text-4\.75xl);
    line-height: 50px;
  }
  .text-4\.75xl\/\[55px\] {
    font-size: var(--text-4\.75xl);
    line-height: 55px;
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-4xl\/\[53px\] {
    font-size: var(--text-4xl);
    line-height: 53px;
  }
  .text-4xl\/\[100px\] {
    font-size: var(--text-4xl);
    line-height: 100px;
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-\[15px\]\/\[28px\] {
    font-size: 15px;
    line-height: 28px;
  }
  .text-\[17px\]\/\[24px\] {
    font-size: 17px;
    line-height: 24px;
  }
  .text-\[25px\]\/\[35px\] {
    font-size: 25px;
    line-height: 35px;
  }
  .text-\[27px\]\/\[40px\] {
    font-size: 27px;
    line-height: 40px;
  }
  .text-\[35px\]\/\[35px\] {
    font-size: 35px;
    line-height: 35px;
  }
  .text-\[48px\]\/\[60px\] {
    font-size: 48px;
    line-height: 60px;
  }
  .text-\[60px\]\/\[60px\] {
    font-size: 60px;
    line-height: 60px;
  }
  .text-\[95px\]\/\[1\.1\] {
    font-size: 95px;
    line-height: 1.1;
  }
  .text-\[130px\]\/\[130px\] {
    font-size: 130px;
    line-height: 130px;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\/\[22px\] {
    font-size: var(--text-base);
    line-height: 22px;
  }
  .text-base\/\[28px\] {
    font-size: var(--text-base);
    line-height: 28px;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-lg\/\[18px\] {
    font-size: var(--text-lg);
    line-height: 18px;
  }
  .text-lg\/\[24px\] {
    font-size: var(--text-lg);
    line-height: 24px;
  }
  .text-lg\/\[28px\] {
    font-size: var(--text-lg);
    line-height: 28px;
  }
  .text-lg\/\[30px\] {
    font-size: var(--text-lg);
    line-height: 30px;
  }
  .text-lg\/\[32px\] {
    font-size: var(--text-lg);
    line-height: 32px;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\/\[20px\] {
    font-size: var(--text-sm);
    line-height: 20px;
  }
  .text-sm\/\[22px\] {
    font-size: var(--text-sm);
    line-height: 22px;
  }
  .text-sm\/\[24px\] {
    font-size: var(--text-sm);
    line-height: 24px;
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xl\/\[24px\] {
    font-size: var(--text-xl);
    line-height: 24px;
  }
  .text-xl\/\[40px\] {
    font-size: var(--text-xl);
    line-height: 40px;
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xxl\/\[20px\] {
    font-size: var(--text-xxl);
    line-height: 20px;
  }
  .text-xxl\/\[22px\] {
    font-size: var(--text-xxl);
    line-height: 22px;
  }
  .text-xxl\/\[28px\] {
    font-size: var(--text-xxl);
    line-height: 28px;
  }
  .text-xxl\/\[30px\] {
    font-size: var(--text-xxl);
    line-height: 30px;
  }
  .text-xxl\/\[32px\] {
    font-size: var(--text-xxl);
    line-height: 32px;
  }
  .text-xxl\/\[35px\] {
    font-size: var(--text-xxl);
    line-height: 35px;
  }
  .text-xxl\/\[40px\] {
    font-size: var(--text-xxl);
    line-height: 40px;
  }
  .text-xxl\/\[50px\] {
    font-size: var(--text-xxl);
    line-height: 50px;
  }
  .\!text-2xs {
    font-size: var(--text-2xs) !important;
  }
  .\!text-\[45px\] {
    font-size: 45px !important;
  }
  .text-2\.3xl {
    font-size: var(--text-2\.3xl);
  }
  .text-2\.5xl {
    font-size: var(--text-2\.5xl);
  }
  .text-2sm {
    font-size: var(--text-2sm);
  }
  .text-2xs {
    font-size: var(--text-2xs);
  }
  .text-4\.5xl {
    font-size: var(--text-4\.5xl);
  }
  .text-4\.75xl {
    font-size: var(--text-4\.75xl);
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[25px\] {
    font-size: 25px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[35px\] {
    font-size: 35px;
  }
  .text-\[38px\] {
    font-size: 38px;
  }
  .text-\[45px\] {
    font-size: 45px;
  }
  .text-\[60px\] {
    font-size: 60px;
  }
  .text-\[80px\] {
    font-size: 80px;
  }
  .text-\[110px\] {
    font-size: 110px;
  }
  .text-\[160px\] {
    font-size: 160px;
  }
  .text-xxl {
    font-size: var(--text-xxl);
  }
  .text-xxs {
    font-size: var(--text-xxs);
  }
  .\!leading-9 {
    --tw-leading: calc(var(--spacing) * 9) !important;
    line-height: calc(var(--spacing) * 9) !important;
  }
  .\!leading-10 {
    --tw-leading: calc(var(--spacing) * 10) !important;
    line-height: calc(var(--spacing) * 10) !important;
  }
  .\!leading-\[20px\] {
    --tw-leading: 20px !important;
    line-height: 20px !important;
  }
  .\!leading-\[30px\] {
    --tw-leading: 30px !important;
    line-height: 30px !important;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[25px\] {
    --tw-leading: 25px;
    line-height: 25px;
  }
  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }
  .leading-\[35px\] {
    --tw-leading: 35px;
    line-height: 35px;
  }
  .leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }
  .leading-\[39px\] {
    --tw-leading: 39px;
    line-height: 39px;
  }
  .leading-\[40px\] {
    --tw-leading: 40px;
    line-height: 40px;
  }
  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }
  .leading-\[55px\] {
    --tw-leading: 55px;
    line-height: 55px;
  }
  .leading-\[65px\] {
    --tw-leading: 65px;
    line-height: 65px;
  }
  .leading-\[80px\] {
    --tw-leading: 80px;
    line-height: 80px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .\!font-light {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-4px\] {
    --tw-tracking: -4px;
    letter-spacing: -4px;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px;
  }
  .tracking-\[3px\] {
    --tw-tracking: 3px;
    letter-spacing: 3px;
  }
  .tracking-\[8px\] {
    --tw-tracking: 8px;
    letter-spacing: 8px;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .break-keep {
    word-break: keep-all;
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
  }
  .hyphens-none {
    -webkit-hyphens: none;
    hyphens: none;
  }
  .whitespace-break-spaces {
    white-space: break-spaces;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\[\#7a7a7a\] {
    color: #7a7a7a !important;
  }
  .\!text-\[\#212529\] {
    color: #212529 !important;
  }
  .\!text-\[\#d8e0f3\] {
    color: #d8e0f3 !important;
  }
  .\!text-\[\#ff5e14\] {
    color: #ff5e14 !important;
  }
  .\!text-black {
    color: var(--color-black) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .\[color\:red\] {
    color: red;
  }
  .\[color\:red\]\/50 {
    color: color-mix(in oklab, red 50%, transparent);
  }
  .\[color\:red\]\/50\! {
    color: color-mix(in oklab, red 50%, transparent) !important;
  }
  .text-\[\#0f192d\] {
    color: #0f192d;
  }
  .text-\[\#2D2C2C\] {
    color: #2D2C2C;
  }
  .text-\[\#3B5998\] {
    color: #3B5998;
  }
  .text-\[\#3d474a\] {
    color: #3d474a;
  }
  .text-\[\#5a5a5a\] {
    color: #5a5a5a;
  }
  .text-\[\#5f5f5f\] {
    color: #5f5f5f;
  }
  .text-\[\#6f6f6f\] {
    color: #6f6f6f;
  }
  .text-\[\#6f6f6f\]\/\[\.25\] {
    color: color-mix(in oklab, #6f6f6f 25%, transparent);
  }
  .text-\[\#8A5A4E\] {
    color: #8A5A4E;
  }
  .text-\[\#8d8d8d\] {
    color: #8d8d8d;
  }
  .text-\[\#9C9898\] {
    color: #9C9898;
  }
  .text-\[\#9a9a9a\] {
    color: #9a9a9a;
  }
  .text-\[\#62aad8\] {
    color: #62aad8;
  }
  .text-\[\#333\] {
    color: #333;
  }
  .text-\[\#555\] {
    color: #555;
  }
  .text-\[\#666\] {
    color: #666;
  }
  .text-\[\#999\] {
    color: #999;
  }
  .text-\[\#58468c\] {
    color: #58468c;
  }
  .text-\[\#171717\] {
    color: #171717;
  }
  .text-\[\#212529\] {
    color: #212529;
  }
  .text-\[\#404040\] {
    color: #404040;
  }
  .text-\[\#494949\] {
    color: #494949;
  }
  .text-\[\#495057\] {
    color: #495057;
  }
  .text-\[\#505050\] {
    color: #505050;
  }
  .text-\[\#555555\] {
    color: #555555;
  }
  .text-\[\#666666\] {
    color: #666666;
  }
  .text-\[\#707070\] {
    color: #707070;
  }
  .text-\[\#767676\] {
    color: #767676;
  }
  .text-\[\#787878\] {
    color: #787878;
  }
  .text-\[\#848484\] {
    color: #848484;
  }
  .text-\[\#959595\] {
    color: #959595;
  }
  .text-\[\#B1B1B1\] {
    color: #B1B1B1;
  }
  .text-\[\#D9D9D9\] {
    color: #D9D9D9;
  }
  .text-\[\#EFBB20\] {
    color: #EFBB20;
  }
  .text-\[\#F5F5F5\] {
    color: #F5F5F5;
  }
  .text-\[\#FF4045\] {
    color: #FF4045;
  }
  .text-\[\#a3a3a3\] {
    color: #a3a3a3;
  }
  .text-\[\#b0b0b0\] {
    color: #b0b0b0;
  }
  .text-\[\#b2b2b2\] {
    color: #b2b2b2;
  }
  .text-\[\#dedede\] {
    color: #dedede;
  }
  .text-\[\#e7e7e7\] {
    color: #e7e7e7;
  }
  .text-\[\#eab847\] {
    color: #eab847;
  }
  .text-\[\#f0f0f0\] {
    color: #f0f0f0;
  }
  .text-\[\#f2f2f2\] {
    color: #f2f2f2;
  }
  .text-\[\#f5f6f6\] {
    color: #f5f6f6;
  }
  .text-\[\#ff3c85\] {
    color: #ff3c85;
  }
  .text-\[\#ffb822\] {
    color: #ffb822;
  }
  .text-\[\#ffc300\] {
    color: #ffc300;
  }
  .text-\[\#ffffff33\] {
    color: #ffffff33;
  }
  .text-\[\#ffffffad\] {
    color: #ffffffad;
  }
  .text-\[\#ffffffbf\] {
    color: #ffffffbf;
  }
  .text-\[\#ffffffcc\] {
    color: #ffffffcc;
  }
  .text-\[var\(--footertextcolor\)\] {
    color: var(--footertextcolor);
  }
  .text-\[var\(--gary\)\] {
    color: var(--gary);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-black\/\[70\] {
    color: color-mix(in oklab, var(--color-black) 7000%, transparent);
  }
  .text-bodytext {
    color: var(--color-bodytext);
  }
  .text-footertextcolor {
    color: var(--color-footertextcolor);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-staryellow {
    color: var(--color-staryellow);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .font-stretch-condensed {
    font-stretch: condensed;
  }
  .font-stretch-expanded {
    font-stretch: expanded;
  }
  .font-stretch-extra-condensed {
    font-stretch: extra-condensed;
  }
  .font-stretch-extra-expanded {
    font-stretch: extra-expanded;
  }
  .font-stretch-normal {
    font-stretch: normal;
  }
  .font-stretch-semi-condensed {
    font-stretch: semi-condensed;
  }
  .font-stretch-semi-expanded {
    font-stretch: semi-expanded;
  }
  .font-stretch-ultra-condensed {
    font-stretch: ultra-condensed;
  }
  .font-stretch-ultra-expanded {
    font-stretch: ultra-expanded;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .normal-nums {
    font-variant-numeric: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-dashed {
    text-decoration-style: dashed;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .decoration-double {
    text-decoration-style: double;
  }
  .decoration-solid {
    text-decoration-style: solid;
  }
  .decoration-wavy {
    text-decoration-style: wavy;
  }
  .decoration-auto {
    text-decoration-thickness: auto;
  }
  .decoration-from-font {
    text-decoration-thickness: from-font;
  }
  .underline-offset-auto {
    text-underline-offset: auto;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .accent-auto {
    accent-color: auto;
  }
  .scheme-dark {
    color-scheme: dark;
  }
  .scheme-light {
    color-scheme: light;
  }
  .scheme-light-dark {
    color-scheme: light dark;
  }
  .scheme-normal {
    color-scheme: normal;
  }
  .scheme-only-dark {
    color-scheme: only dark;
  }
  .scheme-only-light {
    color-scheme: only light;
  }
  .\!opacity-70 {
    opacity: 70% !important;
  }
  .\!opacity-100 {
    opacity: 100% !important;
  }
  .\!opacity-\[0\.3\] {
    opacity: 0.3 !important;
  }
  .\!opacity-\[0\.7\] {
    opacity: 0.7 !important;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[\.5\] {
    opacity: .5;
  }
  .opacity-\[0\.3\] {
    opacity: 0.3;
  }
  .opacity-\[0\.4\] {
    opacity: 0.4;
  }
  .mix-blend-plus-darker {
    mix-blend-mode: plus-darker;
  }
  .mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow\! {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[0_\.5rem_1rem_rgba\(0\,0\,0\,\.15\)\] {
    --tw-shadow: 0 .5rem 1rem var(--tw-shadow-color, rgba(0,0,0,.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0\.5rem_1rem_rgba\(0\,0\,0\,\.15\)\] {
    --tw-shadow: 0 0.5rem 1rem var(--tw-shadow-color, rgba(0,0,0,.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_0_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 0 0 0 var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_0_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 0 0 0 var(--tw-shadow-color, rgba(0,0,0,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_rgba\(255\,255\,255\,0\.3\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgba(255,255,255,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_3px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_0_rgba\(3\,0\,24\,0\.15\)\] {
    --tw-shadow: 0 0 15px 0 var(--tw-shadow-color, rgba(3,0,24,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_5px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 0 15px 5px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_0_rgba\(23\,7\,0\,0\.10\)\] {
    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(23,7,0,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_0_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 30px 0 var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_0_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 0 30px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_6px_20px_0_rgba\(3\,0\,24\,0\.15\)\] {
    --tw-shadow: 0 6px 20px 0 var(--tw-shadow-color, rgba(3,0,24,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[1px_1px_62px_0_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 1px 1px 62px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[5px_5px_10px_0_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 5px 5px 10px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-initial {
    --tw-shadow-color: initial;
  }
  .inset-shadow-initial {
    --tw-inset-shadow-color: initial;
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-none {
    --tw-blur:  ;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-1 {
    --tw-brightness: brightness(1%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-2 {
    --tw-brightness: brightness(2%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-3 {
    --tw-brightness: brightness(3%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-4 {
    --tw-brightness: brightness(4%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-5 {
    --tw-brightness: brightness(5%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-6 {
    --tw-brightness: brightness(6%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-7 {
    --tw-brightness: brightness(7%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-none {
    --tw-drop-shadow:  ;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\!filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter\! {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-none {
    transition-property: none;
  }
  .transition-discrete {
    transition-behavior: allow-discrete;
  }
  .transition-normal {
    transition-behavior: normal;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-800 {
    --tw-duration: 800ms;
    transition-duration: 800ms;
  }
  .duration-\[0\.2s\] {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-\[0\.5\] {
    --tw-duration: 0.5;
    transition-duration: 0.5;
  }
  .duration-\[0\.5s\] {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .duration-\[10s\] {
    --tw-duration: 10s;
    transition-duration: 10s;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-auto {
    will-change: auto;
  }
  .will-change-contents {
    will-change: contents;
  }
  .will-change-scroll {
    will-change: scroll-position;
  }
  .will-change-transform {
    will-change: transform;
  }
  .contain-inline-size {
    --tw-contain-size: inline-size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-layout {
    --tw-contain-layout: layout;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-paint {
    --tw-contain-paint: paint;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-size {
    --tw-contain-size: size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-style {
    --tw-contain-style: style;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-content {
    contain: content;
  }
  .contain-none {
    contain: none;
  }
  .contain-strict {
    contain: strict;
  }
  .content-none {
    --tw-content: none;
    content: none;
  }
  .forced-color-adjust-auto {
    forced-color-adjust: auto;
  }
  .forced-color-adjust-none {
    forced-color-adjust: none;
  }
  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
  .outline-dotted {
    --tw-outline-style: dotted;
    outline-style: dotted;
  }
  .outline-double {
    --tw-outline-style: double;
    outline-style: double;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .\[-webkit-text-fill-color\:transparent\] {
    -webkit-text-fill-color: transparent;
  }
  .\[-webkit-text-stroke-color\:\#D9D9D9\] {
    -webkit-text-stroke-color: #D9D9D9;
  }
  .\[-webkit-text-stroke-color\:\[\#D9D9D9\]\] {
    -webkit-text-stroke-color: [#D9D9D9];
  }
  .\[-webkit-text-stroke\:1px\] {
    -webkit-text-stroke: 1px;
  }
  .\[hostname\:port\] {
    hostname: port;
  }
  .\[key\:string\] {
    key: string;
  }
  .\[writing-mode\:vertical-lr\] {
    writing-mode: vertical-lr;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .backface-visible {
    backface-visibility: visible;
  }
  .divide-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 1;
    }
  }
  .duration-initial {
    --tw-duration: initial;
  }
  .ease-initial {
    --tw-ease: initial;
  }
  .perspective-none {
    perspective: none;
  }
  .perspective-origin-bottom {
    perspective-origin: bottom;
  }
  .perspective-origin-bottom-left {
    perspective-origin: bottom left;
  }
  .perspective-origin-bottom-right {
    perspective-origin: bottom right;
  }
  .perspective-origin-center {
    perspective-origin: center;
  }
  .perspective-origin-left {
    perspective-origin: left;
  }
  .perspective-origin-right {
    perspective-origin: right;
  }
  .perspective-origin-top {
    perspective-origin: top;
  }
  .perspective-origin-top-left {
    perspective-origin: top left;
  }
  .perspective-origin-top-right {
    perspective-origin: top right;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .transform-3d {
    transform-style: preserve-3d;
  }
  .transform-border {
    transform-box: border-box;
  }
  .transform-content {
    transform-box: content-box;
  }
  .transform-fill {
    transform-box: fill-box;
  }
  .transform-flat {
    transform-style: flat;
  }
  .transform-stroke {
    transform-box: stroke-box;
  }
  .transform-view {
    transform-box: view-box;
  }
  .group-hover\:visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-hover\:bottom-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .group-hover\:mt-\[-65px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        margin-top: -65px;
      }
    }
  }
  .group-hover\:bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:shadow-\[0_10px_20px_0_rgba\(0\,0\,0\,0\.1\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 10px 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\:duration-\[0\.5s\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-duration: 0.5s;
        transition-duration: 0.5s;
      }
    }
  }
  .peer-checked\:border-2 {
    &:is(:where(.peer):checked ~ *) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .peer-checked\:border-amber-500 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-amber-500);
    }
  }
  .peer-checked\:border-green-500 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-green-500);
    }
  }
  .peer-checked\:border-pink-600 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-pink-600);
    }
  }
  .peer-checked\:border-red-600 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-red-600);
    }
  }
  .peer-checked\:border-teal-500 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-teal-500);
    }
  }
  .peer-checked\:bg-amber-300 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-amber-300);
    }
  }
  .peer-checked\:bg-green-400 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-green-400);
    }
  }
  .peer-checked\:bg-pink-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-pink-500);
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-primary);
    }
  }
  .peer-checked\:bg-red-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-red-500);
    }
  }
  .peer-checked\:bg-teal-300 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-teal-300);
    }
  }
  .peer-checked\:text-white {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-white);
    }
  }
  .selection\:bg-primary {
    & *::selection {
      background-color: var(--color-primary);
    }
    &::selection {
      background-color: var(--color-primary);
    }
  }
  .selection\:text-white {
    & *::selection {
      color: var(--color-white);
    }
    &::selection {
      color: var(--color-white);
    }
  }
  .placeholder\:text-xs {
    &::placeholder {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .placeholder\:text-2sm {
    &::placeholder {
      font-size: var(--text-2sm);
    }
  }
  .placeholder\:text-\[\#000000bf\] {
    &::placeholder {
      color: #000000bf;
    }
  }
  .placeholder\:text-\[\#6f6f6f\] {
    &::placeholder {
      color: #6f6f6f;
    }
  }
  .placeholder\:text-\[\#9ca3af\] {
    &::placeholder {
      color: #9ca3af;
    }
  }
  .placeholder\:text-\[\#ced4da\] {
    &::placeholder {
      color: #ced4da;
    }
  }
  .placeholder\:text-black {
    &::placeholder {
      color: var(--color-black);
    }
  }
  .placeholder\:text-footertextcolor {
    &::placeholder {
      color: var(--color-footertextcolor);
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:left-3\.75 {
    &::before {
      content: var(--tw-content);
      left: var(--spacing-3\.75);
    }
  }
  .before\:z-\[1\] {
    &::before {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .before\:z-\[2\] {
    &::before {
      content: var(--tw-content);
      z-index: 2;
    }
  }
  .before\:float-left {
    &::before {
      content: var(--tw-content);
      float: left;
    }
  }
  .before\:mr-1\.25 {
    &::before {
      content: var(--tw-content);
      margin-right: var(--spacing-1\.25);
    }
  }
  .before\:inline-block {
    &::before {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .before\:size-4\.75 {
    &::before {
      content: var(--tw-content);
      width: var(--spacing-4\.75);
      height: var(--spacing-4\.75);
    }
  }
  .before\:size-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
      height: 100%;
    }
  }
  .before\:border {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .before\:border-\[\#e1e6eb\] {
    &::before {
      content: var(--tw-content);
      border-color: #e1e6eb;
    }
  }
  .before\:bg-\[\#00000080\] {
    &::before {
      content: var(--tw-content);
      background-color: #00000080;
    }
  }
  .before\:bg-\[url\(\.\.\/images\/pt1\.png\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/pt1.png);
    }
  }
  .before\:text-center {
    &::before {
      content: var(--tw-content);
      text-align: center;
    }
  }
  .before\:align-middle {
    &::before {
      content: var(--tw-content);
      vertical-align: middle;
    }
  }
  .before\:font-\[FontAwesome\] {
    &::before {
      content: var(--tw-content);
      font-family: FontAwesome;
    }
  }
  .before\:font-\[themify\] {
    &::before {
      content: var(--tw-content);
      font-family: themify;
    }
  }
  .before\:text-base {
    &::before {
      content: var(--tw-content);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .before\:leading-\[40px\] {
    &::before {
      content: var(--tw-content);
      --tw-leading: 40px;
      line-height: 40px;
    }
  }
  .before\:font-normal {
    &::before {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .before\:text-primary {
    &::before {
      content: var(--tw-content);
      color: var(--color-primary);
    }
  }
  .before\:opacity-0 {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .before\:opacity-50 {
    &::before {
      content: var(--tw-content);
      opacity: 50%;
    }
  }
  .before\:duration-500 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e75a\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '\e75a';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e602\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '\e602';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e645\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '\e645';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e665\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '\e665';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\f064\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '\f064';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\f133\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '\f133';
      content: var(--tw-content);
    }
  }
  .group-hover\:before\:opacity-80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 80%;
        }
      }
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:top-0 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .after\:top-1\.25 {
    &::after {
      content: var(--tw-content);
      top: var(--spacing-1\.25);
    }
  }
  .after\:top-1\/2 {
    &::after {
      content: var(--tw-content);
      top: calc(1/2 * 100%);
    }
  }
  .after\:top-2\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 2.5);
    }
  }
  .after\:top-5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 5);
    }
  }
  .after\:top-\[50\%\] {
    &::after {
      content: var(--tw-content);
      top: 50%;
    }
  }
  .after\:right-0 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:left-5 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 5);
    }
  }
  .after\:z-\[1\] {
    &::after {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .after\:mx-1\.25 {
    &::after {
      content: var(--tw-content);
      margin-inline: var(--spacing-1\.25);
    }
  }
  .after\:mt-\[-1px\] {
    &::after {
      content: var(--tw-content);
      margin-top: -1px;
    }
  }
  .after\:ml-1\.25 {
    &::after {
      content: var(--tw-content);
      margin-left: var(--spacing-1\.25);
    }
  }
  .after\:block {
    &::after {
      content: var(--tw-content);
      display: block;
    }
  }
  .after\:inline-block {
    &::after {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .after\:size-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
      height: 100%;
    }
  }
  .after\:h-0\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .after\:-translate-y-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:border-t-2 {
    &::after {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
    }
  }
  .after\:border-dashed {
    &::after {
      content: var(--tw-content);
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .after\:border-\[\#e2e2e2\] {
    &::after {
      content: var(--tw-content);
      border-color: #e2e2e2;
    }
  }
  .after\:\!bg-bannerbg {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-bannerbg) !important;
    }
  }
  .after\:bg-bannerbg {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-bannerbg);
    }
  }
  .after\:bg-bannerbg2 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-bannerbg2);
    }
  }
  .after\:bg-bannerbg5 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-bannerbg5);
    }
  }
  .after\:bg-bannerbgbilu {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-bannerbgbilu);
    }
  }
  .after\:bg-black\/\[0\.2\] {
    &::after {
      content: var(--tw-content);
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .after\:font-\[\'themify\'\] {
    &::after {
      content: var(--tw-content);
      font-family: 'themify';
    }
  }
  .after\:font-\[FontAwesome\] {
    &::after {
      content: var(--tw-content);
      font-family: FontAwesome;
    }
  }
  .after\:font-\[themify\] {
    &::after {
      content: var(--tw-content);
      font-family: themify;
    }
  }
  .after\:text-sm {
    &::after {
      content: var(--tw-content);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .after\:text-\[11px\] {
    &::after {
      content: var(--tw-content);
      font-size: 11px;
    }
  }
  .after\:text-\[15px\] {
    &::after {
      content: var(--tw-content);
      font-size: 15px;
    }
  }
  .after\:text-\[35px\] {
    &::after {
      content: var(--tw-content);
      font-size: 35px;
    }
  }
  .after\:text-\[50px\] {
    &::after {
      content: var(--tw-content);
      font-size: 50px;
    }
  }
  .after\:font-bold {
    &::after {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .after\:font-normal {
    &::after {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .after\:text-black {
    &::after {
      content: var(--tw-content);
      color: var(--color-black);
    }
  }
  .after\:text-primary {
    &::after {
      content: var(--tw-content);
      color: var(--color-primary);
    }
  }
  .after\:not-italic {
    &::after {
      content: var(--tw-content);
      font-style: normal;
    }
  }
  .after\:opacity-50 {
    &::after {
      content: var(--tw-content);
      opacity: 50%;
    }
  }
  .after\:opacity-80 {
    &::after {
      content: var(--tw-content);
      opacity: 80%;
    }
  }
  .after\:opacity-85 {
    &::after {
      content: var(--tw-content);
      opacity: 85%;
    }
  }
  .after\:opacity-100 {
    &::after {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  .after\:opacity-\[\.05\] {
    &::after {
      content: var(--tw-content);
      opacity: .05;
    }
  }
  .after\:opacity-\[0\.5\] {
    &::after {
      content: var(--tw-content);
      opacity: 0.5;
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\/\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '/';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\e61a\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '\e61a';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\e64c\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '\e64c';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\e75a\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '\e75a';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\f10d\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '\f10d';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\f105\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '\f105';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\|\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '|';
      content: var(--tw-content);
    }
  }
  .hover\:scale-125 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-150 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 150%;
        --tw-scale-y: 150%;
        --tw-scale-z: 150%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-\[2\] {
    &:hover {
      @media (hover: hover) {
        scale: 2;
      }
    }
  }
  .hover\:rounded-sm {
    &:hover {
      @media (hover: hover) {
        border-radius: var(--radius-sm);
      }
    }
  }
  .hover\:border-\[silver\] {
    &:hover {
      @media (hover: hover) {
        border-color: silver;
      }
    }
  }
  .hover\:border-black {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-\[\#\#01C854\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##01C854;
      }
    }
  }
  .hover\:bg-\[\#2a2a2a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2a2a2a;
      }
    }
  }
  .hover\:bg-\[\#3B5998\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3B5998;
      }
    }
  }
  .hover\:bg-\[\#6cc000\] {
    &:hover {
      @media (hover: hover) {
        background-color: #6cc000;
      }
    }
  }
  .hover\:bg-\[\#007BB6\] {
    &:hover {
      @media (hover: hover) {
        background-color: #007BB6;
      }
    }
  }
  .hover\:bg-\[\#8A5A4E\] {
    &:hover {
      @media (hover: hover) {
        background-color: #8A5A4E;
      }
    }
  }
  .hover\:bg-\[\#333\] {
    &:hover {
      @media (hover: hover) {
        background-color: #333;
      }
    }
  }
  .hover\:bg-\[\#555\] {
    &:hover {
      @media (hover: hover) {
        background-color: #555;
      }
    }
  }
  .hover\:bg-\[\#DE4E43\] {
    &:hover {
      @media (hover: hover) {
        background-color: #DE4E43;
      }
    }
  }
  .hover\:bg-\[\#ed3d8b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ed3d8b;
      }
    }
  }
  .hover\:bg-\[\#ffffff0d\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ffffff0d;
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:text-\[\#555\] {
    &:hover {
      @media (hover: hover) {
        color: #555;
      }
    }
  }
  .hover\:text-\[\#666\] {
    &:hover {
      @media (hover: hover) {
        color: #666;
      }
    }
  }
  .hover\:text-\[\#2196f3\] {
    &:hover {
      @media (hover: hover) {
        color: #2196f3;
      }
    }
  }
  .hover\:text-\[\#666666\] {
    &:hover {
      @media (hover: hover) {
        color: #666666;
      }
    }
  }
  .hover\:text-\[\#fff\] {
    &:hover {
      @media (hover: hover) {
        color: #fff;
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:shadow-\[0_5px_40px_rgba\(0\,0\,0\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 5px 40px var(--tw-shadow-color, rgba(0,0,0,0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:bg-primary {
    &:focus {
      background-color: var(--color-primary);
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:text-\[\#666\] {
    &:focus {
      color: #666;
    }
  }
  .focus\:text-black {
    &:focus {
      color: var(--color-black);
    }
  }
  .focus\:text-white {
    &:focus {
      color: var(--color-white);
    }
  }
  .focus\:before\:opacity-80 {
    &:focus {
      &::before {
        content: var(--tw-content);
        opacity: 80%;
      }
    }
  }
  .max-xl\:w-\[60\%\] {
    @media (width < 1200px) {
      width: 60%;
    }
  }
  .max-xl\:w-full {
    @media (width < 1200px) {
      width: 100%;
    }
  }
  .max-xl\:max-w-\[500px\] {
    @media (width < 1200px) {
      max-width: 500px;
    }
  }
  .max-xl\:max-w-\[unset\] {
    @media (width < 1200px) {
      max-width: unset;
    }
  }
  .max-xl\:text-sm {
    @media (width < 1200px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .max-xl\:whitespace-nowrap {
    @media (width < 1200px) {
      white-space: nowrap;
    }
  }
  .max-2lg\:bg-scroll {
    @media (width < 1024px) {
      background-attachment: scroll;
    }
  }
  .max-lg\:order-\[1\] {
    @media (width < 992px) {
      order: 1;
    }
  }
  .max-lg\:mx-auto {
    @media (width < 992px) {
      margin-inline: auto;
    }
  }
  .max-lg\:mt-2\.5 {
    @media (width < 992px) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .max-lg\:mb-6 {
    @media (width < 992px) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .max-lg\:mb-7\.5 {
    @media (width < 992px) {
      margin-bottom: var(--spacing-7\.5);
    }
  }
  .max-lg\:ml-\[127\.5px\] {
    @media (width < 992px) {
      margin-left: 127.5px;
    }
  }
  .max-lg\:hidden {
    @media (width < 992px) {
      display: none;
    }
  }
  .max-lg\:\!w-\[632px\] {
    @media (width < 992px) {
      width: 632px !important;
    }
  }
  .max-lg\:w-\[632px\] {
    @media (width < 992px) {
      width: 632px;
    }
  }
  .max-lg\:w-full {
    @media (width < 992px) {
      width: 100%;
    }
  }
  .max-lg\:text-base {
    @media (width < 992px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .max-md\:static {
    @media (width < 768px) {
      position: static;
    }
  }
  .max-md\:order-0 {
    @media (width < 768px) {
      order: 0;
    }
  }
  .max-md\:mt-2\.5 {
    @media (width < 768px) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .max-md\:mt-7\.5 {
    @media (width < 768px) {
      margin-top: var(--spacing-7\.5);
    }
  }
  .max-md\:hidden {
    @media (width < 768px) {
      display: none;
    }
  }
  .max-md\:w-full {
    @media (width < 768px) {
      width: 100%;
    }
  }
  .max-md\:text-sm {
    @media (width < 768px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .max-sm\:mx-2\.5 {
    @media (width < 574px) {
      margin-inline: calc(var(--spacing) * 2.5);
    }
  }
  .max-sm\:mb-5 {
    @media (width < 574px) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .max-sm\:\!ml-\[39\.5px\] {
    @media (width < 574px) {
      margin-left: 39.5px !important;
    }
  }
  .max-sm\:hidden {
    @media (width < 574px) {
      display: none;
    }
  }
  .max-sm\:size-\[150px\] {
    @media (width < 574px) {
      width: 150px;
      height: 150px;
    }
  }
  .max-sm\:w-full {
    @media (width < 574px) {
      width: 100%;
    }
  }
  .max-sm\:text-sm {
    @media (width < 574px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .max-2xl\:hidden {
    @media (width < 96rem) {
      display: none;
    }
  }
  .sm\:top-\[40\%\] {
    @media (width >= 574px) {
      top: 40%;
    }
  }
  .sm\:left-\[39\%\] {
    @media (width >= 574px) {
      left: 39%;
    }
  }
  .sm\:order-\[2\] {
    @media (width >= 574px) {
      order: 2;
    }
  }
  .sm\:col-span-3 {
    @media (width >= 574px) {
      grid-column: span 3 / span 3;
    }
  }
  .sm\:col-span-4 {
    @media (width >= 574px) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 574px) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:col-span-8 {
    @media (width >= 574px) {
      grid-column: span 8 / span 8;
    }
  }
  .sm\:col-span-9 {
    @media (width >= 574px) {
      grid-column: span 9 / span 9;
    }
  }
  .sm\:mx-1\.25 {
    @media (width >= 574px) {
      margin-inline: var(--spacing-1\.25);
    }
  }
  .sm\:mt-0 {
    @media (width >= 574px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-5 {
    @media (width >= 574px) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .sm\:\!mr-4 {
    @media (width >= 574px) {
      margin-right: calc(var(--spacing) * 4) !important;
    }
  }
  .sm\:mr-\[12px\] {
    @media (width >= 574px) {
      margin-right: 12px;
    }
  }
  .sm\:mb-2\.5 {
    @media (width >= 574px) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:mb-3\.75 {
    @media (width >= 574px) {
      margin-bottom: var(--spacing-3\.75);
    }
  }
  .sm\:mb-4\.75 {
    @media (width >= 574px) {
      margin-bottom: var(--spacing-4\.75);
    }
  }
  .sm\:mb-6 {
    @media (width >= 574px) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-6\.25 {
    @media (width >= 574px) {
      margin-bottom: var(--spacing-6\.25);
    }
  }
  .sm\:mb-7\.5 {
    @media (width >= 574px) {
      margin-bottom: var(--spacing-7\.5);
    }
  }
  .sm\:mb-13\.5 {
    @media (width >= 574px) {
      margin-bottom: var(--spacing-13\.5);
    }
  }
  .sm\:\!ml-4 {
    @media (width >= 574px) {
      margin-left: calc(var(--spacing) * 4) !important;
    }
  }
  .sm\:ml-\[-50px\] {
    @media (width >= 574px) {
      margin-left: -50px;
    }
  }
  .sm\:ml-auto {
    @media (width >= 574px) {
      margin-left: auto;
    }
  }
  .sm\:block {
    @media (width >= 574px) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 574px) {
      display: flex;
    }
  }
  .sm\:\!h-\[700px\] {
    @media (width >= 574px) {
      height: 700px !important;
    }
  }
  .sm\:h-\[150px\] {
    @media (width >= 574px) {
      height: 150px;
    }
  }
  .sm\:h-\[160px\] {
    @media (width >= 574px) {
      height: 160px;
    }
  }
  .sm\:h-\[700px\] {
    @media (width >= 574px) {
      height: 700px;
    }
  }
  .sm\:w-1\/2 {
    @media (width >= 574px) {
      width: calc(1/2 * 100%);
    }
  }
  .sm\:w-\[98\%\] {
    @media (width >= 574px) {
      width: 98%;
    }
  }
  .sm\:w-\[160px\] {
    @media (width >= 574px) {
      width: 160px;
    }
  }
  .sm\:w-\[165px\] {
    @media (width >= 574px) {
      width: 165px;
    }
  }
  .sm\:w-\[200px\] {
    @media (width >= 574px) {
      width: 200px;
    }
  }
  .sm\:w-\[470px\] {
    @media (width >= 574px) {
      width: 470px;
    }
  }
  .sm\:max-w-\[450px\] {
    @media (width >= 574px) {
      max-width: 450px;
    }
  }
  .sm\:\[transform\:translate\(10\%\,-50\%\)\] {
    @media (width >= 574px) {
      transform: translate(10%,-50%);
    }
  }
  .sm\:gap-x-6\.25 {
    @media (width >= 574px) {
      column-gap: var(--spacing-6\.25);
    }
  }
  .sm\:gap-x-7\.5 {
    @media (width >= 574px) {
      column-gap: var(--spacing-7\.5);
    }
  }
  .sm\:p-7\.5 {
    @media (width >= 574px) {
      padding: var(--spacing-7\.5);
    }
  }
  .sm\:px-3\.75 {
    @media (width >= 574px) {
      padding-inline: var(--spacing-3\.75);
    }
  }
  .sm\:px-4\.75 {
    @media (width >= 574px) {
      padding-inline: var(--spacing-4\.75);
    }
  }
  .sm\:px-5 {
    @media (width >= 574px) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-7\.5 {
    @media (width >= 574px) {
      padding-inline: var(--spacing-7\.5);
    }
  }
  .sm\:py-2\.5 {
    @media (width >= 574px) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:py-3\.75 {
    @media (width >= 574px) {
      padding-block: var(--spacing-3\.75);
    }
  }
  .sm\:py-20 {
    @media (width >= 574px) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .sm\:pt-7\.5 {
    @media (width >= 574px) {
      padding-top: var(--spacing-7\.5);
    }
  }
  .sm\:pt-20 {
    @media (width >= 574px) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:pt-\[60px\] {
    @media (width >= 574px) {
      padding-top: 60px;
    }
  }
  .sm\:pb-5 {
    @media (width >= 574px) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:text-left {
    @media (width >= 574px) {
      text-align: left;
    }
  }
  .sm\:text-2\.3xl\/\[40px\] {
    @media (width >= 574px) {
      font-size: var(--text-2\.3xl);
      line-height: 40px;
    }
  }
  .sm\:text-2\.5xl\/\[35px\] {
    @media (width >= 574px) {
      font-size: var(--text-2\.5xl);
      line-height: 35px;
    }
  }
  .sm\:text-4\.5xl\/\[50px\] {
    @media (width >= 574px) {
      font-size: var(--text-4\.5xl);
      line-height: 50px;
    }
  }
  .sm\:text-4\.75xl\/\[61px\] {
    @media (width >= 574px) {
      font-size: var(--text-4\.75xl);
      line-height: 61px;
    }
  }
  .sm\:text-5xl {
    @media (width >= 574px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-\[35px\]\/\[45px\] {
    @media (width >= 574px) {
      font-size: 35px;
      line-height: 45px;
    }
  }
  .sm\:text-lg\/\[24px\] {
    @media (width >= 574px) {
      font-size: var(--text-lg);
      line-height: 24px;
    }
  }
  .sm\:text-sm {
    @media (width >= 574px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 574px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-xxl\/\[28px\] {
    @media (width >= 574px) {
      font-size: var(--text-xxl);
      line-height: 28px;
    }
  }
  .sm\:text-2\.3xl {
    @media (width >= 574px) {
      font-size: var(--text-2\.3xl);
    }
  }
  .sm\:text-4\.5xl {
    @media (width >= 574px) {
      font-size: var(--text-4\.5xl);
    }
  }
  .sm\:text-\[17px\] {
    @media (width >= 574px) {
      font-size: 17px;
    }
  }
  .sm\:text-\[45px\] {
    @media (width >= 574px) {
      font-size: 45px;
    }
  }
  .sm\:text-\[50px\] {
    @media (width >= 574px) {
      font-size: 50px;
    }
  }
  .sm\:leading-\[30px\] {
    @media (width >= 574px) {
      --tw-leading: 30px;
      line-height: 30px;
    }
  }
  .sm\:leading-\[50px\] {
    @media (width >= 574px) {
      --tw-leading: 50px;
      line-height: 50px;
    }
  }
  .md\:top-\[50\%\] {
    @media (width >= 768px) {
      top: 50%;
    }
  }
  .md\:left-2\.5 {
    @media (width >= 768px) {
      left: calc(var(--spacing) * 2.5);
    }
  }
  .md\:left-\[-41\%\] {
    @media (width >= 768px) {
      left: -41%;
    }
  }
  .md\:col-span-2 {
    @media (width >= 768px) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 768px) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 768px) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 768px) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 768px) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 768px) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-8 {
    @media (width >= 768px) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-span-9 {
    @media (width >= 768px) {
      grid-column: span 9 / span 9;
    }
  }
  .md\:float-left {
    @media (width >= 768px) {
      float: left;
    }
  }
  .md\:float-right {
    @media (width >= 768px) {
      float: right;
    }
  }
  .md\:my-7\.5 {
    @media (width >= 768px) {
      margin-block: var(--spacing-7\.5);
    }
  }
  .md\:-mt-29 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing-29) * -1);
    }
  }
  .md\:mt-0 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mt-\[-60px\] {
    @media (width >= 768px) {
      margin-top: -60px;
    }
  }
  .md\:mt-\[-85px\] {
    @media (width >= 768px) {
      margin-top: -85px;
    }
  }
  .md\:mt-\[35px\] {
    @media (width >= 768px) {
      margin-top: 35px;
    }
  }
  .md\:mb-0 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-4\.75 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-4\.75);
    }
  }
  .md\:mb-5 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:mb-6 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-6\.25 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-6\.25);
    }
  }
  .md\:mb-7\.5 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-7\.5);
    }
  }
  .md\:mb-8 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-10 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-13\.5 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-13\.5);
    }
  }
  .md\:mb-20 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:mb-25 {
    @media (width >= 768px) {
      margin-bottom: var(--spacing-25);
    }
  }
  .md\:ml-20 {
    @media (width >= 768px) {
      margin-left: calc(var(--spacing) * 20);
    }
  }
  .md\:ml-\[12\.33333333\%\] {
    @media (width >= 768px) {
      margin-left: 12.33333333%;
    }
  }
  .md\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 768px) {
      display: flex;
    }
  }
  .md\:table-cell {
    @media (width >= 768px) {
      display: table-cell;
    }
  }
  .md\:size-\[170px\] {
    @media (width >= 768px) {
      width: 170px;
      height: 170px;
    }
  }
  .md\:size-\[200px\] {
    @media (width >= 768px) {
      width: 200px;
      height: 200px;
    }
  }
  .md\:h-\[60px\] {
    @media (width >= 768px) {
      height: 60px;
    }
  }
  .md\:h-\[170px\] {
    @media (width >= 768px) {
      height: 170px;
    }
  }
  .md\:h-\[190px\] {
    @media (width >= 768px) {
      height: 190px;
    }
  }
  .md\:h-\[195px\] {
    @media (width >= 768px) {
      height: 195px;
    }
  }
  .md\:h-\[210px\] {
    @media (width >= 768px) {
      height: 210px;
    }
  }
  .md\:h-\[450px\] {
    @media (width >= 768px) {
      height: 450px;
    }
  }
  .md\:h-\[750px\] {
    @media (width >= 768px) {
      height: 750px;
    }
  }
  .md\:h-\[800px\] {
    @media (width >= 768px) {
      height: 800px;
    }
  }
  .md\:min-h-0 {
    @media (width >= 768px) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .md\:w-1\/2 {
    @media (width >= 768px) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-1\/3 {
    @media (width >= 768px) {
      width: calc(1/3 * 100%);
    }
  }
  .md\:w-1\/6 {
    @media (width >= 768px) {
      width: calc(1/6 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 768px) {
      width: calc(2/3 * 100%);
    }
  }
  .md\:w-2\/4 {
    @media (width >= 768px) {
      width: calc(2/4 * 100%);
    }
  }
  .md\:w-5\/12 {
    @media (width >= 768px) {
      width: calc(5/12 * 100%);
    }
  }
  .md\:w-6\/12 {
    @media (width >= 768px) {
      width: calc(6/12 * 100%);
    }
  }
  .md\:w-7\/12 {
    @media (width >= 768px) {
      width: calc(7/12 * 100%);
    }
  }
  .md\:w-20 {
    @media (width >= 768px) {
      width: calc(var(--spacing) * 20);
    }
  }
  .md\:w-\[40\%\] {
    @media (width >= 768px) {
      width: 40%;
    }
  }
  .md\:w-\[120\%\] {
    @media (width >= 768px) {
      width: 120%;
    }
  }
  .md\:w-\[170px\] {
    @media (width >= 768px) {
      width: 170px;
    }
  }
  .md\:w-\[220px\] {
    @media (width >= 768px) {
      width: 220px;
    }
  }
  .md\:w-\[280px\] {
    @media (width >= 768px) {
      width: 280px;
    }
  }
  .md\:w-\[350px\] {
    @media (width >= 768px) {
      width: 350px;
    }
  }
  .md\:w-\[630px\] {
    @media (width >= 768px) {
      width: 630px;
    }
  }
  .md\:w-full {
    @media (width >= 768px) {
      width: 100%;
    }
  }
  .md\:max-w-\[640px\] {
    @media (width >= 768px) {
      max-width: 640px;
    }
  }
  .md\:scale-110 {
    @media (width >= 768px) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .md\:justify-start {
    @media (width >= 768px) {
      justify-content: flex-start;
    }
  }
  .md\:gap-7\.5 {
    @media (width >= 768px) {
      gap: var(--spacing-7\.5);
    }
  }
  .md\:gap-x-7\.5 {
    @media (width >= 768px) {
      column-gap: var(--spacing-7\.5);
    }
  }
  .md\:divide-y-0 {
    @media (width >= 768px) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .md\:bg-white {
    @media (width >= 768px) {
      background-color: var(--color-white);
    }
  }
  .md\:p-3\.75 {
    @media (width >= 768px) {
      padding: var(--spacing-3\.75);
    }
  }
  .md\:p-4\.75 {
    @media (width >= 768px) {
      padding: var(--spacing-4\.75);
    }
  }
  .md\:p-5 {
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-7\.5 {
    @media (width >= 768px) {
      padding: var(--spacing-7\.5);
    }
  }
  .md\:px-3\.75 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-3\.75);
    }
  }
  .md\:px-5 {
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:px-7\.5 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-7\.5);
    }
  }
  .md\:px-13\.5 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-13\.5);
    }
  }
  .md\:px-20 {
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .md\:py-3\.75 {
    @media (width >= 768px) {
      padding-block: var(--spacing-3\.75);
    }
  }
  .md\:py-20 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-4\.75 {
    @media (width >= 768px) {
      padding-top: var(--spacing-4\.75);
    }
  }
  .md\:pt-20 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-\[60px\] {
    @media (width >= 768px) {
      padding-top: 60px;
    }
  }
  .md\:pt-\[100px\] {
    @media (width >= 768px) {
      padding-top: 100px;
    }
  }
  .md\:pt-\[200px\] {
    @media (width >= 768px) {
      padding-top: 200px;
    }
  }
  .md\:pr-\[60px\] {
    @media (width >= 768px) {
      padding-right: 60px;
    }
  }
  .md\:pb-5 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:pb-13\.5 {
    @media (width >= 768px) {
      padding-bottom: var(--spacing-13\.5);
    }
  }
  .md\:pb-20 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pl-7\.5 {
    @media (width >= 768px) {
      padding-left: var(--spacing-7\.5);
    }
  }
  .md\:pl-\[60px\] {
    @media (width >= 768px) {
      padding-left: 60px;
    }
  }
  .md\:text-center {
    @media (width >= 768px) {
      text-align: center;
    }
  }
  .md\:text-left {
    @media (width >= 768px) {
      text-align: left;
    }
  }
  .md\:text-right {
    @media (width >= 768px) {
      text-align: right;
    }
  }
  .md\:text-2\.3xl\/\[40px\] {
    @media (width >= 768px) {
      font-size: var(--text-2\.3xl);
      line-height: 40px;
    }
  }
  .md\:text-4\.5xl\/\[55px\] {
    @media (width >= 768px) {
      font-size: var(--text-4\.5xl);
      line-height: 55px;
    }
  }
  .md\:text-4\.75xl\/\[45px\] {
    @media (width >= 768px) {
      font-size: var(--text-4\.75xl);
      line-height: 45px;
    }
  }
  .md\:text-4\.75xl\/\[50px\] {
    @media (width >= 768px) {
      font-size: var(--text-4\.75xl);
      line-height: 50px;
    }
  }
  .md\:text-5xl {
    @media (width >= 768px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-5xl\/\[65px\] {
    @media (width >= 768px) {
      font-size: var(--text-5xl);
      line-height: 65px;
    }
  }
  .md\:text-\[36px\]\/\[45px\] {
    @media (width >= 768px) {
      font-size: 36px;
      line-height: 45px;
    }
  }
  .md\:text-\[44px\]\/\[40px\] {
    @media (width >= 768px) {
      font-size: 44px;
      line-height: 40px;
    }
  }
  .md\:text-\[55px\]\/\[65px\] {
    @media (width >= 768px) {
      font-size: 55px;
      line-height: 65px;
    }
  }
  .md\:text-\[59px\]\/\[79px\] {
    @media (width >= 768px) {
      font-size: 59px;
      line-height: 79px;
    }
  }
  .md\:text-\[70px\]\/\[200px\] {
    @media (width >= 768px) {
      font-size: 70px;
      line-height: 200px;
    }
  }
  .md\:text-base {
    @media (width >= 768px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 768px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-lg\/\[30px\] {
    @media (width >= 768px) {
      font-size: var(--text-lg);
      line-height: 30px;
    }
  }
  .md\:text-2\.3xl {
    @media (width >= 768px) {
      font-size: var(--text-2\.3xl);
    }
  }
  .md\:text-2\.5xl {
    @media (width >= 768px) {
      font-size: var(--text-2\.5xl);
    }
  }
  .md\:text-\[35px\] {
    @media (width >= 768px) {
      font-size: 35px;
    }
  }
  .md\:text-\[45px\] {
    @media (width >= 768px) {
      font-size: 45px;
    }
  }
  .md\:text-\[50px\] {
    @media (width >= 768px) {
      font-size: 50px;
    }
  }
  .md\:text-\[60px\] {
    @media (width >= 768px) {
      font-size: 60px;
    }
  }
  .md\:text-\[70px\] {
    @media (width >= 768px) {
      font-size: 70px;
    }
  }
  .md\:leading-7 {
    @media (width >= 768px) {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
  }
  .md\:leading-10 {
    @media (width >= 768px) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .md\:leading-\[55px\] {
    @media (width >= 768px) {
      --tw-leading: 55px;
      line-height: 55px;
    }
  }
  .md\:leading-\[60px\] {
    @media (width >= 768px) {
      --tw-leading: 60px;
      line-height: 60px;
    }
  }
  .md\:leading-\[80px\] {
    @media (width >= 768px) {
      --tw-leading: 80px;
      line-height: 80px;
    }
  }
  .md\:text-\[\#363636\] {
    @media (width >= 768px) {
      color: #363636;
    }
  }
  .md\:shadow-\[0_0_30px_0_rgba\(0\,0\,0\,0\.05\)\] {
    @media (width >= 768px) {
      --tw-shadow: 0 0 30px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .lg\:invisible {
    @media (width >= 992px) {
      visibility: hidden;
    }
  }
  .lg\:top-\[30\%\] {
    @media (width >= 992px) {
      top: 30%;
    }
  }
  .lg\:bottom-\[-30\%\] {
    @media (width >= 992px) {
      bottom: -30%;
    }
  }
  .lg\:bottom-\[-47px\] {
    @media (width >= 992px) {
      bottom: -47px;
    }
  }
  .lg\:left-\[-20\%\] {
    @media (width >= 992px) {
      left: -20%;
    }
  }
  .lg\:order-\[2\] {
    @media (width >= 992px) {
      order: 2;
    }
  }
  .lg\:order-\[3\] {
    @media (width >= 992px) {
      order: 3;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 992px) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 992px) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 992px) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 992px) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 992px) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 992px) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 992px) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 992px) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 992px) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:mx-\[60px\] {
    @media (width >= 992px) {
      margin-inline: 60px;
    }
  }
  .lg\:my-4\.75 {
    @media (width >= 992px) {
      margin-block: var(--spacing-4\.75);
    }
  }
  .lg\:my-25 {
    @media (width >= 992px) {
      margin-block: var(--spacing-25);
    }
  }
  .lg\:mt-0 {
    @media (width >= 992px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-13\.5 {
    @media (width >= 992px) {
      margin-top: var(--spacing-13\.5);
    }
  }
  .lg\:mt-20 {
    @media (width >= 992px) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:-mb-25 {
    @media (width >= 992px) {
      margin-bottom: calc(var(--spacing-25) * -1);
    }
  }
  .lg\:mb-0 {
    @media (width >= 992px) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-5 {
    @media (width >= 992px) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:mb-6\.25 {
    @media (width >= 992px) {
      margin-bottom: var(--spacing-6\.25);
    }
  }
  .lg\:ml-0 {
    @media (width >= 992px) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .lg\:flex {
    @media (width >= 992px) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 992px) {
      display: none;
    }
  }
  .lg\:table-cell {
    @media (width >= 992px) {
      display: table-cell;
    }
  }
  .lg\:h-\[435\.648px\] {
    @media (width >= 992px) {
      height: 435.648px;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 992px) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 992px) {
      width: calc(1/3 * 100%);
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 992px) {
      width: calc(1/4 * 100%);
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 992px) {
      width: calc(2/3 * 100%);
    }
  }
  .lg\:w-2\/6 {
    @media (width >= 992px) {
      width: calc(2/6 * 100%);
    }
  }
  .lg\:w-3\/4 {
    @media (width >= 992px) {
      width: calc(3/4 * 100%);
    }
  }
  .lg\:w-4\/6 {
    @media (width >= 992px) {
      width: calc(4/6 * 100%);
    }
  }
  .lg\:w-4\/12 {
    @media (width >= 992px) {
      width: calc(4/12 * 100%);
    }
  }
  .lg\:w-8\/12 {
    @media (width >= 992px) {
      width: calc(8/12 * 100%);
    }
  }
  .lg\:w-20 {
    @media (width >= 992px) {
      width: calc(var(--spacing) * 20);
    }
  }
  .lg\:w-\[75\%\] {
    @media (width >= 992px) {
      width: 75%;
    }
  }
  .lg\:w-\[83\.33\%\] {
    @media (width >= 992px) {
      width: 83.33%;
    }
  }
  .lg\:w-\[120\%\] {
    @media (width >= 992px) {
      width: 120%;
    }
  }
  .lg\:w-\[350px\] {
    @media (width >= 992px) {
      width: 350px;
    }
  }
  .lg\:w-\[575px\] {
    @media (width >= 992px) {
      width: 575px;
    }
  }
  .lg\:w-\[800px\] {
    @media (width >= 992px) {
      width: 800px;
    }
  }
  .lg\:max-w-\[500px\] {
    @media (width >= 992px) {
      max-width: 500px;
    }
  }
  .lg\:\[transform\:translate\(-15px\,-50px\)\] {
    @media (width >= 992px) {
      transform: translate(-15px,-50px);
    }
  }
  .lg\:\[transform\:translate\(20\%\,-50\%\)\] {
    @media (width >= 992px) {
      transform: translate(20%,-50%);
    }
  }
  .lg\:bg-\[url\(\.\.\/images\/desktop\.png\)\,url\(\.\.\/images\/pattern\/pt\/pt1\.png\)\] {
    @media (width >= 992px) {
      background-image: url(../images/desktop.png),url(../images/pattern/pt/pt1.png);
    }
  }
  .lg\:\[background-repeat\:no-repeat\,repeat\] {
    @media (width >= 992px) {
      background-repeat: no-repeat,repeat;
    }
  }
  .lg\:p-7\.5 {
    @media (width >= 992px) {
      padding: var(--spacing-7\.5);
    }
  }
  .lg\:px-2\.5 {
    @media (width >= 992px) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:px-3\.75 {
    @media (width >= 992px) {
      padding-inline: var(--spacing-3\.75);
    }
  }
  .lg\:px-7\.5 {
    @media (width >= 992px) {
      padding-inline: var(--spacing-7\.5);
    }
  }
  .lg\:px-13\.5 {
    @media (width >= 992px) {
      padding-inline: var(--spacing-13\.5);
    }
  }
  .lg\:py-20 {
    @media (width >= 992px) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-20 {
    @media (width >= 992px) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-\[190px\] {
    @media (width >= 992px) {
      padding-top: 190px;
    }
  }
  .lg\:pr-13\.5 {
    @media (width >= 992px) {
      padding-right: var(--spacing-13\.5);
    }
  }
  .lg\:pb-13\.5 {
    @media (width >= 992px) {
      padding-bottom: var(--spacing-13\.5);
    }
  }
  .lg\:pb-\[150px\] {
    @media (width >= 992px) {
      padding-bottom: 150px;
    }
  }
  .lg\:pl-7\.5 {
    @media (width >= 992px) {
      padding-left: var(--spacing-7\.5);
    }
  }
  .lg\:pl-13\.5 {
    @media (width >= 992px) {
      padding-left: var(--spacing-13\.5);
    }
  }
  .lg\:text-left {
    @media (width >= 992px) {
      text-align: left;
    }
  }
  .lg\:text-2\.3xl\/\[40px\] {
    @media (width >= 992px) {
      font-size: var(--text-2\.3xl);
      line-height: 40px;
    }
  }
  .lg\:text-2\.5xl\/\[35px\] {
    @media (width >= 992px) {
      font-size: var(--text-2\.5xl);
      line-height: 35px;
    }
  }
  .lg\:text-3xl\/\[30px\] {
    @media (width >= 992px) {
      font-size: var(--text-3xl);
      line-height: 30px;
    }
  }
  .lg\:text-4\.75xl\/\[50px\] {
    @media (width >= 992px) {
      font-size: var(--text-4\.75xl);
      line-height: 50px;
    }
  }
  .lg\:text-\[45px\]\/\[55px\] {
    @media (width >= 992px) {
      font-size: 45px;
      line-height: 55px;
    }
  }
  .lg\:text-\[70px\]\/\[70px\] {
    @media (width >= 992px) {
      font-size: 70px;
      line-height: 70px;
    }
  }
  .lg\:text-lg {
    @media (width >= 992px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-4\.5xl {
    @media (width >= 992px) {
      font-size: var(--text-4\.5xl);
    }
  }
  .lg\:text-\[60px\] {
    @media (width >= 992px) {
      font-size: 60px;
    }
  }
  .lg\:text-\[100px\] {
    @media (width >= 992px) {
      font-size: 100px;
    }
  }
  .lg\:text-xxl {
    @media (width >= 992px) {
      font-size: var(--text-xxl);
    }
  }
  .lg\:leading-\[80px\] {
    @media (width >= 992px) {
      --tw-leading: 80px;
      line-height: 80px;
    }
  }
  .lg\:opacity-0 {
    @media (width >= 992px) {
      opacity: 0%;
    }
  }
  .lg\:group-hover\:visible {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          visibility: visible;
        }
      }
    }
  }
  .lg\:group-hover\:top-1\/2 {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          top: calc(1/2 * 100%);
        }
      }
    }
  }
  .lg\:group-hover\:bottom-0 {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          bottom: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .lg\:group-hover\:mb-0 {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          margin-bottom: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .lg\:group-hover\:block {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          display: block;
        }
      }
    }
  }
  .lg\:group-hover\:w-full {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          width: 100%;
        }
      }
    }
  }
  .lg\:group-hover\:opacity-100 {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .lg\:group-hover\:duration-\[0\.5s\] {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-duration: 0.5s;
          transition-duration: 0.5s;
        }
      }
    }
  }
  .lg\:before\:opacity-0 {
    @media (width >= 992px) {
      &::before {
        content: var(--tw-content);
        opacity: 0%;
      }
    }
  }
  .lg\:group-hover\:before\:opacity-80 {
    @media (width >= 992px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          &::before {
            content: var(--tw-content);
            opacity: 80%;
          }
        }
      }
    }
  }
  .lg\:md\:pt-\[300px\] {
    @media (width >= 992px) {
      @media (width >= 768px) {
        padding-top: 300px;
      }
    }
  }
  .\32 lg\:left-\[40px\] {
    @media (width >= 1024px) {
      left: 40px;
    }
  }
  .\32 lg\:col-span-5 {
    @media (width >= 1024px) {
      grid-column: span 5 / span 5;
    }
  }
  .\32 lg\:col-span-7 {
    @media (width >= 1024px) {
      grid-column: span 7 / span 7;
    }
  }
  .\32 lg\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .\32 lg\:w-2\/6 {
    @media (width >= 1024px) {
      width: calc(2/6 * 100%);
    }
  }
  .xl\:left-\[65px\] {
    @media (width >= 1200px) {
      left: 65px;
    }
  }
  .xl\:order-\[2\] {
    @media (width >= 1200px) {
      order: 2;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 1200px) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 1200px) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 1200px) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-5 {
    @media (width >= 1200px) {
      grid-column: span 5 / span 5;
    }
  }
  .xl\:col-span-6 {
    @media (width >= 1200px) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:col-span-7 {
    @media (width >= 1200px) {
      grid-column: span 7 / span 7;
    }
  }
  .xl\:col-span-8 {
    @media (width >= 1200px) {
      grid-column: span 8 / span 8;
    }
  }
  .xl\:\!block {
    @media (width >= 1200px) {
      display: block !important;
    }
  }
  .xl\:flex {
    @media (width >= 1200px) {
      display: flex;
    }
  }
  .xl\:h-\[850px\] {
    @media (width >= 1200px) {
      height: 850px;
    }
  }
  .xl\:w-1\/3 {
    @media (width >= 1200px) {
      width: calc(1/3 * 100%);
    }
  }
  .xl\:w-\[720px\] {
    @media (width >= 1200px) {
      width: 720px;
    }
  }
  .xl\:\[transform\:translate\(-50px\,-50px\)\] {
    @media (width >= 1200px) {
      transform: translate(-50px,-50px);
    }
  }
  .xl\:\[transform\:translate\(0px\,-50px\)\] {
    @media (width >= 1200px) {
      transform: translate(0px,-50px);
    }
  }
  .xl\:self-end {
    @media (width >= 1200px) {
      align-self: flex-end;
    }
  }
  .xl\:p-7\.5 {
    @media (width >= 1200px) {
      padding: var(--spacing-7\.5);
    }
  }
  .xl\:p-\[70px\] {
    @media (width >= 1200px) {
      padding: 70px;
    }
  }
  .xl\:px-25 {
    @media (width >= 1200px) {
      padding-inline: var(--spacing-25);
    }
  }
  .xl\:pr-0 {
    @media (width >= 1200px) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .xl\:text-right {
    @media (width >= 1200px) {
      text-align: right;
    }
  }
  .xl\:text-xl {
    @media (width >= 1200px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:text-xl\/\[35px\] {
    @media (width >= 1200px) {
      font-size: var(--text-xl);
      line-height: 35px;
    }
  }
  .xl\:text-2sm {
    @media (width >= 1200px) {
      font-size: var(--text-2sm);
    }
  }
  .xl\:text-xxl {
    @media (width >= 1200px) {
      font-size: var(--text-xxl);
    }
  }
  .xxl\:table-cell {
    @media (width >= 1400px) {
      display: table-cell;
    }
  }
  .xxl\:w-3\/12 {
    @media (width >= 1400px) {
      width: calc(3/12 * 100%);
    }
  }
  .xxl\:w-\[350px\] {
    @media (width >= 1400px) {
      width: 350px;
    }
  }
  .xxl\:p-\[70px\] {
    @media (width >= 1400px) {
      padding: 70px;
    }
  }
  .xxl\:px-20 {
    @media (width >= 1400px) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .xxl\:pl-7\.5 {
    @media (width >= 1400px) {
      padding-left: var(--spacing-7\.5);
    }
  }
  .\32 xl\:mt-0 {
    @media (width >= 96rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .\32 xl\:\[background-position\:left_-30\%_bottom_-50px\] {
    @media (width >= 96rem) {
      background-position: left -30% bottom -50px;
    }
  }
  .\32 xl\:text-xxl\/\[28px\] {
    @media (width >= 96rem) {
      font-size: var(--text-xxl);
      line-height: 28px;
    }
  }
}
.skin-1 {
  --color-primary: rgb(108 192 0);
  --color-primary-hover: #6cc000;
  --color-rgb-primary: 108 192 0;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #0f1706;
  --color-sitebuttonbg: #6cc000;
  --color-tabsborder: #6cc000;
  --color-checkcolor: #6cc000;
  --color-bottumfooterbg: #0f1706;
  --color-bannerbg2: #0f1706;
  --color-bannerbgbilu: #000000bf;
  --color-bottumfooterbg: #0f1706;
  --color-services-benner-color: #0f1706;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #000;
  --color-bennerbg3: #0f1706b3;
  --color-footerbottum3: #0f1706;
  --color-footertop3: #0f1706;
  --color-primaryservices: #0f1706;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #0f1706;
  --color-advancedbgcolor: #0f1706;
  --color-extraprimarydark: #62af00;
  --color-primarydark: #0f1706;
  --color-headerdark6: #0f1706;
  --color-blackbuilding: #0f1706;
  --color-transparentintrodation: #0f1706b3;
}
.skin-2 {
  --color-primary: rgb(255 0 150);
  --color-primary-hover: #ff0096;
  --color-rgb-primary: 255 0 150;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #0c0003;
  --color-sitebuttonbg: #ff0096;
  --color-tabsborder: #ff0096;
  --color-checkcolor: #ff0096;
  --color-bottumfooterbg: #0c0003;
  --color-bannerbg2: #0c0003;
  --color-bannerbgbilu: #000000bf;
  --color-services-benner-color: #0c0003;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #000;
  --color-bennerbg3: #0c0003b3;
  --color-footerbottum3: #0c0003;
  --color-footertop3: #0c0003;
  --color-primaryservices: #0c0003;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #0c0003;
  --color-advancedbgcolor: #0c0003;
  --color-extraprimarydark: #f2008e;
  --color-primarydark: #0c0003;
  --color-headerdark6: #0c0003;
  --color-blackbuilding: #0c0003;
  --color-transparentintrodation: #0c0003b3;
}
.skin-3 {
  --color-primary: rgb(0 204 211);
  --color-primary-hover: #00ccd3;
  --color-rgb-primary: 0 204 211;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #000907;
  --color-sitebuttonbg: #00ccd3;
  --color-tabsborder: #00ccd3;
  --color-checkcolor: #00ccd3;
  --color-bottumfooterbg: #000907;
  --color-bannerbg2: #000907;
  --color-bannerbgbilu: #000000bf;
  --color-services-benner-color: #000907;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #000;
  --color-bennerbg3: #000907b3;
  --color-footerbottum3: #000907;
  --color-footertop3: #000907;
  --color-primaryservices: #000907;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #000907;
  --color-advancedbgcolor: #000907;
  --color-extraprimarydark: #00bac1;
  --color-primarydark: #000907;
  --color-headerdark6: #000907;
  --color-blackbuilding: #000907;
  --color-transparentintrodation: #000907b3;
}
.skin-4 {
  --color-primary: rgb(0 125 241);
  --color-primary-hover: #007df1;
  --color-rgb-primary: 0 125 241;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #0a0d1b;
  --color-sitebuttonbg: #002eff;
  --color-tabsborder: #002eff;
  --color-checkcolor: #002eff;
  --color-bottumfooterbg: #0a0d1b;
  --color-bannerbg2: #0a0d1b;
  --color-bannerbgbilu: #000000bf;
  --color-services-benner-color: #0a0d1b;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #000;
  --color-bennerbg3: #0a0d18b3;
  --color-footerbottum3: #0a0d1b;
  --color-footertop3: #0a0d1b;
  --color-primaryservices: #0a0d1b;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #0a0d1b;
  --color-advancedbgcolor: #0a0d1b;
  --color-extraprimarydark: #002bef;
  --color-primarydark: #0a0d1b;
  --color-headerdark6: #0a0d1b;
  --color-blackbuilding: #0a0d1b;
  --color-transparentintrodation: #0a0d18b3;
}
.skin-5 {
  --color-primary: rgb(255 47 0);
  --color-primary-hover: #ff2f00;
  --color-rgb-primary: 255 47 0;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #090000;
  --color-sitebuttonbg: #ff0101;
  --color-tabsborder: #ff0101;
  --color-checkcolor: #ff0101;
  --color-bottumfooterbg: #090000;
  --color-bannerbg2: #090000;
  --color-bannerbgbilu: #000000bf;
  --color-services-benner-color: #090000;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #000;
  --color-bennerbg3: #090000b3;
  --color-footerbottum3: #090000;
  --color-footertop3: #090000;
  --color-primaryservices: #090000;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #090000;
  --color-advancedbgcolor: #090000;
  --color-extraprimarydark: #f10000;
  --color-primarydark: #090000;
  --color-headerdark6: #090000;
  --color-blackbuilding: #090000;
  --color-transparentintrodation: #090000b3;
}
.skin-6 {
  --color-primary: rgb(73 11 184);
  --color-primary-hover: #490bb8;
  --color-rgb-primary: 73 11 184;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #020009;
  --color-sitebuttonbg: #490bb8;
  --color-tabsborder: #490bb8;
  --color-checkcolor: #490bb8;
  --color-bottumfooterbg: #020009;
  --color-bannerbg2: #020009;
  --color-bannerbgbilu: #000000bf;
  --color-services-benner-color: #020009;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #020009;
  --color-bennerbg3: #020009b3;
  --color-footerbottum3: #020009;
  --color-footertop3: #020009;
  --color-primaryservices: #020009;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #020009;
  --color-advancedbgcolor: #020009;
  --color-extraprimarydark: #410aa5;
  --color-primarydark: #020009;
  --color-headerdark6: #020009;
  --color-blackbuilding: #020009;
  --color-transparentintrodation: #490bb8b3;
}
.skin-7 {
  --color-primary: rgb(0 125 241);
  --color-primary-hover: #007df1;
  --color-rgb-primary: 0 125 241;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #00090c;
  --color-sitebuttonbg: #007df1;
  --color-tabsborder: #007df1;
  --color-checkcolor: #007df1;
  --color-bottumfooterbg: #00090c;
  --color-bannerbg2: #00090c;
  --color-bannerbgbilu: #000000bf;
  --color-services-benner-color: #00090c;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #000;
  --color-bennerbg3: #00090cb3;
  --color-footerbottum3: #00090c;
  --color-footertop3: #00090c;
  --color-primaryservices: #00090c;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #00090c;
  --color-advancedbgcolor: #00090c;
  --color-extraprimarydark: #0073de;
  --color-primarydark: #00090c;
  --color-headerdark6: #00090c;
  --color-blackbuilding: #00090c;
  --color-transparentintrodation: #00090cb3;
}
.skin-8 {
  --color-primary: rgb(232 120 0);
  --color-primary-hover: #e2a73a;
  --color-rgb-primary: 232 120 0;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #070100;
  --color-sitebuttonbg: #ff5e14;
  --color-tabsborder: #ff5e14;
  --color-checkcolor: #ff5e14;
  --color-bottumfooterbg: #070100;
  --color-bannerbg2: #070100;
  --color-bannerbgbilu: #000000bf;
  --color-services-benner-color: #070100;
  --color-headerfixedcolor: #000000e6;
  --color-headermaincolor: #000;
  --color-bennerbg3: #070100b3;
  --color-footerbottum3: #070100;
  --color-footertop3: #070100;
  --color-primaryservices: #070100;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #070100;
  --color-advancedbgcolor: #070100;
  --color-extraprimarydark: #f02c00;
  --color-primarydark: #070100;
  --color-headerdark6: #070100;
  --color-blackbuilding: #070100;
  --color-transparentintrodation: #070100b3;
}
.skin-full-1 {
  --color-primary: rgb(108 192 0);
  --color-primary-hover: #6cc000;
  --color-rgb-primary: 108 192 0;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #6cc000;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #6cc000;
  --color-bannerbg2: #6cc000d1;
  --color-bannerbgbilu: #6cc000d1;
  --color-services-benner-color: #6cc000;
  --color-headerfixedcolor: #6cc000;
  --color-headermaincolor: #6cc000;
  --color-bennerbg3: #6cc000b3;
  --color-footerbottum3: #6cc000;
  --color-footertop3: #6cc000;
  --color-primaryservices: #6cc000;
  --color-bannerbg5: #6cc000bf;
  --color-expertscolor: #6cc000;
  --color-advancedbgcolor: #6cc000;
  --color-extraprimarydark: #62af00;
  --color-primarydark: #0f1706;
  --color-headerdark6: #6cc000;
  --color-blackbuilding: #6cc000;
  --color-transparentintrodation: #6cc000b3;
}
.skin-full-2 {
  --color-primary: rgb(255 0 150);
  --color-primary-hover: #ff0096;
  --color-rgb-primary: 255 0 150;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #ff0096;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #ff0096;
  --color-bannerbg2: #ff0096cf;
  --color-bannerbgbilu: #ff0096cf;
  --color-services-benner-color: #ff0096cf;
  --color-headerfixedcolor: #ff0096cf;
  --color-headermaincolor: #ff0096cf;
  --color-bennerbg3: #ff0096b3;
  --color-footerbottum3: #ff0096;
  --color-footertop3: #ff0096;
  --color-primaryservices: #ff0096;
  --color-bannerbg5: #ff0096bf;
  --color-expertscolor: #ff0096;
  --color-advancedbgcolor: #ff0096;
  --color-extraprimarydark: #f2008e;
  --color-primarydark: #0c0003;
  --color-headerdark6: #ff0096;
  --color-blackbuilding: #ff0096;
  --color-transparentintrodation: #ff0096b3;
}
.skin-full-3 {
  --color-primary: rgb(0 204 211);
  --color-primary-hover: #00ccd3;
  --color-rgb-primary: 0 204 211;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #00ccd3;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #00ccd3;
  --color-bannerbg2: #00ccd3d9;
  --color-bannerbgbilu: #00ccd3d9;
  --color-services-benner-color: #00ccd3d9;
  --color-headerfixedcolor: #00ccd3d9;
  --color-headermaincolor: #00ccd3d9;
  --color-bennerbg3: #00c2d3b3;
  --color-footerbottum3: #00ccd3;
  --color-footertop3: #00ccd3;
  --color-primaryservices: #00ccd3;
  --color-bannerbg5: #00c2d3bf;
  --color-expertscolor: #00c2d3;
  --color-advancedbgcolor: #00c2d3;
  --color-extraprimarydark: #00bac1;
  --color-primarydark: #0c0003;
  --color-headerdark6: #00c2d3;
  --color-blackbuilding: #00c2d3;
  --color-transparentintrodation: #00c2d3b3;
}
.skin-full-4 {
  --color-primary: rgb(0 125 241);
  --color-primary-hover: #007df1;
  --color-rgb-primary: 0 125 241;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #002eff;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #002eff;
  --color-bannerbg2: #002effe6;
  --color-bannerbgbilu: #002effe6;
  --color-services-benner-color: #002effe6;
  --color-headerfixedcolor: #002effe6;
  --color-headermaincolor: #002effe6;
  --color-bennerbg3: #002effb3;
  --color-footerbottum3: #002eff;
  --color-footertop3: #002eff;
  --color-primaryservices: #002eff;
  --color-bannerbg5: #002effbf;
  --color-expertscolor: #002eff;
  --color-advancedbgcolor: #002eff;
  --color-extraprimarydark: #002bef;
  --color-primarydark: #0c0003;
  --color-headerdark6: #002eff;
  --color-blackbuilding: #002eff;
  --color-transparentintrodation: #007df1b3;
}
.skin-full-5 {
  --color-primary: rgb(255 47 0);
  --color-primary-hover: #ff2f00;
  --color-rgb-primary: 255 47 0;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #ff0101;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #ff0101;
  --color-bannerbg2: #ff0101d6;
  --color-bannerbgbilu: #ff0101d6;
  --color-services-benner-color: #ff0101d6;
  --color-headerfixedcolor: #ff0101d6;
  --color-headermaincolor: #ff0101d6;
  --color-bennerbg3: #ff0000b3;
  --color-footerbottum3: #ff0101;
  --color-footertop3: #ff0101;
  --color-primaryservices: #ff0101;
  --color-bannerbg5: #ff0000bf;
  --color-expertscolor: #ff0000;
  --color-advancedbgcolor: #ff0000;
  --color-extraprimarydark: #f10000;
  --color-primarydark: #0a0d1b;
  --color-headerdark6: #ff0000;
  --color-blackbuilding: #ff0000;
  --color-transparentintrodation: #ff0000b3;
}
.skin-full-6 {
  --color-primary: rgb(73 11 184);
  --color-primary-hover: #490bb8;
  --color-rgb-primary: 73 11 184;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #490bb8;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #490bb8;
  --color-bannerbg2: #490bb8d9;
  --color-bannerbgbilu: #490bb8d9;
  --color-services-benner-color: #490bb8d9;
  --color-headerfixedcolor: #490bb8d9;
  --color-headermaincolor: #490bb8d9;
  --color-bennerbg3: #490bb8b3;
  --color-footerbottum3: #490bb8;
  --color-footertop3: #490bb8;
  --color-primaryservices: #490bb8;
  --color-bannerbg5: #490bb8bf;
  --color-expertscolor: #490bb8;
  --color-advancedbgcolor: #490bb8;
  --color-extraprimarydark: #410aa5;
  --color-primarydark: #020009;
  --color-headerdark6: #490bb8;
  --color-blackbuilding: #490bb8;
  --color-transparentintrodation: #490bb8b3;
}
.skin-full-7 {
  --color-primary: rgb(0 125 241);
  --color-primary-hover: #007df1;
  --color-rgb-primary: 0 125 241;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #007df1;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #007df1;
  --color-bannerbg2: #002effbf;
  --color-bannerbgbilu: #002effbf;
  --color-services-benner-color: #002effbf;
  --color-headerfixedcolor: #002effbf;
  --color-headermaincolor: #002effbf;
  --color-bennerbg3: #007df1b3;
  --color-footerbottum3: #002eff;
  --color-footertop3: #002eff;
  --color-primaryservices: #002eff;
  --color-bannerbg5: #007df1bf;
  --color-expertscolor: #007df1;
  --color-advancedbgcolor: #007df1;
  --color-extraprimarydark: #0073de;
  --color-primarydark: #00090c;
  --color-headerdark6: #007df1;
  --color-blackbuilding: #007df1;
  --color-transparentintrodation: #002effb3;
}
.skin-full-8 {
  --color-primary: rgb(232 120 0);
  --color-primary-hover: #ff5e14;
  --color-rgb-primary: 232 120 0;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bannerbg: #ff2f00bf;
  --color-bodytext: #fff;
  --color-sitebuttonbg: #fff;
  --color-sitebuttontext: #000;
  --color-tabsborder: #fff;
  --color-checkcolor: #fff;
  --color-footertextcolor: #fff;
  --color-bottumfooterbg: #ff5e14;
  --color-bannerbg2: #ff2f00bf;
  --color-bannerbgbilu: #ff2f00bf;
  --color-services-benner-color: #ff2f00bf;
  --color-headerfixedcolor: #ff2f00bf;
  --color-headermaincolor: #ff2f00bf;
  --color-bennerbg3: #ff2f00b3;
  --color-footerbottum3: #ff0101;
  --color-footertop3: #ff0101;
  --color-primaryservices: #e87800;
  --color-bannerbg5: #ff2f00bf;
  --color-expertscolor: #ff2f00;
  --color-advancedbgcolor: #ff2f00;
  --color-extraprimarydark: #f02c00;
  --color-primarydark: #070100;
  --color-headerdark6: #ff2f00;
  --color-blackbuilding: #ff2f00;
  --color-transparentintrodation: #ff2f00b3;
}
:root {
  --color-primary: rgb(108 192 0);
  --primary-hover: #6cc000;
  --color-rgb-primary: 108 192 0;
  --color-rgba-primary-05: rgba(var(--rgb-primary), 0.05);
  --color-rgba-primary-1: rgba(var(--rgb-primary), 0.1);
  --color-rgba-primary-2: rgba(var(--rgb-primary), 0.2);
  --color-rgba-primary-3: rgba(var(--rgb-primary), 0.3);
  --color-rgba-primary-4: rgba(var(--rgb-primary), 0.4);
  --color-rgba-primary-5: rgba(var(--rgb-primary), 0.5);
  --color-rgba-primary-6: rgba(var(--rgb-primary), 0.6);
  --color-rgba-primary-7: rgba(var(--rgb-primary), 0.7);
  --color-rgba-primary-8: rgba(var(--rgb-primary), 0.8);
  --color-rgba-primary-9: rgba(var(--rgb-primary), 0.9);
  --color-bodytext: #acacac;
  --color-sitebuttonbg: #6cc000;
  --color-sitebuttontext: #fff;
  --color-tabsborder: #6cc000;
  --color-checkcolor: #6cc000;
  --color-footertextcolor: #b0b0b0;
  --color-headermaincolor: #490bb8;
  --color-bennerbg3: #490bb8b3;
  --color-footerbottum3: #5e28c0;
  --color-footertop3: #490bb8;
  --color-primaryservices: #490bb8;
  --color-bannerbg5: #000000bf;
  --color-expertscolor: #00090c;
  --color-advancedbgcolor: #090000;
  --color-extraprimarydark: #62af00;
  --color-primarydark: #0f1706;
  --color-headerdark6: #000;
  --color-blackbuilding: #007df1;
  --color-headerfixedcolor: #000;
  --color-bannerbg2: #0f1706;
  --color-bannerbgbilu: #000000bf;
  --color-Services-benner-color: #0f1706;
  --color-transparentintrodation: #490bb8b3;
  --color-staryellow: #ffa808;
}
body {
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.leading-page-1 {
  position: absolute;
}
.dzSubscribeMsg .alert, .dzFormMsg .alert {
  position: relative;
  margin-bottom: calc(var(--spacing) * 4);
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 2px;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: var(--spacing-3\.75);
  font-family: var(--font-montserrat);
}
.alert-warning {
  border-color: #ffeeba;
  background-color: #fff3cd;
  color: #856404;
}
.alert-success {
  border-color: #c3e6cb;
  background-color: #d4edda;
  color: #155724;
}
.alert-info {
  border-color: #b8daff;
  background-color: #cce5ff;
  color: #004085;
}
.alert-danger {
  border-color: #f5c6cb;
  background-color: #f8d7da;
  color: #721c24;
}
#loading-area {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999999;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  background: #fff;
}
#loading-area.loading-page-1 {
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
}
#loading-area.loading-page-1 .spinner {
  width: 60px;
  height: 60px;
}
#loading-area.loading-page-1 .spinner svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  animation: rotation 1455ms infinite linear;
}
#loading-area.loading-page-1 .spinner circle {
  stroke: #212529;
  stroke-dasharray: 44px;
  stroke-dashoffset: 11px;
  stroke-linecap: round;
  transform-origin: center;
  transform: rotatey(180deg) rotate(90deg);
  animation: spinner 3850ms infinite ease;
}
@keyframes spinner {
  0% {
    stroke-dashoffset: 33px;
    transform: rotatey(0deg) rotate(0deg);
  }
  24.9999% {
    stroke-dashoffset: 11px;
    transform: rotatey(0deg) rotate(0deg);
  }
  25% {
    stroke-dashoffset: 11px;
    transform: rotatey(180deg) rotate(270deg);
  }
  49.9999% {
    stroke-dashoffset: 33px;
    transform: rotatey(180deg) rotate(270deg);
  }
  50% {
    stroke-dashoffset: 33px;
    transform: rotatey(0deg) rotate(180deg);
  }
  74.9999% {
    stroke-dashoffset: 11px;
    transform: rotatey(0deg) rotate(180deg);
  }
  75% {
    stroke-dashoffset: 11px;
    transform: rotatey(180deg) rotate(90deg);
  }
  100% {
    stroke-dashoffset: 33px;
    transform: rotatey(180deg) rotate(90deg);
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@import url("https://fonts.googleapis.com/css?family=Abhaya+Libre:400,500,600,700,800|Great+Vibes|Hind:300,400,500,600,700|Lato:100,300,400,700,900|Montserrat:100,200,300,400,500,600,700,800,900|Nunito:200,300,400,600,700,800,900|Open+Sans:300,400,600,700,800|PT+Sans:400,700|Playfair+Display:400,700,900|Poppins:100,200,300,400,500,600,700,800,900|Raleway:100,200,300,400,500,600,700,800,900|Roboto+Slab:100,300,400,700|Roboto:100,300,400,500,700,900|Rubik:300,400,500,700,900");
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lobster&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@layer components {
  .row {
    display: flex;
    flex-wrap: wrap;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
  }
  .row>* {
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
  }
  .container-fluid {
    margin-inline: auto;
    width: 100%;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .container {
    @media (width >= 574px) {
      max-width: 540px !important;
    }
    @media (width >= 768px) {
      max-width: 720px !important;
    }
    @media (width >= 992px) {
      max-width: 960px !important;
    }
    @media (width >= 1024px) {
      max-width: 1024px !important;
    }
    @media (width >= 1200px) {
      max-width: 1140px !important;
    }
    @media (width >= 1400px) {
      max-width: 1170px !important;
    }
  }
}
@layer components {
  .owl-carousel .owl-stage:after {
    visibility: hidden;
    clear: both;
    display: block;
    --tw-content: '.';
    content: var(--tw-content);
  }
  .owl-none .owl-nav {
    display: none;
  }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
  .testimonial-box.owl-theme .owl-dots {
    position: unset;
    top: auto;
    right: auto;
    margin-top: var(--spacing-7\.5);
    width: auto;
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    text-align: center;
  }
  .testimonial-box .owl-none .owl-nav {
    display: block;
  }
  .owl-slider-banner .owl-item.active .slide-content-box {
    top: 50%;
    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .slide-content-box {
    top: 30%;
    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .owl-slider-banner .owl-theme .owl-dots {
    position: absolute;
    top: calc(2/4 * 100%);
    right: var(--spacing-13\.5);
    margin-top: calc(var(--spacing) * 0);
    width: 25px;
    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    text-align: center;
    color: #ffffff80;
  }
  .owl-slider-banner .owl-theme .owl-dots .owl-dot {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ffffff66;
  }
  .owl-slider-banner .owl-theme .owl-dots .owl-dot {
    margin: 4px;
    display: inline-block;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: 4px;
  }
  .owl-slider-banner .owl-theme .owl-dots .owl-dot.active {
    border-color: var(--color-primary);
  }
  .owl-slider-banner .owl-theme .owl-dots .owl-dot span {
    visibility: visible;
    margin: calc(var(--spacing) * 0);
    display: block;
    width: 9px;
    height: 9px;
    border-radius: calc(infinity * 1px);
    background-color: #869791;
  }
  .owl-slider-banner .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-primary);
  }
  @media (max-width: 768px) {
    .owl-slider.owl-theme .owl-dots {
      position: absolute;
      top: auto;
      right: auto;
      bottom: 180px;
      margin-top: calc(var(--spacing) * 0);
      width: 100%;
      --tw-translate-y: calc(calc(2/4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      text-align: center;
    }
  }
  .owl-dots-black-full.owl-theme .owl-dots .owl-dot {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    background-color: #869791;
    opacity: 100%;
  }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
  }
  .testimonial-box .owl-theme .owl-dots .owl-dot.active {
    background-color: #869791;
  }
  .owl-dots-black-full.owl-theme .owl-dots .owl-dot {
    margin: calc(var(--spacing) * 2);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .owl-theme .owl-dots .owl-dot {
    visibility: visible;
    border-radius: calc(infinity * 1px);
  }
  .owl-theme .owl-dots {
    margin-top: calc(var(--spacing) * 5);
    display: block;
    text-align: center;
  }
  .owl-dots-black-full .owl-dots .disabled {
    position: unset;
    margin-top: var(--spacing-7\.5);
    width: auto;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    text-align: center;
  }
  .owl-dots-black-full.owl-theme .owl-dots .owl-dot.active {
    width: 25px;
    background-color: var(--color-black);
  }
  .owl-btn-center-lr .owl-nav .owl-prev, .owl-btn-center-lr .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: calc(var(--spacing) * 0);
    z-index: 1;
    margin: calc(var(--spacing) * 0);
    margin-inline: -70px;
    width: auto;
    height: auto;
    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    color: var(--color-white);
    opacity: 0.2;
  }
  .Products-slide .owl-btn-center-lr .owl-nav .owl-prev, .Products-slide .owl-btn-center-lr .owl-nav .owl-next {
    position: absolute;
    top: 35%;
    left: calc(var(--spacing) * 0);
    z-index: 1;
    margin: calc(var(--spacing) * 0);
    margin-inline: calc(var(--spacing) * 2.5);
    display: flex;
    width: var(--spacing-4\.75);
    height: var(--spacing-4\.75);
    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    background-color: var(--color-primary);
    text-align: center;
    font-size: var(--text-2xs);
    color: var(--color-white);
    opacity: 100%;
  }
  .owl-btn-center-lr .owl-nav .owl-prev:hover, .owl-btn-center-lr .owl-nav .owl-next:hover {
    color: var(--color-white);
    opacity: 100%;
  }
  .Clients-box .owl-btn-center-lr .owl-nav .owl-prev, .Clients-box .owl-btn-center-lr .owl-nav .owl-next {
    color: var(--color-white);
  }
  .Clients-box .owl-btn-3.btn-white .owl-prev:hover, .Clients-box .owl-btn-3.btn-white .owl-next:hover {
    color: var(--color-white);
    opacity: 100%;
  }
  .testimonial-two-dots-bx.owl-btn-center-lr .owl-nav .owl-prev, .testimonial-two-dots-bx.owl-btn-center-lr .owl-nav .owl-next {
    color: var(--color-black);
  }
  @media (max-width: 1200px) {
    .owl-btn-center-lr .owl-nav .owl-prev, .owl-btn-center-lr .owl-nav .owl-next {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .owl-btn-center-lr .owl-next {
    right: calc(var(--spacing) * 0) !important;
    left: auto !important;
  }
  .product-gallery-bx .owl-prev, .product-gallery-bx .owl-next {
    position: relative;
    width: 70px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .product-gallery-bx .owl-prev, .product-gallery-bx .owl-next {
    margin-inline: var(--spacing-1\.25);
    display: inline-block;
    cursor: pointer;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .product-gallery-bx .owl-prev:hover {
    --tw-translate-x: calc(var(--spacing) * -5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 70%;
  }
  .product-gallery-bx .owl-next:hover {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 70%;
  }
  .our-testimonial .owl-carousel.owl-loaded {
    display: block;
  }
  .our-testimonial .owl-carousel {
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .our-testimonial .owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    user-select: none;
  }
  .our-testimonial .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
  .owl-theme.style-1 .owl-nav {
    margin-top: var(--spacing-6\.25);
    display: flex;
  }
  .owl-theme.style-1 .owl-nav .owl-prev, .owl-theme.style-1 .owl-nav .owl-next {
    display: flex;
    width: 60px;
    height: 60px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background-color: #613fe51a;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing-1\.25);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-primary);
    --tw-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .owl-theme.style-1 .owl-nav .owl-prev {
    margin-right: var(--spacing-3\.75);
  }
  .owl-theme.style-1 .owl-nav .owl-prev:hover, .owl-theme.style-1 .owl-nav .owl-next:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
  }
  .owl-carousel .owl-stage {
    position: relative;
  }
  .slider-2 .owl-theme .owl-dots {
    display: none;
  }
  .our-testimonial .owl-theme .owl-dots {
    display: none;
  }
  .slide-logo .owl-btn-center-lr .owl-nav .owl-prev, .slide-logo .owl-btn-center-lr .owl-nav .owl-next {
    color: color-mix(in oklab, var(--color-black) 6000%, transparent);
  }
  .insurance-slide .owl-btn-center-lr .owl-nav .owl-prev, .insurance-slide .owl-btn-center-lr .owl-nav .owl-next {
    margin-inline: calc(var(--spacing) * 2.5);
    display: flex;
    width: var(--spacing-4\.75);
    height: var(--spacing-4\.75);
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: var(--color-black);
    font-size: 13px;
    --tw-leading: 40px;
    line-height: 40px;
    color: var(--color-white);
    opacity: 50% !important;
  }
  .dlab-blog .owl-theme .owl-dots .owl-dot span {
    visibility: visible;
    margin-inline: 7px;
    margin-block: var(--spacing-1\.25) !important;
    display: block;
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    background-color: #d6d6d6;
    opacity: 200ms;
  }
  .dlab-blog .owl-theme .owl-dots .owl-dot.active span, .dlab-blog .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #869791;
  }
  .dlab-blog .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    text-align: center;
  }
  .swiper-img-check .swiper-slide-thumb-active img {
    display: inline-block;
    width: 100%;
    height: 100%;
    outline-style: var(--tw-outline-style);
    outline-width: 5px;
    outline-offset: -9px;
    outline-color: #00000033;
  }
  .slider-2 .owl-none .owl-nav {
    display: block !important;
  }
  .slider-2 .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    margin-left: var(--spacing-3\.75);
    width: auto;
    height: auto;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    font-size: 35px;
    color: var(--color-white);
  }
  .slider-2 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    margin-right: var(--spacing-3\.75);
    width: auto;
    height: auto;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    font-size: 35px;
    color: var(--color-white);
  }
  .explore-carousel.owl-btn-center-lr .owl-nav .owl-prev, .explore-carousel.owl-btn-center-lr .owl-nav .owl-next {
    display: flex;
    width: var(--spacing-4\.75);
    height: var(--spacing-4\.75);
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    background-color: var(--color-primary);
    text-align: center;
    font-size: var(--text-2xs);
    opacity: 100%;
  }
  .banner-5 .owl-theme .owl-dots {
    display: none;
  }
  .banner-5 .owl-none .owl-nav {
    display: block !important;
  }
  .banner-5 .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: var(--spacing-3\.75);
    margin: calc(var(--spacing) * 0);
    width: auto;
    height: auto;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    font-size: 35px;
    color: var(--color-white);
  }
  .banner-5 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: var(--spacing-3\.75);
    margin: calc(var(--spacing) * 0);
    width: auto;
    height: auto;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    font-size: 35px;
    color: var(--color-white);
  }
  .Clients-swaper.owl-theme .owl-dots {
    position: unset;
    top: auto;
    right: auto;
    margin-top: var(--spacing-7\.5);
    width: auto;
    --tw-translate-y: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    text-align: center;
  }
  .Clients-swaper .owl-none .owl-nav {
    display: block;
  }
  .Clients-swaper .owl-dots-white-full.owl-theme .owl-dots .owl-dot.active span {
    width: var(--spacing-6\.25);
    background-color: var(--color-white);
    opacity: 100%;
  }
  .Clients-swaper .owl-theme .owl-dots .owl-dot span {
    margin: 4px;
    display: block;
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    background-color: #c9c1c1;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
  }
  #sync2 .owl-item.active.current .item img {
    outline: 5px solid #00000033;
    outline-offset: -9px;
  }
  .blog-carousel.owl-btn-center-lr.owl-btn-3 .owl-prev {
    width: auto;
    height: auto;
    background-color: transparent;
    font-size: 35px;
    color: var(--color-black);
  }
  .blog-carousel.owl-btn-center-lr.owl-btn-3 .owl-next {
    width: auto;
    height: auto;
    background-color: transparent;
    font-size: 35px;
    color: var(--color-black);
  }
}
@layer components {
  .scroltop {
    position: fixed;
    right: var(--spacing-3\.75);
    bottom: var(--spacing-3\.75);
    z-index: 10;
    width: var(--spacing-4\.75);
    height: var(--spacing-4\.75);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    text-align: center;
    color: var(--color-primary);
    opacity: 100%;
    --tw-shadow: 2px 2px 12px -5px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .site-button, .site-button-secondry {
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: center;
    vertical-align: middle;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
  }
  .header-transparent .site-button {
    background-color: var(--color-sitebuttonbg);
    color: var(--color-sitebuttontext);
  }
  .site-button-secondry:after, .site-button:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(2/4 * 100%);
    z-index: -1;
    height: 100%;
    width: calc(var(--spacing) * 0);
    --tw-skew-x: skewX(0deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    background-color: var(--color-black);
    opacity: 0.15;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-content: '';
    content: var(--tw-content);
  }
  .site-button:hover:after, .site-button-secondry:hover:after {
    left: 5%;
    width: 90%;
    --tw-skew-x: skewX(25deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .button-lg {
    padding-inline: var(--spacing-6\.25);
    padding-block: var(--spacing-3\.75);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .btn {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    color: var(--color-primary);
  }
  .site-button-secondry {
    background-color: #282A3C;
  }
  .site-button-transparent {
    margin-top: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary);
    background-color: transparent;
    padding-inline: var(--spacing-7\.5);
    padding-block: var(--spacing-3\.75);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .product-gallery-bx .owl-nav {
    position: absolute;
    top: -50px;
    margin-top: calc(var(--spacing) * 0);
    text-align: center;
  }
  .socail-icon .site-button {
    width: 45px;
    height: 45px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    --tw-leading: 45px;
    line-height: 45px;
  }
  .site-button.facebook:hover {
    background-color: #3B5998;
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .site-button.linkedin:hover {
    background-color: #007BB6;
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .site-button.instagram:hover {
    background-color: #8A5A4E;
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .site-button.twitter:hover {
    background-color: var(--color-black);
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .site-button.style-2 {
    border-radius: 0;
    border-radius: var(--radius-none);
    background-color: var(--color-white);
    padding-inline: 33px;
    padding-block: 18px;
    font-family: var(--font-poppins);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary);
  }
  .subscribe-form.style-2 .subscribe-btn {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 10;
    transform: translate(0, -50%);
    cursor: pointer;
    border-radius: 8px;
    padding-inline: 26px;
    padding-block: var(--spacing-3\.75);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .btn-Read {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: transparent;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .btn-Read:hover {
    background-color: var(--color-white);
    color: #666666;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .contact-form .close-btn {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 5);
    width: auto;
    background-color: transparent;
    font-size: 38px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-white);
    opacity: 40%;
  }
  .submit {
    border-radius: 0.25rem;
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .alignwide .btn-Video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: calc(var(--spacing) * 0);
    width: var(--spacing-25);
    height: var(--spacing-25);
    transform: translate(-50%,-50%);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: #000000cc;
    color: var(--color-white);
  }
  .status-modal .btn-close {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 10;
    width: 44px;
    height: 44px;
    border-radius: .25em;
    background-image: var(--bg-close-icon);
    background-position: center;
    background-repeat: no-repeat;
    padding: .25em;
    color: var(--color-white);
    opacity: .5;
  }
  .share-btn {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
  }
  .share-btn ul li {
    float: left;
    margin-left: calc(var(--spacing-4\.75) * -1);
    display: inline-block;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .share-btn ul li a.site-button {
    display: flex;
    height: 44px;
    width: var(--spacing-4\.75);
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #E6E6E6;
    text-align: center;
    --tw-leading: 44px;
    line-height: 44px;
    color: var(--color-black);
  }
  .share-btn ul:hover li {
    margin-left: 4px;
  }
  .header-4 .site-button {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .header-5 .site-button {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  a {
    cursor: pointer;
  }
}
@layer components {
  .form-control {
    height: var(--spacing-4\.75);
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #e1e6eb;
    background-color: var(--color-white);
    background-clip: padding-box;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 9px;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #212529;
    --tw-outline-style: none;
    outline-style: none;
  }
  .inquiry-form .input-group-addon {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #e1e1e1;
    background-color: var(--color-white);
    padding-top: var(--spacing-1\.25);
    vertical-align: top;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .input-group>.form-control, .input-group>.form-select {
    position: relative;
    width: 1%;
    min-width: calc(var(--spacing) * 0);
    flex: auto;
  }
  textarea.form-control {
    height: auto !important;
  }
  textarea.form-control {
    min-height: calc(1.5em + (.75rem + 2px));
  }
  .dlab-quik-search.On form {
    max-width: 1200px;
    opacity: 100%;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .select-box .form-control {
    height: 45px !important;
    width: 100% !important;
    border-radius: var(--radius-sm) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: #808080 !important;
    padding-inline: calc(var(--spacing) * 5) !important;
    padding-block: calc(var(--spacing) * 2.5) !important;
    font-size: var(--text-2sm) !important;
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
    color: #999 !important;
  }
  .input-group {
    position: relative;
    margin-bottom: var(--spacing-6\.25);
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .contact-form-bx1 .input-group:after {
    height: 3px;
    width: 100%;
    border-radius: 4px;
    background-image: linear-gradient(45deg,rgba(24,75,215,0.9) 0%,rgba(108,0,174,0.9) 100%);
    --tw-shadow: 10px 10px 20px 0 var(--tw-shadow-color, rgba(0,7,66,0.75));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-content: '';
    content: var(--tw-content);
  }
  .Element-1 .input-group:after {
    height: 3px;
    width: 100%;
    border-radius: 4px;
    background-color: var(--color-black);
    --tw-shadow: 10px 10px 20px 0 var(--tw-shadow-color, rgba(0,7,66,0.75));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-content: '';
    content: var(--tw-content);
  }
  .contact-form-bx .form-control {
    position: relative;
    display: table-cell;
    height: var(--spacing-4\.75);
    width: 1%;
    flex: auto;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding-block: var(--spacing-6\.25);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .contact-form-box .input-group:after {
    height: 3px;
    width: 100%;
    border-radius: 4px;
    background-color: var(--color-white);
    --tw-shadow: 10px 10px 20px 0 var(--tw-shadow-color, rgba(0,7,66,0.75));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-content: '';
    content: var(--tw-content);
  }
  .custom-input {
    display: none;
  }
  .custom-input:checked + .custom-label {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #00becf;
    background-color: var(--color-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 0 0 0 .2rem var(--tw-shadow-color, rgba(0,123,255,.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .input-animation:not(:placeholder-shown) + label, .input-animation:focus + label {
    top: calc(var(--spacing) * 0) !important;
    left: calc(var(--spacing) * 0) !important;
    transform-origin: top left;
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .dezPlaceAni .contact-form-box .input-group:after {
    height: 2px;
    opacity: 20% !important;
  }
  .subscribe-bx .dezPlaceAni .contact-form-box .input-group:after {
    height: 2px;
  }
  .newsletter-bx .contact-form-bx .input-group {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #ff5e14;
  }
  .business-contact .contact-form-bx .input-group {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #ff5e14;
  }
  @media (max-width:767px) {
    .blog-bx {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #0000001a;
    }
  }
  .contact-2 .support-form {
    overflow: hidden;
    border-radius: 15px;
    background-color: var(--color-white);
    padding: var(--spacing-4\.75);
    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(23,7,0,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (max-width:575px) {
    .contact-2 .support-form {
      padding: calc(var(--spacing) * 5);
    }
  }
  .input-group {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .support-box-form label {
    pointer-events: none;
    position: absolute;
    top: 14px;
    left: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 2.5);
    display: inline-block;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .support-box-form .input-group:after {
    height: calc(var(--spacing) * 0.5);
    width: 100%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .support-box-form .form-control {
    position: relative;
    display: table-cell;
    height: var(--spacing-4\.75);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: #808080;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: var(--spacing-6\.25);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
  }
  .subscribe-form.style-2 .input-group {
    position: relative;
    margin: calc(var(--spacing) * 0);
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
    border-radius: 8px;
    background-color: var(--color-white);
    --tw-shadow: 0px 15px 40px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .subscribe-form.style-2 input {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .subscribe-form.style-2 .input-group .form-control {
    position: relative;
    margin: calc(var(--spacing) * 0);
    display: table-cell;
    height: 63px;
    width: 100%;
    flex: auto;
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--color-white);
    font-family: var(--font-poppins);
    color: var(--color-black);
  }
  .footer-5 .subscribe-form input {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
    background-color: #0000001a;
    font-size: var(--text-2sm);
    color: var(--color-black);
  }
  .widget-title.style-1 {
    position: relative;
    margin-top: var(--spacing-6\.25);
    margin-bottom: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #00000026;
    padding-bottom: var(--spacing-3\.75);
    vertical-align: middle;
    font-family: var(--font-poppins);
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-leading: 12px;
    line-height: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-black);
    text-transform: uppercase;
  }
  @media (max-width:992px) {
    .widget-title.style-1 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .widget-title.style-1:after {
    position: absolute;
    bottom: -2px;
    left: calc(var(--spacing) * 0);
    display: inline-block;
    height: 3px;
    width: var(--spacing-13\.5);
    background-color: var(--color-primary);
    vertical-align: middle;
    --tw-content: '';
    content: var(--tw-content);
  }
  .post-link-in {
    position: static;
    z-index: 1;
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
    background-color: #0f1706 !important;
    padding-inline: var(--spacing-13\.5);
    padding-block: var(--spacing-3\.75);
    font-size: var(--text-xxl);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .custom-control-label::before,	.custom-control-label::after {
    position: absolute;
    top: calc(var(--spacing) * 1);
    left: calc(var(--spacing) * -6);
    display: block;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #adb5bd;
    background-color: var(--color-white);
    --tw-content: '';
    content: var(--tw-content);
  }
  input:checked ~ .custom-control-label::after {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  }
  .custom-control-label::after:hover {
    border-color: var(--color-primary);
  }
  .custom-control-label::after {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  .nice-select:after {
    pointer-events: none !important;
    top: 50% !important;
    right: 12px !important;
    margin-top: -9px !important;
    display: block !important;
    height: var(--spacing-1\.25) !important;
    --tw-translate-y: calc(calc(2/4 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
    font-family: fontawesome !important;
    --tw-content: '\f0d7' !important;
    content: var(--tw-content) !important;
  }
  .star-rating .gl-star-rating--stars[class*=" s"] > span {
    background-position: 55% !important;
  }
  .nice-select span {
    color: #6f6f6f;
  }
  .nice-select .list:hover .option.selected, .nice-select .option.selected {
    background-color: var(--color-primary) !important;
    color: var(--color-white);
  }
  .nice-select .list {
    border-radius: 0;
    border-radius: var(--radius-none);
  }
  .Billing-dropdown .nice-select {
    height: var(--spacing-4\.75) !important;
    border-radius: 0 !important;
    border-radius: var(--radius-none) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: #808080 !important;
    padding-inline: var(--spacing-3\.75) !important;
    padding-block: calc(var(--spacing) * 2.5) !important;
    --tw-leading: 18px !important;
    line-height: 18px !important;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    color: #6f6f6f !important;
  }
}
@layer components {
  .accordionicon:after {
    position: absolute;
    top: 8px;
    right: calc(var(--spacing) * 5);
    float: right;
    --tw-translate-y: calc(2/4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-family: 'themify';
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-tracking: 2px;
    letter-spacing: 2px;
    color: #3d474a;
    --tw-content: '\e61a';
    content: var(--tw-content);
  }
  .accordionicon.active:after {
    position: absolute;
    top: 8px;
    right: calc(var(--spacing) * 5);
    float: right;
    --tw-translate-y: calc(2/4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-family: 'themify';
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-tracking: 2px;
    letter-spacing: 2px;
    color: #3d474a;
    --tw-content: '\e622';
    content: var(--tw-content);
  }
}
.price .ui-slider-range {
  background-color: var(--color-primary);
}
.price .ui-state-default {
  border-color: var(--color-primary);
}
@layer components {
  .theme-box .range-slider {
    margin-top: var(--spacing-3\.75);
  }
  .theme-box .price .amount {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .price .amount {
    margin-bottom: var(--spacing-3\.75);
    width: 100%;
    text-align: left;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #404040;
  }
  #ThemeRangeSlider .ui-widget-content {
    background-color: #aaaaaa;
  }
  .price .ui-widget-content {
    margin-inline: 8px;
  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #55555;
  }
  .ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
    margin-left: -0.6em;
  }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    border-radius: calc(infinity * 1px);
    --tw-shadow: -1px 1px 4px 0 var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ui-slider {
    position: relative;
    text-align: left;
  }
  .ui-slider-horizontal {
    height: .4em;
  }
}
.dlab-quik-search.On > form {
  width: auto;
  max-width: 850px;
  padding-inline: var(--spacing-3\.75);
  opacity: 100%;
}
@layer components {
  .header-transparent {
    position: absolute;
    width: 100%;
  }
  .site-header {
    z-index: 99;
  }
  .header-transparent .top-bar {
    background-color: transparent;
    color: #dfdfdf;
  }
  .top-bar {
    padding-block: 11px;
  }
  .dlab-topbar-center, .dlab-topbar-left, .dlab-topbar-right {
    width: auto;
    padding-inline: var(--spacing-3\.75);
  }
  @media (max-width: 992px) {
    .dlab-topbar-center, .dlab-topbar-left, .dlab-topbar-right {
      width: auto;
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (max-width: 992px) {
    .dlab-topbar-left ul li {
      padding-right: var(--spacing-1\.25) !important;
      font-size: 13px;
    }
  }
  @media (max-width: 992px) {
    .dlab-topbar-right ul li {
      padding-left: var(--spacing-1\.25) !important;
      font-size: 13px;
    }
  }
  .dlab-topbar-left {
    float: left;
  }
  .dlab-topbar-left ul li, .dlab-topbar-right ul li {
    vertical-align: middle;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
    opacity: 70%;
  }
  .dlab-topbar-left ul li {
    padding-right: var(--spacing-3\.75);
  }
  .dlab-topbar-left ul li, .dlab-topbar-right ul li {
    display: inline-block;
  }
  .dlab-topbar-left ul li i, .dlab-topbar-right ul li i {
    vertical-align: middle;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .dlab-topbar-right {
    float: right;
  }
  .dlab-topbar-right ul li {
    padding-left: var(--spacing-3\.75);
  }
  .header-transparent .main-bar {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #ffffff0d;
    background-color: transparent;
  }
  .header-dark .main-bar {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #ffffff0d;
    background-color: var(--color-headerdark6);
  }
  .main-bar {
    position: relative;
    width: 100%;
    background-color: var(--color-white);
  }
  .clearfix:after, .clearfix:before {
    display: table;
    --tw-content: '';
    content: var(--tw-content);
  }
  .logo-header {
    position: relative;
    z-index: 10;
    float: left;
    display: table;
    height: 60px;
    width: 120px;
    vertical-align: middle;
  }
  @media (min-width: 767px) {
    .header-ind .logo-header {
      height: calc(var(--spacing) * 20);
    }
  }
  .logo-header > a, .logo-footer > a {
    display: table-cell;
    vertical-align: middle;
  }
  .logo-header img, .logo-footer img {
    width: auto;
    height: auto;
    max-width: 140px;
  }
  @media (max-width: 767px) {
    .logo-header img, .logo-footer img {
      max-width: var(--spacing-25) !important;
    }
  }
  @media (max-width: 767px) {
    .header-6 .logo-header img, .logo-footer img {
      max-width: 150px !important;
    }
  }
  @media (max-width: 767px) {
    .header-3 .logo-header img, .logo-footer img {
      max-width: 150px !important;
    }
  }
  @media only screen and (max-width: 991px) {
    .header-ind .navbar-toggler {
      margin-block: var(--spacing-7\.5);
      margin-left: var(--spacing-3\.75);
    }
  }
  @media only screen and (max-width: 767px) {
    .header-ind .navbar-toggler {
      margin-block: calc(var(--spacing) * 5);
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .extra-nav {
    position: relative;
    z-index: 10;
    float: right;
    padding-block: calc(var(--spacing) * 2.5);
  }
  @media (min-width: 767px) {
    .header-ind .extra-nav {
      padding-block: 18px;
    }
  }
  @media (max-width: 767px) {
    .extra-nav {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .extra-nav .extra-cell {
    margin-left: calc(var(--spacing) * 2.5);
    display: inline-block;
  }
  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-toggler {
      display: none;
    }
  }
  .header-transparent .navbar-toggler {
    color: var(--color-white);
  }
  .navbar-toggler {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .navicon {
    position: relative;
    height: 18px;
    width: calc(var(--spacing) * 5);
    rotate: 0deg;
  }
  .navbar-toggler {
    margin-top: calc(var(--spacing) * 5);
    margin-right: calc(var(--spacing) * 0);
    margin-bottom: var(--spacing-7\.5);
    margin-left: calc(var(--spacing) * 2.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .navicon.open span:nth-child(1) {
    top: 7px;
    rotate: 135deg;
  }
  .navicon span:nth-child(1) {
    top: calc(var(--spacing) * 0);
    rotate: 0deg;
  }
  .header-transparent .navbar-toggler span {
    background-color: var(--color-white);
  }
  .header-dark .navbar-toggler span {
    background-color: var(--color-white);
  }
  .header-4 .navbar-toggler span {
    background-color: #666 !important;
  }
  .navicon span {
    position: absolute;
    left: calc(var(--spacing) * 0);
    display: block;
    height: calc(var(--spacing) * 0.5);
    width: 100%;
    rotate: 1px;
    opacity: 100%;
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .navbar-toggler span {
    background-color: var(--color-white) !important;
  }
  .navicon.open span:nth-child(2) {
    top: 7px;
    left: -60px;
    opacity: 0%;
  }
  .navicon span:nth-child(2) {
    top: 7px;
  }
  .navicon.open span:nth-child(3) {
    top: 7px;
    rotate: -135deg;
  }
  .navicon span:nth-child(3) {
    top: 14px;
  }
  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
    }
  }
  .header-nav .nav {
    float: right;
  }
  .header-transparent .is-fixed .main-bar {
    position: fixed;
    background-color: var(--color-headerfixedcolor);
  }
  .header-3 .main-bar {
    background-color: var(--color-headermaincolor);
  }
  .is-fixed .main-bar {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    --tw-shadow: 0 0 10px 0 var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
      flex-direction: row;
    }
  }
  .navbar-nav {
    display: flex;
  }
  .nav {
    flex-wrap: wrap;
  }
  .header-transparent .header-nav .nav > li > a {
    color: var(--color-white);
  }
  .header-dark .header-nav .nav > li > a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
  }
  .header-nav .nav > li {
    position: relative;
    margin: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    text-transform: uppercase;
  }
  @media (min-width: 992px) {
    .header-nav .nav > li > a, .is-fixed .header-nav .nav > li > a {
      padding-block: calc(var(--spacing) * 5);
      padding-right: 3px;
      padding-left: 3px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      text-transform: capitalize;
    }
  }
  @media (min-width: 1200px) {
    .header-nav .nav > li > a, .is-fixed .header-nav .nav > li > a {
      padding-inline: 12px;
      padding-block: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      text-transform: capitalize;
    }
  }
  .header-nav .nav > li > a {
    display: inline-block;
    cursor: pointer;
    padding-inline: 12px;
    padding-block: calc(var(--spacing) * 5);
    font-size: 15px;
  }
  .header-3 .header-nav .nav > li > a {
    display: inline-block;
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 5);
    font-size: 15px;
    color: var(--color-white);
  }
  .header-3 .header-nav .nav > li > a, .is-fixed .header-nav .nav > li > a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: capitalize;
  }
  body:not([class*="skin-full-"]) .header-nav .nav > li > a:hover {
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  body:not([class*="skin-full-"]) .header-nav .nav > li.active > a {
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (min-width: 1200px) {
    .header-3 .header-nav .nav > li > a:hover {
      color: var(--color-white) !important;
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .skin-8 .header-transparent .header-nav .nav > li > a:hover {
    color: var(--color-primary) !important;
    --tw-duration: 500ms !important;
    transition-duration: 500ms !important;
  }
  .navbar-nav > li > a > span {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1;
    line-height: 1;
  }
  .header-nav .nav i {
    margin-top: -3px;
    margin-left: 3px;
    vertical-align: middle;
    font-size: 9px;
  }
  .header-nav .nav > li .sub-menu {
    visibility: hidden;
    position: absolute;
    left: calc(var(--spacing) * 0);
    z-index: 10;
    display: block;
    width: 220px;
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 2.5);
    opacity: 0%;
  }
  .header-nav .nav > li > .sub-menu, .header-nav .nav > li > .mega-menu {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .header-nav .nav > li > .sub-menu {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .header-nav .nav > li .sub-menu li a:hover {
    background-color: #F2F2F2;
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .header-nav .nav > li .sub-menu li a:hover i {
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .header-nav .nav > li .sub-menu li a {
    display: block;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: 8px;
    font-family: var(--font-montserrat) !important;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #505050;
    text-transform: capitalize;
  }
  @media only screen and (max-width: 992px) {
    .header-dark .header-nav .nav > li .sub-menu li a {
      display: block;
      padding-inline: var(--spacing-3\.75);
      padding-block: 8px;
      font-family: var(--font-montserrat);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: #505050;
      text-transform: capitalize;
    }
  }
  @media only screen and (min-width: 992px) {
    .header-nav .nav > li.has-mega-menu {
      position: inherit;
    }
  }
  .header-nav .nav > li .mega-menu {
    visibility: hidden;
    position: absolute;
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-top: calc(var(--spacing) * 5);
    display: table;
    width: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    font-family: var(--font-montserrat);
    opacity: 0%;
  }
  .header-nav .nav > li .mega-menu {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-primary);
  }
  .header-nav .nav > li > .mega-menu {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media only screen and (min-width: 992px) {
    .header-nav .nav > li .mega-menu > li {
      position: relative;
      display: table-cell;
      width: 25%;
      padding-top: var(--spacing-7\.5);
      padding-bottom: var(--spacing-6\.25);
      vertical-align: top;
    }
  }
  .header-nav .nav > li .mega-menu > li ul {
    margin-top: calc(var(--spacing) * 2.5);
    width: 100%;
  }
  .header-nav .nav > li .mega-menu > li ul a {
    display: block;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: 8px;
    font-family: var(--font-montserrat);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    color: #505050;
    text-transform: capitalize;
  }
  .header-nav .nav > li .sub-menu > li ul a {
    display: block;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: 8px;
    font-family: var(--font-montserrat);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    color: #505050;
    text-transform: capitalize;
  }
  .header-nav .nav > li .mega-menu > li:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    display: block;
    height: 100%;
    width: 1px;
    background-color: #00000005;
    --tw-content: '';
    content: var(--tw-content);
  }
  .header-nav .nav > li:hover > .sub-menu, .header-nav .nav > li:hover > .mega-menu {
    visibility: visible;
    margin-top: calc(var(--spacing) * 0);
    opacity: 100%;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .header-nav .nav > li .sub-menu li a i {
    position: absolute;
    top: 12px;
    right: var(--spacing-3\.75);
    float: right;
    display: block;
    font-size: 15px;
    color: #505050;
    opacity: 100%;
  }
  @media (max-width: 992px) {
    .header-nav .nav > li .sub-menu li a i {
      font-size: 9px;
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .header-nav .nav > li .sub-menu li {
    position: relative;
  }
  .header-nav .nav > li .sub-menu li:hover > .sub-menu {
    visibility: visible;
    top: -1px;
    left: 221px;
    opacity: 100%;
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .clearfix:after {
    clear: both;
  }
  .header-nav .nav > li .mega-menu > li > a {
    padding-inline: calc(var(--spacing) * 5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-black);
  }
  @media (max-width: 1200px) {
    .header-nav .nav > li > a {
      padding-inline: 3px;
      padding-block: calc(var(--spacing) * 5);
    }
  }
  @media (max-width: 992px) {
    .navbar-toggler, .is-fixed .navbar-toggler {
      float: right;
      margin-top: 22px;
      margin-bottom: calc(var(--spacing) * 5);
      margin-left: var(--spacing-3\.75);
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav {
      float: none;
      margin: calc(var(--spacing) * 0);
      display: block;
      height: auto;
      width: 100%;
      background-color: var(--color-white);
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav li {
      float: none;
      display: block;
      width: 100%;
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav > li > a {
      padding-inline: var(--spacing-3\.75);
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  @media (max-width: 992px) {
    .nav.navbar-nav li a i.fa-chevron-down {
      position: absolute;
      top: -6px;
      right: calc(var(--spacing) * 0);
      z-index: 3;
      height: 100%;
      width: var(--spacing-4\.75);
      background-color: #00000033;
      text-align: center;
      --tw-leading: var(--spacing-4\.75) !important;
      line-height: var(--spacing-4\.75) !important;
      color: var(--color-white);
    }
  }
  @media (max-width: 992px) {
    .nav.navbar-nav li a i.fa-angle-right {
      position: absolute;
      top: 3px;
      right: calc(var(--spacing) * 0);
      z-index: 3;
      height: 100%;
      width: var(--spacing-4\.75);
      background-color: #00000033;
      text-align: center;
      --tw-leading: calc(var(--spacing) * 10) !important;
      line-height: calc(var(--spacing) * 10) !important;
      color: var(--color-white) !important;
    }
  }
  @media only screen and (max-width: 992px) {
    .header-nav .nav > li .sub-menu li .fa-angle-right {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  @media (max-width: 992px) {
    .nav.navbar-nav .sub-menu li a i:before {
      --tw-content: '\f078' !important;
      content: var(--tw-content) !important;
    }
  }
  @media (max-width: 992px) {
    .nav.navbar-nav .sub-menu li.open a i:before {
      --tw-content: "\f105" !important;
      content: var(--tw-content) !important;
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav i {
      float: right;
      margin-top: calc(var(--spacing) * 0);
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav .fa-chevron-down {
      margin-top: 6px;
    }
  }
  @media (max-width: 992px) {
    .header-transparent .header-nav .nav > li > a {
      display: block;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: #E9E9E9;
      font-size: 15px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-black);
      text-transform: capitalize;
    }
  }
  @media (max-width: 992px) {
    .header-dark .header-nav .nav > li > a {
      display: block;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: #E9E9E9;
      color: #273272;
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav li.open > .sub-menu {
      margin-top: calc(var(--spacing) * 0);
      display: block;
      opacity: 100%;
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav li.open > .mega-menu {
      margin-top: calc(var(--spacing) * 0);
      display: block;
      opacity: 100%;
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav > li .sub-menu, .header-nav .nav > li .mega-menu {
      --tw-border-style: none;
      border-style: none;
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @media (max-width: 992px) {
    .header-nav .nav > li ul, .header-nav .nav > li .sub-menu, .header-nav .nav > li .mega-menu {
      visibility: visible;
      position: static;
      display: none;
      width: auto;
      background-color: #f6f6f6;
    }
  }
  @media (max-width: 992px) {
    .mo-left .header-nav li.open a {
      position: relative;
    }
  }
  @media (max-width: 992px) {
    .mo-left .header-nav .logo-header {
      float: none;
      display: block;
      height: auto;
      width: 100%;
      padding-inline: var(--spacing-3\.75);
      padding-block: var(--spacing-7\.5);
    }
  }
  @media (max-width: 992px) {
    .mo-left .header-nav.active {
      left: -1px;
      margin: calc(var(--spacing) * 0);
      width: 280px;
      --tw-duration: 0.8s;
      transition-duration: 0.8s;
    }
  }
  @media (max-width: 992px) {
    .mo-left .header-nav ul li.open .fa-chevron-down {
      rotate: -90deg;
    }
  }
  @media (max-width: 992px) {
    .mo-left .header-nav {
      position: fixed;
      top: calc(var(--spacing) * 0);
      left: -280px;
      z-index: 99;
      margin: calc(var(--spacing) * 0);
      height: 100%;
      width: 60px;
      overflow: scroll;
      background-color: var(--color-white);
      --tw-duration: 0.5s;
      transition-duration: 0.5s;
    }
  }
  @media (max-width: 992px) {
    .header-nav {
      clear: both;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #E9E9E9;
    }
  }
  @media only screen and (max-width: 992px) {
    .header-nav .nav > li ul.mega-menu ul {
      margin-top: calc(var(--spacing) * 0);
      display: block;
      opacity: 100%;
    }
  }
  @media (min-width: 992px) {
    .header-4.header-transparent .header-nav .nav > li > a {
      padding-block: 28px;
      color: #555555 !important;
    }
  }
  .header-4.header-transparent .header-nav .nav > li.active > a {
    color: var(--color-primary) !important;
  }
  .header-4.header-transparent .is-fixed .header-nav .nav > li.active > a {
    color: var(--color-primary) !important;
  }
  .header-4.header-transparent .is-fixed .main-bar {
    position: fixed;
    background-color: var(--color-white);
  }
  .header-4.header-transparent .is-fixed .header-nav .nav > li > a {
    color: #555555 !important;
  }
  .site-header.style-1 .main-bar.style-1 {
    background-color: var(--color-white);
  }
  .main-bar.style-1 .header-nav .nav > li > a {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
  }
  .main-bar.style-1 .header-nav {
    justify-content: flex-end;
  }
  .main-bar.style-1 .header-nav .nav > li > a {
    padding-inline: 12px;
    padding-block: 36px;
  }
  .main-bar.style-1 .extra-nav.navicon-1 {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
  .extra-nav {
    z-index: 10;
    float: right;
  }
  .extra-nav .extra-cell {
    margin-left: calc(var(--spacing) * 2.5);
    display: inline-block;
  }
  .main-bar.style-1 .extra-nav.navicon-1 .menu-btn {
    position: relative;
    display: inline-block;
    width: var(--spacing-25);
    height: var(--spacing-25);
    background-color: #F1F3F3;
    vertical-align: middle;
    color: var(--color-primary);
  }
  .main-bar.style-1 .extra-nav.navicon-1 .menu-btn span {
    position: absolute;
    right: var(--spacing-7\.5);
    display: block;
    height: 4px;
    background-color: var(--color-primary);
  }
  .main-bar.style-1 .extra-nav.navicon-1 .menu-btn span:nth-child(1) {
    top: 35px;
    width: 35px;
  }
  .main-bar.style-1 .extra-nav.navicon-1 .menu-btn span:nth-child(2) {
    top: 45px;
    width: 35px;
  }
  .main-bar.style-1 .extra-nav.navicon-1 .menu-btn span:nth-child(3) {
    top: 55px;
    width: 25px;
  }
  .main-bar.style-1 .extra-nav.navicon-1 .menu-btn:after {
    position: fixed;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 1;
    height: 100vh;
    width: calc(var(--spacing) * 0);
    background-color: #3a3a3a;
    opacity: 0%;
    filter: blur(300px);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-content: '';
    content: var(--tw-content);
  }
  .contact-sidebar {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: -350px;
    z-index: 99;
    height: 100%;
    width: 350px;
    overflow-y: auto;
    background-color: var(--color-white);
    padding: var(--spacing-7\.5);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .contact-sidebar.active {
    left: calc(var(--spacing) * 0);
  }
  .client-logo {
    display: table-cell;
    padding: calc(var(--spacing) * 2.5);
    text-align: center;
    vertical-align: middle;
  }
  .main-bar.style-1 .logo-header {
    height: var(--spacing-25);
    width: 120px;
  }
  .contact-sidebar .logo-contact {
    margin-bottom: var(--spacing-4\.75);
    display: block;
  }
  .dz-separator.style-1:after, .dz-separator.style-1:before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0.5);
    border-radius: 10px;
    background-position: 200%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .dz-separator.style-1:before {
    top: auto;
    left: calc(var(--spacing) * 0);
    width: var(--spacing-6\.25);
    background-color: var(--color-primary);
  }
  .dz-separator.style-1:after {
    left: 32px;
    width: 55px;
    background-color: var(--color-primary);
  }
  .menu-close {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 98;
    height: 100%;
    width: calc(var(--spacing) * 0);
    background-color: #333;
    opacity: 0.9;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .contact-sidebar.active + .menu-close {
    width: 100%;
  }
  @media (max-width: 992px) {
    .header-3 .header-nav .nav > li > a {
      display: block;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: #E9E9E9;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2.5);
      font-size: 15px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #273272;
      text-transform: capitalize;
    }
  }
  @media only screen and (max-width: 992px) {
    .header-3 .header-nav .logo-header img {
      width: 150px;
      max-width: 150px !important;
    }
  }
  @media only screen and (max-width: 992px) {
    .header-3 .header-nav .logo-header {
      display: block;
      height: auto;
      width: 100%;
      max-width: 150px !important;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  @media only screen and (max-width: 992px) {
    .header-3 .header-nav .nav > li .sub-menu li a {
      color: #101042;
    }
  }
  @media only screen and (max-width: 992px) {
    .header-6 .header-nav .logo-header {
      display: block;
      height: auto;
      width: 100%;
      max-width: 150px !important;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .header-6 .header-nav .nav > li > a {
    padding-inline: 9px;
    padding-block: 19px;
  }
  @media only screen and (max-width: 992px) {
    .header-6 .header-nav .nav > li .sub-menu li a {
      color: #101042;
    }
  }
  @media screen and (max-width: 992px) {
    .mo-left .navbar-toggler.open:after {
      position: fixed;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: -1;
      width: 100%;
      height: 100%;
      transform-origin: revert;
      background-color: #00000099;
      --tw-shadow: 0 0 0 1000px var(--tw-shadow-color, rgba(0,0,0,0.6));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-duration: 0.5s;
      transition-duration: 0.5s;
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .header-nav .nav > li .sub-menu.left {
    right: calc(var(--spacing) * 0);
    left: auto;
  }
  @media (max-width: 992px) {
    .header-3 .header-nav .nav li.open > .sub-menu {
      visibility: visible;
      position: static;
      margin-top: calc(var(--spacing) * 0);
      display: block;
      width: auto;
      background-color: #f6f6f6;
      opacity: 100%;
    }
  }
  @media screen and (max-width: 992px) {
    .header-4.mo-left .navbar-toggler.open span {
      background-color: var(--color-white) !important;
    }
  }
  .header-nav .nav > li .mega-menu > li ul a:hover {
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media screen and (max-width: 991px) {
    .header-nav .nav > li .sub-menu li .fa {
      top: calc(var(--spacing) * 0) !important;
      right: calc(var(--spacing) * 0) !important;
    }
  }
}
.dlab-box-bg.active .icon-bx-wraper {
  background-color: #000000b3;
}
.dlab-box-bg.active .text-color {
  color: var(--color-white);
}
.dlab-box-bg.active h5 {
  color: var(--color-white);
}
.dlab-box-bg.active p {
  color: var(--color-white);
}
.dlab-box-bg.active .icon-box-btn .site-button {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.status-modal {
  z-index: 99;
  overflow: hidden;
  background-color: #000000c4;
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  padding-inline: calc(var(--spacing) * 5);
  padding-top: var(--spacing-7\.5);
  color: var(--color-white);
}
.status-modal .status-pagination {
  position: absolute;
  top: calc(var(--spacing) * 0);
  bottom: auto !important;
  left: 50% !important;
  z-index: 10;
  display: flex;
  height: auto;
  width: 100% !important;
  transform: translate(-50%);
  justify-content: space-between;
  padding-block: calc(var(--spacing) * 2.5);
}
.status-modal .status-pagination .swiper-pagination-bullet {
  position: relative;
  height: var(--spacing-1\.25);
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
.swiper-pagination-bullet-active:after {
  width: 100%;
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.status-modal .status-pagination .swiper-pagination-bullet:after {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}
.modal-content {
  pointer-events: auto;
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in oklab, var(--color-black) 2000%, transparent);
  background-color: var(--color-white);
}
.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box:after {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg,rgba(255,255,255,0) 0.3%,rgba(0,0,0,0.6) 100%);
  opacity: 60%;
  --tw-content: '';
  content: var(--tw-content);
}
@layer components {
  .chosesus-content .list-checked li:before {
    position: absolute;
    top: var(--spacing-1\.25);
    left: calc(var(--spacing) * 0);
    display: block;
    font-family: 'themify';
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary);
    --tw-content: '\e64d';
    content: var(--tw-content);
  }
  .chosesustabs .chosesus-content .list-checked li:before {
    position: absolute;
    top: var(--spacing-1\.25);
    left: calc(var(--spacing) * 0);
    display: block;
    font-family: 'themify';
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-checkcolor);
    --tw-content: '\e64d';
    content: var(--tw-content);
  }
  .portfolio-box .icon-bx-xs {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ffffff33;
    background-color: transparent;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
  }
  .icon-bx-xs {
    display: inline-block;
    width: var(--spacing-4\.75);
    height: var(--spacing-4\.75);
    text-align: center;
    --tw-leading: 40px !important;
    line-height: 40px !important;
  }
  .dlab-img-overlay1:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: 0%;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-content: '';
    content: var(--tw-content);
  }
  .group:hover .dlab-img-overlay1:before {
    opacity: 0.8;
  }
  .testimonial-text:before {
    position: absolute;
    right: calc(var(--spacing) * 2.5);
    bottom: calc(var(--spacing) * -2.5);
    font-family: 'themify';
    font-size: var(--text-7\.5xl);
    color: var(--color-black);
    opacity: 0.1;
    --tw-content: '\e67e';
    content: var(--tw-content);
  }
  .testimonial-text:after {
    position: absolute;
    bottom: calc(var(--spacing-3\.75) * -1);
    left: var(--spacing-13\.5);
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 15px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-color: var(--color-white);
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }
  .owl-item.active.center .testimonial-text:after {
    border-top-style: var(--tw-border-style);
    border-top-width: 15px;
    border-color: var(--color-primary);
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
  }
  .video-testimonial-play a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: var(--text-4\.5xl);
    color: var(--color-white);
  }
  .widget_services ul li {
    position: relative;
    padding-block: calc(var(--spacing) * 2.5);
    padding-left: var(--spacing-3\.75);
    font-size: var(--text-2sm);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-duration: 1.1s;
    transition-duration: 1.1s;
  }
  .widget_services ul li:before {
    position: absolute;
    top: 14px;
    left: calc(var(--spacing) * 0);
    display: block;
    font-family: 'FontAwesome';
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--footertextcolor);
    --tw-content: '\f105';
    content: var(--tw-content);
  }
  footer .widget_services ul li a {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: #b0b0b0;
    text-transform: capitalize;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .footer-secondary .widget_services ul li a {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-black);
    text-transform: capitalize;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .footer-secondary .widget_services ul li:hover {
    color: var(--color-black);
  }
  footer .widget_services ul li:hover {
    --tw-translate-x: calc(var(--spacing) * 2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-white);
    --tw-duration: 1.1s;
    transition-duration: 1.1s;
  }
  .footer-5 .widget_services ul li:before {
    color: var(--color-black);
  }
  .site-filters .active > .site-button-secondry {
    background-color: var(--color-primary);
  }
  .list-angle-right li:before {
    position: absolute;
    top: var(--spacing-1\.25);
    left: calc(var(--spacing) * 0);
    display: block;
    font-family: 'themify';
    font-size: var(--text-2sm);
    color: #777;
    --tw-content: '\e628';
    content: var(--tw-content);
  }
  .fly-box:hover {
    --tw-translate-y: calc(var(--spacing) * -2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 10px 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .fly-box {
    --tw-shadow: 0 10px 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .dlab-img-overlay5:before, .dlab-img-overlay5:after {
    position: absolute;
    z-index: 1;
    height: calc(var(--spacing) * 0);
    background-color: var(--color-black);
    opacity: 0.4;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-content: '';
    content: var(--tw-content);
  }
  .dlab-img-overlay5:before {
    top: 50%;
    left: calc(var(--spacing) * 0);
    width: 100%;
  }
  .dlab-img-overlay5:after {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
  }
  .dlab-box:hover .dlab-img-overlay5:before {
    top: calc(var(--spacing) * 0);
    height: 100%;
  }
  .overlay-secendary:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    background-color: var(--color-bennerbg3);
    opacity: 100%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .list-2 li:before {
    position: absolute;
    left: calc(var(--spacing) * 0);
    font-family: 'themify';
    font-size: 11px;
    --tw-content: '\e60a';
    content: var(--tw-content);
  }
  .progress-bar {
    background: linear-gradient(45deg,rgba(24,75,215,0.9) 0%,rgba(108,0,174,0.9) 100%);
  }
  .tab-bx {
    background: linear-gradient(45deg,rgba(24,75,215,0.9) 0%,rgba(108,0,174,0.9) 100%);
  }
  .br-top:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    z-index: 1;
    display: block;
    height: 70px;
    width: 100%;
    background-image: url(../images/curv2.png);
    background-position: top;
    background-repeat: repeat-x;
    --tw-content: '';
    content: var(--tw-content);
  }
  .tab-market ul li a {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: var(--color-white);
    padding-inline: var(--spacing-7\.5);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: 16px;
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: #490bb8;
  }
  .tab-market ul li a:hover {
    color: #333333;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .tab-market ul li:first-child a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .tab-market ul li:last-child a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .tab-market ul li a.active {
    z-index: 3;
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    --tw-shadow: 0 0 30px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tab-market ul li a:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 4px;
    width: calc(var(--spacing) * 0);
    background-color: #490bb8;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-content: '';
    content: var(--tw-content);
    background: linear-gradient(45deg,rgba(24,75,215,0.9) 0%,rgba(108,0,174,0.9) 100%);
  }
  .tab-market ul li a.active:after {
    left: 50%;
    width: 100%;
    --tw-translate-x: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .testimonial-curv-bx:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/background/bg2.png);
    background-position: top;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  .feature-img-bx img {
    mask-image: url(../images/background/bg12.png);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
  }
  .pricingtable-wrapper li i {
    float: right;
    margin-inline: 3px;
    display: block;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    border-radius: 20px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary);
    text-align: center;
    font-size: 11px;
    --tw-leading: 16px;
    line-height: 16px;
  }
  .overlay-gradient:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    --tw-content: '';
    content: var(--tw-content);
    background: linear-gradient(45deg,rgba(24,75,215,0.9) 0%,rgba(108,0,174,0.9) 100%);
  }
  .workspace-bx .dlab-img-overlay1:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-content: '';
    content: var(--tw-content);
    background: linear-gradient(45deg,rgba(24,75,215,0.9) 0%,rgba(108,0,174,0.9) 100%);
  }
  .workspace-bx .dlab-img-overlay1:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    background-color: var(--color-black);
    opacity: 0.4;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-content: '';
    content: var(--tw-content);
  }
  .dlab-media .overlay-bx {
    visibility: hidden;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 100%;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .portfolio-box .icon-bx-xs {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: transparent;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .dlab-media:hover .overlay-bx {
    visibility: visible;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .dlab-img-overlay1:hover:before {
    opacity: 0.8;
  }
  .br-top:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    z-index: 1;
    display: block;
    height: 70px;
    width: 100%;
    background-image: url(../images/curv2.png);
    background-position: top;
    background-repeat: repeat-x;
    --tw-content: '';
    content: var(--tw-content);
  }
  .widget-link li:after {
    position: absolute;
    right: calc(var(--spacing) * 0);
    --tw-content: '/';
    content: var(--tw-content);
  }
  .banner-curv:before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    z-index: 10;
    height: 40%;
    width: 100%;
    background-image: url(../images/curv.png);
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  .dlab-box:hover .dlab-img-effect.rotate img {
    transform: scale(1.5) rotate(-20deg);
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .overlay-bx {
    visibility: hidden;
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0%;
  }
  .dlab-img-effect.rotate img {
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .overlay-black-dark:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: 0.85;
    --tw-content: '/';
    content: var(--tw-content);
  }
  .our-support:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    z-index: -1;
    display: block;
    height: 250px;
    width: 100%;
    background-color: var(--color-white);
    --tw-content: '';
    content: var(--tw-content);
  }
  .ind-ser-bx:hover {
    --tw-translate-y: calc(var(--spacing) * -2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ind-service-info {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: calc(var(--spacing) * 5);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ind-service-info > span {
    font-family: var(--font-rubik);
    font-size: 85px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    opacity: 0.1;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  @media (max-width:575px) {
    .ind-service-info > span {
      font-size: 60px;
    }
  }
  .ind-service-info-in {
    position: absolute;
    top: 100%;
    left: calc(var(--spacing) * 0);
    width: 100%;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding: calc(var(--spacing) * 5);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .btn-block {
    position: absolute;
    bottom: -150px;
    left: calc(var(--spacing) * 0);
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: #ffffff33;
    padding-inline: var(--spacing-7\.5);
    padding-block: var(--spacing-6\.25);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .ind-service-info:hover {
    background-color: var(--color-primary);
  }
  .ind-service-info:hover .ind-service-info-in {
    top: 50%;
    left: calc(var(--spacing) * 0);
    width: 100%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding: calc(var(--spacing) * 5);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ind-service-info:hover .ind-service-info-in p {
    display: flex;
    opacity: 100%;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ind-service-info:hover .site-button.btn-block {
    bottom: calc(var(--spacing) * 0);
  }
  .ind-service-info:hover > span {
    opacity: 0.3;
  }
  .bubbles-bx {
    display: flex;
    width: 220px;
    height: 220px;
    align-items: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: var(--color-white);
  }
  .our-product-gallery .overlay-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: 100%;
    transform: translate(-50%,-50%);
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .our-product-gallery .dlab-gallery-box:hover i {
    visibility: visible;
    opacity: 100%;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .our-product-gallery .overlay-bx {
    visibility: hidden;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0%;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .our-product-gallery .dlab-gallery-box:hover .overlay-bx {
    visibility: visible;
    opacity: 100%;
  }
  .product-box {
    margin-bottom: var(--spacing-7\.5);
    display: flex;
    width: 100%;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
    background-color: var(--color-white);
    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(9,0,93,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .product-box:hover .product-img {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .feature-img-bx:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(../images/background/bg11.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  .banner-img .feature-img-bx:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(../images/main-slider/slide09.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  .banner-img .feature-img-bx img {
    mask-image: url(../images/background/bg9.png);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
  }
  .flip-bx {
    perspective: 1000px;
    transform-style: preserve-3d;
  }
  .flip-bx .front {
    height: auto;
    min-height: 280px;
    transform: rotateY(0deg);
    border-radius: 0.25rem;
    background-image: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 26%,rgba(255,244,241,1) 81%);
    background-size: cover;
    background-position: center;
    text-align: center;
    color: var(--color-white);
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  .flip-bx .front:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    opacity: .4;
    --tw-content: '';
    content: var(--tw-content);
    backface-visibility: hidden;
  }
  .flip-bx .inner {
    position: absolute;
    top: 50%;
    left: calc(var(--spacing) * 0);
    z-index: 2;
    width: 100%;
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    padding: calc(var(--spacing) * 8);
  }
  .flip-bx .back {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: auto;
    min-height: 280px;
    width: 100%;
    transform: rotateY(180deg);
    border-radius: 0.25rem;
    background-color: #ff5e14;
    text-align: center;
    color: var(--color-white);
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  .flip-bx:hover .front {
    transform: rotateY(-180deg);
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    transform-style: preserve-3d;
  }
  .flip-bx:hover .back {
    transform: rotateY(0deg);
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    transform-style: preserve-3d;
  }
  .testimonial-flip .back:after {
    position: absolute;
    right: var(--spacing-6\.25);
    bottom: calc(var(--spacing) * 0);
    font-family: fontawesome;
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.3;
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    --tw-content: '\f10e';
    content: var(--tw-content);
  }
  .blog-curve-img a:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(../images/blog/latest-blog/blog-bg1.png);
    background-size: cover;
    background-position: center;
    --tw-content: '';
    content: var(--tw-content);
  }
  .blog-curve-img img {
    mask-image: url(../images/blog/latest-blog/blog-bg2.png);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
  }
  .newsletter-bx .dzSubscribe {
    border-radius: 30px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 26%,rgba(255,244,241,1) 81%);
    padding-inline: var(--spacing-4\.75) !important;
    padding-block: var(--spacing-7\.5) !important;
  }
  @media (max-width:575px) {
    .newsletter-bx .dzSubscribe {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
  }
  .team-curve-bx .dlab-media:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(../images/our-team/team-bg2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  .team-curve-bx .dlab-media img {
    padding-inline: 10%;
    mask-image: url(../images/our-team/team-bg1.png);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
  }
  .site-footer .widget_services ul li a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #b0b0b0;
  }
  .skin-1 .site-footer .widget_services ul li a {
    font-size: var(--text-2sm);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #b0b0b0;
  }
  .skin-1 .site-footer .widget_services ul li:hover a {
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .footer-5.site-footer .widget_services ul li a {
    color: var(--color-black);
    opacity: 100%;
  }
  .footer-7 .site-footer .widget_services ul li a {
    padding-block: calc(var(--spacing) * 2.5);
    padding-left: var(--spacing-3\.75);
    font-size: var(--text-2sm);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: #b0b0b0 !important;
    --tw-duration: 1s;
    transition-duration: 1s;
  }
  .footer-5.site-footer .widget_services ul li:hover a {
    color: var(--color-black);
    opacity: 100%;
  }
  .footer-5.site-footer .widget_services ul li:hover {
    color: var(--color-black);
  }
  .site-footer .widget_services ul li:hover {
    color: #8d8d8d;
  }
  .our-product-gallery .product-gallery-bx .owl-stage-outer {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .pricingtable-head:after {
    position: absolute;
    bottom: calc(var(--spacing) * -2.5);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    height: 70px;
    width: 100%;
    --tw-skew-y: skewY(-3deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    background-color: #eef1ff;
    --tw-content: '';
    content: var(--tw-content);
  }
  .pricingtable-dark:after {
    position: absolute;
    bottom: calc(var(--spacing) * -2.5);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    height: 70px;
    width: 100%;
    --tw-skew-y: skewY(-3deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    background-color: var(--color-advancedbgcolor);
    --tw-content: '';
    content: var(--tw-content);
  }
  .pricingtable-title {
    background-color: unset;
    padding: calc(var(--spacing) * 5);
    text-transform: uppercase;
  }
  .icon-bx-xl:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    transform: translate(-50%,-50%);
    border-radius: 210px;
    background-color: var(--color-primary);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    --tw-content: '';
    content: var(--tw-content);
  }
  .icon-hover-bx:hover .icon-bx-xl:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 210px;
    background-color: var(--color-primary);
    --tw-shadow: inset 0 0px 0px 6px var(--tw-shadow-color, rgba(255,255,255,0.3)), inset 0 0px 0px 15px var(--tw-shadow-color, rgba(255,255,255,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-content: '';
    content: var(--tw-content);
  }
  .icon-hover-bx:hover .icon-bx-xl {
    border-color: var(--color-white);
  }
  .icon-hover-bx:hover .icon-bx-xl i {
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .bg-gray-dark .widget_getintuch i {
    position: absolute;
    top: var(--spacing-1\.25);
    left: calc(var(--spacing) * 0);
    width: var(--spacing-7\.5);
    height: var(--spacing-7\.5);
    text-align: center;
    font-size: var(--text-xxl);
    --tw-leading: 30px;
    line-height: 30px;
  }
  .dz-banner-one .dz-banner-one-inner {
    position: relative;
    margin-left: -380px;
    background-color: #F1F3F3;
    padding-top: 145px;
    padding-bottom: var(--spacing-25);
  }
  .dz-banner-one-inner .banner-Swiper-one {
    z-index: 3;
    margin-left: 385px;
    width: 1000px !important;
  }
  .dz-banner-one-inner:after {
    position: absolute;
    right: -265px;
    bottom: calc(var(--spacing-25) * -1);
    z-index: 2;
    font-family: var(--font-poppins);
    font-size: 255px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-content: attr(data-name);
    content: var(--tw-content);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: [#D9D9D9];
    -webkit-text-stroke: 1px;
  }
  .banner-Swiper-two {
    margin-left: calc(var(--spacing-6\.25) * -1);
    width: 600px !important;
  }
  .banner-Swiper-two .dz-media-inner {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    display: flex;
    width: var(--spacing-25);
    height: var(--spacing-25);
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .banner-Swiper-two .dz-media-inner i {
    rotate: 45deg;
    font-size: 50px;
    color: var(--color-white);
  }
  .page-sidebar {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 0;
    display: flex;
    height: 100%;
    width: var(--spacing-25);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 5);
  }
  .dz-about-box .dz-logo-box:nth-child(1), .dz-about-box .dz-logo-box:nth-child(2) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #f5f5f5b5;
  }
  .dz-logo-box {
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: 34px;
    text-align: center;
  }
  .about-us .dz-about-content:after {
    position: absolute;
    right: -200px;
    bottom: -260px;
    z-index: -1;
    font-family: var(--font-poppins);
    font-size: 200px;
    line-height: 405px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-content: attr(data-name);
    content: var(--tw-content);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: [#D9D9D9];
    -webkit-text-stroke: 1px;
  }
  .dz-about-inner .work-item-inner:nth-child(1), .dz-about-inner .work-item-inner:nth-child(2), .dz-about-inner .work-item-inner:nth-child(3) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #ffffff;
  }
  .work-item-inner:nth-child(1) {
    padding-left: var(--spacing-13\.5);
  }
  .work-item-inner:nth-child(2) {
    padding-left: calc(150px - 5px);
  }
  .work-item-inner:nth-child(3) {
    padding-left: calc(250px - 10px);
  }
  .work-item-inner:nth-child(4) {
    padding-left: calc(350px - 15px);
  }
  .work-item-inner .dz-line {
    position: relative;
    margin-inline: auto;
    height: 100%;
    width: var(--spacing-13\.5);
  }
  @media only screen and (min-width: 1200px) {
    .view-btn-2 {
      display: none;
    }
  }
  .view-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--spacing-3\.75);
    height: var(--spacing-3\.75);
    transform: translate(-50%, -50%);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .work-item-inner .dz-line .view-btn i {
    opacity: 0%;
  }
  .work-content .dz-text {
    margin-bottom: calc(var(--spacing) * 0);
    max-width: 540px;
    text-align: justify;
    font-family: var(--font-poppins);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #323232;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .work-item-inner:hover, .work-item-inner.active {
    background-color: #323232;
  }
  .work-item-inner.active h3 {
    color: var(--color-white);
  }
  .work-item-inner.active h3 span {
    color: var(--color-white);
  }
  .work-item-inner.active .dz-line .view-btn {
    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .work-item-inner.active .dz-line .view-btn i {
    opacity: 100%;
  }
  .work-item-inner.active .work-content .dz-text {
    color: #C5C5C5;
  }
  .services-inner .dz-services-box:nth-child(1), .services-inner .dz-services-box:nth-child(2), .services-inner .dz-services-box:nth-child(3), .services-inner .dz-services-box:nth-child(4) {
    margin-right: calc(var(--spacing) * 5);
  }
  .dz-services-box-one {
    visibility: visible;
    display: flex;
    height: 500px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F5F5F5;
    padding-block: calc(var(--spacing) * 5);
    text-align: center;
    opacity: 100%;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .services-box-two {
    visibility: hidden;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-primary);
    padding: var(--spacing-7\.5);
    opacity: 0%;
    transition-delay: 0.15s;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .dz-services-box.active {
    flex: 8;
  }
  .dz-services-box.active .services-box-two {
    visibility: visible;
    opacity: 100%;
  }
  .dz-services-box.active .dz-services-box-one {
    display: none;
    opacity: 0%;
  }
  .our-team:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #000000cc;
    --tw-content: '';
    content: var(--tw-content);
  }
  .dz-social-icon .dz-icon {
    margin-right: calc(var(--spacing) * 2.5);
    display: flex;
    width: 37px;
    height: 37px;
    align-items: center;
    justify-content: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: #2D2C2C;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .dz-social-icon .dz-icon:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .testimonial-team-thumb .swiper-slide-thumb-active .member-name {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .testimonial-team-thumb .dz-team-profile .member-name {
    margin-bottom: calc(var(--spacing) * 0);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: 14px;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 22px;
    line-height: 22px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #2D2C2C;
  }
  .team-sidebar {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: 70px;
    z-index: 0;
    display: flex;
    height: 100%;
    width: 150px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
  }
  .team-sidebar h2 {
    font-family: var(--font-poppins);
    font-size: 300px;
    line-height: 300px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 0.2;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: rgba(255,255,255,0.6);
    -webkit-text-stroke: 1px;
  }
  .testimonial-team-thumb .swiper-slide {
    margin-bottom: calc(var(--spacing) * 5);
    padding-right: calc(var(--spacing) * 5);
  }
  .swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
  }
  .services-sidebar {
    position: absolute;
    top: var(--spacing-7\.5);
    right: calc(var(--spacing) * 0);
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
  }
  .dz-reviews-box-two .testimonial-pic {
    position: relative;
    margin-right: var(--spacing-3\.75);
    display: inline-block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .dz-reviews-box-two .dz-ratings i {
    font-size: var(--text-2sm);
    color: var(--color-primary);
  }
  .dz-reviews-box-two .dz-ratings i:nth-child(5) {
    color: #D9D9D9;
  }
  .customer-support {
    border-radius: 6px;
    background-color: #F5F5F5;
    padding-inline: var(--spacing-3\.75);
    padding-block: 3px;
    font-family: var(--font-poppins);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #2D2C2C;
  }
  .our-testimonial .dz-counter-up {
    position: absolute;
    top: 50%;
    left: var(--spacing-7\.5);
    z-index: 2;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .dz-counter-up .dz-counter h3 {
    text-align: center;
    font-family: var(--font-poppins);
    font-size: 35px;
    --tw-leading: 50px;
    line-height: 50px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
  }
  .dz-counter-up .dz-counter span {
    text-align: center;
    font-family: var(--font-poppins);
    font-size: var(--text-base);
    line-height: 34px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #2D2C2C;
    text-transform: capitalize;
  }
  .testimonial-sidebar {
    position: absolute;
    top: var(--spacing-7\.5);
    right: calc(var(--spacing) * 0);
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
  }
  .dz-counter-tow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--spacing-6\.25);
    text-align: center;
  }
  .dz-counter-tow .dz-counter h3 {
    text-align: center;
    font-family: var(--font-poppins);
    font-size: 35px;
    --tw-leading: 50px;
    line-height: 50px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
  }
  .dz-counter-tow .dz-counter span {
    text-align: center;
    font-family: var(--font-poppins);
    font-size: var(--text-base);
    line-height: 34px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #2D2C2C;
    text-transform: capitalize;
  }
  .partners-media svg {
    vertical-align: middle;
  }
  .partners-media svg path {
    cursor: pointer;
    fill: #DBDBDB;
    --tw-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .partners-media:hover svg path {
    cursor: pointer;
    fill: var(--color-primary);
  }
  .footer-top.style-1 .logo-footer {
    margin-top: var(--spacing-1\.25);
    margin-bottom: calc(var(--spacing) * 5);
  }
  .widget.style-1 li {
    margin-bottom: 12px;
  }
  .widget.style-1 ul li a {
    margin-bottom: 12px;
    font-family: var(--font-poppins);
    font-size: var(--text-2sm);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #666666;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .widget.style-1 ul li a:hover {
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .footer-bottom .widget-link ul li {
    position: relative;
    display: inline-block;
    padding-right: calc(var(--spacing) * 2.5);
    padding-left: 3px;
  }
  .footer-bottom .widget-link ul li a {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: #666666;
  }
  .dz-services-box {
    position: relative;
    display: flex;
    flex: 1;
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .icon-md {
    margin-right: calc(var(--spacing) * 5);
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    padding: calc(var(--spacing) * 0);
    text-align: center;
    --tw-leading: 50px;
    line-height: 50px;
    color: var(--color-white);
    --tw-shadow: 0px 5px 10px 0 var(--tw-shadow-color, rgba(1,191,189,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .breadcrumb-row ul li a:after {
    margin-right: 4px;
    margin-left: 7px;
    font-family: 'fontawesome';
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-content: '\f105';
    content: var(--tw-content);
  }
  .overlay-primary1:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    background-color: var(--color-bannerbg);
    opacity: 85%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .overlay-primary-dark:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    background-color: var(--color-primarydark);
    opacity: 85%;
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (max-width: 991px) {
    .overlay-white1:after {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      width: 100%;
      height: 100%;
      background-color: var(--color-white);
      opacity: 70%;
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .abuot-box {
    position: relative;
    right: auto;
    left: -18%;
    z-index: 1;
    margin-top: 90px;
    width: 120%;
    border-radius: 4px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    padding-top: var(--spacing-4\.75);
    --tw-shadow: 0 0 30px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (max-width: 767px) {
    .abuot-box {
      left: auto;
      z-index: unset;
      margin-top: var(--spacing-3\.75);
      width: 100%;
      background-image: none;
      padding: calc(var(--spacing) * 0);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .about-service .icon-bx-wraper {
    position: relative;
    border-radius: 8px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ffffff1a;
    background-color: #ffffff0d;
    padding: var(--spacing-7\.5);
    text-align: center;
  }
  .swiper.testimonial-team-thumb .swiper-wrapper {
    flex-direction: unset;
    flex-wrap: wrap;
  }
  .testimonial-team-thumb .dz-team-profile:hover .member-name, .testimonial-team-thumb .swiper-slide-thumb-active .member-name {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .testimonial-team {
    height: 100%;
    padding-bottom: calc(var(--spacing) * 5);
  }
  @media only screen and (max-width: 1199px) {
    .our-testimonial .dz-counter-up {
      left: var(--spacing-4\.75) !important;
    }
  }
  @media screen and (max-width: 1199px) {
    .testimonial-team-thumb .dz-team-profile .dz-member-profile {
      height: unset;
    }
  }
  @media (max-width: 1480px) {
    .dz-banner-one .dz-banner-one-inner {
      position: relative;
      margin-left: -180px;
      padding-top: 120px;
      padding-bottom: 70px;
    }
  }
  @media only screen and (max-width: 1480px) {
    .dz-banner-one-inner .banner-Swiper-one {
      z-index: 3;
      margin-left: 180px;
      width: 1000px;
    }
  }
  @media only screen and (max-width: 1480px) {
    .dz-banner-one .dz-banner-one-inner:after {
      right: -170px;
      bottom: -91px;
      font-size: 230px;
    }
  }
  @media only screen and (max-width: 1480px) {
    .dz-banner-one .dz-banner-one-inner h1 {
      max-width: 785px;
      font-size: 80px;
    }
  }
  @media only screen and (max-width: 1480px) {
    .dz-banner-two-inner .banner-Swiper-two {
      margin-left: -140px;
      width: 150px;
    }
  }
  @media only screen and (max-width: 1480px) {
    .banner-Swiper-two {
      margin-left: calc(var(--spacing-25) * -1);
      width: 500px !important;
    }
  }
  @media only screen and (max-width: 1480px) {
    .work-item-inner:nth-child(4) {
      padding-left: calc(339px - 15px);
    }
  }
  @media only screen and (max-width: 1380px) {
    .dz-banner-one .dz-banner-one-inner {
      padding-top: 105px;
      padding-bottom: var(--spacing-13\.5);
    }
  }
  @media only screen and (max-width: 1380px) {
    .dz-banner-one-inner .banner-Swiper-one {
      width: 740px;
    }
  }
  @media only screen and (max-width: 1380px) {
    .dz-banner-one .dz-banner-one-inner:after {
      right: -75px;
      bottom: -80px;
      font-size: 200px;
    }
  }
  @media only screen and (max-width: 1380px) {
    .dz-banner-one-inner h1 {
      font-size: 75px;
    }
  }
  @media only screen and (max-width: 1380px) {
    .dz-banner-two-inner .banner-Swiper-two {
      margin-left: -150px;
      width: 445px;
    }
  }
  @media only screen and (max-width: 1300px) {
    .dz-counter-up .dz-counter {
      padding-inline: var(--spacing-3\.75);
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  @media only screen and (max-width: 1300px) {
    .our-testimonial .dz-counter-up {
      left: 75px;
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner .dz-line img {
      display: none;
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner:after {
      position: absolute;
      top: 50%;
      left: 46%;
      height: 100%;
      width: 3px;
      transform: translate(-50%, -50%);
      background-color: var(--color-primary);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner:nth-child(1) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner:nth-child(2) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner:nth-child(3) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner:nth-child(4) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner {
      position: relative;
      padding-block: var(--spacing-7\.5);
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner .dz-display {
      display: none;
    }
  }
  @media only screen and (max-width: 1199px) {
    .view-btn-2 {
      position: absolute;
      top: 50%;
      left: 46%;
      z-index: 1;
      width: var(--spacing-3\.75);
      height: var(--spacing-3\.75);
      transform: translate(-50%, -50%);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-primary);
      background-color: var(--color-white);
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner:hover .view-btn-2 {
      display: flex;
      width: 56px;
      height: 56px;
      align-items: center;
      justify-content: center;
      background-color: var(--color-primary);
      color: var(--color-white);
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner .view-btn-2 i {
      opacity: 0%;
    }
  }
  @media only screen and (max-width: 1199px) {
    .work-item-inner:hover .view-btn-2 i {
      opacity: 100%;
    }
  }
  @media only screen and (max-width: 1199px) {
    .services-inner {
      display: block !important;
    }
  }
  @media only screen and (max-width: 1199px) {
    .dz-services-box-one {
      display: flex;
      height: unset;
      flex-direction: unset;
      justify-content: center;
    }
  }
  @media only screen and (max-width: 1199px) {
    .dz-services-box.active .services-box-two {
      height: 100%;
      opacity: unset;
    }
  }
  @media only screen and (max-width: 1199px) {
    .dz-services-box.active {
      height: 500px;
      flex: unset;
    }
  }
  @media only screen and (max-width: 1199px) {
    .dz-services-box-one h5 {
      margin-bottom: unset;
    }
  }
  @media only screen and (max-width: 1199px) {
    .dz-services-box-one h5 {
      writing-mode: unset;
    }
  }
  @media only screen and (max-width: 1199px) {
    .services-inner .dz-services-box:nth-child(1), .services-inner .dz-services-box:nth-child(2), .services-inner .dz-services-box:nth-child(3), .services-inner .dz-services-box:nth-child(4) {
      margin-right: calc(var(--spacing) * 0);
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .dlab-img-overlay6:before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    height: calc(var(--spacing) * 0);
    width: 100%;
    background-color: var(--color-black);
    opacity: 0.4;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-content: '';
    content: var(--tw-content);
  }
  .dlab-img-overlay6:hover:before, .dlab-box:hover .dlab-img-overlay6:before {
    height: 100%;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .overlay-white-dark:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    opacity: 0.95;
    --tw-content: '';
    content: var(--tw-content);
  }
  .dz_error-405 .dz_error {
    text-align: center;
    font-family: var(--font-poppins);
    font-size: 200px;
    line-height: 200px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #afafaf;
  }
  @media only screen and (max-width: 767px) {
    .dz_error-405 .dz_error {
      font-size: 120px;
      line-height: 120px;
    }
  }
  @media only screen and (max-width: 1024px) {
    .sticky-top .inquiry-form .g-recaptcha {
      transform-origin: left;
      scale: 0.75;
    }
  }
  @media screen and (max-width: 575px) {
    .home-1 .g-recaptcha {
      scale: 0.77;
    }
  }
  .line-left-box .line-num {
    position: absolute;
    top: 50%;
    right: calc(var(--spacing-4\.75) * -1);
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary);
    text-align: center;
    font-family: var(--font-nunito);
    font-size: var(--text-4\.75xl);
    line-height: 80px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 2px 2px 8px 0 var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .line-right-box .line-num {
    position: absolute;
    top: 50%;
    left: calc(var(--spacing-4\.75) * -1);
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary);
    text-align: center;
    font-family: var(--font-nunito);
    font-size: var(--text-4\.75xl);
    line-height: 80px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 2px 2px 8px 0 var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .arrow-bx {
    height: 55px;
    width: calc(var(--spacing) * 20);
    background-image: url(../images/arrow-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .line-left:after {
    position: absolute;
    top: 50%;
    left: 40%;
    height: 4px;
    width: 10%;
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  @media only screen and (max-width: 767px) {
    .line-left:after {
      left: calc(var(--spacing) * 0);
    }
  }
  .line-right:after {
    position: absolute;
    top: 50%;
    right: 40%;
    height: 4px;
    width: 10%;
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .time-line:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: 50%;
    display: block;
    height: 100%;
    width: 4px;
    border-radius: 0.25rem;
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  @media only screen and (max-width: 767px) {
    .time-line:after, .line-right:after {
      right: auto;
      left: calc(var(--spacing) * 0);
    }
  }
  @media only screen and (max-width: 767px) {
    .time-line .line-left-box, .time-line .line-right-box {
      float: right;
      width: 90%;
    }
  }
  @media only screen and (max-width: 767px) {
    .time-line .line-left-box .line-num, .time-line .line-right-box .line-num {
      left: -20px;
      width: var(--spacing-4\.75);
      height: var(--spacing-4\.75);
      font-size: var(--text-base);
      line-height: 40px;
    }
  }
  .dlab-box:hover .overlay-bx {
    visibility: visible;
    opacity: 100%;
  }
  .faq-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 65px;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .panel:hover {
    --tw-shadow: 0 0 15px 1px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .panel:hover a {
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .dlab-bnr-inr {
    display: table;
    height: 300px;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding-bottom: var(--spacing-4\.75);
    text-align: left;
  }
  .pricingtable-type:before {
    margin-right: 3px;
    --tw-content: '/';
    content: var(--tw-content);
  }
  .pricingtable-type {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    text-transform: capitalize;
  }
  .pricingtable-features li {
    background-color: var(--color-white);
    padding-block: 8px;
    text-align: left;
    font-family: var(--font-montserrat);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
  }
  .pricingtable-features li i {
    float: right;
    margin-inline: 3px;
    display: flex !important;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary);
    text-align: center;
    font-size: 11px;
    --tw-leading: 16px;
    line-height: 16px;
    color: var(--color-primary);
  }
  .pricingtable-wrapper-Pricing {
    position: relative;
    z-index: 2;
    margin-inline: calc(var(--spacing-1\.25) * -1);
    --tw-translate-y: calc(var(--spacing-6\.25) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: var(--spacing-13\.5);
    font-family: var(--font-montserrat);
    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .owl-item.active.center .testimonial-text {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .testimonial-text {
    position: relative;
    border-radius: 6px;
    background-color: var(--color-white);
    padding: var(--spacing-7\.5);
    font-family: var(--font-montserrat);
    font-size: var(--text-2sm);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #6f6f6f;
    --tw-shadow: 0 0 14px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media only screen and (max-width: 991px) {
    .testimonial-text {
      padding: calc(var(--spacing) * 5);
    }
  }
  .dlab-post-meta .post-date:after {
    margin-left: var(--spacing-1\.25);
    display: inline-block;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    opacity: 50%;
    --tw-content: '|';
    content: var(--tw-content);
  }
  .dlab-divide {
    position: absolute;
    display: block;
    width: var(--spacing-7\.5);
    height: var(--spacing-7\.5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    text-align: center;
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .form-group .nice-select .list {
    top: 42px !important;
    bottom: auto !important;
  }
  ol.comment-list li .comment-body:before,	ol.comment-list li .comment-body:after {
    content: '';
    position: absolute;
    top: 20px;
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    --tw-border-style: solid;
    border-style: solid;
  }
  ol.comment-list li .comment-body:before {
    top: 22px;
    left: -12px;
    z-index: 1;
    border-color: transparent;
    border-right-color: var(--color-white);
    border-width: 10px 12px 10px 0;
  }
  ol.comment-list li .comment-body:after {
    left: -14px;
    border-color: transparent;
    border-right-color: #e9e9e9;
    border-width: 12px 14px 12px 0;
  }
  .rev-slider .tparrows {
    background-color: var(--color-primary);
  }
  .post-video iframe {
    height: 450px;
  }
  .quote-text blockquote.wp-block-quote {
    padding-block: calc(var(--spacing) * 5);
    padding-right: 32px;
    padding-left: var(--spacing-7\.5);
  }
  .quote-text blockquote.wp-block-quote:before {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    rotate: 180deg;
    font-family: fontawesome;
    font-size: 50px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6cc000;
    opacity: 0.2;
    --tw-content: '\f10d';
    content: var(--tw-content);
  }
  .quote-text blockquote.wp-block-quote:after {
    position: absolute;
    top: 50%;
    left: calc(var(--spacing) * 0);
    height: 110px;
    width: 3px;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 2px;
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  blockquote {
    position: relative;
    clear: both;
    font-size: var(--text-lg);
    line-height: 30px;
    color: #555555;
  }
  @media (max-width: 768px) {
    .quote-text blockquote.wp-block-quote {
      padding: var(--spacing-3\.75);
    }
  }
  .portfolio .portfolio-fullscreen {
    position: absolute;
    right: calc(var(--spacing) * 2.5);
    right: var(--spacing-3\.75);
    bottom: calc(var(--spacing) * 5);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 30px;
    line-height: 30px;
    color: var(--color-white);
    opacity: 50%;
  }
  .list-check li:before {
    position: absolute;
    top: var(--spacing-1\.25);
    left: calc(var(--spacing) * 0);
    display: block;
    font-family: 'themify';
    font-size: var(--text-2sm);
    color: var(--color-primary);
    --tw-content: '\e64c';
    content: var(--tw-content);
  }
  .sort-title-bx {
    position: absolute;
    top: 12px;
    left: 50%;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    transform: translateX(-50%);
    padding-right: var(--spacing-3\.75);
    padding-left: calc(var(--spacing) * 6);
    font-family: var(--font-rubik);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
    text-transform: uppercase;
  }
  .sort-title-bx:after {
    position: absolute;
    top: 50%;
    left: calc(var(--spacing) * 0);
    transform: translatey(-50%);
    padding-left: calc(var(--spacing) * 6);
    font-size: 65px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: capitalize;
    opacity: 0.1;
    --tw-content: attr(data-name);
    content: var(--tw-content);
  }
  @media only screen and (max-width: 992px) {
    .sort-title-bx {
      top: 3px;
      padding-left: var(--spacing-7\.5);
    }
  }
  @media only screen and (max-width: 767px) {
    .sort-title-bx:after {
      font-size: 35px;
    }
  }
  svg.radial-progress {
    height: auto;
    width: 100%;
    max-width: 200px;
    rotate: -90deg;
    padding: 1em;
  }
  @media only screen and (max-width: 767px) {
    svg.radial-progress {
      max-width: 500px;
    }
  }
  svg.radial-progress:nth-of-type(6n+1) circle {
    stroke: var(--color-primary);
  }
  svg.radial-progress circle.incomplete {
    opacity: 0.25;
  }
  svg.radial-progress circle.complete {
    stroke-dasharray: 219.91148575129;
    stroke-dashoffset: 200px;
  }
  svg.radial-progress circle {
    fill: rgba(0,0,0,0);
    stroke-width: 10;
  }
  svg.radial-progress text {
    fill: #000;
    font-family: Oswald;
    font-size: 1em;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    text-anchor: middle;
  }
  .swiper-img-space .swiper-slide img {
    padding-block: calc(var(--spacing) * 5);
  }
  .subscribe-form .input-group {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgba(255,255,255,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .product-item-color .icon:after {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    font-family: 'fontawesome';
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 27px;
    line-height: 27px;
    color: var(--color-white);
    opacity: 0%;
    --tw-content: '\f00c';
    content: var(--tw-content);
  }
  .product-item-color .icon-check:checked + .icon:after {
    opacity: 100%;
  }
  .new-page {
    margin-left: var(--spacing-1\.25);
    border-radius: 0.25rem;
    background-image: linear-gradient(45deg,rgba(179,186,0,0.9) 0%,rgba(104,184,0,0.9) 100%);
    padding-inline: var(--spacing-1\.25);
    padding-block: 2px;
    vertical-align: middle;
    font-size: 10px;
    color: var(--color-white);
  }
  .dropdown-item.active:after {
    --tw-content: '\e622';
    content: var(--tw-content);
  }
  .blog-single > .dz-media:not(:has(img)) > .quote-text {
    position: unset;
    transform: unset;
  }
  .tutorial-data > div {
    scroll-margin-top: 110px;
  }
  .boxed .page-wraper {
    position: relative;
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 0);
    max-width: 1200px;
    overflow: hidden;
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .nice-select .option {
    color: var(--color-black);
  }
  .boxed .main-bar {
    left: 50%;
    max-width: 1200px;
    transform: translateX(-50%);
  }
  .slider-logo .owl-carousel .owl-item {
    text-align: -webkit-center;
  }
  @media only screen and (max-width: 575px) {
    .post-video iframe {
      height: 296px;
    }
  }
  .news-box form:after {
    position: absolute;
    top: -40px;
    z-index: -1;
    font-family: var(--font-montserrat);
    font-size: 50px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #000;
    opacity: 0.05;
    --tw-content: 'Newslatter';
    content: var(--tw-content);
  }
  .news-box form {
    position: relative;
  }
  .privacyPolicy {
    bottom: calc(var(--spacing) * 5) !important;
    left: 6px !important;
  }
  @media only screen and (max-width: 991px) {
    .portfolio-box .dlab-img-overlay1:before {
      opacity: 80%;
    }
  }
  @media only screen and (max-width: 991px) {
    .dlab-gallery-box .dlab-img-overlay1:before {
      opacity: 80%;
    }
  }
  .nice-select span {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
  }
}
@layer components {
  .sidenav {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: -320px;
    z-index: 10;
    height: 100%;
    width: 300px;
    overflow-x: hidden;
    background-color: var(--color-white);
    --tw-shadow: 0 0 10px 5px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .mCustomScrollbar {
    touch-action: pinch-zoom;
  }
  .mCustomScrollBox {
    position: relative;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    direction: ltr;
  }
  .mCSB_container {
    width: auto;
    height: auto;
    overflow: hidden;
  }
  .off-color img {
    margin: calc(var(--spacing) * 0);
    display: inline-block;
    height: auto;
    width: 100%;
    --tw-shadow: 0 0 0 var(--tw-shadow-color, rgba(0,0,0,0));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-filter: grayscale(0);
  }
  .sidenav .closebtn {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 10;
    width: 35px;
    background-color: var(--color-black);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: 35px;
    color: var(--color-white);
  }
  .container.dlab-coming-bx {
    position: absolute;
    top: 50%;
    margin-top: -186px;
    min-height: 372px;
    max-width: 100% !important;
    text-align: center;
  }
  .coming-soon-banner .logo-header {
    position: relative;
    z-index: 10;
    display: table;
    height: 60px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .countdown .date {
    margin-inline: -2px;
    display: inline-block;
    min-width: 110px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: #ffffff33;
    color: var(--color-white);
  }
  .countdown .date span {
    margin-inline: auto;
    display: block;
    width: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #ffffff33;
    padding-inline: 1px;
    padding-block: 2px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: 2px;
    letter-spacing: 2px;
  }
  .countdown .date .time {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    font-size: var(--text-4\.75xl);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .coming-soon-form .form-control {
    display: block;
    height: var(--spacing-13\.5);
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ccc;
    padding-inline: var(--spacing-3\.75);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #212529;
    --tw-outline-style: none;
    outline-style: none;
    &:focus {
      background-color: var(--color-white);
    }
  }
  .overlay-black-middle:after {
    position: absolute;
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: 0.5;
    --tw-content: '';
    content: var(--tw-content);
  }
  .coming-soon-banner .dlab-social-icon ul li a {
    display: inline-block;
    width: var(--spacing-4\.75);
    height: var(--spacing-4\.75);
    font-size: var(--text-2sm);
    --tw-leading: 38px;
    line-height: 38px;
    color: var(--color-white);
  }
  .modal {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .fade:not(.show) {
    opacity: 0%;
  }
  .fade {
    transition: opacity .15s linear;
  }
  .contact-form .modal-content {
    pointer-events: auto;
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #00000033;
    background-color: #333333;
  }
  .modal-dialog {
    pointer-events: auto;
    position: relative;
    margin-inline: auto;
    margin-bottom: 28px;
    width: auto;
    max-width: 450px;
    transform: translate(0,-50px);
    --tw-duration: .3s;
    transition-duration: .3s;
  }
  @media only screen and (max-width: 767px) {
    .countdown .date {
      max-width: var(--spacing-13\.5);
      min-width: 75px;
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  @media only screen and (max-width: 767px) {
    .countdown .date .time {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media only screen and (max-width: 767px) {
    .countdown .date span {
      border-style: var(--tw-border-style);
      border-width: 0px;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-size {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-layout {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-paint {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-style {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}