.mark {
            background: linear-gradient(
                100deg,
                rgba(255, 221, 64, 0) 0.9%,
                rgba(255, 221, 64, 1) 2.4%,
                rgba(255, 221, 64, 0.5) 5.8%,
                rgba(255, 221, 64, 0.1) 93%,
                rgba(255, 221, 64, 0.7) 96%,
                rgba(255, 221, 64, 0) 98%
            ), linear-gradient(180deg, rgba(255, 221, 64, 0) 0%, rgba(255, 221, 64, 0.3) 7.9%, rgba(255, 221, 64, 0) 15%);
            border-radius: 0.125em;
            box-decoration-break: clone;
        }

        li {
            padding-bottom: 1em;
        }

        .laravel_container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 30px 20px 50px !important;
        }

        #main .laravel_container {
            padding: 0px !important;
        }

        html:not(.avada-has-site-width-percent) .fusion-page-title-bar,
        html:not(.avada-has-site-width-percent) #main, html:not(.avada-has-site-width-percent) .fusion-footer-copyright-area,
        html:not(.avada-has-site-width-percent) .fusion-footer-widget-area, html:not(.avada-has-site-width-percent) .fusion-sliding-bar-position-bottom .fusion-sliding-bar,
        html:not(.avada-has-site-width-percent) .fusion-sliding-bar-position-top .fusion-sliding-bar, html:not(.avada-has-site-width-percent) .tfs-slider .slide-content-container {
            padding: 20px !important;
        }

        @keyframes  fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        .fade_effect {
            animation: fadeIn 3s forwards;
            animation-timing-function1: ease-in; /* Slow start */
        }

        .dropdown-menu-dark {
            --bs-dropdown-link-active-bg: #333;
            background: black;
            max-height: 88vh;
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: #e3e3e3 transparent;
            border-radius: 0;
        }

        .fusion-header-wrapper, .fusion-footer {
            display: none;
        }

        a {
            text-decoration: none !important;
        }

        .products .fusion-product-wrapper {
            border: 1px solid #efefef;
            border-bottom-width: 1px;
        }

        .fusion-woo-badges-wrapper {
            display: none;
        }

        #wc-square-digital-wallet {
            padding-top: .55em !important;
            max-width: unset;
        }

        .product_meta {
            display: none;
        }

        .poster_inside {
            width: 100%;
            top: 0;
            height: 100%;
            position: absolute;
        }

        .spine {
            writing-mode: vertical-rl;
            vertical-ali1gn: middle;
            font-size: 26px;
            width: 100%;
            text-transform: uppercase;
        }

        .center_left {
            align-items: center !important;
            justify-content: start !important;
            display: flex !important;
            text-align: center !important;
            height: 100%;
            width: 100%;
        }

        .center_all {
            align-items: center !important;
            justify-content: center !important;
            display: flex !important;
            text-align: center !important;
            height: 100%;
            width: 100%;
        }

        .bottom_all {
            align-items: end;
            justify-content: left;
            display: flex;
            height: 100%;
            width: 100%;
        }

        .bg-white {
            background: #fff;
        }

        .bg-black {
            background: #000;
        }

        h1, h2, h3, h4, h5, h6 {
            font-weight: 800;
        }

        .linear_gradient {
            background-image: linear-gradient(to bottom, rgba(1, 1, 1, .2), rgba(1, 1, 1, 0) 50%),
            linear-gradient(to top, rgba(1, 1, 1, .2), rgba(1, 1, 1, 0) 50%),
            linear-gradient(to right, rgba(1, 1, 1, .2), rgba(1, 1, 1, 0) 50%),
            linear-gradient(to left, rgba(1, 1, 1, .2), rgba(1, 1, 1, 0) 50%);
            width: 102%;
            height: 102%;
            bottom: -1%;
            left: -1%;
            position: absolute;
        }

        .circle_icon {
            flex-shrink: 0;
            width: 3em;
            height: 5em;
            background-size: 5.5em auto;
            background-repeat: no-repeat;
            background-position-x: 40%;
        }

        @media  print {
            .pagebreak {
                clear: both;
                page-break-after: always;
            }

            .no-print, .no-print * {
                display: none !important;
            }
        }

        
@font-face {
            font-family: "rando";
            src: url('/key/public/c/more/fonts/');
        }

        @font-face {
            font-family: "metro";
            src: url('/key/public/c/more/fonts/Metropolis-Black.otf');
        }

        @font-face {
            font-family: "libre-baskerville-bold";
            src: url('/key/public/c/more/fonts/LibreBaskerville-Bold.ttf');
        }

        @font-face {
            font-family: "barlow4";
            src: url('/key/public/c/more/fonts/Barlow-Black.ttf');
        }

        .barlow4 {
            font-family: 'barlow4';
        }

        .libre-baskerville-bold {
            font-family: 'libre-baskerville-bold';
        }

        .rando {
            font-family: 'rando';
        }

        .metro {
            font-family: 'metro';
            letter-spacing: -1px;
        }