.border-bottom-black {
    border-bottom: 1px solid black;
}

.border-top-black {
    border-top: 1px solid black;
}

.background-white {
    background: white;
}

.blog-card:hover {
    cursor: pointer;
    background: rgb(220, 220, 220);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

.small-card {
    background:white;
    border:none;
    color:black;
}

.small-card:hover {
    color: white;
    background: black;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}



/* Bootstrap 5.3 CSS */

/* Blog card */
.blog-card {
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Small card */
.small-card {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Border bottom */
.border-bottom {
    border-bottom: 1px solid #000;
}

/* Text colors */
.text-muted {
    color: #6c757d;
}

.text-primary {
    color: #0d6efd;
}

.text-dark {
    color: #000;
}

/* Font styles */
.fs-2 {
    font-size: 1.5rem;
}

.fs-5 {
    font-size: 1.25rem;
}

.fs-8 {
    font-size: 0.75rem;
}

/* Padding and Margin */
.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.pt-4 {
    padding-top: 1rem !important;
}

.pb-4 {
    padding-bottom: 1rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

/* Align items */
.align-items-center {
    align-items: center !important;
}

/* Height */
.h-100 {
    height: 100% !important;
}

/* Width */
.w-100 {
    width: 100% !important;
}

/* Image styles */
.rounded {
    border-radius: 0.25rem;
}

.rounded-circle {
    border-radius: 50%;
}

/* Opacity */
.opacity-50 {
    opacity: 0.5;
}

/* Text decoration */
.text-decoration-none {
    text-decoration: none !important;
}