@charset "UTF-8";
:root {
  --font-family-primary: "Manrope", "IBM Plex Sans Arabic", sans-serif;
  --font-family-secondary: "Manrope", "IBM Plex Sans Arabic", serif;
  --font-family-tertiary: "Manrope", "IBM Plex Sans Arabic", serif;
  --font-family-serif: serif, "IBM Plex Sans Arabic", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-family-script: Segoe Script, "IBM Plex Sans Arabic", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-family-mono: monospace, "IBM Plex Sans Arabic", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --colors-card-primary: var(--color-primary);
  --colors-card-secondary: var(--color-secondary);
  --sizes-text-3xs-size: 0.75rem;
  --sizes-text-3xs-lh: 1.5;
  --sizes-text-3xs-lp: 0rem;
  --sizes-heading-display-2-size: 6rem;
  --sizes-heading-display-2-lh: 1;
  --sizes-heading-display-2-lp: -0.24rem;
  --sizes-heading-display-3-size: 5rem;
  --sizes-heading-display-3-lh: 1;
  --sizes-heading-display-3-lp: -0.2rem;
  --sizes-heading-display-4-size: 4.5rem;
  --sizes-heading-display-4-lh: 1;
  --sizes-heading-display-4-lp: -0.18rem;
  --sizes-heading-display-5-size: 4rem;
  --sizes-heading-display-5-lh: 1;
  --sizes-heading-display-5-lp: -0.16rem;
  --sizes-heading-display-6-size: 3.5rem;
  --sizes-heading-display-6-lh: 1;
  --sizes-heading-display-6-lp: -0.14rem;
  --sizes-heading-h1-size: 3rem;
  --sizes-heading-h1-lh: 1.1;
  --sizes-heading-h1-lp: -0.12rem;
  --sizes-heading-h2-size: 2.5rem;
  --sizes-heading-h2-lh: 1.1;
  --sizes-heading-h2-lp: -0.08rem;
  --sizes-heading-h3-size: 2rem;
  --sizes-heading-h3-lh: 1.1;
  --sizes-heading-h3-lp: -0.07rem;
  --sizes-heading-h4-size: 1.5rem;
  --sizes-heading-h4-lh: 1.2;
  --sizes-heading-h4-lp: -0.06rem;
  --sizes-heading-h5-size: 1.25rem;
  --sizes-heading-h5-lh: 1.2;
  --sizes-heading-h5-lp: -0.05rem;
  --sizes-heading-h6-size: 1rem;
  --sizes-heading-h6-lh: 1.2;
  --sizes-heading-h6-lp: -0.004rem;
  --color-white: white;
  --color-black: black;
  --bs-link-color-rgb: var(--color-gray-900) !important;
  --radius: 4px;
  --bs-gray-900-rgb: 14, 14, 15;
  --heading-font-typeface: var(--font-heading-family);
  --heading-font-weight: var(--font-heading-weight);
  --heading-font-style: normal;
  --heading-font-spacing: normal;
  --heading-font-transform: initial;
  --font-heading-family: var(--font-family-secondary);
  --font-heading-weight: 700;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-secondary-800: #625f5d;
  --bs-secondary-900: #31302f;
  --bs-primary-rgb: 18, 113, 91;
  --bs-secondary-rgb: 245, 238, 233;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--font-family-primary);
  --bs-body-font-size: 1rem;
  --root-size: 1rem;
  --body-font-size: var(--root-size);
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem -0.1rem var(--shadow-color);
  --bs-box-shadow-sm: 0 0.25rem 0.5rem -0.1rem var(--shadow-color);
  --bs-box-shadow-lg: 0 1rem 1.5rem -0.1rem var(--shadow-color);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
}

:root {
  --bs-dark-rgb: 33, 37, 41;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (max-width: 768px) {
  h1 .d-none {
    display: none !important;
  }
}

@media (max-width: 500px) {
  p .d-none {
    display: none !important;
  }
}
.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
#main_features .container {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1200px) {
  #main_features .xl\:max-w-xl,
  .xl\:max-w-xl-hover:hover,
  .xl\:hover\:max-w-xl:hover {
    max-width: 1280px !important;
  }

  #main_features .container,
  .container-fluid {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  #main_features .row.child-cols-12 > * {
    margin-top: 8rem;
  }
}

#main_features .row .child-cols {
  --bs-gutter-x: 2rem;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

#main_features .row.child-cols {
  --bs-gutter-x: 2rem;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

#cta .w-24px,
.hover\:w-24px:hover {
  width: 24px !important;
}

:where(.uc-dark) .dark\:text-white,
:where(.uc-dark) .dark\:text-white-hover:hover,
:where(.uc-dark) .dark\:hover\:text-white:hover,
:where(.uc-dark) .dark\:text-white-focus:focus,
:where(.uc-dark) .dark\:focus\:text-white:focus {
  --bs-text-opacity: 1;
  --bs-white-rgb: 255, 255, 255;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

#key_features .h1:where(.uc-dark),
:where(.uc-dark) .h1,
.h2:where(.uc-dark),
:where(.uc-dark) .h2,
.h3:where(.uc-dark),
:where(.uc-dark) .h3,
.h4:where(.uc-dark),
:where(.uc-dark) .h4,
.h5:where(.uc-dark),
:where(.uc-dark) .h5,
.h6:where(.uc-dark),
:where(.uc-dark) .h6,
.display-5:where(.uc-dark),
:where(.uc-dark) .display-5,
h1:where(.uc-dark),
:where(.uc-dark) h1,
h2:where(.uc-dark),
:where(.uc-dark) h2,
h3:where(.uc-dark),
:where(.uc-dark) h3,
h4:where(.uc-dark),
:where(.uc-dark) h4,
h5:where(.uc-dark),
:where(.uc-dark) h5,
h6:where(.uc-dark),
:where(.uc-dark) h6 {
  color: white;
}

#key_features .h5 {
  --sizes-heading-h5-size: 1.25rem;
  --sizes-heading-h5-lh: 1.2;
  --sizes-heading-h5-lp: -0.05rem;
  font-size: var(--sizes-heading-h5-size) !important;
  line-height: var(--sizes-heading-h5-lh) !important;
  letter-spacing: var(--sizes-heading-h5-lp) !important;
}

#key_features .row > * {
  margin-top: 1.5rem !important;
}

#key_features.uc-dark .dark\:bg-primary,
#key_features.uc-dark .dark\:bg-primary-hover:hover,
#key_features.uc-dark .dark\:hover\:bg-primary:hover,
#key_features.uc-dark .dark\:bg-primary-focus:focus,
#key_features.uc-dark .dark\:focus\:bg-primary:focus {
  --bs-bg-opacity: 1;
  --bs-primary-rgb: 18, 113, 91;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

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

@media (min-width: 1200px) {
  .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1026px) {
  /* #features > .uc-scrollspy-inview:first-child {
    margin-top: 13rem !important;
  } */
}
@media (min-width: 768px) {
  #features > .row.child-cols.items-center.justify-between {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  #feature-item > .row {
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }

  /* 1) Default: apply to every .row.child-cols inside #main_features */
  #main_features .row.child-cols {
    --bs-gutter-x: 2rem;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }

  /* 2) Override: do NOT apply when .row.child-cols is a direct child of .feature-item */
  #main_features .feature-item > .row.child-cols {
    /* reset to defaults (choose appropriate fallback values for your project) */
    --bs-gutter-x: initial;
    padding-right: initial;
    padding-left: initial;
    margin-top: initial;
  }

  #main_features #feature-item .row.child-cols {
    --bs-gutter-x: 2rem;
    padding-right: 0;
    padding-left: 0;
    margin-top: var(--bs-gutter-y);
  }

  .feature-item.panel .row.child-cols {
    padding: 0;
  }

  #features .row.child-cols .md\:col-6 {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
    padding-right: calc(1.5rem * 0.5) !important;
    padding-left: calc(1.5rem * 0.5) !important;
    /* margin-top: 0px !important; */
  }

  #features .row.child-cols .md\:col-6:nth-child(2) {
    padding-right: calc(3rem * 0.5) !important;
    padding-left: calc(3rem * 0.5) !important;
  }

  .sm\:p-2 {
    padding: 1rem !important;
  }

  #features > .uc-scrollspy-inview {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}
#main_features .pb-4 {
  padding-bottom: 2rem !important;
}

@media (max-width: 766px) {
  #main_features .feature-item > .row.child-cols {
    --bs-gutter-x: 2rem;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: 0;
  }
}

#main_features .col-12 {
  --grid-total: 12;
  --grid-count: 12;
  flex: 0 0 auto;
  width: 100%;
}
#main_features .section {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

#main_features .panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
#main_features .panel > :last-child {
  margin-bottom: 0;
}
#main_features .py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
#main_features .py-9 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
#main_features .container,
#main_features .container-fluid {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 459px) {
  #main_features .sm\:max-w-lg,
  #main_features .sm\:max-w-lg-hover:hover,
  #main_features .sm\:hover\:max-w-lg:hover {
    max-width: 1040px !important;
  }
}
@media (min-width: 1200px) {
  #main_features .xl\:py-9 {
    padding-top: 0rem !important;
    padding-bottom: 6rem !important;
  }
  #main_features .xl\:max-w-xl,
  #main_features .xl\:max-w-xl-hover:hover,
  #main_features .xl\:hover\:max-w-xl:hover {
    max-width: 1280px !important;
  }
}
@media (min-width: 992px) {
  #main_features .container {
    max-width: 960px;
  }
}
#main_features .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

@media (min-width: 768px) {
  #main_features .md\:g-6,
  #main_features .md\:gy-6 {
    --bs-gutter-y: 3rem;
  }
  #main_features .md\:g-6,
  #main_features .md\:gx-6 {
    --bs-gutter-x: 3rem;
  }
  #main_features .md\:col-6 {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1026px) {
  #features .row.child-cols .md\:col-6 {
    margin-top: 3rem 1 !important;
  }
}

@media (min-width: 991px) and (max-width: 1440px) {
  #features > .uc-scrollspy-inview {
    margin-top: 5rem !important;
  }
}

/* combined from hero and header */

#hero_header h1 {
  font-family: "Inter", sans-serif;
  font-size: 2.5rem; /* Example */
  line-height: 1.2; /* Example */
}
.nav-y a:hover {
  opacity: 1 !important;
}

.uc-offcanvas-bar .uc-link:hover,
.uc-offcanvas-bar a:hover {
  color: var(--color-gray-900);
}
.uc-offcanvas-bar .uc-link:hover,
.uc-offcanvas-bar a:hover {
  transition: color 200ms ease;
}
.link {
  display: inline-flex;
  align-items: center;
  line-height: 16px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-5 {
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700);
  letter-spacing: var(--heading-font-spacing, normal);
  font-style: var(--heading-font-style, normal);
  text-transform: var(--heading-font-transform, initial);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: var(--color-gray-900);
  font-size: var(--sizes-heading-h2-size) !important;
  line-height: var(--sizes-heading-h2-lh) !important;
  letter-spacing: var(--sizes-heading-h2-lp) !important;
}

.h1:where(.uc-dark),
:where(.uc-dark) .h1,
.h2:where(.uc-dark),
:where(.uc-dark) .h2,
.h3:where(.uc-dark),
:where(.uc-dark) .h3,
.h4:where(.uc-dark),
:where(.uc-dark) .h4,
.h5:where(.uc-dark),
:where(.uc-dark) .h5,
.h6:where(.uc-dark),
:where(.uc-dark) .h6,
.display-5:where(.uc-dark),
:where(.uc-dark) .display-5,
h1:where(.uc-dark),
:where(.uc-dark) h1,
h2:where(.uc-dark),
:where(.uc-dark) h2,
h3:where(.uc-dark),
:where(.uc-dark) h3,
h4:where(.uc-dark),
:where(.uc-dark) h4,
h5:where(.uc-dark),
:where(.uc-dark) h5,
h6:where(.uc-dark),
:where(.uc-dark) h6 {
  color: white;
}

.cstack {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: var(--bs-btn-height);
  text-transform: var(--button-font-transform);
  border-radius: var(--bs-btn-border-radius);
}

.btn-md,
html.bp-sm .sm\:btn-md,
html.bp-md .md\:btn-md,
html.bp-lg .lg\:btn-md,
html.bp-xl .xl\:btn-md {
  --bs-btn-height: 48px !important;
  --bs-btn-padding-y: 0px !important;
  --bs-btn-padding-x: 1rem !important;
  --bs-btn-font-size: 1rem !important;
}

.btn-lg,
html.bp-sm .sm\:btn-lg,
html.bp-md .md\:btn-lg,
html.bp-lg .lg\:btn-lg,
html.bp-xl .xl\:btn-lg {
  --bs-btn-height: 56px !important;
  --bs-btn-padding-y: 0px !important;
  --bs-btn-padding-x: 1.5rem !important;
  --bs-btn-font-size: 1.125rem !important;
}

