:root {
    --ns-border-radius-xs: 0.25rem;
    --ns-border-radius-sm: 0.5rem;
    --ns-border-radius-base: 1rem;
    --ns-border-radius-lg: 2rem;
    --ns-border-radius-xl: 3rem;

    --qui-btn-borderWidth: 2px;

    /* colors */
    --ns-color-white: #fff;

    --ns-color-brand-50: #f1fcfb;
    --ns-color-brand-100: #e6faf8;
    --ns-color-brand-200: #b3f0eb;
    --ns-color-brand-300: #80e6de;
    --ns-color-brand-400: var(--qui-colors-primary);
    --ns-color-brand-500: #12b3a5;
    --ns-color-brand-600: #0f998f;
    --ns-color-brand-700: #0b8079;
    --ns-color-brand-800: #086663;
    --ns-color-brand-900: #064d4d;
    --ns-color-brand-950: #073d3d;
    --ns-color-brand: var(--ns-color-brand-400);
    --ns-color-brand-accent: #fff;;

    --ns-color-brand-secondary-100: #e6eaec;
    --ns-color-brand-secondary-200: #b8c5cc;
    --ns-color-brand-secondary-300: #0f3946;
    --ns-color-brand-secondary-400: #0b2e39;
    --ns-color-brand-secondary-500: #092630;
    --ns-color-brand-secondary-600: #071e27;
    --ns-color-brand-secondary-700: #06171f;
    --ns-color-brand-secondary-800: #040f13;
    --ns-color-brand-secondary-900: #02080a;
    --ns-color-brand-secondary: var(--ns-color-brand-secondary-400);
    --ns-color-brand-secondary-accent: #fff;

    --ns-form-elements-border-radius: var(--ns-border-radius-sm);

    --ns-scrollbar-thumb-color: #1d3736;
    --ns-scrollbar-track-color: var(--ns-color-brand-500);

    /**
     * Theme
     */

    /* menu */
    --theme--qui-nav-link-bgColor--hover: transparent;
    --theme--qui-nav-initialTransparent-link-bgColor--hover: transparent;

    --autofill-bg: var(--ns-color-brand-950);
    --autofill-text: inherit;
    --autofill-border: transparent;
}

/**
 * Util classes
 */
.w-full {
    width: 100%;
}

.btn__icon-right {
    margin-left: 0.5em;
}

.btnContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/**
 * Animated border
 */
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.ns-animated-border {
    --border-width: 4px;
    --colors: var(--ns-color-brand-400), yellow, var(--ns-color-brand-800), var(--ns-color-brand-300), orange, var(--ns-color-brand-400);
    --duration: 4s;
    --animation-count: infinite;

    position: relative;
}

.ns-animated-border:before {
    content: '';
    inset: calc(-1 * var(--border-width));
    background: conic-gradient(from var(--angle), var(--colors));
    position: absolute;
    z-index: -1;
    border-radius: calc(var(--qui-btn-borderRadius) + var(--border-width));
    animation: var(--duration) ns-animated-border-spin linear var(--animation-count);
}

@keyframes ns-animated-border-spin {
    from {
        --angle: 0deg;
    }
    to {
        --angle: 360deg;
    }
}


/**
 * Form elements
 */
input, textarea, select {
    border-radius: var(--ns-form-elements-border-radius);
    border: 2px solid #D9D9D9;
}

.btn, button:where(:not([name="close"])), .button:where(:not([name="close"])), input[type='submit'], input[type='reset'], input[type='button'], button:disabled, a.template-button, button.qui-button {
    border-radius: var(--ns-form-elements-border-radius);
}

input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, button:hover, .button-active, .button:active, .button:hover, a.template-button:focus, a.template-button:active, a.template-button:hover, button.qui-button-active, button.qui-button:active, button.qui-button:hover {
    background-color: var(--ns-color-brand-600);
    border-color: var(--ns-color-brand-600);
    color: var(--ns-color-white);
}

