﻿@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap");

@font-face {
    font-family: "Lucida Grande";
    src: url("Lucida Grande Bold.ttf");
}

#ebsContainer > .main-content > .container {
    width: 100%;
    max-width: unset;
    padding: 0;
}

html {
    font-size: 16px;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

@media only screen and (max-width: 1300px) {
    html {
        font-size: 14px;
    }
}

body,
body * {
    /* font-family: "Manrope", "sans-serif", "arial"; */
    font-family: "Aktiv Grotesk Regular", "sans-serif", "arial";
    color: #142b46;
}

    body::-webkit-scrollbar,
    body *::-webkit-scrollbar {
        width: 5px;
    }

    body::-webkit-scrollbar-track,
    body *::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 100px;
    }

    body::-webkit-scrollbar-thumb,
    body *::-webkit-scrollbar-thumb {
        background-color: #c8ccd1;
        border-radius: 100px;
    }

body {
    overflow-x: hidden !important;
}

.mih-100 {
    min-height: 100%;
}

.flex-1 {
    flex: 1;
}

.w-700 {
    font-weight: 700;
}

.w-800 {
    font-weight: 800;
}

a {
    color: #0857c3;
    transition: all 0.3s ease-in-out;
}

    a:hover,
    a:active,
    a:focus {
        color: #0857c3;
        letter-spacing: 0.5px;
        text-decoration: none;
    }

.form-title {
    font-size: 1.375rem;
    line-height: 1.36;
    padding-bottom: 1.25rem;
    margin-bottom: 1.875rem;
    position: relative;
}

    .form-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 17.25rem;
        background: rgba(20, 43, 70, 0.2);
    }

    .form-title.title-w-disclaimer {
        margin-bottom: 0.9375rem;
    }

.form-subtitle {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.4;
    letter-spacing: -0.0361111px;
    color: rgba(20, 43, 70, 0.5);
    margin-bottom: 2.5rem;
}

.button,
.euf-solid-theme .card-login .content .btn-login {
    box-sizing: border-box;
    /* border-radius: 26.5px !important; */
    border-radius: 8px !important;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375;
    text-align: center;
    letter-spacing: -0.0444444px;
    min-width: 8.75rem;
    padding: 0.625rem;
    transition: all 0.3s ease-in-out;
    backface-visibility: hidden;
    background: #0857c3;
    border: 1px solid #0857c3;
}

    .button.smaller,
    .euf-solid-theme .card-login .content .btn-login.smaller {
        min-width: 4.35rem;
        padding: 0.4375rem;
    }

    .button:hover,
    .button:focus,
    .button:active,
    .euf-solid-theme .card-login .content .btn-login:hover,
    .euf-solid-theme .card-login .content .btn-login:focus,
    .euf-solid-theme .card-login .content .btn-login:active {
        outline: none;
        transform: scale(1.05) rotate(0.02deg);
    }

    .button.tertiary,
    .euf-solid-theme .card-login .content .btn-login.tertiary {
        background: #f1f1f1;
        border: 2px solid #dce0e6;
        box-shadow: 0px 0px 7px rgba(220, 224, 230, 0.4);
        color: #a6a6a6;
    }

    .button.secondary,
    .euf-solid-theme .card-login .content .btn-login.secondary {
        box-shadow: 0px 0px 7px rgba(220, 224, 230, 0.4);
        background: #ffffff;
        border: 1px solid #0857c3;
        color: #0857c3;
    }

    .button.primary,
    .euf-solid-theme .card-login .content .btn-login.primary {
        background: #0857c3;
        border: 1px solid #0857c3;
        box-sizing: border-box;
        box-shadow: 0px 2px 4px #fff;
        color: #fff;
    }

    .button.danger {
        background: rgba(215, 30, 30, 0.9);
        border: 1px solid #d71e1e;
        box-sizing: border-box;
        box-shadow: 0px 2px 4px rgba(215, 30, 30, 0.2);
        color: #fff;
    }

    .button.disabled,
    .euf-solid-theme .card-login .content .btn-login.disabled {
        background: #f1f1f1;
        border: 2px solid #dce0e6;
        box-sizing: border-box;
        color: #a6a6a6;
        pointer-events: none;
    }

.form-line {
    display: flex;
}

    .form-line.sep-right .form-element:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 20%;
        width: 1.5px;
        height: 70%;
        border-radius: 5px;
        background-color: #dadde1;
    }

    .form-line .form-element {
        padding: 0 0.9375rem;
        position: relative;
        flex: 1;
    }

        .form-line .form-element:first-child {
            padding-left: 0;
        }

        .form-line .form-element:last-child {
            padding-right: 0;
        }

.form-element:not(:last-child) {
    margin-bottom: 2.5rem;
}

.form-line.middle .form-element {
    margin-bottom: 1.875rem;
}

.form-element.block .label {
    display: flex;
    align-items: center;
    line-height: 1.375;
    margin: 0;
    text-transform: none;
    border: none;
    /* font-size: .875rem; */
    font-size: 1.35rem;
    font-family: "Aktiv Grotesk Regular";
    padding: 0;
    color: #000;
}

.form-element.line .label {
    border: none;
    flex: 0 0 30%;
    max-width: 30%;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: -0.0388889px;
    color: rgba(20, 43, 70, 0.7);
    white-space: normal;
    text-align: left;
}

.form-element.line .form-subtitle {
    margin-top: 1.5625rem;
    margin-bottom: 0;
}

