/*@import '../blazor-themes/material3-dark/material3-dark.min.scss';*/
@import 'https://cdn.syncfusion.com/blazor/27.1.48/styles/material3.css';
/*@import 'https://cdn.jsdelivr.net/npm/@materialstyle/materialstyle@3.1.1/dist/css/materialstyle.min.css';*/
:root {
  --color-theme-1: #1599bd;
  --color-theme-2: #ed701d;
  --color-theme-3: #fcb315;
  --color-main-font1: #1F5678;
  --color-main-font2: #FE710C;
  --color-theme-neutral: rgb(181 209 205);
  --color-sf-black: 0, 0, 0;
  --color-sf-white: rgb(255, 255, 255);
  --color-sf-primary: #1599bd;
  --color-sf-primary-container: rgb(233 209 255);
  --color-sf-secondary: #d036d2;
  --color-sf-secondary-container: 74, 68, 88;
  --color-sf-tertiary: 239, 184, 200;
  --color-sf-tertiary-container: 99, 59, 72;
  --color-sf-surface: #f2fbff;
  --color-sf-surface-variant: #f7fafb;
  --color-sf-background: #1c313f;
  --color-sf-on-primary: rgb(255 255 255);
  --color-sf-on-primary-container: 234, 221, 255;
  --color-sf-on-secondary: #d036d2;
  --color-sf-on-secondary-container: 232, 222, 248;
  --color-sf-on-tertiary: 73, 37, 50;
  --color-sf-on-tertiary-containe: 255, 216, 228;
  --color-sf-on-surface: rgb(230, 225, 229);
  --color-sf-on-surface-variant: 202, 196, 208;
  --color-sf-inverse-on-surface: rgb(33 34 26) !important;
  --color-sf-on-background: 230, 225, 229;
  --color-sf-outline: 147, 143, 153;
  --color-sf-outline-variant: 68, 71, 70;
  --color-sf-shadow: 0, 0, 0;
  --color-sf-surface-tint-color: 208, 188, 255;
  --color-sf-inverse-surface: 194, 201, 194;
  --color-sf-inverse-on-surface: 221, 221, 221;
  --color-sf-inverse-primary: 103, 80, 164;
  --color-sf-scrim: 0, 0, 0;
  --color-sf-error: 242, 77, 77;
  --color-sf-error-container: 140, 29, 24;
  --color-sf-on-error: 96, 20, 16;
  --color-sf-on-error-container: 249, 222, 220;
  --color-sf-success: 83, 202, 23;
  --color-sf-success-container: 22, 62, 2;
  --color-sf-on-success: 13, 39, 0;
  --color-sf-on-success-container: 183, 250, 150;
  --color-sf-info: 71, 172, 251;
  --color-sf-info-container: 0, 67, 120;
  --color-sf-on-info: 0, 51, 91;
  --color-sf-on-info-container: 173, 219, 255;
  --color-sf-warning: 245, 180, 130;
  --color-sf-warning-container: 123, 65, 0;
  --color-sf-on-warning: 99, 52, 0;
  --color-sf-on-warning-container: 255, 220, 193;
  --color-sf-spreadsheet-gridline: 231, 224, 236;
  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
  --color-sf-success-text: 0, 0, 0;
  --color-sf-warning-text: 0, 0, 0;
  --color-sf-info-text: 0, 0, 0;
  --color-sf-danger-text: 0, 0, 0;
  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
  --bs-body-bg: var(--color-sf-surface);
  --bs-body-color: var(--color-sf-primary);
  --bs-dropdown-link-hover-bg: var(--color-sf-surface-variant);
  --bs-btn-active-bg: var(--color-sf-primary);
  --bs-bg-opacity: 1;
  --bs-dark-rgb: 28, 49, 63;
  /**/
  /* Theme from Figma and Locofy */
  /* fonts */
  --text-small-normal: Roboto;
  --heading-desktop-h1: Rosario;
  /* font sizes */
  --text-small-normal-size: 14px;
  --text-regular-normal-size: 16px;
  --heading-mobile-h3-size: 32px;
  --font-size-7xl: 26px;
  --font-size-lgi: 19px;
  --heading-mobile-h6-size: 18px;
  --heading-mobile-h2-size: 36px;
  --font-size-10xl: 29px;
  --font-size-3xl: 22px;
  --text-tiny-normal-size: 12px;
  --heading-mobile-h4-size: 24px;
  --heading-mobile-h1-size: 40px;
  --heading-desktop-h6-size: 20px;
  --heading-desktop-h2-size: 48px;
  --font-size-19xl: 38px;
  --heading-desktop-h1-size: 56px;
  /* Colors */
  --background-color-primary: #fff;
  --text-primary: #000;
  --background-color-secondary: #B9D4E1;
  --color-aliceblue-100: #f2fbff;
  --color-steelblue-100: #1599bd;
  --color-steelblue-200: #1f5678;
  --color-dimgray: #666;
  --color-darkorange: #fe710c;
  /* Gaps */
  --gap-29xl: 48px;
  --gap-5xl: 24px;
  --gap-13xl: 32px;
  --gap-base: 16px;
  --gap-xs: 12px;
  --gap-5xs: 8px;
  --gap-xl: 20px;
  --gap-9xs: 4px;
  --gap-61xl: 80px;
  --gap-21xl: 40px;
  /* Paddings */
  --padding-29xl: 48px;
  --padding-xl: 20px;
  --padding-base: 16px;
  --padding-45xl: 64px;
  --padding-xs: 12px;
  --padding-5xl: 24px;
  --padding-5xs: 8px;
  --padding-9xs: 4px;
  --padding-61xl: 80px;
  --padding-3xl: 22px;
  --padding-13xl: 32px;
  --padding-93xl: 140px;
  --padding-70xl: 112px;
  --padding-54xl: 73px;
  --padding-11xs: 2px;
  --padding-4xs: 9px;
  --padding-23xl: 42px;
  --padding-24xl: 43px;
  --padding-28xl: 47px;
  --padding-154xl: 173px;
  --padding-2xl: 21px;
  /* Border radiuses */
  --br-8xs: 5px;
  --br-mini: 15px;
  --br-3xs: 10px;
  --br-lg: 18px;
  --color-primary: #1599bd;
  --color-secondary: #d036d2;
}

.color-theme-1 {
  color: var(--color-primary) !important;
}

.color-theme-2 {
  color: var(--color-secondary) !important;
}

.color-theme-3 {
  color: var(--color-theme-3) !important;
}

.color-main-font1 {
  color: var(--color-main-font1) !important;
}

.color-main-font2 {
  color: var(--color-main-font2) !important;
}

h1 {
  color: var(--color-main-font1) !important;
}

.color-primary {
  color: var(--color-primary) !important;
}

.color-secondary {
  color: var(--color-secondary) !important;
}

.background-color-primary {
  background-color: var(--color-primary) !important;
}

.background-color-secondary {
  background-color: var(--color-secondary) !important;
}

.color-theme-neutral {
  color: var(--color-theme-neutral);
}

.bg-color-theme-1 {
  background-color: var(--color-theme-1);
}

.bg-color-theme-2 {
  background-color: var(--color-theme-2);
}

.bg-color-theme-3 {
  background-color: var(--color-theme-3);
}

.nav-link.btn-primary {
  background: 0 var(--color-sf-primary);
}

.e-btn.e-primary, .e-css.e-btn.e-primary {
  background: var(--color-sf-primary);
}

.btn {
  min-width: 100px;
}