/**
 * custom checkboxes
 */
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    background-color: var(--ns-color-brand-600);
    border: none;
    line-height: initial;
    margin-bottom: 0;
    width: 1.25em;
    height: 1.25em;
    padding: 0;
    position: relative;
    flex-shrink: 0;
    color: #fff;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover,
.dark input[type="checkbox"]:hover,
.dark input[type="radio"]:hover {
    background-color: var(--ns-color-brand-700);
}

input[type="checkbox"]:focus,
input[type="radio"]:focus,
.dark input[type="checkbox"]:focus,
.dark input[type="radio"]:focus {
    background-color: var(--ns-color-brand-600);
}

input[type="checkbox"]:not(:checked):focus,
input[type="radio"]:not(:checked):focus,
.dark input[type="checkbox"]:not(:checked):focus,
.dark input[type="radio"]:not(:checked):focus {
    box-shadow: 0 0 10px var(--ns-color-brand-800);
}

input[type="checkbox"]:checked {
    background: var(--ns-color-brand-500);
}

input[type="checkbox"]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    width: 100%;
    font-size: 0.75em;
    line-height: 0;
    height: 100%;
    display: inline-grid;
    place-items: center;
}

label > input[type="checkbox"] {
    top: 3px; /* fix vertical position */
}

input[type="checkbox"] {
    border-radius: 0.25rem;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="radio"]:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
}

input[type="radio"]:checked {
    background-color: var(--ns-color-brand-800);
}

input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background-color: var(--ns-color-brand);
    left: 25%;
    top: 25%;
}

/*********************/
/* Hero title effect */
/*********************/
.hero-title-effect {
    display: inline-block;
    color: var(--qui-colors-primary-300);
    font-size: clamp(1em, 8vw, 1.5em);
}

/****************/
/* Word rotator */
/****************/
.word-rotator {
    display: inline-flex;
    overflow: hidden;
    vertical-align: bottom;
    transition: 0.5s ease width;
    flex-direction: column;
    align-items: flex-start;
}

.word-rotator__text {
    white-space: nowrap;
}


/*******************/
/* nav / mega menu */
/*******************/
/*.header-bar {*/
/*    background-image: linear-gradient(180deg, #0b2e39 10%, transparent);*/
/*}*/

.quiqqer-menu-megaMenu-list-item-inner:after {
    background-color: var(--qui-colors-primary);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    left: 50%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .35s ease;
    width: 0
}

.quiqqer-menu-megaMenu-list-item.quiqqer-menu-megaMenu-list-item--current .quiqqer-menu-megaMenu-list-item-inner::after,
.quiqqer-menu-megaMenu-list-item-inner:hover:after {
    left: 50%;
    transition: all .35s ease;
    width: 1rem
}

/**************/
/* page header */
/**************/
.page-header {
    padding-bottom: calc(var(--qui-nav-height) + 1rem) !important;
}

/**************/
/* breadcrumb */
/**************/
.template-breadcrumb {
    border-bottom: none !important;
}

.no-sidebar-small .quiqqer-breadcrumb-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
}

.template-breadcrumb .quiqqer-breadcrumb,
.template-breadcrumb .quiqqer-breadcrumb .quiqqer-breadcrumb-list {
    height: 60px !important;
}

.template-breadcrumb .quiqqer-breadcrumb ul li:last-child a span:last-child {
    color: inherit !important;
}


/*******************/
/* Accordion (faq) */
/*******************/
.quiqqer-faqAccordion-item-content-pageShort.text-muted {
    color: var(--qui-colors-body);
}

.quiqqer-accordion-item {
    border-bottom: 0 !important;
    margin-bottom: 0.5rem;
}

.quiqqer-accordion-item-header {
    border: 3px solid;
    padding-inline: 1rem;
    border-radius: var(--ns-border-radius-sm);
    margin-bottom: 1rem !important;
    background-color: #fff;
}

