/* General styles for the gift section */
.gift-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 20px;
    color: #9933cc;
}

/* Style for each gift category */
.gift-category {
    flex: 0 0 20%; /* Each category takes up roughly 45% of the width */
    margin: 10px;
    padding: 15px;
    border: 6px solid #9933cc;
    border-radius: 100px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    text-align: left;
    font-size: 16px;
    color: #9933cc;
}

/* Image styling */
.category-image {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* List styling */
.gift-links {
    list-style-type: none;
    padding: 0;
    color: #9933cc;
}

.gift-links li {
    margin: 10px 0;
}

.gift-links a {
    text-decoration: none;
    color: #ffffff; /* Bootstrap primary color */
    transition: color 0.2s;
}

.gift-links a:hover {
    color: #9933cc; /* Darker shade on hover */
}

/* Responsive design */
@media (max-width: 768px) {
    .gift-category {
        flex: 0 0 100%; /* Full width on smaller screens */
    }
}
 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}