/* Custom styles for the CONTACT PAGE */
		
        .card {
            transition: transform 0.2s;
            width: 500px; /* Fixed width */
            height: 278px; /* Fixed height */
            margin: 8px 4px; /* Margin around each card */
        }
        .card:hover {
            transform: scale(1.03);
        }
         .icon img{
            height: 16px; /* Fixed height for logos */
			object-fit: contain; /* Maintain aspect ratio */
        }
         .v4ihlogo img{
            height: 88px; /* Fixed height for logos */
            object-fit: contain; /* Maintain aspect ratio */
            margin-bottom: 20px; /* Space between logo and text */
			margin-top: 6px;
        }
         .ihhlogo img{
            height: 90px; /* Fixed height for logos */
            object-fit: contain; /* Maintain aspect ratio */
            margin-bottom: 20px; /* Space between logo and text */
			margin-top: 6px;
        }		
         .dflogo img{
            height: 93px; /* Fixed height for logos */
            object-fit: contain; /* Maintain aspect ratio */
            margin-bottom: 20px; /* Space between logo and text */
			margin-top: 0px;
        }
         .vcpdlogo img{
            height: 87px; /* Fixed height for logos */
            object-fit: contain; /* Maintain aspect ratio */
            margin-bottom: 20px; /* Space between logo and text */
			margin-top: 0px;
        }
		p {
			font-size: 15px;
        }		
/* Flexbox wrapper for smaller screens */
.row {
    justify-content: center; /* Center the cards in the row */
    display: flex;
    flex-wrap: wrap; /* Allow cards to stack */
}

/* For screens smaller than 600px */
@media (max-width: 600px) {
    .card {
        width: 100%; /* Full width cards */
        max-width: none; /* Remove max-width */
        height: auto; /* Let height adjust based on content */
    }
}

/* For screens smaller than 1100px (to stack cards in smaller viewports) */
@media (max-width: 1050px) {
    .col-md-6 {
        flex: 1 0 100%; /* Stack the cards vertically on smaller screens */
    }
}

/* For screens smaller than 550px (flex card-style layout) */
@media (max-width: 550px) {
    .card {
        width: 100%; /* Let the cards be flexible use the "auto" */
        max-width: 100%; /* Use full width */
        height: auto; /* Height can be dynamic */
    }
}