html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Grifter;
  src: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/649dad017d3ce154026f91ea_GRIFTER%E2%84%A2%2BBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --pink: #f88cd4;
  --off-white: #eeedf2;
  --hover: #272727;
  --purple: #5c31ff;
  --accessible-components-dark-grey: #9b9b9b;
  --combine-library-white: white;
  --bf-chosen-color: #303030;
  --obf-chosen-color: #b60200;
  --otf-chosen-color: #fff;
  --number-slider: 26px;
  --ikbg-chosen-color: #313131;
  --utf-chosen-color: #fff;
  --cbtb-chosen-color: #535353;
  --cbtf-chosen-color: #fff;
  --number-slider2: 14px;
  --atb-chosen-color: #ff4c4c;
  --ikf-chosen-color: #fff;
  --atf-chosen-color: #fff;
  --main: #b60000;
  --d-bg2: #373737;
  --d-bg: #2b2b2b;
  --darkmode-light: #e6e6e6;
  --darkmode-dark: #2b2b2b;
  --phonepagescroll: 64vh;
  --line: #ffffff40;
  --aromagold: #c5a572;
  --aromacream: #dad4c8;
  --tb_navbar_var: 5vw;
  --tb_maintext: #800020;
  --tb_text: #000;
  --m_color: #fff;
  --lex_stroke: #333;
  --lex_inner: #1f1f1f;
  --lex_maintext: #fff;
  --lex_stroke_hover: #fff6;
  --lex_bg: #000;
  --lex_gap: 0px;
  --lex_text: #adadad;
  --test: #0eb602;
  --tb_oliv: darkolivegreen;
  --m_border: #fff3;
  --m_bg: #1a1f2c;
  --m_cont: #22293c;
  --m_btn: #384362;
  --w_bg: #fff;
  --templinecolorui: black;
  --hb_blue: #015fa5;
  --hb_lightblue: #eff9fb;
  --w-bg: #192338;
  --w-detail: #8eb4e3;
  --w-highlight: #1d2e50;
  --dark-grey: #1c1c1c;
  --yellow: #def141;
  --black: #131313;
  --dark-slate-grey: #414141;
  --relume-library-lite-rl-black: black;
  --relume-library-lite-rl-white: white;
  --combine-library-grey-600: #5f6570;
  --combine-library-warning-400: #f8b34b;
  --combine-library-secondary-600: #00a1c1;
  --combine-library-primary-600: #6157f8;
  --combine-library-grey-800: #1f2c3d;
  --combine-library-grey-050: #f2f3f7;
  --combine-library-grey-200: #bfc4ce;
  --combine-library-primary-200: #9e97ff;
  --combine-library-grey-400: #8c94a5;
  --combine-library-grey-100: #d9dce2;
  --combine-library-success-800: #6d9400;
  --combine-library-primary-800: #472def;
  --color: white;
  --chosen-color: var(--color);
  --anitopy: 50px;
  --cta_progress: 7vw;
  --phonerightani: 0vw;
  --lex_detail: #0eb602;
  --lex_detailgreen: #008200;
  --x_djuphavsblå: #1a2b4b;
  --x_alggrön: #2a9d8f;
  --x_white: white;
  --x_korallrosa: #ff6b6b;
  --x_havsskum: #e0fbfc;
  --x_black: black;
  --tb_radius: 8px;
  --settings_toggle: 4px;
  --delete: var(--combine-library-primary-600);
  --lex_blue: #0271e3;
  --m_blue: #cfe0ef;
  --tb_pay_min: 2000px;
  --tb_pay_div_max: 1000px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #000;
  background-color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

h1 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Grifter, sans-serif;
  font-size: 6em;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 700;
  line-height: 1;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.1em;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  letter-spacing: .03em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .3em;
  font-size: 1.2em;
  font-weight: 700;
  line-height: .7;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.1em;
  font-weight: 700;
  line-height: 1.4;
}