.btn-primary {
  --mdc-ripple-color: var(--color-sf-on-primary);
  --bs-btn-color: var(--color-sf-on-primary);
  --bs-btn-bg: var(--color-sf-primary);
  --bs-btn-hover-color: var(--bs-text-on-primary);
  --bs-btn-hover-bg: var(--color-sf-primary);
  --bs-btn-active-color: var(--color-sf-on-primary);
  --bs-btn-active-bg: var(--color-sf-primary);
  --bs-btn-disabled-color: var(--color-sf-on-primary);
  --bs-btn-disabled-bg: var(--color-sf-surface);
}

.btn-primary {
  color: var(--color-sf-on-primary);
  background-color: var(--color-sf-primary);
  border: 2px solid var(--color-sf-primary) !important;
}

.btn-secondary {
  color: var(--color-sf-white);
  background-color: var(--color-sf-secondary);
  border: 2px solid var(--color-sf-secondary) !important;
}

.btn.btn-mono {
  color: black !important;
  background-color: transparent;
  border: 2px solid black !important;
  padding: 10px;
  border-radius: 0 !important;
}

.btn.btn-mono:hover {
  color: white !important;
  background-color: black;
  border: 2px solid black !important;
}

.btn.btn-mono-dark {
  color: white !important;
  background-color: transparent;
  border: 2px solid white !important;
  padding: 10px;
  border-radius: 0 !important;
}

.btn.btn-mono-dark:hover {
  color: black !important;
  background-color: white;
  border: 2px solid white !important;
}

.btn.btn-mono-inv {
  color: white !important;
  background-color: black;
  border: 2px solid black !important;
  padding: 10px;
  border-radius: 0 !important;
}

.btn.btn-mono-inv:hover {
  color: black !important;
  background-color: transparent;
  border: 2px solid black !important;
}

.btn.btn-mono-dark-inv {
  color: black !important;
  background-color: white;
  border: 2px solid white !important;
  padding: 10px;
  border-radius: 0 !important;
}

.btn.btn-mono-dark-inv:hover {
  color: white !important;
  background-color: transparent;
  border: 2px solid white !important;
}

.btn-primary-color-theme-1 {
  color: #fff;
  background-color: var(--color-theme-1);
  border-color: var(--color-theme-2);
}

.e-btn.e-primary, .e-css.e-btn.e-primary {
  background: var(--color-sf-primary);
  border-color: var(--color-sf-primary);
  color: var(--color-sf-on-primary);
  box-shadow: none;
}

.e-btn.e-primary-color-theme-1, .e-css.e-btn.e-primary-color-theme-1 {
  background: var(--color-primary);
  border-color: #fff;
  color: #fff;
  box-shadow: none;
}

.e-btn.e-primary-color-theme-1:hover, .e-css.e-btn.e-primary-color-theme-1:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background-color: #fff;
  box-shadow: none;
}

.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus, .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
  background: linear-gradient(0deg, var(--color-sf-on-primary, 0.08), var(--color-sf-on-primary, 0.08)), var(--color-sf-primary);
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  color: var(--color-sf-primary);
}

.dropdown-item[b-1t957zrqth]:hover {
  color: var(--color-sf-secondary);
}

.btn.btn-primary.nav-link {
  border: 2px solid var(--color-primary) !important;
}

.btn.btn-primary.nav-link:hover .bi.bi-arrow-bar-left-nav-menu.nav-menu {
  filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(180deg) brightness(100%) contrast(100%);
}

.btn.btn-fab.mini-fab.btn-primary.nav-link:hover .bi.bi-person-fill-nav-menu {
  filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(180deg) brightness(100%) contrast(100%);
}

.btn.btn-primary.nav-link:hover {
  color: var(--color-primary) !important;
  background-color: #fff !important;
  border: 2px solid var(--color-primary) !important;
  fill: var(--color-primary) !important;
}

.text-primary, span.text-primary {
  color: var(--color-sf-primary) !important;
}

.plain-link {
  width: 100%;
}

.plain-link a {
  font-size: var(--text-regular-normal-size);
  color: black;
}

.plain-link a:hover {
  color: #888;
  text-decoration: none;
}

/*.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus, .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
    color: var(--color-sf-on-primary);
    background-color: var(--color-sf-primary);
    outline: linear-gradient(0deg, var(--color-sf-primary, 0.05), var(--color-sf-primary, 0.05)), var(--color-sf-surface) 0 solid;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}*/
.dropdown-item:focus, .dropdown-item:hover {
  background-color: var(--color-sf-surface-variant);
}

.form-control {
  background-color: var(--color-sf-surface);
  color: var(--color-sf-primary);
}

.form-control:focus {
  color: var(--color-sf-primary);
  background-color: var(--color-sf-surface-variant);
  border-color: var(--color-sf-primary);
  box-shadow: 0 0 0 0.25rem var(--color-sf-primary-container);
}

.form-control:disabled, .form-control[readonly] {
  background-color: #8a8a8a;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--color-sf-white) !important;
  background-color: var(--color-sf-primary) !important;
  border-color: var(--color-sf-white) !important;
}

.nav-link {
  color: var(--color-sf-white) !important;
}

.nav.account-manage .nav-link {
  color: var(--color-sf-primary) !important;
}

.nav.account-manage .nav-link.active {
  color: var(--color-sf-white) !important;
}

.nav-link:hover {
  color: var(--color-sf-primary) !important;
}

button.btn {
  font-family: Roboto !important;
  font-weight: 600;
}

.btn-primary:hover {
  color: var(--color-sf-primary);
  background-color: var(--color-sf-white);
  border-color: var(--color-sf-primary);
  border-width: 2px;
}

.btn-secondary:hover {
  color: var(--color-sf-secondary);
  background-color: var(--color-sf-white);
  border-color: var(--color-sf-secondary);
  border-width: 2px;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  color: var(--color-sf-primary);
  background-color: var(--color-sf-on-primary);
  border-color: var(--color-sf-primary);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem var(--color-sf-primary-container);
}

.validation-message {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

a {
  color: var(--color-sf-primary);
  text-decoration: none;
}

a:hover {
  color: var(--color-sf-secondary);
}

.nav-link.btn-primary[b-8aw1pzfyxu] {
  background: 0 var(--color-sf-primary);
  color: var(--color-sf-on-primary) !important;
}

input, select, textarea {
  background-color: initial;
  color: initial;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  color: var(--color-sf-primary) !important;
  background-color: var(--color-sf-on-primary) !important;
  border-color: var(--color-sf-primary) !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: var(--color-sf-primary);
  background-color: var(--color-sf-on-primary);
  border-color: var(--color-sf-primary);
  box-shadow: 0 0 0 0.25rem var(--color-sf-primary-container);
}

.e-card {
  margin: 5px;
}

.e-card {
  -webkit-tap-highlight-color: rgba(var(--color-sf-primary));
  background: var(--color-aliceblue-100) !important;
  border: none none none;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  color: rgba(var(--color-sf-on-surface));
  outline: none;
}

.hero {
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  position: relative;
  padding: 50px 80px;
}

.hero-content {
  position: relative;
  z-index: 1;
}

.hero-title {
  font-weight: 600;
  font-size: 3rem;
  margin: 0;
}

.hero-subtitle {
  font-weight: 400;
  font-size: 1.5rem;
  margin: 10px 0;
}

div .fill-img {
  width: 100%;
  text-align: center;
}

img.fill-img {
  width: 100%; /* Full width */
  height: auto; /* Auto height to maintain aspect ratio */
  object-fit: cover; /* Cover the container while maintaining aspect ratio */
  display: block;
  margin: 0 auto;
}

.m-width-m {
  max-width: 148px;
}

.m-width-xl {
  max-width: 400px;
}

.mdi-round {
  border-radius: 50%;
  padding: 2px;
  background-color: var(--color-sf-primary);
  color: var(--color-sf-on-primary);
  display: inline-flex;
  width: 35px;
  height: 35px;
  align-content: center;
  justify-content: center;
}

.mdi-round-color-theme-1 {
  background-color: var(--color-sf-primary) !important;
  color: #fff;
}

.mdi-round::before {
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
}

/*.sidebar[b-ffr4qp9n9w] {
    background: rgb(4,4,4) !important;
    background-image: none !important;
}*/
.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: var(--color-sf-primary);
  color: var(--color-sf-on-primary);
}