.form-element .inp .dx-textbox,
.form-element .inp .dx-numberbox,
.ew-forms .inp .dx-textbox,
.ew-forms .inp .dx-numberbox {
    background: #ffffff;
    /* border: 1px solid #ecedef; */
    border: 1px solid #998542;
    box-sizing: border-box;
    box-shadow: 0px 1px 6px 1px rgba(76, 77, 76, 0.1);
    transition: all 0.3s ease-in-out;
    /* border-radius: 20px; */
    border-radius: 8px;
    overflow: hidden;
    line-height: normal;
    height: 3rem !important;
}

    .form-element .inp .dx-textbox.dx-dropdowneditor-active,
    .form-element .inp .dx-numberbox.dx-dropdowneditor-active,
    .ew-forms .inp .dx-textbox.dx-dropdowneditor-active,
    .ew-forms .inp .dx-numberbox.dx-dropdowneditor-active {
        border-color: #0857c3;
    }

    .form-element .inp .dx-textbox:active,
    .form-element .inp .dx-textbox:hover,
    .form-element .inp .dx-textbox:focus,
    .form-element .inp .dx-numberbox:active,
    .form-element .inp .dx-numberbox:hover,
    .form-element .inp .dx-numberbox:focus,
    .ew-forms .inp .dx-textbox:active,
    .ew-forms .inp .dx-textbox:hover,
    .ew-forms .inp .dx-textbox:focus,
    .ew-forms .inp .dx-numberbox:active,
    .ew-forms .inp .dx-numberbox:hover,
    .ew-forms .inp .dx-numberbox:focus {
        outline: none;
        border-color: #0857c3 !important;
    }

.form-element .inp input,
.ew-forms .inp input {
    background-color: transparent;
    border: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.35;
    letter-spacing: -0.0388889px;
    color: rgba(20, 43, 70, 0.7);
    width: 100%;
    transition: all 0.3s ease-in-out;
}

    .form-element .inp input::placeholder,
    .ew-forms .inp input::placeholder {
        color: rgba(113, 116, 129, 0.5);
    }

.form-element .inp.text input,
.form-element .inp.date input,
.ew-forms .inp.text input,
.ew-forms .inp.date input {
    padding: 0.875rem 1.875rem;
}

.form-element .inp.date input,
.ew-forms .inp.date input {
    width: 100%;
}

.form-element .inp.date .dx-dropdowneditor.dx-datebox-calendar .dx-dropdowneditor-icon,
.ew-forms .inp.date .dx-dropdowneditor.dx-datebox-calendar .dx-dropdowneditor-icon {
    color: rgba(20, 43, 70, 0.5);
}

.form-element
.inp.date
.dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor.dx-dropdowneditor-active
.dx-dropdowneditor-icon,
.form-element
.inp.date
.dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor-button.dx-state-active
.dx-dropdowneditor-icon,
.form-element
.inp.date
.dx-dropdowneditor.dx-datebox-calendar.dx-state-hover:not(.dx-custom-button-hovered)
.dx-dropdowneditor-icon,
.form-element .inp.date .dx-dropdowneditor.dx-datebox-calendar.dx-state-active .dx-dropdowneditor-icon,
.ew-forms
.inp.date
.dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor.dx-dropdowneditor-active
.dx-dropdowneditor-icon,
.ew-forms
.inp.date
.dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor-button.dx-state-active
.dx-dropdowneditor-icon,
.ew-forms
.inp.date
.dx-dropdowneditor.dx-datebox-calendar.dx-state-hover:not(.dx-custom-button-hovered)
.dx-dropdowneditor-icon,
.ew-forms .inp.date .dx-dropdowneditor.dx-datebox-calendar.dx-state-active .dx-dropdowneditor-icon {
    background: transparent;
}

    .form-element
    .inp.date
    .dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor.dx-dropdowneditor-active
    .dx-dropdowneditor-icon::before,
    .form-element
    .inp.date
    .dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor-button.dx-state-active
    .dx-dropdowneditor-icon::before,
    .form-element
    .inp.date
    .dx-dropdowneditor.dx-datebox-calendar.dx-state-hover:not(.dx-custom-button-hovered)
    .dx-dropdowneditor-icon::before,
    .form-element .inp.date .dx-dropdowneditor.dx-datebox-calendar.dx-state-active .dx-dropdowneditor-icon::before,
    .ew-forms
    .inp.date
    .dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor.dx-dropdowneditor-active
    .dx-dropdowneditor-icon::before,
    .ew-forms
    .inp.date
    .dx-dropdowneditor.dx-datebox-calendar.dx-dropdowneditor-button.dx-state-active
    .dx-dropdowneditor-icon::before,
    .ew-forms
    .inp.date
    .dx-dropdowneditor.dx-datebox-calendar.dx-state-hover:not(.dx-custom-button-hovered)
    .dx-dropdowneditor-icon::before,
    .ew-forms .inp.date .dx-dropdowneditor.dx-datebox-calendar.dx-state-active .dx-dropdowneditor-icon::before {
        transform: translateY(-50%) scale(1.05) rotate(0.02deg);
    }

.form-element .inp.date .dx-dropdowneditor .dx-dropdowneditor-button,
.ew-forms .inp.date .dx-dropdowneditor .dx-dropdowneditor-button {
    width: 3rem;
}