p {
  letter-spacing: .07em;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

.cms-link {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  max-width: none;
  height: 100%;
  transition: all .5s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cms_image {
  width: 100%;
  min-width: 100%;
  height: 50vw;
  margin-top: 6vw;
  overflow: hidden;
}

.cms_link {
  color: var(--pink);
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
  display: flex;
}

.trigger {
  z-index: 50;
  height: 6vh;
  position: absolute;
  inset: auto 0% 0%;
}

.links__link {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: .9em;
  display: flex;
}

.grid__card {
  width: 100%;
}

.popup__close {
  background-color: var(--off-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin-top: 2em;
  margin-right: 2em;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

._2column__img {
  background-color: #202020;
  width: 45%;
  height: 42em;
  position: relative;
  overflow: hidden;
}

.navbar {
  z-index: 100;
  color: var(--off-white);
  object-fit: fill;
  background-color: #2b2b2b;
  border-radius: .8em;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 5.6em;
  height: 97vh;
  margin-top: 1.5vh;
  margin-left: 1.5vh;
  padding: 1.3em;
  display: flex;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 0 20px #bebebe29;
}

.navbar__top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.square {
  z-index: 4;
  border-radius: .5em;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: relative;
}

.square.is--hamburger {
  background-color: #2b2b2b;
  transition: background-color .2s;
}

.square.is--hamburger:hover {
  background-color: #1f1f1f;
}

.square.is--line {
  background-color: #eeedf22e;
  border-radius: 100vw;
  width: 100%;
  height: .15em;
  margin-top: 1.7em;
}

.square.is--profile {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c134c16ec2c62e15cbd7b1_7C2AAA3D-EB55-456C-9CFB-C4737DC768EB%20(2).JPEG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 0;
}

.hide-text {
  flex: 0 auto;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.hide-text.is--nav {
  white-space: nowrap;
  display: block;
}

.hide-text.is--nav._1 {
  display: none;
}

.navbar__icon {
  color: #fff;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.navbar__icon.is--1 {
  display: block;
}

.navbar__icon.is--2 {
  display: none;
}

.navbar__icon.big {
  width: 1.5em;
  height: 1.5em;
}

.navbar__link {
  color: #eeedf280;
  border-radius: .5em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: .4em;
  transition: background-color .2s;
  display: flex;
}

.navbar__link:hover {
  background-color: var(--hover);
  color: #eeedf2;
}

.navbar__link.w--current {
  color: var(--off-white);
  background-color: #0000;
}

.navbar__link.w--current:hover {
  background-image: linear-gradient(#ffffff1c, #ffffff1c);
}

.navbar__link._1.w--current {
  background-color: #c90003;
}

.nav__links {
  padding-top: 1.7em;
  padding-bottom: 3.5em;
}

.nav__header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer__text {
  border-radius: .5em;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  transition: background-color .2s;
  display: flex;
}

.footer__text.w--current {
  background-color: var(--purple);
}

.footer__text.w--current:hover {
  background-image: linear-gradient(#ffffff1c, #ffffff1c);
}

.one-logo {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64b00b45efac48669b1e9f25_Namnlo%CC%88s%20design.png");
  background-position: 50%;
  background-size: cover;
  width: 45px;
  height: 150px;
  margin-top: 20px;
}

.one-logo.w--current {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64b00b45efac48669b1e9f25_Namnlo%CC%88s%20design.png");
  background-size: cover;
  width: 45px;
  height: 150px;
  margin-top: 20px;
}

.paragraph, .paragraph-2 {
  color: #c90003;
}

.heading {
  white-space: nowrap;
  line-height: .8;
  display: none;
}

.paragraph-3 {
  text-transform: none;
}

.fs_accordion-1_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #2b2b2b;
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.fs_accordion-1_header:focus-visible, .fs_accordion-1_header[data-wf-focus-visible] {
  outline-color: var(--accessible-components-dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.borader {
  border-radius: 100vw;
  margin-left: 15px;
  padding: 3px;
}

.borader.gradirent3-copy.form {
  background-image: linear-gradient(135deg, #b90000, #f80 53%, #ffedb4 75%, #dde000);
  margin-top: 4vh;
  margin-left: 0;
  display: block;
}

.kontakta {
  z-index: 100;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #6d6d6d00;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-bottom: 1.5vw;
  margin-left: 1.5vh;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: visible;
}

.kontaktwrapper {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  object-position: 50% 100%;
  background-color: #bd282800;
  background-clip: border-box;
  border-radius: 100vw;
  flex-wrap: nowrap;
  width: 70px;
  height: 140px;
  position: static;
  overflow: hidden;
  box-shadow: 0 0 20px 4px #ffffff38;
}

.kontaktmedia {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c419028c056f85ace3472f_Email%20Icon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  width: 70px;
  height: 70px;
  display: block;
  overflow: visible;
}

.rl_contact7_button-wrapper {
  display: flex;
}

.rl_contact7_form-field-wrapper {
  position: relative;
}

.rl_contact7_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl_contact7_form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.submit-button-2 {
  opacity: 1;
  text-align: center;
  background-color: #222;
  border-radius: 100vw;
  margin-top: 0;
  padding: 5px 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.form {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.bl {
  background-color: #2e708f;
}

.rl-text-style-regular {
  color: #2b2b2b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.paragraph-12 {
  color: #fff;
  text-align: center;
  margin-top: -30px;
  margin-bottom: 30px;
}

.garanti {
  background-color: #fabfbf00;
  width: 100%;
  height: auto;
}

.rl_footer4_legal-link {
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
  display: none;
}

.rl-error-text-2 {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.rubrik-2 {
  color: #2b2b2b;
  text-align: left;
  text-transform: none;
  flex-direction: column;
  align-items: center;
  height: 50px;
  margin-bottom: 50px;
  font-family: Poppins, sans-serif;
  font-size: 3em;
  text-decoration: none;
  display: flex;
}

.rubrik-2.ljus {
  color: #fff;
  align-items: flex-start;
}

.rl_section_testimonial1 {
  background-color: #0000;
}

.knapp {
  color: #fff;
  white-space: nowrap;
  background-color: #0000;
  border: 2px solid #c90003;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 10px;
  font-family: Poppins, sans-serif;
  font-size: .9em;
  font-weight: 600;
  line-height: .7;
  display: flex;
}

.knapp.vit {
  border-color: #fff;
  width: 120px;
}

.rl-form-input-3 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 9px;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.rl-form-input-3:focus {
  border-color: #000;
}

.rl-form-input-3::placeholder {
  color: #000;
  font-size: 1rem;
}

.div-block-32 {
  background-image: linear-gradient(#3b65ff, #0c59ff), linear-gradient(#264aa3, #016eb3);
  border-radius: 10px;
  align-items: center;
  width: auto;
  max-width: 70%;
  height: 100%;
  padding: 7px 15px;
  display: flex;
}

.div-block-32._10 {
  background-image: linear-gradient(#4e4e4e, #505050), linear-gradient(#a3269f, #b30139);
  width: auto;
  max-width: 70%;
}

.div-block-32._1 {
  width: 20px;
  max-width: none;
  height: 20px;
  min-height: auto;
  margin-left: 5px;
  padding: 0;
}

.div-block-32._1._10 {
  width: 20px;
  max-width: none;
  margin-left: 0;
  margin-right: 5px;
}

.div-block-32._1._2 {
  width: 10px;
  height: 10px;
  margin-left: 2px;
}

.div-block-32._1._2._10 {
  width: 10px;
  margin-left: 0;
  margin-right: 2px;
}

.link {
  color: #b6b6b6;
  text-align: center;
  margin-top: 10px;
  font-family: Poppins, sans-serif;
}

.grid-7 {
  object-fit: contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  place-items: center;
  width: 80%;
  margin-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.button-2 {
  color: #fff;
  background-color: #0000;
  border: 2px solid #c90003;
  border-radius: 5px;
  margin-top: 25px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.rl-padding-global-2 {
  background-color: #fff0;
  justify-content: center;
  width: 100%;
  display: flex;
}

.link-block-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0 20px;
  display: flex;
}

.form-2 {
  background-color: #fff;
  border-radius: 20px;
  width: 400px;
  display: flex;
}

.rl-form-text-area-2 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  max-width: 50vw;
  height: auto;
  min-height: 11.25rem;
  margin-bottom: 0;
  padding: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  overflow: auto;
}

.rl-form-text-area-2:focus {
  border-color: #000;
}

.rl-form-text-area-2::placeholder {
  color: #000;
}

.rl_testimonial1_component {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.rl_team8_item {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block-65 {
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.rl-social-icon {
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
}

.gliding-text {
  object-fit: fill;
  flex-flow: row;
  justify-content: center;
  margin-left: 0%;
  display: flex;
}

.grid-8 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  justify-items: center;
  width: 80%;
  overflow: hidden;
}

.submit-button-3 {
  background-color: #c90003;
  background-image: linear-gradient(to right, #c90003, #8d0000);
  border-radius: 20px;
  width: 100px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.heading-12 {
  color: #fff;
  height: auto;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.serviceicon {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a6fbeb6949e6fe3a9f5ba9_IMG_0896.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 200px;
  height: 200px;
}

.serviceicon._3 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a6fbe54b3bf96ae5382268_IMG_0899.jpg");
}

.serviceicon._4 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a6fbe75949a09f3243e513_IMG_0900.jpg");
}

.serviceicon._2 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a6fbe82da5abde7d40aff1_IMG_0898.jpg");
}

.serviceicon._1 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a6fbe91c595d849cce951f_IMG_0897.jpg");
}

.paragraph-6 {
  color: #fff;
  text-align: right;
}

.rl_contact7_component-2 {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 80%;
  margin-top: 0;
  display: grid;
}

.div-block-24 {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 50px;
  display: flex;
}

.paragraph-13 {
  text-transform: none;
}

.start-2 {
  background-color: #0000;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
}

.priserpris {
  color: #c90003;
  margin-top: 10px;
  font-size: 1.5em;
}

.div-block-16 {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 40px;
  display: flex;
}

.vanlig-text {
  color: #8a8a8a;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  font-size: 2em;
  display: flex;
}

.vanlig-text.vit {
  color: #fff;
  text-align: center;
  width: auto;
  max-width: 60%;
  margin-top: 12px;
}

.vanlig-text.vit._1 {
  width: auto;
  max-width: 60%;
  font-size: .8em;
}

.vanlig-text.ljus {
  text-align: left;
  width: 100%;
}

.div-block-66 {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-14 {
  color: #c90003;
}

.r-d-text {
  color: #c90003;
  flex-direction: row;
  align-items: center;
  width: auto;
  display: flex;
}

.kundsupport {
  object-fit: fill;
  background-color: #fff0;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.width30 {
  width: 30px;
}

.div-block-67 {
  background-color: #e4e4e4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 0;
  display: flex;
}

.div-block-68 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 150px;
  display: flex;
}

.rl_testimonial17_customer-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.rl_testimonial17_rating-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  margin-bottom: 20px;
  display: flex;
}

.paragraph-9 {
  color: #fff;
  font-weight: 600;
}

.div-block-69 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: auto;
  height: 485px;
  padding: 10px;
  display: flex;
  overflow: visible;
}

.div-block-12 {
  color: #fff;
  background-color: #fff;
  width: 80%;
  height: 2px;
  margin-top: 40px;
}

.fs_accordion-1_header-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #2b2b2b;
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.fs_accordion-1_header-2:focus-visible, .fs_accordion-1_header-2[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.div-block-42 {
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 3%;
  display: flex;
}

.background-video-6 {
  z-index: 1;
  -webkit-backdrop-filter: hue-rotate(20deg);
  backdrop-filter: hue-rotate(20deg);
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs_accordion-1_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs_accordion-1_body {
  background-color: #fff;
  padding: 1rem 1.5rem;
}

.rl-container-large-2 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.rl_team8_social-link {
  color: #000;
  padding-right: 5px;
}

.div-block-13 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a2cf376464cee3514ae472_IMG_0014.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 1.25rem;
  height: 1.25rem;
}

.icon.green {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a2cf3c402b37eb385c4174_IMG_0013.jpg");
}

.div-block-9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
}

.fs_accordion-1_content {
  overflow: hidden;
}

.rl_team8_spacing-block-5 {
  width: 100%;
  padding-bottom: 1rem;
}

.div-block-70 {
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.paragraph-7 {
  text-align: center;
  height: 20px;
  margin-bottom: 20px;
}

.rl_testimonial17_rating-icon {
  color: #ffc800;
  flex-direction: column;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.headtext {
  white-space: nowrap;
  font-size: 4.5em;
}

.headtext._2 {
  opacity: .33;
}

.headtext._1 {
  opacity: .67;
}

.text-block-4 {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.div-block-10 {
  justify-content: center;
  align-items: center;
  margin-top: -90px;
  margin-bottom: -60px;
  margin-right: 12px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.produktbeskrivning {
  width: 100%;
}

.under-rubrik {
  color: #2b2b2b;
  text-align: justify;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  line-height: 1.1;
  display: flex;
}

.div-block-71 {
  flex-direction: column;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 100px;
  display: flex;
}

.rl-error-message-2-2 {
  background-image: linear-gradient(270deg, #ff2323, #c00000);
  border-radius: 20px;
  margin-top: 1.5rem;
  padding: .875rem 1rem;
  box-shadow: 0 2px 20px #0003;
}

.rl_team8_spacing-block-4 {
  width: 100%;
  padding-bottom: 2rem;
}

.underline {
  background-color: #c90003;
  width: 100%;
  height: 1px;
}

.priser {
  background-color: #59796300;
  width: 100%;
  height: auto;
}

.rl_footer4_credit-text {
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.f-rdelar {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.rl_footer4_bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  color: #fff;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  margin-top: 30px;
  display: grid;
}

.grid-6 {
  grid-row-gap: 6px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  width: 60%;
  margin-top: 0;
  margin-bottom: 50px;
}

.grid-5 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 80%;
  margin-top: 0;
}

.rl-padding-section-large-2 {
  justify-content: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-72 {
  background-color: #2b2b2b;
  border: 2px solid #0000;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 48.5%;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
  box-shadow: 0 2px 20px #0003;
}

.rl-success-text-2 {
  color: #000;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.div-block-73 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: static;
}

.div-block-74 {
  background-color: #2b2b2b;
  justify-content: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.bottom {
  background-color: #2b2b2b;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  display: flex;
}

.div-block-75 {
  width: auto;
  display: none;
}

.wyzr-chatbot {
  display: none;
}

.fs_accordion-1_paragraph {
  margin-bottom: 0;
}

.div-block-46 {
  background-color: #2b2b2b;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  padding: 40px;
  display: flex;
}

.space20 {
  height: 20px;
}

.div-block-76 {
  align-items: flex-end;
  display: flex;
}

.rl-field-label-2 {
  color: #000;
  margin-bottom: .5rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.navbar-2 {
  z-index: 100;
  color: #eeedf2;
  object-fit: fill;
  background-color: #2b2b2b;
  border-radius: .8em;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 5.6em;
  height: 97vh;
  margin-top: 103vh;
  margin-bottom: -200vh;
  margin-left: 1.5vh;
  padding: 1.3em;
  display: flex;
  position: sticky;
  top: 1.5vh;
  bottom: 0;
  overflow: hidden;
  box-shadow: 0 0 20px #bebebe29;
}

.heading-10 {
  text-align: center;
  text-transform: capitalize;
  white-space: normal;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #f20, #f6d53d 49%, #ffeee0 73%, #ffb700);
  -webkit-background-clip: text;
  background-clip: text;
  width: auto;
  font-family: Poppins, sans-serif;
  font-size: 700%;
  font-weight: 700;
}

.heading-10._1 {
  background-image: linear-gradient(to right, #4534ff, #3dedf6 62%, #ffeee0 82%, #00c8ff);
  width: auto;
  font-size: 500%;
}

.heading-10._1._2 {
  background-image: linear-gradient(to right, #34ff4f, #d5f63d 57%, #ffeee0 82%, #eaff00);
}

.heading-13 {
  white-space: nowrap;
  line-height: .8;
  display: none;
}

.rl_testimonial17_heading-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  margin-bottom: 80px;
  display: flex;
}

.rl_testimonial17_name-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_testimonial17_testimonial {
  background-color: #2b2b2b;
  border: 0 solid #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
  padding: 2rem;
  display: flex;
}

.rl-text-style-medium-3 {
  color: #c90003;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.div-block-77 {
  align-items: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.om-oss {
  background-color: #fff0;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.email {
  white-space: normal;
  background-color: #2b2b2b;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 50px 10% 50px 0%;
  display: none;
  overflow: hidden;
}

.rl_team8_image-wrapper {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a8b32b32795ab079d6214f_c550f912b1bdde62dc30fdf96d875c87-sticker.PNG");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.rl_team8_image-wrapper._1 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c13ec05ebf8b795ffd1863_IMG_1702.PNG");
  background-size: cover;
  padding-top: 100%;
}

.chat {
  justify-content: flex-end;
  align-items: flex-end;
  height: auto;
  margin-top: 10px;
  padding-right: 20px;
  display: flex;
}

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

.chat.h._03, .chat.h._02, .chat.h._01 {
  height: auto;
}

.chat.v {
  justify-content: flex-start;
  height: 70px;
  padding-left: 20px;
  padding-right: 0;
}

.chat.v._02, .chat.v._03, .chat.v._01 {
  height: auto;
}

.paragraph-15 {
  color: #c90003;
}

.rl_testimonial17_customer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.rl_testimonial17_component {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block {
  color: #2b2b2b;
  white-space: nowrap;
  word-break: normal;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.space80 {
  height: 80px;
}

.heading-14 {
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Poppins, sans-serif;
  font-size: 1em;
  line-height: 1;
  display: flex;
}

.div-block-78 {
  opacity: 0;
  background-color: #2b2b2b;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 240px;
  margin-top: -240px;
  display: flex;
  position: static;
}

.text-span-3 {
  font-size: 2em;
}

.backgrund1 {
  background-image: linear-gradient(315deg, #f6faff, #e7e7e7 25%, #f1f7ff 50%, #ececec 73%, #fff), linear-gradient(#dfdfdf, #fff 25%, #dbdbdb 57%, #f4fbff 75%, #fff);
  flex-direction: column;
  align-items: center;
  margin-top: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.backgrund1._1 {
  background-image: none;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-19 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/649dad017d3ce154026f91f7_5fa82aaef129b327c8308aae_pexels-cottonbro-5364972.jpg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100px;
  margin-bottom: 35px;
}

.div-block-19._1 {
  height: 100%;
}

.grid-11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  width: 80%;
  margin-top: 0;
}

.form-block-3 {
  border-radius: 0;
  margin-top: 45px;
}

.div-block-79 {
  z-index: 2;
  flex-direction: column;
  margin-top: -150px;
  display: flex;
  position: relative;
}

.error-message-2 {
  background-image: linear-gradient(315deg, red, #8b0000);
  border-radius: 20px;
  box-shadow: 3px 0 20px #4242426e;
}

.success-message-2 {
  object-fit: fill;
  background-color: #fff;
  background-image: linear-gradient(to right, red, #ffd745 27%, #f1e83d 57%, #fff 79%, #ffb700);
  border-radius: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 2px 20px #8f8f8f80;
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64b00b45efac48669b1e9f25_Namnlo%CC%88s%20design.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40px;
  height: 200px;
  margin-right: 53px;
  display: flex;
  overflow: visible;
  transform: rotate(90deg);
}

.rl_team8_name-text {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.space10 {
  height: 10px;
}

.footer__text-2 {
  border-radius: .5em;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  transition: background-color .2s;
  display: flex;
}

.footer__text-2.w--current {
  background-color: #5c31ff;
}

.footer__text-2.w--current:hover {
  background-image: linear-gradient(#ffffff1c, #ffffff1c);
}

.heading-15 {
  color: #fff;
  white-space: nowrap;
  -webkit-text-fill-color: transparent;
  background-color: #a54242;
  background-image: linear-gradient(to right, #b40000, #ceb604);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: 7px;
  font-family: Poppins, sans-serif;
  display: block;
}

.pris {
  background-color: #0000;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  display: none;
}

.rl-heading-style-h5 {
  color: #aeaeae;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.rl_contact7_image-wrapper-2 {
  margin-top: 2rem;
}

.div-block-45 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.rl_section_testimonial17 {
  background-color: #e4e4e4;
  justify-content: center;
  width: 100%;
  display: flex;
}

.paragraph-10 {
  color: #fff;
}

.div-block-80 {
  background-color: #c90103;
  background-image: linear-gradient(135deg, #c90103, #ad0000);
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 80%;
  margin-right: 3px;
  padding-right: 0%;
  display: flex;
  box-shadow: -20px 0 20px -5px #0003;
}

.grid-12 {
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  width: 400px;
  margin-top: 0;
  padding-bottom: 0;
}

.grid-12._1._2 {
  display: none;
}

.current-clients {
  background-color: #b99760;
  justify-content: center;
  width: 100%;
  height: auto;
  display: none;
}

.anv-ndningsomr-de {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.rl-text-style-medium-4 {
  color: #fff;
  text-align: center;
  margin-top: .7rem;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.rl-text-style-medium-4._1 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

.div-block-81 {
  background-color: #2b2b2b;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
  box-shadow: 0 2px 20px #0003;
}

.paragraph-8 {
  color: #fff;
  text-align: center;
  width: 80%;
}

.div-block-82 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.fs_accordion-1_icon {
  color: #c90003;
  margin-right: 0;
  font-size: 1.125rem;
  position: relative;
}

.heading-11 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  font-family: Poppins, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.div-block-83 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.navbar__link-2 {
  color: #eeedf280;
  border-radius: .5em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: .4em;
  transition: background-color .2s;
  display: flex;
}

.navbar__link-2:hover {
  color: #eeedf2;
  background-color: #272727;
}

.navbar__link-2.w--current {
  color: #eeedf2;
  background-color: #0000;
}

.navbar__link-2.w--current:hover {
  background-image: linear-gradient(#ffffff1c, #ffffff1c);
}

.navbar__link-2._1.w--current {
  background-color: #c90003;
}

.space30 {
  height: 30px;
}

.div-block-20 {
  background-color: #2b2b2b;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.grid-13 {
  grid-template-rows: auto;
  width: 100%;
}

.text-field-5 {
  color: #c4c4c4;
  border: 0 solid #0000;
  border-radius: 20px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.text-field-5:hover {
  border-width: 0;
  border-color: #0000;
}

.text-field-5:focus {
  border-width: 0;
}

.text-field-5:focus-visible, .text-field-5[data-wf-focus-visible], .text-field-5::placeholder {
  background-color: #fff;
}

.div-block-84 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 200px;
  height: auto;
  display: flex;
  box-shadow: 0 2px 12px #0003;
}

.div-block-85 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs_accordion-1_label {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}

.rl_team8_spacing-block-6 {
  width: 100%;
  padding-bottom: 1.6rem;
}

.div-block-86 {
  width: 80%;
}

.div-block-87 {
  align-items: flex-end;
  width: 100%;
  display: block;
  overflow: visible;
}

.rl-success-message-2-2 {
  background-color: #0000;
  background-image: linear-gradient(to right, #fe2a03, #f99529 24%, #fadf7d 52%, #fff 79%, #ffba11);
  border-radius: 20px;
  padding: 10px 20px;
}

.rl_testimonial1_text-wrapper {
  width: 100%;
  max-width: 48rem;
}

.div-block-88 {
  cursor: not-allowed;
  object-fit: fill;
  border: 2px solid #2b2b2b;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 35px;
  margin-top: 10px;
  padding-left: 20px;
  display: flex;
}

.emoji {
  padding-left: 2px;
  padding-right: 2px;
  font-size: 1.5em;
}

.kontaktimage-copy {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a8b32b32795ab079d6214f_c550f912b1bdde62dc30fdf96d875c87-sticker.PNG"), linear-gradient(to top, #520e0e, #8e2e2e);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 80% 80%, auto;
  border-radius: 100vw;
  width: 70px;
  height: 70px;
}

.kontaktimage-copy.malte {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c13ec05ebf8b795ffd1863_IMG_1702.PNG"), linear-gradient(to top, #520e0e, #8e2e2e);
  background-size: 70%, auto;
}

.body-6 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.empty {
  padding-bottom: 0;
  padding-right: 0;
}

.interface {
  background-color: #000;
  flex-direction: row;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.topmenu {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 83vw;
  height: 10vh;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.div-block-99 {
  z-index: 10;
  background-color: #000;
  flex-direction: column;
  align-items: flex-start;
  width: 83vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.navbarleft {
  color: #000;
  background-color: #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 17vw;
  height: 100%;
  display: flex;
}

.sidemenu {
  background-color: #50505000;
  border-radius: 100vw;
  align-items: center;
  width: 15vw;
  height: 4vh;
  margin-bottom: 1vh;
  margin-left: 1vw;
  padding-left: 4vh;
  padding-right: 1vh;
  display: flex;
}

.sidemenu:hover {
  background-color: #fff3;
}

.div-block-102 {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 83vw;
  height: 90vh;
  padding: 3vh 3vw;
  display: flex;
}

.navcardgrid {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: absolute;
}

.navcard {
  background-color: #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 13vw;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 20px 3px #fff3, 0 0 20px 5px #ffffff0d;
}

.navcard:hover {
  background-color: #fff3;
}

.navcard.answers {
  display: none;
}

.navcard.questions {
  flex-direction: column;
  display: flex;
}

.navcard.contact {
  flex-direction: row;
  display: none;
}

.navcard.contact:hover, .navcard.nohover:hover {
  background-color: #000;
}

.heading-17 {
  color: var(--combine-library-white);
  text-align: left;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 3vw;
  display: flex;
}

.heading-17.mindre {
  font-size: 1.5vw;
  line-height: 1.8vw;
}

.body-7 {
  height: 100vh;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.navcardmenu1 {
  background-color: #0c0c0c;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 77vw;
  height: 84vh;
  display: flex;
  position: relative;
}

.headerspace1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-bottom: 3vw;
  display: flex;
}

.text-block-6 {
  color: #fff;
  white-space: nowrap;
  margin-left: 1vh;
}

.headerspace2 {
  height: 2vh;
}

.div-block-105 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 75vh;
  display: flex;
  overflow: hidden;
}

.div-block-106 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 3vh;
  display: flex;
}

.sidemenudropdown {
  background-color: #50505000;
  border-radius: 100vw;
  align-items: center;
  width: 15vw;
  height: 4vh;
  margin-bottom: 1vh;
  margin-left: 1vw;
  padding-left: 1.5vh;
  padding-right: 1vh;
  display: flex;
}

.sidemenudropdown:hover {
  background-color: #fff3;
}

.arrowcover {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5vh;
  height: 1.5vh;
  margin-right: 1vh;
  display: flex;
  transform: rotate(270deg);
}

.div-block-108 {
  background-color: #fff;
  width: 1vh;
  height: 1vh;
  position: absolute;
  transform: rotate(45deg);
}

.div-block-108-copy {
  background-color: #000;
  width: 1vh;
  height: 1vh;
  margin-bottom: 1vh;
  position: absolute;
  transform: rotate(45deg);
}

.kontaktasub {
  width: 100%;
  height: 15vh;
  overflow: hidden;
}

.sidemenusub {
  background-color: #50505000;
  border-radius: 100vw;
  align-items: center;
  width: 14vw;
  height: 4vh;
  margin-bottom: 1vh;
  margin-left: 2vw;
  padding-left: 4vh;
  padding-right: 1vh;
  display: flex;
}

.sidemenusub:hover {
  background-color: #fff3;
}

.line {
  background-color: red;
  border-radius: 20px;
  padding: 2px;
  box-shadow: 0 2px 12px #ffb6b63b;
}

.line.green {
  background-color: #00ff63;
}

.line.blue {
  background-color: #1319ff;
  box-shadow: 0 2px 12px #ffb6b63b;
}

.line.orange {
  background-color: #ff7113;
  position: static;
  box-shadow: 0 2px 12px #ffb6b63b;
}

.line.red {
  background-color: #ff0402;
  position: relative;
  box-shadow: 0 2px 12px #ffb6b63b;
}

.navcardtop {
  justify-content: flex-start;
  align-items: flex-start;
  width: 18vw;
  height: 9vw;
  padding-top: 2vw;
  padding-left: 2vw;
  display: flex;
}

.navcardbottom {
  justify-content: flex-end;
  align-items: flex-end;
  width: 18vw;
  height: 4vw;
  padding-bottom: 1vw;
  padding-right: 2vw;
  display: flex;
}

.navbar__icon-copy {
  color: #fff;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 6.5vh;
  height: 6.5vh;
  display: flex;
}

.navcardmenu2 {
  z-index: 1;
  background-color: #0c0c0c;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 77vw;
  height: 84vh;
  display: flex;
  position: absolute;
}

.navcardmenu2._1, .navcardmenu2._0, .navcardmenu2._2, .navcardmenu2._3 {
  display: none;
}

.navcardmenusidebar {
  background-color: #00ff63;
  border-radius: 18px;
  width: 1vw;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.navcardmenusidebar.blue {
  background-color: #0f1bff;
}

.navcardmenusidebar.orange {
  background-color: #ff761c;
}

.navcardmenusidebar.red {
  background-color: #ff0201;
}

.link-block-7 {
  filter: contrast(200%);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64b00b45efac48669b1e9f25_Namnlo%CC%88s%20design.png");
  background-position: 0 0;
  background-size: cover;
  width: 7vh;
  height: 20vh;
  margin-bottom: -2vh;
  transform: rotate(90deg);
}

.link-block-7.w--current {
  opacity: 1;
  display: flex;
}

.link-block-7.fixed {
  margin-bottom: 0;
}

.link-block-7.hide.w--current {
  display: none;
}

.sidemenufocused {
  background-color: #50505000;
  border: 2px solid red;
  border-radius: 100vw;
  align-items: center;
  width: 15vw;
  height: 4vh;
  margin-bottom: 1vh;
  margin-left: 1vw;
  padding-left: 4vh;
  padding-right: 1vh;
  display: flex;
  box-shadow: 0 0 10px 2px #fff6;
}

.sidemenufocused:hover {
  background-color: #ff3434;
}

.subtext {
  color: #999;
  white-space: nowrap;
  margin-left: 1vh;
}

.navbar__iconsub {
  color: #999;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.acconts {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 28vw;
  height: 35vw;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  box-shadow: 0 0 20px 20px #000c;
}

.acconts.logga-in {
  z-index: 100;
  display: none;
  position: absolute;
}

.acconts.sign-up {
  z-index: 100;
  display: none;
}

.acconts.logga-ut {
  z-index: 100;
  display: none;
  position: absolute;
}

.div-block-112 {
  filter: saturate(200%) hue-rotate(180deg) invert();
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-position: 50%;
  background-size: 9vw;
  width: 9vw;
  height: 3vw;
  display: flex;
}

.div-block-112-copy {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-position: 100%;
  background-size: 9vw;
  width: 1.25vw;
  height: 3vw;
  margin-left: -1.25vw;
  display: flex;
  position: relative;
}

.heading-18 {
  justify-content: center;
  align-items: center;
  height: 2vw;
  margin-top: 1vw;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 1.5vw;
  display: flex;
  position: static;
  inset: 0%;
  overflow: visible;
}

.div-block-113 {
  margin-top: 0;
  display: flex;
}

.form-block-4 {
  width: 22.4vw;
  margin-bottom: 0;
}

.div-block-114 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/659f3f9ce7f8c478b2453a4c_91D4A748-A833-41CC-8609-0E38873E830E.JPEG");
  background-position: 50%;
  background-size: cover;
  width: 6vw;
  height: 6vw;
}

.accountfiled {
  border-radius: 5px;
  height: 3vw;
}

.accountfiled:active, .accountfiled:focus, .accountfiled:focus-visible, .accountfiled[data-wf-focus-visible] {
  color: #000;
}

.accountbutton {
  color: #fff;
  background-color: #000;
  background-image: linear-gradient(to right, #0000, #585858);
  border: 2px solid #f000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 22.4vw;
  margin-top: 10px;
  font-weight: 700;
  display: flex;
}

.accountbutton:hover {
  background-color: #c70000;
  background-image: linear-gradient(to right, #00000003, #9e0000);
}

.div-block-115 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.x-button {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/649dad017d3ce154026f9209_x.svg");
  background-position: 50%;
  background-size: 4vw;
  border: 3px solid #000;
  border-radius: 100vw;
  width: 1.5vw;
  height: 1.5vw;
  display: flex;
  position: absolute;
  inset: 5% auto auto 5%;
}

.x-button:hover {
  background-color: #c00;
  border-color: #c00;
}

.heading-18-copy {
  justify-content: center;
  align-items: center;
  height: 1vw;
  margin-top: .1vw;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: .8vw;
  font-weight: 700;
  line-height: .8vw;
  display: flex;
  position: static;
  inset: 0%;
  overflow: visible;
}

.div-block-116 {
  width: 22.4vw;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

._404-error {
  z-index: 100;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 28vw;
  height: 35vw;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  box-shadow: 0 0 20px 20px #000c;
}

.body-8 {
  background-color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.heading-19 {
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2.7vw;
}

.heading-19-copy {
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.7vw;
}

.text-block-7 {
  text-align: center;
  width: 80%;
  margin-top: 1.5vw;
}

.div-block-118 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.bold-text {
  color: #e20000;
  font-size: 18px;
}

.body-9 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body-11 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.heading-20 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.submit-button-4 {
  background-color: #000;
}

.form-3 {
  display: block;
}

.hidden {
  display: none;
}

.navcardmenutopba {
  object-fit: contain;
  background-color: #00ff6300;
  border: 2px solid #00ff63;
  border-radius: 100vw;
  align-items: center;
  height: 2vw;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
  position: absolute;
  inset: 3% auto auto 5%;
  overflow: hidden;
  box-shadow: inset 0 0 20px 20px #fff3, 0 0 20px 7px #fff3;
}

.navcardmenutopba.blue {
  border-color: #1e1eff;
  box-shadow: inset 0 0 20px 20px #ffffff17, 0 0 20px 7px #ffffff29;
}

.navcardmenutopba.orange {
  border-color: #ff761d;
}

.navcardmenutopba.red {
  border-color: #ff0402;
}

.div-block-124 {
  object-fit: contain;
  flex-direction: row;
  justify-content: center;
  height: 2vw;
  display: flex;
}

.text-block-9 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  justify-content: center;
  margin-left: 1vw;
  margin-right: 1vw;
  line-height: 2vw;
  display: flex;
}

.div-block-126 {
  aspect-ratio: auto;
  object-fit: contain;
  background-color: #00ff68;
  border-radius: 0;
  flex-wrap: nowrap;
  width: 2px;
  height: 2.3vw;
  display: flex;
  overflow: visible;
  transform: rotate(30deg);
}

.div-block-126.blue {
  background-color: #1e1eff;
}

.div-block-126.orange {
  background-color: #ff761d;
}

.div-block-126.red {
  background-color: #ff0402;
}

.div-block-127 {
  justify-content: center;
  align-items: center;
  width: 2vw;
  margin-left: 1vw;
  margin-right: 1vw;
  display: flex;
}

.div-block-128 {
  border: 2px solid #ff0402;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 7vw;
  height: 3vw;
  display: flex;
  position: absolute;
  inset: auto auto 2vh 2vh;
}

.div-block-128:hover {
  background-color: #f33;
}

.text-block-10 {
  color: #fff;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1vw;
}

.div-block-129 {
  filter: invert();
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/65a01a90cf450592364a6467_Email.png");
  background-position: 0 0;
  background-size: 4vw;
  border: 0 solid #fff;
  border-radius: 2px;
  width: 4vw;
  height: 4vw;
  margin-left: 1vw;
  margin-right: 1vw;
  display: flex;
}

.div-block-129:hover {
  filter: contrast(30%) invert();
}

.div-block-129._1 {
  filter: contrast(200%) invert();
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/65a01a8f053858adc851ba38_Phone.png");
  background-position: 50%;
  background-size: 3.5vw;
  border-width: 0;
  width: 3.5vw;
  height: 3.5vw;
}

.div-block-129._1:hover {
  filter: contrast(30%) contrast(200%) invert();
}

.pagepart {
  z-index: 1;
  color: #131313;
  background-color: #29292900;
  justify-content: center;
  align-items: flex-start;
  width: 83vw;
  height: 200vh;
  padding: 8vh 2vw;
  display: block;
  position: absolute;
  inset: 0 0% 0% auto;
}

.pagepart._1 {
  background-color: #2b2b2b00;
  height: auto;
  padding: 0 0 10vh;
}

.stylepanel {
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 1vw;
  display: flex;
}

.body-13 {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.html-chatbotmaincode {
  display: none;
}

.chatbotpanel {
  z-index: 2;
  flex-direction: column;
  align-items: flex-end;
  width: 360px;
  margin-bottom: 2vw;
  margin-right: 2vw;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.div-block-132 {
  background-color: var(--bf-chosen-color);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 360px;
  height: 600px;
  max-height: 65vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.div-block-133 {
  background-color: var(--obf-chosen-color);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px 10px 10px;
  display: flex;
}

.navbarleftfixed {
  background-color: #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 17vw;
  height: 100vh;
  padding-bottom: 3vw;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.div-block-134 {
  border: 3px solid var(--otf-chosen-color);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/659f3f9ce7f8c478b2453a4c_91D4A748-A833-41CC-8609-0E38873E830E.JPEG");
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.div-block-134._1 {
  filter: saturate(200%) hue-rotate(260deg);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/65c117905efa63305509fa2c_gro%CC%88nbil.png");
  background-position: 50%;
  background-size: cover;
}

.div-block-134._2 {
  filter: brightness(173%) hue-rotate(215deg);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/65c1187bfea916da18b73c0a_tand.jpeg");
  background-position: 50%;
  background-size: cover;
  width: 30px;
  height: 30px;
}

.div-block-135 {
  margin-left: 15px;
}

.text-block-11 {
  color: var(--otf-chosen-color);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.text-block-12 {
  color: var(--otf-chosen-color);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1;
}

.chatboticon {
  background-color: #fcfcfc00;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 7px;
  padding: 7px;
  display: flex;
}

.chatboticon:hover {
  background-color: #fff3;
}

.div-block-136 {
  align-items: center;
  display: flex;
}

.div-block-137 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-138 {
  border-radius: var(--number-slider);
  background-color: var(--ikbg-chosen-color);
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-top: 10px;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.div-block-138:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.div-block-139 {
  padding: 10px;
}

.div-block-140 {
  justify-content: space-between;
  padding: 15px 20px 15px 10px;
  display: flex;
}

.text-block-13 {
  color: var(--utf-chosen-color);
  -webkit-text-stroke-color: var(--utf-chosen-color);
  cursor: default;
  font-size: 15px;
}

.div-block-141 {
  border: 1px solid var(--utf-chosen-color);
  object-fit: fill;
  border-radius: 10px;
  width: 80%;
  padding: 8px;
  display: block;
}

.div-block-142 {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.div-block-143 {
  margin-top: 10px;
}

.chatbotchat {
  align-items: flex-end;
  margin-top: 1rem;
  display: flex;
}

.chatbotchat.rtl {
  justify-content: flex-end;
  padding-right: 15px;
}

.div-block-144 {
  border: 1.5px solid var(--otf-chosen-color);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/659f3f9ce7f8c478b2453a4c_91D4A748-A833-41CC-8609-0E38873E830E.JPEG");
  background-position: 0 0;
  background-size: cover;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  margin-bottom: 1px;
  margin-left: 7px;
  margin-right: 7px;
}

.div-block-145 {
  background-color: var(--cbtb-chosen-color);
  color: #131313;
  border-radius: 10px;
  max-width: 280px;
  margin-top: .3rem;
  padding: .6rem .8rem;
}

.chatbottext {
  color: var(--cbtf-chosen-color);
  font-size: var(--number-slider2);
}

.div-block-144-copy {
  border-radius: 100%;
  width: 26px;
  height: 26px;
  margin-bottom: 1px;
  margin-left: 7px;
  margin-right: 7px;
}

.div-block-145-copy {
  background-color: var(--atb-chosen-color);
  color: #131313;
  border-radius: 10px;
  max-width: 280px;
  margin-top: .3rem;
  padding: .6rem .8rem;
}

.chatbothtmlicon {
  color: var(--otf-chosen-color);
  -webkit-text-stroke-color: var(--otf-chosen-color);
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
}

.chatbotstyleoption {
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  padding: 1vw;
  display: flex;
}

.chatbotstyleoption._2 {
  background-color: #292929;
}

.chatbotstyleoptionfolder {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 2vw;
  overflow: hidden;
  box-shadow: 0 2px 20px #0003;
}

.div-block-146 {
  display: flex;
}

.stylepaneloptionstext {
  color: #fff;
  margin-left: 1vh;
}

.stylepaneloptionstext.notworking {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ff0303;
  text-decoration: line-through;
}

.chatbotstyleoptionhtml {
  color: #fff;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.text-block-16 {
  color: #fff;
  background-color: #b60100;
  padding-top: .5vw;
  padding-bottom: .5vw;
  padding-left: 1vw;
  font-size: 1.5vw;
}

.chatbotikonsvg {
  color: var(--ikf-chosen-color);
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.anv-ndaretext {
  color: var(--atf-chosen-color);
  font-size: var(--number-slider2);
}

.div-block-147 {
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
}

.br-dtext {
  color: #fff;
  width: 50%;
  margin-top: 1vw;
  margin-bottom: 30px;
  padding-left: 1vw;
  padding-right: 1vw;
}

.rubrikk {
  color: #fff;
  width: 50%;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: 30px;
  font-weight: 700;
}

.wyzr_bg {
  z-index: 0;
  background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c134c16ec2c62e15cbd7b1_7C2AAA3D-EB55-456C-9CFB-C4737DC768EB%20(2).JPEG");
  background-position: 0 0, 0 0;
  background-size: auto, auto 20vh;
  width: 83vw;
  height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.wyzr_bg._3 {
  background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c134c16ec2c62e15cbd7b1_7C2AAA3D-EB55-456C-9CFB-C4737DC768EB%20(2).JPEG");
  background-position: 0 0, 0 0;
  background-size: auto, auto 20vh;
}

.form-block-5 {
  color: #fff;
  width: 100%;
}

.codeinput, .html-chatbotui-code {
  display: none;
}

.div-block-149 {
  font-size: 12px;
}

.chatbotikonsvg2 {
  color: var(--ikf-chosen-color);
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  margin-top: -.5em;
  margin-left: -.5em;
  display: none;
}

.chatbothtmlicon2 {
  color: var(--utf-chosen-color);
  -webkit-text-stroke-color: var(--utf-chosen-color);
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
}

.loadninganicont {
  transform: translate(42px, 11px);
}

.loadinganirot {
  position: absolute;
}

.loadinganirot._90 {
  transform: rotate(90deg);
}

.loadinganirot._180 {
  transform: rotate(180deg);
}

.loadinganirot._270 {
  transform: rotate(270deg);
}

.loadinganiball {
  background-color: #e00000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.loadinganiball._2 {
  background-color: #970000;
}

.loadinganiball._3 {
  background-color: #ff4747;
}

.loadinganiball._4 {
  background-color: red;
}

.div-block-151 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-position: 0 0;
  background-size: 105px;
  width: 90px;
  height: 40px;
  position: absolute;
}

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

.styled-submit {
  background-color: #3898ec00;
  border: 2px solid red;
  border-radius: 100vw;
  padding-top: 5px;
  padding-bottom: 5px;
}

.styled-submit:hover {
  background-color: red;
}

.styled-submit._2 {
  width: 30%;
}

.success-message-3 {
  background-color: #ddd0;
  padding: 0;
}

.text-block-20 {
  padding-top: 0;
  padding-bottom: 20px;
}

.div-block-154 {
  border-radius: 10px;
  overflow: hidden;
}

.text-block-16-copy {
  color: #fff;
  background-color: #b60100;
  margin-bottom: 10px;
  padding-top: .5vw;
  padding-bottom: .5vw;
  padding-left: 1vw;
  font-size: 1.5vw;
}

.text-field-10 {
  background-color: #000;
}

.text-field-11 {
  background-color: #292929;
}

.text-field-12 {
  background-color: #000;
}

.button-6 {
  background-color: #3898ec00;
  border: 2px solid red;
  border-radius: 100vw;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.button-6:hover {
  background-color: red;
}

.section {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
}

.forminputstyle {
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 5px;
  max-width: 100%;
  max-height: 500px;
}

.forminputstyle::placeholder {
  color: #ccc;
}

.anitop {
  background-color: var(--d-bg2);
  width: 100%;
  height: 45vh;
}

.html-embed-4 {
  z-index: 10;
  color: var(--d-bg);
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.div-block-158 {
  z-index: 2;
  background-color: #fff;
  border-radius: 20px;
  width: 20%;
  height: 30vh;
  position: relative;
  inset: 0 auto 0% 10%;
  box-shadow: 0 0 20px 15px #0003;
}

.div-block-159 {
  z-index: 2;
  background-color: #fff;
  border-radius: 20px;
  width: 15%;
  height: 25vh;
  margin-bottom: 3vh;
  position: relative;
  inset: 0 auto 0% 75%;
  box-shadow: 0 0 20px 15px #0003;
}

.layer {
  align-items: flex-end;
  width: 100%;
  height: 45vh;
  display: flex;
}

.layer._1 {
  margin-top: -45vh;
  overflow: hidden;
}

.layer.shadow {
  z-index: 3;
  background-image: linear-gradient(to top, #000, #000000d9 17%, #00000036 26%, #fff0 39%), linear-gradient(345deg, #000, #000 18%, #2a2a2a69 26%, #fff0 44%), linear-gradient(15deg, #000, #000000f2 18%, #0000002b 29%, #fff0 37%);
  margin-top: -45vh;
  position: relative;
  overflow: hidden;
}

.layerbotikon {
  z-index: 2;
  color: #fff;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 15vh;
  display: flex;
  position: relative;
  bottom: 25%;
  left: 30%;
  transform: rotate(12deg);
}

.layerbotikon._2 {
  z-index: 2;
  width: 25vw;
  height: 25vh;
  left: 45%;
  transform: rotate(-20deg);
}

.grid-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
}

.topanicont {
  z-index: 1;
  background-color: #9c1a1a00;
  width: 30px;
  height: 30px;
  position: relative;
}

.topanicircle {
  background-color: #dd2020;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 0 0 10px 4px #fff3;
}

.topaniikon {
  color: var(--ikf-chosen-color);
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.html-embed-5 {
  display: none;
}

.d1 {
  background-color: var(--d-bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.div-block-162 {
  background-color: red;
  width: 40px;
  height: 1px;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.div-block-163 {
  color: red;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.spc {
  justify-content: center;
  align-items: center;
  margin-top: 2vh;
  margin-bottom: 2vh;
  display: flex;
}

.txt {
  color: #fff;
  text-align: center;
  width: 70%;
  font-size: 1.3vw;
  line-height: 1.6vw;
}

.rub {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 5vw;
  line-height: 5vw;
}

.rub.sub {
  margin-left: 1vw;
  font-size: 2.1vw;
  line-height: 2.1vw;
}

.d2 {
  background-color: var(--d-bg2);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.grid-17 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-content: center;
  place-items: center;
  width: 70%;
}

.div-block-164 {
  color: #d80303;
  width: 10vw;
  height: 10vw;
}

.div-block-165 {
  background-color: #fff;
  width: 20vw;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 10px;
}

.div-block-166 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.d3 {
  background-color: var(--d-bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  transition: all .5s;
  display: flex;
}

.grid-18 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-content: center;
  place-items: center;
  width: 70%;
}

.div-block-167 {
  background-color: #aa808000;
  width: 20vw;
  height: 16vw;
}

.div-block-168 {
  border: 2px solid #fff;
  border-radius: 10px;
  width: 25vw;
  height: 25vw;
  padding: 2.5vw;
}

.div-block-169 {
  background-color: #aca2a200;
  align-items: center;
  width: 20vw;
  height: 4vw;
  display: flex;
}

.div-block-170 {
  border: 2px solid #fff;
  border-radius: 100vw;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vw;
  display: flex;
}

.nr {
  color: #fff;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2vw;
}

.div-block-171 {
  align-items: center;
  display: flex;
}

.text-block-21 {
  color: #fff;
  width: 80%;
  margin-top: 1vw;
  font-size: 1.3vw;
  line-height: 1.5vw;
}

.ikborder {
  border: .2vw solid #fff;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 20vw;
  height: 4vw;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 5px 20px #0003;
}

.ikgr {
  color: #fff;
  object-fit: fill;
  background-color: #616060;
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vw;
  display: flex;
  overflow: visible;
  box-shadow: 0 0 5px 5px #0003;
}

.ikgr:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.html-embed-6 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-22 {
  white-space: nowrap;
  overflow-wrap: normal;
  flex: 0 auto;
  align-items: center;
  font-size: 1.5vw;
  line-height: 2vw;
  display: flex;
}

.iktxt {
  color: #fff;
  border-radius: 100vw;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 20vw;
  height: 4vw;
  padding-left: 1vw;
  padding-right: 2vw;
  display: flex;
  position: static;
}

.ikslidercont {
  justify-content: flex-start;
  align-items: center;
  width: 20vw;
  height: 4vw;
  margin-top: -4vw;
  padding-right: .4vw;
  display: flex;
  position: static;
  transform: translate(-16vw);
}

.ikslider {
  background-color: red;
  background-image: linear-gradient(270deg, red, #660707);
  border-radius: 100vw;
  justify-content: flex-end;
  align-items: center;
  width: 19.6vw;
  height: 3.6vw;
  padding-right: .3vw;
  display: flex;
}

.div-block-175 {
  color: #fff;
  border: 2px solid #fff0;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  display: flex;
}

.div-block-175._1 {
  transform: rotate(90deg);
}

.div-block-175._2 {
  transform: rotate(180deg);
}

.d4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.d5 {
  background-color: var(--d-bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.div-block-176 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-position: 50%;
  background-size: cover;
  width: 50vh;
  height: 25vh;
}

.grid-19 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-content: center;
  place-items: center;
  width: 80%;
  position: relative;
}

.ratecont {
  z-index: 3;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 15vw;
  height: 25vw;
  max-height: 65vh;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.text-block-13-copy {
  color: #000;
  -webkit-text-stroke-color: #fff;
  cursor: default;
  font-size: 1vw;
}

.text-block-11-copy {
  color: var(--otf-chosen-color);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.text-block-12-copy {
  color: var(--otf-chosen-color);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1;
}

.div-block-141-copy {
  object-fit: fill;
  border: 1px solid #000;
  border-radius: 10px;
  width: 80%;
  padding: 2px 8px;
  display: block;
}

.chatboticon-copy {
  background-color: #fcfcfc00;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 7px;
  padding: 2px;
  display: flex;
}

.chatboticon-copy:hover {
  background-color: #fff3;
}

.chatbothtmlicon2-copy {
  color: #000;
  -webkit-text-stroke-color: #000;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
}

.div-block-145-copy {
  color: #131313;
  background-color: #535353;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 10vw;
  margin-top: .3rem;
  padding: .6rem .8rem;
  display: flex;
}

.chatbottext-copy {
  color: var(--cbtf-chosen-color);
  font-size: 1.4vw;
}

.rl_testimonial17_rating-wrapper-copy {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  width: 90%;
  display: flex;
}

.div-block-145-copy-copy {
  background-color: var(--cbtb-chosen-color);
  color: #131313;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 9vw;
  margin-top: .3rem;
  padding: .6rem .8rem;
  display: flex;
}

.d6 {
  background-color: var(--d-bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.riseingnr {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 4.5vw;
  font-weight: 700;
  line-height: 4.5vw;
}

.div-block-177 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-block-23 {
  color: #fff;
  text-align: center;
  margin-top: 1vw;
  font-size: 1.5vw;
}

.d7 {
  background-color: var(--d-bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.form-block-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  margin-top: 5vh;
  display: flex;
}

.div-block-178 {
  justify-content: space-between;
  display: flex;
}

.text-field-13 {
  border-radius: 100vw;
  width: 49%;
}

.text-field-15 {
  border-radius: 100vw;
}

.div-block-179 {
  justify-content: center;
  align-items: center;
  margin-top: 5vh;
  display: flex;
}

.div-block-180 {
  z-index: 15;
  color: #fff;
  background-color: red;
  border-radius: 10vw;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto 35px 120px auto;
  box-shadow: 0 0 20px 3px #ffffff26;
}

.div-block-180:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
}

.div-block-180.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: sticky;
}

.circlebgcont {
  z-index: 1;
  width: 30vw;
  height: 60vw;
  position: absolute;
  inset: 316% 0% 0% auto;
  overflow: hidden;
}

.circlebgcont._2 {
  width: 20vw;
  top: 48%;
}

.circlebgcont._3 {
  transform-style: preserve-3d;
  justify-content: flex-end;
  width: 25vw;
  height: 40vw;
  display: block;
  inset: 125.3em auto 0% 17%;
  transform: rotateX(180deg)rotateY(0)rotateZ(180deg);
}

.circlebg {
  z-index: 1;
  opacity: .6;
  border: 5px solid #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vw;
  display: flex;
  position: relative;
}

.circlebg._1 {
  width: 40vw;
  height: 40vw;
}

.circlebg._2 {
  width: 30vw;
  height: 30vw;
}

.circlebg._3 {
  width: 20vw;
  height: 20vw;
}

.circlebg._4 {
  width: 10vw;
  height: 10vw;
}

.circlebg._0 {
  width: 60vw;
  height: 60vw;
}

.div-block-181 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 4%;
  display: none;
  overflow: hidden;
}

.div-block-182 {
  border-radius: 100vh;
  width: 100%;
  height: 45vh;
  box-shadow: inset 0 -15vh 30px 20px #f003;
}

.anitopbot {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-height: 65vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.chatbottext-copy-copy {
  color: var(--cbtf-chosen-color);
  font-size: 1vw;
}

.live {
  display: block;
}

.div-block-133-copy {
  background-color: #00b3b6;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px;
  display: flex;
}

.text-block-11-copy-copy {
  color: var(--otf-chosen-color);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1;
}

.text-block-12-copy-copy {
  color: var(--otf-chosen-color);
  margin-top: 3px;
  font-size: .6rem;
  line-height: 1;
}

.div-block-139-copy {
  padding: 10px 10px 5px;
}

.chatbottextani {
  color: var(--cbtf-chosen-color);
  font-size: .8vw;
}

.div-block-144-copy {
  border: 1.5px solid var(--otf-chosen-color);
  filter: brightness(173%) hue-rotate(215deg);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/65c1187bfea916da18b73c0a_tand.jpeg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  margin-bottom: 1px;
  margin-left: 7px;
  margin-right: 7px;
}

.grid-20 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-content: center;
  place-items: center;
  width: 80%;
  margin-top: 5vh;
  position: relative;
}

.textarea {
  border-radius: 20px;
  min-width: 100%;
  max-width: 100%;
  min-height: 50px;
  max-height: 200px;
}

.success-message-4 {
  background-image: linear-gradient(to right, #690000, red);
  border-radius: 20px;
  width: 70%;
}

.text-block-24 {
  color: #fff;
}

.error-message-3 {
  border-radius: 20px;
  width: 70%;
  margin-top: 30px;
}

.form-5 {
  width: 100%;
}

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

.topanitextb {
  color: #131313;
  background-color: #535353;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 10vw;
  margin-top: .3rem;
  padding: .6rem .8rem;
  display: flex;
}

.usertextbubble {
  background-color: var(--atb-chosen-color);
  color: #131313;
  border-radius: 10px;
  max-width: 280px;
  margin-top: .3rem;
  padding: .6rem .8rem;
}

.div-block-184 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 3vh;
  display: flex;
}

.scrolldisabled {
  width: 0;
  height: 0;
}

.div-block-191 {
  color: #fff;
  background-color: #e7e7e7;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.qr-loggin {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66be0092c3b55f2b95b13333_IMG_0304.jpg");
  background-position: 0%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 650px;
  display: flex;
  position: relative;
}

.text-block-28 {
  text-align: center;
  position: absolute;
  inset: 10% 0% auto;
}

.div-block-193 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-size: 140px 80px;
  justify-content: flex-end;
  width: 140px;
  height: 80px;
  display: flex;
}

.text-block-28-copy {
  text-align: center;
  letter-spacing: 6px;
  margin-top: -15px;
  font-size: 20px;
  font-weight: 700;
}

.div-block-196 {
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-197 {
  margin-bottom: 30px;
}

.qr-home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  background-image: linear-gradient(#c90004 8%, #fff0);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  height: 650px;
  display: none;
  position: relative;
}

.div-block-199 {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.iconholder {
  background-color: #fff;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  margin-left: 10px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.iconholder._1 {
  border-radius: 100%;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
  inset: 0% 0% auto auto;
}

.homebutton {
  text-align: center;
  background-color: #c90004;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 95px;
  margin-bottom: 0;
  font-size: 20px;
  display: flex;
}

.homebutton:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.homebutton._2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
  background-color: #3898ec00;
  border: 2px solid #c90004;
}

.text-block-29 {
  color: #ffd000;
  align-items: flex-end;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  display: block;
  position: static;
  inset: 25% 0% auto;
}

.div-block-200 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 20% 0% auto;
}

.text-block-29-copy {
  color: #fff;
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  line-height: 2;
  position: static;
  inset: 25% 0% auto;
}

.text-block-29-copy._2 {
  opacity: 0;
}

.div-block-201 {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 10%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.button-7 {
  background-color: #c90004;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.div-block-202 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 240px;
  height: 200px;
  display: flex;
}

.qr-m-lgrupp {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 650px;
  display: none;
  position: relative;
}

.div-block-203 {
  color: #fff;
  text-align: center;
  background-color: #c90004;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10%;
  font-size: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-204 {
  width: 80%;
  margin-top: 10%;
}

.text-block-30 {
  color: #fff;
}

.sliderholder {
  background-color: #e7e7e7;
  border-radius: 5px;
  justify-content: flex-end;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-205 {
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 10%;
}

.div-block-206 {
  background-color: #636363;
  border-radius: 100%;
  width: 150px;
  height: 150px;
}

.div-block-206._2 {
  background-color: #636363;
}

.div-block-206._3 {
  background-color: #00b436;
}

.div-block-207 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  display: flex;
  position: absolute;
  inset: 15% 0% auto;
}

.div-block-208 {
  width: 150px;
  height: 150px;
  position: absolute;
  inset: 0% auto 0% 25%;
  transform: rotate(0);
}

.div-block-208._2 {
  transform: rotate(-45deg);
}

.div-block-208._3 {
  transform: rotate(180deg);
}

.div-block-208.media1 {
  transform: rotate(-180deg);
}

.div-block-209 {
  width: 75px;
  height: 150px;
  overflow: hidden;
}

.div-block-210 {
  z-index: 1;
  color: #fff;
  background-color: #0c0c0c;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  font-size: 20px;
  display: flex;
  position: relative;
}

.nextbutton {
  background-color: #e7e7e7;
  border-radius: 5px;
  justify-content: flex-end;
  width: 80%;
  height: 35px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nextani {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #c90004;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 35px;
  transition: all .2s;
  display: flex;
}

.nextani:hover {
  color: #fff0;
  background-color: #c9000480;
  transform: translate(-117.5%)scale3d(4, 1, 1);
}

.buttonholder {
  background-color: #e7e7e7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-bottom: 0;
  display: flex;
}

.div-block-204-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  margin-top: 10%;
  display: grid;
}

.media2 {
  width: 150px;
  height: 150px;
}

.qr-media, .qr-meddelande {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 650px;
  display: none;
  position: relative;
}

.textholder {
  background-color: #e7e7e7;
  border-radius: 5px;
  justify-content: flex-end;
  width: 100%;
  height: 100px;
  margin-bottom: 30px;
  display: flex;
}

.payholder {
  background-color: #e7e7e7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  display: flex;
}

.qr-betala {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 650px;
  display: none;
  position: relative;
}

.qr-loggin-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 650px;
  display: none;
  position: relative;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.tour-step {
  display: none;
}

.tooltip-close {
  z-index: 5;
  color: #3f3e46;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tooltip-close:hover {
  background-color: #002aff1a;
}

.form-block-8 {
  width: 80%;
}

.div-block-212 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.submit-button-5 {
  background-color: #c90104;
}

.form-block-10 {
  width: 80%;
}

.div-block-215 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-32 {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.kontof-rfr-gan {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--d-bg);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 650px;
  display: flex;
  position: relative;
}

.text-block-33 {
  color: #fff;
  text-align: center;
  width: 80%;
  margin-top: 200px;
}

.div-block-216 {
  background-color: var(--d-bg);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66db0a993f89f814c1cee272_Peter%20Lindells%20Trafikskola%20(5).png");
  background-position: 50%;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 100px;
  display: flex;
}

.zapget {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #4d4d4d33;
  border-radius: 20px;
  flex-flow: column;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  box-shadow: 0 0 20px #0000004d;
}

.formstyle {
  background-color: var(--main);
  color: #fff;
  border-radius: 3px;
  margin-bottom: -9px;
  margin-left: 7px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  font-weight: 400;
  position: relative;
}

.div-block-217 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  display: flex;
}

.formbuttonstyle {
  background-color: var(--main);
  border-radius: 5px;
  margin-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
}

.formbuttonstyle:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
}

._100 {
  width: 100%;
}

.hide {
  display: none;
}

.bodyprofil {
  color: var(--darkmode-light);
  justify-content: center;
  align-items: center;
  font-family: PT Serif, serif;
  font-weight: 400;
  display: flex;
}

.profilephone {
  background-color: var(--darkmode-dark);
  width: 350px;
  height: 600px;
  font-family: PT Serif, serif;
  line-height: 1;
  display: none;
  position: relative;
}

.phonebg {
  color: #fff;
  background-color: #ce3c3c;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/649dad017d3ce154026f9204_5fa82aa850eeb8c8f9a4bc77_pexels-cottonbro-5364967.jpg");
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 40%;
  margin-bottom: -17%;
  padding-bottom: 17%;
  display: flex;
  position: fixed;
}

.phonemenu {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  background-color: var(--darkmode-dark);
  border-radius: 5vw 5vw 0 0;
  flex-flow: column;
  width: 100%;
  margin-top: 50%;
  padding: 7.5% 10% 100px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
  overflow: hidden;
}

.numcustomers {
  font-size: 90px;
  font-style: normal;
}

.numcustomerscont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.phonemenus {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.lightmode {
  background-color: var(--darkmode-light);
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 3px;
  display: flex;
}

.text-block-34 {
  font-size: 25px;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.phonemarketingslider {
  background-color: #ddd0;
  width: 100px;
  height: 125px;
  margin-right: 10px;
}

.mask {
  overflow: visible;
}

.phoneslider {
  background-color: #d6b5b500;
  border-radius: 5%;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 125px;
  display: flex;
  overflow: hidden;
}

.phoneslider.marknadsf-r {
  justify-content: flex-end;
  align-items: center;
}

.phonenewscont {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.phonenews {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: gray;
  border-radius: 1vw;
  width: 100%;
  height: 60px;
  padding: 10px 30px 10px 10px;
  display: flex;
}

.lightmodesvgcont {
  background-color: #2b2b2b;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: -7.5px;
  display: flex;
  position: relative;
}

.lightmodeani {
  justify-content: center;
  align-items: center;
  height: 25px;
  display: flex;
}

.svg_sun {
  opacity: 0;
  position: absolute;
}

.svg_moon {
  display: flex;
  position: absolute;
}

.text-block-35 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

.text-block-35-copy {
  font-size: 14px;
}

.phonemarketingsvg {
  color: var(--darkmode-light);
  justify-content: center;
  align-items: center;
  width: 22%;
  margin-bottom: 22px;
  display: flex;
}

.phonemarketingsvg.main {
  width: 35%;
  margin-bottom: 7.5px;
}

.phonemarketingsvg.main.sms {
  padding-bottom: 0;
}

.phonemarketingsvg.sms {
  padding-bottom: 5px;
}

.phonecta {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background-color: #000;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 325px;
  height: 5vh;
  margin-bottom: 5vw;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: fixed;
  inset: auto 0% 4% 28.5%;
}

.ctatextspacer {
  opacity: 0;
  background-color: #505050;
  border-radius: 10%;
  width: 3vh;
  height: 0;
}

.ctatextspacer._1 {
  height: 3.5vh;
}

.div-block-229 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 50%;
  display: flex;
}

.div-block-230 {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
  position: relative;
}

.phonemarketing {
  z-index: 0;
  color: #b95656;
  border-radius: 5px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block-231 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--darkmode-light);
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block-37 {
  font-size: 10px;
}

.phoneprofilepicture {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66927783465a7cfa46720315_duncan%20(1).jpg");
  background-position: 0 0;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 100vw;
  width: 40px;
  height: 40px;
  position: fixed;
  inset: 10% 34% auto auto;
}

.ctaicon {
  justify-content: center;
  align-items: center;
  width: 3vh;
  height: 3vh;
  display: flex;
}

.ctatext {
  opacity: 0;
  text-align: center;
  margin-top: -3vh;
  font-size: 10px;
}

.ctatext._1 {
  opacity: 1;
}

.div-block-233 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.phonectaabs {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 1.5vh;
  display: flex;
  position: relative;
}

.phonectaindicator {
  z-index: 1;
  background-color: var(--main);
  border-radius: 100vw;
  width: 9vh;
  height: 9vh;
  margin-left: -2.5vh;
  position: absolute;
}

.div-block-234 {
  background-color: #fff;
  border-radius: 3px;
  width: 40px;
  height: 40px;
}

.div-block-235 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.text-block-39 {
  font-size: 14px;
  font-weight: 700;
}

.text-block-40 {
  font-size: 10px;
  line-height: 1.4;
}

.div-block-238 {
  width: 200px;
  height: 20px;
  overflow: hidden;
}

.phonemarketingcont {
  width: 112.5%;
  height: 125px;
  margin-bottom: 20px;
  overflow: hidden;
}

.code-embed-4 {
  color: #807f7f;
}

.links {
  float: right;
  margin-top: 10px;
}

.memberstackbadge {
  display: none;
}

.phonectaaccess {
  z-index: 1;
  background-color: var(--main);
  border-radius: 100vw;
  width: 9vh;
  height: 9vh;
  margin-left: -2.5vh;
  position: absolute;
}

.numtargetcustomers {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.numtargetcustomer {
  font-size: 90px;
  font-style: normal;
}

.phoneprofilex {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66927783465a7cfa46720315_duncan%20(1).jpg");
  background-position: 0 0;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 100vw;
  width: 40px;
  height: 40px;
  position: fixed;
  inset: 10% 34% auto auto;
}

.div-block-255 {
  display: none;
}

.text-block-44 {
  margin-bottom: 15px;
  font-size: 20px;
}

.button-12 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--main);
  border-radius: 5px;
  margin-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.button-12:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
}

.div-block-256 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.div-block-258 {
  display: none;
}

.text-field-17 {
  border-radius: 100vw;
}

.endast-mobil {
  z-index: 101;
  background-color: #2b2b2b;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-264 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-position: 50%;
  background-size: cover;
  width: 20vw;
  height: 10vw;
}

.button-rounded-main {
  background-color: var(--main);
  text-align: center;
  border-radius: 5px;
  width: 100%;
}

.button-rounded-main:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.div-block-265 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30vw;
  display: flex;
}

.endast-mobil-text {
  white-space: nowrap;
  word-break: keep-all;
  font-size: 1.8vw;
}

.endast-mobil-text._1 {
  display: none;
}

.body-15 {
  color: #000;
  cursor: default;
  font-family: Varela, sans-serif;
}

.headercont {
  z-index: 10;
  width: 100vw;
  height: 160px;
  position: fixed;
  overflow: hidden;
}

.tophead {
  background-color: #fff;
  width: 100%;
  height: 40px;
  padding-left: 5vw;
  padding-right: 5vw;
}

.mainhead {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.extrahead {
  background-color: var(--main);
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-270 {
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.mainhead-largelogo {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66e8175a22f28792949153f0_WYZR__1_-removebg-preview.png");
  background-position: 50%;
  background-size: 140px;
  width: 140px;
  height: 40px;
  padding-bottom: 0;
  padding-right: 0;
}

.mainhead-largelogo.w--current {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66e8175a22f28792949153f0_WYZR__1_-removebg-preview.png");
  background-position: 50%;
  background-size: 180px;
}

.div-block-272 {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-272:hover {
  border-bottom: 2px solid var(--main);
}

.code-embed-19 {
  margin-left: -10px;
  margin-right: 10px;
}

.tophead-inner {
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.tophead-inner-left {
  display: flex;
}

.tophead-inner-right {
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.line-divid {
  background-color: var(--line);
  width: 1px;
  height: 20px;
  padding-bottom: 0;
}

.div-block-277 {
  display: flex;
}

.div-block-277._1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 50px;
}

.div-block-278 {
  display: flex;
}

.div-block-279 {
  border: 2px solid var(--main);
  color: #000;
  background-color: #fff;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-279:hover {
  background-image: linear-gradient(to bottom, var(--main), var(--main));
  color: #fff;
}

.div-block-279._1 {
  border-color: var(--main);
  background-color: var(--main);
  color: #fff;
}

.div-block-279._1:hover {
  border-color: var(--main);
  background-image: linear-gradient(#fff3, #fff3);
}

.div-block-279._1.hero.dark {
  border-color: var(--d-bg2);
  color: var(--d-bg2);
}

.div-block-279._1.hero.dark:hover {
  background-color: var(--d-bg2);
  color: #fff;
}

.div-block-279.hero {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.4vw;
}

.div-block-279._2 {
  border-color: #fff;
  height: 60px;
}

.div-block-279._2:hover {
  border-color: var(--main);
}

.div-block-279._3 {
  border-color: var(--main);
  background-color: var(--main);
  color: #fff;
  height: 60px;
}

.div-block-279._3:hover {
  border-color: var(--main);
  background-image: linear-gradient(#fff3, #fff3);
}

.div-block-280 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-281 {
  color: #fff;
  display: flex;
}

.div-block-281:hover {
  text-decoration: underline;
}

.tophead-subbuttoncont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-bottom: 0;
  display: flex;
}

.tophead-subbuttoncont:hover, .tophead-subbuttoncont.w--current {
  border-bottom: 2px solid var(--main);
}

.text-block-49 {
  padding-left: 10px;
  padding-right: 10px;
}

.splineiphone {
  background-color: #d1d1d1;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  height: 400vh;
  display: flex;
  position: relative;
}

.text-block-52 {
  text-align: center;
  width: 70%;
  font-size: 3.4vw;
  line-height: 1.2;
}

.div-block-287 {
  padding-bottom: 0;
}

.div-block-283-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--d-bg2);
  background-color: #947f7f;
  background-image: linear-gradient(90deg, #ffefef, #ffe8e8);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

.text-span-ai {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #ffb700, #ff00c3);
  -webkit-background-clip: text;
  background-clip: text;
}

.div-block-289 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.spline-scene-2 {
  width: 100%;
  height: 100%;
  display: none;
}

.div-block-292 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  width: 100vw;
  padding: 30px 5vw;
  display: none;
}

.spline-scene-3, .spline-scene-4 {
  width: 100%;
  height: 100%;
  display: none;
}

.div-block-293 {
  margin-right: 10px;
  display: flex;
  overflow: hidden;
}

.mainhead-smalllogo {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/659f3f9ce7f8c478b2453a4c_91D4A748-A833-41CC-8609-0E38873E830E.JPEG");
  background-position: 50%;
  background-size: cover;
  border-radius: 100vw;
  width: 40px;
  height: 40px;
  display: none;
}

.mainhead-logocont {
  display: flex;
}

.div-block-294 {
  grid-column-gap: 2.8vw;
  grid-row-gap: 2.8vw;
  flex-flow: column;
  display: flex;
}

.text-block-53 {
  font-size: 2.8vw;
}

.div-block-295 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15vw;
  display: flex;
}

.text-block-54 {
  font-size: 1.75vw;
}

.text-block-55 {
  justify-content: flex-start;
  align-items: center;
  padding: 3px;
}

.text-block-55:hover {
  border-bottom: 1px solid #fff;
}

.div-block-296 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-297 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.mainhead-largelogo-copy {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66e8175a22f28792949153f0_WYZR__1_-removebg-preview.png");
  background-position: 50%;
  background-size: 350px;
  width: 280px;
  height: 80px;
  padding-bottom: 0;
  padding-right: 0;
}

.medium-text {
  text-align: center;
  width: 70%;
  margin-bottom: 20px;
  font-size: 2vw;
}

.div-block-299 {
  padding-bottom: 0;
}

.div-block-300 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.relative-body {
  position: relative;
}

.headermenucont {
  z-index: 10;
  width: 100vw;
  position: fixed;
  top: 120px;
  overflow: hidden;
}

.headermenu-dropdown {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-bottom: 0 solid #000;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 100vw;
  height: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  position: relative;
}

.div-block-340 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66db0a935ecbabde730e1deb_Peter%20Lindells%20Trafikskola%20(3).png");
  background-position: 0%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-341 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-18 {
  width: 25%;
  position: absolute;
  inset: 7% auto auto 37.5%;
}

.splinehero {
  width: 100vw;
  height: 100vh;
  padding: 180px 20px 20px;
  position: relative;
}

.splinehero.small {
  height: 80vh;
}

.div-block-345 {
  color: #fff;
  text-shadow: 0 0 20px #0003;
  background-color: silver;
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66db0a97cee40d8da11676fe_Peter%20Lindells%20Trafikskola%20(4).png");
  background-position: 0 0, 0%;
  background-size: auto, 1000px;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  font-family: Lato, sans-serif;
  display: flex;
}

.h_heading {
  margin-bottom: 15px;
  font-family: PT Sans, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 70px;
}

.text-block-71 {
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 22px;
}

.text-block-72 {
  margin-top: 15px;
  font-size: 18px;
  line-height: 2;
}

.div-block-346 {
  margin-top: 15px;
}

.splineqrcode {
  justify-content: space-between;
  align-items: center;
  padding: 100px 20px;
  display: flex;
}

.text-block-73 {
  margin-bottom: 15px;
  font-family: PT Sans, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

.div-block-349 {
  width: 40%;
}

.body-18 {
  color: #fff;
  font-family: Varela, sans-serif;
}

.success-message-6 {
  background-color: #ddd0;
}

.error-message-4 {
  color: #000;
  text-align: center;
  border-radius: 5px;
  margin-top: 15px;
}

.qrkod-3d-holder {
  background-color: #fff7f7;
  border-radius: 20px;
  width: 50%;
  height: 400px;
  position: relative;
}

.div-block-353 {
  z-index: 2;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto auto 120px 700px;
  overflow: hidden;
}

.div-block-354 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #4d4d4d33;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  padding: 10px 30px;
  display: flex;
  overflow: hidden;
}

.text-block-74 {
  margin-right: 3px;
}

.div-block-355 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-position: 50%;
  background-size: cover;
  width: 55px;
  height: 14px;
  margin-left: 0;
}

.spline-scene-6 {
  background-color: #fff;
  width: 50%;
  height: 100vh;
  display: block;
  position: sticky;
  top: 10vh;
}

.div-block-356 {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding: 20vh 30px;
  display: flex;
  position: static;
  top: 0;
}

.div-block-357 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 20%;
  display: flex;
}

.div-block-358 {
  width: 100vw;
  padding: 100px 20px;
}

.div-block-359 {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66db0a97cee40d8da11676fe_Peter%20Lindells%20Trafikskola%20(4).png");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 20px;
  display: flex;
}

.div-block-360 {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.kontaktadiv {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Varela, sans-serif;
  display: flex;
}

.div-block-361 {
  color: #fff;
  background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66db0a9d7ded1afe51a2b553_Peter%20Lindells%20Trafikskola%20(6).png");
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  border-radius: 20px;
  flex-flow: column;
  width: 100%;
  padding: 50px 20px;
  font-family: Varela, sans-serif;
}

.form-block-15 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-12 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-75 {
  margin-bottom: 30px;
  font-size: 50px;
  display: block;
}

.text-block-76 {
  font-size: 25px;
}

._20pxcont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.div-block-362 {
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-363 {
  background-color: #fff;
  border-radius: 5px 15px 5px 5px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  padding: 5px 15px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.text-block-77 {
  text-align: right;
  margin-right: 10px;
}

.code-embed-34 {
  width: 30px;
}

.footer {
  color: #fff;
  padding: 50px 20px;
}

.div-block-365 {
  background-color: #000;
  border-radius: 20px;
  padding: 20px 10% 50px;
}

.div-block-366 {
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-20 {
  width: 200px;
}

.div-block-367 {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30px;
  display: flex;
}

.div-block-368 {
  text-align: right;
}

.div-block-369 {
  color: #000;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.map {
  height: 700px;
}

.div-block-370 {
  width: 100%;
}

.link-block-10 {
  background-color: var(--main);
  color: #fff;
  border-radius: 20px;
  width: 60px;
  padding: 15px;
}

.link-block-10:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
}

.div-block-371 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 20px;
  display: flex;
}

._20pxcontimg {
  background-color: #e2e2e2;
  border-radius: 20px;
  width: 55%;
  height: 60vh;
}

.div-block-372 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.div-block-373 {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: grid;
  position: relative;
  box-shadow: inset 0 0 20px 20px #000000a8;
}

.funktionalitetruta {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #d4d4d4;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  padding: 20px;
  display: flex;
  position: relative;
}

.funktionalitetruta._2 {
  margin-top: 40vh;
}

.funktionalitetruta._3 {
  margin-top: 40vh;
  margin-left: 32px;
}

.funktionalitetruta._4 {
  margin-top: -5vh;
  margin-left: -3vw;
}

.funktionalitetruta._5 {
  margin-top: 60vh;
}

.funktionalitetruta._1 {
  margin-top: 8vh;
  margin-left: 3vw;
}

.code-embed-35 {
  display: none;
}

.code-embed-36 {
  width: 40px;
}

.div-block-374 {
  flex-flow: column;
  padding: 100px 20px;
  display: flex;
}

.div-block-375 {
  background-color: #cfcfcf;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66daf7e189ead127c9797e6d_Peter%20Lindells%20Trafikskola.png");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.link-block-11 {
  z-index: 3;
  background-color: var(--main);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 60px;
  display: flex;
  position: absolute;
  inset: auto auto 5vh 40vw;
  box-shadow: 0 0 20px #000000a1;
}

.text-block-72-copy {
  font-size: 18px;
  line-height: 2;
}

.div-block-376 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  padding: 100px 20px;
  display: flex;
}

.trestegruta {
  text-align: center;
  background-color: #e2e2e2;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 200px;
  padding: 20px;
  display: flex;
}

.rightarrowsvg {
  color: var(--main);
  align-self: center;
}

.div-block-377 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c40878d0f927490ef773f6_feature6.png");
  background-position: 50%;
  background-size: cover;
  width: 20vw;
  height: 20vw;
}

.code-embed-38 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-16 {
  background-color: var(--main);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin-top: 15px;
  display: flex;
}

.code-embed-19-copy {
  margin-left: 5px;
}

.headermenu-dropdown-close {
  width: 100%;
  height: 50px;
  display: none;
  position: absolute;
  inset: auto 0% -50px auto;
}

.div-block-378 {
  border: 2px solid var(--main);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.div-block-380 {
  border: 2px solid var(--main);
  color: var(--main);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.code-embed-39 {
  width: 40px;
  height: 40px;
}

.div-block-381 {
  height: 60px;
  margin-left: 10px;
}

.tb_cust_window {
  width: 100vw;
  display: flex;
  position: relative;
}

.tb_cust_leftcont {
  width: 50%;
  height: 100vh;
  display: block;
}

.tb_cust_rightcont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  min-width: 50%;
  min-height: 100vh;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Varela, sans-serif;
  display: flex;
}

.tb_cust_resturanthero {
  background-color: #e2e2e2;
  width: 100%;
  height: 100%;
}

.tb_cust_resturanthero.aroma {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66ec6248fea8964b59f9606c_AromaHeroImg.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tb_cust_aroma_text {
  max-width: 80%;
  margin-bottom: 20px;
}

.tb_cust_aroma_text._1 {
  color: #c7aa7c;
  font-family: Italianno, sans-serif;
  font-size: 30px;
}

.tb_cust_aroma_text._2 {
  font-family: Yeseva One, sans-serif;
  font-size: 40px;
}

.div-block-382 {
  background-image: linear-gradient(90deg, #00802f, #00802f 33%, #fff 33% 66%, maroon 66%, maroon);
  width: 100px;
  height: 2px;
  margin-bottom: 20px;
}

.button-17 {
  color: #fff;
  white-space: nowrap;
  background-color: #3898ec00;
  border: 2px solid #c7aa7c;
  border-radius: 5px;
  width: 150px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.button-17:hover {
  background-image: linear-gradient(#c7aa7c, #c7aa7c);
}

.button-17._1 {
  background-color: var(--aromagold);
}

.button-17._1:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(#c7aa7c, #c7aa7c);
}

.button-17._1.w--current {
  background-color: #c7aa7c;
}

.button-17._1.w--current:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(#c7aa7c, #c7aa7c);
}

.tb_cust_guests {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: none;
}

.tb_cust_header {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 40vw;
  display: flex;
  position: absolute;
  inset: 5vh auto auto 55vw;
}

.setpagebuttons {
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px #0000001a;
}

.setpagebuttons:hover {
  box-shadow: none;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border: 1px solid #e6e6e6;
}

.setpagebuttons.guestssetpagebutton {
  color: #000;
}

.wyzr-bage {
  z-index: 11;
  color: #000;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 44px;
  padding-left: 10px;
  font-family: Varela, sans-serif;
  display: flex;
  position: fixed;
  inset: auto 0% 20px 20px;
  overflow: hidden;
  box-shadow: 0 0 20px #0003;
}

.wyzr-bage:hover {
  background-image: linear-gradient(#0003, #0003);
}

.div-block-386 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-block-12 {
  color: #000;
  text-align: center;
  background-color: #c0e7c7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 36px;
  padding: 9px 25px;
  font-size: 14.2857px;
  display: flex;
}

.link-block-12:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.link-block-12.abs {
  z-index: 2;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-78 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Yeseva One, sans-serif;
  font-size: 30px;
}

.sverige {
  background-color: #3434a3;
  background-image: linear-gradient(#0000 40%, #ff0 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #ff0 40% 60%, #7b7b7b00 60%, #fff0);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.sverige:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(#0000 40%, #fffb00 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fffb00 40% 60%, #7b7b7b00 60%, #fff0);
}

.wyzr-bagelogo {
  width: 70px;
  margin-left: -5px;
}

.wyzr-bagetext {
  white-space: nowrap;
}

.tb_cust_days {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding-top: 20vh;
  display: none;
  overflow: hidden;
}

.tb_cust_time {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: none;
}

.tb_cust_preorder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 20vh;
  display: flex;
}

.languageicon {
  z-index: 10;
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  width: 37.6px;
  height: 37.6px;
  display: none;
  position: fixed;
  top: 20px;
  left: 20px;
  overflow: hidden;
}

.languageicon:hover {
  overflow: visible;
}

.england {
  background-color: #3434a3;
  background-image: linear-gradient(#0000 45%, #b30000 45% 55%, #fff0 55%), linear-gradient(90deg, #0000 45%, #b30000 45% 55%, #fff0 55%), linear-gradient(#0000 40%, #fffb00 40%, #fff 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fff 40% 60%, #7b7b7b00 60%, #fff0), linear-gradient(35deg, #0000 48%, #b30100 48% 52%, #fff0 52%), linear-gradient(145deg, #0000 48%, #b30100 48% 52%, #fff0 52%), linear-gradient(35deg, #0000 45%, #fff 45% 55%, #fff0 55%), linear-gradient(145deg, #0000 45%, #fff 45% 55%, #fff0 55%);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.england:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(#0000 45%, #b30000 45% 55%, #fff0 55%), linear-gradient(90deg, #0000 45%, #b30000 45% 55%, #fff0 55%), linear-gradient(#0000 40%, #fffb00 40%, #fff 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fff 40% 60%, #7b7b7b00 60%, #fff0), linear-gradient(35deg, #0000 48%, #b30100 48% 52%, #fff0 52%), linear-gradient(145deg, #0000 48%, #b30100 48% 52%, #fff0 52%), linear-gradient(35deg, #0000 45%, #fff 45% 55%, #fff0 55%), linear-gradient(145deg, #0000 45%, #fff 45% 55%, #fff0 55%);
}

.uae {
  background-color: #312b94;
  background-image: linear-gradient(90deg, #c30000 33%, #fff0 33%), linear-gradient(#027f2f, #027f2f 33%, #fff 33% 66%, #000 66% 101%);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.uae:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(90deg, red 33%, #fff0 33%), linear-gradient(#027f2f, #027f2f 33%, #fff 33% 66%, #000 66% 101%);
}

.spanien {
  background-color: #312b94;
  background-image: linear-gradient(#c30000 33%, #ff0 33% 66%, #c30000 66%);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.spanien:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(red 33%, #ff0 33% 66%, red 66%);
}

.frankrike {
  background-color: #312b94;
  background-image: linear-gradient(90deg, #00f 33%, #fff 33% 66%, red 66%);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.frankrike:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(90deg, #00f 33%, #fff 33% 66%, red 66%);
}

.nederl-nderna {
  background-color: #312b94;
  background-image: linear-gradient(0deg, #000096 33%, #fff 33% 66%, #c30000 66%);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.nederl-nderna:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(0deg, #000096 33%, #fff 33% 66%, #c70000 66%);
}

.danmark {
  background-color: #c30000;
  background-image: linear-gradient(#0000 40%, #fff 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fff 40% 60%, #7b7b7b00 60%, #fff0);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.danmark:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(#0000 40%, #fff 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fff 40% 60%, #7b7b7b00 60%, #fff0);
}

.norge {
  background-color: #c30000;
  background-image: linear-gradient(90deg, #0000 45%, #3434a3 45% 55%, #fff0 55%), linear-gradient(#7c6a6a00 45%, #3434a3 45% 55%, #fff0 55%), linear-gradient(#0000 40%, #fff 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fff 40% 60%, #7b7b7b00 60%, #fff0);
  border-radius: 100vw;
  width: 37.6px;
  height: 37.6px;
}

.norge:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(90deg, #0000 45%, #00f 45% 55%, #fff0 55%), linear-gradient(#7c6a6a00 45%, #00f 45% 55%, #fff0 55%), linear-gradient(#0000 40%, #fff 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fff 40% 60%, #7b7b7b00 60%, #fff0);
}

.div-block-390 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fff3;
  border-radius: 20px;
  margin-left: -12px;
  padding: 5px 12px;
  display: flex;
}

.div-block-390:hover {
  margin-left: -12px;
}

.code {
  display: none;
}

.tb_cust_guestscont {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 440px;
  margin-top: 49.6px;
  display: flex;
}

.tb_cust_guestsbutton {
  background-color: #c0e7c7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  font-size: 20px;
  display: flex;
}

.tb_cust_guestsbutton:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.tb_cust_dayscont {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.tb_cust_daybutton {
  text-align: center;
  cursor: pointer;
  background-color: #c0e7c7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.tb_cust_daybutton:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.tb_cust_daybutton.blocked {
  cursor: default;
  background-color: #ffb8b8;
}

.tb_cust_daybutton.blocked:hover {
  background-image: none;
}

.tb_cust_daybutton.hide {
  color: #0000;
  cursor: default;
  background-color: #c9c9c900;
  background-image: none;
}

.tb_cust_daybutton.past {
  cursor: default;
  background-image: linear-gradient(#fffc, #fffc);
}

.div-block-391 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.div-block-393 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 440px;
  display: flex;
}

.tb_cust_dayskalbutton {
  color: #000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 5px;
  display: flex;
}

.div-block-394 {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 250px;
  padding: 8px 15px;
  font-size: 30px;
  font-weight: 400;
  display: flex;
}

.div-block-395 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-79 {
  text-align: center;
  width: 50px;
}

.tb_cust_daymonth {
  font-family: Yeseva One, sans-serif;
}

.monthcont {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 440px;
  display: flex;
}

.body-19 {
  cursor: default;
}

.code-embed-41 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-41.hide {
  display: none;
}

.tb_cust_timedate {
  white-space: nowrap;
  font-family: Yeseva One, sans-serif;
}

.timecont {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 440px;
  margin-top: 49.6px;
  display: flex;
}

.tabort123 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.div-block-396 {
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66daf7e189ead127c9797e6d_Peter%20Lindells%20Trafikskola.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  font-size: 40px;
  display: flex;
  box-shadow: 0 0 20px #0003;
}

.div-block-396:hover {
  color: #000;
  background-image: linear-gradient(#ffffffb3, #ffffffb3);
  background-position: 0 0;
  background-size: auto;
}

.div-block-396._1 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabee8ad1068e4bb8692c_IMG_0959.jpg");
}

.div-block-396._2 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabea65f286abc2c674e4_IMG_0959%20(1).jpg");
}

.div-block-396._2:hover {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.div-block-396._3 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabe4a111ff7be8ffaffd_IMG_0961.jpg");
}

.div-block-396._4 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edac039107cf57a9533c96_IMG_0962.jpg");
}

.div-block-396._5 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabd5ad762e4f3c4fbcd5_IMG_0963.jpg");
}

.div-block-396._6 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabd0afe22d9b46042fa2_IMG_0964.jpg");
}

.div-block-396._7 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabcd9fb4abbed5708bcf_IMG_0968.jpg");
}

.div-block-396._7:hover {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.div-block-396._8 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabcb8c88389923138cbb_IMG_0964%20(1).jpg");
}

.div-block-396._8:hover {
  background-image: linear-gradient(#0000, #0000);
  background-position: 0 0;
  background-size: auto;
}

.div-block-396._9 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabc7acc177f0b00faefb_IMG_0966.jpg");
}

.div-block-396._9:hover {
  background-image: linear-gradient(#0000, #0000);
  background-position: 0 0;
  background-size: auto;
}

.div-block-396._10 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66edabc5d155545da537d61d_IMG_0967.jpg");
}

.div-block-396._10:hover {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.tb_cust_cssanimation {
  display: none;
}

.tb_cust_preorderbutton {
  color: #000;
  background-color: #e7e7e7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 440px;
  height: 58px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Yeseva One, sans-serif;
  font-size: 20px;
  display: flex;
}

.tb_cust_preorderbutton:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.tb_cust_preorderbutton._1 {
  display: flex;
}

.tb_cust_preordernav {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  max-width: 440px;
  height: 37.6px;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.tb_cust_preordernavbutton {
  color: #000;
  cursor: default;
  padding: 8px 15px;
}

.tb_cust_preordernavbutton:hover {
  border-bottom: 2px solid gray;
}

.tb_cust_preordernavbutton.w--current {
  border-bottom: 2px solid #000;
  margin-left: 30px;
  margin-right: 30px;
}

.tb_cust_leftfixed {
  width: 50%;
  height: 100vh;
  position: fixed;
}

.tb_cust_preorderheader {
  z-index: 10;
  white-space: nowrap;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 45px;
  padding-top: 15px;
  padding-bottom: 5px;
  display: flex;
  position: sticky;
  top: -1px;
  overflow: hidden;
}

.tb_cust_preordercategorycont {
  grid-column-gap: 20px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 20px;
  display: flex;
}

.tb_cust_preordercategorycont.num {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #000;
}

.tb_cust_preorderproductimg {
  aspect-ratio: 1;
  background-color: #e7e7e7;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.tb_cust_preorderproductimg.order {
  width: 125px;
  height: 125px;
  padding-bottom: 0;
  padding-right: 0;
}

.tb_cust_preordercategory {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tb_cust_preordercategorytext {
  margin-left: 10px;
  font-family: Yeseva One, sans-serif;
  font-size: 30px;
}

.tb_cust_preordercategorytext.ph {
  color: #fff0;
  background-color: #fff;
  border-radius: 100vw;
}

.tb_cust_preorderproductcont {
  background-color: #fff;
  border-radius: 15px;
  width: calc(16.6667vw - 26.6667px);
  margin-bottom: 15px;
  overflow: hidden;
}

.tb_cust_preorderproductname {
  text-align: left;
  margin-left: 5px;
  font-family: Yeseva One, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.tb_cust_preorderproductprice {
  color: #c7aa7c;
  margin-left: 5px;
  font-size: 12px;
}

.tb_cust_preorderproductimgplusicon {
  background-color: #fff;
  background-image: linear-gradient(90deg, #0000 45%, #000 45% 55%, #fff0 55%), linear-gradient(#0000 45%, #000 45% 55%, #fff0 55%);
  border: 8px solid #fff;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  margin-top: 5px;
}

.tb_cust_preorderproductimgplusicon:hover {
  background-color: #f3f3f3;
  background-image: linear-gradient(90deg, #0000 45%, #000 45% 55%, #fff0 55%), linear-gradient(#0000 45%, #000 45% 55%, #fff0 55%);
  border-color: #f3f3f3;
}

.tb_cust_preorderproductimgplusicon.subtract {
  background-image: linear-gradient(#0000 45%, #000 45% 55%, #fff0 55%);
}

.tb_cust_preorderproductimgplusicon.subtract:hover {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

.div-block-404 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 440px;
  height: 58px;
  display: none;
}

.link-block-13-copy {
  color: #000;
  background-color: #ffb8b8;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 20%;
  max-width: 440px;
  height: 58px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 20px;
  display: flex;
}

.link-block-13-copy:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.tb_cust_checkout {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding-top: 20vh;
  padding-bottom: 55px;
  display: none;
}

.tb_cust_preorderproductimgi-icon {
  background-color: #fff;
  border: 8px solid #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-weight: 700;
  display: flex;
}

.tb_cust_preorderproductimgi-icon:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.tb_cust_preorderproducttextcont {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-right: 20px;
  display: flex;
}

.tb_meny_productdescription {
  margin-top: 1vw;
  font-size: 1vw;
  display: flex;
}

.tb_meny_productdescription.order {
  text-align: left;
  display: flex;
}

.tb_meny_productdescription.ph {
  color: #fff0;
  background-color: #fff;
  border-radius: 100vw;
}

.tb_cust_preordercont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 50vh;
  display: flex;
}

.div-block-405 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 55px;
  display: flex;
}

.tb_cust_preordercontactbutton {
  color: #000;
  background-color: #c0e7c7;
  border-radius: 7px;
  padding-left: 25px;
  padding-right: 25px;
}

.tb_cust_preordercontactbutton:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.div-block-406 {
  white-space: nowrap;
  background-color: #f3f3f3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 20px;
  display: flex;
}

.text-block-92 {
  font-size: 20px;
}

.div-block-407 {
  width: 100%;
  display: flex;
}

.div-block-408 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-left: 15px;
  display: flex;
}

.text-block-93 {
  text-align: left;
  width: 180px;
}

.tb_cust_preordershoworder {
  color: #000;
  cursor: default;
  background-color: #bfe6c5;
  background-image: radial-gradient(circle, #0000, #dff3e2 0% 40%, #fff0 40% 45%, #dff3e2 45% 55%, #dff3e200 55%);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  display: flex;
  position: fixed;
  inset: auto 20px 20px auto;
}

.tb_cust_preordershoworder:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border-color: #dff3e2;
}

.tb_cust_preordermenu {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.tb_cust_preordercart {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 55px;
  display: flex;
}

.text-block-95 {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58px;
  margin-top: 10px;
  font-size: 20px;
  display: flex;
}

.tb_cust_preorderordercont {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  margin-top: 55px;
  margin-bottom: 55px;
  display: flex;
}

.tb_cust_preorderorderproduct {
  justify-content: space-between;
  width: 100%;
  height: 125px;
  display: flex;
}

.div-block-411 {
  background-color: #e7e7e7;
  width: 125px;
  height: 125px;
}

.tb_cust_preorderorderproductleft {
  display: flex;
}

.tb_cust_preorderorderproducttextcont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.tb_cust_preorderordernum {
  background-color: #f3f3f3;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.tb_cust_preorderorderproductright {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.div-block-416 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 30px;
  margin-bottom: 55px;
  display: flex;
}

.div-block-417 {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-left: 5px;
  margin-right: 5px;
}

.text-block-96 {
  white-space: nowrap;
  font-size: 20px;
  line-height: 1;
}

.tb_cust_preorderbuttonorder {
  color: #000;
  background-color: #c0e7c7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 440px;
  height: 58px;
  margin-top: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Yeseva One, sans-serif;
  font-size: 20px;
  display: flex;
}

.tb_cust_preorderbuttonorder:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.tb_cust_preorderbuttonorder.next {
  background-color: #e7e7e7;
}

.div-block-418 {
  width: 80%;
  max-width: 440px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.div-block-419 {
  width: 100%;
}

.div-block-420 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: 55px;
  display: flex;
}

.div-block-423 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.div-block-423.hide {
  display: none;
}

.div-block-424 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  margin-top: -5px;
  display: flex;
}

.text-block-98 {
  color: #474747;
  margin-bottom: 3px;
  font-family: Yeseva One, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.text-block-99 {
  max-width: 330px;
}

.tb_cust_checkoutsendbutton {
  color: #000;
  background-color: #c0e7c7;
  border-radius: 7px;
  margin-top: 55px;
  padding-left: 25px;
  padding-right: 25px;
}

.tb_cust_checkoutsendbutton:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.text-block-100 {
  width: 80%;
  max-width: 440px;
  margin-top: 55px;
  font-size: 11px;
}

.text-span-5 {
  color: #c0e7c7;
}

.text-span-5:hover {
  text-decoration: underline;
}

.grid-21-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template: "Area Area"
                 ". ."
                 "Area-2 Area-2"
                 "Area-3 Area-3"
                 "Area-4 Area-4"
                 / 1fr 1fr;
}

.tb_cust_headani {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 500px;
  transition: all .3s linear;
  display: flex;
}

.bold-text-2 {
  font-size: 14px;
}

.setpagebuttonicon {
  z-index: 0;
  color: #c0e7c7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.setpagebuttonstext {
  z-index: 1;
  white-space: nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 75px;
  padding-top: 5px;
  line-height: 1;
  display: flex;
  position: relative;
}

.code-embed-45, .tb_cust_guestsspecbuttonscr {
  display: none;
}

.div-block-429 {
  width: 170px;
  height: 36px;
  position: relative;
  overflow: hidden;
}

.code-embed-49 {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto auto;
}

.tb_cust_guests10arrow {
  opacity: 0;
  justify-content: center;
  align-items: center;
  display: none;
}

.tb_cust_guests10text {
  white-space: nowrap;
}

.animation-box {
  justify-content: center;
  align-items: center;
  display: none;
}

.tb_cust_sevilkor {
  background-color: #f3f3f3;
  border-radius: 10px;
  width: 100%;
  margin-top: 15px;
  font-size: 11px;
  overflow: hidden;
}

.tb_cust_sevilkortext {
  margin: 20px;
}

.tb_cust_complete {
  z-index: 10;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  min-height: 100vh;
  padding-top: 20vh;
  padding-bottom: 55px;
  display: flex;
  position: relative;
}

.tb_cust_complete.green {
  width: 100%;
  padding: 2vw 2vw 84px;
  display: none;
}

.code_correctorder {
  display: none;
}

.topsitelink {
  width: 100%;
  height: 0;
}

.tb_cust_timebutton {
  text-align: center;
  cursor: pointer;
  background-color: #c0e7c7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.tb_cust_timebutton:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.tb_cust_timebutton.blocked {
  cursor: default;
  background-color: #ffb8b8;
}

.tb_cust_timebutton.blocked:hover {
  background-image: none;
}

.tb_cust_timebutton.past {
  cursor: default;
  background-image: linear-gradient(#fffc, #fffc);
}

.div-block-434 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
}

.div-block-435 {
  background-color: #fff;
  width: 100vw;
  min-height: 100vh;
  position: relative;
}

.aroma_body {
  background-color: var(--aromacream);
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Varela, sans-serif;
  display: flex;
}

.ar_hem_hero {
  background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f970e629dfadef4a538534_aroma_hero_image.webp");
  background-position: 0 0, 50%;
  background-size: auto, 120vw;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-bottom: 10vh;
  display: flex;
  position: relative;
}

.ar_hem_hero._2 {
  background-color: var(--aromacream);
  background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674c9744a2796e5a156f799f_Aromabg.JPEG");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  overflow: hidden;
}

.ar_smallheader {
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 10px;
  display: flex;
}

.ar_hem_toplink {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.ar_hem_toplink:hover {
  color: var(--aromagold);
}

.ar_hem_toplink.ipad {
  display: none;
}

.ar_hem_topicon {
  width: 15px;
  height: 20px;
}

.ar_header {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 80px;
  margin-top: 15px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: fixed;
}

.ar_hem_headerpart {
  display: flex;
}

.link-block-16 {
  width: 80px;
  height: 80px;
}

.image-21 {
  height: 100%;
}

.ar_hem_headerlink {
  color: #c5a572;
  -webkit-text-stroke-color: var(--aromagold);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Yeseva One, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: flex;
}

.ar_hem_headerlink:hover {
  border-bottom: 3px solid #fff;
  padding-bottom: 0;
}

.ar_hem_headerlink.w--current {
  color: #fff;
  border-bottom: 3px solid #fff;
  padding-bottom: 0;
}

.ar_hem_headerlink.focus {
  border: 2px solid var(--aromagold);
  color: #fff;
  margin-left: 10px;
  padding-bottom: 0;
}

.ar_hem_headerlink.focus:hover {
  background-color: var(--aromagold);
}

.ar_hem_herocont {
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  display: flex;
}

.div-block-382 {
  background-image: linear-gradient(90deg, #00802f, #00802f 33%, #fff 33% 66%, maroon 66%, maroon);
}

.ar_line {
  background-image: linear-gradient(90deg, #00802f, #00802f 33%, #fff 33% 66%, maroon 66%, maroon);
  width: 150px;
  height: 3px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ar_line.small {
  width: 100px;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ar_line._50 {
  width: 50%;
}

.ar_line._20px {
  margin: 20px;
}

.text-block-105 {
  color: var(--aromagold);
  white-space: nowrap;
  margin-bottom: 20px;
  font-family: Italianno, sans-serif;
  font-size: 48px;
}

.text-block-106 {
  white-space: nowrap;
  font-family: Yeseva One, sans-serif;
  font-size: 60px;
}

.ar_hem_herotext {
  z-index: 2;
  max-width: 700px;
  min-height: 80px;
  margin-top: -20px;
  margin-bottom: 40px;
  font-size: 19px;
}

.ar_button {
  border: 2px solid var(--aromagold);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  min-width: 150px;
  padding: 9px 25px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.ar_button:hover {
  background-color: var(--aromagold);
}

.ar_button.gold {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--aromagold);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ar_button.gold:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.ar_button.special {
  color: var(--aromagold);
}

.ar_button.special:hover {
  color: #fff;
}

.div-block-439 {
  z-index: 4;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ar_hem_herochat {
  background-color: var(--aromagold);
  color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 20px 60px auto;
}

.code-embed-53 {
  width: 50%;
  height: 50%;
}

.div-block-440 {
  background-color: #bf0000;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 40%;
  display: flex;
  position: absolute;
  inset: -5% auto auto -5%;
}

.ar_hem_toppart {
  display: flex;
}

.ar_hem_moreinfo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--aromacream);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 130vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-441 {
  z-index: 6;
  color: #fff;
  text-align: center;
  background-color: #242424;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35vw;
  height: 35vw;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: 20vh auto auto 10vw;
  box-shadow: 0 0 20px 5px #0003;
}

.div-block-441._2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: flex-start;
  inset: 35vh 10vw auto auto;
}

.div-block-441._3 {
  z-index: 1;
  z-index: 4;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f9735defed660d44c7bfa8_Aroma-Restaurang-Bruschetta.webp");
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 45vw;
  inset: 40vh 30vw auto auto;
}

.div-block-441._4 {
  z-index: 5;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f973591063df71acca6a58_casey-lee-awj7srvivxo-unsplash-scaled-1-683x1024.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 25vw;
  inset: 60vh auto auto 5vw;
}

.div-block-441._5 {
  z-index: 2;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f97356479fe34dca1b748e_Aroma-Restauran-Osso-Buco.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 30vw;
  height: 20vw;
  inset: 10vh 5vw auto auto;
}

.ar_smalltext {
  color: var(--aromagold);
  white-space: nowrap;
  margin-bottom: 10px;
  font-family: Italianno, sans-serif;
  font-size: 2.2vw;
}

.ar_smalltext.left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ar_largetext {
  white-space: nowrap;
  font-family: Yeseva One, sans-serif;
  font-size: 4vw;
}

.ar_text {
  margin-bottom: 40px;
  font-size: 1.2vw;
}

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

.ar_hem_corner {
  z-index: 5;
  border-radius: 5px 0;
  flex-flow: wrap;
  width: 66px;
  height: 66px;
  display: flex;
  position: absolute;
  inset: 20px auto auto 20px;
  overflow: hidden;
}

.ar_hem_corner._1 {
  inset: auto 20px 20px auto;
  transform: rotate(180deg);
}

.ar_hem_cornerbit {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 33px;
  height: 33px;
}

.ar_hem_cornerbit._1 {
  border-top-width: 2px;
  border-top-color: maroon;
  border-left-width: 0;
}

.ar_hem_cornerbit._2 {
  border-top-width: 0;
  border-left-width: 2px;
  border-left-color: #00802e;
}

.div-block-443 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-444 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66a0658b3f045671c1e3d781_transparent%20white%20profile%20image.svg");
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 100vw;
  width: 55px;
  height: 55px;
}

.text-block-108 {
  font-family: Yeseva One, sans-serif;
  font-size: 30px;
}

.ar_hem_meny {
  color: #fff;
  background-color: #242424;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 100px 40px;
  display: flex;
}

.ar_hem_menucont {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.ar_hem_menyimg {
  aspect-ratio: 1;
  background-color: #ebebeb;
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f9735defed660d44c7bfa8_Aroma-Restaurang-Bruschetta.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 100%;
  margin-bottom: 8px;
  display: flex;
}

.ar_hem_menyimg.ph {
  background-color: #3a3a3a;
  background-image: none;
}

.ar_hem_menualternatives {
  z-index: 5;
  color: #bfbfbf;
  font-size: 16px;
}

.ar_hem_menualternatives.ph {
  background-color: #bfbfbf;
  border-radius: 100vw;
}

.ar_hem_section {
  background-color: var(--aromacream);
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.ar_hem_sectionimages {
  justify-content: space-between;
  align-items: center;
  width: 40%;
  height: 50vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.ar_hem_sectionimages.phone {
  display: none;
}

.ar_hem_sectiontext {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.div-block-448 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block-449 {
  background-color: var(--aromacream);
  padding: 20px;
}

.ar_googlereviews {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: var(--aromacream);
  color: #fff;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  padding: 50px 2vw 2vw;
  display: flex;
}

.div-block-451 {
  background-color: #242424;
  border-radius: 10px;
  width: 22.5vw;
  padding: 20px;
  position: relative;
}

.image-22 {
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 20px 20px auto auto;
}

.image-22:hover {
  transform: scale(1.2);
}

.image-22._1, .image-22._2, .image-22._3 {
  position: static;
}

.image-22._4 {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.div-block-452 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
}

.star {
  color: #fbbc07;
  width: 15px;
  height: 15px;
}

.star.notfilled {
  color: #bebebe;
}

.star.large {
  width: 25px;
  height: 25px;
}

.image-23 {
  width: 60%;
  margin-bottom: 10px;
}

.text-block-111 {
  font-size: 20px;
  line-height: 1;
}

.code-embed-55 {
  color: var(--aromacream);
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: none;
}

.div-block-455 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-112 {
  width: 65%;
  font-size: 20px;
  line-height: 1;
}

.text-block-113 {
  margin-top: 15px;
}

.text-block-113._1 {
  width: 80%;
  margin-top: 0;
}

.code-embed-56 {
  color: var(--aromagold);
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.div-block-456 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.ar_hem_marqueewrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 22.5vw;
  padding-bottom: 15px;
  display: flex;
}

.button-20 {
  background-color: var(--aromagold);
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  width: 100%;
  font-size: 14px;
}

.button-20:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.button-20._1 {
  border: 2px solid var(--aromagold);
  text-align: center;
  background-color: #c5a57200;
}

.button-20._1:hover {
  background-color: var(--aromagold);
  background-image: none;
}

.ar_footer {
  background-color: var(--aromacream);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.div-block-458 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #242424;
  border-radius: 8px;
  grid-template: ". . Area Area"
                 "Area-2 Area-2 Area-2 Area-2"
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 2vw;
  font-size: 1.2vw;
  display: grid;
}

.div-block-460 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  text-decoration: none;
  display: flex;
}

.link-8 {
  color: #fff;
  text-decoration: underline;
}

.link-8:hover {
  color: var(--aromagold);
}

.text-block-114 {
  margin-bottom: 15px;
  font-family: Yeseva One, sans-serif;
  font-size: 2vw;
  font-weight: 400;
}

.text-block-115 {
  color: var(--aromagold);
  margin-bottom: 5px;
  font-family: Italianno, sans-serif;
  font-size: 2vw;
  line-height: 1;
}

.div-block-461 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-462 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: 10px;
  display: flex;
}

.ar_section_secondimg {
  z-index: 2;
  border-radius: 5px;
  width: 50%;
  height: auto;
  position: absolute;
  inset: auto auto 20% 0%;
}

.ar_section_secondimg.hemleverans {
  z-index: 1;
  width: 70%;
  height: auto;
  inset: auto 0% 0% auto;
}

.ar_section_secondimg.familystory {
  width: 70%;
  left: 0%;
}

.ar_section_secondimg.ourresturant {
  width: 60%;
  inset: auto 0% 35% auto;
}

.ar_section_mainimg {
  z-index: 1;
  border-radius: 5px;
  height: 80%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.ar_section_mainimg.hemleverans {
  z-index: 2;
  height: 80%;
  inset: 0% auto auto 0%;
}

.ar_section_mainimg.familystory {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.ar_section_mainimg.ourresturant {
  inset: 0% auto auto 0%;
}

.text-block-116 {
  text-align: center;
  font-family: Yeseva One, sans-serif;
  font-size: 14px;
}

.div-block-464 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 35px;
  width: 70px;
  height: 20px;
  margin-left: 2px;
}

.wyzrbadge {
  color: #fff;
  background-color: #242424;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.wyzrbadge:hover {
  background-image: linear-gradient(to bottom, var(--aromagold), var(--aromagold));
}

.text-block-117 {
  color: gray;
  font-size: 20px;
  line-height: 1;
}

.ar_hem_marquee {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  border-radius: 10px;
  height: 70vh;
  display: flex;
  overflow: hidden;
}

.ar_hem_marqueecomp {
  width: 22.5vw;
}

.ar_hem_marqueeside {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #242424;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 22.5vw;
  height: 70vh;
  padding: 40px 20px 20px;
  display: flex;
  overflow: hidden;
}

.div-block-466 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-467 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-469 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-bottom: 20px;
  margin-left: 10%;
  display: flex;
}

.div-block-470 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ar_hem_reviews {
  background-color: var(--aromacream);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-471 {
  z-index: 50;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.div-block-472 {
  background-color: var(--aromagold);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 50vh;
  display: flex;
  position: relative;
}

.div-block-473 {
  color: #fff;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: -40px -40px auto auto;
}

.rewieimgcode {
  width: 100%;
  min-width: 50px;
  margin-top: 15px;
}

.css---aroma-hem {
  display: none;
}

.ar_omoss {
  background-color: var(--aromacream);
  width: 100vw;
  min-height: 100vh;
  font-family: Varela, sans-serif;
}

.ar_omoss_hero {
  background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/673157e50450c6efec8c1ec6_nils-stahl-bcklxildvju-unsplash%20(1).jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 70vh;
  display: flex;
}

.ar_meny {
  background-color: var(--aromacream);
  width: 100vw;
  min-height: 100vh;
  font-family: Varela, sans-serif;
  position: relative;
}

.ar_meny_header {
  background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f9a7dee14c68996f5ea96b_aroma_restaurang_pizza.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 70vh;
  display: flex;
}

.div-block-474 {
  width: 100vw;
  padding-top: 30vh;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-478 {
  color: #fff;
  background-color: #242424;
  border-radius: 10px;
  width: 100%;
  padding: 2vw 40px 80px;
  display: block;
}

.div-block-481 {
  width: 100%;
}

.tb_meny_productcont {
  background-color: var(--darkmode-dark);
  border-radius: 5px;
  width: calc(33.3333vw - 53.3333px);
  height: calc(16.6667vw - 26.6667px);
  display: flex;
  position: relative;
}

.tb_meny_producttextcont {
  z-index: 2;
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: static;
  overflow: hidden;
}

.tb_meny_producttextcont.ph {
  opacity: .5;
}

.tb_meny_produtname {
  text-align: left;
  font-family: Yeseva One, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
}

.tb_meny_produtname.ph {
  background-color: #fff;
  border-radius: 100vw;
}

.tb_meny_productprice {
  color: #c7aa7c;
  font-size: 1vw;
}

.tb_meny_productprice.ph {
  background-color: #c7aa7c;
  border-radius: 100vw;
}

.tb_meny_productimg {
  z-index: 1;
  aspect-ratio: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.div-block-478-copy {
  color: #fff;
  background-color: #242424;
  border-radius: 10px;
  width: 100%;
  padding-top: 2vw;
  padding-bottom: 5vw;
  padding-left: 2vw;
  display: block;
}

.code-embed-58 {
  width: 100%;
  height: 100%;
}

.map-2 {
  z-index: 5;
  border: 2px solid #fff;
  border-radius: 7px;
  width: 100%;
  min-height: 50vh;
  max-height: 50vh;
  display: block;
  overflow: hidden;
}

.link-block-18 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.2vw;
  display: flex;
}

.link-block-18:hover {
  color: var(--aromagold);
}

.tb_admin_productcont {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: var(--darkmode-dark);
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  display: flex;
  overflow: hidden;
}

.tb_admin_productimg {
  z-index: 2;
  aspect-ratio: 2.39;
  width: 15vw;
  height: 15vw;
  position: relative;
}

.tb_admin_producttextcont {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 15vw;
  height: 15vw;
  padding-right: 2vw;
  display: flex;
  position: static;
  overflow: hidden;
}

.tb_admin_producttextcont._1 {
  justify-content: space-between;
  align-items: center;
  padding-top: 2vw;
  padding-bottom: 2vw;
}

.tb_admin_produtname {
  text-align: left;
  margin-left: 5px;
  font-family: Yeseva One, sans-serif;
  font-size: 2.5vw;
  font-weight: 400;
}

.tb_admin_productprice {
  color: #c7aa7c;
  margin-left: 5px;
  font-size: 1.1vw;
}

.tb_admin_productdescription {
  margin-top: 1vw;
  padding-left: 5px;
  font-size: 1.1vw;
  display: flex;
}

.div-block-484 {
  aspect-ratio: 1;
  background-color: #ffffff80;
  border: 1px solid #0000001a;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tb_icon {
  color: #000;
  width: 50%;
  height: 50%;
}

.link-block-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--aromagold);
  color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  display: flex;
  position: absolute;
  inset: 30px 30px auto auto;
}

.link-block-19:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.code-embed-61 {
  width: 15px;
  height: 15px;
}

.text-block-118 {
  line-height: 1;
}

.code-embed-62 {
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 60%;
  min-width: 60%;
  max-width: 60%;
  height: 30%;
  min-height: 30%;
  max-height: 30%;
  display: flex;
  overflow: hidden;
}

.code-embed-63 {
  width: 100%;
  height: 100px;
  display: none;
}

.aroma_admin_style {
  display: none;
}

.ar_meny_navbar {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  background-color: #242424;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 100vh;
  display: flex;
  position: fixed;
}

.div-block-490 {
  background-color: var(--aromagold);
  color: #fff;
  border-radius: 5px;
  width: 80%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-490:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.div-block-490.current {
  border: 2px solid var(--aromagold);
  background-color: #c5a57200;
}

.div-block-490.current:hover {
  background-color: var(--aromagold);
  background-image: none;
}

.text-block-119 {
  margin-bottom: 20px;
  font-family: Yeseva One, sans-serif;
  font-size: 25px;
}

.ar_meny_cont {
  width: 80vw;
  min-height: 100vh;
  margin-left: 20vw;
}

.ar_meny_add {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: relative;
}

.ar_meny_remove {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
}

.ar_meny_notis, .ar_meny_news {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.div-block-491 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  background-color: #242424;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45vw;
  height: 45vw;
  padding: 40px;
  display: flex;
  position: relative;
}

.ar_meny_newstext {
  color: #000;
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
}

.div-block-492 {
  background-color: #e6e6e6;
  border-bottom: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
}

.div-block-492._1 {
  height: 149vh;
  display: flex;
  overflow: hidden;
}

.code-embed-64 {
  width: 100vw;
  height: 0;
  margin-bottom: 0;
  display: none;
}

.hh_sidemenu {
  z-index: 10;
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50vh;
  height: 97vh;
  padding: 4vh;
  display: flex;
  position: fixed;
  inset: 2vh auto 2vh 2vh;
  box-shadow: 0 0 10px #0003;
}

.div-block-494 {
  background-color: #e6e6e6;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6727fc0a2617adea8f26a67b_MeetImg.jpg");
  background-position: 50%;
  background-size: cover;
  border: 1px solid #000;
  border-radius: 5px;
  justify-content: center;
  align-items: flex-end;
  width: 26vh;
  height: 22vh;
  padding-left: 1vh;
  padding-right: 1vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidemenu_buttons {
  color: #fff;
  white-space: nowrap;
  background-color: #fe3366;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6vh;
  font-size: 18px;
  display: flex;
  overflow: hidden;
}

.sidemenu_buttons:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.sidemenu_buttons.outline {
  color: #fe3366;
  background-color: #fe336600;
  border: 2px solid #fe3366;
}

.sidemenu_buttons.outline:hover {
  color: #fff;
  background-image: linear-gradient(#fe3366, #fe3366);
}

.div-block-496 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-494-copy {
  background-color: #e6e6e6;
  border-radius: 5px;
  width: 100%;
  height: 34vh;
}

.div-block-497 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  object-fit: cover;
  border-radius: 0;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-499 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-500 {
  background-color: #f36;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 4vh;
  height: 16vh;
  display: flex;
  position: fixed;
  inset: 42vh auto auto 52vh;
}

.div-block-500:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.code-embed-66 {
  color: #fff;
  width: 3vh;
  height: 3vh;
}

.hh_sidemenu_small {
  z-index: 10;
  background-color: #fff;
  border-radius: 10px;
  height: 62vh;
  padding: 4vh;
  position: fixed;
  inset: 19vh 2vh 0% auto;
  box-shadow: 0 0 10px #0003;
}

.div-block-502 {
  aspect-ratio: 1;
  background-color: #e6e6e6;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 6vh;
  height: 6vh;
  padding: 1.5vh;
  display: flex;
}

.div-block-502:hover, .div-block-502.black:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.div-block-502.red {
  color: #d80000;
}

.div-block-502.red:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.div-block-502.blue {
  color: #1800cf;
}

.div-block-502.blue:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.div-block-502.green {
  color: #00960f;
  background-color: #e6e6e6;
}

.div-block-502.green:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.div-block-502.pink {
  color: #fff;
  background-color: #fe3366;
}

.div-block-502.pink.outline {
  color: #fe3366;
  background-color: #fe336600;
  border: 2px solid #fe3366;
}

.div-block-502.pink.outline:hover {
  color: #fff;
  background-image: linear-gradient(#fe3366, #fe3366);
}

.div-block-503 {
  background-color: #f36;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 10vh;
  height: 4vh;
  display: flex;
  position: fixed;
  inset: 15vh 4vh auto auto;
}

.div-block-503:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.text-block-120 {
  width: 100%;
  height: 100%;
  padding: 2vh;
  overflow: hidden;
}

.div-block-504 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.text-block-121 {
  margin-bottom: -4px;
  margin-left: -7px;
  font-family: Italianno, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.code-embed-67 {
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(270deg);
}

.body-22 {
  background-color: #fff0;
}

.code-68 {
  width: 21px;
  height: 21px;
}

.div-block-505 {
  z-index: 3;
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2vh;
  margin-right: 2vh;
  font-size: 2vh;
  line-height: 1;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-506 {
  z-index: 3;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background-color: #0000004d;
  border-radius: 5px;
  width: 20vh;
  max-height: 5vh;
  margin-bottom: 2vh;
  padding: 5px;
  font-size: 8px;
  position: relative;
}

.sidemenu_buttons_text {
  margin-left: 10px;
}

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

.div-block-507 {
  background-color: #fe3366;
  border-radius: 100vw;
  width: 2vh;
  height: 2vh;
}

.admin-code {
  width: 90%;
  margin-top: 50px;
  margin-bottom: 50px;
  display: none;
}

.tb_admin_productcontdelete {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  border-radius: 10px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  min-width: 40vw;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding: 2vw;
  display: flex;
}

.admin-css {
  display: none;
}

.codeimput {
  color: #2b2b2b;
  border: 1px solid #000;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 23px;
  display: flex;
  overflow: hidden;
}

.hh_nav {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  padding: 1vw;
  display: flex;
  position: absolute;
  inset: 2vh 2vh auto auto;
}

.div-block-508 {
  color: #fff;
  background-color: #fe3366;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 35px;
  display: flex;
}

.text-block-122 {
  color: #fff;
}

.div-block-510, .ar_test_codein, .ar_text_codeout {
  display: none;
}

.tb_navbar_cont {
  z-index: 10;
  width: var(--tb_navbar_var);
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  text-align: center;
  cursor: default;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 96vh;
  display: flex;
  position: fixed;
  inset: 2vh auto auto 1vw;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.tb_navbar {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  min-height: 5vh;
  box-shadow: 0 0 5px #0003;
}

.tb_navbar.top {
  width: var(--tb_navbar_var);
  background-image: linear-gradient(#fffffff2, #fffffff2), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/672f887f241abb1bc95bb0f8_rb_3591.png");
  background-position: 0 0, 33% 5%;
  background-size: auto, auto 75vh;
  height: 5vw;
  display: flex;
  position: relative;
}

.tb_navbar.bot {
  width: var(--tb_navbar_var);
  background-image: linear-gradient(#fffffff2, #fffffff2), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/672f89d1f32f43b850ee7cd0_rb_3591.jpg");
  background-position: 0 0, 35%;
  background-size: auto, auto 110vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 27vh;
  padding: 1vh 2vw;
  display: flex;
}

.tb_navbar.mid {
  width: var(--tb_navbar_var);
  background-image: linear-gradient(#fffffff2, #fffffff2), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/672f887f241abb1bc95bb0f8_rb_3591.png");
  background-position: 0 0, 40%;
  background-size: auto, auto 110vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  padding: 1vh 1.75vw;
  display: flex;
}

.div-block-515 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66e8175a22f28792949153f0_WYZR__1_-removebg-preview.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 200%;
  justify-content: flex-end;
  align-items: center;
  width: 10vw;
  height: 100%;
  margin-left: -1.5vw;
}

.tb_navbar_text {
  justify-content: center;
  align-items: center;
  height: 4.5vh;
  font-size: 1.25vw;
  display: flex;
}

.tb_navbar_line {
  background-color: var(--aromacream);
  width: 70%;
  height: .1vh;
  margin-top: .4vh;
  margin-bottom: .4vh;
}

.tb_navbar_heading {
  color: #c5a572;
  justify-content: center;
  align-items: center;
  height: 3vh;
  margin-top: 2vh;
  margin-bottom: 3vh;
  font-family: Yeseva One, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.tb_bodydiv {
  background-color: var(--aromacream);
  overflow: hidden;
}

.tb_products_heading {
  color: #c5a572;
  text-align: left;
  height: 30px;
  font-family: Yeseva One, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.code-embed-71 {
  color: var(--aromagold);
  width: 30px;
  height: 30px;
}

.div-block-521 {
  margin-bottom: 5vh;
  display: none;
}

.div-block-521._1 {
  flex-flow: column;
  display: none;
}

.tb_product_productcont {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  justify-content: flex-start;
  align-items: stretch;
  padding-right: 5vw;
  display: flex;
}

.tb_products_smallheading {
  color: var(--tb_maintext);
  height: 2.5vh;
  margin-top: 2vh;
  margin-bottom: 2vh;
  font-family: Yeseva One, sans-serif;
  font-size: 2.5vh;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.tb_product_img {
  z-index: 1;
  aspect-ratio: 1;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  width: 225px;
  height: 225px;
  position: relative;
}

.tb_product_menucont {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tb_product_img-copy {
  z-index: 2;
  aspect-ratio: 1;
  background-color: #ededed00;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tb_product_item {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #000;
  background-color: #ffffff4d;
  border: 1px solid #fff6;
  border-radius: 12px;
  min-width: 225px;
  max-width: 225px;
  padding-bottom: 2vw;
  overflow: hidden;
}

.tb_product_name {
  color: var(--tb_maintext);
  white-space: pre-wrap;
  margin-top: 2vw;
  margin-left: 1vw;
  margin-right: 1vw;
  font-family: Yeseva One, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
}

.tb_product_price {
  color: #000000b3;
  margin-top: 1vw;
  margin-left: 1vw;
  margin-right: 1vw;
  font-family: Varela Round, sans-serif;
  font-size: 12px;
}

.tb_product_description {
  color: var(--tb_text);
  white-space: pre-wrap;
  margin-top: .4vw;
  margin-left: 1vw;
  margin-right: 1vw;
  font-size: 12px;
  line-height: 1.5;
}

.delete-modal {
  z-index: 11;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  width: 30vw;
  padding: 30px;
  display: flex;
  box-shadow: 0 0 20px 20px #0003;
}

.delete-modal-buttons {
  border: 2px solid var(--aromagold);
  background-color: var(--aromagold);
  border-radius: 5px;
  margin-top: 10px;
  font-size: 18px;
}

.delete-modal-buttons:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.delete-modal-buttons._2 {
  color: var(--aromagold);
  background-color: #c5a57200;
}

.delete-modal-buttons._2:hover {
  background-color: var(--aromagold);
  color: #fff;
  background-image: none;
}

.div-block-524 {
  flex-flow: column;
  display: flex;
}

.text-block-131 {
  font-size: 16px;
}

.modal-overlay {
  z-index: 10;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.current-json {
  display: none;
}

.tb_navbar_button {
  grid-column-gap: 1.75vw;
  grid-row-gap: 1.75vw;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-family: Varela, sans-serif;
  display: flex;
}

.tb_navbar_button:hover, .tb_navbar_button.w--current {
  color: var(--aromagold);
}

.tb_navbar_icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 1.5vw;
  height: 1.5vw;
  display: flex;
}

.div-block-525 {
  z-index: 1;
  aspect-ratio: 1;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/659f3f9ce7f8c478b2453a4c_91D4A748-A833-41CC-8609-0E38873E830E.JPEG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  width: 5vw;
  height: 5vw;
  display: flex;
}

.hh_meetvid {
  z-index: 2;
  color: #000;
  border-radius: 30px 0 30px 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.hh_meet_video {
  z-index: 3;
  border-radius: 30px 0 30px 30px;
  width: 100%;
  height: 100%;
  display: none;
}

.hh_meet_text {
  width: 100%;
}

.code-embed-75 {
  display: none;
}

.text-block-133 {
  margin-bottom: 20px;
  font-size: 20px;
}

.div-block-526 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 30px;
  display: flex;
}

.div-block-527 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93vw;
  height: auto;
  min-height: 100vh;
  margin-left: 7vw;
  padding-right: 2vh;
  display: flex;
}

.div-block-527._1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.tb_req_reqproduct {
  background-color: #fff;
  background-image: linear-gradient(#fffffff2, #fffffff2), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/672f83272972b7cd75c0cbc1_rb_173.png");
  background-position: 0 0, 20%;
  background-size: auto, 600px;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  height: 70px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tb_req_reqproducttop {
  justify-content: space-between;
  align-items: center;
  height: 30px;
  line-height: 20px;
  display: flex;
}

.tb_req_reqproductline {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-top: 20px;
}

.tb_req_reqproductbot {
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.tb_req_reqproductbutton {
  background-color: var(--aromagold);
  color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  padding: 1.5px;
  display: flex;
}

.tb_req_reqproductbutton:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
}

.tb_req_reqproductdate {
  font-family: Yeseva One, sans-serif;
}

.tb_req_reqproductprice {
  font-weight: 700;
}

.tb_req_reqproductbuttoncont {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.tb_req_reqcont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  width: 100%;
  padding-bottom: 2vh;
  display: flex;
}

.div-block-520-copy {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  height: 5vw;
  margin-top: 2vh;
  margin-bottom: 1vh;
  display: flex;
}

.menuloadcode {
  display: flex;
}

.text-block-138 {
  text-align: center;
  font-family: Yeseva One, sans-serif;
  font-size: 40px;
}

.text-block-105-copy {
  color: var(--aromagold);
  text-align: center;
  white-space: nowrap;
  margin-bottom: 20px;
  font-family: Italianno, sans-serif;
  font-size: 32px;
}

.div-block-474-copy {
  width: 100vw;
  padding: 4vw 2vw;
}

.text-block-138-copy {
  text-align: center;
  margin-bottom: 40px;
  font-family: Yeseva One, sans-serif;
  font-size: 40px;
}

.div-block-478-copy {
  color: #fff;
  background-color: #242424;
  border-radius: 10px;
  width: 100%;
  padding: 5vw 2vw;
  display: block;
}

.div-block-475-copy {
  width: 100%;
}

.image-21-copy {
  max-width: none;
  height: 35vh;
  margin-bottom: -20px;
}

.div-block-536 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-537 {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block-539 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.tb_cust_preorderbuttonordercover {
  color: #000;
  background-color: #c0e7c7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 440px;
  height: 58px;
  margin-top: -58px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Yeseva One, sans-serif;
  font-size: 20px;
  display: flex;
}

.tb_cust_preorderbuttonordercover:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.div-block-540 {
  height: 1px;
  overflow: hidden;
}

.form-block-16 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.form-13 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.tb_req_reqproductcont {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  white-space: nowrap;
  border-right: 1px solid #000;
  flex-flow: column wrap;
  width: 50%;
  padding: 20px;
  line-height: 20px;
  display: flex;
}

.tb_req_code {
  display: none;
}

._404body {
  background-color: var(--aromacream);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 2vw;
  display: flex;
}

.code-embed-77, .ar_ruta_code, .ar_notis_code {
  display: none;
}

._404cont {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #fff;
  background-color: #242424;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50vh;
  padding: 2vw;
  font-size: 50px;
  line-height: 1;
  display: flex;
}

.text-block-140 {
  font-size: 30px;
}

.text-block-141 {
  font-weight: 700;
}

.div-block-542 {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2vw;
  display: flex;
  box-shadow: 0 0 20px #0003;
}

.text-block-142 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Yeseva One, sans-serif;
  font-size: 3vw;
  font-weight: 400;
}

.text-block-143 {
  text-align: left;
  width: 100%;
  font-size: 1.4vw;
}

.lex_textinput {
  z-index: 0;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
  position: relative;
}

.text {
  z-index: 1;
}

.text.marked {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #5acaf5, #f586f3 35%, #ff346b 70%, #fcae28);
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 4px;
  font-weight: 700;
}

.lex_code_write {
  cursor: text;
  display: none;
}

.expression-container {
  border: 1px solid #000;
  width: 500px;
  height: 200px;
  display: none;
}

.lex_code_formate, .notes {
  display: none;
}

.lex_code_css {
  background-color: #cecece;
  display: none;
}

.test {
  margin-top: -9px;
  display: none;
}

.code-embed-78, .lex_code_readpage {
  display: none;
}

.lex_infoui {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  letter-spacing: 1px;
  cursor: default;
  background-image: none;
  flex-flow: column;
  justify-content: space-between;
  width: 20vw;
  height: 96vh;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 2vh auto auto 2vh;
}

.body-24 {
  color: #3d1000;
  min-height: 200vh;
  font-family: Exo, sans-serif;
  font-size: 16px;
}

.lex_line {
  z-index: 5;
  cursor: default;
  background-color: #000;
  justify-content: center;
  align-items: flex-start;
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  min-height: 200vh;
  position: relative;
  overflow: hidden;
}

.lex_line:hover {
  overflow: visible;
}

.lex_container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  min-height: 200vh;
  display: flex;
  position: relative;
}

.lex_line_mousefollow {
  z-index: 2;
  background-color: #000;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 0;
  transition: opacity;
  display: flex;
  position: sticky;
  top: 50vh;
}

.lex_lineicon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
}

.lex_lineicon._3 {
  width: 22px;
}

.lex_code_line {
  display: none;
}

.lex_panel {
  background-color: #e9e9e9;
  justify-content: space-between;
  align-items: stretch;
  width: 80vw;
  min-height: 200vh;
  margin-left: 20vw;
  display: flex;
}

.lex_left_panel {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.lex_right_panel {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: none;
}

.lex_graph {
  z-index: 1;
  background-color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.lex_drawing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f00000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.lex_panelnav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--m_color);
  opacity: .5;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
}

.lex_panelnav:hover {
  opacity: 1;
}

.lex_nav_button {
  aspect-ratio: 1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.lex_nav_button:hover {
  background-color: #dfe6ef;
  background-image: none;
}

.lex_nav_button.sqr {
  justify-content: center;
  align-items: center;
  font-size: 3vh;
  line-height: 1;
}

.lex_nav_button.active {
  background-color: #7abae1;
}

.lex_nav_button.window {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 32px;
  min-width: 32px;
  margin: 8px;
  padding: 4px;
  display: none;
  overflow: hidden;
}

.lex_nav_cont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  display: flex;
}

.lex_code_panels {
  display: none;
}

.div-block-544 {
  z-index: 10;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/675eddc73d5ef80a201720f5_MathildaTeacher.jpg");
  background-position: 40%;
  background-size: cover;
  border-radius: 30px 0 30px 30px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 20vh;
  height: 20vh;
  display: flex;
  position: fixed;
  inset: 30px 30px auto auto;
  overflow: hidden;
  box-shadow: 0 0 20px #0003;
}

.div-block-544-copy-copy {
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12vh;
  display: flex;
  overflow: hidden;
}

.div-block-544-copy-copy-copy {
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  color: var(--lex_maintext);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 8vh;
  height: 8vh;
  padding: 2.2vh;
  display: flex;
}

.div-block-544-copy-copy-copy:hover {
  border-color: var(--lex_stroke_hover);
}

.lex_spawntext {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lex_errorcont {
  z-index: 20;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.lex_error {
  border: 1px solid var(--lex_stroke_hover);
  background-color: var(--lex_bg);
  color: var(--lex_maintext);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 200px;
  padding: 20px;
  display: flex;
}

.lex_graph_cont {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
  position: sticky;
  inset: 0% 0% auto auto;
}

.lex_kortkommando {
  z-index: 10;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  cursor: default;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

.lex_kortkommando_key {
  background-color: var(--m_color);
  letter-spacing: 1px;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 10px;
  line-height: 1;
  display: flex;
  box-shadow: 0 0 10px 2px #0003;
}

.lex_code_kortkommando, .lex_code_graph2 {
  display: none;
}

.lex_quickcalccont {
  z-index: 20;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.lex_quickcalc {
  z-index: 21;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--lex_bg);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 760px;
  height: 490px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lex_quickcalcbtn {
  margin-bottom: var(--lex_gap);
  aspect-ratio: 1;
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  color: var(--lex_text);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px #0003;
}

.lex_quickcalcbtn:hover {
  border-color: var(--lex_stroke_hover);
}

.lex_quickcalc_menu {
  flex-flow: row;
  justify-content: space-between;
  width: 680px;
  height: 320px;
  display: flex;
}

.lex_quickcalc_menu_3dcont {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 680px;
  display: none;
}

.div-block-549 {
  aspect-ratio: 1;
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.div-block-549:hover {
  border-color: var(--lex_stroke_hover);
}

.lex_quickcalc_menu_2dcont {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 680px;
  display: none;
}

.div-block-550 {
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  color: var(--lex_maintext);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 680px;
  height: 50px;
  min-height: 50px;
  font-size: 30px;
  line-height: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.code-embed-84 {
  transform-style: preserve-3d;
  transform: rotateX(64deg)rotateY(7deg)rotateZ(23deg);
}

.text-block-144 {
  color: var(--lex_maintext);
  font-size: 30px;
  position: absolute;
  inset: 70px 50px auto auto;
}

.text-block-145 {
  color: var(--lex_text);
  justify-content: center;
  align-items: center;
  width: 320px;
  display: flex;
  position: absolute;
  inset: auto auto 50px 0%;
}

.lex_quickcalc_catagorys, .rita-graf-knapp-bort, .lex_quickcalc_css {
  display: none;
}

.lex_quickcalc_return {
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 7px;
  display: flex;
  position: absolute;
  inset: auto auto 7.5px 7.5px;
}

.lex_quickcalc_return:hover {
  border-color: var(--lex_stroke_hover);
}

.lex_quickcalc_window {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  border-radius: 8px;
  flex-flow: column;
  width: 300px;
  min-height: 400px;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 100px auto auto 250px;
}

.div-block-551 {
  color: var(--lex_maintext);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  line-height: 1;
  display: flex;
}

.code-embed-85 {
  width: 30px;
  height: 30px;
}

.div-block-552 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lex_quickcalc_windowbtn {
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 5px;
  display: flex;
}

.lex_quickcalc_windowbtn:hover {
  border-color: var(--lex_stroke_hover);
}

.div-block-554 {
  background-color: var(--lex_maintext);
  width: 17px;
  height: 1px;
}

.div-block-555 {
  width: 100%;
  height: 200px;
  position: relative;
}

.div-block-556 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 35px;
  display: flex;
}

.lex_quickcalc_inputsizecont {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  color: var(--lex_text);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: 35px;
  padding: 5px 10px;
  display: flex;
}

.lex_quickcalc_inputcheckboxcont {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  color: var(--lex_text);
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 35px;
  margin-top: 7px;
  padding: 5px;
  line-height: 1;
  display: flex;
}

.lex_quickcalc_inputfullwidthcont {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  color: var(--lex_text);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 35px;
  margin-top: 7px;
  padding: 5px 10px;
  display: flex;
}

.code-embed-87 {
  width: 100%;
  height: 100%;
}

.text-block-147 {
  color: var(--lex_text);
  position: absolute;
  inset: 10px 30px auto auto;
}

.lex_code_windows {
  display: none;
}

.lex_quickcalc_btn {
  color: var(--lex_text);
  cursor: default;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35px;
  display: flex;
}

.lex_quickcalc_btn:hover {
  color: var(--lex_maintext);
  background-color: #ffffff26;
}

.lex_nav {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: default;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 0;
  display: flex;
  position: fixed;
  inset: 2vh auto auto 0%;
}

.lex_windownav {
  background-color: var(--lex_bg);
  border-radius: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.lex_nav_buttonicon {
  aspect-ratio: 1;
  width: 24px;
  height: 24px;
}

.text-block-148 {
  color: var(--lex_text);
  margin-top: 5px;
}

.div-block-558 {
  aspect-ratio: 1;
  border: 1px solid var(--lex_stroke);
  background-color: var(--lex_inner);
  color: var(--lex_maintext);
  border-radius: 5px;
  width: 50px;
  margin-bottom: 20px;
  padding: 10px;
}

.lex_qc_window_code {
  display: none;
}

.lex_quickcalcbtn_text {
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.lex_quickcalcbtn_icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-149 {
  font-size: 16px;
  line-height: 1.2;
}

.lex_code_togglethemes, .hidecode {
  display: none;
}

.al_body {
  background-color: #f9fff9;
  background-image: radial-gradient(circle at 100% 90%, #00415730, #fff0 26%), radial-gradient(circle at 0%, #00582069, #fff0 23%), linear-gradient(#0000 9%, #00ff0817 21%, #1bbad626 35%, #07a14a1f 63%, #006f1a29);
  width: 100vw;
  min-height: 100vh;
}

.al_navbar {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.al_navbar.scroll {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.text-block-150 {
  color: #000;
  font-size: 40px;
  line-height: 1;
}

.al_btnline {
  background-color: var(--test);
  border-radius: 100vw;
  width: 80%;
  height: 2px;
}

.al_btnline._2 {
  width: 100%;
}

.div-block-560 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.div-block-560:hover {
  height: 40px;
}

.div-block-561 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.al_headingcont {
  z-index: 1;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 10vh;
  padding-bottom: 25vh;
  display: flex;
  position: relative;
}

.text-block-151 {
  color: #666;
  width: 700px;
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 1.8;
}

.div-block-565 {
  z-index: 2;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
}

.al_hero {
  background-image: radial-gradient(circle at 100% 0, #009723a3, #fff0 39%), radial-gradient(circle at 0 0, #94f59191, #fff0 45%), linear-gradient(#86d5ff, #fff0 37%);
  position: relative;
}

.al_review {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
  position: relative;
}

.al_headcont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20vh;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-570 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  border: 2px solid #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 20vw;
  height: 30vw;
  padding: 21px;
  display: flex;
  box-shadow: 0 0 14px #00000014;
}

.div-block-570:hover {
  border-color: #85b482;
}

.al_reviwcarousell {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.al_ai {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.div-block-573 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #e2e2e2;
  border: 2px solid #e2e2e2;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 80vw;
  min-height: 100px;
  display: flex;
  overflow: hidden;
}

.div-block-574 {
  aspect-ratio: 3 / 2;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 33.15%;
  padding: 2vw;
  display: flex;
}

.div-block-574:hover {
  background-color: #e7ffe5;
}

.code-embed-89 {
  color: var(--test);
  width: 3vw;
  margin-bottom: 1vw;
  position: static;
}

.text-block-154 {
  font-size: 2vw;
  font-weight: 700;
}

.al_howitworks {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.al_contact {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.body-25 {
  color: #000;
  cursor: default;
  background-color: #242424;
  font-family: Varela Round, sans-serif;
}

.text-span-7 {
  color: var(--test);
}

.heading-25 {
  background-image: linear-gradient(90deg, var(--test), #64cfe2);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 8px;
  font-family: Exo, sans-serif;
  font-size: 40px;
}

.div-block-576 {
  background-color: #dbdbdb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 80vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-159 {
  color: #8d8d8d;
  margin-top: 5px;
  font-size: 1.2vw;
}

.text-block-159._2 {
  font-size: 10px;
}

.link-block-21 {
  background-color: var(--test);
  color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  font-size: 16px;
  display: flex;
}

.link-block-21:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.link-block-21._2 {
  border: 2px solid var(--test);
  box-shadow: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #000;
  background-color: #fff0;
  background-image: none;
}

.link-block-21._2:hover {
  background-color: var(--test);
  color: #fff;
}

.div-block-579 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.al_herobg {
  z-index: 0;
  opacity: .2;
  background-image: linear-gradient(#0000 75%, #fff), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b29237734e652eee9b0b6_SL-072622-51930-20.jpg");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.al_sqrpapercont {
  z-index: 2;
  background-color: #fff;
  border-radius: 8px;
  width: 70vw;
  height: 65vh;
  display: none;
  position: absolute;
  inset: auto auto 0% 10vw;
}

.div-block-582 {
  opacity: .4;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b2db5e29365b4480e7f8b_abstract-horizontal-grid-lines-graph-style-graphic-design_1017-39918.avif");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 80vw;
  width: 100%;
  height: 100%;
}

.text-block-160 {
  margin-top: 8.6vw;
  margin-left: 5.4vw;
  font-size: 2vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-160._2 {
  margin-top: 17.3vw;
  margin-left: 5.4vw;
}

.text-block-160._3 {
  margin-top: 25.8vw;
  margin-left: 5.4vw;
}

.text-block-160._3-1 {
  margin-top: 25.8vw;
  margin-left: 19.1vw;
}

.al_custsqr {
  justify-content: center;
  align-items: center;
  width: 2.76vw;
  height: 2.76vw;
  display: flex;
}

.al_support {
  background-image: radial-gradient(circle at 100% 100%, #def5f3, #fff0 47%);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.al_headcont-copy {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 40vw;
  margin-left: 2vw;
  display: flex;
}

.div-block-584 {
  background-color: #a3a3a3;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b69960e97f5a779bb164f_HetchTeam1.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 40vw;
  height: 40vw;
  padding: 10px;
  display: flex;
  position: relative;
}

.div-block-585 {
  z-index: 1;
  background-color: var(--test);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.link-block-22 {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 135px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block-22:hover {
  justify-content: space-between;
  align-items: center;
  width: 150px;
}

.link-block-22._2 {
  width: 140px;
}

.link-block-22._2:hover {
  width: 150px;
}

.div-block-586 {
  background-color: var(--test);
  width: 98%;
  height: 10px;
  position: absolute;
}

.div-block-587 {
  z-index: 1;
  background-color: var(--test);
  border-radius: 100vw;
  width: 40px;
  height: 40px;
  margin-left: -5px;
  padding: 10px;
  position: relative;
}

.div-block-588 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.image-30 {
  mix-blend-mode: darken;
  width: 100px;
  margin-bottom: 24px;
}

.partnerlogos {
  width: 20px;
}

.partnerlogos._2 {
  width: 25px;
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.div-block-589 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  filter: brightness(0%);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-590 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.al_reviewbg {
  z-index: 0;
  opacity: .2;
  background-image: radial-gradient(circle, #0000, #b3d1bf 55%), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b5da66067c08a08ab9bda_dottedbg.jpg");
  background-position: 0 0, 50%;
  background-size: auto, 2000px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-592 {
  color: #fff;
  background-color: #242424;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 40px;
  display: flex;
}

.div-block-593 {
  background-color: var(--test);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66a0658b3f045671c1e3d781_transparent%20white%20profile%20image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 100vw;
  width: 30px;
  height: 30px;
}

.div-block-594 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2vw;
  display: flex;
}

.text-block-161 {
  width: 100%;
  height: 4.4vw;
  margin-bottom: 8px;
  font-family: Exo, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.1;
}

.text-block-162 {
  font-size: 1.2vw;
}

.div-block-595 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 2px solid #fff;
  border-radius: 12px;
  width: 80vw;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-595:hover {
  border-color: #85b482;
}

.div-block-596 {
  z-index: 1;
  aspect-ratio: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66a0658b3f045671c1e3d781_transparent%20white%20profile%20image.svg"), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b46f7040573bdb64ce05c_Ska%CC%88rmavbild_2024-11-30_kl._17.41.57-removebg-preview.png");
  background-position: 0 0, 50% 10%;
  background-repeat: repeat, no-repeat;
  background-size: cover, 125px;
  border: 2px solid #fff;
  border-radius: 8px;
  width: 200px;
  height: 200px;
  position: relative;
}

.div-block-597 {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.text-block-161-copy {
  margin-bottom: 8px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.div-block-598 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.al_omossbg {
  z-index: 0;
  opacity: .2;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b2db5e29365b4480e7f8b_abstract-horizontal-grid-lines-graph-style-graphic-design_1017-39918.avif");
  background-position: 50% 0;
  background-size: 80vw;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.al_omossbg._2 {
  opacity: .1;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b5da66067c08a08ab9bda_dottedbg.jpg");
  background-size: 150%;
}

.al_omossbg._2-1 {
  opacity: .1;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b5da66067c08a08ab9bda_dottedbg.jpg");
  background-size: 700%;
}

.div-block-599 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  border: 2px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  padding: 9px 15px;
  display: flex;
}

.div-block-599:hover {
  background-color: #fff;
}

.code-embed-91 {
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.text-block-163 {
  z-index: 1;
  font-family: Exo, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  position: relative;
}

.text-block-164 {
  z-index: 2;
  color: #414141;
  margin-bottom: 20px;
  font-size: 1.2vw;
  position: relative;
}

.div-block-600 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  aspect-ratio: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 2px solid #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 19vw;
  padding: 20px;
  display: flex;
  position: relative;
}

.div-block-600:hover {
  border-color: #85b482;
}

.div-block-600._2 {
  justify-content: space-between;
}

.div-block-602 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 30px;
  display: flex;
}

.div-block-604 {
  flex-flow: column;
  justify-content: space-between;
  width: 32vh;
  height: 69vh;
  display: flex;
  position: absolute;
  inset: -2vh -10vw auto auto;
}

.div-block-605 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b2db5e29365b4480e7f8b_abstract-horizontal-grid-lines-graph-style-graphic-design_1017-39918.avif");
  background-position: 0 0;
  background-size: 80vw;
  border-radius: 8px;
  width: 32vh;
  height: 32vh;
  box-shadow: 0 0 10px #0003;
}

.div-block-605._2 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b5da66067c08a08ab9bda_dottedbg.jpg");
  background-position: 50%;
  background-size: 250vh;
}

.div-block-606 {
  background-color: #808080bf;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.code-embed-92 {
  color: #fff;
}

.image-31 {
  width: 100%;
}

.text-block-165 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 10px auto auto 10px;
}

.al_head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 2px solid #0eb602;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.al_head._3 {
  border-bottom-color: #c82627;
}

.al_head._2 {
  border-bottom-color: #0097d3;
}

.al_headnumcont {
  color: #fff;
  background-color: #0eb602;
  border-radius: 5px;
  padding: 9px 15px;
}

.al_headnumcont._3 {
  background-color: #c92626;
}

.al_headnumcont._2 {
  background-color: #0097d3;
}

.al_headtext {
  font-family: Exo, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.al_techshiplogo {
  filter: brightness(0%);
  width: 20px;
}

.div-block-610 {
  z-index: 2;
  width: 80vw;
  height: 95vw;
  margin-top: -15vh;
  margin-left: 10vw;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.lex_info {
  z-index: 8;
  background-color: #e9e9e9;
  width: 20vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.trail_list {
  z-index: 3;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-33 {
  aspect-ratio: 1;
  width: 15vw;
  min-width: 15vw;
  max-width: 15vw;
  height: 15vw;
  min-height: 15vw;
  max-height: 15vw;
}

.tb_cust_updateingscreen {
  z-index: 500;
  background-color: var(--aromacream);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-block-168 {
  color: var(--aromagold);
  font-family: Yeseva One, sans-serif;
  font-size: 24px;
}

.text-block-169 {
  color: #fff;
  margin-top: 12px;
  font-size: 16px;
}

.link-block-24 {
  border: 2px solid var(--aromagold);
  color: #fff;
  border-radius: 2px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 9px 15px;
  font-family: Yeseva One, sans-serif;
  font-weight: 400;
}

.link-block-24:hover {
  background-color: var(--aromagold);
}

.link-block-24._2 {
  background-color: var(--aromagold);
  color: #fff;
}

.link-block-24._2:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.div-block-642 {
  margin-top: 50px;
}

.div-block-643 {
  aspect-ratio: 10 / 7;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f6dc4198c5e7cfbad14516_aroma_restaurang_loga.webp");
  background-position: 0 0;
  background-size: cover;
  width: 200px;
  margin-bottom: 4px;
}

.div-block-644 {
  z-index: 200;
  background-color: #242424;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.div-block-645 {
  background-color: #e0e0e0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-37 {
  width: 300px;
}

.div-block-646 {
  background-color: #ccc;
  width: 100%;
  height: 1px;
}

.div-block-647 {
  width: 100%;
}

.div-block-648 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 45px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-649 {
  background-color: #ccc;
  width: 1px;
  height: 100%;
}

.div-block-650 {
  width: 100%;
}

.tb_cust_completesubheading {
  text-align: left;
  width: 100%;
  font-size: 16px;
}

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

.tb_cust_completesubheading.t {
  margin-top: 4px;
}

.text-block-172 {
  font-size: 12px;
}

.tb_cust_completetext {
  text-align: left;
  font-size: 12px;
}

.text-span-10 {
  -webkit-text-stroke-width: .4px;
}

.tb_cust_error {
  background-color: #e7c0c0;
  border-radius: 10px;
  width: 80%;
  max-width: 440px;
  margin-top: 15px;
  font-size: 11px;
  display: none;
  overflow: hidden;
}

.div-block-652 {
  background-image: linear-gradient(#c0e7c7, #fff);
  border-radius: 8px;
  padding: 2px;
}

.div-block-653 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.neworderbg {
  z-index: 200;
  background-color: #0000004d;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.newordercont {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 40vh;
  display: flex;
}

.text-block-180 {
  font-family: Yeseva One, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.tb_req_reqdiv {
  width: 100%;
  display: flex;
}

.tb_req_reqconatctcont {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column wrap;
  width: 50%;
  padding: 20px;
  display: flex;
}

.tb_req_reqconatcticon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.tb_req_reqconatct {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tb_req_reqproducttopleftcont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-field {
  margin-bottom: 10px;
}

.spacer-20 {
  width: 100%;
  height: 20px;
}

.button-25 {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 50px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: box-shadow .2s;
}

.button-25:hover {
  background-color: #000;
  border-color: #000;
}

.icon_white {
  color: var(--main);
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
  overflow: hidden;
}

.button_black {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 10px 28px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.button_black:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.form-block-18 {
  border-radius: 0 20px 20px 0;
  margin-top: 0;
  margin-bottom: 0;
}

.field {
  color: #fff;
  background-color: #0000;
  border: 1.5px #e7e7e7;
  border-bottom: 1px solid #c2c2c2;
  height: 45px;
  margin-bottom: 0;
  padding: 8px 0;
  font-weight: 300;
  transition: box-shadow .2s;
}

.field:focus-visible, .field[data-wf-focus-visible] {
  border-bottom-color: #000;
}

.heading-26 {
  font-size: 4vw;
}

.heading-27 {
  text-align: center;
  width: 100%;
  font-family: Yeseva One, sans-serif;
  font-size: 3vw;
}

.paragraph-16 {
  width: 100%;
  margin-top: 1vw;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: 1vw;
}

.div-block-666 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #242424;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  min-height: 100vh;
  padding: 2vw;
  display: flex;
}

.div-block-667 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: flex-start;
  width: 47vw;
  height: auto;
  display: flex;
}

.div-block-668 {
  color: #fff;
  background-color: #2b2b2b;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4vw;
  display: flex;
}

.div-block-668-co {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-667-co {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: var(--aromacream);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b594945841811bb56c592_7C2AAA3D-EB55-456C-9CFB-C4737DC768EB-removebg-preview.png"), linear-gradient(#2b2b2b, #2b2b2b);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  border: 1px solid #777;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  width: 47vw;
  height: auto;
  display: block;
}

.div-block-667-co.phone {
  display: none;
}

.div-block-669-co {
  color: #fff;
  background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/673096d4a9e91179ff1c8ae9_aromamat_img5.jpg");
  background-position: 0 0, 0 100%;
  background-size: auto, cover;
  border: 1px solid #777;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 2vw;
  display: flex;
}

.div-block-669-co._2 {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6756129a2c62899fb215d171_hetch.jpg");
  background-position: 0 0, 70%;
}

.body-26 {
  background-color: #242424;
}

.tb_cust_newordertimer {
  color: #000;
  background-color: #ffffff80;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
}

.tb_req_soundcode {
  display: none;
}

.tb_cust_notificationbtn {
  background-color: var(--tb_oliv);
  color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  display: flex;
}

.text-field-19 {
  color: #000;
  text-align: left;
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: 6vh;
  margin-bottom: 0;
}

.form-15 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: column;
  width: 100%;
  min-height: 32vh;
  display: flex;
}

.textarea-3 {
  color: #000;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 38vh;
  min-height: 38vh;
  max-height: 38vh;
  margin-bottom: 0;
  display: flex;
}

.div-block-670 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  height: 6vh;
  display: flex;
}

.tb_req_sendemailbg_sendbtn {
  border: 2px solid var(--aromagold);
  background-color: var(--aromagold);
  border-radius: 4px;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-bottom: 0;
}

.text-block-181 {
  border: 2px solid var(--aromagold);
  color: var(--aromagold);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 6vh;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.tb_admin_mobilbutton {
  color: #dad4c8;
  display: none;
}

.text-field-19-co {
  color: #000;
  text-align: left;
  width: 100%;
  height: 6vh;
  margin-bottom: 0;
}

.tb_cust_checkoutcode {
  display: none;
}

.div-block-672 {
  color: #f2f2f2;
  background-color: #1a1f2c;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  font-size: 16px;
  font-weight: 200;
  display: flex;
  box-shadow: 0 0 20px -3px #0003;
}

.div-block-673 {
  z-index: 101;
  color: #fff;
  background-color: #242424;
  border: 1px solid #fff;
  border-radius: 4px 4px 24px;
  justify-content: center;
  align-items: center;
  width: 4vh;
  height: 4vh;
  padding-bottom: .3vh;
  padding-right: .3vh;
  display: flex;
  position: absolute;
  inset: auto 1vh 1vh auto;
}

.text-block-182 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 4vh;
  font-family: Inconsolata, monospace;
  font-size: 20px;
  display: flex;
}

.image-38 {
  border-radius: 8px;
}

.text-block-183 {
  margin-bottom: 8px;
  font-size: 12px;
}

.background-video-8 {
  width: 100%;
  height: 100%;
  display: none;
}

.tb_req_sendemailbg_resetbtn {
  display: none;
}

.ai_demo {
  z-index: 100;
  background-color: #e37746;
  background-image: radial-gradient(circle at 50% 100%, #4da8da, #cfe0ef);
  border-radius: 28px 0 28px 28px;
  justify-content: center;
  align-items: flex-end;
  width: 22vh;
  height: 22vh;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  position: fixed;
  inset: 2vh 2vh auto auto;
  overflow: hidden;
}

.lex_matheocode {
  display: none;
}

.div-block-674 {
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  overflow: hidden;
}

.image-38-co {
  border-radius: 12px;
  display: block;
}

.tb_body {
  cursor: default;
  background-image: linear-gradient(#dad4c8b3, #dad4c8b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/676c8518c4c731918fe665b6_Lightbrickwall%20repeateble.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  font-family: PT Sans, sans-serif;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.tb_navbarcont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 108px;
  min-width: 108px;
  max-width: 108px;
  height: 100vh;
  padding: 20px;
  display: flex;
}

.div-block-676 {
  aspect-ratio: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff4d;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67548e892eca5a31b74debcb_Under%20uppdatering.png");
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff6;
  border-radius: 100vw;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  overflow: clip;
  box-shadow: 0 9px 10px 5px #0000001a;
}

.div-block-677 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffffff4d;
  border: 1px solid #fff6;
  border-bottom-width: 0;
  border-radius: 100vw 100vw 0 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding-top: 16px;
  display: flex;
}

.div-block-677._2 {
  border-top-width: 0;
  border-bottom-width: 1px;
  border-radius: 0 0 100vw 100vw;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 16px;
}

.div-block-677._1-3 {
  min-height: 212px;
}

.div-block-677._1-2 {
  min-height: 144px;
}

.div-block-677._1-4 {
  min-height: 280px;
}

.div-block-677._1-1 {
  min-height: 76px;
}

.tb_sectionscont {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  display: flex;
}

.tb_smallsection {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 340px;
  min-width: 340px;
  max-width: 340px;
  height: 100%;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.div-block-679-co {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff4d;
  border: 1px solid #ffffff4d;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  box-shadow: 0 9px 10px 5px #0000001a;
}

.tb_largesection {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.div-block-683 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 80px;
  min-height: 80px;
  display: flex;
}

.tb_tabsbtn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000000b3;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  max-height: 32px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.tb_tabsbtn:hover {
  background-color: #fff6;
}

.tb_tabsbtn.current {
  color: #000;
  white-space: nowrap;
  background-color: #fff6;
  border-radius: 4px;
}

.tb_bookingitem {
  border-bottom: 1px solid #0000001a;
  border-radius: 1px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 68px;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.tb_bookingitem:hover {
  background-color: #ffffff80;
}

.tb_bookingheading {
  color: var(--tb_maintext);
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}

.tb_bookingitem_topleft {
  flex-flow: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.tb_bookingitem_date {
  color: var(--tb_maintext);
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 1;
}

.tb_bookingitem_name {
  font-size: 12px;
  line-height: 1;
}

.tb_bookingitem_icons {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.tb_bookingitem_guests {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.tb_bookingscont {
  background-color: #ffffff80;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.div-block-1004 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-1005 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.tb_booking_statisticcont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.tb_booking_statisticnum {
  color: var(--tb_maintext);
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}

.tb_booking_statistictext {
  color: #000;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
}

.div-block-1007 {
  width: 100%;
}

.code-embed-102 {
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.div-block-1008 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--tb_maintext);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-194 {
  font-size: 20px;
  line-height: 1;
}

.div-block-677-c {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff4d;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 9px 10px 5px #0000001a;
}

.div-block-677-c._3 {
  overflow: hidden;
}

.text-block-195 {
  color: var(--tb_maintext);
  font-weight: 700;
}

.text-block-196 {
  color: #2e2e2e;
}

.text-block-197 {
  color: #2e2e2e;
  font-size: 12px;
}

.code-embed-103 {
  color: #ffffff80;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}

.div-block-1009 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-1010 {
  width: 100%;
  height: 90px;
  min-height: 90px;
  padding-bottom: 30px;
  display: flex;
}

.div-block-1011 {
  background-color: #ffffff80;
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 60px;
}

.div-block-1011._1 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
}

.div-block-1012 {
  width: 200px;
  min-width: 200px;
  height: 60px;
  position: relative;
}

.div-block-1013 {
  background-color: var(--tb_oliv);
  color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  inset: 30px 70px 0% auto;
}

.div-block-1013:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.tb_addbookingsbtn_icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.div-block-1014 {
  background-color: #ffffff80;
  border-bottom: 1px solid #0000001a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: space-between;
  width: 100%;
  height: 28px;
  min-height: 28px;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.div-block-1015 {
  color: #000000b3;
  border-radius: 100vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  min-height: 60px;
  font-size: 10px;
  display: flex;
}

.div-block-1015:hover {
  background-color: #fff6;
}

.div-block-1015.abs {
  background-color: var(--tb_oliv);
  color: #fff;
  position: absolute;
  inset: 38px -20px auto auto;
}

.code-embed-101-c-c {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tb_bookingstop {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  min-height: 80px;
  display: flex;
}

.tb_bookingitem_topright {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.tb_bookingitem_dropdown {
  color: #0006;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 32px;
  display: flex;
}

.tb_bookingitem_guestscont {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 35px;
  margin-right: 32px;
  display: flex;
}

.div-block-1019 {
  display: flex;
}

.tb_bookingitem_iconscont {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  display: flex;
}

.text-block-199 {
  margin-right: 32px;
}

.text-block-200 {
  margin-right: 100px;
}

.tb_bookingitem_top {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  margin-bottom: 16px;
  display: flex;
}

.tb_bookingitem_infocont {
  width: 100%;
}

.tb_bookingitem_info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  margin-bottom: 12px;
  font-size: 16px;
  display: flex;
}

.tb_bookingitem_infodiv {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tb_bookingitem_btncont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  width: 100%;
  margin-top: 12px;
  font-size: 16px;
  display: flex;
}

.tb_bookingitem_btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--tb_oliv);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.tb_bookingitem_infoheading {
  font-weight: 700;
}

.tb_bookingscontoverflow {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.tb_menucont {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff4d;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 9px 10px 5px #0000001a;
}

.tb_addmenu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffff80;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 16px;
  font-size: 12px;
  line-height: 1;
  display: flex;
  overflow: hidden;
}

.div-block-1026 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  height: 88px;
  min-height: 88px;
  display: flex;
}

.tb_addmenucont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.code-embed-103-co {
  color: #ffffff80;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}

.div-block-1011-co {
  background-color: #ffffff80;
  border-bottom-left-radius: 10px;
  width: 40%;
  height: 60px;
}

.div-block-1011-co._1 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
}

.tb_menusearchbar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff4d;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 1;
  display: flex;
  overflow: hidden;
  box-shadow: 0 9px 10px 5px #0000001a;
}

.code-embed-104 {
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.tb_menusearch {
  background-color: #fff0;
  border: 0 solid #000;
  width: 100%;
  height: 40px;
}

.tb_menusearch:focus-visible, .tb_menusearch[data-wf-focus-visible] {
  border-width: 0;
}

.div-block-1028 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.div-block-1029 {
  color: #fff;
  white-space: nowrap;
  background-color: #556b2f;
  border-radius: 8px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  display: flex;
}

.div-block-1030 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.tb_css, .tb_bookingscode {
  display: none;
}

.code-embed-106 {
  color: #ffffff4d;
  justify-content: center;
  align-items: center;
  width: 68px;
  min-width: 68px;
  min-height: 150px;
  display: flex;
  overflow: hidden;
}

.div-block-1031 {
  border-radius: 100vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1032 {
  border-left: 1px solid #ffffff80;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 136px;
  display: flex;
  position: relative;
}

.div-block-1033 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 136px;
  min-height: 136px;
  max-height: 136px;
  display: flex;
  overflow: hidden;
}

.tb_code_resizeproducts {
  display: none;
}

.tb_categories {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffffff80;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 16px;
  font-size: 12px;
  line-height: 1;
  display: block;
  overflow: hidden;
}

.tb_categories_item {
  background-color: #ffffff80;
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding: 12px;
  font-size: 16px;
  display: flex;
}

.tb_categories_icon {
  width: 16px;
  height: 16px;
}

.tb_categoriescont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}

.tb_code_catagories {
  display: none;
}

.tb_anbcont {
  background-color: #ffffff80;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 100vh;
  padding: 20px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-1035 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
}

.tb_anb_inputcont {
  width: 100%;
}

.div-block-1036 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 32px;
  display: grid;
}

.code-embed-107 {
  width: 16px;
  height: 16px;
}

.tb_anb_btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffffff80;
  border: 1px solid #0000001a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
}

.tb_anb_btn.active {
  background-color: var(--tb_oliv);
  color: #fff;
}

.div-block-1038 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.tb_bookingsdisplay {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.tb_code_newbooking {
  display: none;
}

.mathildaf-rgtema {
  background-image: linear-gradient(90deg, #5acaf5, #f586f3 35%, #ff346b 70%, #fcae27);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 25vw;
  display: none;
  position: relative;
}

.mathildaf-rgtema._1 {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: auto;
  height: auto;
  font-family: Lato, sans-serif;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1;
}

.mathildaf-rgtema._4 {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: auto;
  height: auto;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1;
}

.div-block-1040 {
  background-color: #ffffffb3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.div-block-1041 {
  justify-content: space-around;
  width: 100%;
  height: 50%;
  display: flex;
}

.div-block-1042 {
  background-color: #f1f1f1;
  border-radius: 20px;
  width: 10%;
  height: 100%;
}

.div-block-1042._1 {
  background-color: #242424;
}

.div-block-1043 {
  background-color: #f2f2f2;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 15%;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 5% auto auto 25%;
}

.div-block-1043._2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  color: #fff;
  text-align: center;
  background-color: #242424;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 20px;
  top: 80%;
}

.text-block-204 {
  color: #ffffffb3;
  font-size: 1.7vh;
}

.text-block-205 {
  font-size: 3vh;
}

.text-block-206 {
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.div-block-1044 {
  background-color: #fff3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 5vh;
  font-size: 1.4vh;
  display: flex;
  position: absolute;
  inset: auto 5% 5% auto;
}

.tb_tabsbtn_icon {
  background-color: var(--tb_maintext);
  color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
}

.tb_emailcont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.wyzr_libary {
  display: none;
}

.settings_opt {
  background-color: #ffffff80;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.settings_opt.large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.settings_opt.active {
  background-color: #fff;
}

.settings_opt.redhover:hover {
  background-color: var(--tb_maintext);
  color: #fff;
}

.settings_opt.hover {
  white-space: nowrap;
}

.settings_opt.hover:hover {
  background-color: #ffffffb3;
}

.div-block-1046 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.settings_icon {
  width: 16px;
  height: 16px;
}

.settings_toggle {
  background-color: #ffffff80;
  border: 1px solid #fff3;
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.settings_toggle_icon {
  background-color: #800020;
  border-radius: 100%;
  width: 16px;
  height: 16px;
}

.settings_toggle_icon.on {
  background-color: var(--tb_oliv);
  margin-left: 36px;
}

.text-block-207 {
  color: #556b2f;
}

.div-block-1049 {
  border: 1px solid #ffffffb3;
  border-radius: 8px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.settings_line {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
  min-height: 1px;
  box-shadow: 0 2px 12px #ffb6b63b;
}

.div-block-1050 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1051 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 80px;
  display: flex;
}

.proplan_div {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff4d;
  border-radius: 12px;
  flex-flow: row;
  width: 100%;
  height: 100%;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 9px 10px 5px #0000001a;
}

.div-block-1052 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/673096d4a9e91179ff1c8ae9_aromamat_img5.jpg");
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1053 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 1;
  display: flex;
}

.text-block-210 {
  font-family: Yeseva One, sans-serif;
  font-size: 60px;
}

.div-block-1054 {
  background-color: var(--tb_oliv);
  background-image: linear-gradient(90deg, var(--tb_oliv), #89ac52 49%, #76993e);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-1055 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff6;
  border: 1px solid #ffffff80;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 20px;
  font-size: 12px;
  display: flex;
}

.div-block-1056 {
  background-color: var(--tb_oliv);
  border-radius: 100%;
  width: 5px;
  min-width: 5px;
  max-width: 5px;
  height: 5px;
  min-height: 5px;
  max-height: 5px;
}

.div-block-1057 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-211 {
  margin-bottom: 4px;
  font-weight: 700;
}

.text-block-212 {
  font-size: 24px;
  line-height: 1.4;
}

.div-block-1058 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  height: 40px;
  display: flex;
}

.div-block-1054-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff6;
  border: 1px solid #ffffff80;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-1059 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1060 {
  border-radius: 8px;
  width: 100%;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.text-field-20 {
  color: #000;
  border: 0 solid #000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.submit-button-9 {
  background-image: linear-gradient(90deg, #566c30, #87aa50 54%, #779a3f);
}

.proplanemail {
  margin-bottom: 0;
  display: none;
}

.code-embed-109 {
  width: 16px;
  height: 16px;
}

.text-block-213 {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.success-message-7 {
  background-color: var(--tb_oliv);
  color: #fff;
  border-radius: 8px;
}

.error-message-5 {
  background-color: var(--tb_maintext);
  color: #fff;
  border-radius: 8px;
}

.proplanbtn {
  background-color: var(--tb_oliv);
  background-image: linear-gradient(90deg, var(--tb_oliv), #89ac52 49%, #76993e);
  color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-1061 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67548e892eca5a31b74debcb_Under%20uppdatering.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 100%;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}

.div-block-1062 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-214 {
  font-size: 16px;
}

.text-block-215 {
  font-size: 12px;
}

.text-block-216 {
  color: #fff;
  background-image: linear-gradient(90deg, #556b2f, #87aa4f 53%, #76993e);
  border-radius: 4px;
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 12px;
}

.settingscont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff4d;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  box-shadow: 0 9px 10px 5px #0000001a;
}

.settingscont.news {
  display: none;
  position: relative;
}

.settingscont.openhours {
  display: none;
}

.settingscont.webnote {
  display: flex;
}

.settings_optscroll {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.settings_optwrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.settingsheading {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--tb_maintext);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.settingsbtn_code, .lockedsettings_code {
  display: none;
}

.settings_noinfo {
  background-color: #ffffff80;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
  display: flex;
}

.code-embed-110 {
  width: 100%;
  height: 200px;
}

.text-block-217 {
  width: 100%;
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.webnote_code {
  display: none;
}

.div-block-1063 {
  background-color: var(--tb_oliv);
  color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
}

.div-block-1064 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.openhoursnotification {
  z-index: 10;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.div-block-1065 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #474747;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  padding: 32px 20px;
  font-family: Varela, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 0 20px 5px #0000001a;
}

.text-block-218 {
  color: var(--aromagold);
  font-family: Yeseva One, sans-serif;
  font-size: 28px;
}

.text-block-219 {
  color: #000;
}

.openhours_code, .checkout_varibles, .new_checkout_code {
  display: none;
}

.div-block-1066 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67548e892eca5a31b74debcb_Under%20uppdatering.png");
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 100vw;
  width: 24px;
  height: 24px;
}

.div-block-1066.minus {
  margin-left: -16px;
}

.div-block-1067, .div-block-1068 {
  display: flex;
}

.bokningsbek_emailcont {
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 1px;
  margin-bottom: 0;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.math_maincolor {
  background-image: linear-gradient(90deg, #5acaf5, #f586f3 35%, #ff346b 70%, #fcae27);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.math_maincolor.border {
  border-radius: 8px;
  padding: 2px;
}

.tetsing-div {
  background-color: #c9c9c9;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.lex_copilot {
  z-index: 90;
}

.lex_copilot_inputdiv {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #242424;
  border-radius: 4px;
  flex-flow: column;
  width: 366px;
  padding: 16px;
  display: none;
}

.lex_copilot_inputdiv.hide {
  display: none;
}

.div-block-1075 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 0;
  display: flex;
  position: fixed;
  inset: 10vh auto auto 0%;
}

.lex_copilotinput {
  width: 100%;
}

.div-block-1077 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  display: flex;
}

.div-block-1078 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #196433;
  background-color: #dcfce7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.div-block-1078:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.div-block-1078.blue {
  color: #1f40af;
  background-color: #dbeafe;
}

.div-block-1078.yellow {
  color: #bc9b60;
  background-color: #fef9c3;
}

.div-block-1079 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-1081 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.screensize_code {
  display: none;
}

.div-block-1082 {
  background-color: var(--tb_oliv);
  color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tolivedomain {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff;
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  max-height: 32px;
  padding: 4px 12px 4px 4px;
  display: flex;
  position: fixed;
  inset: auto 40px 30px auto;
}

.code-embed-112 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tolivedomain_wrapper, .tolivedomain_code, .screenresize_wrapper {
  display: none;
}

.screensize_btn {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff;
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding: 4px 12px 4px 4px;
  display: flex;
  position: fixed;
  inset: auto 40px 30px auto;
}

.ai_demo-co {
  z-index: 100;
  background-color: #e6e6e6;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6727fc0a2617adea8f26a67b_MeetImg.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px 0 30px 30px;
  justify-content: center;
  align-items: flex-end;
  width: 22vh;
  height: 22vh;
  padding-left: 1vh;
  padding-right: 1vh;
  display: flex;
  position: fixed;
  inset: 2vh 2vh auto auto;
  overflow: hidden;
}

.hidespeak-notification {
  display: none;
}

.lex_uppgiftstext {
  background-color: var(--m_color);
  border: 1px solid #0000;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 350px;
  min-height: 350px;
  max-height: 350px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5;
}

.spline-scene-7 {
  z-index: 2;
  border-radius: 28px 0 28px 28px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.div-block-1086 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #22293c;
  flex-flow: column;
  display: flex;
}

.div-block-1088 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  background-color: #dfe6ef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.div-block-1088:hover {
  background-color: #7abae1;
}

.div-block-1089 {
  background-color: var(--m_color);
  border: 1px solid #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 28px;
  display: flex;
}

.div-block-1089-co {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--m_color);
  border: 1px solid #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 28px;
  display: flex;
}

.m_progresscont {
  background-color: #dfe6ef;
  border-radius: 100vw;
  width: 100%;
  min-height: 16px;
  position: relative;
}

.m_progressbar {
  z-index: 1;
  background-color: #4da8da;
  border-radius: 100vw;
  width: 60%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-1093 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
  line-height: 1;
  display: flex;
}

.lex_headicon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-bottom: 4px;
  display: flex;
}

.div-block-1094 {
  z-index: 100;
  border: 1px solid var(--m_border);
  background-color: var(--m_bg);
  color: #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 48px;
  display: flex;
}

.text-block-222 {
  font-size: 28px;
}

.problems_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 12px;
  flex-flow: wrap;
  width: 760px;
  max-height: 400px;
  margin-top: 32px;
  display: flex;
  overflow: hidden;
}

.div-block-1096 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.m_bg {
  z-index: 100;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.problems_div {
  color: var(--m_cont);
  background-color: #fff;
  border-radius: 8px;
  width: 240px;
  padding: 20px;
}

.div-block-1099 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.m_icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.text-block-223 {
  color: #ffffff80;
  margin-top: 12px;
  font-size: 12px;
}

.problems_img {
  background-color: var(--m_btn);
  border-radius: 4px;
  width: 100%;
  height: 120px;
  margin-bottom: 12px;
}

.problems_statuscont {
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.problem_dificulty {
  background-color: var(--m_btn);
  color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.problems_code {
  display: none;
}

.h_bg {
  z-index: 100;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.div-block-1101 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--m_border);
  background-color: var(--m_btn);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 600px;
  height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.code-embed-118 {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}

.div-block-1102 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.div-block-1103 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.text-block-224 {
  margin-top: 30px;
}

.div-block-1101-co {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--m_border);
  background-color: var(--m_btn);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 600px;
  padding: 8px 12px;
  display: flex;
}

.text-block-226 {
  color: #fff;
  text-align: justify;
  margin-top: 8px;
  font-size: 12px;
}

.chatgtp_link {
  color: #b9c1ff;
  width: 100px;
  text-decoration: underline;
}

.div-block-1104 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  background-color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  padding: 2vh;
  display: flex;
  position: relative;
}

.div-block-1105 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(315deg, #e39898e6, #df6529e6);
  background-position: 0 0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 240px;
  height: 96vh;
  padding: 24px 16px 16px;
  display: flex;
  position: fixed;
  inset: 2vh auto auto 2vh;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1106 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1107 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 16px;
  font-size: 16px;
  display: flex;
}

.div-block-1107:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
}

.div-block-1107.active {
  background-color: #fff3;
}

.div-block-1108 {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(0deg, #85be7b, #6fad68);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: -7px;
  margin-right: -7px;
  font-size: 12px;
  line-height: 1;
  display: flex;
  box-shadow: 0 0 10px 2px #0000001a;
}

.div-block-1108._1 {
  margin-left: 0;
  margin-right: 0;
}

.m_right_side {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 120px;
  display: flex;
  position: relative;
}

.m_right_side.my_math_book {
  display: flex;
}

.m_right_side.homework {
  display: none;
}

.m_right_side.my_progress, .m_right_side.learning_criteria {
  grid-column-gap: 4vh;
  grid-row-gap: 4vh;
  flex-flow: column;
  padding-bottom: 0;
  display: none;
}

.m_right_side.chats {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  flex-flow: row;
  padding-top: 0;
  display: none;
  overflow: hidden;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1110 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-image: linear-gradient(45deg, #df6529e6, #e39898e6);
  background-position: 0 0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  font-size: 20px;
  display: flex;
  position: fixed;
  inset: 2vh 2vh auto auto;
}

.text-block-229 {
  justify-content: flex-start;
  align-items: center;
}

.body-28 {
  font-family: Varela, sans-serif;
}

.div-block-1111 {
  width: 100%;
}

.div-block-1112 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  width: 100%;
  height: 32px;
  display: flex;
}

.div-block-1113 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding: 8px;
  font-size: 12px;
  display: flex;
}

.div-block-1114 {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 10px #0003;
}

.div-block-1115 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  background-color: #0080004d;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 8px;
  display: flex;
  overflow: hidden;
}

.div-block-1115.c {
  background-color: #0456b94d;
}

.div-block-1115.a {
  background-color: #ff00004d;
}

.div-block-1116 {
  aspect-ratio: 1;
  color: #fff;
  background-color: #00800080;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.div-block-1116.c {
  background-color: #0456b980;
}

.div-block-1116.a {
  background-color: #ff000080;
}

.div-block-1117 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  aspect-ratio: 3 / 2;
  background-image: linear-gradient(#2424244d, #fff0 12% 80%, #fff 95%), linear-gradient(#ffffff80, #ffffff80), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b2db5e29365b4480e7f8b_abstract-horizontal-grid-lines-graph-style-graphic-design_1017-39918.avif");
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 2vh;
  padding-right: 2vh;
  display: flex;
}

.div-block-1118 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  background-color: #fff;
  border-radius: 100vw;
  justify-content: flex-end;
  align-items: center;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  box-shadow: 0 0 20px 2px #0000001a;
}

.m_assignments_icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.m_assignments_icon:hover {
  color: #e37a4b;
}

.code-embed-119 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.div-block-1119 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-1120 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-radius: 8px;
  width: 100%;
  height: 350px;
  padding: 4vh 2vh;
  display: flex;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1121 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1121._1 {
  background-color: #f3f3f3;
  display: block;
}

.text-block-230 {
  height: 24px;
  min-height: 24px;
  font-size: 24px;
  line-height: 1;
}

.div-block-1122 {
  background-color: #f3f3f3;
  border-radius: 8px;
  height: 100%;
  padding: 2vh;
}

.text-block-231 {
  font-size: 16px;
  line-height: 2;
}

.text-block-232 {
  font-size: 12px;
  line-height: 2;
}

.div-block-1123 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-image: linear-gradient(135deg, #df6529e6, #e39898e6);
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  font-size: 16px;
  display: flex;
}

.div-block-1124 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  aspect-ratio: 2;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
}

.div-block-1125 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-1125.l-r {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  padding: 2vh;
  display: flex;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1126 {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1120-cos {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  padding: 4vh 2vh;
  display: flex;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1127 {
  background-color: #242424;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 21px;
  display: flex;
  overflow: hidden;
}

.div-block-1128 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 3px;
  display: flex;
}

.div-block-1129 {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 2px;
  width: 16px;
}

.div-block-1129._1 {
  background-color: #e79e99;
}

.div-block-1129._2 {
  background-color: #e47949;
}

.div-block-1120-sin {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  padding: 4vh 2vh;
  display: flex;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1130 {
  background-color: #ffe0d8;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 8px;
  display: flex;
}

.div-block-1131 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.text-block-230-co234 {
  height: 24px;
  min-height: 24px;
  font-size: 24px;
  line-height: 1;
}

.div-block-1132 {
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2vh;
  display: flex;
  box-shadow: 0 0 10px 2px #0003;
}

.div-block-1123-coc {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-image: linear-gradient(135deg, #df6529e6, #e39898e6);
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  display: flex;
}

.m_kunskapskravswrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  background-image: linear-gradient(#df6529e6, #e39898e6);
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  padding: 2vh;
  display: flex;
  overflow: hidden;
}

.m_kunskapskrav {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.m_kunskapskrav.info {
  width: 50%;
}

.m_kunskapskravcont {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  width: 100%;
  height: 200px;
  display: flex;
}

.m_chat_top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-image: linear-gradient(45deg, #df6529e6, #e39898e6);
  background-position: 0 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  font-size: 20px;
  display: flex;
}

.div-block-1133 {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 96vh;
  display: flex;
  overflow: hidden;
}

.div-block-1134 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  background-color: #f2f2f2;
  border-top-right-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2vh;
  display: flex;
}

.div-block-1135 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-image: linear-gradient(135deg, #df6529e6, #e39898e6);
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
  position: absolute;
  inset: 4px 4px auto auto;
}

.div-block-1135:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(135deg, #df6529e6, #e39898e6);
}

.code-embed-120 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.div-block-1136 {
  width: 100%;
  height: 48px;
  position: relative;
}

.div-block-1137 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  display: flex;
}

.div-block-1135-co {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-image: linear-gradient(135deg, #df6529e6, #e39898e6);
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
}

.div-block-1135-co:hover {
  background-image: linear-gradient(#fff3, #fff3), linear-gradient(135deg, #df6529e6, #e39898e6);
}

.div-block-1139 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67954c548a347375dc74bb0f_Bild_2024-12-18_kl._00.41-removebg-preview.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 250px;
  width: 100%;
  height: 40px;
  min-height: 40px;
}

.code-embed-121, .code-embed-122 {
  display: none;
}

.div-block-1129-text {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 16px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.div-block-1141 {
  display: flex;
}

.div-block-1129-text-test {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 16px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.div-block-1142 {
  justify-content: space-between;
  align-items: stretch;
  padding-left: 68px;
  padding-right: 30px;
  display: flex;
}

.div-block-1143 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2vh;
  display: flex;
}

._4regtr {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 16px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.spline-scene-8 {
  z-index: 2;
  border-radius: 28px 0 28px 28px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.front_sqr, .back_sqr, .left_sqr, .right_sqr, .top_sqr, .bottom_sqr {
  width: 10px;
  height: 10px;
}

.div-block-1144 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1145 {
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.div-block-1145:hover {
  color: #e37a4b;
}

.div-block-1146 {
  aspect-ratio: 1;
  background-color: #242424;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/675eddc73d5ef80a201720f5_MathildaTeacher.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  width: 52px;
}

.div-block-1146._1 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6727fc0a2617adea8f26a67b_MeetImg.jpg");
}

.div-block-1147 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-233 {
  color: #000;
  font-size: 16px;
}

.m_nav_icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.div-block-1148 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  background-image: linear-gradient(90deg, #e58e77, #e69e9a);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
  min-width: 300px;
  height: 100%;
  padding: 16px;
  display: flex;
}

.div-block-1150 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1151 {
  width: 100%;
  height: 100%;
}

.div-block-1152 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1149-23rfde {
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 68px;
  padding-left: 8px;
  padding-right: 16px;
  display: flex;
  box-shadow: 0 0 10px 2px #0000001a;
}

.div-block-1149-23rfde.active {
  background-image: linear-gradient(#e2754433, #e2754433);
}

.text-block-234 {
  color: #0009;
  font-size: 12px;
}

.div-block-1146-c {
  aspect-ratio: 1;
  background-color: #242424;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/675eddc73d5ef80a201720f5_MathildaTeacher.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  width: 24px;
}

.div-block-1153 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.m_progresstext {
  z-index: 2;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 8px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-1155 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--m_color);
  border: 1px solid #fff;
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 8px;
  display: none;
  position: absolute;
  inset: 60px 0% auto auto;
}

.m_settings_icon {
  aspect-ratio: 1;
  width: 32px;
}

.div-block-1156 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  aspect-ratio: 1;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  font-size: 12px;
  display: flex;
}

.div-block-1156:hover {
  background-image: linear-gradient(135deg, #e3989833, #df652933);
}

.div-block-1157, .div-block-1158 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-1159 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 4px;
  display: flex;
}

.text-block-239 {
  color: #0009;
  white-space: nowrap;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
}

.div-block-1160 {
  background-color: #b2d9b2;
  border-radius: 100vw;
  width: 100%;
  height: 4px;
}

.m_dropdown_chevron {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
}

.div-block-1161 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.panel {
  background-color: var(--w_bg);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding: 28px;
  font-family: Exo, sans-serif;
  display: flex;
}

.panel_left {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.panel_top {
  white-space: nowrap;
  border-bottom: 2px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding-bottom: 7px;
  line-height: 1;
  display: flex;
}

.display_currentassignment {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #f4f8fb;
  border: 1px solid #cfe0ef;
  border-radius: 4px 16px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  margin-bottom: 14px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 1;
  transition: all .1s ease-in-out;
  display: flex;
}

.display_currentassignment:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.div-block-1170 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1171 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  line-height: 1;
  display: flex;
}

.text-block-240 {
  width: 200px;
  min-width: 200px;
  height: 36px;
  margin-right: 28px;
}

.panel_display {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.panel_display.book {
  display: flex;
}

.panel_display.mathilda, .panel_display.class, .panel_display.chatt, .panel_display.account {
  display: none;
}

.panel_nav {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  grid-template-rows: 1fr auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 200px;
  min-width: 200px;
  height: 100%;
  margin-right: 28px;
  line-height: 1;
  display: flex;
}

.panel_btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 4px 16px;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 4px;
  line-height: 1;
  display: flex;
}

.panel_btn:hover {
  background-color: #eef2f6;
}

.panel_btn.active {
  background-color: #f4f8fa;
  border: 1px solid #cfe0ef;
  padding: 3px;
}

.assignment_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.display_top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 64px;
  min-height: 64px;
  display: flex;
}

.assignment_div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  border-radius: 8px;
  flex-flow: column;
  width: 300px;
  padding-bottom: 20px;
  display: flex;
}

.body-29 {
  cursor: default;
  font-size: 16px;
}

.assignment_img_cont {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674e02694b3bc348ed29b75d_xoma_bg.avif");
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.assignment_img_cont._2 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66db0a935ecbabde730e1deb_Peter%20Lindells%20Trafikskola%20(3).png");
}

.assignment_img_cont._3 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b2db5e29365b4480e7f8b_abstract-horizontal-grid-lines-graph-style-graphic-design_1017-39918.avif");
  background-position: 50%;
}

.assignment_level {
  z-index: 2;
  background-color: #bed9b9;
  border: 1px solid #98ae94;
  border-radius: 2px 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.assignment_level.a {
  background-color: #dbb7b5;
  border-color: #af817e;
}

.assignment_level.c {
  background-color: #e6eff7;
  border-color: #cfe0ef;
}

.gamecont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  background-image: linear-gradient(#f4f8fb, #f4f8fb);
  border: 1px solid #cfe0ef;
  border-radius: 24px 44px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-width: 20vw;
  max-width: 20vw;
  height: 100%;
  margin-left: 28px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.assignment_subj {
  background-color: #dfe6ef;
  border-radius: 2px 8px;
  padding: 4px;
  font-size: 8px;
}

.assignment_subj_cont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.assignment_savedicon {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  border: 1px solid #fff6;
  border-radius: 2px 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.assignment_savedicon:hover {
  background-color: #ffffff4d;
}

.assignment_savedicon.active {
  color: #fc8503;
}

.code-embed-123-co {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.panel_text {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
}

.div-block-1188 {
  filter: brightness(189%) invert();
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67954c548a347375dc74bb0f_Bild_2024-12-18_kl._00.41-removebg-preview.png");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.panel_nav_top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.m_navicon {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 5px;
  display: flex;
}

.m_navtext {
  color: #0009;
  line-height: 1;
}

.m_navtext:hover, .m_navtext.active {
  color: #000;
  font-weight: 500;
}

.div-block-1201 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.m_canvas_cont {
  z-index: 1;
  background-color: #fafafa;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gridcanvas {
  width: 100%;
  height: 100%;
  margin: 0;
  display: none;
}

.textui {
  display: none;
}

.numerator-text {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1px 4px 3px;
  display: flex;
}

.fraction-container {
  flex-flow: column;
  display: flex;
}

.denominator-text {
  text-align: center;
  background-color: #0000;
  border-top: 1px solid #000;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  padding: 3px 4px;
  display: flex;
}

.m_temporary {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  display: none;
  position: absolute;
  inset: auto 100px 20vh auto;
}

.sqrt-rooticon {
  flex-flow: row;
  width: 3px;
  height: 20px;
  margin-top: -1px;
  margin-right: 8px;
}

.sqrt-rootend {
  width: 3px;
  height: 100%;
  margin-top: -1px;
  margin-left: 8px;
  margin-right: -1px;
}

.sqrt-container {
  border-top: 1px solid #000;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 1px;
  line-height: 1;
  display: flex;
}

.sqrt_content {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.sqrt-rootcheck {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 5px;
  height: 100%;
  margin-top: -1px;
  margin-left: -10px;
  display: flex;
}

.text-block-255 {
  margin-left: 8px;
  margin-right: 8px;
}

.code-embed-126 {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
}

.custom-html-and-svg, .jsonlog, .airesponscode {
  display: none;
}

.body-30 {
  flex-flow: column;
  display: flex;
}

.m_mathbook {
  z-index: 100;
  background-color: #b2d3d9;
  border: 2px solid #b2d3d9;
  border-radius: 0 20px 20px 0;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 350px;
  max-width: 350px;
  height: 96vh;
  margin-top: 2vh;
  padding-bottom: 2px;
  padding-right: 2px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.mathbook_cont-co {
  z-index: 2;
  background-color: #f7f7f7;
  border: 1px solid #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: -1px;
  margin-left: -1px;
  padding-bottom: 1px;
  padding-right: 3px;
  display: flex;
  box-shadow: 0 2px 4px 1px #5c5c5c33;
}

.mathbook_cont-co._2 {
  margin-top: -2px;
}

.div-block-1211 {
  letter-spacing: 1px;
  background-color: #fafafa;
  border-radius: 0 20px 20px 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px 24px 24px 16px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 200;
  display: flex;
}

.mb_assignmentlevel {
  aspect-ratio: 1;
  color: #fff;
  background-image: linear-gradient(90deg, #228d27, #51c755);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.mb_assignmentlevel_line {
  background-image: linear-gradient(90deg, #228d27, #51c755);
  border-radius: 100vw;
  width: 100%;
  height: 2px;
}

.div-block-1214 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mb_assignmentnum {
  border: 1px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  padding: 4px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.mb_assignmentnum.calculator {
  border-color: gray;
}

.mb_assignmenttext {
  margin-top: 12px;
}

.div-block-1215 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  font-family: Exo, sans-serif;
  font-weight: 200;
  display: flex;
}

.text-block-258 {
  font-size: 12px;
}

.text-block-259 {
  font-size: 16px;
}

.m_avatar {
  z-index: 100;
  color: #fff;
  border: 1px solid #4d4d4d4d;
  border-radius: 20px 0 20px 20px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 200px;
  height: 200px;
  display: flex;
  position: fixed;
  inset: 2vh 2vh auto auto;
  overflow: hidden;
  box-shadow: 0 0 20px #64646440;
}

.mathildalogo {
  opacity: .9;
  filter: brightness(189%) invert();
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67954c548a347375dc74bb0f_Bild_2024-12-18_kl._00.41-removebg-preview.png");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 40px;
}

.m_topnav {
  z-index: 101;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: #242424;
  white-space: nowrap;
  cursor: default;
  background-color: #ffffff80;
  border: 2px solid #ffffff80;
  border-radius: 4px 16px;
  justify-content: flex-end;
  align-items: center;
  height: 48px;
  margin-left: 50px;
  padding: 4px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 200;
  transition: max-width 2s ease-in-out;
  display: flex;
  position: fixed;
  inset: 2vh auto auto 50%;
  overflow: hidden;
  transform: translate(-50%);
  box-shadow: 0 0 0 2px #c0c0c033;
}

.div-block-1218 {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  letter-spacing: 1px;
  border-radius: 4px 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 4px 12px 4px 4px;
  font-family: Exo, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: relative;
}

.div-block-1218:hover {
  z-index: 1;
  color: #000;
  background-color: #0000000d;
}

.div-block-1219 {
  aspect-ratio: 1;
  border: 1px solid #0006;
  border-radius: 4px 12px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-1219.inner {
  padding: 2px;
}

.div-block-1220 {
  z-index: 2;
  aspect-ratio: 1;
  border-radius: 4px 12px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 9px;
  font-size: 16px;
  line-height: 1;
  display: flex;
  position: relative;
}

.div-block-1220:hover {
  z-index: 1;
  color: #000;
  background-color: #0000000d;
  text-decoration: line-through;
}

.div-block-1220.active {
  background-color: #e4f0f8;
}

.css {
  border: 22px solid #000;
  display: none;
}

.div-block-1223 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ededed;
  border-radius: 8px 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 200;
  display: flex;
  box-shadow: 0 0 20px #0000001a;
}

.m_widget_pomodoro {
  z-index: 100;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  color: #000;
  background-color: #ffffff80;
  border: 2px solid #ffffff80;
  border-radius: 8px 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  height: 200px;
  padding: 8px;
  font-family: Exo, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
  position: fixed;
  inset: auto 2vh 2vh auto;
  box-shadow: 0 0 0 2px #c0c0c033;
}

.text-block-264 {
  font-size: 28px;
}

.text-block-265 {
  font-size: 12px;
}

.m_code {
  display: none;
}

.m_svgelement {
  z-index: 999;
}

.drawui {
  display: none;
}

.hexagon-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.hexagon-wrapper._1 {
  margin-bottom: -29.5px;
}

.hexagon-wrapper._2 {
  margin-top: -29.5px;
}

.hexagon-container {
  z-index: 101;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 250px;
  margin-left: 50px;
  display: none;
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.hexagon-icon {
  z-index: 4;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-family: Exo, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.hexagoncode {
  display: none;
}

.code-embed-140 {
  aspect-ratio: 1;
  width: 100%;
}

.div-block-1231 {
  border: 2px solid #000;
  border-radius: 100vw;
  width: 50%;
  height: 50%;
}

.div-block-1232 {
  background-color: #d5d5d5;
  border-radius: 100vw;
  width: 2px;
  height: 80%;
}

.topnav_dropdown {
  z-index: 101;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #ffffff80;
  border: 2px solid #ffffff80;
  border-radius: 8px 32px;
  flex-flow: column;
  width: 200px;
  padding: 2px;
  font-family: Exo, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 1;
  display: flex;
  position: fixed;
  inset: 78px auto auto 543px;
  overflow: hidden;
  box-shadow: 0 0 0 2px #c0c0c033;
}

.topnav_dropdown.hide {
  display: none;
}

.dropdown_btn {
  border-radius: 6px 28px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  padding-top: 4px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.dropdown_btn:hover {
  background-color: #0000000d;
}

.div-block-1235 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  min-height: 32px;
  display: flex;
}

.dropdown_icon_settings {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
}

.hexagon-cont {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: relative;
}

.hexagon {
  z-index: 1;
  color: #c0c0c066;
  width: 154px;
  height: 154px;
  position: absolute;
  inset: -2px auto auto -2px;
}

.hexagon.btn {
  z-index: 2;
  color: #fff6;
  background-color: #ffffff80;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
}

.hexagon.btn:hover {
  color: #0000000d;
}

.code-embed-142 {
  width: 32px;
  height: 32px;
}

.topnav_dropdowns {
  cursor: default;
}

.navbar_dropdown_code {
  border: 1px solid var(--templinecolorui);
}

.dropdown_color_icon {
  aspect-ratio: 1;
  background-color: #ff411d;
  border-radius: 100vw;
  width: 12px;
  margin-left: 6px;
  margin-right: 6px;
}

.dropdown_color_icon._2 {
  background-color: #ff8710;
}

.dropdown_color_icon._3 {
  background-color: #f8c603;
}

.dropdown_color_icon._4 {
  background-color: #38d78e;
}

.dropdown_color_icon._5 {
  background-color: #46fbfe;
}

.dropdown_color_icon._6 {
  background-color: #098ef2;
}

.dropdown_color_icon._7 {
  background-color: #6d3bfb;
}

.dropdown_color_icon._8 {
  background-color: #e348ff;
}

.dropdown_color_icon._9 {
  background-color: gray;
}

.dropdown_color_icon._10 {
  background-color: #fff;
  box-shadow: 0 0 5px 1px #0003;
}

.dropdown_color_icon._11 {
  background-color: #000;
}

.dropdown_color_icon._12 {
  background-color: #ff411d00;
  background-image: repeating-linear-gradient(#b3b3b3, #fff 14%);
}

.dropdown_size_icon {
  background-color: #000;
  border-radius: 100vw;
  width: 1px;
  height: 24px;
}

.dropdown_size_icon._1 {
  width: .5px;
}

.dropdown_size_icon._3 {
  width: 1.5px;
}

.dropdown_size_icon._4 {
  width: 2px;
}

.dropdown_size_icon._5 {
  width: 2.5px;
}

.dropdown_size_icon._6 {
  width: 3px;
}

.dropdown_type_icon {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 3px;
  height: 24px;
  display: grid;
}

.dropdown_type_icon._1 {
  grid-template-rows: auto;
}

.dropdown_type_icon._3 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto auto auto;
}

.dropdown_type_icon._4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  width: 3px;
}

.dropdown_type_icon_part {
  background-color: #000;
  border-radius: 100vw;
  width: 100%;
  height: 100%;
}

.div-block-1237 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.bookicon {
  aspect-ratio: 1;
  width: 24px;
}

.div-block-1238 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #3f3f3f;
  border-radius: 6px 28px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 8px;
  display: flex;
}

.div-block-1238:hover {
  background-color: #0000000d;
}

.text-block-266 {
  margin-top: 20px;
  margin-bottom: 12px;
  padding-left: 19px;
  font-size: 12px;
}

.div-block-1239 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/675f4d21b0486ab0bf08698d_mathildauppgiftsbild.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 6px 28px;
  width: 80px;
  height: 100%;
}

.div-block-1239._2 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6758a2d375d5d306a9b6d426_mathilad_mathimg.jpg");
}

.div-block-1239._3 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b672c4353766e352d2f66_funktionsbegreppet_bild4.png");
}

.text-block-267 {
  aspect-ratio: 1;
  color: #fff;
  background-image: linear-gradient(90deg, #ff3432, #ff8e4c);
  border-radius: 4px 12px;
  justify-content: center;
  align-items: center;
  width: 24px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.text-block-267._2 {
  background-image: linear-gradient(90deg, #36ac2e, #3cdd57);
}

.text-block-268 {
  border-radius: 4px;
  padding: 4px;
}

.div-block-1240 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.div-block-1241 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  height: 16px;
  display: flex;
}

.div-block-1242 {
  background-color: #e3e3e3;
  border-radius: 100vw;
  width: 8px;
  height: 8px;
}

.div-block-1242.active {
  background-color: #242424;
}

.div-block-1243 {
  color: #242424;
  background-color: #ededed;
  border-radius: 3px 7px;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 6px;
  display: flex;
}

.code-embed-143 {
  width: 100%;
  height: 100%;
}

.div-block-1244 {
  background-color: #ededed;
  background-image: linear-gradient(300deg, #b2d3d9 50%, #0000 50%), linear-gradient(270deg, #b2d3d9 50%, #0000 50%);
  border-radius: 8px 40px;
  width: 100%;
  height: 100%;
  padding: 6px;
}

.div-block-1245 {
  background-color: #000;
  border-radius: 100vw;
  width: 1px;
  height: 16px;
}

.div-block-1219-co {
  aspect-ratio: 1;
  border: 1px solid #0006;
  border-radius: 4px 12px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-1245-co {
  border-radius: 100vw;
  width: 2px;
  height: 16px;
}

.dropdown_btn_settings {
  border-radius: 6px 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  padding-top: 4px;
  padding-left: 16px;
  padding-right: 16px;
  transition: height .3s;
  display: flex;
  overflow: hidden;
}

.dropdown_btn_settings:hover {
  background-color: #0000000d;
}

.div-block-1246 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 24px;
  margin-top: 4px;
  display: flex;
}

.topnav_settings_size {
  background-color: #f2f7fa;
  border-radius: 2px 10px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: flex;
}

.topnav_settings_size:hover {
  background-color: #fff;
}

.dropdown_btn_book {
  border-radius: 6px 28px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  padding-top: 4px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.dropdown_btn_book:hover {
  background-color: #0000000d;
}

.dropdown_btn_book.asignments {
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 4px 12px 4px 4px;
}

.div-block-1247 {
  cursor: default;
  flex-flow: column;
  width: 100vw;
  height: 100vh;
  font-family: Varela, sans-serif;
  display: flex;
}

.div-block-1248 {
  z-index: 100;
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  min-height: 160px;
  position: sticky;
  top: -48px;
  box-shadow: 0 2px 20px #0000000d;
}

.div-block-1249 {
  background-color: var(--hb_blue);
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-1251 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.text-block-269 {
  color: var(--hb_blue);
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67d477e4d27b1d1f07150687_Ska%CC%88rmavbild_2025-03-14_kl._19.38.17-removebg-preview.png");
  background-position: 100% 53%;
  background-repeat: no-repeat;
  background-size: 250px;
  width: 250px;
  height: 40px;
  margin-left: -35px;
  font-size: 24px;
  line-height: 1;
}

.div-block-1252 {
  border: 1px solid var(--hb_blue);
  background-color: var(--hb_blue);
  color: #fff;
  letter-spacing: -.2px;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.div-block-1252:hover {
  background-image: linear-gradient(#0003, #0003);
}

.div-block-1252._2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--hb_blue);
  background-color: #015fa500;
}

.div-block-1252._2:hover {
  background-color: var(--hb_lightblue);
  background-image: none;
}

.div-block-1252._100 {
  letter-spacing: -.2px;
}

.div-block-1253 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  letter-spacing: -.2px;
  justify-content: flex-end;
  align-items: center;
  width: 250px;
  display: flex;
}

.div-block-1255 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 12px;
  display: flex;
}

.div-block-1256 {
  z-index: 100;
  background-color: #fff;
  padding: 32px;
}

.div-block-1258 {
  z-index: 1;
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  background-color: #e8eff6;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 44px;
  display: flex;
  position: relative;
}

.div-block-1262 {
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 20px #0003;
}

.div-block-1263 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  letter-spacing: .4px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16px;
  display: flex;
}

.text-block-271 {
  color: #000;
  height: 25px;
  padding-left: 4px;
  padding-right: 4px;
}

.text-block-271:hover {
  border-bottom: 2px solid var(--hb_blue);
}

.text-block-272 {
  color: #fff;
  height: 20px;
  padding-left: 4px;
  padding-right: 4px;
}

.text-block-272:hover {
  border-bottom: 1px solid #fff;
}

.div-block-1264 {
  background-color: var(--hb_blue);
  justify-content: flex-end;
  align-items: center;
  width: 30%;
  height: 100%;
  display: flex;
}

.div-block-1265 {
  background-image: linear-gradient(#ffffffd9, #ffffffd9), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67d4c28fd436f8ae41b1b91d_Father%20and%20son%20eating%20dessert_1800x650px_masma83058_tcm32-215297.jpg");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  width: 100%;
  height: 20px;
}

.div-block-1266 {
  width: 3px;
  height: 100%;
}

.div-block-1267 {
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 32px 16px 32px 32px;
  display: flex;
}

.div-block-1268 {
  background-color: #0000000a;
  border-radius: 16px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 32px;
  padding-top: 16px;
  padding-right: 16px;
  display: flex;
}

.div-block-1269 {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: gray;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
  box-shadow: 0 -2px 20px #0003;
}

.div-block-1271 {
  border-radius: 100vw;
  width: 28px;
  height: 28px;
}

.div-block-1271.sverige {
  background-image: linear-gradient(270deg, #0000 40%, yellow 40%, yellow 60%, transparent 60%), linear-gradient(180deg, var(--hb_blue) 40%, yellow 40%, yellow 60%, var(--hb_blue) 60%);
  border-radius: 100vw;
  width: 20px;
  height: 20px;
}

.text-block-273 {
  letter-spacing: .4px;
  margin-bottom: 8px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.text-block-274 {
  color: #646464;
  letter-spacing: -.2px;
  font-size: 16px;
}

.div-block-1273 {
  margin-top: 32px;
}

.div-block-1274 {
  border-radius: 16px;
  flex-flow: column;
  width: 50%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-1274-co {
  border-radius: 16px;
  flex-flow: column;
  width: 50%;
  height: 100%;
  padding: 32px 32px 32px 16px;
  display: flex;
  overflow: hidden;
}

.div-block-1275 {
  background-color: #015fa51a;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67d4c28fd436f8ae41b1b91d_Father%20and%20son%20eating%20dessert_1800x650px_masma83058_tcm32-215297.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.div-block-1276 {
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1276._1 {
  height: 500px;
}

.div-block-1277 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 40px;
  display: flex;
}

.div-block-1278 {
  border: 1px solid var(--hb_blue);
  color: var(--hb_blue);
  border-radius: 100vw;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 8px;
}

.div-block-1278:hover {
  background-color: var(--hb_lightblue);
}

.code-embed-144 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1279 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  letter-spacing: -.2px;
  display: flex;
}

.div-block-1280 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  letter-spacing: -.2px;
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  display: flex;
}

.text-block-275 {
  font-weight: 400;
}

.div-block-1281 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  width: 100%;
  padding: 200px 40px;
  display: flex;
}

.formconthb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 32px;
  display: flex;
}

.div-block-1282 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: gray;
  background-color: #0000000a;
  border-radius: 100vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
  display: flex;
}

.div-block-1283 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  height: 48px;
  display: flex;
}

.shb_checkbox {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: gray;
  background-color: #0000000a;
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 4px;
  display: flex;
}

.div-block-1284 {
  background-color: #fff;
  border-radius: 100vw;
  width: 40px;
  height: 40px;
}

.text-block-276 {
  margin-top: 20px;
}

.div-block-1285 {
  background-color: #969696;
  border-radius: 100vw;
  width: 32px;
  height: 32px;
}

.div-block-1285.sverige {
  background-color: var(--hb_blue);
}

.skattehemvist {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: gray;
  background-color: #0000000a;
  border-radius: 100vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 8px;
  padding-right: 16px;
  font-family: Varela, sans-serif;
  display: flex;
}

.div-block-1286 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-277 {
  background-color: var(--hb_blue);
  color: #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: flex;
}

.text-block-278 {
  color: #000;
  letter-spacing: 2px;
}

.code-embed-146 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.dropdown_texttype_icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 18px;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
}

.loadasisgnment_code {
  display: none;
}

.div-block-1315 {
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  color: #000;
  background-color: #ffffff4d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  display: flex;
  position: absolute;
}

.reminderdiv {
  z-index: 5;
  background-color: #edf8e4;
  border-radius: 20px;
  width: 100%;
  padding: 20px;
  display: none;
}

.reminderdiv2-co {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 200px;
  margin-top: 4vh;
  margin-right: 2vh;
  display: flex;
  position: fixed;
  inset: 200px 0% auto auto;
}

.transcriptdiv {
  background-color: #e4f0f8;
  border-radius: 20px;
  width: 100%;
  padding: 20px;
  display: none;
}

.na_timer {
  z-index: 10;
  background-color: #e4f0f8;
  border-radius: 4px 20px;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  height: 48px;
  display: flex;
  position: fixed;
  inset: auto auto 2vh 50vw;
  overflow: hidden;
  transform: translate(-50%, 100px);
}

.na_timer_inner {
  background-color: #4fc453;
  width: 0;
  height: 100%;
}

.na_timer_text {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pageanimation {
  z-index: 9999;
  background-color: #fafafa;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
  transform: translate(0, 100%);
}

.pageanimation._2 {
  display: none;
  transform: translate(0);
}

.div-block-1317 {
  background-image: linear-gradient(#c0c0c0bf, #c0c0c0bf), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b2db5e29365b4480e7f8b_abstract-horizontal-grid-lines-graph-style-graphic-design_1017-39918.avif");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  width: 100vw;
  height: 100vh;
  font-family: Exo, sans-serif;
}

.custome_container {
  max-width: 66rem;
  margin: 40px auto;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.signup_button-2 {
  color: #272727;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67eb12d2f8b8c475001cb763_github-svgrepo-com.svg");
  background-position: 39%;
  background-repeat: no-repeat;
  background-size: 27px 27px;
  border: 1px solid #dbdbdb;
  border-radius: 4px 12px;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.signup_button-2:hover {
  color: #fff;
  background-color: #191919;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67eb12d2f8b8c475001cb76a_github-svgrepo-com%20(1).svg");
  border-color: #191919;
}

.signup_button-2.is-secound {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67eb12d2f8b8c475001cb761_google-178-svgrepo-com%20(3).svg");
  background-size: 20px 20px;
  margin-top: 10px;
}

.signup_button-2.is-secound:hover {
  color: #fff;
  background-color: #191919;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/67eb12d2f8b8c475001cb762_google-178-svgrepo-com%20(4).svg");
}

.signup_small-text {
  color: #7a7a83;
  font-size: .875rem;
}

.signup_form-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.signup_wrap-2 {
  border-radius: 30px;
  height: 90vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 5px #0003;
}

.signup_text-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.text-block-287 {
  color: #6f6f79;
  text-align: center;
}

.signup-heading {
  color: #272727;
  text-align: center;
  font-family: Exo, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
}

.section_signup {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.div-block {
  background-color: #dbdbdb;
  width: 30%;
  height: 1px;
}

.signup_link {
  color: #71717a;
  transition: all .3s;
}

.signup_link:hover {
  color: #000;
}

.signup_right-text {
  font-size: .875rem;
}

.sugnup_text-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.signup_bottom-text {
  color: #71717a;
  margin-top: 30px;
  font-size: .875rem;
}

.submit-button-10 {
  background-color: #191919;
  border: 1px solid #191919;
  border-radius: 4px 12px;
  height: 45px;
  font-weight: 600;
  transition: all .3s;
}

.submit-button-10:hover {
  color: #191919;
  background-color: #fff;
  border: 1px solid #191919;
  font-weight: 600;
}

.signup_text-field {
  color: #71717a;
  border: 1px solid #dbdbdb;
  border-radius: 4px 12px;
  height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.signup_text-field:focus {
  border-color: #191919;
}

.signup_text-field::placeholder {
  color: #71717a;
  font-size: 1rem;
}

.signup_top-link {
  color: #191919;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.signup_top-link:hover {
  transform: scale(1.05);
}

.signup_form {
  flex-flow: column;
  width: 89%;
  display: flex;
}

.signup_right-textbox {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  max-width: 400px;
  display: flex;
}

.signup_right {
  background-image: linear-gradient(0deg, #464646, #fff0 27%), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/675f4d21b0486ab0bf08698d_mathildauppgiftsbild.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  padding: 40px;
  display: flex;
}

.nav_fixed {
  position: absolute;
  inset: 0% 0% auto;
}

.signup_left {
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 40px;
  display: flex;
}

.signup_left-content {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.assignment_img {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gamecont_top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  min-height: 100px;
  display: flex;
}

.gamecont_avatar {
  background-color: #fb8502;
  border-radius: 100vw;
  width: 48px;
  min-width: 48px;
  height: 48px;
  overflow: hidden;
}

.gamecont_profile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.gamecont_profiletextcont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 48px;
  display: flex;
}

.text-block-288 {
  font-weight: 500;
  line-height: 1;
}

.text-block-289 {
  color: gray;
  font-size: 12px;
  line-height: 1;
}

.gamecont_xpcont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.gamecont_xptextcont {
  justify-content: space-between;
  align-items: flex-start;
  font-size: 12px;
  display: flex;
}

.div-block-1318 {
  background-color: #e6eff7;
  border-radius: 100vw;
  width: 100%;
  height: 8px;
}

.div-block-1319 {
  background-color: #fb8502;
  background-image: linear-gradient(90deg, #fc8503, #f0bf89 42%, #ffb360 78%, #ffe6cb);
  border-radius: 100vw;
  width: 75%;
  height: 100%;
}

.gamecont_shopdivs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.div-block-1320 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #fff;
  border-radius: 4px 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  transition: all .3s ease-in-out;
  display: flex;
}

.div-block-1320:hover {
  width: 120%;
}

.text-block-290 {
  font-size: 12px;
  font-weight: 500;
}

.text-block-291 {
  font-size: 10px;
}

.gamecont_shopdivicon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.gamecont_shopdivicon.orange {
  color: #fc8503;
}

.gamecont_shopdivicon.bl {
  color: #cee0ef;
  background-color: #2e708f00;
}

.gamecont_leaderboard {
  width: 100%;
}

.gamecont_leaderboard_top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gamecont_leaderboard_dynamic {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.gamecont_leaderboard_div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 4px 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 8px;
  padding-right: 16px;
  transition: all .3s ease-in-out;
  display: flex;
}

.gamecont_leaderboard_div.user {
  background-color: #cfe0ef4d;
  border: 1px solid #cfe0ef;
}

.gamecont_leaderboard_place {
  background-color: #e6eff7;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.gamecont_profileimg {
  background-color: #fc8503;
  border-radius: 100vw;
  width: 28px;
  height: 28px;
}

.gamecont_leaderboard_name {
  font-size: 12px;
  font-weight: 500;
}

.gamecont_leaderboard_points {
  font-size: 10px;
}

.gamecont_challenge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px 20px;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.text-block-296 {
  font-size: 12px;
}

.gamecont_challengeinfo {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.gamecont_challenge_timeleft {
  font-size: 10px;
  line-height: 1;
}

.gamecont_challenge_pplcont {
  display: flex;
}

.gamecont_ppl {
  background-color: #e6eff7;
  border: 1px solid #000;
  border-radius: 100vw;
  width: 16px;
  height: 16px;
  margin-left: -8px;
}

.gamecont_bottom {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-1324 {
  background-color: #fff;
  border-radius: 8px 28px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  transition: all .3s ease-in-out;
  display: flex;
}

.div-block-1324:hover {
  padding-right: 8px;
}

.text-block-298 {
  font-size: 12px;
  line-height: 1;
}

.gamecont_code, .loadassignemnt_code, .onload_css {
  display: none;
}

.gamecont_leaderboard_div_left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gamecont_leaderboard_div_right {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fc8503;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.avatar_profileimg_code {
  display: none;
}

.div-block-1325 {
  z-index: 100;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-family: Exo, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.div-block-1326 {
  background-color: #fff;
  border-radius: 8px 28px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 400px;
  height: 250px;
  padding: 24px;
  display: flex;
}

.code-embed-150 {
  width: 20px;
  height: 20px;
}

.div-block-1327 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-11 {
  color: #fb8504;
  font-weight: 500;
}

.text-block-299 {
  letter-spacing: .5px;
  font-size: 12px;
  line-height: 1.8;
}

.div-block-1328 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  height: 40px;
  display: flex;
}

.div-block-1329 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #e6eff7;
  border-radius: 4px 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.text-span-12 {
  font-weight: 500;
}

.div-block-1330 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.text-block-300 {
  white-space: nowrap;
  border: 1px solid #cfe0ef;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  font-size: 12px;
  line-height: 1;
  display: flex;
  overflow: hidden;
}

.div-block-1331 {
  border: 1px solid #cfe0ef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  display: flex;
}

.panel_chaptertext {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 28px;
  display: flex;
}

.assignment_img_cont_top {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.panel_maincont {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.panel_displays {
  width: 100%;
  height: 100%;
}

.diaplay_matildasettings {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.displaytext {
  background-color: #e6eff7;
  border: 1px solid #cfe0ef;
  border-radius: 8px 28px;
  padding: 20px;
}

.diaplay_class {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.display_student {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e6eff7;
  border: 1px solid #cfe0ef;
  border-radius: 8px 28px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 20px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.display_student._2 {
  background-color: #ffcfa9;
  border-color: #feaa65;
}

.display_studentimg {
  background-color: #fc8503;
  border-radius: 100vw;
  width: 24px;
  height: 24px;
}

.display_studentimg._2 {
  background-color: #bdd5eb;
}

.panel_code {
  display: none;
}

.display_bottoms {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.display_bottom {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.display_bottom.homework, .display_bottom.marked {
  display: none;
}

.panel_book {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.panel_subchapter {
  width: 100%;
  min-height: 28px;
  padding-left: 16px;
}

.panel_subchapter.current {
  background-color: #ffcfa9;
  border: 1px solid #feaa65;
}

.panel_chapterbtn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 4px 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  max-height: 36px;
  padding: 4px;
  transition: opacity .3s ease-in-out;
  display: flex;
  overflow: hidden;
}

.panel_chapterbtn:hover {
  background-color: #ffcfa966;
}

.panel_chapterbtn.current {
  background-color: #fff0e6;
  border: 1px solid #feaa65;
  padding: 3px;
}

.code-embed-151 {
  display: none;
}

.panel_chaptercont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  display: flex;
}

.panel_chaptericon {
  border: 1px solid #000;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  margin: 5px;
  font-size: 12px;
  display: flex;
}

.tb1 {
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 1;
}

.tb3 {
  letter-spacing: 2px;
  font-size: 12px;
  line-height: 1;
}

.tb2 {
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.tb2.abs {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.tb2.hide {
  display: none;
}

.tb_pages {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  white-space: nowrap;
  background-color: #1f1d1c;
  flex-flow: column;
  width: 100vw;
  min-height: 100svh;
  padding: 100px 20px 60px;
  font-family: Varela Round, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: none;
  position: relative;
}

.tb_pages.product {
  padding-bottom: 160px;
  display: none;
}

.tb_pages.main {
  padding-bottom: 20px;
  display: flex;
}

.tb_pages.category {
  display: none;
  overflow: hidden;
}

.tb_pages.profile {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: none;
}

.tb_pages.first {
  z-index: 1000;
  white-space: normal;
  justify-content: space-around;
  align-items: center;
  height: 100svh;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.tb_pages.checkout {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1340 {
  z-index: 100;
  color: #fff;
  background-color: #1f1d1c;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 72px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Yeseva One, sans-serif;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.div-block-1341 {
  background-color: #343434;
  border-radius: 30px 30px 8px 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-bottom: -8px;
  padding: 20px;
  display: flex;
}

.tb_offers_cont {
  background-color: #343434;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tb_category_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tb_category_item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  width: 100%;
  font-family: Yeseva One, sans-serif;
  display: flex;
}

.tb_category_img {
  background-color: #343434;
  border-radius: 30px;
  margin-bottom: 8px;
  padding-bottom: 0;
  padding-right: 0;
  overflow: hidden;
}

.tb4 {
  color: #868686;
  letter-spacing: 2px;
  font-family: Varela Round, sans-serif;
  font-size: 12px;
  line-height: 1;
}

.tb_heading_div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 32px;
  margin-top: 28px;
  display: flex;
}

.tb_heading_div.basket {
  margin-top: 0;
  display: flex;
}

.tb_heading_div.hide {
  display: none;
}

.tb_heading_btn {
  background-color: #343434;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.div-block-1345 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #343434;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: none;
}

.div-block-1345.hide {
  display: none;
}

.div-block-1346-copy {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.button-29 {
  background-color: #676564;
  border-radius: 8px;
  font-size: 12px;
}

.body-32 {
  background-color: #1f1d1c;
}

.tableoverview {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.tableoverview_person_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.tableoverview_person {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  padding-left: 20px;
  display: flex;
}

.tb_nav_iocn {
  color: #fff;
  width: 60px;
  height: 60px;
  margin-left: -14px;
  margin-right: -14px;
  padding: 14px;
}

.page {
  width: 100vw;
  position: relative;
}

.tb_product_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.tb_product_items {
  background-color: #343434;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tb_ingrediance_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.tb_product_amount_cont {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 0;
  margin-top: -20px;
  padding-right: 20px;
  display: flex;
}

.tb_product_num {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffff80;
  border: 1px solid #fff;
  border-radius: 100vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 76px;
  height: 200px;
  padding: 8px;
  display: flex;
  position: relative;
}

.tb_ingrediance_div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tb_ingrediance_operator {
  z-index: 3;
  aspect-ratio: 1;
  background-color: #343434;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 60px;
  font-size: 40px;
  display: flex;
}

.tb_ingrediance_operator.disabled {
  z-index: 2;
  opacity: .4;
}

.tb_ingrediance_operator.abs {
  inset: 8px 8px auto auto;
  position: absolute;
  inset: auto auto 8px 50%;
  transform: translate(-50%);
}

.div-block-1361 {
  z-index: 10;
  width: 100vw;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  position: fixed;
  inset: auto auto 20px 0%;
}

.div-block-1362 {
  background-color: #343434;
  border-radius: 100vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 8px;
  display: flex;
  box-shadow: 0 0 20px #262422cc;
}

.add_product_btn {
  background-color: #7d7c7a;
  border: 1px solid #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  display: flex;
}

.div-block-1364 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  display: flex;
}

.tb_invite {
  z-index: 1001;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #343434;
  border: 2px solid #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: calc(100vw - 40px);
  max-width: 380px;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 100px auto auto 50%;
  transform: translate(-50%);
}

.div-block-1366 {
  border-radius: 8px;
  width: 150px;
  height: 150px;
}

.div-block-1367 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ingrediance_textdiv {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.lang_cont {
  width: 32px;
  height: 32px;
  display: flex;
}

.swe_icon {
  background-color: #3434a3;
  background-image: linear-gradient(#0000 40%, #ff0 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 20%, #ff0 20% 40%, #7b7b7b00 40%, #fff0);
  border-radius: 100vw;
  width: 100%;
  height: 100%;
}

.eng_icon {
  background-color: #3434a3;
  background-image: linear-gradient(#0000 45%, #b30000 45% 55%, #fff0 55%), linear-gradient(90deg, #0000 45%, #b30000 45% 55%, #fff0 55%), linear-gradient(#0000 40%, #fffb00 40%, #fff 40% 60%, #fff0 60%), linear-gradient(90deg, #0000, #0000 40%, #fff 40% 60%, #7b7b7b00 60%, #fff0), linear-gradient(35deg, #0000 48%, #b30100 48% 52%, #fff0 52%), linear-gradient(145deg, #0000 48%, #b30100 48% 52%, #fff0 52%), linear-gradient(35deg, #0000 45%, #fff 45% 55%, #fff0 55%), linear-gradient(145deg, #0000 45%, #fff 45% 55%, #fff0 55%);
  border-radius: 100vw;
  width: 100%;
  height: 100%;
  display: none;
}

.lang_code, .basket_code, .pageloader {
  display: none;
}

.div-block-1369 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.div-block-1370 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-1371 {
  background-color: #ffffff1a;
  border-radius: 100vw;
  width: 100%;
  height: 40px;
  position: relative;
}

.div-block-1372 {
  background-color: #676564;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 40px;
  display: flex;
}

.text-block-303 {
  font-size: 16px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.div-block-1346-copy-copy {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.openresturant, .opencategory, .openproduct {
  display: none;
}

.tb_product_image {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.tb_product_image.test {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6817ab72185710dad4986228_IMG_6266.JPG");
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 30px;
  margin-top: 0;
}

.lang_placeholder {
  width: 32px;
}

.tb_invite_line {
  background-color: #676564;
  border-radius: 100vw;
  width: 100%;
  height: 2px;
}

.div-block-1373 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.tb_invite_code {
  background-color: #676564;
  border-radius: 8px;
  padding: 20px;
}

.div-block-1374 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 300px;
  display: flex;
}

.invite_code {
  display: none;
}

.catagory_animation_cont {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.div-block-1377 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #343434;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.basket_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-1381 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: flex;
}

.div-block-1383 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #626562;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-1383:active {
  background-image: linear-gradient(#fff6, #fff6);
}

.div-block-1383.disabled {
  opacity: .5;
}

.div-block-1383.disabled:hover {
  background-image: none;
}

.text-block-307 {
  z-index: 2;
  justify-content: center;
  align-items: center;
}

.code-embed-153 {
  aspect-ratio: 1;
  width: 20px;
  height: 20px;
}

.div-block-1395 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1f1d1c;
  background-image: linear-gradient(0deg, #1e1c1b, #fff0 30%), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6817ab72185710dad4986228_IMG_6266.JPG");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1;
  display: flex;
  position: relative;
}

.basket_icon {
  width: 32px;
  height: 32px;
  display: flex;
}

.lightbulb_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #969696;
  border-radius: 8px;
  margin-top: 20px;
  padding: 8px;
  display: flex;
}

.light_bulb {
  background-color: #fff;
  border-radius: 100vw;
  width: 50px;
  height: 50px;
}

.switch_btn {
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  display: flex;
}

.translation_code {
  display: none;
}

.tb_order_overview {
  background-color: #343434;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.basket_product {
  aspect-ratio: 1;
  background-color: #343434;
  background-image: linear-gradient(#858585, #858585);
  border-radius: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.basket_product_btns {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 12px 12px auto;
}

.basket_product_img {
  width: 100%;
  height: 100%;
}

.basket_product_img._2 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674c9f8bccb086b346cc0cb2_b66664ac-dde5-4c47-8055-02d5dbb5695c.jpg");
  background-size: cover;
}

.basket_product_img._3 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674c9fbc948ddfb2e89cd6f2_86e6fd9d-3fb2-4b7f-b6ea-6847026c5923.jpg");
  background-size: cover;
}

.basket_product_img._4 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674c9f93b06174393123a423_559e1576-eac5-4aa8-af41-87f27bf228c9.jpg");
  background-size: cover;
}

.basket_product_img._1 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674c9f776f7468768105aff0_cc949748-a060-4991-9a62-2803faa433b4.jpg");
  background-position: 0 0;
  background-size: cover;
}

.basket_product_btn {
  z-index: 3;
  background-color: #343434;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  font-size: 40px;
  display: flex;
}

.code-embed-155 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.basket_product_num {
  letter-spacing: 2px;
  background-color: #343434;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 12px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 12px auto auto 12px;
}

.basket_icon_cont {
  width: 32px;
  height: 32px;
  display: none;
  position: relative;
}

.basket_num {
  aspect-ratio: 1;
  background-color: #ec3737;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 20px;
  font-size: 12px;
  line-height: 1;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-25%, 15%);
}

.basket_input_cont {
  background-color: #636563;
  border-radius: 8px;
  width: 100%;
  height: 48px;
  min-height: 48px;
  font-size: 16px;
  display: none;
}

.basket_input_div {
  background-color: #0000;
  border: 0 solid #000;
  width: 100%;
  height: 100%;
}

.basket_success {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-image: linear-gradient(0deg, #4aa446, #abdd60);
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  height: 60px;
  padding-left: 15px;
  font-family: Varela Round, sans-serif;
  font-size: 20px;
  line-height: 1;
  display: none;
  position: fixed;
  inset: auto auto 40px 50%;
  transform: translate(-50%);
}

.basket_success_icon {
  aspect-ratio: 1;
  height: 50%;
  min-height: 50%;
}

.order_code {
  display: none;
}

.tableoverview_person_btn {
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 100%;
  padding: 14px;
  transition: all .3s;
  display: flex;
}

.tableoverview_person_btn.active {
  color: #ff1d1d;
  transform: rotate(135deg);
}

.code-embed-158 {
  width: 100%;
  height: 100%;
}

.div-block-1405 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  width: 100%;
  display: none;
}

.div-block-1406 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  aspect-ratio: 1;
  background-color: #343434;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: calc(25vw - 25px);
  display: flex;
}

.code-embed-153-c {
  aspect-ratio: 1;
  width: 20px;
  height: 20px;
  margin-bottom: 16px;
}

.tb_history {
  z-index: 1001;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #343434;
  border: 2px solid #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: calc(100vw - 40px);
  max-width: 380px;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 100px auto auto 50%;
  transform: translate(-50%);
}

.div-block-1407 {
  background-color: #4d3b1c;
  border: 2px solid #ce9e38;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 20px;
  font-size: 12px;
  display: flex;
}

.div-block-1407._2 {
  background-color: #29372a;
  border-color: #3ebe4f;
}

.text-block-309 {
  width: 100%;
  margin-bottom: -12px;
  font-size: 12px;
}

.tb_tablebookings_badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #343434;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Yeseva One, sans-serif;
  display: none;
}

.button-31 {
  background-color: #636563;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1409 {
  z-index: 10000;
  color: #fff;
  letter-spacing: 1px;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.ar_hem_menudiv {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  white-space: nowrap;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: calc(25vw - 60px);
  font-family: Yeseva One, sans-serif;
  font-size: 28px;
  line-height: 1;
  display: flex;
}

.div-block-1410 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.language_toggle {
  width: 40px;
  height: 40px;
}

.textph {
  color: #fff0;
  background-color: #fff;
  border-radius: 100vw;
}

.ar_btncode {
  display: none;
}

.div-block-1413 {
  color: #fff;
  background-color: #34343400;
  border: 2px solid #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 12px 32px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.div-block-1413._2 {
  color: #000;
  background-color: #fff;
}

.text-block-310 {
  font-family: Yeseva One, sans-serif;
  font-size: 28px;
}

.tb_offers_cont-copy {
  background-color: #1e1c1b;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-1414 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0 auto auto 0;
}

.image-39 {
  width: 100px;
}

.text-block-310-c {
  font-family: Yeseva One, sans-serif;
  font-size: 48px;
}

.div-block-1417 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  display: none;
}

.text-block-310-co {
  color: #ccc;
  font-size: 16px;
}

.basket_cont_placeholder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  white-space: normal;
  background-color: #4c4d4c;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.div-block-1421 {
  display: none;
}

.discount_display {
  text-transform: uppercase;
  background-color: #3d651e;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  min-height: 48px;
  padding-left: 20px;
  font-family: Varela Round, sans-serif;
  font-size: 16px;
  display: none;
}

.div-block-1407-co {
  background-color: #4d3b1c;
  border: 2px solid #ce9e38;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 20px;
  font-size: 12px;
  display: flex;
}

.div-block-1422 {
  background-color: #636563;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.div-block-1423 {
  width: 40px;
  height: 40px;
}

.code-embed-161 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1424 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #343434;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: none;
}

.orderhistory {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #343434;
  border-radius: 30px;
  flex-flow: column;
  width: 100%;
  padding: 20px 20px 32px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.orderhistory_item {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 2px;
  font-family: Varela Round, sans-serif;
  display: flex;
}

.orderhistory_item._1 {
  border-bottom-width: 0;
  width: 100%;
  margin-top: 12px;
  font-size: 20px;
}

.orderhistory_item_infocont {
  grid-column-gap: 8px;
  grid-row-gap: 4px;
  white-space: normal;
  flex-flow: wrap;
  display: flex;
}

.orderhistory_iteminfo {
  color: #999;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.div-block-1428 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.orderhistory_top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1431 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.orderhistory_time {
  background-color: #4c4d4c;
  border-radius: 16px;
  padding: 8px 16px;
}

.text-block-314 {
  font-size: 20px;
}

.div-block-1432 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #343434;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 20px 20px;
  display: none;
}

.tb_orderhistory_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1433 {
  background-color: #4c4d4c;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.div-block-1433.left {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.div-block-1433.right {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.div-block-1433._2 {
  background-color: #727272;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.div-block-1434 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  display: flex;
}

.div-block-1435 {
  margin-bottom: 20px;
  font-size: 16px;
}

.div-block-1436 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.div-block-1437 {
  background-color: #4c4d4c;
  border-radius: 10px;
  width: 100%;
  height: 2px;
}

.div-block-1438 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #4c4d4c;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  display: flex;
}

.orderhistory_guest {
  background-color: #4c4d4c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: -12px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.basket_success_text {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.div-block-1439 {
  width: 100%;
}

.div-block-1445 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #ddd7c9;
  background-color: #c0c5c5;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-family: Varela Round, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-1447 {
  aspect-ratio: 1;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6817ab72185710dad4986228_IMG_6266.JPG");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 260px;
}

.div-block-1448 {
  background-color: #3f4f4f;
  border-radius: 8px;
  width: 260px;
  height: 48px;
  position: absolute;
  inset: 20px auto auto 20px;
}

.div-block-1447-co {
  aspect-ratio: 1;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6817ab72185710dad4986228_IMG_6266.JPG");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.tb_product_page {
  background-color: #2c3538;
  border-radius: 16px;
  width: 100vw;
  max-width: 300px;
  height: 100vh;
  max-height: 600px;
  padding-bottom: 200px;
  position: relative;
  overflow: hidden;
}

.div-block-1448-co {
  z-index: 1000;
  color: #fff;
  background-color: #3f4f4f66;
  border: 2px solid #3f4f4f;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  padding: 12px;
  position: absolute;
  inset: 20px auto auto 20px;
}

.code-embed-162 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1449 {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #3f4f4fb3;
  border: 2px solid #3f4f4f;
  border-radius: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 48px;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: absolute;
  inset: auto 20px 0% auto;
  transform: translate(0, 50%);
}

.div-block-1450 {
  aspect-ratio: 1;
  background-color: #a27b5a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 24px;
  font-size: 20px;
  line-height: 1;
  display: flex;
}

.div-block-1450._2 {
  background-color: #a27b5a00;
  border: 1px solid #fff;
  font-size: 12px;
}

.div-block-1450.unconccted {
  opacity: .4;
  box-shadow: 0 0 10px #3f4f4f;
}

.div-block-1451 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.div-block-1452 {
  width: 100%;
  padding-left: 20px;
}

.text-block-317 {
  font-size: 20px;
}

.text-block-318 {
  opacity: .5;
}

.tb_product_page_menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  display: flex;
  overflow: hidden;
}

.div-block-1454 {
  border: 2px solid #ddd7c9;
  border-radius: 100px;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
}

.div-block-1454.active {
  background-color: #405051;
}

.div-block-1455 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-top: 28px;
  padding-left: 20px;
  display: flex;
}

.div-block-1456 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  white-space: nowrap;
  background-color: #3f4f4fb3;
  border: 2px solid #3f4f4f;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 260px;
  height: 48px;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto auto 20px 20px;
}

.text-block-319 {
  justify-content: center;
  align-items: center;
  height: 24px;
  display: flex;
}

.div-block-1457 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ddd7c9;
  white-space: nowrap;
  background-color: #a27b5a;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-left: 16px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.text-block-320 {
  font-size: 24px;
}

.div-block-1458 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #323d3f;
  border-radius: 48px 8px;
  justify-content: space-between;
  align-items: center;
  width: 260px;
  padding: 12px 20px;
  display: flex;
}

.div-block-1459 {
  background-color: #3f4f4f;
  border: 2px solid #ddd7c9;
  border-radius: 100px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 8px;
}

.code-embed-163 {
  width: 24px;
  height: 24px;
}

.div-block-1460 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1461 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-1462 {
  padding-top: 40px;
  padding-left: 20px;
}

.div-block-3000 {
  background-color: #2c3538;
  border-radius: 16px;
  width: 100vw;
  max-width: 300px;
  height: 100vh;
  max-height: 600px;
  padding-top: 88px;
  padding-left: 20px;
  position: relative;
  overflow: hidden;
}

.div-block-3001 {
  aspect-ratio: 1;
  background-color: #2c3538;
  border-radius: 100%;
  width: 1000px;
  margin-bottom: -950px;
  position: absolute;
}

.div-block-3002 {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-3004 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 96px;
  display: flex;
}

.tb_product_menu {
  border: 1px solid #fff;
  border-radius: 100vw;
  padding: 8px 20px;
}

.tb_product_menu.active {
  background-color: #fff3;
  padding: 8px 20px;
}

.tb_product_menu_cont {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100vw - 20px);
  margin-top: 8px;
  font-family: Varela Round, sans-serif;
  font-size: 16px;
  display: none;
  overflow: hidden;
}

.tb_ingrediance_div-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: Varela Round, sans-serif;
  display: flex;
}

.div-block-3007 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.code-embed-165 {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 12px;
  display: flex;
}

.div-block-3008 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tb_ingrediance_operator-co {
  z-index: 3;
  aspect-ratio: 1;
  background-color: #343434;
  border-radius: 30px 8px 8px;
  justify-content: center;
  align-items: center;
  width: 60px;
  font-size: 40px;
  display: flex;
}

.tb_ingrediance_operator-co._2 {
  border-top-left-radius: 8px;
  border-bottom-right-radius: 30px;
}

.div-block-3007-co {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.tb2_blur {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px;
  font-size: 16px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.div-block-1447343 {
  aspect-ratio: 2 / 3;
  background-image: linear-gradient(0deg, #2c3538 3%, #2c353899 18%, #fff0 30%), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6817ab72185710dad4986228_IMG_6266.JPG");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
  position: relative;
}

.image-41 {
  width: 80px;
  height: 80px;
}

.div-block-1447344 {
  background-color: #a27b5a;
  border-radius: 16px 8px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 48px;
  margin-top: 12px;
  display: flex;
}

.div-block-1447345 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  font-family: Yeseva One, sans-serif;
  line-height: 1;
  display: flex;
}

.text-block-321 {
  font-size: 28px;
}

.text-block-322 {
  font-size: 20px;
}

.text-block-323 {
  color: #ddd7c9;
  font-family: Varela Round, sans-serif;
}

.div-block-1447346 {
  position: absolute;
  inset: 20px 20px auto auto;
}

.tb_hero_icon {
  aspect-ratio: 1;
  width: 150px;
}

.div-block-1447355 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: #343434;
  border-radius: 46px;
  flex-flow: column;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Yeseva One, sans-serif;
  display: flex;
}

.div-block-1447355.nobg {
  background-color: #34343400;
  padding-left: 0;
  padding-right: 0;
  font-family: Varela Round, sans-serif;
}

.tip_cont {
  border: 2px solid #fff;
  border-radius: 26px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 20px;
  font-family: Varela Round, sans-serif;
  font-size: 16px;
  line-height: 1;
  display: flex;
  position: relative;
}

.tip_cont.active {
  background-color: #626562;
}

.tip_radio {
  background-color: #343434;
  border: 2px solid #fff;
  border-radius: 100vw;
  width: 24px;
  height: 24px;
}

.tip_radio.active {
  background-color: #34343400;
  background-image: radial-gradient(circle, #fff 40%, #fff0 40%);
}

.div-block-1447359 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1447360 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: .3;
  flex-flow: column;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-1447361 {
  border: 2px solid #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  display: flex;
}

.div-block-1447362 {
  background-color: #343434;
  border-radius: 100vw;
  width: 100%;
  height: 2px;
}

.div-block-1447363 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #343434;
  justify-content: center;
  align-items: center;
  font-family: Yeseva One, sans-serif;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.div-block-1447364 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829123592753bf2521293f6_apple%20pay.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  width: 60px;
  height: 30px;
}

.div-block-1447364._2 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/682914d671f15595403b34be_mastercard.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
}

.div-block-1447364._1 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829123592753bf2521293f6_apple%20pay.png");
  background-size: 50px;
}

.div-block-1447364._3 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829132970093a50cc2d098b_visa.png");
  background-repeat: no-repeat;
  background-size: 40px;
}

.div-block-1447364._4 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829138f16de3744b0a653cf_amazone%20pay.png");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 40px;
}

.div-block-1447364._5 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/68291412010ce5688757679d_google%20pay.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
}

.div-block-1447364._6 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829145dd3200066710185c5_amex.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70px;
}

.div-block-1447364._7 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/68291461c8bbccc8ee2aadec_paypal.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  min-width: 60px;
}

.cash-iocns {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div-block-1447361-c {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  display: flex;
}

.image-43 {
  aspect-ratio: 1;
  height: 70%;
}

.div-block-1447366 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tb_hero_image {
  background-image: linear-gradient(#00000080, #fff0 50%, #0000001a 103%), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829ddc4c35528c6eaa02901_tb_bg2.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 16px 16px 60px 60px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 36px;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tb_hero_text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 160px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.text-block-326 {
  color: #8b8b8b;
  font-family: Varela Round, sans-serif;
  font-size: 16px;
}

.tb_hero_btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-shadow: 0 0 20px #1f1d1c80;
  border: 2px solid #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
}

.tb_hero_heading {
  font-size: 28px;
}

.code-embed-167 {
  width: 20px;
  height: 20px;
}

.image-42-co {
  aspect-ratio: 1;
  width: 50px;
}

.orderdisplay_code {
  display: none;
}

.div-block-1447402 {
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-1447403 {
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-1447404 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #343434;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  flex-flow: column;
  margin-top: -50px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1447355-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  text-align: center;
  white-space: normal;
  background-color: #343434;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  display: flex;
}

.text-block-336 {
  font-size: 24px;
}

.text-block-337 {
  font-size: 16px;
}

.div-block-1447412 {
  justify-content: space-between;
  display: flex;
}

.radio-button-field-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.radio-button-3 {
  margin-top: 0;
}

.submit-button-11 {
  background-color: #ffffff1a;
  border-radius: 100vw;
  width: 100%;
}

.textarea-4 {
  border-radius: 8px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  overflow: hidden;
}

.form-16 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-1447355-copy-co {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  white-space: normal;
  background-color: #343434;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  display: flex;
}

.form-block-20 {
  width: 100%;
  max-width: 350px;
  margin-bottom: 0;
}

.success-message-8 {
  background-color: #ffffff1a;
  border-radius: 8px;
}

.error-message-6 {
  text-align: center;
  background-color: #e01b1b;
  border-radius: 8px;
}

._w-page {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--w-bg);
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 360px;
  height: 100svh;
  min-height: 100svh;
  padding-bottom: 124px;
  font-family: Merriweather, serif;
  font-size: 16px;
  line-height: 1;
  display: flex;
  position: relative;
  overflow: auto;
}

._w-page.auth {
  padding-bottom: 0;
}

._w-page.open_exercies {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

._w-body {
  background-color: #292929;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100svh;
  display: flex;
  overflow: hidden;
}

.div-block-1447413 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid var(--w-detail);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  min-height: 300px;
  padding: 20px;
  display: flex;
}

.div-block-1447414 {
  background-color: #fff;
  border-radius: 100vw;
  width: 120px;
  height: 120px;
}

.div-block-1447415 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1447416 {
  background-color: var(--w-highlight);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 60px;
  display: flex;
}

.text-block-338 {
  color: #fff;
}

.div-block-1447417 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  display: flex;
}

.w_nav_btn {
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  display: flex;
  position: relative;
}

.w_nav_btn.active {
  background-color: #1d2e50;
  padding-bottom: 12px;
}

._w-icon {
  width: 20px;
  height: 20px;
}

._w-text-24 {
  font-size: 24px;
}

.text-block-339 {
  color: #a5abb9;
  font-size: 12px;
}

._w-footer {
  border-top: 1px solid var(--w-detail);
  background-color: var(--w-bg);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 104px;
  padding: 12px 20px 32px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

._w-text-20 {
  font-size: 20px;
}

.div-block-1447418 {
  background-color: #fff;
  border-radius: 100vw;
  width: 100%;
  height: 4px;
  margin-top: 4px;
  overflow: hidden;
}

.div-block-1447419 {
  background-color: var(--w-detail);
  width: 70%;
  height: 100%;
}

.div-block-1447419._20 {
  width: 20%;
}

.div-block-1447419._90 {
  width: 90%;
}

.div-block-1447420 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

._w-header {
  z-index: 2;
  background-color: var(--w-bg);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  margin-bottom: -34px;
  display: flex;
  position: relative;
}

.div-block-1447421 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1447422 {
  background-color: var(--w-highlight);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
  overflow: hidden;
}

.div-block-1447423 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829ddc4c35528c6eaa02901_tb_bg2.jpg");
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-1447424 {
  border-top: 1px solid var(--w-detail);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.div-block-1447425 {
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  display: flex;
}

.div-block-1447426 {
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.div-block-1447427 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  display: flex;
}

.div-block-1447428 {
  opacity: .5;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.div-block-1447429 {
  z-index: 100;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid var(--w-detail);
  background-color: var(--w-bg);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.w_searchbar {
  background-color: var(--w-highlight);
  border: 0 solid #000;
  border-radius: 8px;
  width: 100%;
  height: 44px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
}

.code-embed-168 {
  width: 100%;
  height: 44px;
}

.div-block-1447430 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32px;
  min-height: 32px;
  padding-left: 20px;
  display: flex;
  overflow: auto;
}

.div-block-1447431 {
  border: 1px solid #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1447432 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding: 20px;
  display: flex;
}

.div-block-1447433 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--w-highlight);
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1447434 {
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  display: flex;
  overflow: hidden;
}

.div-block-1447435 {
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  display: flex;
}

.text-block-340 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  display: flex;
}

.div-block-1447436 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  margin-top: 20px;
  display: flex;
}

.div-block-1447437 {
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 32px;
  font-size: 12px;
  display: flex;
}

.div-block-1447438 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1447439 {
  background-color: var(--w-highlight);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  display: none;
  position: fixed;
  inset: auto auto 104px 0%;
  overflow: hidden;
}

.div-block-1447440 {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 20px;
  display: flex;
}

.div-block-1447440:hover {
  background-image: linear-gradient(#fff3, #fff3);
}

.div-block-1447441 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
}

.div-block-1447442 {
  background-color: #fff;
  border-radius: 100vw;
  width: 100px;
  height: 4px;
}

._w-footer-code, .div-block-1447443 {
  display: none;
}

.div-block-1447445 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  font-size: 8px;
  display: flex;
}

.div-block-1447446 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1447447 {
  background-color: #fff;
  width: 12px;
  height: 50%;
}

.div-block-1447447._20 {
  height: 20%;
}

.div-block-1447447._80 {
  height: 80%;
}

.div-block-1447447._60 {
  height: 60%;
}

.div-block-1447447._15 {
  height: 15%;
}

.div-block-1447447._90 {
  height: 90%;
}

._w-js, ._w-css {
  display: none;
}

.w_auth_input {
  background-color: var(--w-detail);
  color: #fff;
  border: 0 solid #000;
  border-radius: 8px;
  width: 100%;
  height: 44px;
  padding-left: 20px;
  padding-right: 20px;
}

.w_auth_btn {
  color: var(--w-bg);
  background-color: #fff;
  border-radius: 8px;
  height: 32px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-1447448 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  padding: 20px;
  display: flex;
}

.w_auth_form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1447449 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--w-highlight);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 32px 20px;
  display: none;
}

.div-block-1447449.hide {
  display: flex;
}

._w-auth-form-code {
  width: 100%;
}

._w-text-12 {
  font-size: 12px;
}

.w_auth_lable {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0;
  padding-left: 8px;
}

.div-block-1447450 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/687cb9b85cd3d4a290565985_workout-manifest-512.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 60px;
  height: 60px;
}

.div-block-1447451 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-341 {
  font-size: 24px;
}

.div-block-1447452 {
  width: 100%;
  height: 60px;
}

.div-block-1447453 {
  background-image: linear-gradient(171deg, var(--w-highlight), #e4e6ea1f 48%, #fff0);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px;
  display: flex;
}

.div-block-1447454 {
  background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/6829ddc4c35528c6eaa02901_tb_bg2.jpg");
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  min-height: 200px;
  padding: 8px;
  display: flex;
}

.div-block-1447455 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  display: flex;
}

.text-block-342 {
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.text-block-342.active {
  text-decoration: underline;
}

.div-block-1447456 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.div-block-1447457 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--w-highlight);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.div-block-1447458 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-1447459 {
  background-color: #ffffff4d;
  border-radius: 8px;
  width: 100%;
  height: 44px;
  display: flex;
}

.div-block-1447460 {
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  display: flex;
}

.text-block-343 {
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.div-block-1447461 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-344 {
  font-size: 12px;
}

.div-block-1447462 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 44px;
  display: flex;
}

.div-block-1447463 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1447464 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  display: flex;
}

.div-block-1447465 {
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1447466 {
  background-color: var(--w-detail);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  display: flex;
}

.div-block-1447467 {
  z-index: 100;
  background-color: #00000080;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 360px;
  height: 100svh;
  display: none;
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.div-block-1447468 {
  background-color: var(--w-highlight);
  color: #fff;
  border-radius: 8px;
  width: 300px;
  padding: 20px;
}

@media screen and (max-width: 991px) {
  .navbar {
    margin-left: 10px;
  }

  .rubrik-2.ljus {
    text-align: left;
    align-items: center;
  }

  .link {
    font-size: 12px;
  }

  .grid-7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 70%;
    display: grid;
  }

  .link-block-5 {
    margin-right: -20px;
  }

  .form-2 {
    width: 300px;
  }

  .form-2._1 {
    width: 400px;
  }

  .rl_contact7_component-2 {
    grid-column-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    width: 70%;
    min-height: auto;
  }

  .div-block-16 {
    width: 70%;
  }

  .vanlig-text.vit, .vanlig-text.vit._1 {
    max-width: 70%;
  }

  .vanlig-text.ljus {
    text-align: center;
    margin-bottom: 20px;
  }

  .r-d-text {
    text-align: left;
    justify-content: center;
  }

  .div-block-12 {
    width: 70%;
  }

  .rl_team8_spacing-block-4 {
    padding-bottom: 10px;
  }

  .grid-5 {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 70%;
  }

  .rl-padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-72 {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .div-block-46 {
    width: 95%;
  }

  .navbar-2 {
    margin-left: 10px;
  }

  .heading-10 {
    font-size: 600%;
  }

  .heading-10._1 {
    font-size: 300%;
  }

  .rl-text-style-medium-3 {
    font-size: .8rem;
  }

  .heading-14 {
    font-size: 12px;
  }

  .grid-11 {
    width: 70%;
  }

  .form-block-3 {
    min-width: auto;
    max-width: none;
  }

  .rl_team8_name-text {
    font-size: 1rem;
    font-weight: 600;
  }

  .rl-heading-style-h5 {
    width: 70%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-12._1 {
    grid-row-gap: 20px;
    width: auto;
    display: none;
  }

  .grid-12._1._2 {
    justify-content: space-around;
    width: 100%;
    display: flex;
  }

  .div-block-81 {
    width: 100%;
  }

  .div-block-82 {
    margin-bottom: 19px;
  }

  .grid-13 {
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    width: 100%;
  }

  .rl_team8_spacing-block-6 {
    padding-bottom: 0;
  }

  .div-block-86 {
    width: 70%;
  }

  .rl_testimonial1_text-wrapper {
    justify-content: center;
    display: flex;
  }

  .chatbotpanel {
    display: flex;
  }

  .tb_cust_window {
    flex-flow: column;
    overflow: visible;
  }

  .tb_cust_leftcont {
    width: 100%;
    height: 40%;
  }

  .tb_cust_rightcont {
    background-image: linear-gradient(#fff0, #fff 0%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    width: 100%;
    height: 80%;
    min-height: 85vh;
    margin-top: 20vh;
    position: relative;
    box-shadow: 0 -20px 20px #0003;
  }

  .tb_cust_resturanthero.aroma {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    height: 40%;
    padding-bottom: 21%;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .tb_cust_aroma_text {
    display: none;
  }

  .tb_cust_aroma_text._1 {
    margin-bottom: 0;
    line-height: 1;
    display: block;
  }

  .tb_cust_aroma_text._2 {
    margin-bottom: 5px;
    font-size: 50px;
    line-height: 1.2;
    display: block;
  }

  .div-block-382 {
    width: 250px;
    height: 3px;
  }

  .button-17 {
    display: none;
  }

  .tb_cust_guests {
    height: 85vh;
    min-height: 85vh;
  }

  .tb_cust_header {
    width: 50vw;
    top: 8vh;
    left: 25vw;
  }

  .tb_cust_days, .tb_cust_time, .tb_cust_preorder {
    min-height: 85vh;
  }

  .languageicon {
    top: 10px;
  }

  .body-19 {
    background-color: #1a1a1a;
    background-image: linear-gradient(#1a1a1a, #1a1a1a 50%, #fff 50%, #fff);
  }

  .tb_cust_preorderproductcont {
    width: calc(25vw - 25px);
  }

  .tb_cust_checkout {
    min-height: 85vh;
    display: none;
  }

  .tb_meny_productdescription {
    margin-top: 2vw;
    font-size: 1.5vw;
  }

  .tb_cust_complete.green {
    min-height: 85vh;
  }

  .aroma_body {
    font-size: 12px;
  }

  .ar_hem_hero {
    background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66f970e629dfadef4a538534_aroma_hero_image.webp");
    background-size: auto, cover;
  }

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

  .ar_hem_toplink.ipad {
    display: flex;
  }

  .ar_hem_herocont {
    margin-bottom: 0;
  }

  .ar_line.small {
    width: 100px;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .ar_button {
    min-width: 100px;
    font-size: 12px;
  }

  .ar_hem_herochat {
    bottom: 12vh;
  }

  .ar_hem_toppart {
    display: none;
  }

  .ar_hem_toppart.ipad {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    display: flex;
  }

  .ar_hem_moreinfo {
    height: 90vh;
  }

  .ar_hem_moreinfo._2 {
    height: 100vh;
  }

  .div-block-441 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    white-space: nowrap;
    width: 40vw;
    height: 40vw;
    padding-left: 20px;
    padding-right: 20px;
    left: 5vw;
  }

  .div-block-441._2 {
    right: 8vw;
  }

  .div-block-441._4 {
    left: 8vw;
  }

  .div-block-441._5 {
    width: 40vw;
    height: 25vw;
  }

  .ar_smalltext {
    margin-bottom: 5px;
    font-size: 3vw;
  }

  .ar_largetext {
    font-size: 4vw;
    line-height: 1;
  }

  .ar_text {
    white-space: normal;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.2;
  }

  .ar_text.left {
    white-space: normal;
    font-size: 12px;
  }

  .div-block-444 {
    width: 40px;
    height: 40px;
  }

  .text-block-108 {
    font-size: 3vw;
  }

  .ar_hem_menucont {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ar_hem_sectiontext {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .image-22 {
    font-size: 10px;
  }

  .star.large {
    width: 15px;
    height: 15px;
  }

  .image-23 {
    width: 80%;
  }

  .text-block-111 {
    font-size: 15px;
  }

  .div-block-458 {
    font-size: 12px;
  }

  .text-block-114 {
    font-size: 16px;
  }

  .text-block-115 {
    font-size: 20px;
  }

  .ar_section_secondimg {
    width: 70%;
  }

  .ar_section_mainimg {
    height: 100%;
  }

  .text-block-117 {
    font-size: 15px;
  }

  .ar_hem_marquee, .ar_hem_marqueeside {
    height: 50vh;
  }

  .div-block-469 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
    margin-left: 0%;
  }

  .div-block-474 {
    padding-top: 15vh;
  }

  .tb_meny_productcont {
    width: calc(50vw - 70px);
    height: calc(25vw - 35px);
  }

  .tb_meny_produtname {
    font-size: 2.5vw;
  }

  .tb_meny_productprice {
    margin-top: .5vw;
    font-size: 1.5vw;
  }

  .map-2 {
    height: auto;
  }

  .link-block-18 {
    font-size: 12px;
  }

  .div-block-509 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    display: flex;
  }

  .div-block-510 {
    z-index: 100;
    background-color: var(--aromacream);
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .image-21-copy {
    height: 25vh;
  }

  .div-block-1065 {
    width: 500px;
  }

  .signup_button-2 {
    background-position: 33%;
  }

  .section_signup {
    padding-top: 3rem;
  }

  .signup_right, .signup_left {
    padding: 20px;
  }

  .ar_hem_menudiv {
    width: calc(25vw - 45px);
  }
}

@media screen and (max-width: 767px) {
  .rl_contact7_component-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl_team8_spacing-block-5 {
    padding-bottom: .75rem;
  }

  .rl_team8_spacing-block-4 {
    padding-bottom: 1.25rem;
  }

  .rl_footer4_credit-text {
    margin-top: 1rem;
  }

  .rl_footer4_bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
  }

  .rl-padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl_testimonial17_testimonial {
    padding: 1.5rem;
  }

  .rl-text-style-medium-3 {
    font-size: 1rem;
  }

  .rl_team8_image-wrapper {
    height: 100%;
  }

  .rl_testimonial17_customer {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .rl_team8_name-text {
    font-size: 1.125rem;
  }

  .rl-heading-style-h5 {
    font-size: 1.25rem;
  }

  .rl-text-style-medium-4 {
    font-size: 1rem;
  }

  .rl_team8_spacing-block-6 {
    padding-bottom: 1.25rem;
  }

  .endast-mobil-text {
    display: none;
  }

  .endast-mobil-text._1 {
    display: block;
  }

  .tb_cust_guests {
    justify-content: flex-start;
    align-items: center;
    padding-top: 50vh;
  }

  .tb_cust_header {
    width: 80vw;
    left: 10vw;
  }

  .tb_cust_days, .tb_cust_time {
    justify-content: flex-start;
    align-items: center;
    padding-top: 50vh;
    display: none;
  }

  .tb_cust_preorder, .tb_cust_checkout {
    padding-top: 50vh;
    display: none;
  }

  .tb_cust_checkoutsendbutton {
    display: flex;
  }

  .text-block-106 {
    font-size: 55px;
  }

  .ar_top {
    overflow: hidden;
  }

  .form-block-18 {
    width: 90%;
  }

  .tb_smallsection {
    display: none;
  }

  .tb_bookingstop {
    flex-flow: column;
    height: 160px;
    min-height: 160px;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .signup_wrap-2 {
    flex-flow: column;
    height: auto;
  }

  .signup_right {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .signup_left {
    order: -1;
    width: 100%;
    padding-top: 20px;
  }

  .signup_left-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    height: 5.6em;
    margin-left: 5px;
  }

  .rl_contact7_component-2 {
    grid-template-columns: 1fr;
  }

  .navbar-2 {
    height: 5.6em;
    margin-left: 5px;
  }

  .rl_team8_image-wrapper {
    padding-top: 66%;
  }

  .navcardgrid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .navcardmenu1 {
    display: none;
  }

  .div-block-112 {
    background-size: 22vw;
    width: 21vw;
    height: 7vw;
  }

  .heading-18 {
    height: 5vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .form-block-4 {
    width: 100%;
  }

  .div-block-114 {
    width: 14vw;
    height: 14vw;
    margin-bottom: 30px;
  }

  .heading-18-copy {
    height: 4vw;
    font-size: 4vw;
    line-height: 4vw;
    display: flex;
  }

  .div-block-116 {
    width: 80%;
  }

  .body-9 {
    background-color: #010302;
    display: block;
    overflow: hidden;
  }

  .form-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .forminputstyle:active, .forminputstyle:focus {
    border-color: var(--main);
    color: #fff;
  }

  .qr-loggin {
    width: 100%;
    height: 100%;
  }

  .text-block-28 {
    position: static;
  }

  .div-block-193 {
    background-size: 182px;
    width: 182px;
    height: 104px;
  }

  .text-block-28-copy {
    letter-spacing: 14px;
    font-size: 26px;
    line-height: 1;
  }

  .div-block-196 {
    justify-content: flex-end;
    align-items: center;
    height: 50%;
    padding-bottom: 20%;
  }

  .div-block-197 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .qr-home {
    width: 100%;
    height: 100%;
    display: flex;
  }

  .div-block-199 {
    height: 60%;
    padding-bottom: 10vh;
  }

  .div-block-201 {
    z-index: 1;
    position: fixed;
    inset: 90% 0% 0%;
  }

  .qr-m-lgrupp, .qr-media, .qr-meddelande, .qr-betala, .qr-loggin-copy {
    width: 100%;
    height: 100%;
  }

  .submit-button-5 {
    border-radius: 100vw;
    width: 100%;
    height: 38px;
  }

  .kontof-rfr-gan {
    width: 100%;
    height: 100%;
  }

  .div-block-216 {
    padding-top: 100px;
  }

  .zapget {
    flex-flow: column;
    width: 80%;
  }

  .div-block-217 {
    width: 100%;
    margin-top: 5px;
  }

  .bodyprofil {
    background-color: var(--darkmode-dark);
    color: var(--darkmode-light);
  }

  .profilephone {
    width: 100vw;
    height: auto;
    padding-bottom: 100px;
    display: flex;
    position: relative;
  }

  .phonebg {
    z-index: 1;
    background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66db0a993f89f814c1cee272_Peter%20Lindells%20Trafikskola%20(5).png");
    background-position: 50% 80%;
    background-size: 450px;
    width: 100%;
    height: 40vh;
    inset: 0% auto auto 0%;
  }

  .phonebg.alfi {
    background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/649dad017d3ce154026f91fb_5fa82ab9716542454f4a9423_pexels-cottonbro-5364962.jpg");
    background-position: 20% 30%;
  }

  .phonemenu {
    z-index: 5;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--darkmode-dark);
    border-top-left-radius: 15vw;
    border-top-right-radius: 15vw;
    margin-top: 30vh;
    padding-bottom: 0;
    display: flex;
    position: fixed;
    overflow: hidden;
  }

  .phonemenu._2 {
    display: flex;
  }

  .phonemenu._3, .phonemenu._4 {
    height: 70vh;
    display: flex;
  }

  .phonemenu._5 {
    height: 70vh;
    display: none;
  }

  .phonemenu._6 {
    z-index: 21;
    height: 70vh;
    display: flex;
  }

  .numcustomerscont {
    text-shadow: 0 0 20px #80808080;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .numcustomerstxt {
    letter-spacing: 2px;
    white-space: nowrap;
    margin-top: -5px;
    font-size: 20px;
  }

  .numcustomerstxt._1 {
    margin-bottom: 13px;
  }

  .phonemenus {
    width: 100%;
  }

  .phonemarketingslider {
    position: relative;
    overflow: visible;
  }

  .phoneslider.marknadsf-r {
    overflow: visible;
  }

  .phonenewscont {
    z-index: 0;
    margin-top: var(--phonepagescroll);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 80vw;
    padding-top: 30px;
    position: relative;
    left: 10vw;
  }

  .phonenews {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 95%;
    position: relative;
  }

  .lightmodeani {
    z-index: 10;
    position: relative;
  }

  .svg_moon {
    position: absolute;
  }

  .text-block-35 {
    color: var(--darkmode-light);
    font-size: 10px;
  }

  .text-block-35-copy {
    color: var(--darkmode-light);
    font-size: 15px;
    font-weight: 700;
  }

  .phonemarketingsvg.main.sms {
    justify-content: center;
    align-items: center;
  }

  .phonemarketingsvg.main.tel, .phonemarketingsvg.sms {
    padding-bottom: 0;
  }

  .phonecta {
    z-index: 20;
    width: 90%;
    height: 38px;
    margin-bottom: 10vw;
    bottom: 0%;
    left: 0%;
  }

  .div-block-230 {
    margin-top: 10px;
  }

  .phonemarketing {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#000, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    overflow: hidden;
  }

  .div-block-231 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .text-block-37 {
    font-weight: 700;
  }

  .phoneprofilepicture {
    z-index: 22;
    background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/659f3f9ce7f8c478b2453a4c_91D4A748-A833-41CC-8609-0E38873E830E.JPEG");
    background-position: 50%;
    background-size: 45px;
    display: flex;
    top: 5vw;
    right: 5vw;
  }

  .phoneprofilepicture.alfi {
    background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64a8b32b32795ab079d6214f_c550f912b1bdde62dc30fdf96d875c87-sticker.PNG"), linear-gradient(#797979, #797979);
    background-position: 0 0, 0 0;
    background-size: cover, auto;
  }

  .phonectaindicator {
    background-color: var(--main);
  }

  .div-block-234 {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-238 {
    background-color: #fff;
    border-radius: 100vw;
    height: 3px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .text-block-41 {
    font-size: 10px;
    position: absolute;
    inset: 10px 0 auto auto;
  }

  .phonemarketingcont {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 130px;
    margin-left: -5px;
    padding-right: 10vw;
    display: flex;
    overflow: auto;
  }

  .phonenewscodecont {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 60px;
    display: flex;
  }

  .code-embed-4 {
    height: 60px;
    margin-left: -1px;
  }

  .links {
    color: #ffb2b3;
    text-shadow: 0 0 20px #fff;
    font-style: italic;
    font-weight: 400;
    text-decoration: underline;
  }

  .links._1 {
    margin-top: 0;
    margin-left: 10px;
  }

  .memberstackbadge {
    display: none;
  }

  .phonepage, .phonepage._1 {
    display: flex;
  }

  .phonepage._2, .phonepage._3, .phonepage._4 {
    display: none;
  }

  .phonepage._5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .phonepage._6 {
    display: none;
  }

  .div-block-239 {
    width: 100%;
    height: 70vh;
  }

  .div-block-241 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .code-embed-6 {
    width: 100%;
    height: 100%;
  }

  .agelow, .agehigh {
    border-radius: 5px;
    height: 38px;
    margin-bottom: 0;
  }

  .form-7 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .form-block-11 {
    margin-bottom: 10px;
  }

  .div-block-242 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 15px;
    display: flex;
    overflow: hidden;
  }

  .cta_progress {
    background-color: var(--main);
    border-radius: 15px;
    width: 10vw;
    height: 5vh;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .phonectalink {
    color: #fff;
    padding: 5px;
  }

  .checkboxcss {
    display: block;
  }

  .phonemessage {
    color: #000;
    border-radius: 5px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 25vh;
    min-height: 25vh;
    max-height: 25vh;
  }

  .phonemessage::placeholder {
    color: #b3b3b3;
  }

  .paywall {
    background-color: #fff;
    border-radius: 2vw;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    display: flex;
    box-shadow: 0 2px 20px #2b2b2b;
  }

  .paywall:hover {
    background-color: #e6e6e6;
  }

  .div-block-247 {
    background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/669a4a08f27a8428fbe590c6_Swish_logo.png");
    background-position: 50%;
    background-size: 150px;
    width: 150px;
    height: 40px;
  }

  .phonectaaccess {
    background-color: #b6000080;
    width: 7vh;
    height: 7vh;
    display: none;
    left: 26.5vw;
  }

  .phonepaymentsuccess {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30vh;
    display: flex;
  }

  .phonepaymentsuccess._1 {
    display: flex;
  }

  .phonepaymentsuccess._2 {
    flex-flow: column;
    display: none;
  }

  .code-embed-7 {
    display: flex;
  }

  .text-block-42 {
    display: block;
  }

  .numtargetcustomers {
    text-shadow: 0 0 20px #80808080;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .code-embed-8 {
    z-index: 10;
    display: none;
    position: relative;
  }

  .code-embed-9 {
    width: 50%;
    font-weight: 400;
  }

  .div-block-249 {
    width: 100%;
    margin-top: 10px;
    display: flex;
  }

  .profileforminput {
    border-radius: 5px;
  }

  .profileforminput._1, .profileforminput._2, .profileforminput._3 {
    border-radius: 100vw;
    height: 38px;
  }

  .profileformsubmit {
    background-color: var(--main);
    border-radius: 100vw;
    width: 100%;
    height: 38px;
    margin-top: 0;
  }

  .form-9 {
    margin-top: 120px;
  }

  .phoneprofilex {
    z-index: 21;
    color: var(--main);
    background-image: none;
    border-width: 0;
    display: block;
    top: 5vw;
    right: 5vw;
  }

  .button-10 {
    color: #fff;
    background-color: #b64949;
    border-radius: 100vw;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 38px;
    display: flex;
  }

  .profilebuttoncont {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .form-block-13 {
    margin-bottom: 0;
  }

  .code-embed-10 {
    width: 20px;
    margin-top: 2px;
    margin-right: 5px;
    display: block;
  }

  .div-block-250 {
    color: #ffea00;
    text-shadow: 0 0 20px #ffea0073;
    background-color: #424242;
    background-image: linear-gradient(195deg, #ff28d45c, #fff0 32%), linear-gradient(110deg, #9c00a7, #8a0194 28%, #7820fd 55%, #9d63e9 84%, #ca63d1);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    transition: all .3s ease-in-out;
    display: flex;
    box-shadow: 0 0 20px 3px #ffffff29;
  }

  .div-block-250:hover {
    color: #ffea00;
    background-image: linear-gradient(195deg, #2889ff, #fff0 32%), linear-gradient(110deg, #9c00a7, #8a0194 18%, #9d63e9 47%, #ca63d1 79%, #7820fd);
  }

  .code-embed-11 {
    width: 30px;
    margin-right: 5px;
  }

  .text-block-43 {
    color: #fff;
  }

  .form-block-14 {
    margin-bottom: 0;
  }

  .form-10 {
    color: #000;
  }

  .div-block-251 {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    width: 100%;
    height: 25vh;
  }

  .code-embed-11-copy {
    color: #ffea00;
    width: 100%;
    margin-right: 5px;
  }

  .fakturaikon {
    color: #fff;
    width: 100%;
    margin-right: 5px;
  }

  .code-embed-12 {
    width: 100px;
    height: 80px;
    position: absolute;
  }

  .phonemedia {
    width: 100px;
    height: 125px;
    position: relative;
    overflow: visible;
  }

  .phonemediamarked {
    z-index: 10;
    background-color: #b60100;
    width: 50%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 123px;
  }

  .code-embed-13 {
    display: none;
  }

  .zapsendinput {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .zapsendinputcont {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    margin-bottom: 10px;
    display: none;
  }

  .zapsendbuttoncont {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .success-message-5 {
    background-color: #ddd0;
  }

  .userinfo, .code-embed-15 {
    display: none;
  }

  .div-block-253 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
    height: 42px;
    margin-bottom: 20px;
    display: flex;
  }

  .genderbutton {
    background-color: #5085da;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .genderbutton.girl {
    background-color: #da50ba;
  }

  .genderborder {
    background-image: linear-gradient(90deg, red, orange);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 38px;
    display: flex;
  }

  .code-embed-16 {
    width: 30px;
  }

  .code-embed-18 {
    margin-top: 10px;
  }

  .loadingscreen {
    z-index: 100;
    background-color: #2b2b2b;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding-bottom: 10vh;
    padding-right: 5vw;
    display: none;
    position: absolute;
    top: 0;
  }

  .text-block-44 {
    font-size: 20px;
  }

  .button-12._1 {
    background-color: #cf4d4c;
  }

  .div-block-258 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
  }

  .text-field-17 {
    border-radius: 100vw;
    height: 38px;
  }

  .div-block-259 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50%;
    padding-top: 20%;
    display: flex;
  }

  .phoneheading {
    color: #000;
    border-radius: 5px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
  }

  .phoneheading::placeholder {
    color: #b3b3b3;
  }

  .errormessage {
    z-index: 1000;
    background-color: #b60100;
    background-image: linear-gradient(90deg, #b60100, red);
    border-radius: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    height: 15vw;
    padding-bottom: 0;
    padding-left: 3vw;
    padding-right: 3vw;
    display: none;
    position: fixed;
    inset: 5vw 0% auto 5vw;
  }

  .text-block-46 {
    font-size: 4.8vw;
  }

  .text-block-47 {
    font-style: italic;
  }

  .div-block-260 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .div-block-261 {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 20vw;
    height: 1vw;
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .div-block-262 {
    background-color: red;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .endast-mobil {
    z-index: 101;
    background-color: #2b2b2b;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
  }

  .button-rounded-main {
    height: 38px;
  }

  .div-block-269 {
    width: 70vw;
    margin-top: 10px;
  }

  .button-10-copy {
    color: #fff;
    background-color: #b64949;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 38px;
    display: flex;
  }

  .div-block-340 {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .form-11 {
    width: 100%;
  }

  .image-18 {
    width: 50%;
    position: absolute;
    inset: 7% auto auto 25%;
  }

  .body-18 {
    background-color: #d5c4b4;
    overflow: hidden;
  }

  .div-block-354 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #4d4d4d33;
    border-radius: 10px;
    box-shadow: 0 0 20px #0003;
  }

  .tb_cust_window {
    height: auto;
    min-height: 100vh;
  }

  .tb_cust_rightcont {
    z-index: 2;
    height: auto;
    min-height: 80%;
  }

  .tb_cust_resturanthero.aroma {
    background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/66ec6248fea8964b59f9606c_AromaHeroImg.jpg");
    background-position: 0 0, 50%;
    background-size: auto, 120%;
    height: 270px;
    padding-bottom: 15%;
  }

  .tb_cust_aroma_text._1 {
    margin-bottom: -15px;
    font-size: 20px;
  }

  .tb_cust_aroma_text._2 {
    margin-bottom: 5px;
    font-size: 25px;
  }

  .div-block-382 {
    width: 125px;
    margin-bottom: 40px;
  }

  .tb_cust_guests {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20vh;
    display: none;
  }

  .tb_cust_header {
    width: 90vw;
    top: 5vh;
    left: 5vw;
  }

  .setpagebuttons {
    width: 45px;
    height: 45px;
  }

  .div-block-386 {
    width: 90%;
  }

  .link-block-12.next {
    margin-top: 0;
  }

  .text-block-78 {
    font-size: 20px;
  }

  .sverige {
    width: 10vw;
    height: 10vw;
  }

  .tb_cust_days, .tb_cust_time {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20vh;
    display: none;
  }

  .tb_cust_preorder {
    padding-top: 20vh;
    display: flex;
  }

  .languageicon {
    z-index: 1;
    width: 10vw;
    height: 10vw;
    top: 5vw;
    left: 2vw;
  }

  .england, .uae, .spanien, .frankrike, .nederl-nderna, .danmark, .norge {
    width: 10vw;
    height: 10vw;
  }

  .div-block-390 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    width: 96vw;
    margin-left: -4px;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .div-block-390:hover {
    margin-left: 0;
  }

  .tb_cust_guestscont {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    margin-top: 30px;
  }

  .tb_cust_guestsbutton {
    width: 55px;
    height: 55px;
  }

  .next {
    margin-top: 30px;
  }

  .tb_cust_daybutton {
    width: 35px;
    height: 35px;
  }

  .monthcont {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .timecont {
    justify-content: center;
    align-items: flex-start;
  }

  .tb_cust_preorderbutton.next {
    border-radius: 5px;
    height: 36px;
    margin-top: 0;
    font-size: 15px;
  }

  .tb_cust_leftfixed {
    width: 100%;
    height: 40vh;
  }

  .tb_cust_preorderheader {
    border-radius: 0;
    width: 100vw;
    margin-bottom: 30px;
  }

  .tb_cust_preordercategorycont.num {
    min-width: calc(100vw - 40px);
  }

  .tb_cust_preorderproductimg.order {
    width: 100px;
    height: 100px;
  }

  .tb_cust_preordercategory {
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 0;
  }

  .tb_cust_preorderproductcont {
    width: calc(50vw - 30px);
  }

  .tb_cust_checkout {
    padding-top: 20vh;
    padding-bottom: 75px;
    display: none;
  }

  .tb_meny_productdescription {
    font-size: 3vw;
  }

  .tb_meny_productdescription.order {
    margin-top: 10px;
  }

  .tb_cust_preordercont {
    min-height: 30vh;
    padding-top: 40px;
  }

  .tb_cust_preordercontactbutton, .div-block-406 {
    width: 100%;
  }

  .div-block-407 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-408 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
  }

  .tb_cust_preorderorderproduct {
    height: 100px;
  }

  .div-block-411 {
    width: 100px;
    height: 100px;
  }

  .tb_cust_preorderbuttonorder.next {
    border-radius: 5px;
    height: 36px;
    margin-top: 10px;
    font-size: 15px;
  }

  .div-block-418 {
    width: 90%;
  }

  .div-block-420 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
  }

  .tb_cust_headani {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 90%;
  }

  .setpagebuttonstext {
    margin-top: 65px;
    font-size: 11px;
  }

  .tb_cust_complete.green {
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    margin-top: 5vw;
    margin-left: 5vw;
    margin-right: 5vw;
    padding: 0 0 64px;
  }

  .tb_cust_timebutton {
    width: 50px;
    height: 50px;
  }

  .ar_hem_hero._2 {
    background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674c9744a2796e5a156f799f_Aromabg.JPEG");
    background-position: 0 0, 30%;
    background-size: auto, cover;
    overflow: hidden;
  }

  .ar_header {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: center;
  }

  .ar_hem_headerpart {
    justify-content: space-between;
    align-items: stretch;
    width: 90vw;
  }

  .link-block-16 {
    aspect-ratio: 1;
    width: 40px;
    height: 40px;
    display: none;
  }

  .ar_hem_headerlink {
    white-space: nowrap;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .ar_line {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .ar_line.small {
    width: 150px;
    height: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .text-block-105 {
    margin-bottom: 2vw;
    font-size: 4vw;
  }

  .text-block-106 {
    font-size: 6vw;
  }

  .ar_hem_herotext {
    width: 90vw;
    margin-bottom: 10vw;
    font-size: 3.2vw;
  }

  .ar_hem_herochat {
    bottom: 18vh;
  }

  .ar_hem_toppart {
    display: none;
  }

  .ar_hem_moreinfo {
    flex-flow: column;
    height: auto;
    padding: 4vw 2vw;
  }

  .ar_hem_moreinfo._2 {
    height: auto;
    margin-top: 10vh;
  }

  .div-block-441._2 {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    margin-top: 4vw;
    padding: 30px;
    position: relative;
    top: 0;
    right: 0;
  }

  .div-block-441._3 {
    z-index: 2;
    width: 75vw;
    height: 50vw;
    inset: 0% auto auto 0%;
  }

  .div-block-441._4 {
    width: 50vw;
    height: 50vw;
    top: 30vh;
    left: 20vw;
  }

  .div-block-441._5 {
    z-index: 4;
    width: 60vw;
    height: 35vw;
  }

  .div-block-441._1 {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    position: static;
  }

  .ar_smalltext {
    margin-bottom: 0;
    font-size: 6vw;
  }

  .ar_smalltext.left.readhere {
    margin-left: 5vw;
    font-size: 8vw;
  }

  .ar_largetext {
    font-size: 10vw;
  }

  .ar_text {
    margin-bottom: 15px;
    font-size: 14px;
  }

  .ar_text.left {
    font-size: 14px;
  }

  .ar_hem_meny {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px 20px 60px;
  }

  .ar_hem_menucont {
    margin-top: 20px;
  }

  .ar_hem_menualternatives {
    font-size: 12px;
  }

  .ar_hem_section {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    padding-bottom: 0;
  }

  .ar_hem_sectionimages {
    width: 80%;
    height: 40vh;
  }

  .ar_hem_sectionimages.phone {
    display: flex;
  }

  .ar_hem_sectionimages.dator {
    display: none;
  }

  .ar_hem_sectiontext {
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .div-block-449 {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .ar_googlereviews {
    padding-bottom: 4vh;
  }

  .div-block-451 {
    width: 46vw;
  }

  .div-block-458 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 8px;
    grid-template: ". ."
                   "Area Area"
                   "Area Area"
                   "Area-3 Area-3"
                   / 1fr 1fr;
    padding: 5vw;
  }

  .div-block-460 {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }

  .div-block-462 {
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .div-block-464 {
    background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/64c39e9c998d40df525e592a_IMG_1715.PNG");
    background-repeat: no-repeat;
    background-size: auto 30px;
  }

  .wyzrbadge {
    background-color: #242424;
    border-radius: 8px;
    width: 100%;
  }

  .ar_hem_marquee {
    height: 80vh;
  }

  .ar_hem_marqueecomp.phone {
    display: none;
  }

  .ar_hem_marqueecomp.phone2 {
    width: 46vw;
  }

  .ar_hem_marqueeside {
    width: 46vw;
    height: 80vh;
  }

  .ar_hem_reviews {
    padding-top: 100px;
  }

  .div-block-471 {
    display: none;
  }

  .div-block-474 {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .div-block-478 {
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tb_meny_productcont {
    width: calc(96vw - 40px);
    height: calc(48vw - 20px);
  }

  .tb_meny_produtname {
    font-size: 5vw;
  }

  .tb_meny_productprice {
    font-size: 3vw;
  }

  .map-2 {
    height: 30vh;
  }

  .tb_admin_productcontdelete {
    padding-top: 15px;
  }

  .text-block-123, .tb_navbar_cont {
    display: none;
  }

  .text-block-133 {
    text-align: center;
    margin-bottom: 0;
    font-size: 13px;
  }

  .div-block-526 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .div-block-527 {
    width: 90vw;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-top: 2vh;
    padding-right: 0;
  }

  .tb_req_reqcont {
    margin-top: 10vh;
  }

  .text-block-105-copy {
    margin-bottom: 2vw;
    font-size: 4vw;
  }

  .text-block-138-copy {
    margin-bottom: 20px;
  }

  .div-block-478-copy {
    padding: 5vh 40px;
  }

  .image-21-copy {
    height: 20vh;
  }

  .div-block-535, .div-block-538 {
    width: 100%;
    height: 60vh;
    margin-top: 10vh;
    position: relative;
  }

  .tb_cust_preorderbuttonordercover {
    height: 36px;
    margin-top: -36px;
    font-size: 15px;
  }

  .text-block-142 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .text-block-143 {
    font-size: 12px;
  }

  .image-33 {
    width: 35vw;
    min-width: 35vw;
    max-width: 35vw;
    height: 35vw;
    min-height: 35vw;
    max-height: 35vw;
  }

  .tb_cust_updateingscreen {
    text-align: center;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-646 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-647 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .neworderbg {
    display: none;
  }

  .newordercont {
    width: 80vw;
    height: 20vh;
  }

  .text-block-180 {
    font-size: 24px;
  }

  .form-block-18 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-26, .heading-27 {
    font-size: 30px;
  }

  .paragraph-16 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .div-block-666 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 3vh;
  }

  .div-block-667 {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    width: 90vw;
  }

  .div-block-668 {
    padding: 4vh;
  }

  .div-block-668-co {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    flex-flow: column;
  }

  .div-block-667-co {
    display: none;
  }

  .div-block-667-co.phone {
    aspect-ratio: 1;
    background-image: url("https://cdn.prod.website-files.com/649dad007d3ce154026f9175/674b594945841811bb56c592_7C2AAA3D-EB55-456C-9CFB-C4737DC768EB-removebg-preview.png"), linear-gradient(to bottom, null, null);
    background-size: cover, auto;
    width: 100%;
    display: block;
  }

  .div-block-669-co {
    padding: 4vh;
  }

  .div-block-669-co._2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 4vh;
  }

  .tb_req_sendemailbg_sendbtn, .text-block-181 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .tb_admin_mobilbutton {
    background-color: var(--aromagold);
    color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10vh;
    padding: 9px 15px;
    display: flex;
  }

  .tb_admin_mobilbutton:hover {
    background-image: linear-gradient(#fff3, #fff3);
  }

  .tb_navbarcont, .tb_smallsection {
    display: none;
  }

  .tb_bookingstop {
    flex-flow: column;
    height: 160px;
    min-height: 160px;
  }

  .div-block-1065 {
    width: 320px;
  }

  .div-block-1248 {
    min-height: 128px;
    overflow: hidden;
  }

  .div-block-1253 {
    display: none;
  }

  .div-block-1256 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .div-block-1258 {
    padding: 20px;
  }

  .div-block-1263, .text-block-272 {
    display: none;
  }

  .div-block-1274 {
    width: 100%;
  }

  .div-block-1274-co {
    display: none;
  }

  .div-block-1281 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-1285.sverige {
    width: 32px;
    height: 32px;
  }

  .text-block-277 {
    min-width: 24px;
    min-height: 24px;
  }

  .text-block-286 {
    text-align: center;
    font-size: 12px;
  }

  .signup_text-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sugnup_text-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .signup_bottom-text {
    margin-top: 20px;
  }

  .signup_form {
    width: 100%;
  }

  .signup_left-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .tb2 {
    top: 12px;
    left: 12px;
  }

  .tb_heading_btn {
    border-radius: 100vw;
  }

  .div-block-1346-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .tableoverview {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .tableoverview_person_cont {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .tb_nav_iocn {
    width: 60px;
    height: 60px;
    margin-left: -18px;
    margin-right: -18px;
    padding: 18px;
  }

  .tb_product_num {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    width: 56px;
    height: 160px;
  }

  .tb_ingrediance_operator {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }

  .lang_cont {
    width: 24px;
    height: 24px;
  }

  .lang_placeholder {
    width: 24px;
  }

  .div-block-1373 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-1374 {
    justify-content: space-between;
  }

  .div-block-1377 {
    font-size: 16px;
  }

  .basket_cont {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-1383 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    aspect-ratio: 1;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
  }

  .div-block-1395 {
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .basket_icon {
    width: 24px;
    height: 24px;
  }

  .basket_product {
    justify-content: center;
    align-items: flex-end;
  }

  .basket_num {
    width: 16px;
    font-size: 8px;
  }

  .basket_input_cont {
    display: none;
  }

  .div-block-1406 {
    width: calc(50vw - 30px);
  }

  .code-embed-153-c {
    margin-bottom: 12px;
  }

  .ar_hem_menudiv {
    width: calc(48vw - 30px);
    font-size: 20px;
  }

  .div-block-1413 {
    border: 2px solid #fff;
  }

  .text-block-310, .text-block-310-c, .text-block-310-co {
    text-shadow: 0 0 20px #262422;
    white-space: normal;
  }

  .orderhistory_item_infocont {
    overflow: hidden;
  }

  .div-block-1434 {
    width: 100%;
  }

  .div-block-1435 {
    font-size: 16px;
  }

  .orderhistory_guest {
    background-color: #4c4d4c;
    border-radius: 8px;
  }

  .div-block-1445 {
    flex-flow: column;
    overflow: hidden;
  }

  .div-block-1447-co {
    width: 100vw;
    height: 100vw;
  }

  .tb_product_page {
    border-radius: 0;
    max-width: none;
    max-height: none;
  }

  .div-block-1448-co {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  .div-block-1449 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    width: auto;
    padding: 4px;
  }

  .div-block-1450 {
    width: 48px;
    height: 48px;
    font-size: 28px;
  }

  .div-block-1450._2 {
    width: 32px;
    height: 32px;
  }

  .div-block-1451 {
    width: auto;
  }

  .text-block-317 {
    font-family: Yeseva One, sans-serif;
    font-size: 28px;
  }

  .text-block-318 {
    font-size: 20px;
  }

  .div-block-1455 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-1456 {
    z-index: 10;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    width: calc(100vw - 40px);
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    position: fixed;
  }

  .div-block-1457 {
    height: 48px;
    font-size: 16px;
  }

  .div-block-1458 {
    width: calc(100vw - 40px);
  }

  .div-block-1459 {
    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 12px;
  }

  .body-33 {
    background-color: #2c3538;
    height: 100vh;
  }

  .div-block-3000 {
    max-width: none;
    max-height: none;
    display: none;
  }

  .div-block-3001 {
    border: 2px solid #fff;
  }

  .div-block-3004 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 20px;
    padding-right: 76px;
  }

  .tb_product_menu {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1;
  }

  .tb_product_menu.active {
    color: #fff;
  }

  .tb_product_menu_cont {
    padding-right: 20px;
  }

  .code-embed-164 {
    display: none;
  }

  .code-embed-165 {
    width: 40px;
    height: 40px;
    padding: 8px;
  }

  .tb_ingrediance_operator-co {
    border-top-left-radius: 24px;
    width: 40px;
    height: 40px;
    font-size: 30px;
  }

  .tb_ingrediance_operator-co._2 {
    border-bottom-right-radius: 24px;
  }

  .tb_hero_text {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._w-page {
    width: 100%;
  }

  ._w-body {
    background-color: var(--w-bg);
  }

  .div-block-1447413 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    padding: 20px;
  }

  .w_nav_btn.w--current {
    background-color: var(--w-highlight);
  }

  ._w-footer {
    padding: 0;
    display: flex;
    position: fixed;
    inset: auto 0% 0% auto;
  }

  .div-block-1447432 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .div-block-1447433 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
  }

  .div-block-1447438 {
    background-color: var(--w-bg);
    height: 104px;
    padding: 12px 19px 32px;
  }

  .div-block-1447439 {
    background-color: #1d2e50;
    flex-flow: column;
    padding-bottom: 12px;
    display: none;
  }

  .div-block-1447440 {
    justify-content: space-between;
    padding-right: 20px;
  }

  .div-block-1447441 {
    height: 20px;
  }

  ._w-footer-code {
    display: none;
  }

  .div-block-1447443 {
    background-color: #1d2e5000;
  }

  .div-block-1447444 {
    width: 20px;
    height: 20px;
  }

  .div-block-1447445 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 8px;
    display: flex;
  }

  .div-block-1447446 {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .div-block-1447447 {
    width: 12px;
    height: 80%;
  }
}

#w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb06-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb0d-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb14-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb1b-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb22-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb67-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb77-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb7a-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb80-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb86-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb8c-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb92-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb98-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcb9e-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcba4-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbaa-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbb0-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbb6-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbbc-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbc2-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbc8-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbce-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcbd4-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcc1e-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcc39-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcc9f-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fccac-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fccb3-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fccbc-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fccdb-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcce2-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcceb-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcd0b-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcd36-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcd61-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcd8c-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcdb7-36a3ac89, #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fcdec-36a3ac89, #w-node-_5199dce1-977f-f9e8-9c24-0d7535ec1498-b0a2a684, #w-node-_84eb0177-1f2d-fd40-7614-b810ded71989-b0a2a684, #w-node-_3598d110-4dd2-f3fa-d065-d289c6392baf-cf1730d7, #w-node-_7e1c54d2-fc0a-3658-cfc2-cb7537b8ac63-cf1730d7, #w-node-e45d81f5-c137-7d17-27e6-3d30f30d59c5-cf1730d7, #w-node-d3944157-065b-f1ee-f844-0c27e5b983fb-cf1730d7, #w-node-_2287d6eb-231f-3caa-7710-f5bf2a5b616d-cf1730d7, #w-node-_548e414f-f4c4-ad7b-304d-71d50c9d8b33-cf1730d7, #w-node-_352e3b84-2717-c6c9-f407-14fcc9f1669d-cf1730d7, #w-node-_4c99a6a9-9b64-91ee-275b-9708fcd03204-cf1730d7, #w-node-_28eaae54-fdfc-9bd4-0e3b-458d3a3e8b1a-cf1730d7, #w-node-_7a658980-2389-2ac1-7321-acbf665ece42-cf1730d7, #w-node-_674ecc4d-0b61-a54d-23c9-25943fbda553-cf1730d7, #w-node-ff8c9b34-e781-8292-cfd7-d3921719254b-cf1730d7, #w-node-_05057ffa-1a59-f873-484c-3591e28acb58-cf1730d7, #w-node-_3a1eacd9-9261-7291-1e1e-44634197cd1f-cf1730d7, #w-node-_924b6b29-df97-b746-0929-c81c50489fcf-cf1730d7, #w-node-_9e5acf0d-ac5b-7b28-0dcf-abf5f8dd7908-cf1730d7, #w-node-_386eed10-dd17-b33e-41a7-02a4ef6f374f-cf1730d7, #w-node-_95bddc6b-c9a8-4083-fbed-2aabdc1bc52b-cf1730d7, #w-node-_8e5d2a24-6745-ebc6-952a-5149e28324dd-cf1730d7, #w-node-_29d5cbc4-9497-4b57-ab28-6dfb7b8505cc-cf1730d7, #w-node-c8861f9e-97d6-abb9-17ae-4f3c4d48d659-cf1730d7, #w-node-_62d03df0-a0c4-b51e-7b98-3f95c99b5513-cf1730d7, #w-node-_5f38b7d8-f3ff-f4eb-9958-8c798e780f6b-cf1730d7, #w-node-edb0471a-ad57-db4a-1025-66212d7a3027-cf1730d7, #w-node-b73adb37-8e78-99b9-a636-d06e9e1989c4-cf1730d7, #w-node-f0b27258-33c8-d47b-767b-268c17de1b15-cf1730d7, #w-node-_525f4cb3-26b6-cc63-b505-4d0f2eae7db4-cf1730d7, #w-node-_0636d5b0-5dd1-98a0-d617-eb204eaf7c64-cf1730d7, #w-node-eb85ad1f-08ff-4084-597a-2fdf59492c7d-cf1730d7, #w-node-_11901531-72af-92eb-6b8b-63908294623d-cf1730d7, #w-node-_1c11d294-9388-3af3-0f46-e683bc194b70-cf1730d7, #w-node-_1e6cbcce-1222-e776-4e24-545f56762afd-cf1730d7, #w-node-_5879614f-5861-cf61-212e-46b59e91107e-cf1730d7, #w-node-d2c2f8dc-4564-0ee7-0b76-dc8df61f2fea-cf1730d7, #w-node-b484a566-725b-02f4-77a4-b49bf6963bbe-cf1730d7, #w-node-_2311e69e-b1fb-4a9d-cbfd-0cfa3acd11f0-cf1730d7, #w-node-a2571508-66ff-3a90-3c7d-8190a63236be-63a91b6a, #w-node-a2571508-66ff-3a90-3c7d-8190a63236c2-63a91b6a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2571508-66ff-3a90-3c7d-8190a63236c6-63a91b6a, #w-node-a2571508-66ff-3a90-3c7d-8190a63236ca-63a91b6a, #pickup.w-node-a2571508-66ff-3a90-3c7d-8190a63236ae-63a91b6a, #w-node-a2571508-66ff-3a90-3c7d-8190a63236ce-63a91b6a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c0e4928-34cc-285b-6673-6697253b4f8f-253b4f72 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7bee354d-98e1-e3e3-3ee0-3352db278aec-253b4f72, #w-node-_3c0e4928-34cc-285b-6673-6697253b4f9e-253b4f72, #w-node-_556d9f3e-cc9b-2824-3b6b-bf5edfd74569-dd18a749 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#sidenavcont_top.w-node-e14cf1b7-be17-de48-2597-08c941753b57-ad1ce715 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_630b7f28-93d3-e57b-cc60-6c8b623fccf6-36a3ac89 {
    grid-area: 4 / 1 / 5 / 2;
  }
}

@media screen and (max-width: 479px) {
  #CompanyName.w-node-c8dfa4a2-bb10-fe70-e42b-0f387f9c0e88-cd8b1e19, #LowAge.w-node-_0a2f4396-bafd-efa9-24b9-396c86e37615-cd8b1e19, #HighAge.w-node-_044c5509-9010-106f-422a-b24e5dc23354-cd8b1e19, #Cities.w-node-ec369f2e-ad59-917f-7af6-9141d2d0653c-cd8b1e19, #CompanyName.w-node-c8dfa4a2-bb10-fe70-e42b-0f387f9c0e88-8044015b, #LowAge.w-node-_0a2f4396-bafd-efa9-24b9-396c86e37615-8044015b, #HighAge.w-node-_044c5509-9010-106f-422a-b24e5dc23354-8044015b, #Cities.w-node-ec369f2e-ad59-917f-7af6-9141d2d0653c-8044015b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}