.flex-left-aligned {
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}

hr {
  margin: 0;
  padding: 0;
}

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

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

.width100 {
  width: 100% !important;
}

.e-badge {
  z-index: 9999;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-t-20 {
  margin-top: 20px;
}

p {
  margin: 0;
}

.no-pointer {
  cursor: default !important;
}

.btn-outline-color-theme-1 {
  color: var(--color-theme-1) !important;
  border-color: var(--color-theme-1) !important;
}

.btn-outline-color-theme-2 {
  color: var(--color-theme-2) !important;
  border-color: var(--color-theme-2) !important;
}

.btn-outline-color-theme-1:hover {
  color: #fff !important;
  background-color: var(--color-theme-1) !important;
  border-color: var(--color-theme-1) !important;
}

.btn-outline-color-theme-2:hover {
  color: #fff !important;
  background-color: var(--color-theme-2) !important;
  border-color: var(--color-theme-2) !important;
}

.btn-check:active + .btn-outline-color-theme-1, .btn-check:checked + .btn-outline-color-theme-1, .btn-outline-color-theme-1.active, .btn-outline-color-theme-1.dropdown-toggle.show, .btn-outline-color-theme-1:active {
  color: #fff !important;
  background-color: var(--color-theme-1) !important;
  border-color: var(--color-theme-1) !important;
}

.btn-check:active + .btn-outline-color-theme-2, .btn-check:checked + .btn-outline-color-theme-2, .btn-outline-color-theme-2.active, .btn-outline-color-theme-2.dropdown-toggle.show, .btn-outline-color-theme-2:active {
  color: #fff !important;
  background-color: var(--color-theme-2) !important;
  border-color: var(--color-theme-2) !important;
}

.form-control {
  color: rgb(var(--bs-dark-rgb)) !important;
}

.form-check-input:checked {
  background-color: var(--color-sf-primary);
  border-color: var(--color-sf-primary-container);
}

.sidebar {
  z-index: 99999;
  width: 250px;
}

table.quickgrid tr {
  border-top: 1px solid #828d61;
}

table.quickgrid tr td {
  padding: 6px !important;
}

.error-message {
  color: var(--bs-danger);
  font-size: 0.8rem;
  display: flex;
  align-items: center;
}

.error-message i {
  margin-right: 5px;
}

input, input:focus-visible, input:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  border-color: var(--color-theme-1);
  border-width: 2px;
  border-style: solid;
  border-radius: 6px;
}

.go-previous[b-3qssc0bm46], .go-next[b-3qssc0bm46] {
  filter: invert(1);
}

.go-first[b-3qssc0bm46], .go-last[b-3qssc0bm46] {
  filter: invert(1);
}

.e-toast-container .e-toast {
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
  z-index: 1000;
}

.e-toast-container:hover .e-toast:hover {
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.e-toast-container .e-toast .e-toast-message .e-toast-title {
  font-size: 18px;
  font-weight: bold;
}

.e-toast-container .danger.e-toast .e-toast-message .e-toast-title {
  color: red !important;
}

.e-toast-container .e-toast.danger .e-toast-icon {
  color: red !important;
}

.e-toast-container .e-toast.primary .e-toast-message .e-toast-title {
  color: var(--color-sf-primary) !important;
}

.e-toast-close-icon::before {
  content: "\e7e7";
  font-family: "e-icons";
}

.e-toast-container .e-toast .e-toast-message .e-toast-content {
  color: rgba(var(--color-sf-inverse-on-surface));
}

.e-speeddial-popup .e-speeddial-li .e-speeddial-li-icon {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
  background-color: var(--color-sf-surface);
  border-color: var(--color-theme-1);
  z-index: 99999;
  color: var(--color-theme-1);
}

.e-fab.e-btn.e-fab-top.e-fab-middle.e-fab-left.e-fab-center {
  z-index: 9999;
}

.e-fab.e-btn.e-fab-top.e-fab-middle.e-fab-left.e-fab-center:hover {
  color: var(--color-sf-primary);
}

.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus, .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
  background-color: var(--color-sf-surface);
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  color: var(--color-sf-primary);
  border-color: var(--color-sf-primary);
}

.e-speeddial-popup .e-speeddial-li:not(.e-disabled):hover .e-speeddial-li-icon {
  background: linear-gradient(0deg, var(--color-sf-surface), var(--color-sf-surface)) !important;
  color: var(--color-sf-primary);
}

.speeddial-radial-target {
  min-height: 500px;
  position: relative;
}

.speeddial-radial-target .e-fab.e-btn {
  z-index: 99999;
}

e-speeddial-popup e-warning e-speeddial-linear e-speeddial-top e-speeddial-horz-top e-speeddial-horz-right e-speeddial-right {
  top: var(--speeddialVertDist) !important;
}

.e-dialog {
  background-color: var(--color-sf-surface);
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
  border-color: var(--color-sf-primary);
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
  fill: var(--color-theme-1);
  stroke: var(--color-theme-1);
}

.e-spinner-pane .e-spinner-inner .e-spin-material, .e-spinner-pane .e-spinner-inner .e-spin-material3 {
  stroke: var(--color-theme-1);
}

.e-tab.e-fill .e-tab-header {
  border-bottom: 4px solid var(--color-sf-surface-variant);
}

.e-tooltip-wrap .e-tip-content {
  border-radius: inherit;
  color: var(--color-sf-inverse-on-surface);
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  background-color: var(--color-sf-inverse-surface);
  border: 1px solid var(--color-sf-inverse-surface);
}

.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
  background-color: var(--color-sf-background);
  color: var(--color-sf-primary);
  font-weight: 600;
  min-height: 29px;
}

.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
  background-color: var(--color-sf-background);
  color: var(--color-theme-2);
}

input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, textarea.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea {
  background: rgba(0, 0, 0, 0);
  border-color: var(--color-sf-outline);
  color: var(--color-sf-background);
}

.mytoast-container {
  position: fixed;
  top: 1rem;
  right: 1rem;
  display: flex;
  flex-direction: column-reverse; /* This makes the elements stack from bottom to top */
  gap: 0.5rem;
  width: 280px;
  z-index: 99999;
}

.mytoast {
  padding: 0;
  margin: 0;
  color: white;
  opacity: 0;
  animation: fadein 0.5s forwards;
  width: 250px;
  height: 140px;
  float: left;
  background-color: rgba(var(--bs-dark-rgb), 1);
  color: white;
  border-radius: 0.25rem;
}

