@media (max-width: 768px) {
    .infrastructure-main {
        padding: 20px 0;
        gap: 25px;
    }
    .infrastructure-main .infrastructure-card {
        width: 90%;
        max-width: 360px;
    }

    .infrastructure-main .infrastructure-card .icon-infrastructure {
        width: 55px;
        height: 55px;
        top: -15px;
        right: 15px;
    }
    .infrastructure-main .infrastructure-card .icon-infrastructure img {
        width: 40px;
        height: 40px;
    }

    .infrastructure-main .infrastructure-card .infrastructure-top-bg {
        height: 150px;
    }
    .infrastructure-main .infrastructure-card .infrastructure-top-bg .infrastructure-images {
        width: 230px;
        height: 160px;
        bottom: -35px;
    }

    .infrastructure-main .infrastructure-card .infrastructure-content {
        padding: 60px 15px 18px;
        text-align: right;
    }
}