.form-element .inp.date .dx-dropdowneditor .dx-dropdowneditor-icon,
.ew-forms .inp.date .dx-dropdowneditor .dx-dropdowneditor-icon {
    width: 3rem;
}

    .form-element .inp.date .dx-dropdowneditor .dx-dropdowneditor-icon::before,
    .ew-forms .inp.date .dx-dropdowneditor .dx-dropdowneditor-icon::before {
        margin: 0;
        width: 1.2rem;
        height: 1.2rem;
        right: 1.2rem;
        left: unset;
        transform: translateY(-50%);
        -webkit-backface-visibility: hidden;
        transition: all 0.3s ease-in-out;
    }

.form-element .inp.textarea textarea,
.ew-forms .inp.textarea textarea,
.form-element .inp.textarea .dx-textarea {
    width: 100%;
    min-height: 6.25rem;
}

.form-element .inp.percent .dx-texteditor-input-container,
.form-element .inp.sum .dx-texteditor-input-container,
.ew-forms .inp.percent .dx-texteditor-input-container,
.ew-forms .inp.sum .dx-texteditor-input-container {
    position: relative;
}

    .form-element .inp.percent .dx-texteditor-input-container::after,
    .form-element .inp.sum .dx-texteditor-input-container::after,
    .ew-forms .inp.percent .dx-texteditor-input-container::after,
    .ew-forms .inp.sum .dx-texteditor-input-container::after {
        font-weight: 500;
        font-size: 20px;
        line-height: 27px;
        letter-spacing: -0.0555556px;
        color: rgba(20, 43, 70, 0.5);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .form-element .inp.percent .dx-texteditor-input-container::after,
    .ew-forms .inp.percent .dx-texteditor-input-container::after {
        content: "%";
        right: 1.2rem;
    }

.form-element .inp.percent input,
.ew-forms .inp.percent input {
    padding-right: 2.2rem;
}

.form-element .inp.sum .dx-texteditor-input-container::after,
.ew-forms .inp.sum .dx-texteditor-input-container::after {
    content: "£";
    left: 1.875rem;
}

.form-element .inp.sum input,
.ew-forms .inp.sum input {
    padding-left: 3.75rem;
}

.form-element .inp.selectbox .dx-selectbox .dx-texteditor-input-container,
.ew-forms .inp.selectbox .dx-selectbox .dx-texteditor-input-container {
    max-width: calc(100% - 3rem);
}

.form-element .inp.selectbox .dx-selectbox input,
.ew-forms .inp.selectbox .dx-selectbox input {
    padding: 0.875rem 0 0.875rem 1.875rem;
    width: unset;
}

.form-element .inp.selectbox .dx-selectbox .dx-placeholder,
.ew-forms .inp.selectbox .dx-selectbox .dx-placeholder {
    left: 1.875rem;
}

    .form-element .inp.selectbox .dx-selectbox .dx-placeholder::before,
    .ew-forms .inp.selectbox .dx-selectbox .dx-placeholder::before {
        padding: 0;
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.35;
        letter-spacing: -0.0388889px;
        color: rgba(113, 116, 129, 0.5);
    }

.form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor .dx-dropdowneditor-button,
.ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor .dx-dropdowneditor-button {
    width: 3rem;
}

.form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor .dx-dropdowneditor-icon,
.ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor .dx-dropdowneditor-icon {
    width: 3rem;
}

    .form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor .dx-dropdowneditor-icon::before,
    .ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor .dx-dropdowneditor-icon::before {
        content: "";
        margin: 0;
        width: 1.2rem;
        height: 1.2rem;
        transform: translateY(-50%);
        right: 1.2rem;
        left: unset;
        background: url(../img/arrow-down.svg) center center no-repeat;
        background-size: contain;
        transition: all 0.3s ease-in-out;
    }

.form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active,
.ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active {
    border-color: #0857c3 !important;
}

    .form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before,
    .ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
        filter: invert(0.6) sepia(1) saturate(8) hue-rotate(175deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon svg path,
    .ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon svg path {
        fill: #0857c3;
    }

    .form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
    .form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
    .form-element .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
    .ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
    .ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
    .ew-forms .inp.selectbox .dx-selectbox.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
        background: transparent;
    }

.form-element .inp .ebs-readonly,
.form-element .inp .dx-state-readonly,
.ew-forms .inp .ebs-readonly,
.ew-forms .inp .dx-state-readonly {
    pointer-events: none;
    background: #f4f4f4;
    border: 1px solid #ecedef;
    opacity: 0.7;
}

.form-element .inp-simulate,
.ew-forms .inp-simulate {
    background: #ffffff;
    border: 1px solid #ecedef;
    box-sizing: border-box;
    box-shadow: 0px 1px 6px 1px rgba(76, 77, 76, 0.1);
    transition: all 0.3s ease-in-out;
    border-radius: 20px;
    overflow: hidden;
    line-height: normal;
    height: 3rem !important;
    padding: 0.75rem 0.9375rem;
}

    .form-element .inp-simulate.limit-w,
    .ew-forms .inp-simulate.limit-w {
        width: 18.75rem;
    }

    .form-element .inp-simulate .checkbox,
    .ew-forms .inp-simulate .checkbox {
        margin: 0;
    }

        .form-element .inp-simulate .checkbox + .label,
        .ew-forms .inp-simulate .checkbox + .label {
            font-weight: 600;
            font-size: 0.875rem;
            letter-spacing: -0.0388889px;
            color: rgba(20, 43, 70, 0.7);
        }

        .form-element .inp-simulate .checkbox .dx-checkbox,
        .ew-forms .inp-simulate .checkbox .dx-checkbox {
            width: 1.3125rem !important;
            height: 1.3125rem !important;
            margin-right: 0.625rem;
            transition: all 0.3s ease-in-out;
            -webkit-backface-visibility: hidden;
        }

            .form-element .inp-simulate .checkbox .dx-checkbox .dx-checkbox-icon,
            .ew-forms .inp-simulate .checkbox .dx-checkbox .dx-checkbox-icon {
                -webkit-backface-visibility: hidden;
                background: transparent;
                border: 2px solid #0857c3;
                box-sizing: border-box;
                border-radius: 2px;
                width: 100%;
                height: 100%;
            }

                .form-element .inp-simulate .checkbox .dx-checkbox .dx-checkbox-icon::before,
                .ew-forms .inp-simulate .checkbox .dx-checkbox .dx-checkbox-icon::before {
                    margin: 0;
                    transform: translate(-50%, -50%);
                    height: 0.875rem;
                    width: 0.875rem;
                    content: "";
                }

            .form-element .inp-simulate .checkbox .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon,
            .ew-forms .inp-simulate .checkbox .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
                background-color: #0857c3;
                box-shadow: 0px 2px 4px rgba(124, 215, 234, 0.6);
            }

                .form-element .inp-simulate .checkbox .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::before,
                .ew-forms .inp-simulate .checkbox .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::before {
                    background: url("../img/checked.svg") center center no-repeat;
                    background-size: 0.75rem;
                }

            .form-element .inp-simulate .checkbox .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::before,
            .ew-forms .inp-simulate .checkbox .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::before {
                background: #0857c3;
            }

            .form-element .inp-simulate .checkbox .dx-checkbox.dx-state-hover,
            .ew-forms .inp-simulate .checkbox .dx-checkbox.dx-state-hover {
                transform: scale(1.05) rotate(0.02deg);
            }