.mytoast-title {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  height: 35px;
  font-weight: 700;
  border-style: solid;
  border-bottom-width: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.mytoast-message {
  padding: 0.3rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  height: 110px;
  font-size: 12px;
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;
}

.mytoast.info .mytoast-title {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #17a2b8;
}

.mytoast.success .mytoast-title {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: var(--color-sf-primary);
}

.mytoast.warning .mytoast-title {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #ffc107;
}

.mytoast.error .mytoast-title {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #dc3545;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.alert.alert-warning p {
  color: var(--color-sf-background) !important;
}

/* Figma Locofy CSS  */
.color-dark {
  height: 36px;
  width: 84px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.link-text {
  display: inline-block;
  min-width: 83px;
}

.link-text,
.link-text1,
.link-text3 {
  position: relative;
  line-height: 150%;
  font-weight: 500;
}

.link-text3 {
  display: inline-block;
  min-width: 71px;
}

.chevron-down-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.column,
.content1,
.nav-link-dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nav-link-dropdown {
  justify-content: center;
  gap: var(--gap-9xs);
}

.column,
.content1 {
  justify-content: flex-start;
  max-width: 100%;
}

.column {
  overflow: hidden;
  gap: var(--gap-13xl);
}

.content1 {
  gap: var(--gap-5xl);
}

.button {
  position: relative;
  font-size: var(--text-regular-normal-size);
  line-height: 150%;
  font-family: var(--text-small-normal);
  color: var(--background-color-primary);
  text-align: left;
}

.stylesecondary-smalltrue-a {
  cursor: pointer;
  border: 1px solid var(--background-color-primary);
  padding: var(--padding-5xs) var(--padding-xl);
  background-color: transparent;
  border-radius: var(--br-8xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--color-sf-white) !important;
}

.stylesecondary-smalltrue-a:hover {
  background-color: var(--color-sf-white);
  border: 1px solid var(--background-color-primary);
  color: var(--color-sf-background) !important;
}

a.styleprimary-smalltrue-alt:hover {
  color: var(--color-sf-white);
  border: 1px solid var(--background-color-primary);
  background-color: transparent;
}

.button1 {
  height: 24px;
  position: relative;
  font-size: var(--text-regular-normal-size);
  line-height: 150%;
  font-family: var(--text-small-normal);
  color: var(--text-primary);
  text-align: left;
  display: inline-block;
}

.styleprimary-smalltrue-alt {
  cursor: pointer;
  padding: var(--padding-5xs) var(--padding-xl);
  background-color: var(--background-color-primary);
  border-radius: var(--br-8xs);
  justify-content: center;
  border: 1px solid var(--background-color-primary) !important;
}

.actions,
.content,
.styleprimary-smalltrue-alt {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.actions {
  height: 40px;
  justify-content: center;
  gap: var(--gap-base);
}

.content {
  align-self: stretch;
  background-color: #1c313f;
  border-bottom: 1px solid var(--text-primary);
  box-sizing: border-box;
  overflow: hidden;
  justify-content: space-between;
  padding: var(--padding-base) var(--padding-45xl) 14px;
  top: 0;
  z-index: 99;
  position: sticky;
  max-width: 100%;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--text-regular-normal-size);
  color: var(--background-color-primary);
  font-family: var(--text-small-normal);
}

.page-group-one {
  align-self: stretch;
  position: relative;
  line-height: 150%;
}

.lorem-ipsum-dolor {
  position: relative;
  font-size: var(--text-small-normal-size);
  line-height: 150%;
  color: var(--text-primary);
}

.content2,
.menu-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.content2 {
  flex: 1;
  flex-direction: column;
  max-width: calc(100% - 36px);
}

.menu-item {
  align-self: stretch;
  height: 61px;
  flex-direction: row;
  padding: var(--padding-5xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  max-width: 100%;
}

.lorem-ipsum-dolor1 {
  align-self: stretch;
  position: relative;
  font-size: var(--text-small-normal-size);
  line-height: 150%;
  color: var(--text-primary);
}

.content3 {
  flex: 1;
  flex-direction: column;
  min-width: 221px;
}

.content3,
.list,
.menu,
.menu-item1,
.menu-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.menu-item1 {
  align-self: stretch;
  flex-direction: row;
  padding: var(--padding-5xs) 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
}

.list,
.menu,
.menu-list {
  flex-direction: column;
  gap: var(--gap-base);
}

.list {
  align-self: stretch;
  font-size: var(--text-regular-normal-size);
  color: var(--color-steelblue-200);
}

.menu,
.menu-list {
  flex: 1;
  min-width: 244px;
}

.menu {
  border-radius: 7px;
  background-color: var(--color-aliceblue-100);
  flex-direction: row;
  padding: var(--padding-13xl) var(--padding-13xl) var(--padding-13xl) var(--padding-45xl);
  box-sizing: border-box;
  gap: var(--gap-13xl);
  min-width: 572px;
}

.featured-from-blog {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  font-weight: 600;
}

.placeholder-image-icon {
  height: 105px;
  width: 160px;
  position: relative;
  border-radius: var(--br-8xs);
  object-fit: cover;
}

.content11 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}

.read-more {
  position: relative;
  font-size: var(--text-small-normal-size);
  text-decoration: none;
  line-height: 150%;
  color: var(--text-primary);
  display: inline-block;
  min-width: 69px;
}

.blog-item,
.blog-list,
.content10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.content10 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xs);
  min-width: 161px;
}

.blog-item,
.blog-list {
  align-self: stretch;
}

.blog-item {
  flex-direction: row;
  padding: var(--padding-5xs) 0;
  gap: var(--gap-5xl);
}

.blog-list {
  flex-direction: column;
  gap: var(--gap-5xs);
  font-size: var(--text-regular-normal-size);
  color: var(--background-color-primary);
}

.icon-chevron-right {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}

.stylelink-smallfalse-alter {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-5xs);
  color: var(--color-steelblue-200);
}

.blog,
.mega-menu-1,
.navbar-5 {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}

.blog {
  width: 560px;
  border-radius: var(--br-lg) 0 0 var(--br-lg);
  background: linear-gradient(270deg, #d9f2ff, #9db9c7);
  border-top: 9px solid var(--color-aliceblue-100);
  border-bottom: 9px solid var(--color-aliceblue-100);
  border-left: 8px solid var(--color-aliceblue-100);
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-3xl) 92px var(--padding-3xl) 28px;
  gap: var(--gap-base);
  min-height: 399px;
  font-size: var(--text-small-normal-size);
  color: var(--text-primary);
}

.mega-menu-1,
.navbar-5 {
  align-self: stretch;
}

.mega-menu-1 {
  background-color: var(--color-aliceblue-100);
  overflow: hidden;
  flex-direction: row;
  align-items: flex-start;
  row-gap: 20px;
}

.navbar-5 {
  background-color: var(--background-color-primary);
  flex-direction: column;
  align-items: center;
  text-align: left;
  font-size: var(--heading-mobile-h6-size);
  color: var(--color-darkorange);
  font-family: var(--text-small-normal);
}

.medium-length-hero {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 700;
  font-family: var(--text-small-normal);
}

.lorem-ipsum-dolor10 {
  position: relative;
  font-size: var(--heading-mobile-h6-size);
  line-height: 150%;
  font-family: var(--text-small-normal);
  color: var(--color-dimgray);
}

.hero-content-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}

.instance-child {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-mini);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 0;
}

.learn-more {
  height: 27px;
  width: 108px;
  position: relative;
  font-size: var(--heading-mobile-h6-size);
  line-height: 150%;
  display: inline-block;
  font-family: var(--text-small-normal);
  color: var(--background-color-primary);
  text-align: center;
  flex-shrink: 0;
  text-shadow: 0.5px 0 0 rgba(0, 0, 0, 0.78), 0 0.5px 0 rgba(0, 0, 0, 0.78), -0.5px 0 0 rgba(0, 0, 0, 0.78), -0.5px 0 rgba(0, 0, 0, 0.78);
  z-index: 1;
}

.hero-container,
.hero-inner-container,
.vector-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.vector-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-4xs) var(--padding-23xl) var(--padding-5xs) var(--padding-24xl);
  background-color: transparent;
  height: 44px;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
}

button.vector-parent.background-color-primary:hover {
  color: var(--color-sf-primary) !important;
  background-color: var(--color-sf-white) !important;
  border-color: var(--color-sf-primary) !important;
  border-width: 2px !important;
}

button.vector-parent.background-color-secondary:hover {
  color: var(--color-sf-secondary) !important;
  background-color: var(--color-sf-white) !important;
  border-color: var(--color-sf-secondary) !important;
  border-width: 2px !important;
}

.hero-container,
.hero-inner-container {
  flex-direction: column;
}