.ltr\:ms-2 {
  margin-left: 1rem !important;
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  font-family: var(--body-font-typeface);
  font-size: var(--body-font-size, 1rem);
  font-weight: var(--body-font-weight, 400);
  letter-spacing: var(--body-font-spacing, normal);
  background-color: var(--body-color-background, inherit);
  color: var(--body-color-text, inherit);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.m-0 {
  margin: 0 !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.max-w-750px,
.hover\:max-w-750px:hover {
  max-width: 750px !important;
}

@media (min-width: 1200px) {
  .xl\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--bs-heading-color, inherit);
}

p {
  margin: 0;
}

p + p {
  margin-top: 1rem;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:hover,
.link:hover {
  color: var(--link-color-text-hover);
}


.uc-link:hover,
a:hover {
  text-decoration: none;
}

.display-5 {
  font-size: var(--sizes-heading-display-5-size) !important;
  line-height: var(--sizes-heading-display-5-lh) !important;
  letter-spacing: var(--sizes-heading-display-5-lp) !important;
}

.h1 {
  font-size: var(--sizes-heading-h1-size) !important;
  line-height: var(--sizes-heading-h1-lh) !important;
  letter-spacing: var(--sizes-heading-h1-lp) !important;
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-family: var(--font-family-secondary);
  font-weight: 700;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.container:not(#main_features .container) {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container:not(#main_features .container) {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .container:not(#main_features .container) {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.g-0 {
  --bs-gutter-x: 0;
}
.g-0 {
  --bs-gutter-y: 0;
}
.g-1 {
  --bs-gutter-x: 0.5rem;
}
.g-1 {
  --bs-gutter-y: 0.5rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 1rem;
}
.g-2 {
  --bs-gutter-y: 1rem;
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0px;
  --bs-btn-font-family: var(--font-family-tertiary);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 48px;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #12715b;
  --bs-btn-border-color: #12715b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f604d;
  --bs-btn-hover-border-color: #0e5a49;
  --bs-btn-focus-shadow-rgb: 54, 134, 116;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e5a49;
  --bs-btn-active-border-color: #0e5544;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #12715b;
  --bs-btn-disabled-border-color: #12715b;
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}


.hover\:border-opacity-40:hover {
  --bs-border-opacity: 0.4;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}
.start-0 {
  left: 0 !important;
}
.end-0 {
  right: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-gray-900 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.max-w-md {
  max-width: 720px !important;
}
.max-w-lg {
  max-width: 1040px !important;
}
.max-w-xl {
  max-width: 1280px !important;
}
.h-100 {
  height: 100% !important;
}
.justify-center {
  justify-content: center !important;
}
.items-center {
  align-items: center !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mt-1 {
  margin-top: 0.5rem !important;
}
.mt-10 {
  margin-top: 8rem !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.border-opacity-20,
.hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2;
}
.pt-9 {
  padding-top: 6rem !important;
}
.pb-2 {
  padding-bottom: 1rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.5rem !important;
}
.gap-2 {
  gap: 1rem !important;
}
.text-center {
  text-align: center !important;
}
.text-start {
  text-align: start !important;
}
.text-gray-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}
.h-600px,
.hover\:h-600px:hover {
  height: 600px !important;
}
.hstack,
html.bp-sm .sm\:hstack,
html.bp-md .md\:hstack,
html.bp-lg .lg\:hstack,
html.bp-xl .xl\:hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack,
html.bp-sm .sm\:vstack,
html.bp-md .md\:vstack,
html.bp-lg .lg\:vstack,
html.bp-xl .xl\:vstack {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: stretch;
}
.vstack:not(#key_features .vstack) {
  color: black;
}
.uc-icon {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0;
}
.text-dark,
.hover\:text-dark:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-opacity-70,
.hover\:text-opacity-70:hover {
  --bs-text-opacity: 0.7;
}
@media (max-width: 991.98px) {
  .d-none {
    display: none !important;
  }
  .d-block,
  .d-block-hover:hover,
  .hover\:d-block:hover {
    display: block !important;
  }
}
@media (min-width: 459px) {
  .lg\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
}

.border-opacity-20,
.hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2;
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .lg\:h-screen,
  .lg\:h-screen-hover:hover,
  .lg\:hover\:h-screen:hover {
    height: 100vh !important;
  }
}

@media (min-width: 459px) {
  .container:not(#main_features .container) {
    max-width: 540px;
  }

  .sm\:fs-5 {
    font-size: 1.125rem !important;
  }

  .sm\:d-block,
  .sm\:d-block-hover:hover,
  .sm\:hover\:d-block:hover {
    display: block !important;
  }
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .sm\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  .sm\:mt-2 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 2rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .lg\:d-block,
  .lg\:d-block-hover:hover,
  .lg\:hover\:d-block:hover {
    display: block !important;
  }

  .lg\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  .lg\:gap-4 {
    gap: 2rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 4rem !important;
  }
  .lg\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .lg\:mt-0 {
    margin-top: 0 !important;
  }
  .lg\:gap-2 {
    gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .xl\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
  [dir="ltr"] .ltr\:xl\:ms-4 {
    margin-left: 2rem !important;
  }
  .xl\:gap-4 {
    gap: 2rem !important;
  }
}
.p-4 {
  padding: 2rem !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
/* header */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .ltr\:xl\:ms-4 {
    margin-left: 2rem !important;
  }
}
.d-block {
  display: block !important;
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .lg\:d-none,
  .lg\:d-none-hover:hover,
  .lg\:hover\:d-none:hover {
    display: none !important;
  }
  .lg\:h-screen,
  .lg\:h-screen-hover:hover,
  .lg\:hover\:h-screen:hover {
    height: 100vh !important;
  }
}
:root {
  --color-primary: #12715b;
  --color-gray-25: #f6f6f6;
  --color-gray-800: #1c1c1e;
  --font-family-primary: "Manrope", "IBM Plex Sans Arabic", sans-serif;
  --bs-white-rgb: 255, 255, 255;
  --sizes-heading-h4-size: 1.5rem;
  --sizes-heading-h4-lh: 1.2;
  --sizes-heading-h4-lp: -0.06rem;
  --bs-gray-25-rgb: 246, 246, 246;
  --bs-gray-900-rgb: 14, 14, 15;
  --bs-gray-600-rgb: 55, 55, 61;
}
.btn-sm,
html.bp-sm .sm\:btn-sm,
html.bp-md .md\:btn-sm,
html.bp-lg .lg\:btn-sm,
html.bp-xl .xl\:btn-sm {
  --bs-btn-height: 40px !important;
  --bs-btn-padding-y: 0px !important;
  --bs-btn-padding-x: 0.75rem !important;
  --bs-btn-font-size: 1rem !important;
}
.nav-y {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-y a {
  text-decoration: none;
  color: inherit;
  transition: opacity 200ms ease;
}
.nav-y .uc-nav-sub {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
  gap: 0.25rem;
  width: 100%;
  margin: 0;
  padding: 8px 0 8px 16px;
  list-style: none;
  opacity: 0;
  transition: 200ms ease;
}
.nav-y .uc-nav-sub a {
  font-size: 90%;
}
.nav-y .uc-parent {
  position: relative;
  display: block;
}
.nav-y .uc-parent > a {
  position: relative;
  display: block;
  z-index: 1;
}
.nav-y .uc-parent > a::after {
  content: "\e940";
  font-family: "Unicons";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 1.125rem;
  font-weight: bold;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}
.nav-y .uc-parent.uc-open > a::after {
  content: "\e93f";
}
.nav-y .uc-parent.uc-open .uc-nav-sub {
  opacity: 1;
}
.uc-accordion > *.uc-open .uc-accordion-title::before {
  transform: translateY(-50%) rotate(45deg);
}
.uc-nav .uc-parent.uc-open a > span {
  transform: translateY(-50%) rotate(45deg);
}
.uc-navbar {
  z-index: 1;
  opacity: 1;
}
.uc-navbar .uc-navbar-left,
.uc-navbar .uc-navbar-right {
  gap: 1.5rem;
}
.uc-navbar-nav > li > a {
  position: relative;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  padding: 0;
}
.uc-navbar-float {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.border-0 {
  border: 0 !important;
}
.w-32px,
.hover\:w-32px:hover {
  width: 32px !important;
}
.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-1 {
  margin: 0.5rem !important;
}
.uc-nav ul.uc-nav-sub a {
  opacity: 0.5;
  transition: 200ms ease;
}
.gap-3 {
  gap: 1.5rem !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.rounded-default {
  border-radius: 8px !important;
}
.bg-white,
.hover\:bg-white:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.opacity-10 {
  opacity: 0.1 !important;
}
.hr {
  height: 1px;
  min-width: 1em;
  border-top-color: var(--border-color);
}
.hr {
  display: inline-block;
  align-self: stretch;
  background-color: currentcolor;
  opacity: 0.25;
  margin: 0;
}
.icon-3 {
  width: 32px !important;
  height: 32px !important;
  font-size: 32px !important;
}
.min-h-64px,
.hover\:min-h-64px:hover {
  min-height: 64px !important;
}
.uc-nav ul.uc-nav-sub {
  font-size: 95%;
  padding: 8px 16px;
}
@media (min-width: 1200px) {
  .xl\:gap-4 {
    gap: 2rem !important;
  }
}
@media (min-width: 992px) {
  .lg\:d-flex,
  .lg\:d-flex-hover:hover,
  .lg\:hover\:d-flex:hover {
    display: flex !important;
  }
  .lg\:d-inline-flex,
  .lg\:d-inline-flex-hover:hover,
  .lg\:hover\:d-inline-flex:hover {
    display: inline-flex !important;
  }
}
.uc-navbar-nav > li > a[aria-expanded="true"] {
  box-shadow: inset 0px 3px var(--color-primary);
}
.uc-navbar-dropdown.uc-open {
  display: block !important;
}
.uc-navbar-dropdown {
  opacity: 1;
  min-width: 250px;
  padding: 2rem;
  box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.2);
  border-radius: var(--radius);
}
.uc-navbar-dropdown {
  background: white !important;
}
.uc-navbar-dropdown:where(.uc-dark),
:where(.uc-dark) .uc-navbar-dropdown {
  background: var(--color-gray-800) !important;
}
.uc-navbar-dropdown {
  color: var(--color-gray-800) !important;
}
.uc-navbar-dropdown:where(.uc-dark),
:where(.uc-dark) .uc-navbar-dropdown {
  color: white !important;
}
.uc-navbar-dropdown-nav {
  margin-left: 0.5rem !important;
}
.uc-navbar-dropdown-nav > li > a {
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium);
}
.uc-navbar-dropdown-nav > li > a {
  color: var(--color-gray-600);
}
.uc-navbar-dropdown-nav > li > a:where(.uc-dark),
:where(.uc-dark) .uc-navbar-dropdown-nav > li > a {
  color: var(--color-gray-200);
}
.uc-navbar-dropdown-nav > li:hover > a {
  color: var(--color-gray-900);
}
.uc-navbar-dropdown-nav > li:hover > a:where(.uc-dark),
:where(.uc-dark) .uc-navbar-dropdown-nav > li:hover > a {
  color: white;
}
.uc-navbar-dropdown-nav > li.uc-active > a,
.uc-navbar-dropdown-nav .uc-nav-header {
  color: inherit;
}
.uc-navbar-dropdown-nav .uc-nav-header {
  text-transform: capitalize;
  font-weight: var(--font-weight-bold);
  font-size: 1rem;
}

.fs-6 {
  font-size: 1rem !important;
}
.ft-primary {
  font-family: var(--font-family-primary) !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.overflow-hidden {
  overflow: hidden !important;
}
.p-0 {
  padding: 0 !important;
}
.rounded-2,
.rounded-2-hover:hover,
.hover\:rounded-2:hover {
  border-radius: 16px !important;
}
.text-unset {
  text-transform: none !important;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row.col-match {
  flex-wrap: wrap;
}
.row.col-match > [class*="col-"],
.row.col-match > * {
  display: flex;
  flex-direction: column;
}
.row.col-match > [class*="col-"] > *,
.row.col-match > * > * {
  flex: 1;
}
.w-600px,
.hover\:w-600px:hover {
  width: 600px !important;
}
.p-2 {
  padding: 1rem !important;
}
.p-3 {
  padding: 1.5rem !important;
}

.h4 {
  font-size: var(--sizes-heading-h4-size) !important;
  line-height: var(--sizes-heading-h4-lh) !important;
  letter-spacing: var(--sizes-heading-h4-lp) !important;
}
.m-0 {
  margin: 0 !important;
}
.h-100px,
.hover\:h-100px:hover {
  height: 100px !important;
}
.w-100px,
.hover\:w-100px:hover {
  width: 100px !important;
}
.fs-7 {
  font-size: 0.875rem !important;
}
.fw-bold {
  font-weight: 700 !important;
}
:where(.uc-dark) .dark\:text-white,
:where(.uc-dark) .dark\:text-white-hover:hover,
:where(.uc-dark) .dark\:hover\:text-white:hover,
:where(.uc-dark) .dark\:text-white-focus:focus,
:where(.uc-dark) .dark\:focus\:text-white:focus {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.icon-1 {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
}
.text-primary,
.hover\:text-primary:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.items-start {
  align-items: flex-start !important;
}
.child-cols-6 > * {
  --grid-total: 12;
  --grid-count: 6;
  flex: 0 0 auto;
  width: 50%;
  padding-left: 0px;
}
.hover\:bg-opacity-5:hover {
  --bs-bg-opacity: 0.05;
}
.text-gray-900,
.hover\:text-gray-900:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}
.gap-narrow {
  gap: 0.25rem !important;
}
.mt-nnarrow {
  margin-top: -0.25rem !important;
}
.bg-gray-25,
.hover\:bg-gray-25:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-25-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.opacity-70,
.opacity-70-hover:hover,
.hover\:opacity-70:hover {
  opacity: 0.7 !important;
}
.uc-nav a,
.uc-nav-sub a {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.uc-nav:hover a,
.uc-nav-sub:hover a {
  opacity: 0.6;
}
.uc-nav a:hover,
.uc-nav li > a:hover {
  opacity: 1;
}

.hover\:bg-opacity-5:hover {
  --bs-bg-opacity: 0.05;
}

.hover\:bg-gray-600:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-25-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.rounded-1-5,
.rounded-1-5-hover:hover,
.hover\:rounded-1-5:hover {
  border-radius: 12px !important;
}

:where(.uc-dark) .dark\:bg-white,
:where(.uc-dark) .dark\:bg-white-hover:hover,
:where(.uc-dark) .dark\:hover\:bg-white:hover,
:where(.uc-dark) .dark\:bg-white-focus:focus,
:where(.uc-dark) .dark\:focus\:bg-white:focus {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
/* ---hero---- */
/* ---brands--- */
#trusted_brands .link {
  display: inline-flex;
  align-items: center;
  line-height: 16px;
}
#trusted_brands .h1,
#trusted_brands .h2,
#trusted_brands .h3,
#trusted_brands .h4,
#trusted_brands .h5,
#trusted_brands .h6,
#trusted_brands .display-5 {
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700);
  letter-spacing: var(--heading-font-spacing, normal);
  font-style: var(--heading-font-style, normal);
  text-transform: var(--heading-font-transform, initial);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: var(--color-gray-900);
  font-size: var(--sizes-heading-h2-size) !important;
  line-height: var(--sizes-heading-h2-lh) !important;
  letter-spacing: var(--sizes-heading-h2-lp) !important;
}
#trusted_brands .h1:where(.uc-dark),
#trusted_brands :where(.uc-dark) .h1,
#trusted_brands .h2:where(.uc-dark),
#trusted_brands :where(.uc-dark) .h2,
#trusted_brands .h3:where(.uc-dark),
#trusted_brands :where(.uc-dark) .h3,
#trusted_brands .h4:where(.uc-dark),
#trusted_brands :where(.uc-dark) .h4,
#trusted_brands .h5:where(.uc-dark),
#trusted_brands :where(.uc-dark) .h5,
#trusted_brands .h6:where(.uc-dark),
#trusted_brands :where(.uc-dark) .h6,
#trusted_brands .display-5:where(.uc-dark),
#trusted_brands :where(.uc-dark) .display-5,
#trusted_brands h1:where(.uc-dark),
#trusted_brands :where(.uc-dark) h1,
#trusted_brands h2:where(.uc-dark),
#trusted_brands :where(.uc-dark) h2,
#trusted_brands h3:where(.uc-dark),
#trusted_brands :where(.uc-dark) h3,
#trusted_brands h4:where(.uc-dark),
#trusted_brands :where(.uc-dark) h4,
#trusted_brands h5:where(.uc-dark),
#trusted_brands :where(.uc-dark) h5,
#trusted_brands h6:where(.uc-dark),
#trusted_brands :where(.uc-dark) h6 {
  color: white;
}
#trusted_brands .cstack {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#trusted_brands .panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
#trusted_brands .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: var(--bs-btn-height);
  text-transform: var(--button-font-transform);
  border-radius: var(--bs-btn-border-radius);
}
#trusted_brands .btn-md,
#trusted_brands html.bp-sm .sm\:btn-md,
#trusted_brands html.bp-md .md\:btn-md,
#trusted_brands html.bp-lg .lg\:btn-md,
#trusted_brands html.bp-xl .xl\:btn-md {
  --bs-btn-height: 48px !important;
  --bs-btn-padding-y: 0px !important;
  --bs-btn-padding-x: 1rem !important;
  --bs-btn-font-size: 1rem !important;
}
#trusted_brands .btn-lg,
#trusted_brands html.bp-sm .sm\:btn-lg,
#trusted_brands html.bp-md .md\:btn-lg,
#trusted_brands html.bp-lg .lg\:btn-lg,
#trusted_brands html.bp-xl .xl\:btn-lg {
  --bs-btn-height: 56px !important;
  --bs-btn-padding-y: 0px !important;
  --bs-btn-padding-x: 1.5rem !important;
  --bs-btn-font-size: 1.125rem !important;
}
#trusted_brands body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#trusted_brands html {
  font-family: var(--body-font-typeface);
  font-size: var(--body-font-size, 1rem);
  font-weight: var(--body-font-weight, 400);
  letter-spacing: var(--body-font-spacing, normal);
  background-color: var(--body-color-background, inherit);
  color: var(--body-color-text, inherit);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#trusted_brands .m-0 {
  margin: 0 !important;
}
#trusted_brands .mt-2 {
  margin-top: 1rem !important;
}
#trusted_brands .max-w-750px,
#trusted_brands .hover\:max-w-750px:hover {
  max-width: 750px !important;
}
@media (min-width: 1200px) {
  #trusted_brands .xl\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
}
#trusted_brands h1,
#trusted_brands h2,
#trusted_brands h3,
#trusted_brands h4,
#trusted_brands h5,
#trusted_brands h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--bs-heading-color, inherit);
}
#trusted_brands p {
  margin: 0;
}
#trusted_brands p + p {
  margin-top: 1rem;
}
#trusted_brands a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
#trusted_brands a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
#trusted_brands a:hover,
#trusted_brands .link:hover {
  color: var(--link-color-text-hover);
}

