@charset "UTF-8";
/****************************************
    NEW COLOURS
    NOTE: Kato rebrand colour palette.
****************************************/
/****************************************
    OLD "NEW" COLOURS
    NOTE: Tommy's colour palette.
****************************************/
/****************************************
    COLOURS
    TODO: Remove duplicate colours
    TODO: Make naming convention consistent
****************************************/
/****************************************
    OTHER
    TODO: Create new/reuse existing colours, and reference the variables
****************************************/
/****************************************
    GLOBAL
****************************************/
/****************************************
    Z-INDEX
****************************************/
/****************************************
    MISC / SPECIFIC
****************************************/
@font-face {
  font-family: "ae-marketplace";
  src: url("/fonts/ae-marketplace/ae-marketplace.eot?v=AE_MARKETPLACE_HASH");
  src: url("/fonts/ae-marketplace/ae-marketplace.eot?v=AE_MARKETPLACE_HASH#iefix") format("embedded-opentype"), url("/fonts/ae-marketplace/ae-marketplace.woff?v=AE_MARKETPLACE_HASH") format("woff"), url("/fonts/ae-marketplace/ae-marketplace.ttf?v=AE_MARKETPLACE_HASH") format("truetype"), url("/fonts/ae-marketplace/ae-marketplace.svg?v=AE_MARKETPLACE_HASH#ae-marketplace") format("svg");
  font-weight: normal;
  font-style: normal; }

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

.icon-activity:before {
  content: '\62'; }

.icon-arrow-down:before {
  content: '\65'; }

.icon-arrow-right:before {
  content: '\66'; }

.icon-arrow-up:before {
  content: '\67'; }

.icon-bar-chart-2:before {
  content: '\68'; }

.icon-bell:before {
  content: '\69'; }

.icon-bell-off:before {
  content: '\6a'; }

.icon-bookmark:before {
  content: '\6b'; }

.icon-calendar:before {
  content: '\6c'; }

.icon-camera:before {
  content: '\6d'; }

.icon-check:before {
  content: '\6e'; }

.icon-shield:before {
  content: '\6f'; }

.icon-chevron-down:before {
  content: '\70'; }

.icon-chevron-left:before {
  content: '\71'; }

.icon-chevron-right:before {
  content: '\72'; }

.icon-chevron-up:before {
  content: '\73'; }

.icon-clock:before {
  content: '\74'; }

.icon-compass:before {
  content: '\75'; }

.icon-crop:before {
  content: '\76'; }

.icon-crosshair:before {
  content: '\78'; }

.icon-delete:before {
  content: '\79'; }

.icon-download-cloud:before {
  content: '\41'; }

.icon-edit:before {
  content: '\42'; }

.icon-heart-solid:before {
  content: '\43'; }

.icon-heart:before {
  content: '\44'; }

.icon-folder:before {
  content: '\45'; }

.icon-flag:before {
  content: '\46'; }

.icon-filter-slider:before {
  content: '\47'; }

.icon-filter:before {
  content: '\48'; }

.icon-film:before {
  content: '\49'; }

.icon-file-plus:before {
  content: '\4a'; }

.icon-file-minus:before {
  content: '\4b'; }

.icon-eye:before {
  content: '\4d'; }

.icon-external-link:before {
  content: '\4e'; }

.icon-home:before {
  content: '\50'; }

.icon-image:before {
  content: '\51'; }

.icon-info:before {
  content: '\52'; }

.icon-lock:before {
  content: '\54'; }

.icon-log-in:before {
  content: '\55'; }

.icon-log-out:before {
  content: '\56'; }

.icon-message-circle:before {
  content: '\5a'; }

.icon-message-square:before {
  content: '\30'; }

.icon-minus-circle:before {
  content: '\31'; }

.icon-share:before {
  content: '\32'; }

.icon-settings:before {
  content: '\33'; }

.icon-search:before {
  content: '\34'; }

.icon-refresh-cw:before {
  content: '\35'; }

.icon-printer:before {
  content: '\36'; }

