.col-md-3 {
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    flex-direction: column; /* Stack the circle and text vertically */
    height: 100%; /* Ensure full height for vertical centering */
    text-align: center; /* Center-align the text */
}

.bg-iconss {
    width: 100px; /* Width of the circular container */
    height: 100px; /* Height of the circular container */
    background-color: #572D79; /* Background color for circle */
    border-radius: 50%; /* Makes the div circular */
    display: flex; /* Flexbox for centering content */
    justify-content: center; /* Horizontally center the image */
    align-items: center; /* Vertically center the image */
    overflow: hidden; /* Ensure image does not overflow */
    margin-bottom: 10px; /* Space between circle and text */
}

.bg-iconss img {
    width: 60%; /* Relative size for image (adjustable) */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image fits well inside the circle */
}

h4 {
    margin-top: 10px; /* Spacing between image and text */
    text-align: center; /* Ensure the heading text is centered */
} 

.marquee-container {
    width: 100%; /* Ensures the marquee spans the full width of the page */
    margin: 0; /* Removes any default margins */
    padding: 0; /* Removes default padding */
}

.marquee-text {
    font-size: 30px; /* Increases font size */
    font-weight: bold; /* Makes the text bold */
    color: #fff; /* A neat, dark color for the text */
    text-transform: uppercase; /* Optional: make all text uppercase */
    white-space: nowrap; /* Prevents the text from breaking into multiple lines */
} 
.card-inara {
    background-color: #f2f5f9; 
    padding: 10px; 
    border-radius: 10px;
}