.hero-inner-container {
  align-self: stretch;
  gap: var(--gap-13xl);
}

.hero-container {
  flex: 1;
  padding: 115.5px 0 0;
  box-sizing: border-box;
  min-width: 400px;
  max-width: 100%;
}

.placeholder-image-icon2 {
  height: 640px;
  flex: 1;
  position: relative;
  border-radius: 13px;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 400px;
}

.header-1,
.header-1-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.bg-left-fill {
  background: linear-gradient(90deg, #cdeafe, rgba(255, 255, 255, 0.95)) !important;
}

.bg-right-fill {
  background: linear-gradient(270deg, #cdeafe, rgba(255, 255, 255, 0.95)) !important;
}

.bg-top-fill {
  background: linear-gradient(180deg, #cdeafe, rgba(255, 255, 255, 0.95)) !important;
}

.bg-fill {
  background-color: #1F5678 !important;
}

.bg-fill-light {
  background-color: #cdeafe !important;
}

.header-1-no-bg {
  flex: 1;
  overflow: hidden;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding-93xl) var(--padding-45xl);
  gap: var(--gap-61xl);
}

.header-1-wrapper {
  align-self: stretch;
  padding: 0 0 var(--padding-93xl);
  text-align: left;
  font-size: var(--heading-desktop-h1-size);
  color: var(--color-steelblue-200);
  font-family: var(--heading-desktop-h1);
}

.tagline {
  position: relative;
  line-height: 150%;
  font-weight: 600;
}

.tagline-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 346px;
}

.heading {
  margin: 0;
  position: relative;
  font-size: var(--heading-desktop-h2-size);
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
  color: #eb884a;
}

.feature-header-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}

.feature-description {
  position: relative;
  font-size: var(--heading-mobile-h6-size);
  line-height: 150%;
  color: var(--color-dimgray);
}

.feature-content-wrapper {
  width: 768px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}

.feature-inner-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}

.icon-relume8 {
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.heading1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 130%;
  font-weight: 700;
  font-family: inherit;
}

.column-description {
  position: relative;
  font-size: var(--text-regular-normal-size);
  line-height: 150%;
}

.column1,
.content15 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content15 {
  align-self: stretch;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  flex-shrink: 0;
}

.heading2 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 130%;
  font-weight: 700;
  font-family: inherit;
}

.column2,
.content16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.content16 {
  align-self: stretch;
  gap: 36px;
}

.column1,
.column2,
.column3,
.flexrow {
  box-sizing: border-box;
}

.column2 {
  border-radius: 23px;
  background-color: #b9d4e1;
  height: calc(100% + 40px);
}

.column1, .column2, .column3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  gap: 0;
  flex: 1;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 10px;
}

.flexrow {
  align-self: stretch;
  height: 276px;
  border-radius: 6px;
  flex-direction: row;
  padding: 0;
  max-width: 100%;
  flex-wrap: wrap;
  background-color: #d2ebfd;
  border-radius: 23px;
}

.flexrow.no-bg {
  background-color: transparent;
  height: auto;
}

.content14, .flexrow, .vector-group {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
}

.content14 {
  align-self: stretch;
  border-radius: 36px;
  flex-direction: column;
  max-width: 100%;
  font-size: var(--heading-mobile-h3-size);
  color: var(--text-primary);
}

.vector-group {
  cursor: pointer;
  border: 0;
  padding: var(--padding-4xs) var(--padding-23xl) var(--padding-5xs) var(--padding-24xl);
  background-color: transparent;
  height: 44px;
  width: 192px;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
}

.button3 {
  position: relative;
  font-size: var(--text-regular-normal-size);
  line-height: 150%;
  font-weight: 800;
  font-family: var(--text-small-normal);
  color: var(--background-color-secondary);
  text-align: left;
}

.styleprimary-smalltrue-alt1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) var(--padding-xl);
  background-color: var(--color-steelblue-100);
  border-radius: var(--br-8xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.primary-action-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}

.action-container {
  flex-direction: row;
  gap: var(--gap-5xl);
}

.action-container,
.feature-container,
.feature-container-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.feature-container {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-61xl);
}

.feature-container-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-45xl) var(--padding-93xl);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--text-regular-normal-size);
  color: #769ab0;
  font-family: var(--text-small-normal);
}

.layout-249-child {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}

.heading4 {
  margin: 0;
  position: relative;
  font-size: var(--heading-desktop-h2-size);
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
  color: var(--text-primary);
}

.placeholder-image-icon3 {
  align-self: stretch;
  height: 240px;
  position: relative;
  border-radius: var(--br-3xs);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.caption-description {
  position: relative;
  font-size: var(--text-regular-normal-size);
  line-height: 150%;
  color: var(--color-dimgray);
}

.column4 {
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  gap: var(--gap-13xl);
  min-width: 304px;
}

.column4,
.content18,
.layout-249,
.flexrow1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.flexrow1 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-29xl);
}

.content18,
.layout-249 {
  flex-direction: column;
}

.content18 {
  align-self: stretch;
  font-size: var(--heading-mobile-h3-size);
  color: var(--text-primary);
}

.layout-249 {
  flex: 1;
  background: linear-gradient(270deg, #cfeafe, #fff);
  overflow: hidden;
  padding: 100px var(--padding-45xl) var(--padding-93xl);
  box-sizing: border-box;
  gap: var(--gap-61xl);
}

.layout-249-wrapper,
.tagline-wrapper1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.layout-249-wrapper {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 var(--padding-93xl);
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--text-regular-normal-size);
  color: var(--color-steelblue-100);
  font-family: var(--text-small-normal);
}

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

.heading8 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
}

.description {
  position: relative;
  font-size: var(--heading-mobile-h6-size);
  line-height: 150%;
}

.content23 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  font-size: var(--heading-desktop-h2-size);
}

.subheading-one {
  align-self: stretch;
  position: relative;
  line-height: 140%;
}

.list-item {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-base);
  min-width: 192px;
}

.content-parent,
.content-wrapper-inner,
.content24,
.list-item,
.flexrow2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flexrow2 {
  align-self: stretch;
  flex-direction: row;
  padding: var(--padding-5xs) 0;
  gap: var(--gap-5xl);
}

.content-parent,
.content-wrapper-inner,
.content24 {
  flex-direction: column;
}

.content24 {
  align-self: stretch;
  font-size: var(--heading-desktop-h6-size);
}

.content-parent,
.content-wrapper-inner {
  max-width: 100%;
}

.content-parent {
  align-self: stretch;
  gap: var(--gap-13xl);
}

.content-wrapper-inner {
  flex: 1;
  padding: 37.5px 0 0;
  box-sizing: border-box;
  min-width: 400px;
}

.placeholder-image-icon6 {
  height: 640px;
  flex: 1;
  position: relative;
  border-radius: var(--br-mini);
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 400px;
}

.content-wrapper,
.content-wrapper-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.content-wrapper {
  flex: 1;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-61xl);
}

.content-wrapper-wrapper {
  align-self: stretch;
  /*padding: 0 var(--padding-45xl) var(--padding-93xl);*/
  padding: 0 0 var(--padding-93xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--text-regular-normal-size);
  color: var(--text-primary);
  font-family: var(--text-small-normal);
}

.card-description,
.heading9 {
  align-self: stretch;
  position: relative;
}

.heading9 {
  margin: 0;
  font-size: inherit;
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
}

.card-description {
  font-size: var(--heading-mobile-h6-size);
  line-height: 150%;
  color: var(--color-steelblue-200);
}

.card-header {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
  min-width: 558px;
  max-width: 100%;
}

.action-button,
.card-action,
.card-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.action-button {
  flex-direction: row;
  gap: var(--gap-5xl);
}

.card-action {
  flex-direction: column;
  padding: 27.5px 0 0;
  box-sizing: border-box;
  max-width: 100%;
}

