.tip-section {
    display: flex;
    align-items: center;
    gap: 8px; 
    margin: 10px 0;
   
}

.tip-icon {
    width: 42px; 
    height: 42px;
    flex-shrink: 0; 
}
details {
    margin-bottom: 1em;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}
summary {
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-weight: bold;
}
summary::before {
    content: '+';
    position: absolute;
    left: 0;
    color: #007bff;
}
details[open] summary::before {
    content: '-';
}
.category-images {
    display: flex;
    justify-content: space-between;
    gap: 20px; 
    flex-wrap: wrap; 
}

.image-wrapper {
    width: calc(50% - 10px); 
    text-align: center; 
}

.image-wrapper img {
    width: 100%; 
    height: auto; 
    max-width: 590px; 
    border: 1px solid #ddd;
    border-radius: 5px;
}

.image-wrapper p {
    margin-top: 8px;
   
    color: #333;
}