.form-element .radio .dx-item.dx-radiobutton,
.ew-forms .radio .dx-item.dx-radiobutton {
    background: #ffffff;
    border: 1px solid #ecedef;
    box-sizing: border-box;
    box-shadow: 0px 1px 6px 1px rgba(76, 77, 76, 0.1);
    transition: all 0.3s ease-in-out;
    border-radius: 20px;
    overflow: hidden;
    line-height: normal;
    height: 3rem !important;
    padding: 0.75rem 0.9375rem;
    min-width: 6.875rem;
    margin-right: 1.875rem;
}

    .form-element .radio .dx-item.dx-radiobutton .dx-item-content,
    .ew-forms .radio .dx-item.dx-radiobutton .dx-item-content {
        font-weight: 600;
        font-size: 0.875rem;
        letter-spacing: -0.0388889px;
        color: rgba(20, 43, 70, 0.7);
    }

    .form-element .radio .dx-item.dx-radiobutton .dx-radio-value-container,
    .ew-forms .radio .dx-item.dx-radiobutton .dx-radio-value-container {
        width: 1.3125rem;
        padding-right: 0.625rem;
    }

    .form-element .radio .dx-item.dx-radiobutton .dx-radiobutton-icon,
    .ew-forms .radio .dx-item.dx-radiobutton .dx-radiobutton-icon {
        margin: 0;
        width: 1.3125rem;
        height: 1.3125rem;
        box-sizing: border-box;
        position: relative;
        transition: all 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
    }

        .form-element .radio .dx-item.dx-radiobutton .dx-radiobutton-icon:before,
        .ew-forms .radio .dx-item.dx-radiobutton .dx-radiobutton-icon:before {
            width: 1.3125rem;
            height: 1.3125rem;
            border: 2px solid #0857c3;
            box-sizing: border-box;
            border-radius: 10.5px;
        }

        .form-element .radio .dx-item.dx-radiobutton .dx-radiobutton-icon.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot,
        .ew-forms .radio .dx-item.dx-radiobutton .dx-radiobutton-icon.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
            width: 100%;
            height: 100%;
            background: url("../img/checked.svg") center center no-repeat;
            background-size: 0.75rem;
            background-color: #0857c3;
            border-radius: 10px;
            margin: 0;
            box-shadow: 0px 2px 4px rgba(124, 215, 234, 0.6);
            position: absolute;
            top: 0;
            left: 0;
        }

    .form-element .radio .dx-item.dx-radiobutton.dx-state-hover .dx-radiobutton-icon,
    .ew-forms .radio .dx-item.dx-radiobutton.dx-state-hover .dx-radiobutton-icon {
        transform: scale(1.05) rotate(0.02deg);
    }

.form-element .label,
.ew-forms .label {
    display: flex;
    align-items: center;
    line-height: 1.375;
    margin: 0;
    text-transform: none;
    border: none;
    /* font-size: .875rem; */
    font-size: 1.35rem;
    font-family: "Aktiv Grotesk Regular";
    padding: 0;
    color: #000;
}

    .form-element .label .more,
    .ew-forms .label .more {
        margin-left: 0.625rem;
    }

.euf-solid-theme .card-login.card-azure.card .cardLoginTitle {
    font-weight: 800;
    font-size: 1.875rem;
    line-height: 1.5;
    text-align: center;
    color: #142b46;
}

    .euf-solid-theme .card-login.card-azure.card .cardLoginTitle:after {
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.71;
        text-align: center;
        color: #717481;
        display: block;
        max-width: 80%;
        margin: 1rem auto;
    }

