.no-wrap {
  white-space: nowrap;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flag {
  /*border-radius: 4px;*/
  /*border: 1px solid #dee2e6;*/
  /*margin-bottom: 32px;*/
  padding: 8px;
  width: 60%;
}

.flag-p {
  /*border-radius: 4px;*/
  /*border: 1px solid #dee2e6;*/
  /*margin-bottom: 32px;*/
  margin-top: 20px;

}

.flag-country {
  width: 15%;
  border-bottom: 1px solid #e9ecef;
}

.flag-img {
  width: 15%;
  aspect-ratio: 4 / 3;
  border: 1px solid #e9ecef;
  /*border-radius: 2px;*/
  overflow: hidden;
}


@media (max-width: 768px) {
  .flag {
    /*border-radius: 4px;*/
    /*border: 1px solid #dee2e6;*/
    /*margin-bottom: 32px;*/
    padding: 8px;
  }
  .flag-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    border: 1px solid #e9ecef;
    /*border-radius: 2px;*/
    overflow: hidden;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {

  .flag-img {
    width: 20%;
    aspect-ratio: 4 / 3;
    /*border: 1px solid #e9ecef;*/
    /*border-radius: 2px;*/
    overflow: hidden;
  }

}
@media (min-width: 768px) and (max-width: 1024px) {
  .flag {
    /*border-radius: 4px;*/
    /*border: 1px solid #dee2e6;*/
    /*margin-bottom: 32px;*/
    padding: 8px;
  }
  .flag-img {
    width: 20%;
    aspect-ratio: 4 / 3;
    /*border: 1px solid #e9ecef;*/
    /*border-radius: 2px;*/
    overflow: hidden;
  }

}



.flag-code {
  color: #343a40;
  margin-right: 6px;
  font-weight: 600;
}