#trusted_brands .uc-link:hover,
#trusted_brands a:hover {
  text-decoration: none;
}
#trusted_brands .display-5 {
  font-size: var(--sizes-heading-display-5-size) !important;
  line-height: var(--sizes-heading-display-5-lh) !important;
  letter-spacing: var(--sizes-heading-display-5-lp) !important;
}
#trusted_brands .h1 {
  font-size: var(--sizes-heading-h1-size) !important;
  line-height: var(--sizes-heading-h1-lh) !important;
  letter-spacing: var(--sizes-heading-h1-lp) !important;
}
#trusted_brands .display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-family: var(--font-family-secondary);
  font-weight: 700;
}
@media (min-width: 1200px) {
  #trusted_brands .display-5 {
    font-size: 3rem;
  }
}
#trusted_brands .container {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  #trusted_brands .container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  #trusted_brands .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  #trusted_brands .container {
    max-width: 1320px;
  }
}
#trusted_brands .g-0 {
  --bs-gutter-x: 0;
}
#trusted_brands .g-0 {
  --bs-gutter-y: 0;
}
#trusted_brands .g-1 {
  --bs-gutter-x: 0.5rem;
}
#trusted_brands .g-1 {
  --bs-gutter-y: 0.5rem;
}
#trusted_brands .g-2,
#trusted_brands .gx-2 {
  --bs-gutter-x: 1rem;
}
#trusted_brands .g-2 {
  --bs-gutter-y: 1rem;
}
#trusted_brands .hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
#trusted_brands .btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0px;
  --bs-btn-font-family: var(--font-family-tertiary);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 48px;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#trusted_brands .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #12715b;
  --bs-btn-border-color: #12715b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f604d;
  --bs-btn-hover-border-color: #0e5a49;
  --bs-btn-focus-shadow-rgb: 54, 134, 116;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e5a49;
  --bs-btn-active-border-color: #0e5544;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #12715b;
  --bs-btn-disabled-border-color: #12715b;
}
#trusted_brands .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

#trusted_brands .hover\:border-opacity-40:hover {
  --bs-border-opacity: 0.4;
}
#trusted_brands .d-inline {
  display: inline !important;
}
#trusted_brands .d-inline-block {
  display: inline-block !important;
}
#trusted_brands .d-block {
  display: block !important;
}
#trusted_brands .d-flex {
  display: flex !important;
}
#trusted_brands .d-inline-flex {
  display: inline-flex !important;
}
#trusted_brands .position-relative {
  position: relative !important;
}
#trusted_brands .position-absolute {
  position: absolute !important;
}
#trusted_brands .start-0 {
  left: 0 !important;
}
#trusted_brands .end-0 {
  right: 0 !important;
}
#trusted_brands .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
#trusted_brands .border-gray-900 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-border-opacity)
  ) !important;
}
#trusted_brands .max-w-md {
  max-width: 720px !important;
}
#trusted_brands .max-w-lg {
  max-width: 1040px !important;
}
#trusted_brands .max-w-xl {
  max-width: 1280px !important;
}
#trusted_brands .h-100 {
  height: 100% !important;
}
#trusted_brands .justify-center {
  justify-content: center !important;
}
#trusted_brands .items-center {
  align-items: center !important;
}
#trusted_brands .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
#trusted_brands .mb-6 {
  margin-bottom: 3rem !important;
}
#trusted_brands .mt-1 {
  margin-top: 0.5rem !important;
}
#trusted_brands .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
#trusted_brands .border-opacity-20,
#trusted_brands .hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2;
}
#trusted_brands .pt-9 {
  padding-top: 6rem !important;
}
#trusted_brands .pb-2 {
  padding-bottom: 1rem !important;
}
#trusted_brands .gap-0 {
  gap: 0 !important;
}
#trusted_brands .gap-1 {
  gap: 0.5rem !important;
}
#trusted_brands .gap-2 {
  gap: 1rem !important;
}
#trusted_brands .text-gray-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}
#trusted_brands .h-600px,
#trusted_brands .hover\:h-600px:hover {
  height: 600px !important;
}
#trusted_brands .hstack,
#trusted_brands html.bp-sm .sm\:hstack,
#trusted_brands html.bp-md .md\:hstack,
#trusted_brands html.bp-lg .lg\:hstack,
#trusted_brands html.bp-xl .xl\:hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
#trusted_brands .vstack,
#trusted_brands html.bp-sm .sm\:vstack,
#trusted_brands html.bp-md .md\:vstack,
#trusted_brands html.bp-lg .lg\:vstack,
#trusted_brands html.bp-xl .xl\:vstack {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: stretch;
  color: black;
}
[dir="ltr"] #trusted_brands .ltr\:ms-2 {
  margin-left: 1rem !important;
}
#trusted_brands .uc-icon {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0;
}
#trusted_brands .text-dark,
#trusted_brands .hover\:text-dark:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
#trusted_brands .text-opacity-70,
#trusted_brands .hover\:text-opacity-70:hover {
  --bs-text-opacity: 0.7;
}
@media (max-width: 991.98px) {
  #trusted_brands .d-none {
    display: none !important;
  }
  #trusted_brands .d-block,
  #trusted_brands .d-block-hover:hover,
  #trusted_brands .hover\:d-block:hover {
    display: block !important;
  }
}
@media (min-width: 459px) {
  #trusted_brands .lg\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
}
#trusted_brands .border-opacity-20,
#trusted_brands .hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2;
}
@media (min-width: 992px) {
  #trusted_brands .container {
    max-width: 960px;
  }
  #trusted_brands .lg\:d-none,
  #trusted_brands .lg\:d-none-hover:hover,
  #trusted_brands .lg\:hover\:d-none:hover {
    display: none !important;
  }
  #trusted_brands .lg\:h-screen,
  #trusted_brands .lg\:h-screen-hover:hover,
  #trusted_brands .lg\:hover\:h-screen:hover {
    height: 100vh !important;
  }
}
@media (min-width: 459px) {
  #trusted_brands .container {
    max-width: 540px;
  }
  #trusted_brands .sm\:fs-5 {
    font-size: 1.125rem !important;
  }
  #trusted_brands .sm\:d-block,
  #trusted_brands .sm\:d-block-hover:hover,
  #trusted_brands .sm\:hover\:d-block:hover {
    display: block !important;
  }
  #trusted_brands .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  #trusted_brands .sm\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  #trusted_brands .sm\:mt-2 {
    margin-top: 1rem !important;
  }
  #trusted_brands .sm\:mt-4 {
    margin-top: 2rem !important;
  }
  #trusted_brands .sm\:mt-1 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  #trusted_brands .lg\:d-block,
  #trusted_brands .lg\:d-block-hover:hover,
  #trusted_brands .lg\:hover\:d-block:hover {
    display: block !important;
  }
  #trusted_brands .lg\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  #trusted_brands .lg\:gap-4 {
    gap: 2rem !important;
  }
  #trusted_brands .lg\:mb-8 {
    margin-bottom: 4rem !important;
  }
  #trusted_brands .lg\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  #trusted_brands .lg\:mt-0 {
    margin-top: 0 !important;
  }
  #trusted_brands .lg\:gap-2 {
    gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  #trusted_brands .xl\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
  [dir="ltr"] #trusted_brands .ltr\:xl\:ms-4 {
    margin-left: 2rem !important;
  }
  #trusted_brands .xl\:gap-4 {
    gap: 2rem !important;
  }
}
#trusted_brands .overflow-hidden {
  overflow: hidden !important;
}
#trusted_brands .max-w-1000px,
#trusted_brands .hover\:max-w-1000px:hover {
  max-width: 1000px !important;
}
#trusted_brands .mt-3 {
  margin-top: 1.5rem !important;
}
#trusted_brands .px-3 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
#trusted_brands .gap-4 {
  gap: 2rem !important;
}
#trusted_brands .justify-between {
  justify-content: space-between !important;
}
#trusted_brands .rounded-3,
#trusted_brands .rounded-3-hover:hover,
#trusted_brands .hover\:rounded-3:hover {
  border-radius: 24px !important;
}
@media (min-width: 459px) {
  #trusted_brands .sm\:mt-4 {
    margin-top: 2rem !important;
  }
  #trusted_brands .sm\:px-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  #trusted_brands .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  #trusted_brands .lg\:p-6 {
    padding: 3rem !important;
  }
}

/* ---features--- */
/* ---parent--- */

@media (min-width: 459px) and (max-width: 767px) {
  #main_features .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  #main_features .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  #main_features .xl\:py-9 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  #trusted_brands .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
}
/* ---child--- */
/* Features-specific CSS rules not in global CSS */
#features .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 2rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
}

#features .col-12 {
  --grid-total: 12;
  --grid-count: 12;
  flex: 0 0 auto;
  width: 100%;
}

#features .row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
#features > :not(:first-child) {
  margin-top: 7rem;
}

#features .h4 {
  font-size: var(--sizes-heading-h4-size) !important;
  line-height: var(--sizes-heading-h4-lh) !important;
  letter-spacing: var(--sizes-heading-h4-lp) !important;
}

#features .opacity-70 {
  opacity: 0.7 !important;
}

#features .h-48px,
#features .hover\:h-48px:hover {
  height: 48px !important;
}

#features .w-48px,
#features .hover\:w-48px:hover {
  width: 48px !important;
}

#features .mb-2 {
  margin-bottom: 1rem !important;
}

#features .rounded-1-5,
#features .rounded-1-5-hover:hover,
#features .hover\:rounded-1-5:hover {
  border-radius: 12px !important;
}

#features .gap-narrow {
  gap: 0.25rem !important;
}