.icon-plus-square:before {
  content: '\37'; }

.icon-plus-circle:before {
  content: '\38'; }

.icon-plus:before {
  content: '\39'; }

.icon-pie-chart:before {
  content: '\21'; }

.icon-paperclip:before {
  content: '\22'; }

.icon-notepad-tick:before {
  content: '\23'; }

.icon-move:before {
  content: '\24'; }

.icon-star:before {
  content: '\25'; }

.icon-star-solid:before {
  content: '\26'; }

.icon-thumbs-down:before {
  content: '\27'; }

.icon-thumbs-up:before {
  content: '\28'; }

.icon-trash-2:before {
  content: '\29'; }

.icon-unlock:before {
  content: '\2a'; }

.icon-users:before {
  content: '\2b'; }

.icon-x-circle:before {
  content: '\2c'; }

.icon-x-square:before {
  content: '\2d'; }

.icon-copy:before {
  content: '\2e'; }

.icon-airplay:before {
  content: '\61'; }

.icon-alert-triangle:before {
  content: '\63'; }

.icon-map-pin:before {
  content: '\58'; }

.icon-cross:before {
  content: '\77'; }

.icon-edit-2:before {
  content: '\4f'; }

.icon-arrow-left:before {
  content: '\2f'; }

.icon-hamburger:before {
  content: '\3a'; }

.icon-table:before {
  content: '\57'; }

.icon-book:before {
  content: '\3b'; }

.icon-book-open:before {
  content: '\3c'; }

.icon-mail:before {
  content: '\3d'; }

.icon-message-square-fill:before {
  content: '\3e'; }

.icon-thumbs-up-fill:before {
  content: '\3f'; }

.icon-file:before {
  content: '\4c'; }

.icon-fav-row-icon:before {
  content: '\40'; }

.icon-fav-row-icon-active:before {
  content: '\5b'; }

.icon-comment-row-icon-active:before {
  content: '\5d'; }

.icon-comment-row-icon:before {
  content: '\5e'; }

.icon-comment-row-icon-active-1:before {
  content: '\5f'; }

.icon-zap:before {
  content: '\60'; }

.icon-list:before {
  content: '\7b'; }

.icon-board:before {
  content: '\7c'; }

.icon-note:before {
  content: '\7d'; }

.icon-note-attached:before {
  content: '\7e'; }

.icon-lettings:before {
  content: '\5c'; }

.icon-sales:before {
  content: '\e000'; }

.icon-update-timer:before {
  content: '\e001'; }

.icon-send:before {
  content: '\59'; }

.icon-availability:before {
  content: '\e002'; }

.icon-layers:before {
  content: '\53'; }

.icon-download:before {
  content: '\7a'; }

.icon-phone:before {
  content: '\e003'; }

.icon-circle-check:before {
  content: '\e004'; }

.icon-circle-check-invert:before {
  content: '\e005'; }

.icon-smartphone:before {
  content: '\e006'; }

.icon-realtime:before {
  content: '\e008'; }

.icon-society:before {
  content: '\e009'; }

.icon-size:before {
  content: '\e00a'; }

.icon-megaphone:before {
  content: '\e00b'; }

.icon-desktop:before {
  content: '\e00c'; }

.icon-upload-cloud:before {
  content: '\e00d'; }

.icon-mobile:before {
  content: '\e007'; }

.icon-inbox-off:before {
  content: '\e00e'; }

.icon-reply-mail:before {
  content: '\e00f'; }

.icon-zap-fill:before {
  content: '\e010'; }

.icon-package:before {
  content: '\64'; }

.icon-maximize-2:before {
  content: '\e011'; }

.icon-alert-circle:before {
  content: '\e012'; }

.icon-summary-dash:before {
  content: '\e013'; }

.icon-smile:before {
  content: '\e014'; }

.icon-arrow-up-circle:before {
  content: '\e015'; }

.icon-link-2:before {
  content: '\e016'; }

