main:has(.page-container) {
    background: rgb(250, 250, 250);
    background: linear-gradient(0deg, rgba(250, 250, 250, 1) 0%, rgba(224, 224, 224, 1) 100%);
    position: relative;
}
.grid {
    margin-top: 0 !important;
}
.grid-item.full-width {
    grid-column: 1 / -1 !important;
}
.card {
    height: 100%;
    width: 100%;
    background: #fff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-clickable {
    cursor: pointer !important;
}

.card-disabled {
    cursor: not-allowed !important;
}

.hyper-link {
    min-height: 35px;
    padding: 8px 8px;
    text-decoration: none;
    border-radius: 18px;
    transition: all 0.3s ease;
    position: relative;
    background: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 0.8) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    border: 1px solid transparent;
}

.hyper-link:hover {
    background-position: right bottom;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
    border-color: #e0e0e0;
}

/*#region Corporate logos in div.corplogos */
.corplogos {
    margin-top: 70px;
}

@media (max-width: 959px) {
    .corplogos {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 960px) {
    .corplogos {
        position: static !important;
    }
}

.text-cut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
}

@media (max-width: 450px) {
    .sm-hide {
        display: none !important;
    }
}

@media (max-width: 960px) {
    .text-cut {
        max-width: 156px !important;
    }
}
@media (max-width: 750px) {
    .text-cut {
        max-width: 116px !important;
    }
}

@media (max-width: 600px) {
    .text-cut {
        max-width: 170px !important;
    }
}