.card {
  flex: 1;
  border-radius: 16px;
  background-color: rgba(239, 250, 255, 0.94);
  padding: var(--padding-29xl);
  gap: var(--gap-13xl);
}

.call-to-action,
.card,
.cta-45 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.cta-45 {
  flex: 1;
  background: linear-gradient(180deg, #1f5678, #fff 98.78%);
  overflow: hidden;
  padding: var(--padding-93xl) var(--padding-45xl);
}

.call-to-action {
  align-self: stretch;
  padding: 0 0 var(--padding-61xl);
  text-align: left;
  font-size: var(--heading-mobile-h1-size);
  color: var(--text-primary);
  font-family: var(--text-small-normal);
}

.color-dark1 {
  width: 84px;
  height: 36px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.inner-footer {
  width: 168px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.link-one {
  position: relative;
  line-height: 150%;
  font-weight: 600;
  display: inline-block;
  min-width: 71px;
}

.navigation,
.navigation-wrapper {
  display: flex;
  align-items: flex-start;
}

.navigation {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}

.navigation-wrapper {
  width: 515px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 7.5px 0 0;
  box-sizing: border-box;
  max-width: 100%;
}

.icons {
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-xs);
}

.footer-wrapper,
.icons,
.social-icons {
  display: flex;
  align-items: flex-start;
}

.social-icons {
  flex-direction: column;
  justify-content: flex-start;
  padding: 6px 0 0;
}

.footer-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  max-width: 100%;
  gap: var(--gap-xl);
}

.divider {
  align-self: stretch;
  height: 1px;
  position: relative;
  background-color: var(--text-primary);
  border: 1px solid var(--text-primary);
  box-sizing: border-box;
}

.relume-all-rights {
  position: relative;
  line-height: 150%;
}

.privacy-policy {
  display: inline-block;
  min-width: 88px;
}

.privacy-policy,
.terms-of-service {
  position: relative;
  text-decoration: underline;
  line-height: 150%;
}

.legal {
  flex-direction: row;
  gap: var(--gap-5xl);
}

.footer,
.footer-divider,
.home,
.legal {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.footer-divider {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-13xl);
  text-align: left;
  font-size: var(--text-small-normal-size);
  color: var(--text-primary);
  font-family: var(--text-small-normal);
}

.footer,
.home {
  box-sizing: border-box;
}

.footer {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-45xl);
  text-align: left;
  font-size: var(--text-small-normal-size);
  color: var(--text-primary);
  font-family: var(--text-small-normal);
}

.home {
  flex: 1;
  flex-direction: column;
  padding: 0;
}

.content25,
.icon,
.link {
  display: flex;
  flex-direction: row;
}

.icon {
  align-items: center;
  justify-content: center;
}

.content25,
.link {
  align-self: stretch;
}

.content25 {
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-xs) 0 var(--padding-xl);
  gap: var(--gap-xl);
}

.link {
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
}

.link3,
.nav-link-dropdown1 {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}

.nav-link-dropdown1 {
  align-items: center;
  justify-content: center;
  gap: var(--gap-9xs);
}

.link3 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  box-sizing: border-box;
}

.lorem-ipsum-dolor11 {
  position: relative;
  font-size: var(--text-small-normal-size);
  line-height: 150%;
  display: none;
  max-width: 100%;
}

.content27,
.menu-item8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.content27 {
  flex: 1;
  flex-direction: column;
  min-width: 194px;
}

.menu-item8 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding-5xs) 0;
  gap: var(--gap-xs);
}

.list2 {
  font-size: var(--text-regular-normal-size);
}

.list2,
.menu-list2,
.menu1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}

.menu1 {
  padding: var(--padding-base) 0;
  gap: var(--gap-5xl);
}

.featured-from-blog1 {
  position: relative;
  font-size: var(--text-small-normal-size);
  line-height: 150%;
  font-weight: 600;
}

.placeholder-image-icon7 {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

.lorem-ipsum-dolor19,
.read-more2 {
  position: relative;
  font-size: var(--text-small-normal-size);
  line-height: 150%;
}

.lorem-ipsum-dolor19 {
  align-self: stretch;
}

.read-more2 {
  text-decoration: underline;
}

.blog-item2,
.blog-list1 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.blog-item2 {
  padding: var(--padding-5xs) 0;
  gap: var(--gap-5xl);
}

.blog-list1 {
  gap: var(--gap-5xs);
}

.button7 {
  height: 24px;
  width: 31px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}

.stylelink-smallfalse-alter1 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-9xs) 0;
  box-sizing: border-box;
  gap: var(--gap-5xs);
}

.blog1 {
  background-color: var(--background-color-secondary);
  padding: var(--padding-5xl);
  gap: var(--gap-base);
  font-size: var(--text-regular-normal-size);
}

.blog1,
.column7,
.mega-menu-11,
.flexrow4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.mega-menu-11 {
  overflow: hidden;
  font-size: var(--text-small-normal-size);
}

.column7,
.flexrow4 {
  max-width: 100%;
}

.column7 {
  overflow: hidden;
}

.button8 {
  height: 24px;
  width: 35px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}

.stylesecondary-smalltrue-a1 {
  align-self: stretch;
  border: 1px solid var(--text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xs) var(--padding-xl);
}

.button9 {
  height: 24px;
  width: 48px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}

.styleprimary-smalltrue-alt5 {
  align-self: stretch;
  background-color: var(--text-primary);
  border: 1px solid var(--text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xs) var(--padding-xl);
  color: var(--background-color-primary);
}

.actions1,
.navbar-51,
.flexrow3 {
  display: flex;
  flex-direction: column;
}

.actions1 {
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) 0 0;
  gap: var(--gap-base);
  font-size: var(--text-regular-normal-size);
}

.navbar-51,
.flexrow3 {
  overflow: hidden;
  justify-content: flex-start;
  max-width: 100%;
}

.flexrow3 {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-base) var(--padding-xl) 160px;
  box-sizing: border-box;
  gap: var(--gap-5xl);
}

.navbar-51 {
  background-color: var(--background-color-primary);
  align-items: center;
  font-size: var(--heading-mobile-h6-size);
}

.lorem-ipsum-dolor21,
.medium-length-hero1 {
  align-self: stretch;
  position: relative;
  line-height: 120%;
}

.lorem-ipsum-dolor21 {
  font-size: var(--text-regular-normal-size);
  line-height: 150%;
}

.content39 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}

.button10 {
  height: 24px;
  width: 53px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}

.styleprimary-smallfalse-al {
  background-color: var(--text-primary);
  border: 1px solid var(--text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-5xl);
}

.button11 {
  height: 24px;
  width: 81px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}

.stylesecondary-smallfalse {
  border: 1px solid var(--text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-5xl);
  color: var(--text-primary);
}

.actions2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  font-size: var(--text-regular-normal-size);
  color: var(--background-color-primary);
}

.placeholder-image-icon9 {
  align-self: stretch;
  height: 348px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.header-11 {
  background-color: var(--background-color-primary);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-45xl) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-29xl);
  max-width: 100%;
  font-size: var(--heading-mobile-h1-size);
}

.heading10 {
  align-self: stretch;
  position: relative;
  line-height: 120%;
}

.content40,
.section-title1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.content40 {
  gap: var(--gap-xl);
  font-size: var(--heading-mobile-h2-size);
}

.section-title1 {
  gap: var(--gap-xs);
}

.heading11 {
  align-self: stretch;
  position: relative;
  line-height: 140%;
}

.column9,
.flexrow5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
}

.flexrow5 {
  gap: var(--gap-29xl);
  font-size: var(--heading-mobile-h4-size);
}

.stylesecondary-smallfalse1 {
  border: 1px solid var(--text-primary);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-5xl);
}