.euf-solid-theme .card-login .content {
    width: 100%;
    overflow-y: auto;
}

    .euf-solid-theme .card-login .content .inp .active.field-validation-error {
        right: 50%;
    }

    .euf-solid-theme .card-login .content .inp {
        text-align: left;
        padding-bottom: 1.875rem;
    }

        .euf-solid-theme .card-login .content .inp::before {
            display: none;
        }

        .euf-solid-theme .card-login .content .inp .labelAnimated {
            display: block;
            font-weight: 500;
            font-size: 0.875rem;
            line-height: 1.3;
            letter-spacing: -0.0388889px;
            color: rgba(113, 116, 129, 0.8);
            padding-bottom: 0.625rem;
        }

        .euf-solid-theme .card-login .content .inp > input {
            background: #ffffff;
            border: 1px solid #ecedef;
            box-sizing: border-box;
            box-shadow: 0px 1px 6px 1px rgba(76, 77, 76, 0.1);
            transition: all 0.3s ease-in-out;
            border-radius: 20px;
            overflow: hidden;
            line-height: normal;
            height: 3rem !important;
            margin: 0;
        }

            .euf-solid-theme .card-login .content .inp > input:active,
            .euf-solid-theme .card-login .content .inp > input:hover,
            .euf-solid-theme .card-login .content .inp > input:focus {
                outline: none;
                border-color: #0857c3;
            }

        .euf-solid-theme .card-login .content .inp.pass-wrapper {
            padding-bottom: 1.25rem;
        }

            .euf-solid-theme .card-login .content .inp.pass-wrapper + div a {
                font-weight: 600;
                font-size: 0.875rem;
                line-height: 1.3;
                text-align: right;
                letter-spacing: -0.0388889px;
                color: #0857c3;
                padding-bottom: 4rem;
                display: inline-block;
                margin: 0 auto;
            }

    .euf-solid-theme .card-login .content .btn-login {
        width: auto;
        margin: 0 auto;
        min-width: 250px;
    }

#changePass .ftos-container {
    padding: 0;
    width: 100%;
}

#changePass div#ebsContainerContent {
    box-shadow: none;
    background: transparent;
    height: 80vh;
    margin: 0;
    padding: 0;
}

#changePass #ew-container {
    padding: 0;
}

    #changePass #ew-container .flex-grow-1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

#changePass div#ebsContainer {
    padding: 0;
}

.dx-datebox-wrapper > .dx-overlay-content {
    background: #ffffff;
    box-shadow: 0px -2px 7px rgba(220, 224, 230, 0.8), 0px 2px 7px rgba(220, 224, 230, 0.8);
    border-radius: 12px;
    border: 0;
}

    .dx-datebox-wrapper > .dx-overlay-content .dx-calendar-navigator .dx-icon {
        color: #0857c3;
    }

    .dx-datebox-wrapper > .dx-overlay-content .dx-calendar-cell.dx-calendar-contoured-date {
        box-shadow: inset 0px 0px 0px 1px rgba(30, 159, 215, 0.7);
    }

    .dx-datebox-wrapper > .dx-overlay-content .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
    .dx-datebox-wrapper > .dx-overlay-content
    .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
        box-shadow: inset 0px 0px 0px 1px rgba(30, 159, 215, 0.7), inset 0px 0px 0px 1000px #0857c3;
    }

        .dx-datebox-wrapper > .dx-overlay-content .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date span,
        .dx-datebox-wrapper > .dx-overlay-content
        .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date
        span {
            color: #fff;
        }

    .dx-datebox-wrapper > .dx-overlay-content .dx-calendar-body tr,
    .dx-datebox-wrapper > .dx-overlay-content .dx-calendar-body td {
        vertical-align: middle;
    }

.dx-dropdownlist-popup-wrapper .dx-overlay-content {
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: initial;
}

    .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content {
        padding: 0;
    }

        .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list {
            background: #ffffff;
            box-shadow: 0px -2px 7px rgba(220, 224, 230, 0.8), 0px 2px 7px rgba(220, 224, 230, 0.8);
            border-radius: 12px;
            border: 0;
            margin: 5px 0 -5px 0 !important;
            height: calc(100% - 10px);
            overflow: hidden;
        }

            .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list .dx-list-item {
                transition: all 0.3s ease-in-out;
            }

                .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list .dx-list-item .dx-item-content {
                    padding: 0.75rem 1rem;
                }

                .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list .dx-list-item p {
                    margin: 0;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 19px;
                    letter-spacing: -0.0388889px;
                    color: rgba(113, 116, 129, 0.5);
                    margin: 0;
                }

                .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list .dx-list-item.dx-list-item-selected,
                .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list .dx-list-item:hover {
                    background: rgba(30, 159, 215, 0.15);
                }

                    .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list .dx-list-item.dx-list-item-selected p,
                    .dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content .dx-list .dx-list-item:hover p {
                        color: rgba(20, 43, 70, 0.7);
                    }

.more {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.375rem;
    height: 1.375rem;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

    .more.smaller {
        width: 1.125rem;
        height: 1.125rem;
    }

    .more.details {
        background-image: url("../img/question-mark.svg");
    }

    .more.info {
        background-image: url("../img/information2.svg");
    }

    .more.edit {
        background-image: url("../img/edit.svg");
    }

    .more.delete {
        background-image: url("../img/close.svg");
    }

    .more:hover {
        transform: scale(1.05) rotate(0.02deg);
    }

.tooltip.show {
    opacity: 1;
}

.tooltip .tooltip-inner {
    background: #142b46;
    border-radius: 6px;
    font-size: 0.875rem;
    line-height: 1.5;
    /* or 150% */
    color: #ffffff;
    padding: 0.625rem 0.9375rem;
}

.tooltip[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #142b46;
}

.tooltip[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #142b46;
}

.tooltip[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #142b46;
}

.tooltip[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #142b46;
}

.modal-open {
    overflow: hidden !important;
}

    .modal-open #ebsContainer {
        position: relative;
        z-index: 1041;
    }

    .modal-open .body-container::after {
        background: rgba(20, 43, 70, 0.702846);
        -webkit-backdrop-filter: blur(16.3097px);
        backdrop-filter: blur(16.3097px);
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
    }

