* {
margin: 0;
padding: 0;
font-family: GjensidigeSans-Regular, sans-serif;
font-size: 12px;
}



@font-face {
    font-family: 'GjensidigeDisplay';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeDisplay-Medium.woff2') format('woff2');
    font-display: swap;
}

/* GjensidigeSans - normal */
@font-face {
    font-family: 'GjensidigeSans';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Regular.woff2') format('woff2');
    font-display: swap;
}

/* GjensidigeSans - medium  */
@font-face {
    font-family: 'GjensidigeSans';
    font-style: normal;
    font-weight: 500;
    src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Medium.woff2') format('woff2');
    font-display: swap;
}

/* GjensidigeSans - bold */
@font-face {
    font-family: 'GjensidigeSans';
    font-style: normal;
    font-weight: 700;
    src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Bold.woff2') format('woff2');
    font-display: swap;
}

/* GjensidigeSans - italic */
@font-face {
    font-family: 'GjensidigeSans';
    font-style: italic;
    font-weight: 400;
    src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-Italic.woff2') format('woff2');
    font-display: swap;
}

/* GjensidigeSans - medium italic */
@font-face {
    font-family: 'GjensidigeSans';
    font-style: italic;
    font-weight: 500;
    src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-MediumItalic.woff2') format('woff2');
    font-display: swap;
}

/* GjensidigeSans - bold italic */
@font-face {
    font-family: 'GjensidigeSans';
    font-style: italic;
    font-weight: 700;
    src: url('https://cdn.gjensidige.no/builders/core/fonts/GjensidigeSans-BoldItalic.woff2') format('woff2');
    font-display: swap;
}

html {
        border: 1px solid #ffffff;
}

body {
    margin: 0;
    font-family: GjensidigeDisplay, GjensidigeSans-Regular, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    font-feature-settings: 'liga' off, 'clig' off;
}

.header{
    background-color: #090C33;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%;
    height: 65px;
}