.button13 {
  height: 24px;
  width: 55px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}

.actions3,
.stylelink-smallfalse-alter2 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.stylelink-smallfalse-alter2 {
  overflow: hidden;
  justify-content: center;
  gap: var(--gap-5xs);
}

.actions3 {
  justify-content: flex-start;
  gap: var(--gap-5xl);
  text-align: left;
}

.content44,
.layout-237,
.section-title2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.layout-237 {
  background-color: var(--background-color-primary);
  overflow: hidden;
  align-items: center;
  padding: var(--padding-45xl) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-29xl);
  max-width: 100%;
  text-align: center;
}

.content44,
.section-title2 {
  align-self: stretch;
  align-items: flex-start;
}

.content44 {
  gap: var(--gap-xl);
  font-size: var(--heading-mobile-h2-size);
}

.section-title2 {
  gap: var(--gap-xs);
}

.placeholder-image-icon10 {
  align-self: stretch;
  height: 198px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.column12 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-5xl);
}

.actions4,
.column12,
.layout-2491,
.flexrow6 {
  display: flex;
  justify-content: flex-start;
}

.flexrow6 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-29xl);
  font-size: var(--heading-mobile-h4-size);
}

.actions4,
.layout-2491 {
  flex-direction: row;
  align-items: center;
  gap: var(--gap-5xl);
}

.layout-2491 {
  background-color: var(--background-color-primary);
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-45xl) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-29xl);
  max-width: 100%;
}

.subheading-one1 {
  position: relative;
  line-height: 140%;
}

.list4 {
  align-self: stretch;
  padding: var(--padding-5xs) 0;
  gap: var(--gap-5xl);
  font-size: var(--heading-mobile-h6-size);
}

.container,
.layout-10,
.list4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.container {
  align-self: stretch;
  gap: var(--gap-29xl);
}

.layout-10 {
  background-color: var(--background-color-primary);
  overflow: hidden;
  padding: var(--padding-29xl) var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}

.heading19 {
  align-self: stretch;
  position: relative;
  line-height: 120%;
}

.card1 {
  align-self: stretch;
  border: 1px solid var(--text-primary);
  align-items: flex-start;
  padding: 30px 31px;
  gap: var(--gap-5xl);
}

.card1,
.cta-451,
.links,
.logo,
.social-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.cta-451 {
  background-color: var(--background-color-primary);
  overflow: hidden;
  align-items: flex-start;
  padding: var(--padding-45xl) var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--heading-mobile-h3-size);
}

.links,
.logo,
.social-links {
  align-self: stretch;
  align-items: center;
}

.logo {
  overflow: hidden;
}

.links,
.social-links {
  gap: var(--gap-5xl);
}

.social-links {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-xs);
}

.content52,
.credits,
.footer-links,
.flexrow7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.content52 {
  align-self: stretch;
  gap: var(--gap-29xl);
}

.credits,
.footer-links,
.flexrow7 {
  gap: var(--gap-base);
}

.credits,
.flexrow7 {
  gap: var(--gap-13xl);
}

.credits {
  align-self: stretch;
  padding: 0 0 var(--padding-base);
  gap: var(--gap-5xl);
  text-align: left;
}

.footer-4,
.home-page,
.home1 {
  overflow: hidden;
  justify-content: flex-start;
}

.footer-4 {
  background-color: var(--background-color-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-29xl) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-29xl);
  max-width: 100%;
  text-align: center;
  font-size: var(--text-small-normal-size);
}

.home-page,
.home1 {
  align-items: flex-start;
}

.home1 {
  display: none;
  flex-direction: column;
  max-width: 100%;
}

.home-page {
  width: 100%;
  position: relative;
  background-color: var(--background-color-primary);
  display: flex;
  flex-direction: row;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: var(--text-regular-normal-size);
  color: var(--text-primary);
  font-family: var(--text-small-normal);
}

.header-1 {
  flex: 1;
  background: linear-gradient(90deg, #cdeafe, rgba(255, 255, 255, 0.95));
  overflow: hidden;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding-93xl) var(--padding-93xl);
  gap: var(--gap-61xl);
}

.feature-container-wrapper, .layout-249, .content-wrapper, .header-1-no-bg {
  padding-left: var(--padding-93xl);
  padding-right: var(--padding-93xl);
}