#features .g-10 {
  --bs-gutter-y: 8rem;
}

#features .icon-1 {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
}

/* Media queries for features */
@media (min-width: 768px) {
  #features .md\:order-2 {
    order: 2 !important;
  }

  #features .md\:col-6 {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }

  #features .md\:g-6,
  #features .md\:gy-6 {
    --bs-gutter-y: 3rem;
  }

  #features .md\:g-6,
  #features .md\:gx-6 {
    --bs-gutter-x: 3rem;
  }
}
@media (min-width: 900px) {
  #features .row > * {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: 2rem !important;
    margin-top: 5rem !important;
  }
}
#features .text-secondary,
.hover\:text-secondary:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
#features .rounded-1-5,
.rounded-1-5-hover:hover,
.hover\:rounded-1-5:hover {
  border-radius: 12px !important;
}
#features .bg-primary,
.hover\:bg-primary:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
@media (min-width: 992px) {
  #features .lg\:p-4 {
    padding: 2rem !important;
  }

  #features .lg\:fs-5 {
    font-size: 1.125rem !important;
  }
}

@media (min-width: 459px) {
  #features .sm\:h3 {
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
}

@media (min-width: 1200px) {
  #features .xl\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }

  #features .uc-scrollspy-inview {
    /* margin-top: 8rem !important; */
    margin-top: 3rem !important;
  }
}

/* ---review features container--- */
:root {
  --bs-gray-800-rgb: 28, 28, 30;
  --sizes-heading-h3-size: 2rem;
  --sizes-heading-h3-lh: 1.1;
  --sizes-heading-h3-lp: -0.07rem;
  --bs-white-rgb: 255, 255, 255;
  --bs-border-color: rgba(131, 131, 131, 0.25);
  --sizes-heading-h2-size: 2.5rem;
  --sizes-heading-h2-lh: 1.1;
  --sizes-heading-h2-lp: -0.08rem;
  --bs-primary-rgb: 18, 113, 91;
}
/* ---parent--- */
#key_features {
  --bs-gray-800-rgb: 28, 28, 30;
  --sizes-heading-h3-size: 2rem;
  --sizes-heading-h3-lh: 1.1;
  --sizes-heading-h3-lp: -0.07rem;
  --bs-white-rgb: 255, 255, 255;
  --bs-border-color: rgba(131, 131, 131, 0.25);
  --sizes-heading-h2-size: 2.5rem;
  --sizes-heading-h2-lh: 1.1;
  --sizes-heading-h2-lp: -0.08rem;
  --bs-primary-rgb: 18, 113, 91;
}
#key_features .dark\:bg-gray-800 {
  background-color: rgb(28, 28, 30);
}
#key_features .h3 {
  font-size: var(--sizes-heading-h3-size) !important;
  line-height: var(--sizes-heading-h3-lh) !important;
  letter-spacing: var(--sizes-heading-h3-lp) !important;
}

#key_features .panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

#key_features .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

#key_features .row > * {
  flex-shrink: 0;
  --bs-gutter-y: 1.5rem !important;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: 1.5rem;
}

#key_features .gap-2 {
  gap: 1rem !important;
}

#key_features .gap-1 {
  gap: 0.5rem !important;
}

#key_features :where(.uc-dark) .dark\:text-white,
#key_features :where(.uc-dark) .dark\:text-white-hover:hover,
#key_features :where(.uc-dark) .dark\:hover\:text-white:hover,
#key_features :where(.uc-dark) .dark\:text-white-focus:focus,
#key_features :where(.uc-dark) .dark\:focus\:text-white:focus {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

#key_features .border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

#key_features .rounded,
#key_features .rounded-hover:hover,
#key_features .hover\:rounded:hover {
  --radius: 4px;
  border-radius: var(--radius) !important;
}

@media (min-width: 459px) {
  #key_features .sm\:child-cols-6 > * {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
  }
}
@media (min-width: 459px) and (max-width: 900px) {
  .sm\:max-w-md,
  .sm\:max-w-md-hover:hover,
  .sm\:hover\:max-w-md:hover {
    max-width: 720px !important;
  }
  .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  #key_features .lg\:child-cols-4 > * {
    width: 33.33333333%;
  }

  #key_features .lg\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
}

#key_features .g-3 {
  --bs-gutter-y: 1.5rem;
}

@media (min-width: 1200px) {
  #key_features .xl\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  #key_features .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

#key_features .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

#key_features .max-w-550px,
#key_features .hover\:max-w-550px:hover {
  max-width: 550px !important;
}

#key_features .h1:where(.uc-dark),
#key_features :where(.uc-dark) .h1,
#key_features .h2:where(.uc-dark),
#key_features :where(.uc-dark) .h2,
#key_features .h3:where(.uc-dark),
#key_features :where(.uc-dark) .h3,
#key_features .h4:where(.uc-dark),
#key_features :where(.uc-dark) .h4,
#key_features .h5:where(.uc-dark),
#key_features :where(.uc-dark) .h5,
#key_features .h6:where(.uc-dark),
#key_features :where(.uc-dark) .h6,
#key_features .display-5:where(.uc-dark),
#key_features :where(.uc-dark) .display-5,
#key_features h1:where(.uc-dark),
#key_features :where(.uc-dark) h1,
#key_features h2:where(.uc-dark),
#key_features :where(.uc-dark) h2,
#key_features h3:where(.uc-dark),
#key_features :where(.uc-dark) h3,
#key_features h4:where(.uc-dark),
#key_features :where(.uc-dark) h4,
#key_features h5:where(.uc-dark),
#key_features :where(.uc-dark) h5,
#key_features h6:where(.uc-dark),
#key_features :where(.uc-dark) h6 {
  color: white;
}

#key_features h1,
#key_features h2,
#key_features h4,
#key_features h5,
#key_features h6 {
  font-family: var(--font-family-secondary);
  font-weight: 700;
}

@media (min-width: 1200px) {
  #key_features .xl\:gap-8 {
    gap: 4rem !important;
  }
}

#key_features .vstack {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

#key_features .gap-4 {
  gap: 2rem !important;
}

#key_features .panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  #key_features .lg\:max-w-lg,
  #key_features .lg\:max-w-lg-hover:hover,
  #key_features .lg\:hover\:max-w-lg:hover {
    max-width: 1040px !important;
  }
}

#key_features .container {
  --bs-gutter-x: 32px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}


#key_features .uc-dark,
#key_features .uc-dropbar,
#key_features .uc-dropdown,
#key_features .uc-navbar-container:not(.uc-navbar-transparent),
#key_features .uc-navbar-dropdown {
  --uc-inverse: dark;
}

#key_features .bg-gray-900,
#key_features .hover\:bg-gray-900:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

#key_features :where(.uc-dark) .dark\:bg-gray-800,
#key_features :where(.uc-dark) .dark\:bg-gray-800-hover:hover,
#key_features :where(.uc-dark) .dark\:hover\:bg-gray-800:hover,
#key_features :where(.uc-dark) .dark\:bg-gray-800-focus:focus,
#key_features :where(.uc-dark) .dark\:focus\:bg-gray-800:focus {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-gray-800-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

#key_features .py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

#key_features :where(.uc-dark) .dark\:text-white,
#key_features :where(.uc-dark) .dark\:text-white-hover:hover,
#key_features :where(.uc-dark) .dark\:hover\:text-white:hover,
#key_features :where(.uc-dark) .dark\:text-white-focus:focus,
#key_features :where(.uc-dark) .dark\:focus\:text-white:focus {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

#key_features .opacity-70,
#key_features .opacity-70-hover:hover,
#key_features .hover\:opacity-70:hover {
  opacity: 0.7 !important;
}

#key_features .row {
  --bs-gutter-y: 1.5rem;
  --bs-gutter-x: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

@media (min-width: 459px) {
  #key_features .sm\:child-cols-6 > * {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }
}

#key_features .container {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

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

#key_features .row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: 1.5rem;
}

#key_features :where(.uc-dark) .dark\:bg-primary,
#key_features :where(.uc-dark) .dark\:bg-primary-hover:hover,
#key_features :where(.uc-dark) .dark\:hover\:bg-primary:hover,
#key_features :where(.uc-dark) .dark\:bg-primary-focus:focus,
#key_features :where(.uc-dark) .dark\:focus\:bg-primary:focus {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

#key_features h2 {
  margin: 0 0 0 0;
}
/* ---child--- */
/* Review Features Component Styles */
#key_features {
  --bs-border-color: rgba(131, 131, 131, 0.25);
  --radius: 4px;
  --bs-white-rgb: 255, 255, 255;
  --bs-primary-rgb: 18, 113, 91;
}

#key_features .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

#key_features .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

#key_features .feature-item {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
  padding: 2rem;
  border: var(--bs-border-width, 1px) var(--bs-border-style, solid)
    var(--bs-border-color, rgba(131, 131, 131, 0.25)) !important;
  border-radius: var(--radius, 4px) !important;
  min-height: 250px !important;
  transition: all 150ms;
}

#key_features .feature-item:hover {
  transform: scale(1.05) !important;
  background: white;
}

#key_features .vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

#key_features .position-absolute {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

#key_features .icon-4 {
  width: 48px !important;
  height: 48px !important;
  font-size: 48px !important;
}

#key_features .icon-2 {
  width: 24px !important;
  height: 24px !important;
  font-size: 24px !important;
  font-family: "Unicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#key_features .justify-between {
  justify-content: space-between !important;
}

#key_features .gap-2 {
  gap: 0.5rem !important;
}

#key_features .h-100 {
  height: 100% !important;
}

#key_features .panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

#key_features .gap-1 {
  gap: 0.25rem !important;
}

#key_features .h5 {
  font-weight: 600;
  margin: 0 !important;
}

#key_features .fs-6 {
  font-size: 1rem !important;
  padding-top: 0px;
  padding-bottom: 0px;
  opacity: 0.7 !important;
}

#key_features .position-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Dark mode styles */
:where(.uc-dark) #key_features .feature-item:hover {
  background: rgba(var(--bs-primary-rgb, 18, 113, 91), 1) !important;
  color: rgba(var(--bs-white-rgb, 255, 255, 255), 1) !important;
}
#key_features .uc-link {
  color: #12715b !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

#key_features .uc-link:hover {
  color: var(--color-primary-600) !important;
  text-decoration: none;
}
/* Responsive styles */
@media (min-width: 459px) {
  #key_features .sm\:child-cols-6 > * {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 992px) {
  #key_features .lg\:child-cols-4 > * {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    width: 33.33333333% !important;
  }
}
#key_features .min-h-250px {
  min-height: 250px !important;
}

#key_features .top-0 {
  top: 0 !important;
}

#key_features .opacity-70 {
  opacity: 0.7 !important;
}

#key_features .hover\:scale-105:hover {
  transform: scale(1.05) !important;
}

#key_features .duration-150 {
  transition-duration: 150ms !important;
}
#key_features .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#key_features .rounded {
  border-radius: var(--radius, 4px) !important;
}
#key_features .border {
  border: var(--bs-border-width, 1px) var(--bs-border-style, solid)
    var(--bs-border-color, rgba(131, 131, 131, 0.25)) !important;
}
#key_features .rtl\:-rotate-90 {
  transform: rotate(0deg);
}

/* STATS */
.m-0 {
  margin: 0 !important;
}
#facts_numbers h1,
#facts_numbers h2,
#facts_numbers h3,
#facts_numbers h4,
#facts_numbers h5,
#facts_numbers h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--bs-heading-color, inherit);
}
#facts_numbers p {
  margin: 0;
}
#facts_numbers .container {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
#facts_numbers .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
#facts_numbers .items-center {
  align-items: center !important;
}
#facts_numbers .text-center {
  text-align: center !important;
}
#facts_numbers .gap-1 {
  gap: 0.5rem !important;
}
#facts_numbers .vstack,
#facts_numbers html.bp-sm .sm\:vstack,
#facts_numbers html.bp-md .md\:vstack,
#facts_numbers html.bp-lg .lg\:vstack,
#facts_numbers html.bp-xl .xl\:vstack {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: stretch;
  color: black;
}
#facts_numbers .h3 {
  font-size: var(--sizes-heading-h3-size) !important;
  line-height: var(--sizes-heading-h3-lh) !important;
  letter-spacing: var(--sizes-heading-h3-lp) !important;
}
@media (min-width: 768px) {
  #facts_numbers .md\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
  #facts_numbers .md\:pt-6 {
    padding-top: 3rem !important;
  }
}
@media (min-width: 992px) {
  #facts_numbers .lg\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
}
@media (min-width: 1200px) {
  #facts_numbers .xl\:display-5 {
    font-size: var(--sizes-heading-display-5-size) !important;
    line-height: var(--sizes-heading-display-5-lh) !important;
    letter-spacing: var(--sizes-heading-display-5-lp) !important;
  }
}
#facts_numbers .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
#facts_numbers .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
#facts_numbers .gy-4 {
  --bs-gutter-y: 2rem;
}
#facts_numbers .child-cols > * {
  flex: 1;
}
#facts_numbers .p-6 {
  padding: 3rem !important;
}
#facts_numbers .fw-medium {
  font-weight: 500 !important;
}
#facts_numbers .text-primary,
#facts_numbers .hover\:text-primary:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
#facts_numbers .rounded-1-5,
#facts_numbers .rounded-1-5-hover:hover,
#facts_numbers .hover\:rounded-1-5:hover {
  border-radius: 12px !important;
}
@media (min-width: 459px) {
  #facts_numbers .sm\:max-w-lg,
  #facts_numbers .sm\:max-w-lg-hover:hover,
  #facts_numbers .sm\:hover\:max-w-lg:hover {
    max-width: 1040px !important;
  }
}
@media (min-width: 1200px) {
  #facts_numbers .xl\:max-w-xl,
  #facts_numbers .xl\:max-w-xl-hover:hover,
  #facts_numbers .xl\:hover\:max-w-xl:hover {
    max-width: 1280px !important;
  }
  #facts_numbers .xl\:p-8 {
    padding: 4rem !important;
  }
}
#facts_numbers .pt-4 {
  padding-top: 2rem !important;
}
@media (min-width: 768px) {
  #facts_numbers .md\:pt-6 {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1200px) {
  #facts_numbers .xl\:pt-9 {
    padding-top: 6rem !important;
  }
}

