:root{
  --mt-font-primary: Inter, sans-serif;
  --mt-font-secondary: Manrope, sans-serif;
  --mt-font-display: Inter, sans-serif;

  --mt-text-base: 16px;
  --mt-line-body: 1.6;
  --mt-line-heading: 1.15;

  --mt-h1: 56px;
  --mt-h2: 40px;
  --mt-h3: 32px;
  --mt-h4: 24px;

  --mt-color-text: #1f2937;
  --mt-color-text-muted: #6b7280;
  --mt-color-heading: #111827;
  --mt-color-bg: #ffffff;
  --mt-color-bg-alt: #f8fafc;
  --mt-color-border: #e5e7eb;
  --mt-color-primary: #0f223b;
  --mt-color-secondary: #334155;
  --mt-color-accent: #bccf00;
  --mt-color-link: #0f223b;
  --mt-color-link-hover: #081322;

  --mt-container-default: 1280px;
  --mt-container-wide: 1440px;
  --mt-container-narrow: 860px;

  --mt-gutter-x: 32px;
  --mt-content-gap: 24px;
  --mt-grid-gap: 32px;

  --mt-section-pt: 96px;
  --mt-section-pb: 96px;
  --mt-section-gap-y: 24px;
  --mt-section-gap-x: 24px;
  --mt-section-overlay-strength: 0.35;

  --mt-radius-sm: 8px;
  --mt-radius-md: 16px;
  --mt-radius-lg: 24px;
  --mt-section-radius: var(--mt-radius-lg);

  --mt-button-py: 14px;
  --mt-button-px: 24px;
  --mt-button-font-size: 16px;

  --mt-input-height: 52px;
  --mt-input-radius: 12px;
  --mt-input-font-size: 16px;

  --mt-border-width: 1px;
  --mt-transition-base: 220ms;

  --mt-image-radius: 24px;
  --mt-image-fit: cover;
}

@media (max-width: 991.98px){
  :root{
    --mt-gutter-x: 24px;
    --mt-section-pt: 72px;
    --mt-section-pb: 72px;
  }
}

@media (max-width: 767.98px){
  :root{
    --mt-text-base: 15px;
    --mt-h1: 38px;
    --mt-h2: 30px;
    --mt-h3: 24px;
    --mt-gutter-x: 16px;
    --mt-section-pt: 56px;
    --mt-section-pb: 56px;
  }
}

.mitera-header__topbar-inner,
.mitera-header__main-inner,
.mitera-footer__main-inner,
.mitera-footer__bottom-inner {
	width: 100%;
	min-width: 0;
}

html{
  scroll-behavior: smooth;
}

body{
  font-family: var(--mt-font-primary);
  font-size: var(--mt-text-base);
  line-height: var(--mt-line-body);
  color: var(--mt-color-text);
  background: var(--mt-color-bg);
  padding: 0;
  margin: 0;
}

span, input, select {
  font-family: var(--mt-font-primary);
}

h1, .h1{
  font-family: var(--mt-font-display, var(--mt-font-primary));
  font-size: var(--mt-h1);
  line-height: var(--mt-line-heading);
  color: var(--mt-color-heading);
}

h2, .h2{
  font-size: var(--mt-h2);
  line-height: var(--mt-line-heading);
  color: var(--mt-color-heading);
}

h3, .h3{
  font-size: var(--mt-h3);
  line-height: var(--mt-line-heading);
  color: var(--mt-color-heading);
}

h4, .h4{
  font-size: var(--mt-h4);
  line-height: var(--mt-line-heading);
  color: var(--mt-color-heading);
}

a{
  color: var(--mt-color-link);
  transition: color var(--mt-transition-base);
}

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

.mitera-section{
  padding-top: var(--mt-section-pt);
  padding-bottom: var(--mt-section-pb);
}

.mitera-container{
  width: min(100% - (var(--mt-gutter-x) * 2), var(--mt-container-default));
  margin-inline: auto;
}

.mitera-shell--header,
.mitera-shell--footer {
	width: min(100% - (var(--mt-gutter-x, 24px) * 2), var(--mt-shell-max, var(--mt-container-default)));
	margin-inline: auto;
	padding-left: 0;
	padding-right: 0;
}

.mitera-shell--header {
	--mt-shell-max: var(--mt-header-shell-max, var(--mt-container-default));
}

.mitera-shell--footer {
	--mt-shell-max: var(--mt-footer-shell-max, var(--mt-container-default));
}

.mitera-container--wide{
  width: min(100% - (var(--mt-gutter-x) * 2), var(--mt-container-wide));
}