.fade {
    opacity: 1;
}

    .fade.show.modal-backdrop {
        opacity: 0;
    }

    .fade.modal .modal-dialog-centered {
        min-height: unset;
        max-height: 100vh;
    }

    .fade.modal .modal-content {
        background: #fafbfb;
        border: 2px solid #dce0e6;
        box-sizing: border-box;
        box-shadow: 0px 0px 7px rgba(220, 224, 230, 0.4);
        border-radius: 20px;
    }

    .fade.modal .modal-header {
        border: 0;
        padding: 1.875rem 1rem 0 1.875rem;
    }

        .fade.modal .modal-header .close {
            font-weight: 500;
            transition: all 0.3s ease-in-out;
        }

            .fade.modal .modal-header .close span {
                font-size: 1.5rem;
            }

            .fade.modal .modal-header .close:hover,
            .fade.modal .modal-header .close:focus,
            .fade.modal .modal-header .close:active {
                outline: none;
                transform: rotate(180deg);
            }

    .fade.modal .modal-body {
        padding: 0 1.875rem 1.875rem;
    }

    .fade.modal .modal-footer {
        border: 0;
        padding: 1.25rem 1.875rem 1.875rem;
        justify-content: center;
    }

.navbar {
    height: 6.25rem;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
}

    .navbar .navbar-container {
        height: 100%;
        margin: 0 4rem;
        border-bottom: 1px solid #d8dce1;
        width: 100%;
    }

.content {
    max-height: 100vh;
    overflow: hidden;
}

.form_Howden_Sports_Quote_quote .content {
    padding: 0;
    max-height: 100vh;
}

.disclaimer {
    margin: 0px 2rem 0 0;
    padding: 1.875rem 0;
    border-bottom: 0.5px solid #d8dce1;
}

    .disclaimer .disclaimer-img {
        display: inline-block;
        position: relative;
        width: 5.75rem;
        height: 5.75rem;
        flex-shrink: 0;
    }

        .disclaimer .disclaimer-img::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            border: 3px solid #0857c3;
            border-radius: 50%;
            border-color: #0857c3 #0857c3 rgba(30, 159, 215, 0.3);
            animation: spinner 5s linear infinite;
        }

        .disclaimer .disclaimer-img img {
            width: 4.875rem;
            height: 4.875rem;
            object-fit: cover;
            object-position: center;
            border-radius: 50%;
            margin: 0.5rem;
        }

    .disclaimer .disclaimer-text {
        padding-left: 1.875rem;
    }

        .disclaimer .disclaimer-text .text-title {
            font-style: normal;
            font-weight: 500;
            font-size: 1rem;
            line-height: 1.375;
            color: #142b46;
        }

        .disclaimer .disclaimer-text .text-subtitle {
            font-weight: 800;
            font-size: 1.25rem;
            line-height: 1.2;
        }

    .disclaimer .text-links {
        padding-top: 0.75rem;
    }

        .disclaimer .text-links .link-container {
            padding: 0 1rem;
            border-right: 2px solid #dadde1;
        }

            .disclaimer .text-links .link-container:first-child {
                padding-left: 0;
            }

            .disclaimer .text-links .link-container:last-child {
                padding-right: 0;
                border-right: 0;
            }

            .disclaimer .text-links .link-container .link-img {
                width: 2.875rem;
                height: 1.875rem;
                padding-right: 1rem;
            }

                .disclaimer .text-links .link-container .link-img img {
                    max-width: 100%;
                }

            .disclaimer .text-links .link-container .link-content .title {
                font-weight: 600;
                font-size: 0.75rem;
                line-height: 1.4;
                letter-spacing: -0.05px;
                color: #142b46;
            }

            .disclaimer .text-links .link-container .link-content .link {
                line-height: 1;
            }

                .disclaimer .text-links .link-container .link-content .link a {
                    text-decoration: underline;
                    font-size: 0.75rem;
                    line-height: 1.2;
                    letter-spacing: -0.0388889px;
                }