@media screen and (max-width: 1600px) {
  .header-1, .feature-container-wrapper, .layout-249, .content-wrapper, .header-1-no-bg {
    padding-left: var(--padding-70xl);
    padding-right: var(--padding-70xl);
  }
}
@media screen and (max-width: 1400px) {
  .header-1, .feature-container-wrapper, .layout-249, .content-wrapper, .header-1-no-bg {
    padding-left: var(--padding-45xl);
    padding-right: var(--padding-45xl);
  }
}
@media screen and (max-width: 1200px) {
  .blog {
    flex: 1;
    min-height: auto;
  }
  .mega-menu-1 {
    flex-wrap: wrap;
  }
  .header-1 {
    gap: var(--gap-21xl);
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
  .flexrow {
    height: auto;
    background-color: transparent;
  }
  .column1 {
    flex: 100%;
    background-color: #d2ebfd;
    border-radius: 23px;
    height: 100%;
    margin-bottom: 10px;
  }
  .column2 {
    flex: 100%;
    height: 100%;
    margin-bottom: 10px;
  }
  .column3 {
    flex: 100%;
    background-color: #d2ebfd;
    border-radius: 23px;
    height: 100%;
    margin-bottom: 10px;
  }
  .flexrow.no-bg .column1, .flexrow.no-bg .column2, .flexrow.no-bg .column3 {
    background-color: transparent;
  }
  .layout-249 {
    padding-top: 100px;
    box-sizing: border-box;
  }
  .layout-249,
  .layout-249-wrapper {
    padding-bottom: var(--padding-54xl);
  }
  .card,
  .home,
  .layout-249-wrapper {
    box-sizing: border-box;
  }
  .card {
    flex-wrap: wrap;
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .home {
    padding-bottom: 34px;
  }
}
@media screen and (max-width: 1050px) {
  .column {
    display: none;
  }
  .content {
    padding-right: var(--padding-13xl);
  }
  .content,
  .menu {
    padding-left: var(--padding-13xl);
    box-sizing: border-box;
  }
  .medium-length-hero {
    font-size: 45px;
    line-height: 54px;
  }
  .header-1, .feature-container-wrapper, .layout-249, .content-wrapper, .header-1-no-bg {
    padding-top: var(--padding-54xl);
  }
  .header-1,
  .header-1-wrapper {
    padding-bottom: var(--padding-54xl);
    box-sizing: border-box;
  }
  .tagline-wrapper {
    padding-left: var(--padding-154xl);
    padding-right: var(--padding-154xl);
    box-sizing: border-box;
  }
  .heading {
    font-size: var(--font-size-19xl);
    line-height: 46px;
  }
  .heading1,
  .heading2 {
    font-size: var(--font-size-7xl);
    line-height: 33px;
  }
  .feature-container-wrapper {
    padding-bottom: var(--padding-54xl);
    box-sizing: border-box;
  }
  .heading4,
  .heading8 {
    font-size: var(--font-size-19xl);
    line-height: 46px;
  }
  .heading9 {
    font-size: var(--heading-mobile-h3-size);
    line-height: 38px;
  }
  .card-header {
    min-width: 100%;
  }
  .footer-wrapper {
    flex-wrap: wrap;
  }
  .home {
    padding-bottom: var(--padding-3xl);
    box-sizing: border-box;
  }
  .medium-length-hero1 {
    font-size: var(--heading-mobile-h3-size);
    line-height: 38px;
  }
  .heading10 {
    font-size: var(--font-size-10xl);
    line-height: 35px;
  }
  .heading19 {
    font-size: var(--font-size-7xl);
    line-height: 31px;
  }
}
@media screen and (max-width: 750px) {
  .column {
    gap: var(--gap-base);
  }
  .blog,
  .menu {
    min-width: 100%;
  }
  .menu {
    flex-wrap: wrap;
  }
  .blog {
    padding-right: 46px;
    box-sizing: border-box;
  }
  .hero-inner-container {
    gap: var(--gap-base);
  }
  .hero-container {
    padding-top: 75px;
    box-sizing: border-box;
    min-width: 100%;
  }
  .placeholder-image-icon2 {
    min-width: 100%;
  }
  .header-1, .feature-container-wrapper, .layout-249, .content-wrapper, .header-1-no-bg {
    gap: var(--gap-xl);
  }
  .header-1-wrapper {
    padding-bottom: var(--padding-28xl);
    box-sizing: border-box;
  }
  .flexrow {
    gap: var(--gap-5xl);
  }
  .content14 {
    gap: var(--gap-13xl);
  }
  .feature-container {
    gap: var(--gap-21xl);
  }
  .feature-container-wrapper {
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
  .flexrow1 {
    gap: var(--gap-5xl);
  }
  .content18 {
    gap: var(--gap-13xl);
  }
  .layout-249 {
    gap: var(--gap-21xl);
    padding: 123px var(--padding-13xl) var(--padding-28xl);
    box-sizing: border-box;
  }
  .layout-249-wrapper {
    padding-bottom: var(--padding-28xl);
    box-sizing: border-box;
  }
  .flexrow2 {
    flex-wrap: wrap;
  }
  .content-parent {
    gap: var(--gap-base);
  }
  .content-wrapper-inner,
  .placeholder-image-icon6 {
    min-width: 100%;
  }
  .content-wrapper {
    gap: var(--gap-21xl);
  }
  .content-wrapper-wrapper {
    /*padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);*/
    padding-bottom: var(--padding-54xl);
    box-sizing: border-box;
  }
  .card {
    gap: var(--gap-base);
  }
  .cta-45 {
    gap: var(--gap-21xl);
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
  .call-to-action {
    padding-bottom: 0;
    box-sizing: border-box;
  }
  .legal,
  .navigation {
    flex-wrap: wrap;
  }
  .footer-divider {
    gap: var(--gap-base);
  }
  .footer,
  .home {
    box-sizing: border-box;
  }
  .footer {
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
  }
  .home {
    padding-bottom: var(--padding-xl);
  }
}
@media screen and (max-width: 450px) {
  .menu-item1 {
    flex-wrap: wrap;
  }
  .menu {
    gap: var(--gap-base);
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .placeholder-image-icon {
    flex: 1;
  }
  .blog-item {
    flex-wrap: wrap;
  }
  .blog {
    padding-top: var(--padding-xl);
    padding-right: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .medium-length-hero {
    font-size: 34px;
    line-height: 40px;
  }
  .header-1, .feature-container-wrapper, .layout-249, .content-wrapper, .header-1-no-bg {
    padding-top: var(--padding-28xl);
    padding-bottom: var(--padding-28xl);
    box-sizing: border-box;
  }
  .tagline-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .heading {
    font-size: var(--font-size-10xl);
    line-height: 35px;
  }
  .heading1,
  .heading2 {
    font-size: var(--font-size-lgi);
    line-height: 25px;
  }
  .content16 {
    gap: 18px;
  }
  .content14 {
    gap: var(--gap-base);
  }
  .action-container {
    flex-wrap: wrap;
  }
  .feature-container {
    gap: var(--gap-xl);
  }
  .feature-container-wrapper {
    padding-bottom: var(--padding-28xl);
    box-sizing: border-box;
  }
  .heading4 {
    font-size: var(--font-size-10xl);
    line-height: 35px;
  }
  .column4,
  .content18 {
    gap: var(--gap-base);
  }
  .layout-249 {
    gap: var(--gap-xl);
  }
  .heading8 {
    font-size: var(--font-size-10xl);
    line-height: 35px;
  }
  .subheading-one {
    font-size: var(--text-regular-normal-size);
    line-height: 22px;
  }
  .content-wrapper {
    gap: var(--gap-xl);
  }
  .heading9 {
    font-size: var(--heading-mobile-h4-size);
    line-height: 29px;
  }
  .action-button {
    flex-wrap: wrap;
  }
  .cta-45 {
    gap: var(--gap-xl);
    padding-top: var(--padding-54xl);
    padding-bottom: var(--padding-54xl);
    box-sizing: border-box;
  }
  .content25 {
    flex-wrap: wrap;
  }
  .medium-length-hero1 {
    font-size: var(--heading-mobile-h4-size);
    line-height: 29px;
  }
  .heading10 {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }
  .heading11,
  .heading19 {
    font-size: var(--font-size-lgi);
    line-height: 27px;
  }
  .heading19 {
    line-height: 23px;
  }
  .social-links {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.form-check-input {
  margin-top: 0 !important;
}

.user-config-content {
  width: 100%;
  background: linear-gradient(90deg, #cdeafe, rgba(255, 255, 255, 0.95));
  overflow: hidden;
  padding: 40px;
}

.user-config-content.max-width500 {
  max-width: 500px;
}

.page:has(> .sidebar) {
  padding-left: 76px !important; /* Add padding when the previous sibling is visible */
}

.main-content {
  width: 100%;
  min-height: calc(100vh - 180px);
}

input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input.e-input, .e-float-input.e-control-wrapper input, .e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input {
  padding-left: 6px;
  text-indent: 0;
  color: var(--color-sf-background);
}

/*.navbar-nav .nav-link.active[b-1t957zrqth], .navbar-nav .nav-link.show[b-1t957zrqth] {
    color: var(--color-sf-primary) !important;
}*/
.form.mono-form-input input {
  background-color: transparent !important;
  color: white !important;
  border-radius: 0 !important;
  border-width: 2px;
}

.form.mono-form-input > div > input:-webkit-autofill,
.form.mono-form-input > div > input:-webkit-autofill:hover,
.form.mono-form-input > div > input:-webkit-autofill:focus,
.form.mono-form-input > div > textarea:-webkit-autofill,
.form.mono-form-input > div > textarea:-webkit-autofill:hover,
.form.mono-form-input > div > textarea:-webkit-autofill:focus,
.form.mono-form-input > div > select:-webkit-autofill,
.form.mono-form-input > div > select:-webkit-autofill:hover,
.form.mono-form-input > div > select:-webkit-autofill:focus {
  background-color: transparent !important;
  background: none !important;
  background-image: none !important;
  color: white !important;
}

input.input-mono {
  border-radius: 0 !important;
  border-color: black !important;
  background-color: transparent !important;
}

select.input-mono {
  padding: 5px;
  width: 100%;
  border-radius: 0 !important;
  border-color: black !important;
  background-color: transparent !important;
}

textarea.input-mono {
  border-radius: 0 !important;
  border-color: black !important;
  background-color: transparent !important;
  min-height: 300px;
}

.input-mono input[type=checkbox] {
  width: 13px;
  height: 13px;
}

.input-mono input[type=checkbox]:checked + label {
  color: var(--color-theme-1);
}

a.dropdown-item {
  color: var(--color-main-font1) !important;
}

a.dropdown-item:hover {
  color: var(--color-secondary) !important;
}

.mega-menu-1 .read-more > a {
  color: var(--color-main-font1) !important;
  text-decoration: none !important;
}

.mega-menu-1 .read-more > a:hover {
  color: var(--color-secondary) !important;
}

.mega-menu-1 .menu-item1 a {
  color: var(--color-main-font1) !important;
}

.mega-menu-1 .menu-item1 a:hover {
  color: var(--color-secondary) !important;
}

img {
  border-radius: 10px !important;
}