@font-face {
  font-family: "as-large-icons";
  src: url("/fonts/as-large-icons/as-large-icons.eot?v=AS_LARGE_ICONS_HASH");
  src: url("/fonts/as-large-icons/as-large-icons.eot?v=AS_LARGE_ICONS_HASH#iefix") format("embedded-opentype"), url("/fonts/as-large-icons/as-large-icons.woff?v=AS_LARGE_ICONS_HASH") format("woff"), url("/fonts/as-large-icons/as-large-icons.ttf?v=AS_LARGE_ICONS_HASH") format("truetype"), url("/fonts/as-large-icons/as-large-icons.svg#as-large-icons?v=AS_LARGE_ICONS_HASH") format("svg");
  font-weight: normal;
  font-style: normal; }

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

.iconlg-marketing-list:before {
  content: "\61"; }

.iconlg-marketing-search:before {
  content: "\62"; }

.iconlg-multi-properties:before {
  content: "\63"; }

.iconlg-single-property:before {
  content: "\64"; }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/inter/Inter-Thin.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-Thin.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/fonts/inter/Inter-ThinItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-ThinItalic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/inter/Inter-ExtraLight.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-ExtraLight.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-ExtraLightItalic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/inter/Inter-Light.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-Light.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/inter/Inter-LightItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-LightItalic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter/Inter-Regular.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-Regular.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter/Inter-Italic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-Italic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter/Inter-Medium.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-Medium.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter/Inter-MediumItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-MediumItalic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-SemiBold.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-SemiBoldItalic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter/Inter-Bold.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-Bold.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter/Inter-BoldItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-BoldItalic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/inter/Inter-ExtraBold.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-ExtraBold.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/inter/Inter-Black.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-Black.woff?v=3.19") format("woff"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/inter/Inter-BlackItalic.woff2?v=3.19") format("woff2"), url("/fonts/inter/Inter-BlackItalic.woff?v=3.19") format("woff"); }

/* -------------------------------------------------------
Variable font.
Usage:

  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
  }
*/
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("/fonts/inter/Inter-roman.var.woff2?v=3.19") format("woff2"); }

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("/fonts/inter/Inter-italic.var.woff2?v=3.19") format("woff2"); }

/* --------------------------------------------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font.

Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single variable font is opt-in rather than the default.

When using this, you will probably need to set font-variation-settings
explicitly, e.g.

  * { font-variation-settings: "slnt" 0deg }
  .italic { font-variation-settings: "slnt" 10deg }

*/
@font-face {
  font-family: 'Inter var experimental';
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url("/fonts/inter/Inter.var.woff2?v=3.19") format("woff2"); }

/**
 * @license
 *
 * Font Family: Cabinet Grotesk
 * Designed by: ITF
 * URL: https://www.fontshare.com/fonts/cabinet-grotesk
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Cabinet Grotesk Variable(Variable font)
 * Cabinet Grotesk Thin
 * Cabinet Grotesk Extralight
 * Cabinet Grotesk Light
 * Cabinet Grotesk Regular
 * Cabinet Grotesk Medium
 * Cabinet Grotesk Bold
 * Cabinet Grotesk Extrabold
 * Cabinet Grotesk Black
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 100.0 to 900.0)

*/
@font-face {
  font-family: 'CabinetGrotesk-Variable';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Variable.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Variable.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Thin';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Thin.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Thin.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Thin.ttf") format("truetype");
  font-weight: 100;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Extralight';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Extralight.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Extralight.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Light';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Light.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Light.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Regular';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Regular.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Regular.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Medium';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Medium.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Medium.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Bold';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Bold.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Bold.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Extrabold';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Extrabold.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Extrabold.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'CabinetGrotesk-Black';
  src: url("/fonts/cabinetgrotesk/CabinetGrotesk-Black.woff2") format("woff2"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Black.woff") format("woff"), url("/fonts/cabinetgrotesk/CabinetGrotesk-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal; }

body,
html,
#app {
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #22212a;
  font-family: "Inter", sans-serif;
  width: 100vw; }