.crumb-form {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
}

    .crumb-form .crumbs {
        flex: 0 0 25%;
        position: relative;
    }

        .crumb-form .crumbs::after {
            content: "";
            position: absolute;
            right: 0.27rem;
            top: 0;
            bottom: 0;
            width: 1px;
            background: #d8dce1;
        }

        .crumb-form .crumbs .crumb-container {
            height: 100%;
            padding: 2.9375rem 3.75rem 2.9375rem 0;
            text-align: right;
            overflow-y: auto;
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */
        }

            .crumb-form .crumbs .crumb-container::-webkit-scrollbar {
                display: none;
            }

            .crumb-form .crumbs .crumb-container .crumb {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                padding: 3.125rem 0;
                cursor: pointer;
                pointer-events: all;
                position: relative;
            }

                .crumb-form .crumbs .crumb-container .crumb::after {
                    content: "";
                    position: absolute;
                    z-index: 2;
                    width: 0.55rem;
                    height: 0.55rem;
                    background-color: #fff;
                    border: 1px solid #d8dce1;
                    border-radius: 50%;
                    right: -3.75rem;
                    top: 50%;
                    transform: translateY(-50%);
                }

                .crumb-form .crumbs .crumb-container .crumb:first-child {
                    padding-top: 0;
                }

                    .crumb-form .crumbs .crumb-container .crumb:first-child::after {
                        top: 1.0965rem;
                        transform: none;
                    }

                    .crumb-form .crumbs .crumb-container .crumb:first-child .crumb-image::before {
                        display: none;
                    }

                .crumb-form .crumbs .crumb-container .crumb:last-child {
                    padding-bottom: 0;
                }

                    .crumb-form .crumbs .crumb-container .crumb:last-child::after {
                        top: unset;
                        bottom: 1.0965rem;
                        transform: none;
                    }

                    .crumb-form .crumbs .crumb-container .crumb:last-child .crumb-image::after {
                        display: none;
                    }

                .crumb-form .crumbs .crumb-container .crumb .crumb-text {
                    opacity: 0.4;
                    margin-right: 1.5rem;
                    transition: all 0.3s ease-in-out;
                }

                    .crumb-form .crumbs .crumb-container .crumb .crumb-text .text-title {
                        font-weight: 400;
                        font-size: 0.625rem;
                        line-height: 1.4;
                    }

                    .crumb-form .crumbs .crumb-container .crumb .crumb-text .text-subtitle {
                        font-size: 0.9375rem;
                        line-height: 1.33;
                    }

                .crumb-form .crumbs .crumb-container .crumb .crumb-image {
                    width: 2.8125rem;
                    height: 2.8125rem;
                    display: block;
                    background: transparent;
                    border: 1px solid #0857c3;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: all 0.3s ease-in-out;
                    position: relative;
                }

                    .crumb-form .crumbs .crumb-container .crumb .crumb-image::before,
                    .crumb-form .crumbs .crumb-container .crumb .crumb-image::after {
                        content: "";
                        position: absolute;
                        right: 50%;
                        transform: translateX(50%);
                        width: 2px;
                        height: 3.25rem;
                        background: #0857c3;
                    }

                    .crumb-form .crumbs .crumb-container .crumb .crumb-image::before {
                        top: -3.25rem;
                    }

                    .crumb-form .crumbs .crumb-container .crumb .crumb-image::after {
                        bottom: -3.25rem;
                    }

                    .crumb-form .crumbs .crumb-container .crumb .crumb-image img {
                        transition: all 0.3s ease-in-out;
                    }

                    .crumb-form .crumbs .crumb-container .crumb .crumb-image .white {
                        display: none;
                    }

                .crumb-form .crumbs .crumb-container .crumb.active {
                    pointer-events: none;
                }

                    .crumb-form .crumbs .crumb-container .crumb.active::after {
                        background: #0857c3;
                        border-color: #0857c3;
                    }

                    .crumb-form .crumbs .crumb-container .crumb.active .crumb-text {
                        opacity: 1;
                    }

                        .crumb-form .crumbs .crumb-container .crumb.active .crumb-text .text-subtitle {
                            font-weight: 700;
                        }

                    .crumb-form .crumbs .crumb-container .crumb.active .crumb-image {
                        background: #0857c3;
                    }

                        .crumb-form .crumbs .crumb-container .crumb.active .crumb-image .white {
                            display: block;
                        }

                        .crumb-form .crumbs .crumb-container .crumb.active .crumb-image .blue {
                            display: none;
                        }

                    .crumb-form .crumbs .crumb-container .crumb.active ~ .crumb {
                        pointer-events: none;
                    }

                        .crumb-form .crumbs .crumb-container .crumb.active ~ .crumb .crumb-image {
                            background: #d2d2d2;
                            border: 1px solid #d2d2d2;
                        }

                            .crumb-form .crumbs .crumb-container .crumb.active ~ .crumb .crumb-image .white {
                                display: block;
                            }

                            .crumb-form .crumbs .crumb-container .crumb.active ~ .crumb .crumb-image .blue {
                                display: none;
                            }

                            .crumb-form .crumbs .crumb-container .crumb.active ~ .crumb .crumb-image::before,
                            .crumb-form .crumbs .crumb-container .crumb.active ~ .crumb .crumb-image::after {
                                background: #d2d2d2;
                            }

    .crumb-form .form {
        overflow-y: auto;
        background-size: cover;
    }

        .crumb-form .form.two-cols {
            flex: 0 0 75%;
            max-width: 75%;
            position: relative;
            left: -0.3125rem;
        }

        .crumb-form .form .form-container {
            padding: 1.5rem 1.5rem 1.5rem 0;
            height: 100%;
            overflow-y: auto;
        }

.form-buttons {
    padding-top: 3.125rem;
}

.crumb-form .form .form-buttons.extra {
    padding-top: 6.25rem;
}

.basket {
    flex: 0 0 35%;
    max-width: 28rem;
}

    .basket .basket-container {
        margin-top: 1.5rem;
        border-left: 2px solid #dadde1;
        padding-left: 1.5rem;
        position: relative;
    }

        .basket .basket-container .basket-navigation {
            cursor: pointer;
            position: absolute;
            right: 2.5rem;
            width: 1.5rem;
            height: 1.5rem;
            background: url("../img/arrow-down-circle.svg") center center no-repeat;
            background-size: contain;
            backface-visibility: hidden;
            transition: all 0.3s ease-in-out;
        }

            .basket .basket-container .basket-navigation.top {
                bottom: calc(100% - 26rem);
                transform: rotate(180deg);
            }

            .basket .basket-container .basket-navigation.bottom {
                bottom: 0.5rem;
            }

            .basket .basket-container .basket-navigation:hover {
                transform: scale(1.05) rotate(0.2deg);
            }

                .basket .basket-container .basket-navigation:hover.top {
                    transform: scale(1.05) rotate(0.2deg) rotate(180deg);
                }

    .basket .basket-packages {
        position: relative;
    }

    .basket .package .limit {
        padding-left: 0.5rem;
        border-left: 2px solid #dadde1;
        margin-left: 1rem;
    }

