.ev {
    position: relative;
    /* padding-left: 10px;  */
  }
  
  .ev::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background-color: rgb(0, 152, 57) !important;
  }

  .border-blue {
    /*padding: 5px;  */
    box-shadow: 0 0 0 2px blue;
  }
  
  .border-black {
   /* padding: 5px;  */
    box-shadow: 0 0 0 2px black;
  }
  
  .border-red {
    /*padding: 5px; */
    box-shadow: 0 0 0 2px red;
  }
  
  .border-green {
    /*padding: 5px;  */
    box-shadow: 0 0 0 2px green;
  }

  .flag {
    position: relative;
    /*padding-left: 10px; */
  }
  
  .flag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background-color: #0069c2;
  }
  
  /* Flag badges - positioned after EV stripe */
.flag-uk::before,
.flag-sco::before,
.flag-cym::before,
.flag-eng::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /*width: 89px;
  height: 137px; */
  max-width: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Specific flag images */
.flag-uk::before { background-image: url('/images/flag-uk.png'); }
.flag-sco::before { background-image: url('/images/flag-sco.png'); }
.flag-cym::before { background-image: url('/images/flag-cym.png'); }
.flag-eng::before { background-image: url('/images/flag-eng.png'); }

.d4_style {
    text-shadow: rgb(142, 142, 142) 1px 1px 0px, rgb(135, 135, 135) 1px 2px 0px, rgb(128, 128, 128) 2px 2px 0px, rgb(121, 121, 121) 1px 1px 0px, rgba(0, 0, 0, 0.01) 0px 2px 2px, rgba(0, 0, 0, 0.02) 1px 2px 2px, rgba(0, 0, 0, 0.03) 1px 5px 5px, rgba(0, 0, 0, 0.04) 2px 11px 11px;
}

@media only screen and (max-width: 500px) {
    .flag-uk::before,
    .flag-sco::before,
    .flag-cym::before,
    .flag-eng::before {
        max-width: 20px;
    }

    .ev::before {
        width: 20px; 
    }
}

@media only screen and (max-width: 900px) {
    .flag-uk::before,
    .flag-sco::before,
    .flag-cym::before,
    .flag-eng::before {
        max-width: 25px;
    }

    .ev::before {
        width: 25px; 
    } 
}

@media only screen and (max-width: 1025px) {
  .flag-uk::before,
  .flag-sco::before,
  .flag-cym::before,
  .flag-eng::before {
      max-width: 25px;
  }

  .ev::before {
      width: 25px; 
  }
}