#app {
  display: block;
  display: flex; }

.btn-primary {
  background-color: #201e42;
  padding: 12px;
  display: block;
  color: white !important;
  margin-bottom: 20px;
  width: 100%;
  font-weight: 600;
  transition: all 0.2s ease-in-out; }
  .btn-primary:hover {
    background-color: #201e42; }

h1 {
  color: #201e42;
  font-family: 'CabinetGrotesk-Variable';
  font-weight: 800;
  font-size: 5vw;
  line-height: 95%;
  margin: 0 0 20px 0; }
  @media only screen and (min-width: 1800px) {
    h1 {
      font-size: 90px; } }

h4 {
  color: #201e42;
  font-family: 'CabinetGrotesk-Variable';
  font-size: 18px;
  font-weight: 500;
  line-height: 95%;
  margin: 0;
  max-width: 500px; }
  @media only screen and (min-width: 1200px) {
    h4 {
      font-size: 20px; } }
  @media only screen and (min-width: 1800px) {
    h4 {
      font-size: 24px;
      max-width: none; } }

a {
  color: #99a0b0;
  text-decoration: none !important;
  font-size: 14px;
  transition: all 0.2s ease-in-out; }
  a:hover {
    color: #0d0926; }

.logo-container {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 32px; }

.logo-agents-society {
  background-image: url("/images/public/agents-society-logo.svg");
  background-size: cover;
  height: 35px;
  position: relative;
  width: 180px; }

.logo-kato {
  background-image: url("/images/public/kato-logo.svg");
  background-size: cover;
  height: 40.825px;
  position: relative;
  width: 120px; }

.logo-atlas {
  background-image: url("/images/public/atlas-logo.svg");
  background-size: cover;
  height: 40.825px;
  position: relative;
  width: 140px; }

.k-logos {
  display: flex; }
  .k-logos > * {
    display: inline-block; }
    .k-logos > *:not(:first-child) {
      margin-left: 20px; }
  .k-logos .weoas-logo {
    background-image: url("/images/public/weoas-logo.png");
    background-size: cover;
    height: 34.533px;
    width: 35.238px; }
  .k-logos .oas-logo {
    background-image: url("/images/public/oas-logo.png");
    background-size: cover;
    height: 34.533px;
    width: 34.308px; }
  .k-logos .cas-logo {
    background-image: url("/images/public/cas-logo.png");
    background-size: cover;
    height: 34.533px;
    width: 37.891px; }
  .k-logos .ias-logo {
    background-image: url("/images/public/ias-logo.png");
    background-size: cover;
    height: 34.533px;
    width: 105.518px; }
  .k-logos .rlas-logo {
    background-image: url("/images/public/rlas-logo.png");
    background-size: cover;
    height: 34.533px;
    width: 105.23px; }

.image-pattern {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 30vw; }

section {
  overflow: hidden;
  padding: 50px;
  display: inline-block; }
  section .spacer {
    padding: 20px; }
  section:after {
    content: '';
    display: table;
    clear: both; }
  section.left {
    align-items: center;
    background-color: white;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 40px 80px;
    position: relative;
    text-align: center;
    width: 580px; }
    section.left form {
      grid-row-start: 3;
      grid-row-end: 3;
      width: 100%;
      max-width: 370px;
      margin: 0 auto; }
      section.left form input {
        margin-bottom: 20px;
        border: 1px solid #bfc5d1;
        transition: all 0.2s ease-in-out;
        padding: 10px 20px 12px 20px;
        height: auto;
        border-radius: 3px;
        color: #0d0926; }
        section.left form input:focus, section.left form input:active {
          border: 1px solid #858d9d;
          outline: none;
          box-shadow: none; }
      section.left form .checkbox {
        text-align: left;
        margin-bottom: 22px;
        display: flex;
        align-items: center; }
        section.left form .checkbox input[type='checkbox'] {
          margin: 0;
          padding: 0;
          flex: 0 0 auto;
          position: relative; }
        section.left form .checkbox label {
          display: block;
          flex: 1 1 auto;
          padding: 0;
          padding-left: 10px; }
    @media only screen and (max-width: 425px) {
      section.left {
        min-width: 0;
        width: 100%; } }
    @media only screen and (max-width: 1023px) {
      section.left {
        flex: 1 1 auto;
        width: 100%; } }
  section.right {
    display: block;
    flex: 1 1 auto;
    height: 100%;
    position: relative;
    user-select: none;
    width: 100%; }
    section.right:before {
      background: none;
      content: '';
      height: 100%;
      left: 0;
      opacity: 0.7;
      position: absolute;
      top: 0;
      width: 100%; }
    section.right .content-right {
      grid-row-end: 2;
      grid-row-start: 2;
      padding-right: 7vw;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    @media only screen and (max-width: 425px) {
      section.right:not(.right-maintenance) {
        display: none; } }
    @media only screen and (max-width: 1023px) {
      section.right:not(.right-maintenance) {
        display: none; } }
  @media only screen and (min-width: 1200px) {
    section {
      padding: 60px 100px 20px; } }

.form-container {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  width: 100%; }

.form-content {
  width: 100%; }

.login-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%; }

.footer-container {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  gap: 24px; }

.footer-text {
  font-family: Inter;
  font-size: 14px;
  font-style: normal; }
  .footer-text strong {
    color: #201e42;
    font-feature-settings: 'clig' off, 'liga' off;
    font-weight: 400; }
    .footer-text strong a {
      display: inline;
      font-weight: 600; }
      .footer-text strong a, .footer-text strong a:hover, .footer-text strong a:active, .footer-text strong a:focus {
        color: #201e42;
        text-decoration: underline !important; }
  .footer-text span {
    color: #201e42;
    font-weight: 500;
    line-height: 20px; }

.reset-content {
  height: 100%;
  padding-top: 100px;
  position: relative; }

.admin-app-container .right {
  background-color: #ff4a6b; }

.admin-app-container .footer-text strong {
  color: #ff4a6b; }
  .admin-app-container .footer-text strong a, .admin-app-container .footer-text strong a:hover, .admin-app-container .footer-text strong a:active, .admin-app-container .footer-text strong a:focus {
    color: #ff4a6b; }

.agency-app-container .reset-content {
  background-color: #ff4a6b; }

.agency-app-container .right {
  background-color: #ff4a6b; }

.agency-app-container .footer-text strong {
  color: #ff4a6b; }
  .agency-app-container .footer-text strong a, .agency-app-container .footer-text strong a:hover, .agency-app-container .footer-text strong a:active, .agency-app-container .footer-text strong a:focus {
    color: #ff4a6b; }

.landlord-app-container .reset-content {
  background-color: #3ca48e; }

.landlord-app-container .right {
  background-color: #3ca48e; }

.landlord-app-container .footer-text strong {
  color: #3ca48e; }
  .landlord-app-container .footer-text strong a, .landlord-app-container .footer-text strong a:hover, .landlord-app-container .footer-text strong a:active, .landlord-app-container .footer-text strong a:focus {
    color: #3ca48e; }

.developer-app-container .reset-content {
  background-color: #F59638; }

.developer-app-container .right {
  background-color: #F59638; }

.developer-app-container .footer-text strong {
  color: #F59638; }
  .developer-app-container .footer-text strong a, .developer-app-container .footer-text strong a:hover, .developer-app-container .footer-text strong a:active, .developer-app-container .footer-text strong a:focus {
    color: #F59638; }

.atlas-app-container .reset-content {
  background-color: #9764d6; }

.atlas-app-container .right {
  background-color: #9764d6; }

.atlas-app-container .footer-text strong {
  color: #9764d6; }
  .atlas-app-container .footer-text strong a, .atlas-app-container .footer-text strong a:hover, .atlas-app-container .footer-text strong a:active, .atlas-app-container .footer-text strong a:focus {
    color: #9764d6; }

/*# sourceMappingURL=login.css.map */