

div#CardGallery h4 {
    font-weight: 600;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #00356e;
    margin-bottom: 8px;
    line-height: 1.3;
    width: 100%;
}

div#CardGallery p {
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    color: #575250;
    font-family: 'Roboto', sans-serif;
    display: -webkit-box;

    line-clamp: 5;
    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;
    overflow: hidden;

    line-height: 1.6;
}

div#CardGallery .button1 {
    font-family: 'Roboto', sans-serif;

    background: linear-gradient(
        27deg,
        rgba(0, 53, 110, 1) 0%,
        rgba(0, 53, 110, 1) 26%,
        rgba(3, 59, 116, 1) 39%,
        rgba(12, 78, 135, 1) 61%,
        rgba(28, 109, 166, 1) 83%,
        rgba(49, 150, 207, 1) 100%
    ) !important;

    border: none !important;

    color: #ffffff !important;

    border-radius: 6px;

    padding: 10px 18px;

    transition: 0.2s ease;

    min-width: 180px;
    text-align: center;
}

div#CardGallery .button1:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

div#CardGallery a{
    border:0 !important;
}

#galleryIntersectionObserverParent {
    height: auto !important;
}


div#CardGallery .ms_lay1_card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center;
    min-height: 450px;
    height: 100% !important;
    width: 300px !important;

    padding: 16px;
    transition: 0.2s ease;

    gap: 20px;
}

div#CardGallery .ms_lay1_card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

div#CardGallery .ms_lay1_card > div:nth-child(2) {
    flex: 1;
    width: 100%;
}

div#CardGallery .ms_lay1_card > div:last-child {
    width: 100%;

    display: flex;
    justify-content: center;
}

div#CardGallery .ms_lay1_card > div:nth-last-child(2) {
    padding-top: 12px;

    border-top: 1px solid #e5e7eb;

    margin-top: auto;
    margin-bottom: 10px;
}

div#CardGallery .ms_lay1_card > div:nth-last-child(2) p {
    font-size: 14px;

    color: #6b7280;

    line-height: 1.1;

    margin: 0;
}