/* Map Archivo Black and tilt-warp to Work Sans with max weight */
        @font-face {
            font-family: 'Archivo Black';
            src: local('Work Sans ExtraBold'), local('Work Sans Black'), local('Work Sans');
            font-weight: 900;
        }

        .tilt-warp {
            font-family: 'Work Sans', sans-serif !important;
            font-weight: 900 !important;
        }

        /* Minimal replacement for Animate.css rules to speed up page load */
        .animate__animated {
            animation-duration: 1s;
            animation-fill-mode: both;
        }

        .animate__infinite {
            animation-iteration-count: infinite;
        }

        .animate__delay-2s {
            animation-delay: 2s;
        }

        .animate__delay-3s {
            animation-delay: 3s;
        }

        .animate__fast {
            animation-duration: 800ms;
        }

        .animate__faster {
            animation-duration: 500ms;
        }

        .animate__slow {
            animation-duration: 2s;
        }

        @keyframes pulse {
            from {
                transform: scale3d(1, 1, 1);
            }

            50% {
                transform: scale3d(1.05, 1.05, 1.05);
            }

            to {
                transform: scale3d(1, 1, 1);
            }
        }

        .animate__pulse {
            animation-name: pulse;
            animation-timing-function: ease-in-out;
        }

        @keyframes heartBeat {
            0% {
                transform: scale(1);
            }

            14% {
                transform: scale(1.3);
            }

            28% {
                transform: scale(1);
            }

            42% {
                transform: scale(1.3);
            }

            70% {
                transform: scale(1);
            }
        }

        .animate__heartBeat {
            animation-name: heartBeat;
            animation-timing-function: ease-in-out;
        }

        @keyframes shakeY {

            from,
            to {
                transform: translate3d(0, 0, 0);
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translate3d(0, -10px, 0);
            }

            20%,
            40%,
            60%,
            80% {
                transform: translate3d(0, 10px, 0);
            }
        }

        .animate__shakeY {
            animation-name: shakeY;
        }

        @keyframes tada {
            from {
                transform: scale3d(1, 1, 1);
            }

            10%,
            20% {
                transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            }

            30%,
            50%,
            70%,
            90% {
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            }

            40%,
            60%,
            80% {
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            }

            to {
                transform: scale3d(1, 1, 1);
            }
        }

        .animate__tada {
            animation-name: tada;
        }

        @keyframes swing {
            20% {
                transform: rotate3d(0, 0, 1, 15deg);
            }

            40% {
                transform: rotate3d(0, 0, 1, -10deg);
            }

            60% {
                transform: rotate3d(0, 0, 1, 5deg);
            }

            80% {
                transform: rotate3d(0, 0, 1, -5deg);
            }

            to {
                transform: rotate3d(0, 0, 1, 0deg);
            }
        }

        .animate__swing {
            transform-origin: top center;
            animation-name: swing;
        }

        @keyframes bounce {

            from,
            20%,
            53%,
            to {
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                transform: translate3d(0, 0, 0);
            }

            40%,
            43% {
                animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                transform: translate3d(0, -30px, 0) scaleY(1.1);
            }

            70% {
                animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                transform: translate3d(0, -15px, 0) scaleY(1.05);
            }

            80% {
                transform: translate3d(0, 0, 0) scaleY(0.95);
            }

            90% {
                transform: translate3d(0, -4px, 0) scaleY(1.02);
            }
        }

        .animate__bounce {
            animation-name: bounce;
            transform-origin: center bottom;
        }

        @keyframes bounceIn {

            from,
            20%,
            40%,
            60%,
            80%,
            to {
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }

            0% {
                opacity: 0;
                transform: scale3d(0.3, 0.3, 0.3);
            }

            20% {
                transform: scale3d(1.1, 1.1, 1.1);
            }

            40% {
                transform: scale3d(0.9, 0.9, 0.9);
            }

            60% {
                opacity: 1;
                transform: scale3d(1.03, 1.03, 1.03);
            }

            80% {
                transform: scale3d(0.97, 0.97, 0.97);
            }

            to {
                opacity: 1;
                transform: scale3d(1, 1, 1);
            }
        }

        .animate__bounceIn {
            animation-name: bounceIn;
        }

        html,
        body {
            overflow-x: hidden;
            max-width: 100vw;
        }

        .xd {
            overflow: hidden;
            cursor: default;
            padding-bottom: 5px;
        }

        .sms {
            background-color: #e1ffc7;
            color: black;
            font-weight: 600;
            padding: .4em;
            border-radius: 8px;
            font-size: 11px;
        }

        .media-sms {
            display: grid;
            grid-template-columns: auto 4fr;
            gap: 5px;
            margin-bottom: 8px;
        }

        .xd-text {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: center;
        }

        #main iframe {
            z-index: 10 !important;
        }

        #a-container {
            max-width: 100%;
            box-sizing: border-box;
        }

        @media (min-width: 992px) {

            .navbar-header {
                float: left;
            }

            .desktop-links {
                margin-left: 190px;
                padding-left: 10px;
            }

            .desktop-user {
                clear: left;
                width: 270px;
                padding-left: 10px;
            }

            .navbar-form {
                clear: left;
                width: 270px;
                padding-left: 10px;
                padding-right: 10px;
                margin-left: 0;
                margin-right: 0;
            }

            .navbar-nav {
                float: none !important;
                display: block;
                text-align: left;
                width: auto;
                white-space: normal;
            }

            .navbar-nav>li {
                float: none !important;
                display: inline-block;
                margin-right: 6px;
            }

            .navbar-nav>li>a {
                padding: 4px 6px !important;
                font-size: 13px;
                line-height: 20px;
            }

        }

        .footer-copy a {
            color: #CBD5E1 !important;
            text-decoration: none;
            font-size: 13px;
            transition: color 0.2s;
        }

        .footer-copy a:hover {
            color: #ffec1f !important;
            text-decoration: none;
        }

        .footer-heading {
            font-size: 14px;
            font-weight: 700;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 1rem;
        }

        .footer-copy ul {
            padding-left: 0;
        }

        /* Override any inline pipe dividers */
        .footer-copy ul li:after {
            content: none !important;
        }

        .footer-copy ul li {
            display: block;
            margin-bottom: 10px;
        }

        @media (max-width: 991px) {
            .navbar-header {}

            .navbar-collapse {
                position: fixed !important;
                top: 0;
                right: -320px;
                width: 280px;
                height: 100vh !important;
                max-height: 100vh !important;
                background-color: #222222;
                z-index: 999999;
                padding-top: 10px;
                display: block !important;
                visibility: hidden;
                transition: right 0.3s ease, visibility 0s 0.3s !important;
                overflow-y: auto;
            }

            .navbar-collapse.in {
                right: 0;
                visibility: visible;
                transition: right 0.3s ease, visibility 0s !important;
                box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5);
            }

            .navbar-collapse.collapsing {
                position: fixed !important;
                top: 0;
                width: 280px;
                height: 100vh !important;
                background-color: #222222;
                z-index: 999999;
                padding-top: 10px;
                display: block !important;
                visibility: visible;
                transition: right 0.3s ease !important;
                right: -320px;
            }

            .navbar-collapse.collapsing[aria-expanded="true"] {
                right: 0;
            }

            .navbar-collapse .navbar-nav {
                margin: 0;
            }

            .navbar-collapse .navbar-nav>li>a {
                padding: 12px 15px;
                color: #fff;
                border-bottom: 1px solid #333;
            }

            .navbar-collapse .navbar-form {
                margin: 15px;
                padding: 0;
            }

            .navbar-collapse .dropdown-menu {
                background-color: #111;
                border: none;
            }

            .navbar-collapse .dropdown-menu>li>a {
                color: #ddd;
                padding: 10px 15px;
            }

            .navbar-collapse .dropdown-menu>li>a:hover {
                background-color: #333;
                color: #fff;
            }

            .navbar-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background-color: rgba(0, 0, 0, 0.6);
                z-index: 999998;
                display: none;
                cursor: pointer;
            }

            .navbar-overlay.active {
                display: block;
            }
        }