.mitera-container--narrow{
  width: min(100% - (var(--mt-gutter-x) * 2), var(--mt-container-narrow));
}

.mitera-container--full{
  width: 100%;
  max-width: none;
}

.mitera-layout {
	width: 100%;
}

.mitera-layout__row {
	width: 100%;
	position: relative;
}

.mitera-layout__row-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.mitera-layout__area {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.mitera-layout__area--left,
.mitera-layout__area--right {
	flex: 0 0 auto;
}

.mitera-layout__area--center {
	flex: 1 1 auto;
	justify-content: center;
}

.mitera-layout__block {
	min-width: 0;
}

.has-padding-none > .mitera-layout__row-inner { padding-top: 0; padding-bottom: 0; }
.has-padding-xs > .mitera-layout__row-inner { padding-top: 6px; padding-bottom: 6px; }
.has-padding-sm > .mitera-layout__row-inner { padding-top: 10px; padding-bottom: 10px; }
.has-padding-md > .mitera-layout__row-inner { padding-top: 16px; padding-bottom: 16px; }
.has-padding-lg > .mitera-layout__row-inner { padding-top: 65px; padding-bottom: 15px; }
.has-padding-xl > .mitera-layout__row-inner { padding-top: 42px; padding-bottom: 42px; }

.has-border-top {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.has-border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.has-border-both {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.is-align-start { align-items: flex-start; }
.is-align-center { align-items: center; }
.is-align-end { align-items: flex-end; }

.is-justify-start { justify-content: flex-start; }
.is-justify-center { justify-content: center; }
.is-justify-end { justify-content: flex-end; }
.is-justify-between { justify-content: space-between; }

.is-width-full { width: 100%; }
.is-width-auto { width: auto; }

.is-grow-0 { flex: 0 0 auto; }
.is-grow-1 { flex: 1 1 auto; }

@media (max-width: 1024px) {
	.mitera-layout__row-inner {
		gap: 18px;
	}

	.has-padding-lg > .mitera-layout__row-inner { padding-top: 35px; padding-bottom: 35px; }
	.has-padding-xl > .mitera-layout__row-inner { padding-top: 45px; padding-bottom: 45px; }
}

@media (max-width: 767px) {
  .mitera-section{
    padding-top: calc(var(--mt-section-pt)/2);
    padding-bottom: calc(var(--mt-section-pb)/2);
  }

	.mitera-layout__row-inner {
		gap: 14px;
	}

	.has-padding-md > .mitera-layout__row-inner { padding-top: 12px; padding-bottom: 12px; }
	.has-padding-lg > .mitera-layout__row-inner { padding-top: 25px; padding-bottom: 25px; }
	.has-padding-xl > .mitera-layout__row-inner { padding-top: 35px; padding-bottom: 35px; }
}

.has-order-desktop-0 { order: 0; }
.has-order-desktop-1 { order: 1; }
.has-order-desktop-2 { order: 2; }
.has-order-desktop-3 { order: 3; }
.has-order-desktop-4 { order: 4; }
.has-order-desktop-5 { order: 5; }
.has-order-desktop-6 { order: 6; }

@media (min-width: 768px) and (max-width: 1024px) {
	.has-order-tablet-0 { order: 0; }
	.has-order-tablet-1 { order: 1; }
	.has-order-tablet-2 { order: 2; }
	.has-order-tablet-3 { order: 3; }
	.has-order-tablet-4 { order: 4; }
	.has-order-tablet-5 { order: 5; }
	.has-order-tablet-6 { order: 6; }
}

@media (max-width: 767px) {
	.has-order-mobile-0 { order: 0; }
	.has-order-mobile-1 { order: 1; }
	.has-order-mobile-2 { order: 2; }
	.has-order-mobile-3 { order: 3; }
	.has-order-mobile-4 { order: 4; }
	.has-order-mobile-5 { order: 5; }
	.has-order-mobile-6 { order: 6; }
}

.has-width-desktop-full { width: 100%; }
.has-width-desktop-auto { width: auto; }
.has-width-desktop-half { width: 50%; }
.has-width-desktop-third { width: 33.3333%; }

@media (min-width: 768px) and (max-width: 1024px) {
	.has-width-tablet-full { width: 100%; }
	.has-width-tablet-auto { width: auto; }
	.has-width-tablet-half { width: 50%; }
	.has-width-tablet-third { width: 33.3333%; }
}

@media (max-width: 767px) {
	.has-width-mobile-full { width: 100%; }
	.has-width-mobile-auto { width: auto; }
	.has-width-mobile-half { width: 50%; }
	.has-width-mobile-third { width: 33.3333%; }
}