/* testimonials inline */

.testimonial-custom-main .px-3 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.testimonial-custom-main .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.testimonial-custom-main .row.col-match > *,
.testimonial-custom-main .row.col-match > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
.testimonial-custom-main .g-2 {
  --bs-gutter-x: 1rem;
}
@media (min-width: 992px) {
  .testimonial-custom-main .lg\:g-3,
  .testimonial-custom-main .lg\:gx-3 {
    --bs-gutter-x: 1.5rem;
  }
  .testimonial-custom-main .g-2 {
    --bs-gutter-x: 1.5rem;
  }
}
.testimonial-custom-main .mt-2 {
  margin-top: 1rem !important;
}
.testimonial-custom-main .justify-center {
  justify-content: center !important;
}
.testimonial-custom-main .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.testimonial-custom-main .vstack {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.testimonial-custom-main .rounded-2 {
  border-radius: 16px !important;
}
.testimonial-custom-main .gap-3 {
  gap: 1.5rem !important;
}
@media (max-width: 767.98px) {
  .testimonial-custom-main .testimonial-custom-main {
    --bs-gutter-x: 1rem;
    width: 100% !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .testimonial-custom-main .testimonial-custom-main {
    width: 50% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .testimonial-custom-main .testimonial-custom-main {
    width: 50% !important;
  }
  .testimonial-custom-main .testimonial-custom-main:nth-child(3n) {
    display: flex !important;
    justify-content: center !important;
  }
}
.testimonial-custom-main .py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.testimonial-custom-main .justify-between {
  justify-content: space-between !important;
}
.testimonial-custom-main .border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.testimonial-custom-main .panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
.testimonial-custom-main .gap-2 {
  gap: 1rem !important;
}
.testimonial-custom-main .m-0 {
  margin: 0;
}
.testimonial-custom-main .items-start {
  align-items: flex-start !important;
}
.testimonial-custom-main .panel > :last-child {
  margin-bottom: 0;
}
.testimonial-custom-main .h-48px {
  height: 48px !important;
}

.testimonial-custom-main .w-128px {
  width: 128px !important;
}
.testimonial-custom-main .height {
  max-height: 40px;
}
.testimonial-custom-main .text-gray-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}
.testimonial-custom-main img,
.testimonial-custom-main svg {
  vertical-align: middle;
}
.testimonial-custom-main img {
  font-size: 11px;
}
.testimonial-custom-main .uc-svg,
.testimonial-custom-main
  .uc-svg:not(.uc-preserve)
  [fill*="#"]:not(.uc-preserve),
.testimonial-custom-main .uc-svg > * {
  fill: currentcolor !important;
  height: auto;
  width: auto;
}
.testimonial-custom-main .text-opacity-70 {
  --bs-text-opacity: 0.7;
}
.testimonial-custom-main .text-dark {
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.testimonial-custom-main .fs-6 {
  letter-spacing: 0;
}
.testimonial-custom-main p {
  margin: 0;
}
.testimonial-custom-main .rounded-circle {
  border-radius: 50% !important;
}
.testimonial-custom-main .w-40px {
  width: 40px !important;
}
.testimonial-custom-main .h6 {
  font-size: var(--sizes-heading-h6-size) !important;
  line-height: var(--sizes-heading-h6-lh) !important;
  letter-spacing: var(--sizes-heading-h6-lp) !important;
}
.testimonial-custom-main .h1,
.testimonial-custom-main .h2,
.testimonial-custom-main .h3,
.testimonial-custom-main .h4,
.testimonial-custom-main .h5,
.testimonial-custom-main .h6,
.testimonial-custom-main h1,
.testimonial-custom-main h2,
.testimonial-custom-main h3,
.testimonial-custom-main h4,
.testimonial-custom-main h5,
.testimonial-custom-main h6 {
  color: var(--color-gray-900);
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700);
  letter-spacing: var(--heading-font-spacing, normal);
  font-style: var(--heading-font-style, normal);
  text-transform: var(--heading-font-transform, initial);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.testimonial-custom-main .testimonial-custom-main .fs-7 {
  font-size: 0.875rem !important;
  letter-spacing: 0;
}
.testimonial-custom-main .opacity-70 {
  opacity: 0.7 !important;
}
@media (min-width: 992px) {
  .testimonial-custom-main .lg\:child-cols-4 > * {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    width: 33.33333333% !important;
  }
  .testimonial-custom-main .lg\:g-3,
  .testimonial-custom-main .lg\:gy-3 {
    --bs-gutter-y: 1.5rem;
  }
  .testimonial-custom-main .lg\:fs-5 {
    font-size: 1.125rem !important;
  }
  .testimonial-custom-main .lg\:mt-4 {
    margin-top: 2rem !important;
  }
}
@media (min-width: 459px) {
  .testimonial-custom-main .sm\:child-cols-6 > * {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }
  .testimonial-custom-main .sm\:px-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .testimonial-custom-main .lg\:child-cols-4 > * {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

/* ---Testimonials--- */
#clients_feedbacks {
  --sizes-heading-h4-size: 1.5rem;
  --sizes-heading-h4-lh: 1.2;
  --sizes-heading-h4-lp: -0.06rem;
  --sizes-heading-h3-size: 1.75rem;
  --sizes-heading-h3-lh: 1.2;
  --sizes-heading-h3-lp: -0.06rem;
  --sizes-heading-h2-size: 2rem;
  --sizes-heading-h2-lh: 1.2;
  --sizes-heading-h2-lp: -0.06rem;
  --color-gray-900: #212529;
  --color-primary: #12715b;
  --color-primary-600: #0e5c4a;
  --heading-font-typeface: sans-serif;
  --heading-font-weight: 700;
  --heading-font-spacing: normal;
  --heading-font-style: normal;
  --heading-font-transform: initial;
  opacity: 1 !important;
}
#clients_feedbacks .clients-feedbacks {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
#clients_feedbacks .mt-8 {
  margin-top: 4rem !important;
}
#clients_feedbacks .section {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
#clients_feedbacks .overflow-hidden {
  overflow: hidden !important;
}
#clients_feedbacks .panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

#clients_feedbacks .panel > :last-child {
  margin-bottom: 0;
}

#clients_feedbacks .section-outer {
  padding-bottom: 3rem !important;
}

#clients_feedbacks .container {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

#clients_feedbacks .max-w-lg {
  max-width: 1024px;
}

#clients_feedbacks .section-inner {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

#clients_feedbacks .vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

#clients_feedbacks .justify-center {
  justify-content: center !important;
}
#clients_feedbacks .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(1.5rem * 0.5);
  padding-left: calc(1.5rem * 0.5);
  margin-top: 30px;
}
#clients_feedbacks .items-center {
  align-items: center !important;
}

#clients_feedbacks .gap-4 {
  gap: 2rem !important;
}

#clients_feedbacks .h4 {
  font-size: var(--sizes-heading-h4-size) !important;
  line-height: var(--sizes-heading-h4-lh) !important;
  letter-spacing: var(--sizes-heading-h4-lp) !important;
}

#clients_feedbacks h2,
#clients_feedbacks .h4 {
  color: var(--color-gray-900) !important;
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700);
  letter-spacing: var(--heading-font-spacing, normal);
  font-style: var(--heading-font-style, normal);
  text-transform: var(--heading-font-transform, initial);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#clients_feedbacks .m-0 {
  margin: 0 !important;
}

#clients_feedbacks .testimonial-heading {
  margin: 0 !important;
  text-align: center !important;
  font-size: var(--sizes-heading-h4-size) !important;
  line-height: var(--sizes-heading-h4-lh) !important;
  letter-spacing: var(--sizes-heading-h4-lp) !important;
  color: var(--color-gray-900) !important;
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700);
}

#clients_feedbacks .uc-link {
  color: #12715b;
  text-decoration: none;
  transition: color 0.2s ease;
}

#clients_feedbacks .uc-link:hover {
  color: var(--color-primary-600);
  text-decoration: none;
}

#clients_feedbacks a:hover {
  --bs-link-color-rgb: 10, 88, 202;
}

#clients_feedbacks .fw-bold {
  font-weight: 700 !important;
}

#clients_feedbacks .d-inline-flex {
  display: inline-flex !important;
}

#clients_feedbacks .gap-narrow {
  gap: 0.25rem !important;
}

#clients_feedbacks .mt {
  margin-top: 1rem !important;
}

#clients_feedbacks .icon {
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#clients_feedbacks .icon-1 {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
}

#clients_feedbacks [class*=" unicon-"],
#clients_feedbacks [class^="unicon-"] {
  font-family: Unicons !important;
  speak: never;
  font-weight: 400;
}
#clients_feedbacks .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem; /* -0.5 * 1.5rem */
  margin-left: -0.75rem; /* -0.5 * 1.5rem */
}

@media (min-width: 459px) {
  #clients_feedbacks .sm\:gap-6 {
    gap: 3rem !important;
  }

  #clients_feedbacks .sm\:h3 {
    --sizes-heading-h3-size: 2rem;
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
  #clients_feedbacks .sm\:child-cols-6 > * {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
}
@media (min-width: 766) and (max-width: 992px) {
  #clients_feedbacks .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1rem * 0.5);
    padding-left: calc(1rem * 0.5);
    margin-top: var(--bs-gutter-y);
  }
}

@media (min-width: 992px) {
  #clients_feedbacks .lg\:h2 {
    --sizes-heading-h2-size: 2.5rem;
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
}
@media (min-width: 1200px) {
  #clients_feedbacks .xl\:pb-9 {
    padding-bottom: 6rem !important;
  }
  #clients_feedbacks .xl\:gap-8 {
    gap: 4rem !important;
  }
  #clients_feedbacks .xl\:child-cols-4 > * {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

/* ---child---- */
#clients_feedbacks .h4 {
  --heading-font-typeface: var(--font-heading-family);
  --font-heading-family: var(--font-family-secondary);
  --font-family-secondary: "Manrope", "IBM Plex Sans Arabic", serif;
  font-family: var(--heading-font-typeface, sans-serif) !important;
}
#clients_feedbacks.mt-8 {
  margin-top: 4rem !important;
}
.testimonial-custom-main .hstack {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.testimonial-custom-main .fs-7 {
  font-size: 0.875rem !important;
}
/* ---cta--- */
#cta.panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
#cta .m-0 {
  margin: 0 !important;
}
#cta h1,
#cta h2,
#cta h3,
#cta h4,
#cta h5,
#cta h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--bs-heading-color, inherit);
}
#cta p {
  margin: 0;
}
#cta .container {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
#cta .position-absolute {
  position: absolute !important;
}

#cta .max-w-xl {
  max-width: 1280px !important;
}
#cta .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
#cta .gap-2 {
  gap: 1rem !important;
}
#cta .vstack,
html.bp-sm #cta .sm\:vstack,
html.bp-md #cta .md\:vstack,
html.bp-lg #cta .lg\:vstack,
html.bp-xl #cta .xl\:vstack {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: stretch;
  color: black;
}

#cta .text-dark,
#cta .hover\:text-dark:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
#cta .text-opacity-70,
#cta .hover\:text-opacity-70:hover {
  --bs-text-opacity: 0.7;
}
@media (max-width: 991.98px) {
  #cta .d-none {
    display: none !important;
  }
  #cta .d-block,
  #cta .d-block-hover:hover,
  #cta .hover\:d-block:hover {
    display: block !important;
  }
}
#cta .h3 {
  font-size: var(--sizes-heading-h3-size) !important;
  line-height: var(--sizes-heading-h3-lh) !important;
  letter-spacing: var(--sizes-heading-h3-lp) !important;
}
@media (min-width: 459px) {
  #cta .sm\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  #cta .sm\:p-6 {
    padding: 3rem !important;
  }
}
#cta .top-50 {
  top: 50% !important;
}
#cta .translate-middle-y {
  transform: translateY(-50%) !important;
}

#cta .w-250px,
#cta .hover\:w-250px:hover {
  width: 250px !important;
}

#cta .max-w-550px,
#cta .hover\:max-w-550px:hover {
  max-width: 550px !important;
}

#cta .m-auto {
  margin: auto !important;
}

#cta .fs-7 {
  font-size: 0.875rem !important;
}

#cta .rounded-2 {
  border-radius: 16px !important;
}

@media (min-width: 992px) {
  #cta .lg\:m-0 {
    margin: 0 !important;
  }

  #cta .lg\:text-start {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  #cta .xl\:w-300px,
  #cta .xl\:w-300px-hover:hover,
  #cta .xl\:hover\:w-300px:hover,
  #cta .xl\:w-300px-focus:focus,
  #cta .xl\:focus\:w-300px:focus {
    width: 300px !important;
  }

  #cta .xl\:p-8 {
    padding: 4rem !important;
  }

  #cta .ltr\:xl\:me-7 {
    margin-right: 3.5rem !important;
  }

  #cta .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

#cta .ltr\:me-8 {
  margin-right: 4rem !important;
}

.ltr\:end-0 {
  right: 0 !important;
}

@media (min-width: 1200px) {
  #cta .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
/* ---footer--- */
#cta.section {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

#cta .rotate-45 {
  transform: rotate(45deg) !important;
}

#cta .panel > :last-child {
  margin-bottom: 0;
}

#cta .w-24px {
  width: 24px !important;
}

#cta .top-0 {
  top: 0 !important;
}

#cta .top-50 {
  top: 50% !important;
}

#cta .ms-n6 {
  margin-left: -3rem !important;
}

#cta .w-200px {
  width: 200px !important;
}