.brandingLogo {
    height: 63px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='%23FFFFFF' focusable='false' height='2em' viewBox='0 0 155 38.5' width='7.75em'%3E%3Cpath d='m144.39 29.44.02-.04-.64-.99h-.02l-.55.89v.02l1.19.11Zm-1.33-3.42-.02.04.69 1.26h.04l.62-1.22-.02-.04-1.31-.04Zm-.55.24-.02.02.09 2.89.02.02.77-1.35v-.04l-.86-1.53Zm2.59 3.05v-3.14l-.02-.02-.93 1.68v.04l.91 1.48.04-.04Zm-4.44-11.2h-.04l.05 1.39.4.71c.15.24 1.22 5.33 1.22 5.33l1.35-.68a.98.98 0 0 1-.2-.62c0-.11.02-.2.04-.29-.05-.02-.38-.05-.44-.15a3.83 3.83 0 0 1 .04-1.42l-.09-.16c-.18-.26-.97-1.11-.95-1.26 0-.13.15-.31.15-.31l-1.53-2.54Zm-6.96 15.32c-.02-.07-.16-1.31-.18-1.63-1.44-.13-2.12-.26-2.3-.47-.2-.24 1.64-11.47 1.79-11.67.09-.13.55-.47.58-.6.04-.11.02-2.43 0-3h-.07c-.09 0-2.52 2.39-3.32 2.3a4.02 4.02 0 0 1-1.5-.58l1.26 19.91c1.37.42 2.79.69 4.27.8l.42-.68.02-1.08-.58-3.1s-.35-.11-.38-.2Zm2.01-33.44c-2.87 0-5.57.62-8.02 1.74l.71 11.2c.29-.04.53-.04.57 0 .09.13.46 1 .49 1.17.02.09-.02.2-.09.31l.97.27s1.74-2.34 2.23-2.63l2.08-.95a.97.97 0 0 0 .11-.18l.18-1.5c.02-.18.4-.53.49-.8.07-.27.05-1.61.09-1.74.05-.2 1.17-.95 1.46-1.13a6.2 6.2 0 0 1 1.61-.02c.55.11 1.02.6 1.02.79l-.05 1.99c0 .16.62 1.17.62 1.48s-.07 1.02-.07 1.19c0 .04.04.15.09.27l2.06 1.26c.29.18 1.19 4.31 1.19 4.31l1.19 2.34s.35-.09.42-.04c.09.07.18 2.76.18 2.76.15.31.55 1.08.55 1.33 0 .29-.29.53-.6.71l.02.16c0 .26-.09.49-.24.66.44.22 1.17.58 1.17.64 0 .16.02.31 0 4.18 0 0-.47.38-.51.38l-2.65-.16c.07.75.11 1.37.05 1.55-.46.22-1.64.35-2.45.4-.16.6-.69 2.47-.82 2.47h-.33s-1 1.42-1 1.57c0 .13.37 1.37.37 1.37l.97.82a19.3 19.3 0 0 0-4.06-38.17Zm-8.93 16.49a3.17 3.17 0 0 1-.64-1.79c.02-.55.38-1.19.49-1.39.04-.04.15-.09.31-.15l-.69-10.81a19.25 19.25 0 0 0 2.21 34.86l-1.3-20.55a.84.84 0 0 1-.38-.18Z'%3E%3C/path%3E%3Cpath d='M61.09 10.12a1.45 1.45 0 1 1 0 2.9c-.8 0-1.44-.62-1.44-1.44s.64-1.46 1.44-1.46Zm-1.1 5.77c0-.22.18-.42.4-.42h1.39c.22 0 .42.18.42.42v10.54h-1.81a.4.4 0 0 1-.4-.42V15.89Zm20.4-5.77a1.45 1.45 0 1 1 0 2.9c-.8 0-1.44-.62-1.44-1.44s.64-1.46 1.44-1.46Zm-1.1 5.77c0-.22.18-.42.42-.42h1.39c.22 0 .42.18.42.42v10.54h-1.81a.42.42 0 0 1-.42-.42V15.89Zm-3.84-6.01h-1.39a.42.42 0 0 0-.42.42v6.14a5.21 5.21 0 0 0-3.36-1.19c-1.02 0-1.94.26-2.68.69a5.75 5.75 0 0 0-2.81 5c0 2.19 1.13 4 2.79 4.99.75.44 1.77.73 2.74.73 1.3 0 2.48-.44 3.38-1.24V26c0 .22.18.42.42.42h1.74V10.3a.4.4 0 0 0-.4-.42Zm-1.79 13.11a3.81 3.81 0 0 1-3.01 1.57c-2.12 0-3.63-1.66-3.63-3.62s1.39-3.62 3.52-3.62c1.33 0 2.45.68 3.12 1.55v4.11Zm21.09-7.52h-1.31a.42.42 0 0 0-.42.42v.58a5.15 5.15 0 0 0-3.43-1.24c-1.02 0-1.94.26-2.68.69-1.64.99-2.81 2.81-2.81 5s1.13 4 2.79 4.99c.75.44 1.77.73 2.74.73 1.3 0 2.43-.42 3.31-1.19v.6c0 1.37-.22 2.21-.6 2.81-.53.82-1.46 1.26-2.65 1.26a4.09 4.09 0 0 1-3.38-1.68.38.38 0 0 0-.51.02l-.04.04-1.28 1.19c.69 1.1 2.48 2.54 5.33 2.54 2.17 0 3.84-1 4.73-2.7.44-.86.66-1.95.66-3.58V15.89c-.04-.24-.22-.42-.44-.42Zm-1.81 7.52a3.81 3.81 0 0 1-3.01 1.57c-2.12 0-3.63-1.66-3.63-3.62s1.39-3.62 3.51-3.62c1.33 0 2.45.68 3.12 1.55v4.11h.02Zm-59.43-2.05c0-3.23-2.21-5.7-5.26-5.7s-5.33 2.43-5.33 5.7 2.47 5.7 5.66 5.7c2.23 0 3.8-1 4.62-2.05l-1.21-1.15a.43.43 0 0 0-.44 0l-.13.11c-.6.6-1.44 1.15-2.81 1.15a3.52 3.52 0 0 1-3.54-3.31h8.02c.22 0 .42-.16.44-.37-.02 0-.02-.07-.02-.09Zm-8.27-1.41a3.18 3.18 0 0 1 3.07-2.37c1.3 0 2.56.99 2.89 2.37h-5.95Zm83.08 1.41c0-3.23-2.21-5.7-5.26-5.7s-5.33 2.43-5.33 5.7 2.47 5.7 5.66 5.7c2.23 0 3.8-1 4.6-2.05l-1.21-1.15a.43.43 0 0 0-.44 0l-.13.11a3.7 3.7 0 0 1-2.81 1.15 3.51 3.51 0 0 1-3.54-3.31h8.02c.22 0 .42-.16.44-.37v-.09Zm-8.27-1.41a3.16 3.16 0 0 1 3.07-2.37c1.31 0 2.56.99 2.89 2.37h-5.95Zm-80.84-9.41a1.45 1.45 0 1 1 0 2.9c-.8 0-1.44-.62-1.44-1.44s.64-1.46 1.44-1.46Zm1.11 17.24c0 1.46-.2 2.37-.69 3.07a4.28 4.28 0 0 1-3.58 1.83c-.47 0-1-.07-1.3-.16l.37-1.63a.43.43 0 0 1 .49-.33l.4.02c.62 0 1.3-.27 1.68-.77.31-.4.42-.95.42-1.95V15.9c0-.22.18-.42.42-.42h1.39c.22 0 .42.18.42.42v11.05l-.02.42ZM45.6 17.17c-.93-1.19-2.37-1.94-3.98-1.94s-2.7.71-3.29 1.28v-.62c0-.22-.18-.42-.4-.42h-1.31a.42.42 0 0 0-.42.42v10.12c0 .22.18.42.42.42h1.39c.22 0 .42-.18.42-.42v-7.1a4.06 4.06 0 0 1 3.14-1.55c.91 0 1.75.42 2.26 1.08.4.49.66 1.13.66 2.54l.02.4v4.66c0 .22.18.42.42.42h1.79v-5.35c-.04-1.92-.42-3.03-1.11-3.93Zm4.26 6.65s.02 0 0 0Zm-.91 1.31a6.77 6.77 0 0 0 4.42 1.52c2.14 0 4.07-1.28 4.07-3.36 0-2.26-2.26-3.03-3.98-3.47-1.1-.27-1.95-.53-1.95-1.28 0-.86.91-1.37 1.99-1.37.75 0 1.41.26 2.01.64.2.11.46.05.58-.13l.58-.8.04-.05c.16-.22.15-.42-.02-.58l-.05-.05a5.63 5.63 0 0 0-3.29-.95c-1.95 0-4.05 1.08-4.05 3.42 0 1.53 1.19 2.37 2.52 2.81 1.61.53 3.43.6 3.43 1.86 0 .86-.95 1.37-1.92 1.37s-1.95-.33-2.89-.95a.43.43 0 0 0-.57.05l-.93 1.33Zm-34.16-8.2a.42.42 0 0 0-.42-.42H7.8v1.83c.02.22.2.38.4.38h4.26v4.2a5.67 5.67 0 0 1-4 1.52c-3.47 0-6.12-2.5-6.12-6.17s2.59-6.17 5.92-6.17c1.59 0 3.12.66 4.11 1.55.15.15.38.15.55.02.02 0 .02-.02.02-.02h-.02l.99-.97s0-.02.02-.02a.4.4 0 0 0 .04-.51l-.04-.05v-.02a8.17 8.17 0 0 0-5.68-2.23C3.56 9.89.01 13.56.01 18.27s3.58 8.38 8.46 8.38a8.31 8.31 0 0 0 6.34-3.03v-6.68Z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left 20px center;
    width: 150px;
}

