h2 {
    font-family: "beaufort-pro", serif;
    text-transform: uppercase;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}


.nav-toolbar {
    background-color: #051a31;
}


tr {
    background-color: #030e1a;
}

td {
    border: 1px solid #1d436f9e;
}

table tr:not(thead tr):hover,
.table tr:not(thead tr):hover {
    background-color: #2f70bb;
}


.badge__text {
    color: #b1b7d7;
    background: #032548;
}



.card {
    border-color: #1d436f63;
    background-color: rgb(4 22 41);
}


.card-header {
    background-color: #032548;
    border-color: #1d436f63;
}



table thead tr th,
.table thead tr th {
    background-color: #011326;
}


table tr td,
table tr th,
.table tr td,
.table tr th {
    border: 1px solid #1d436f63;

}


.page-header {
    border-bottom: 1px solid #1d436f63;
    border-top: 4px solid #082a4e;
}


.nav-packages li a.active,
.nav-custom li a.active {
    background-color: #0a2c50 !important;
    border: 1px solid #1d436f63 !important;
}



.badge {
    border-radius: 5px;
    padding: 6px;
}


.accordion-button:not(.collapsed) {
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #285d87;
}

.accordion-item {
    border: var(--bs-accordion-border-width) solid #1d436f63;
}



table,
.table {
    background-color: rgb(4 22 41);
    border-left: 1px solid #0C396D !important;
    border-right: 1px solid #0C396D !important;
    border-bottom: 1px solid #0C396D !important;
}


.card-footer {
    background-color: rgb(4 28 53);
    border-color: #0C396D !important;
}


.gateways.text-center {
    padding-bottom: 40px;
}

.nav-packages li a,
.nav-custom li a {
    border-color: #0C396D !important;
}



.nav-packages li a,
.nav-custom li a {
    background-color: #032548 !important;
}


.nav-packages li a,
.nav-custom li a,
.nav-packages li a.active,
.nav-custom li a.active {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}


.nav-packages li a.active,
.nav-custom li a.active {
    background-color: #0a2c50 !important;
}


.nav-custom .nav-item .active {
    background-color: #3794FF !important;
}


.bg-dark-red {
    background-color: #3794FF !important;
}


.bg-dark-red {
    background-color: #155597 !important;
    color: #b7d8ff;
}


.bg-dark-grey {
    background-color: rgb(5 39 74) !important;
}


.bg-warning {
    background-color: #F9CF78 !important;
}

.bg-light {
    background-color: #F9CF78 !important;
}


.custom__select__trigger {
    border: 1px solid rgb(16 48 99 / 56%);
}

.breadcrumb-item {
    color: #5a7696;
}

.navbar {
    z-index: 1000;
    position: sticky;
    top: 0;
    width: 100%;
}


main.internal-page {
    margin-top: -419px !important;
    position: relative;
    padding-top: 80px;
    z-index: 10 !important;
    background: linear-gradient(180deg, rgba(2, 15, 29, 0.3) 0%, rgba(2, 15, 29, 0.75) 33%, rgba(7, 10, 17, 0.8) 75%, rgba(7, 10, 17, 0.8) 100%);
}


.navbar>.container .dropdown[data-dropdown] .dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23F9CF78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}

.castle__siege__content .castle__group .castle__label {
    color: #c9a863;
}


.castle__siege__content .castle__group .castle__input {
    background-color: #032548;
    color: #A3CDFF;
}

.home__heading span {
    color: #c9a863;
}

.page {
    max-width: 1200px;
}



.navbar>.container .dropdown[data-dropdown] .dropdown-menu .dropdown_menu_profile_content ul.dropdown_list_service li,
.navbar>.container .dropdown[data-dropdown] .dropdown-menu .dropdown_menu_profile_content ul.dropdown_list_service li a {
    color: #c4dfff;
}


.navbar>.container .dropdown[data-dropdown] .dropdown-menu .dropdown_menu_profile_content ul.dropdown_list_service a:hover {
    color: #F9CF78;
}

/* Page Loader */
.page-loader {
    position: fixed;
    backdrop-filter: blur(5px);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(3, 23, 48, 0.6);
    /* Matches theme background */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}


.bg-body-tertiary {
    background-color: #001225eb !important;
    backdrop-filter: blur(5px);
}

.page-loader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loader-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 120px;
    height: 120px;
    border: 5px solid #1d436f63;
    border-top: 5px solid #F9CF78;
    background-color: #001225cf;
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
}

.loader-image {
    position: absolute;
    ;
    width: 60px;
    /* Adjust based on image aspect ratio */
    height: auto;
    z-index: 10000;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.noise {
    display: block;
    width: 100vw;
    height: 100vh;
    opacity: 0.7;
    background-image: url('https://mutronic.net/site/resources/images/ruido-animado.gif');
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10;
    mix-blend-mode: plus-lighter;
}