body {
            font-family: sans-serif;
            background: #f2f2f2;
        }
      .container {
    width: 93%;
    max-width: 1200px;
    margin: 0 auto;
}

        td>.ua-plate {
            margin: 0 auto;
        }

        img.banner {
            max-width: 90%;
            height: auto;
        }

        .ua-plate {
            display: flex;
            align-items: center;
            border: 2px solid #000;
            border-radius: 6px;
            width: 220px;
            height: 40px;
            background: #fff;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 30px;
            color: #000;
            padding-left: 0;
            box-shadow: inset 0 0 2px #000;
        }

        .ua-number {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            letter-spacing: 5px;
            margin-left: 0px;
            font-weight: bold;
        }

        .ua-flag {
            width: 22px;
            height: 100%;
            background: #0057B7;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
        }

        .ua-flag::before {
            content: '';
            display: block;
            width: 12px;
            height: 6px;
            margin: 9px auto 0;
            background: linear-gradient(to bottom, #70cdcd 50%, #FFD700 50%);
            border: 1px solid white;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        }

        .ua-flag .ua-text {
            position: absolute;
            bottom: 3px;
            left: 4px;
            font-size: 9px;
            color: white;
        }

        .ua-number {
            flex: 1;
            text-align: center;
            letter-spacing: 2px;
            margin-left: 0px;
            font-weight: bold;
            cursor: pointer;
        }