.header .menu-item-group {
    display: flex;
    gap: 20px; /* spacing between text items */
    align-items: center;
}



.header .menu-item-group .menu-item {
    font-family: GjensidigeSans, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
    letter-spacing: 1px;
    cursor: pointer;
    color : #FFF;
}

.brandingLogo img {
    visibility: hidden;
}

.footer {
    height: 30px;
    background-color: #F9FFD7;
    padding: 25px;
    width: 100%;
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
}

.content {
  position: relative;
  margin: auto;
  width: 1024px;
  padding: 5px 15px;
}

.content::after {
    justify-content: space-between;
    margin-top: 40px;
    content: "Opphavsrett © Gjensidige";
    text-align: end;
    padding: 1em;
    position: fixed;
    left: 0;
    right: 0;
    border-top: 1px solid #090C33;
    color: #090C33;
    bottom: 0;
}

h2 {
    display: block;
    font-family: GjensidigeDisplay, GjensidigeSans-Regular, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    unicode-bidi: isolate;
}


.container {
    background-color: #EBF0FA;
    border-radius: 2px;
    width: 560px;
    margin-top: 150px;
    margin-bottom: 150px;
    box-sizing: border-box;

}

.form {
    padding: 80px;
}

.form .title {
    margin-top: 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 40px;
    color: #090C33;
}

