.platform-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr); 
            gap: 15.75px;
            margin: 45px;
        }
        .device-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 15px;
            border-radius: 12px;
            border: 1px solid #303030;
        }
        .device-name {
            font-weight: 300;
            margin-top: 15px;
            font-size: 1.15rem;
            color: #ffffff; 
        }
        .device-icon-wrapper svg {
            width: 75px; 
            height: 75px;
            display: block;
            color: #ffffff;
        }
        .mobile svg path,
        .mobile svg line {
            fill: currentColor; 
        }
        .tablet svg {
             stroke: currentColor; 
        }
        .tv svg path {
            stroke: currentColor; 
        }
        .wearable svg {
             filter: invert(1) grayscale(100%);
             color: inherit; 
        }
        .automotive svg line,
        .automotive svg path {
            stroke: currentColor; 
        }
        .platform-container {
            grid-template-columns: repeat(5, 1fr); 
        }
        @media (max-width: 975px) {
            .platform-container {
                grid-template-columns: repeat(3, 1fr); 
            }
        }
        @media (max-width: 575px) {
            .platform-container {
                grid-template-columns: repeat(2, 1fr); 
            }
            .device-icon-wrapper svg {
                width: 55px;
                height: 55px;
            }
        }