.logo-site {
    width: 30px;
}

.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.justify-items-center {
    justify-items: center;
}

.bodygraph-svg p {
    margin-bottom: 8px;
}

.hidden-data {
    display: none !important;
}

.color-design {
    color: #8B0000;
}

.color-personality {
    color: #191970;
}

#transit-view svg {
    max-width: 50vw;
    max-height: 75vh;
}

.carousel-inner {
    max-height: 75vh;
}

#carouselHero img, #carouselWidget img {
    justify-self: center;
    max-height: 75vh;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    align-content: center;
}

.carousel-item {
    margin-right: 0;
}

#carouselHero .carousel-indicators button[data-bs-target="#carouselHero"], #carouselWidget .carousel-indicators button[data-bs-target="#carouselWidget"] {
    background-color: #191970;
}

#carouselHero .carousel-control-prev-icon, #carouselWidget .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23191970'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

#carouselHero .carousel-control-next-icon, #carouselWidget .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23191970'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.billing-toggle-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-switch .form-check-input {
    width: 3.5em;
    height: 1.75em;
    cursor: pointer;
}

.toggle-label {
    font-weight: 600;
    color: #6c757d;
    transition: color 0.3s ease;
}

.toggle-label.active {
    color: #0d6efd;
}

.badge-save {
    font-size: 0.75rem;
    padding: 0.4em 0.8em;
    border-radius: 50px;
    background-color: #e7f1ff;
    color: #0d6efd;
    font-weight: bold;
    margin-left: 10px;
}

.pricing-card {
    transition: transform 0.3s ease;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.pricing-card:hover {
    transform: translateY(-5px);
}

.price-value {
    font-size: 3rem;
    font-weight: 800;
}

.canal-badge {
    display: flex;
    width: 70px;
    height: 30px;
    border-radius: 8px;
    overflow: hidden;
    font-family: sans-serif;
    margin-bottom: 8px;
}

.phs-badge {
    display: flex;
    width: 100px;
    height: 30px;
    border-radius: 8px;
    overflow: hidden;
    font-family: sans-serif;
    margin-bottom: 8px;
}

.gate-badge {
    display: flex;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 20px;
    overflow: hidden;
    font-family: sans-serif;
    margin-right: 8px;
}

.circuit-badge {
    display: flex;
    width: 50px;
    border-radius: 8px;
    overflow: hidden;
    font-family: sans-serif;
    margin-bottom: 8px;
}

.channel, .phs {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    color: #ffffff;
}

.gates {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #ffffff;
}

.circuit {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #ffffff;
}

.phs {
    letter-spacing: 2px;
}

.circuit.channelGate {
    background-color: #E9ECEF;
}

.channel.conscious, .phs.conscious, .gates.conscious, .circuit.conscious {
    background-color: #191970;
}

.channel.unconscious, .phs.unconscious, .gates.unconscious, .circuit.unconscious {
    background-color: #8B0000;
}

.channel.conscious.unconscious, .circuit.conscious.unconscious {
    background: linear-gradient(
        to bottom,
        #8B0000 50%,
        #191970 50%
    );
}

.gateFears p {
    margin-bottom: 0;
}

.planet-icons td, .planet-unconscious td, .planet-conscious td {
    width: 20px;
    padding: 4px;
}

.planet-unconscious td div, .planet-conscious td div {
    background-color: #E9ECEF;
    border-radius: 5px;
    width: 20px;
    height: 20px;
}

.table-quarters {
    width: 364px;
}

.card-circuit {
    height: -webkit-fill-available;
    margin-bottom: 24px;
}

a.disabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

.bg-person1 {
    background-color: darkseagreen;
    color: green;
    font-weight: bold;
}

.bg-person2 {
    background-color: lightblue;
    color: blue;
    font-weight: bold;
}

.bg-person3 {
    background-color: orange;
    color: orangered;
    font-weight: bold;
}

.bg-person4 {
    background-color: pink;
    color: deeppink;
    font-weight: bold;
}

.bg-person5 {
    background-color: yellow;
    color: orange;
    font-weight: bold;
}

.row-penta {
    height: fit-content;
}

.th-blank {
    width: 8px;
}