.overview-container {
    background: #0857c3;
    border: 2px solid #0857c3;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px rgba(220, 224, 230, 0.4);
    border-radius: 20px;
    color: #fff;
    padding: 1.125rem 1.25rem 1.25rem 1.25rem;
    margin-bottom: 1.875rem;
}

.overview-sep {
    border: 1px solid rgba(76, 77, 76, 0.24);
    margin: 0.9375rem 0;
}

.overview-line {
    display: flex;
    align-items: center;
    padding-bottom: 0.625rem;
}

    .overview-line .sum {
        font-family: "Lucida Grande", "sans-serif", "arial";
        color: #fff;
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.4;
        letter-spacing: -0.05px;
    }

    .overview-line .sum-label,
    .overview-line .sum-label * {
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: -0.0388889px;
        color: #dce0e6;
        mix-blend-mode: normal;
        opacity: 0.8;
    }

    .overview-line .sum-label {
        margin-left: 1rem;
    }

    .overview-line.total .sum {
        font-size: 2.125rem;
        line-height: 1.17;
    }

.package {
    background: #ffffff;
    border: 1px solid #ecedef;
    box-sizing: border-box;
    box-shadow: 0px 1px 6px 1px rgba(76, 77, 76, 0.1);
    border-radius: 20px;
    padding: 0.75rem 1.125rem;
    margin-bottom: 1.5rem;
}

    .package .name {
        font-weight: 500;
        font-size: 0.875rem;
        letter-spacing: -0.0444444px;
        color: #717481;
    }

.list-packages .package .name {
    margin-left: 1rem;
    padding: 0.25rem 0 0.25rem 0.5rem;
    border-left: 1px solid #dadde1;
}

.package .value {
    display: flex;
    align-items: center;
}

.package .sum {
    font-family: "Lucida Grande", "sans-serif", "arial";
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.3;
    letter-spacing: -0.0555556px;
    color: #142b46;
    flex-shrink: 0;
}

.package .limit {
    font-size: 0.71rem;
    line-height: 1.4;
    letter-spacing: -0.0361111px;
    color: #717481;
    mix-blend-mode: normal;
    opacity: 0.57;
}

.package .more {
    margin-top: 0.25rem;
    backface-visibility: hidden;
    margin-bottom: 0;
    margin-right: 1rem;
}

.list-packages .package {
    flex: 0 0 49%;
    max-width: 49%;
}

    .list-packages .package .right {
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }

    .list-packages .package .name.w-limit {
        line-height: 1;
    }

.footer {
    background: #142b46;
    height: 500px;
}

.circle.white-green,
.powered-by.heading-title,
.square.white-green,
.rhombus.white-green,
.main-footer-container .main-footer {
    display: none;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 912px) {
    .hidden-sm {
        display: none !important;
    }

    .content {
        max-height: unset;
        min-height: calc(100vh - 6.25rem);
    }

    .crumb-form {
        max-height: unset;
    }

        .crumb-form .form.two-cols {
            flex: 0 0 100%;
            max-width: 100%;
            left: 0;
        }

        .crumb-form .form .form-container {
            padding: 1rem;
        }

            .crumb-form .form .form-container .form-buttons {
                text-align: center;
                padding-bottom: 2rem;
            }

        .crumb-form .form-line {
            flex-direction: column;
        }

            .crumb-form .form-line .form-element {
                padding: 0;
            }

                .crumb-form .form-line .form-element:not(:last-child) {
                    margin-bottom: 1rem;
                }

        .crumb-form .form-element .radio .start-policy .dx-radiobutton {
            float: none;
            margin: 0 auto 1rem auto;
        }

    .disclaimer {
        margin: 0;
        padding: 1rem 0;
    }

    .content > .d-flex {
        flex-direction: column;
    }

    .basket .basket-container {
        padding: 0 1rem;
        border: 0;
    }

    .disclaimer .disclaimer-text {
        padding: 0 1rem;
    }

    .disclaimer .text-links {
        flex-wrap: wrap;
    }

    div#documents {
        flex-wrap: wrap;
        padding: 0;
    }

    .disclaimer .text-links .link-container {
        flex: 0 0 49%;
        max-width: 49%;
        margin-top: 1rem;
    }

        .disclaimer .text-links .link-container:nth-child(2n) {
            padding-right: 0;
            padding-left: 2.5rem;
            border-right: 0;
        }

        .disclaimer .text-links .link-container:nth-child(2n + 1) {
            padding-left: 0;
            padding-right: 2.5rem;
        }
}

@media only screen and (min-width: 913px) {
    .h-100vh {
        height: 100vh;
    }

    .crumb-form .form .form-container .limit-width {
        max-width: 80%;
    }

    .package-container {
        overflow: auto;
        max-height: calc(100vh - 27rem);
    }

    .form_Howden_Sports_Quote_quote .content {
        max-height: unset;
    }
}