/************/
/* Price Box*/
/************/
.namescore-price-box .quiqqer-boxContentAdvanced-entry-container {
    transition: transform 0.2s ease-out;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entry-container:hover {
    transform: scale(1.02);
}

.namescore-price-box .quiqqer-boxContentAdvanced-entries {
    padding-top: 0;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entry-container .quiqqer-boxContentAdvanced-entry {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .13);
    display: flex;
    flex-direction: column;
    border-bottom: 4px solid #7a7bc1;
    border-radius: 5px;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entry-container:nth-child(3) .quiqqer-boxContentAdvanced-entry {
    background: #7a7bc1;
    color: #fff;
    border-bottom-color: #5c5d9e;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entry-img {
    padding: 1rem;
    background: none !important;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entry-img img {
    height: 80px;
}


.namescore-price-box .quiqqer-boxContentAdvanced-entries__boxWithShadow header {
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 1rem;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entries__boxWithShadow header h4 {
    font-size: var(--qui-fs-md);
    font-weight: normal !important;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.namescore-price-box-prices {
    margin-bottom: 1rem;
}

.namescore-price-box-prices-current {
    font-size: 1.5rem;
    font-weight: bold;
}

.namescore-price-box-prices-old {
    font-size: 0.8rem;
    text-decoration: line-through;
}

.namescore-price-box .quiqqer-boxContentAdvanced-entry-content a {
    color: inherit;
    font-weight: bold;
    font-size: 0.9rem;
}

/*********/
/* video */
/*********/
.quiqqer-presentationBricks-video-videoContainer {
    border-radius: var(--ns-border-radius-lg);
}

/***************/
/* Page footer */
/***************/
.page-footer {
    position: relative;
    margin-top: 80px;
}

.page-footer-copyright {
    border-top: none !important;
}

.page-footer-copyright-left {
    width: 100%;
    font-size: 12px;
}

/* footer bricks */
.footer-heading-decoration {
    margin-bottom: 2rem;
}

/* footer list */
.page-footer-brick ul {
    list-style: none;
    padding-left: 0;
}

.page-footer-brick ul li {
    padding-left: 0;
}

/* footer - product icons */
.footer-products-list li {
    align-items: center;
    display: flex;
}

.footer-products-list li:last-child {
    border-bottom: none;
}

.page-footer .footer-products-list a {
    display: block;
    width: 100%;
    text-decoration: none !important;
    color: inherit;
}

.footer-products-list img {
    margin-right: 10px;
    vertical-align: middle;
}

.footer-products-list li:hover img {
    filter: initial;
    opacity: 1;
}

/* footer - payments */
.ns-footer-payments picture {
    background: #fff;
    display: inline-flex;
    width: auto !important; /* reset quiqqer inline style for picture */
    height: auto !important; /* reset quiqqer inline style for picture */
    border-radius: 0.5rem;
    margin: 5px;
    align-items: center;
    transition: 0.3s ease all;
}

.ns-footer-payments img {
    margin: 8px;
}

/*******************/
/* skeleton loader */
/*******************/
.skeleton-loading-effect {
    --bg-normal: #f5f5f5;
    --bg-shine: #fafafa;

    background: linear-gradient(110deg, var(--bg-normal) 18%, var(--bg-shine) 28%, var(--bg-normal) 43%);
    border-radius: var(--ns-border-radius-base);
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.skeleton-loading-effect--darker {
    --bg-normal: #eee;
    --bg-shine: #f8f8f8;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

/**
 * QUI Window
 */
.qui-window-popup {
    --bg-secondary: #1d3736;
    outline: 4px solid var(--ns-color-brand) !important;
    border-radius: 5px;

    background: linear-gradient(45deg, #11191d, #07302d) !important;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .qui-window-popup {
        box-shadow: 0 5px 100px -20px var(--ns-color-brand-500) !important;
    }
}

.qui-window-popup-title-close.qui-window-popup-title-close:hover {
    background: none !important;
    color: var(--ns-color-brand);
}

.qui-window-popup-title {
    background-color: var(--bg-secondary) !important;
}

.qui-window-popup-content, .qui-window-popup-sheet-content {
    scrollbar-color: var(--ns-scrollbar-track-color) var(--ns-scrollbar-thumb-color);
}

.qui-window-popup-buttons {
    height: initial !important;
    background-color: var(--bg-secondary) !important;
}

.qui-window-popup-buttons:after {
    display: none;
}

.qui-window-popup .qui-loader {
    background: var(--ns-color-brand-950);
}

.qui-window-popup .qui-loader-inner {
    color: var(--ns-color-brand);
}

.qui-window-popup .qui-loader .control-background {
    background-color: #fff;
}


.ns-brand-message {
    display: flex;
    gap: clamp(1rem, 3vw, 2rem);
    border-color: var(--ns-color-brand-950);
    background: var(--ns-color-brand-950);
    color: #e2f0f4;
}

.ns-brand-message__icon {
    flex-shrink: 0;
    font-size: 2rem;
}

.ns-brand-message__icon > .icon {
    text-shadow: 0 0 16px;
}

.ns-brand-message__title {
    margin-bottom: 0.25em;
    font-weight: bold;
}

.ns-brand-message__text {
    font-size: var(--qui-fs-sm);
}

/**
 * Simple order
 */
.quiqqer-simple-checkout {
    --sectionPadding: 0;
    --sectionBgColor: transparent;
    --payment-order-listEntry-bg: #f5f5f5;
    --payment-order-listEntry-bg--hover: #f5f5f5;
}

.dark .quiqqer-simple-checkout {
    --bg: #193030;
    --payment-order-listEntry-bg: #193030;
    --payment-order-listEntry-bg--hover: #193030;
}

.quiqqer-simple-checkout-data-contact {
    margin-top: 2rem;
}

.simpleCheckout-details-section {
    background-color: transparent !important;
}

.simpleCheckoutCard-subheader {
    margin-bottom: 1rem;
}

.quiqqer-simple-checkout-require {
    outline: 2px solid var(--qui-colors-danger-400);
    border: none !important;
    outline-offset: 0.75rem;
}

.dark .quiqqer-simple-checkout-require {
    outline-color: var(--qui-colors-danger-900);
}

:is(.quiqqer-order-step-payments-list-entry:hover, .quiqqer-order-step-payments-list-entry.selected) {
    outline: 2px solid var(--ns-color-brand-400);
}

.quiqqer-order-step-payments-list-entry-icon img {
    border-radius: 0.5rem;
}

.dark .quiqqer-order-step-payments-list-entry-icon img {
    filter: invert(1) grayscale(1) brightness(0.75);
}

@media screen and (max-width: 767px) {
    .quiqqer-order-step-payments-list-entry-icon img {
        max-width: 10rem;
    }
}

.quiqqer-simple-checkout-basket__toggleBasketBtn {
    color: inherit !important;
}

.articleList-entry__image {
    display: none !important;
}

.articleList-entry__data {
    grid-column: 1 / -1;
}

.articleData__btnToggleDetails.btn {
    color: inherit;
}

.quiqqer-order-step-checkout-notice {
    margin-block: 2rem;
}

.quiqqer-simple-checkout-basket__pay > :where(.quiqqer-order-step-checkout-notice) label {
    gap: 1rem;
}

/* payment */
body .quiqqer-order-step-processing {
    float: none;
    padding: 0;
    margin-top: 2rem;
    max-width: 50rem;
    margin-inline: auto;
}

body .quiqqer-order-step-processing :is(h1, h2) {
    font-size: var(--qui-fs-4);
}

body .quiqqer-payment-stripe-form {
    padding: 0 1rem 1rem 1rem;
    border: none;
    background: var(--qui-colors-gray-100);
    border-radius: 1rem;
    min-height: 280px;
}

body .quiqqer-payment-stripe-info {
    margin-block: 1rem;
}

body .quiqqer-order-ordering-buttons {
    margin-top: 1rem;
}

body .quiqqer-order-ordering-buttons [name="changePayment"] {
    width: 100%;
}

body .quiqqer-payment-stripe-submit button {
    float: none !important;
    width: 100%;
}

body .quiqqer-order-ordering-buttons button[name="changePayment"] {
    background: transparent;
    color: var(--qui-colors-muted);
    border-color: transparent;
}

body .quiqqer-order-ordering-buttons button[name="changePayment"]:is(:hover, :focus) {
    background: transparent;
    color: var(--ns-color-brand);
    border-color: transparent;
}

body .quiqqer-payment-paypal, .quiqqer-payment-paypal-content {
    float: none !important;
}

body .quiqqer-payment-paypal .message-error {
    padding: 1rem;
    border-radius: 0.5rem;
}

/* step summary */
.quiqqer-order-control-orderLikeBasket .quiqqer-order-control-order-header h1 {
    font-size: var(--qui-fs-lg);
    text-align: left;
}

.quiqqer-simple-checkout .quiqqer-order-control-order-information,
.quiqqer-simple-checkout .quiqqer-order-control-order-articles {
    background: #ffffff11 !important;
    border: none;
    border-radius: 0.5rem;
}

.quiqqer-order-control-order-information {
    display: flex;
    gap: 1rem;
}

@media screen and (max-width: 767px) {
    .quiqqer-order-control-order-information {
        flex-direction: column;
    }
}

.quiqqer-order-control-order-information-payment, .quiqqer-order-control-order-information-invoiceAddress, .quiqqer-order-control-order-information-orderData, .quiqqer-order-control-order-information-delivery-address, .quiqqer-order-control-order-information-shipping {
    float: none !important;
    width: 100% !important;
}

.quiqqer-order-control-order-information-delivery h2,
.quiqqer-order-control-order-information h2,
.quiqqer-order-control-order-articles header h2{
    font-size: var(--qui-fs-lg) !important;
    text-align: left;
}

.quiqqer-simple-checkout .quiqqer-order-control-order-total {
    background: #ffffff11;
    border-radius: 0.5rem;
}

.quiqqer-simple-checkout .quiqqer-order-control-order-articles article {
    display: flex;
    gap: 1rem;
    background-color: transparent !important;
}

.quiqqer-order-profile-orders-order-articles-article-image {
    display: none !important;
}

.quiqqer-simple-checkout .quiqqer-order-profile-orders-order-articles-article-information {
    padding: 0;
    width: initial;
    flex-grow: 1;
}

/* simple order page */
.type-quiqqer-order-simple-checkout-types-simpleCheckout .template-breadcrumb {
    display: none;
}

.type-quiqqer-order-simple-checkout-types-simpleCheckout .quiqqer-simple-checkout-basket {
    padding: 2rem;
    background: #f5f5f5;
    border-radius: 1rem;
}

.type-quiqqer-order-simple-checkout-types-simpleCheckout .quiqqer-coupons-couponcodeinput-input {
    background-color: #fff;
}

/* end order */


/*
 * autofill color
 */

/* WebKit/Chromium: Chrome, Edge, Safari */
.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark textarea:-webkit-autofill,
.dark select:-webkit-autofill {
    background-color: var(--autofill-bg);
    -webkit-text-fill-color: var(--autofill-text);
    caret-color: var(--autofill-text);
    box-shadow: 0 0 0 1000px var(--autofill-bg) inset !important;
    /* Trick: Standard-Autofill-Färbung „ausfaden“ */
    transition: background-color 9999s ease-out, color 9999s ease-out;
}

/* Firefox */
.dark input:-moz-autofill,
.dark textarea:-moz-autofill,
.dark select:-moz-autofill {
    box-shadow: 0 0 0 1000px var(--autofill-bg) inset;
    -moz-text-fill-color: var(--autofill-text);
    caret-color: var(--autofill-text);
    border-color: var(--autofill-border);
}
/* end: autofill color */

/**
 * qui loader
 */
.dark .qui-loader {
    background: #00000052 !important;
    backdrop-filter: blur(10px);
    inset: 0;
    border-radius: 3rem;
}

/**
 * inputs
 */
.dark :is(input, textarea, select):not(:hover, :focus) {
    border-color: transparent;
}

.dark :is(input, textarea, select) {
    color: inherit;
    margin: 0;
}

.dark select {
    background-color: rgba(255, 255, 255, 0.05);
    /*background-image: url('packages/bin/qui/qui/controls/buttons/images/drop.png');*/
    background-size: 9px;
}

.dark ::-webkit-input-placeholder {
    color: #728080;
}

.dark ::-moz-placeholder {
    color: #728080;
}

.dark :-ms-input-placeholder {
    color: #728080;
}

.dark textarea:focus::-moz-placeholder,
.dark input:focus::-moz-placeholder {
    color: #728080;
}

.dark :is(textarea:hover, textarea:focus, input:hover, input:focus, select:hover, select:focus) {
    background-color: rgba(255, 255, 255, 0.05);
}

/* qui select */
.qui-select.qui-select {
    line-height: 1.75em;
    padding: 0.5em 1.25em;
    height: 3rem;
    letter-spacing: 1px;
    border-radius: var(--ns-form-elements-border-radius);
}

.dark .qui-select {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: transparent;
    outline: none;
}

.dark .qui-select:is(:hover, :focus) {
    border-color: var(--ns-color-brand);
}

.qui-contextmenu {
    scrollbar-color: var(--ns-scrollbar-track-color) var(--ns-scrollbar-thumb-color);
}

.qui-contextmenu-container {
    background: #041314 !important;
    color: #e4f1f0;
}

.qui-contextitem {
    border-bottom-color: #ffffff22 !important;
}

.qui-contextitem-active {
    background: #ffffff22 !important;
}

span.qui-contextitem-text {
    color: #bdcbca !important;
}

/* reset muted span, wenn dark passt, kann man das besser lösen */
.dark label > span.text-muted,
.dark label > span:first-child {
    color: #b4b9ba;
    margin-bottom: 0.35em;
    display: block;
    font-size: 0.875rem;
}

/**
 * Page: contact
 */
.type-quiqqer-sitetypes-types-contact .quiqqer-simple-contact input:not([type="checkbox"]) {
    margin-bottom: 1rem;
}

.type-quiqqer-sitetypes-types-contact .quiqqer-simple-contact [for="qui-contact-privacypolicy"] {
    margin-block: 1.5rem;
}

.type-quiqqer-sitetypes-types-contact .quiqqer-simple-contact-button {
    min-width: 15rem;
}

/**
 * Login popup
 */
.quiqqer-frontendUsers-loginWindow-close {
    background-color: transparent !important;
}

.quiqqer-frontendUsers-loginWindow-close:hover {
    color: var(--ns-color-brand) !important;
}

/**
 * Check name form
 */
.ns-checkNameForm {
    display: flex;
    margin-top: 2rem;
    background: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    max-width: 600px;
    padding: 0.25rem;
    align-items: stretch;
}

.ns-checkNameForm [name="name"] {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: var(--ns-form-elements-border-radius);
}

.ns-checkNameForm input,
.ns-checkNameForm input:focus {
    background: #fff;
    border: none;
    border-radius: 3px
}

.ns-checkNameForm button {
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .ns-checkNameForm {
        display:block;
        background: none
    }

    .ns-checkNameForm button {
        width: 100%;
        margin-top: 1rem
    }
}