.form p {
    color: #090C33;
    font-family: GjensidigeSans-Regular, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    white-space: normal;
}

.form p.small {
    font-family: GjensidigeSans-Regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form label {
    all: unset;
    display: block;
    font-weight: 500;
    color: #090C33;
    font-family: GjensidigeSans-Medium, sans-serif;
    font-size: 20px;
    font-style: normal;
    line-height: 150%;

}

.form input {
    width: 100%;
    padding-left: 16px;
    align-items: center;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
}

.form a {
    color: #090C33;
    font-family: GjensidigeSans, sans-serif;
    display: inline-block;
    font-size: 20px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.error-box {
    display: none;
    align-items: center; /* centers icon & text vertically */
    gap: 8px;
    background-color: #FFE2E2;
    color: #8C0008;
    border: 2px solid #8C0008;
    border-radius: 4px;
    padding: 8px 16px;
    font-family: GjensidigeSans-Regular, sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    margin-bottom: 1px;
    margin-top: 4px;
}

.error-box.show {
    display: flex;
}

.error-box::before {
    flex-shrink: 0;              /* prevent shrinking */
    width: 16px;
    height: 16px;
    content: '';
    background: url('../icons/error-icon.svg') no-repeat center center;
    background-size: contain;
    display: block;              /* block makes width/height stable */
}

.label-with-help-text {
    margin-top: 16px;
    font-size: 20px;
    color: #090C33;
    font-family: GjensidigeSans-Regular, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.label-with-help-text .text {
    display: inline;
    font-size: 20px;
    color: #090C33;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: GjensidigeSans-Medium, sans-serif;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-underline-offset: auto;
    text-underline-position: from-font;

}

.label-with-help-text span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../icons/question-mark.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: -5px;
}
.label-with-help-text span.active {
    background-image: url('../icons/close.svg');
}

#help-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0;
}

#help-text.show {
    max-height: 500px;
    font-family: GjensidigeSans-Regular, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    opacity: 1;
}

.go-back {
    border-bottom: 2px solid #090C33;      /* custom underline */
    padding-bottom: 2px;                   /* spacing */
    display: inline-flex;               /* shrink width to text */
    align-items: center;
    gap: 6px;
    width: fit-content;
}

.go-back span {
    width: 24px;
    height: 24px;
    background-image: url('../icons/arrow-left.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: -5px;
}

.go-back .text {
    font-size: 20px;
    color: #090C33;
    font-family: GjensidigeSans-Medium, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;                 /* remove default */

}

.go-back:hover, .go-back:focus {
    cursor: pointer;
}

.vertical {
    margin-top: 20px;
    margin-bottom: 5px;
}

button {
    margin-top: 56px;
    width: 100%;
    padding: 13px 20px;
    background-color: #6325E7;
    border-color: transparent;
    color: #FFFFFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center; /* center text & icon horizontally */
    gap: 8px; /* space between icon and text */
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-family: GjensidigeSans-Regular, sans-serif;
    font-size: 20px;
    font-style: normal;
    line-height: 150%;
    stroke: none;
}



button:hover, button:focus {
    background-color: #7C55FF;
}

button:disabled {
    background-color: #bebebe;
    color: #8c8c8c;
    cursor: default;
}

/*
   button::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('./../icons/lock.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
*/
button:hover {
    background-color: #7C55FF;
}

.Label {
    display: block;
    font-family: GjensidigeSans-Medium, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    unicode-bidi: isolate;
}

.HelpText {
    display: block;
    font-weight: 400;
    color: #090C33;
    font-family: GjensidigeSans-Regular, sans-serif;
    font-size: 20px;
    font-style: normal;
    line-height: 150%;
}

.error_container {
    margin-top: 60px;
    margin-bottom: 60px;
}