/* Prime User CSS */

.requesting-icon {
    background: rgba(36, 170, 226, 0.1);
    box-shadow: none;
}

.requesting-card {
    border: 2px solid #E5E7EB;
    border-radius: 24px;
}

.requesting-card p span {
    color: #24AAE2;
}

.current-prime-users-section .assign-icon {
    background: #2E31921A;
    box-shadow: none;
    border-radius: 16px;
}

.requesting-card .submission-icon {
    background: rgba(81, 161, 84, 0.1);
    box-shadow: none;
}

.note-section--heading .badge {
    border-radius: 10px;
    background: rgba(81, 161, 84, 0.1);
    color: #51A154;
}

.assign-notes {
    background: linear-gradient(90deg,
            rgba(46, 49, 146, 0.05) 0%,
            rgba(36, 170, 226, 0.05) 100%);
    border-left: 4px solid #2E3192;
}

.note-box-content .assign-icon {
    background: rgba(46, 49, 146, 0.1);
    box-shadow: none;
    padding: 12px;
}

.prime-user-card {
    border: 2px solid #E5E7EB;
    border-radius: 16px;
    padding: 26px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #1D2433;
}

.prime-user-card .dot {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #2E3192;
}

.requesting-mincs-section .requesting-icon {
    /* background: #24AAE21A; */
    box-shadow: none;
}

.requesting-mincs-section .submission-icon {
    background: #51A1541A;
    box-shadow: none;
}

/* resource page Ui  */
.docs-sec .docs-icon {
    background: #24AAE21A;
    box-shadow: none;
}

.docs-sec a {
    color: #24AAE2;
}

.docs-grid .requesting-card {
    border-radius: 24px;
    transition: transform 0.3s ease;
}

.national-org-section .prime-user-card {
    background: #F9FAFB;
    border-color: transparent;
}

.national-org-section .prime-user-card svg {
    margin-left: auto;
}

.national-org-section .prime-user-card:hover {
    background: #fff;
    border: 2px solid #2E3192;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.national-org-section .prime-user-card:hover .assign-icon {
    background-color: #2E3192;
}

.national-org-section .prime-user-card:hover .assign-icon svg path {
    stroke: #fff;
}

.national-org-section .prime-user-card:hover svg path {
    stroke: #2E3192;
}

.national-org-section .prime-user-card .assign-icon svg {
    width: 20px;
    height: 20px;
}

.national-org-section .prime-user-card .assign-icon {
    padding: 10px;
}

.docs-grid .requesting-card:hover {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
    border-color: #24AAE2;
    transition: 0.2s linear all;
}

.docs-grid .requesting-card:hover .docs-icon {
    transform: scale(1.1);
}

.docs-grid .requesting-card:hover h6 {
    color: #24AAE2;
}

/* licensed user page css  */
.org-row .dot {
    background: #24AAE2;
    font-weight: 500;
}

.current-licensed-section .prime-user-card {
    background: #F9FAFB;
    border: 0;
    color: #1E2939;
    font-weight: 400;
    transition: 0.2s linear all;
}

.university-row .dot {
    background: #51A154;
    font-weight: 500;
}

.current-licensed-section .prime-user-card:hover {
    background-color: oklch(96.7% 0.003 264.542);
}

.note-box-content p a {
    text-decoration: none;
    font-weight: 500;
}

.restriction-card {
    padding: 34px;
    border: 2px solid #E5E7EB;
    border-radius: 24px;
}

.restrictions-section p {
    font-weight: 400;
    font-size: 18px;
    line-height: 29.25px;
    letter-spacing: -0.44px;
    color: #364153;
}

.restriction-content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.31px;
    color: #364153;
}

.about-us--section a.btn-primary-outline {
    background-color: #fff;
    color: var(--color-tertiary);
}

.contact-us {
    padding-bottom: 96px;
}

.contact-content a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.site-navigation ul.menu li a {
    text-decoration: none;
    transition: 0.2s linear all;
}

/* end licensed page  */