#cta .translate-middle-y {
  transform: translateY(-50%) !important;
}

#cta .end-0 {
  right: 0 !important;
}

#cta .me-n6 {
  margin-right: -3rem !important;
}

#cta .fs-6 {
  letter-spacing: 0;
}

#cta .row {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

#cta .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}


#cta .display-5,
#cta .h1,
#cta .h2,
#cta .h3,
#cta .h4,
#cta .h5,
#cta .h6,
#cta h1,
#cta h2,
#cta h3,
#cta h4,
#cta h5,
#cta h6 {
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700);
  letter-spacing: var(--heading-font-spacing, normal);
  font-style: var(--heading-font-style, normal);
  text-transform: var(--heading-font-transform, initial);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#cta .max-w-400px {
  max-width: 400px !important;
}

@media (min-width: 992px) {
  #cta .lg\:child-cols > * {
    flex: 1 0 0%;
  }

  #cta .lg\:child-row-cols-1 > * > * {
    flex: 0 0 auto;
    width: 100%;
  }

  #cta .lg\:child-row-cols-2 > * > * {
    flex: 0 0 auto;
    width: 50%;
  }

  #cta .lg\:child-row-cols-3 > * > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  #cta .lg\:child-row-cols-4 > * > * {
    flex: 0 0 auto;
    width: 25%;
  }

  #cta .lg\:child-row-cols-5 > * > * {
    flex: 0 0 auto;
    width: 20%;
  }

  #cta .lg\:child-row-cols-6 > * > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  #cta .lg\:child-row-cols-7 > * > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }

  #cta .lg\:child-row-cols-8 > * > * {
    flex: 0 0 auto;
    width: 12.5%;
  }

  #cta .lg\:child-row-cols-9 > * > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }

  #cta .lg\:child-row-cols-10 > * > * {
    flex: 0 0 auto;
    width: 10%;
  }

  #cta .lg\:child-row-cols-11 > * > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }

  #cta .lg\:child-row-cols-12 > * > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  #cta .lg\:child-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  #cta .lg\:child-cols-1 > * {
    --grid-total: 12;
    --grid-count: 1;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  #cta .lg\:child-cols-2 > * {
    --grid-total: 12;
    --grid-count: 2;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  #cta .lg\:child-cols-3 > * {
    --grid-total: 12;
    --grid-count: 3;
    flex: 0 0 auto;
    width: 25%;
  }

  #cta .lg\:child-cols-4 > * {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  #cta .lg\:child-cols-5 > * {
    --grid-total: 12;
    --grid-count: 5;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  #cta .lg\:child-cols-6 > * {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }

  #cta .lg\:child-cols-7 > * {
    --grid-total: 12;
    --grid-count: 7;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  #cta .lg\:child-cols-8 > * {
    --grid-total: 12;
    --grid-count: 8;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  #cta .lg\:child-cols-9 > * {
    --grid-total: 12;
    --grid-count: 9;
    flex: 0 0 auto;
    width: 75%;
  }

  #cta .lg\:child-cols-10 > * {
    --grid-total: 12;
    --grid-count: 10;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  #cta .lg\:child-cols-11 > * {
    --grid-total: 12;
    --grid-count: 11;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  #cta .lg\:child-cols-12 > * {
    --grid-total: 12;
    --grid-count: 12;
    flex: 0 0 auto;
    width: 100%;
  }
}

#cta .col {
  flex: 1 0 0;
}

#cta .row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

#cta .row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

#cta .row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

#cta .row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

#cta .row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

#cta .row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

#cta .row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

#cta .row-cols-7 > * {
  flex: 0 0 auto;
  width: 14.28571429%;
}

#cta .row-cols-8 > * {
  flex: 0 0 auto;
  width: 12.5%;
}

#cta .row-cols-9 > * {
  flex: 0 0 auto;
  width: 11.11111111%;
}

#cta .row-cols-10 > * {
  flex: 0 0 auto;
  width: 10%;
}

#cta .row-cols-11 > * {
  flex: 0 0 auto;
  width: 9.09090909%;
}

#cta .row-cols-12 > * {
  flex: 0 0 auto;
  width: 8.33333333%;
}

#cta .col-auto {
  flex: 0 0 auto;
  width: auto;
}

#cta .col-1 {
  --grid-total: 12;
  --grid-count: 1;
  flex: 0 0 auto;
  width: 8.33333333%;
}

#cta .col-2 {
  --grid-total: 12;
  --grid-count: 2;
  flex: 0 0 auto;
  width: 16.66666667%;
}

#cta .col-3 {
  --grid-total: 12;
  --grid-count: 3;
  flex: 0 0 auto;
  width: 25%;
}

#cta .col-4 {
  --grid-total: 12;
  --grid-count: 4;
  flex: 0 0 auto;
  width: 33.33333333%;
}

#cta .col-5 {
  --grid-total: 12;
  --grid-count: 5;
  flex: 0 0 auto;
  width: 41.66666667%;
}

#cta .col-6 {
  --grid-total: 12;
  --grid-count: 6;
  flex: 0 0 auto;
  width: 50%;
}

#cta .col-7 {
  --grid-total: 12;
  --grid-count: 7;
  flex: 0 0 auto;
  width: 58.33333333%;
}

#cta .col-8 {
  --grid-total: 12;
  --grid-count: 8;
  flex: 0 0 auto;
  width: 66.66666667%;
}

#cta .col-9 {
  --grid-total: 12;
  --grid-count: 9;
  flex: 0 0 auto;
  width: 75%;
}

#cta .col-10 {
  --grid-total: 12;
  --grid-count: 10;
  flex: 0 0 auto;
  width: 83.33333333%;
}

#cta .col-11 {
  --grid-total: 12;
  --grid-count: 11;
  flex: 0 0 auto;
  width: 91.66666667%;
}

#cta .col-12 {
  --grid-total: 12;
  --grid-count: 12;
  flex: 0 0 auto;
  width: 100%;
}

#cta .g-0 {
  --bs-gutter-x: 0;
}

#cta .g-0 {
  --bs-gutter-y: 0;
}

#cta .g-1 {
  --bs-gutter-x: 0.5rem;
}

#cta .g-1 {
  --bs-gutter-y: 0.5rem;
}

#cta .g-2 {
  --bs-gutter-x: 1rem;
}

#cta .g-2 {
  --bs-gutter-y: 1rem;
}

#cta .g-3 {
  --bs-gutter-x: 1.5rem;
}

#cta .g-3 {
  --bs-gutter-y: 1.5rem;
}

#cta .g-4 {
  --bs-gutter-x: 2rem;
}

#cta .g-4 {
  --bs-gutter-y: 2rem;
}

#cta .g-10 {
  --bs-gutter-x: 8rem;
}

#cta .g-10 {
  --bs-gutter-y: 8rem;
}

@media (min-width: 992px) {
  #cta .col-lg {
    flex: 1 0 0;
  }

  #cta .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  #cta .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  #cta .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  #cta .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  #cta .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  #cta .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  #cta .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  #cta .row-cols-lg-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }

  #cta .row-cols-lg-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }

  #cta .row-cols-lg-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }

  #cta .row-cols-lg-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }

  #cta .row-cols-lg-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }

  #cta .row-cols-lg-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  #cta .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  #cta .col-lg-1 {
    --grid-total: 12;
    --grid-count: 1;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  #cta .col-lg-2 {
    --grid-total: 12;
    --grid-count: 2;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  #cta .col-lg-3 {
    --grid-total: 12;
    --grid-count: 3;
    flex: 0 0 auto;
    width: 25%;
  }

  #cta .col-lg-4 {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  #cta .col-lg-5 {
    --grid-total: 12;
    --grid-count: 5;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  #cta .col-lg-6 {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }

  #cta .col-lg-7 {
    --grid-total: 12;
    --grid-count: 7;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  #cta .col-lg-8 {
    --grid-total: 12;
    --grid-count: 8;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  #cta .col-lg-9 {
    --grid-total: 12;
    --grid-count: 9;
    flex: 0 0 auto;
    width: 75%;
  }

  #cta .col-lg-10 {
    --grid-total: 12;
    --grid-count: 10;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  #cta .col-lg-11 {
    --grid-total: 12;
    --grid-count: 11;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  #cta .col-lg-12 {
    --grid-total: 12;
    --grid-count: 12;
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 992px) {
  #cta .lg\:col {
    flex: 1 0 0%;
  }

  #cta .lg\:row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  #cta .lg\:row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  #cta .lg\:row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  #cta .lg\:row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  #cta .lg\:row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  #cta .lg\:row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  #cta .lg\:row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  #cta .lg\:row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }

  #cta .lg\:row-cols-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }

  #cta .lg\:row-cols-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }

  #cta .lg\:row-cols-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }

  #cta .lg\:row-cols-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }

  #cta .lg\:row-cols-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  #cta .lg\:col-auto {
    flex: 0 0 auto;
    width: auto;
  }

  #cta .lg\:col-1 {
    --grid-total: 12;
    --grid-count: 1;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  #cta .lg\:col-2 {
    --grid-total: 12;
    --grid-count: 2;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  #cta .lg\:col-3 {
    --grid-total: 12;
    --grid-count: 3;
    flex: 0 0 auto;
    width: 25%;
  }

  #cta .lg\:col-4 {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  #cta .lg\:col-5 {
    --grid-total: 12;
    --grid-count: 5;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  #cta .lg\:col-6 {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }

  #cta .lg\:col-7 {
    --grid-total: 12;
    --grid-count: 7;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  #cta .lg\:col-8 {
    --grid-total: 12;
    --grid-count: 8;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  #cta .lg\:col-9 {
    --grid-total: 12;
    --grid-count: 9;
    flex: 0 0 auto;
    width: 75%;
  }

  #cta .lg\:col-10 {
    --grid-total: 12;
    --grid-count: 10;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  #cta .lg\:col-11 {
    --grid-total: 12;
    --grid-count: 11;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  #cta .lg\:col-12 {
    --grid-total: 12;
    --grid-count: 12;
    flex: 0 0 auto;
    width: 100%;
  }

  #cta .lg\:offset-0 {
    margin-left: 0;
  }

  #cta .lg\:offset-1 {
    margin-left: 8.33333333%;
  }

  #cta .lg\:offset-2 {
    margin-left: 16.66666667%;
  }

  #cta .lg\:offset-3 {
    margin-left: 25%;
  }

  #cta .lg\:offset-4 {
    margin-left: 33.33333333%;
  }

  #cta .lg\:offset-5 {
    margin-left: 41.66666667%;
  }

  #cta .lg\:offset-6 {
    margin-left: 50%;
  }

  #cta .lg\:offset-7 {
    margin-left: 58.33333333%;
  }

  #cta .lg\:offset-8 {
    margin-left: 66.66666667%;
  }

  #cta .lg\:offset-9 {
    margin-left: 75%;
  }

  #cta .lg\:offset-10 {
    margin-left: 83.33333333%;
  }

  #cta .lg\:offset-11 {
    margin-left: 91.66666667%;
  }

  #cta .lg\:g-0,
  #cta .lg\:gx-0 {
    --bs-gutter-x: 0;
  }

  #cta .lg\:g-0,
  #cta .lg\:gy-0 {
    --bs-gutter-y: 0;
  }

  #cta .lg\:g-narrow,
  #cta .lg\:gx-narrow {
    --bs-gutter-x: 0.25rem;
  }

  #cta .lg\:g-narrow,
  #cta .lg\:gy-narrow {
    --bs-gutter-y: 0.25rem;
  }

  #cta .lg\:g-1,
  #cta .lg\:gx-1 {
    --bs-gutter-x: 0.5rem;
  }

  #cta .lg\:g-1,
  #cta .lg\:gy-1 {
    --bs-gutter-y: 0.5rem;
  }

  #cta .lg\:g-2,
  #cta .lg\:gx-2 {
    --bs-gutter-x: 1rem;
  }

  #cta .lg\:g-2,
  #cta .lg\:gy-2 {
    --bs-gutter-y: 1rem;
  }

  #cta .lg\:g-3,
  #cta .lg\:gx-3 {
    --bs-gutter-x: 1.5rem;
  }

  #cta .lg\:g-3,
  #cta .lg\:gy-3 {
    --bs-gutter-y: 1.5rem;
  }

  #cta .lg\:g-4,
  #cta .lg\:gx-4 {
    --bs-gutter-x: 2rem;
  }

  #cta .lg\:g-4,
  #cta .lg\:gy-4 {
    --bs-gutter-y: 2rem;
  }

  #cta .lg\:g-5 {
    --bs-gutter-x: 2.5rem;
  }

  #cta .lg\:g-5,
  #cta .lg\:gy-5 {
    --bs-gutter-y: 2.5rem;
  }

  #cta .lg\:g-6,
  #cta .lg\:gx-6 {
    --bs-gutter-x: 3rem;
  }

  #cta .lg\:g-6,
  #cta .lg\:gy-6 {
    --bs-gutter-y: 3rem;
  }

  #cta .lg\:g-7,
  #cta .lg\:gx-7 {
    --bs-gutter-x: 3.5rem;
  }

  #cta .lg\:g-7,
  #cta .lg\:gy-7 {
    --bs-gutter-y: 3.5rem;
  }

  #cta .lg\:g-8,
  #cta .lg\:gx-8 {
    --bs-gutter-x: 4rem;
  }

  #cta .lg\:g-8,
  #cta .lg\:gy-8 {
    --bs-gutter-y: 4rem;
  }

  #cta .lg\:g-9,
  #cta .lg\:gx-9 {
    --bs-gutter-x: 5rem;
  }

  #cta .lg\:g-9,
  #cta .lg\:gy-9 {
    --bs-gutter-y: 5rem;
  }

  #cta .lg\:g-10,
  #cta .lg\:gx-10 {
    --bs-gutter-x: 8rem;
  }

  #cta .lg\:g-10,
  #cta .lg\:gy-10 {
    --bs-gutter-y: 8rem;
  }
}

