.iframe-container{
    border: solid 2px black;
    border-radius: 20px;
    box-shadow: 3px 4px 2px 4px;
}

.iframe-container2{
    border: solid 2px black;
    border-radius: 20px;
    box-shadow: 3px 4px 2px 4px;
}

.iframe-container2:hover
{
    border-radius: 20px;
    background-color: rgb(131, 218, 240);
}

.iframe-container3{
    border: solid 2px black;
    border-radius: 20px;
    box-shadow: 3px 4px 2px 4px;

}
.iframe-container4{
    border: solid 2px black;
    border-radius: 20px;
    box-shadow: 3px 4px 2px 4px;

}
.iframe-container5{
    border: solid 2px black;
    border-radius: 20px;
    box-shadow: 3px 4px 2px 4px;

}

 .iframe-container7{
    border: solid 2px black;
    border-radius: 20px;
    box-shadow: 1px 1px 2px ;

}
 

.image-card {
    display: inline-block;
    width: 100px; /* Fixed width for all cards */
    height: 100px; /* Fixed height for all cards */
    margin: 10px;
    padding-right: 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* background-color: rgb(243, 98, 98); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden; /* Ensures the image doesn't overflow the card */
}

.image-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.image-card img {
    width: 100px; /* Ensures the image fills the card width */
    height: 100px; /* Ensures the image fills the card height */
    object-fit: contain; /*Ensures the image scales proportionally and covers the card*/
    border-radius: 6px;
    /* margin-bottom: 20px; Space between the logo and card content */

}