.agency-card {
    width: 250px;
    height: 150px;
    border-radius: 5px;
    background-color: #FFFFFF;    
   
}

.agency-card-blue {
    box-shadow: 1px 1px 2px #0ca2cf, 0 0 1em #0ca2cf, 0 0 0.2em #0ca2cf;
    color: #0ca2cf;
}
.a-tag{
    text-decoration:none;
    color:inherit; 
}

.agency-card .agency-blue-inside-box {
    width: 50px;
    height: 150px;
    margin-left: 0;
    padding-top: 25px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-image: linear-gradient(to left,#0ca2cf,#fff);
    animation: glow 2s ease-in-out infinite
}

.agency-card-red {
    box-shadow: 1px 1px 2px #f13117, 0 0 1em #f13117, 0 0 0.2em #f13117;
    color: #f13117;
}


    .agency-card-red .agency-red-inside-box {
        width: 50px;
        height: 150px;
        margin-left: 0;
        padding-top: 25px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        background-image: linear-gradient(to left,#f13117,#fff);
        animation: glow 2s ease-in-out infinite
    }
.agency-card-green {
    box-shadow: 1px 1px 2px #00725e, 0 0 1em #00725e, 0 0 0.2em #00725e;
    color: #00725e;
}
    .agency-card-green .agency-green-inside-box {
        width: 50px;
        height: 150px;
        margin-left: 0;
        padding-top: 25px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        background-image: linear-gradient(to left,#00725e,#fff);
        animation: glow 2s ease-in-out infinite
    }
.agency-card-orange {
    box-shadow: 1px 1px 2px #f47840, 0 0 1em #f47840, 0 0 0.2em #f47840;
    color: #f47840;
}

    .agency-card-orange .agency-orange-inside-box {
        width: 50px;
        height: 150px;
        margin-left: 0;
        padding-top: 25px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        background-image: linear-gradient(to left,#f47840,#fff);
        animation: glow 2s ease-in-out infinite
    }
        .agency-card .title {
            margin-top: -15px;
            margin-left: 110px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: bold;
            color: inherit;
            text-transform: uppercase;
            margin-bottom:5px;
            
        }
    .agency-card .text {
        margin-top: 0px;
        margin-left: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: inherit;
    }
.text-sm {
    margin-top: 1px;
    margin-left: 108px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: inherit;
    display:ruby-text;
}
  
.text-sm-fpo{
    margin-top: -17px;
    margin-left: 110px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: inherit;
    display: ruby-text;
}
  

.container-card {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Adjust the spacing between columns */
    padding: 16px;
}
@keyframes glow {
    from {
        box-shadow: 0 0 20px #ff6a00;
    }

    to {
        box-shadow: 0 0 30px #c13434, 0 0 10px #f7e35c;
    }
}