@media (min-width: 459px) {
  #cta .sm\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
}

#cta .btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0px;
  --bs-btn-font-family: var(--font-family-tertiary);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 48px;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  #cta .btn {
    transition: none;
  }
}

#cta .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

#cta .btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#cta .btn:first-child:active,
#cta :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

#cta .btn:first-child:active:focus-visible,
#cta :not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#cta .btn:disabled {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

#cta .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #12715b;
  --bs-btn-border-color: #12715b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f604d;
  --bs-btn-hover-border-color: #0e5a49;
  --bs-btn-focus-shadow-rgb: 54, 134, 116;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e5a49;
  --bs-btn-active-border-color: #0e5544;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #12715b;
  --bs-btn-disabled-border-color: #12715b;
}

#cta .text-dark {
  --bs-dark-rgb: 33, 37, 41;
  --bs-text-opacity: 0.7;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

#cta p.text-dark.dark\:text-white.text-opacity-70 {
  margin-top: 0;
  margin-bottom: 0;
}

#cta .mb-0 {
  margin-bottom: 0 !important;
}

#cta .d-none {
  display: none !important;
}

#cta .h-56px {
  height: 56px !important;
}

#cta .w-100px {
  width: 100px !important;
}

#cta .w-100 {
  width: 100% !important;
}

#cta .pb-0 {
  padding-bottom: 0 !important;
}
#cta .h3 {
  font-size: var(--sizes-heading-h3-size) !important;
  line-height: var(--sizes-heading-h3-lh) !important;
  letter-spacing: var(--sizes-heading-h3-lp) !important;
}
#cta .text-dark {
  --bs-dark-rgb: 33, 37, 41;
  color: rgba(var(--bs-dark-rgb), 0.7) !important;
}
#cta form.row {
  display: flex;
  flex-direction: column;
}

#cta .h-48px {
  height: 48px !important;
}

#cta .bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

#cta .form-control {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: var(--font-text-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (min-width: 768px) {
  #cta .mt-1 {
    margin-top: 0.5rem !important;
  }

  #cta .sm\:hover\:min-w-150px:hover,
  #cta .sm\:min-w-150px,
  #cta .sm\:min-w-150px-hover:hover {
    min-width: 150px !important;
  }

  #cta .sm\:col-auto {
    flex: 0 0 auto;
    width: auto;
  }

  #cta form.row {
    flex-direction: row !important;
  }

  #cta .sm\:fs-5 {
    font-size: 1.125rem !important;
  }

  #cta .h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }

  #cta .sm\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }

  #cta .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  #cta .sm\:col-auto {
    flex: 0 0 auto !important;
    width: auto !important;
  }
}

@media (min-width: 992px) {
  #cta .lg\:hover\:max-w-600px:hover,
  #cta .lg\:max-w-600px,
  #cta .lg\:max-w-600px-hover:hover {
    max-width: 600px !important;
  }

  #cta .lg\:focus\:w-5\/6:focus,
  #cta .lg\:hover\:w-5\/6:hover,
  #cta .lg\:w-5\/6,
  #cta .lg\:w-5\/6-focus:focus,
  #cta .lg\:w-5\/6-hover:hover {
    width: 83.3333333% !important;
  }

  #cta .lg\:h-56px,
  #cta .lg\:h-56px-hover:hover,
  #cta .lg\:hover\:h-56px:hover {
    height: 56px !important;
  }
}

#cta .child-cols > * {
  flex: 1;
}

@media (min-width: 1200px) {
  #cta .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  #cta .xl\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }

  #cta .xl\:w-250px,
  #cta .xl\:w-250px-hover:hover,
  #cta .xl\:hover\:w-250px:hover,
  #cta .xl\:w-250px-focus:focus,
  #cta .xl\:focus\:w-250px:focus {
    width: 250px !important;
  }
}

@media (min-width: 992px) {
  #cta .lg\:hover\:max-w-600px:hover,
  #cta .lg\:max-w-600px,
  #cta .lg\:max-w-600px-hover:hover {
    max-width: 600px !important;
  }

  #cta .lg\:mt-2 {
    margin-top: 1rem !important;
  }

  #cta .lg\:d-block,
  #cta .lg\:d-block-hover:hover,
  #cta .lg\:hover\:d-block:hover {
    display: block !important;
  }
}

/* footer style */

.uc-footer p {
  margin: 0;
}
.uc-footer a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
.uc-footer a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
.uc-footer a:hover {
  color: var(--link-color-text-hover);
}
.uc-footer a:hover {
  text-decoration: none;
}
.uc-footer .container {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .uc-footer .container {
    max-width: 720px;
  }
}
@media (min-width: 1400px) {
  .uc-footer .container {
    max-width: 1320px;
  }
}
.uc-footer .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
@media (min-width: 459px) {
  .uc-footer .container {
    max-width: 540px;
  }
}
.uc-footer .uc-footer-nav .footer-grid {
  display: grid;
  width: 100%;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .uc-footer .uc-footer-nav .footer-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
:root {
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: rgba(131, 131, 131, 0.25);
}
.uc-footer .pt-4 {
  padding-top: 2rem !important;
}
.uc-footer .gap-4 {
  gap: 2rem !important;
}
.uc-footer .fw-medium {
  font-weight: 500 !important;
}
.uc-footer .opacity-60 {
  opacity: 0.6 !important;
}
.uc-footer .nav-y a {
  text-decoration: none;
  color: inherit;
  transition: opacity 200ms ease;
}
.uc-footer .nav-y {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .uc-footer .lg\:gap-2 {
    gap: 1rem !important;
  }
  .uc-footer .lg\:mb-2 {
    margin-bottom: 1rem !important;
  }
  .uc-footer .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .uc-footer .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .uc-footer .lg\:gap-6 {
    gap: 3rem !important;
  }
  .uc-footer .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .uc-footer .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .uc-footer .xl\:gap-8 {
    gap: 4rem !important;
  }
  .uc-footer .container {
    max-width: 1140px;
  }
  .uc-footer .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
.uc-footer .nav-y a {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.uc-footer .nav-y:hover a {
  opacity: 0.6;
}
.uc-footer .nav-y a:hover {
  opacity: 1;
}

/* ContactModal */
#uc-contact-modal .form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
#uc-contact-modal .form-check-input:focus,
#uc-contact-modal .form-control:focus {
  --shadow-color: rgba(0, 0, 0, 0.05);
}
#uc-contact-modal .form-check-input:focus,
#uc-contact-modal .form-control:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--shadow-color) !important;
}
#uc-contact-modal .h5 {
  font-size: var(--sizes-heading-h5-size) !important;
  line-height: var(--sizes-heading-h5-lh) !important;
  letter-spacing: var(--sizes-heading-h5-lp) !important;
}
#uc-contact-modal .form-control {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: var(--font-text-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#uc-contact-modal .d-none,
#uc-contact-modal .d-none-hover:hover,
#uc-contact-modal .hover\:d-none:hover {
  display: none !important;
}
#uc-contact-modal .top-0 {
  top: 0 !important;
}
#uc-contact-modal .h-48px,
#uc-contact-modal .hover\:h-48px:hover {
  height: 48px !important;
}
#uc-contact-modal .m-2 {
  margin: 1rem !important;
}
#uc-contact-modal .p-0 {
  padding: 0 !important;
}
#uc-contact-modal .opacity-70,
#uc-contact-modal .opacity-70-hover:hover,
#uc-contact-modal .hover\:opacity-70:hover {
  opacity: 0.6 !important;
}
#uc-contact-modal .fs-7 {
  font-size: 0.875rem !important;
}
#uc-contact-modal .px-3 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
#uc-contact-modal .rounded-1-5,
#uc-contact-modal .rounded-1-5-hover:hover,
#uc-contact-modal .hover\:rounded-1-5:hover {
  border-radius: 12px !important;
}
#uc-contact-modal .icon-2 {
  width: 24px !important;
  height: 24px !important;
  font-size: 24px !important;
}
@media (min-width: 459px) {
  #uc-contact-modal .sm\:gap-4 {
    gap: 2rem !important;
  }
  #uc-contact-modal .md\:w-500px,
  #uc-contact-modal .md\:w-500px-hover:hover,
  #uc-contact-modal .md\:hover\:w-500px:hover,
  #uc-contact-modal .md\:w-500px-focus:focus,
  #uc-contact-modal .md\:focus\:w-500px:focus {
    width: 500px !important;
  }
  #uc-contact-modal .md\:w-1\/2,
  #uc-contact-modal .md\:w-1\/2-hover:hover,
  #uc-contact-modal .md\:hover\:w-1\/2:hover,
  #uc-contact-modal .md\:w-1\/2-focus:focus,
  #uc-contact-modal .md\:focus\:w-1\/2:focus {
    width: 50% !important;
  }
}
@media (min-width: 768px) {
  #uc-contact-modal .md\:py-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 992px) {
  #uc-contact-modal .lg\:icon-3 {
    width: 32px !important;
    height: 32px !important;
    font-size: 32px !important;
  }
  #uc-contact-modal .lg\:h4 {
    font-size: var(--sizes-heading-h4-size) !important;
    line-height: var(--sizes-heading-h4-lh) !important;
    letter-spacing: var(--sizes-heading-h4-lp) !important;
  }
}
/* pricing section */
#pricing_tiers .rounded-1-5 {
  border-radius: 12px !important;
}
#pricing_tiers .bg-primary-600,
#pricing_tiers .hover\:bg-primary-600:hover {
  --bs-bg-opacity: 1;
  --bs-primary-600-rgb: 14, 90, 73;
  background-color: rgba(
    var(--bs-primary-600-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
#pricing_tiers .text-white,
#pricing_tiers .hover\:text-white:hover {
  --bs-white-rgb: 255, 255, 255;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
#pricing_tiers .text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
#pricing_tiers .m-0 {
  margin: 0 !important;
}
#pricing_tiers .py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
#pricing_tiers .container {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
#pricing_tiers .vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
#pricing_tiers .gap-4 {
  gap: 2rem !important;
}
#pricing_tiers .gap-2 {
  gap: 1rem !important;
}
#pricing_tiers .text-center {
  text-align: center !important;
}
#pricing_tiers .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
#pricing_tiers .max-w-550px,
.hover\:max-w-550px:hover {
  max-width: 550px !important;
}
#pricing_tiers .fw-bold {
  font-weight: 700 !important;
}
#pricing_tiers .text-secondary,
#pricing_tiers .hover\:text-secondary:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
#pricing_tiers .text-opacity-70,
#pricing_tiers .hover\:text-opacity-70:hover {
  --bs-text-opacity: 0.7;
}
#pricing_tiers h1,
#pricing_tiers h2,
#pricing_tiers h3,
#pricing_tiers h4,
#pricing_tiers h5,
#pricing_tiers h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--bs-heading-color, inherit);
}
#pricing_tiers .h3 {
  font-size: var(--sizes-heading-h3-size) !important;
  line-height: var(--sizes-heading-h3-lh) !important;
  letter-spacing: var(--sizes-heading-h3-lp) !important;
}

#pricing_tiers .g-2 {
  --bs-gutter-y: 1rem;
}
#pricing_tiers .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
#pricing_tiers .row.col-match > * {
  display: flex;
  flex-direction: column;
}
#pricing_tiers .rounded-1-5,
#pricing_tiers .rounded-1-5-hover:hover,
#pricing_tiers .hover\:rounded-1-5:hover {
  border-radius: 12px !important;
}
#pricing_tiers .bg-secondary {
  --bs-bg-opacity: 1;
  --bs-secondary-rgb: 245, 238, 233;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

@media (min-width: 459px) {
  #pricing_tiers .sm\:max-w-lg,
  .sm\:max-w-lg-hover:hover,
  .sm\:hover\:max-w-lg:hover {
    max-width: 1040px !important;
  }
  #pricing_tiers .sm\:gap-6 {
    gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  #pricing_tiers .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  #pricing_tiers .lg\:rounded-2,
  .lg\:rounded-2-hover:hover,
  .lg\:hover\:rounded-2:hover {
    border-radius: 16px !important;
  }
  #pricing_tiers .lg\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
  #pricing_tiers .lg\:rounded-2,
  .lg\:rounded-2-hover:hover,
  .lg\:hover\:rounded-2:hover {
    border-radius: 16px !important;
  }
  #pricing_tiers .lg\:g-4,
  .lg\:gy-4 {
    --bs-gutter-y: 2rem;
  }
}

@media (min-width: 1200px) {
  #pricing_tiers .xl\:py-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  #pricing_tiers .xl\:max-w-xl,
  .xl\:max-w-xl-hover:hover,
  .xl\:hover\:max-w-xl:hover {
    max-width: 1280px !important;
  }
  #pricing_tiers .xl\:gap-8 {
    gap: 4rem !important;
  }
  #pricing_tiers .xl\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
  #pricing_tiers .xl\:fs-5 {
    font-size: 1.125rem !important;
  }
}
#pricing_tiers .row > * {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(2rem * 0.5);
  padding-left: calc(2rem * 0.5);
  margin-top: 1rem;
}
#pricing_tiers .row.col-match > * {
  display: flex;
  flex-direction: column;
}

#pricing_tiers .w-48px,
.hover\:w-48px:hover {
  width: 48px !important;
}
#pricing_tiers .h-48px,
.hover\:h-48px:hover {
  height: 48px !important;
}
#pricing_tiers .rounded-circle,
.rounded-circle-hover:hover,
.hover\:rounded-circle:hover {
  border-radius: 50% !important;
}
#pricing_tiers .bg-white,
.hover\:bg-white:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
}
#pricing_tiers .text-primary,
.hover\:text-primary:hover {
  --bs-text-opacity: 1;
  --bs-primary-rgb: 18, 113, 91;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
#pricing_tiers .shadow-xs,
.hover\:shadow-xs:hover {
  box-shadow: 0 0.125rem 0.25rem -0.1rem var(--shadow-color) !important;
}
#pricing_tiers .text-uppercase {
  text-transform: uppercase !important;
}
#pricing_tiers .my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
#pricing_tiers .mx-3 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
#pricing_tiers .fs-7 {
  font-size: 0.875rem !important;
}
#pricing_tiers .icon-1 {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
}
#pricing_tiers .items-end {
  align-items: flex-end !important;
}
@media (min-width: 459px) {
  #pricing_tiers .sm\:child-cols-6 > * {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }
}

#pricing_tiers .gap-2 {
  gap: 1rem !important;
}
#pricing_tiers .rounded-circle,
#pricing_tiers .rounded-circle-hover:hover,
#pricing_tiers .hover\:rounded-circle:hover {
  border-radius: 50% !important;
}
#pricing_tiers .bg-primary-100,
#pricing_tiers .hover\:bg-primary-100:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-100-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
#pricing_tiers .fw-bold {
  font-weight: 700 !important;
}
#pricing_tiers .h-24px,
#pricing_tiers .hover\:h-24px:hover {
  height: 24px !important;
}
#pricing_tiers .w-24px,
#pricing_tiers .hover\:w-24px:hover {
  width: 24px !important;
}
#pricing_tiers .nav-y {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
#pricing_tiers .bg-primary-100,
#pricing_tiers .hover\:bg-primary-100:hover {
  --bs-bg-opacity: 1;
  --bs-primary-100-rgb: 208, 227, 222;
  background-color: rgba(
    var(--bs-primary-100-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
#pricing_tiers .w-100,
#pricing_tiers .hover\:w-100:hover {
  width: 100% !important;
}
#pricing_tiers .pt-4 {
  padding-top: 2rem !important;
}
#pricing_tiers .p-3 {
  padding: 1.5rem !important;
}
#pricing_tiers .pb-0 {
  padding-bottom: 0 !important;
}
#pricing_tiers .h1 {
  font-size: var(--sizes-heading-h1-size) !important;
  line-height: var(--sizes-heading-h1-lh) !important;
  letter-spacing: var(--sizes-heading-h1-lp) !important;
}
#pricing_tiers .h5 {
  font-size: var(--sizes-heading-h5-size) !important;
  line-height: var(--sizes-heading-h5-lh) !important;
  letter-spacing: var(--sizes-heading-h5-lp) !important;
}
#pricing_tiers .h6 {
  font-size: var(--sizes-heading-h6-size) !important;
  line-height: var(--sizes-heading-h6-lh) !important;
  letter-spacing: var(--sizes-heading-h6-lp) !important;
}
@media (min-width: 768px) {
  #pricing_tiers .md\:pt-6 {
    padding-top: 3rem !important;
  }
  #pricing_tiers .md\:pb-0 {
    padding-bottom: 0 !important;
  }
  #pricing_tiers .md\:p-4 {
    padding: 2rem !important;
  }
  #pricing_tiers .md\:pb-0 {
    padding-bottom: 0 !important;
  }
  #pricing_tiers .row > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(1rem * 0.5);
    padding-left: calc(1rem * 0.5);
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  #pricing_tiers .lg\:h4 {
    font-size: var(--sizes-heading-h4-size) !important;
    line-height: var(--sizes-heading-h4-lh) !important;
    letter-spacing: var(--sizes-heading-h4-lp) !important;
  }
  #pricing_tiers .lg\:h3 {
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
  #pricing_tiers .lg\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  #pricing_tiers .row > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(2rem * 0.5);
    padding-left: calc(2rem * 0.5);
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  #pricing_tiers .xl\:child-cols-4 > * {
    --grid-total: 12;
    --grid-count: 4;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
#pricing_tiers .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

/* features */

#features .h1,
#features .h2,
#features .h3,
#features .h4,
#features .h5,
#features .h6,
#features .display-5 {
  font-family: var(--heading-font-typeface, sans-serif) !important;
  font-weight: var(--heading-font-weight, 700);
  letter-spacing: var(--heading-font-spacing, normal);
  font-style: var(--heading-font-style, normal);
  text-transform: var(--heading-font-transform, initial);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: var(--color-gray-900);
  font-size: var(--sizes-heading-h2-size) !important;
  line-height: var(--sizes-heading-h2-lh) !important;
  letter-spacing: var(--sizes-heading-h2-lp) !important;
}

#features .h1:where(.uc-dark),
#features :where(.uc-dark) .h1,
#features .h2:where(.uc-dark),
#features :where(.uc-dark) .h2,
#features .h3:where(.uc-dark),
#features :where(.uc-dark) .h3,
#features .h4:where(.uc-dark),
#features :where(.uc-dark) .h4,
#features .h5:where(.uc-dark),
#features :where(.uc-dark) .h5,
#features .h6:where(.uc-dark),
#features :where(.uc-dark) .h6,
#features .display-5:where(.uc-dark),
#features :where(.uc-dark) .display-5,
#features h1:where(.uc-dark),
#features :where(.uc-dark) h1,
#features h2:where(.uc-dark),
#features :where(.uc-dark) h2,
#features h3:where(.uc-dark),
#features :where(.uc-dark) h3,
#features h4:where(.uc-dark),
#features :where(.uc-dark) h4,
#features h5:where(.uc-dark),
#features :where(.uc-dark) h5,
#features h6:where(.uc-dark),
#features :where(.uc-dark) h6 {
  color: white;
}

#features .btn-md,
#features html.bp-sm .sm\:btn-md,
#features html.bp-md .md\:btn-md,
#features html.bp-lg .lg\:btn-md,
#features html.bp-xl .xl\:btn-md {
  --bs-btn-height: 48px !important;
  --bs-btn-padding-y: 0px !important;
  --bs-btn-padding-x: 1rem !important;
  --bs-btn-font-size: 1rem !important;
}

#features .btn-lg,
#features html.bp-sm .sm\:btn-lg,
#features html.bp-md .md\:btn-lg,
#features html.bp-lg .lg\:btn-lg,
#features html.bp-xl .xl\:btn-lg {
  --bs-btn-height: 56px !important;
  --bs-btn-padding-y: 0px !important;
  --bs-btn-padding-x: 1.5rem !important;
  --bs-btn-font-size: 1.125rem !important;
}

#features .max-w-750px,
#features .hover\:max-w-750px:hover {
  max-width: 750px !important;
}

@media (min-width: 1200px) {
  #features .xl\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
}

#features h1,
#features h2,
#features h3,
#features h4,
#features h5,
#features h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--bs-heading-color, inherit);
}

#features a:hover,
#features .link:hover {
  color: var(--link-color-text-hover);
}


#features .uc-link:hover,
#features a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  #features .container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  #features .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  #features .container {
    max-width: 1320px;
  }
}

#features .btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0px;
  --bs-btn-font-family: var(--font-family-tertiary);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 48px;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#features .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #12715b;
  --bs-btn-border-color: #12715b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f604d;
  --bs-btn-hover-border-color: #0e5a49;
  --bs-btn-focus-shadow-rgb: 54, 134, 116;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e5a49;
  --bs-btn-active-border-color: #0e5544;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #12715b;
  --bs-btn-disabled-border-color: #12715b;
}


#features .hover\:border-opacity-40:hover {
  --bs-border-opacity: 0.4;
}

#features .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}

#features .border-gray-900 {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-gray-900-rgb),
    var(--bs-border-opacity)
  ) !important;
}

#features .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

#features .border-opacity-20,
#features .hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2;
}

#features .h-600px,
#features .hover\:h-600px:hover {
  height: 600px !important;
}

#features .hstack,
#features html.bp-sm .sm\:hstack,
#features html.bp-md .md\:hstack,
#features html.bp-lg .lg\:hstack,
#features html.bp-xl .xl\:hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

#features .vstack,
#features html.bp-sm .sm\:vstack,
#features html.bp-md .md\:vstack,
#features html.bp-lg .lg\:vstack,
#features html.bp-xl .xl\:vstack {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: stretch;
  color: black;
}

#features [dir="ltr"] .ltr\:ms-2 {
  margin-left: 1rem !important;
}

#features .text-dark,
#features .hover\:text-dark:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

#features .text-opacity-70,
#features .hover\:text-opacity-70:hover {
  --bs-text-opacity: 0.7 !important;
}

@media (max-width: 991.98px) {
  #features .d-none {
    display: none !important;
  }
  #features .d-block,
  #features .d-block-hover:hover,
  #features .hover\:d-block:hover {
    display: block !important;
  }
}

#features .border-opacity-20,
#features .hover\:border-opacity-20:hover {
  --bs-border-opacity: 0.2;
}

@media (min-width: 992px) {
  #features .container {
    max-width: 960px;
  }
  #features .lg\:d-none,
  #features .lg\:d-none-hover:hover,
  #features .lg\:hover\:d-none:hover {
    display: none !important;
  }
  #features .lg\:h-screen,
  #features .lg\:h-screen-hover:hover,
  #features .lg\:hover\:h-screen:hover {
    height: 100vh !important;
  }
}

@media (min-width: 459px) {
  #features .container {
    max-width: 540px;
  }
  #features .sm\:fs-5 {
    font-size: 1.125rem !important;
  }
  #features .sm\:d-block,
  #features .sm\:d-block-hover:hover,
  #features .sm\:hover\:d-block:hover {
    display: block !important;
  }
  #features .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  #features .sm\:h1 {
    font-size: var(--sizes-heading-h1-size) !important;
    line-height: var(--sizes-heading-h1-lh) !important;
    letter-spacing: var(--sizes-heading-h1-lp) !important;
  }
}
@media (min-width: 992px) {
  #features .lg\:d-block,
  #features .lg\:d-block-hover:hover,
  #features .lg\:hover\:d-block:hover {
    display: block !important;
  }
  #features .lg\:display-6 {
    font-size: var(--sizes-heading-display-6-size) !important;
    line-height: var(--sizes-heading-display-6-lh) !important;
    letter-spacing: var(--sizes-heading-display-6-lp) !important;
  }
  #features .lg\:gap-4 {
    gap: 2rem !important;
  }
  #features .lg\:mb-8 {
    margin-bottom: 4rem !important;
  }
  #features .lg\:py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  #features .lg\:mt-0 {
    margin-top: 0 !important;
  }
  #features .lg\:gap-2 {
    gap: 1rem !important;
  }
}

@media (min-width: 1200px) {
  #features .xl\:display-4 {
    font-size: var(--sizes-heading-display-4-size) !important;
    line-height: var(--sizes-heading-display-4-lh) !important;
    letter-spacing: var(--sizes-heading-display-4-lp) !important;
  }
  [dir="ltr"] #features .ltr\:xl\:ms-4 {
    margin-left: 2rem !important;
  }
  #features .xl\:gap-4 {
    gap: 2rem !important;
  }
}

#features .overflow-hidden {
  overflow: hidden !important;
}

:root {
  --sizes-heading-h3-size: 2rem;
  --sizes-heading-h3-lh: 1.1;
  --sizes-heading-h3-lp: -0.07rem;
  --sizes-heading-h4-size: 1.5rem;
  --sizes-heading-h4-lh: 1.2;
  --sizes-heading-h4-lp: -0.06rem;
}

#features .h4 {
  font-size: var(--sizes-heading-h4-size) !important;
  line-height: var(--sizes-heading-h4-lh) !important;
  letter-spacing: var(--sizes-heading-h4-lp) !important;
}

#features .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 2rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
}

#features .col-12 {
  --grid-total: 12;
  --grid-count: 12;
  flex: 0 0 auto;
  width: 100%;
}

#features .row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

@media (min-width: 768px) {
  #features .md\:order-2 {
    order: 2 !important;
  }
  #features .md\:col-6 {
    --grid-total: 12;
    --grid-count: 6;
    flex: 0 0 auto;
    width: 50%;
  }
  #features .md\:g-6,
  #features .md\:gy-6 {
    --bs-gutter-y: 3rem;
  }
  #features .md\:g-6,
  #features .md\:gx-6 {
    --bs-gutter-x: 3rem;
  }
  #features .feature-item > .row > * {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: 2rem !important;
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  #features .lg\:p-4 {
    padding: 2rem !important;
  }
}

#features .opacity-70 {
  opacity: 0.7 !important;
}

@media (min-width: 992px) {
  #features .lg\:fs-5 {
    font-size: 1.125rem !important;
  }
}

#features .h-48px,
#features .hover\:h-48px:hover {
  height: 48px !important;
}

#features .w-48px,
#features .hover\:w-48px:hover {
  width: 48px !important;
}

#features .bg-primary,
#features .hover\:bg-primary:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

#features .mb-2 {
  margin-bottom: 1rem !important;
}

#features .text-secondary,
#features .hover\:text-secondary:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

#features .rounded-1-5,
#features .rounded-1-5-hover:hover,
#features .hover\:rounded-1-5:hover {
  border-radius: 12px !important;
}

#features .fw-bold {
  font-weight: 700 !important;
}

#features .gap-narrow {
  gap: 0.25rem !important;
}

#features .uc-link {
  color: var(--color-primary);
}

#features .g-10 {
  --bs-gutter-y: 8rem;
}

#features .uc-link,
#features a {
  text-decoration: none;
  cursor: pointer;
}

@media (min-width: 459px) {
  #features .sm\:h3 {
    font-size: var(--sizes-heading-h3-size) !important;
    line-height: var(--sizes-heading-h3-lh) !important;
    letter-spacing: var(--sizes-heading-h3-lp) !important;
  }
  #features .feature-item > .row > * {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: 2rem !important;
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  #features .xl\:h2 {
    font-size: var(--sizes-heading-h2-size) !important;
    line-height: var(--sizes-heading-h2-lh) !important;
    letter-spacing: var(--sizes-heading-h2-lp) !important;
  }
  #features .uc-scrollspy-inview {
    margin-top: 8rem !important;
  }
}

#features .row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

#features .icon-1 {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
}