.nextMatchBlock {
  width: 100%;
  margin: auto;
  margin-top: 60px;
  box-sizing: border-box;
}

.nextMatchBlock_Block {
  position: relative;
  background: rgb(0, 0, 0);
  background: linear-gradient(149deg, var(--Hittarp-svart) 68%, var(--Hittarp-red1) 68%);
  width: 95%;
  margin: auto;
  box-sizing: border-box;
  max-width: 1280px;
  border-radius: 8px;
  padding: 24px 65px 40px 65px;
  min-height: 300px;
}

.nextMatchBlock_header h3 {
  color: var(--Hittarp-vit);
  font-family: Anton;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  margin: 0;
  padding: 5px 0px;
  display: inline-block;
  border-bottom: 2px solid var(--Hittarp-red1);
}

.nextMatchBlock_Tab h4 {
  color: var(--Hittarp-vit);
  font-family: Anton;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  margin: 0;
  text-transform: uppercase;
}

.nextMatchBlock_Tab p {
  color: var(--Hittarp-vit);
  font-family: "Glacial Indifference";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.36px;
  margin: 0;
  margin-bottom: 16px;
}

.tabs button {
  border: unset;
  color: var(--Hittarp-vit);
  background-color: transparent;
  padding: 10px;
  font-family: Oswald;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1.08px;
  border-radius: 4px;
}

.location::before {
  position: relative;
  top: 2px;
  left: -2px;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 1.5C7.85953 1.5 4.5 4.52391 4.5 8.25C4.5 14.25 12 22.5 12 22.5C12 22.5 19.5 14.25 19.5 8.25C19.5 4.52391 16.1405 1.5 12 1.5ZM12 12C11.4067 12 10.8266 11.8241 10.3333 11.4944C9.83994 11.1648 9.45542 10.6962 9.22836 10.1481C9.0013 9.59987 8.94189 8.99667 9.05764 8.41473C9.1734 7.83279 9.45912 7.29824 9.87868 6.87868C10.2982 6.45912 10.8328 6.1734 11.4147 6.05764C11.9967 5.94189 12.5999 6.0013 13.1481 6.22836C13.6962 6.45542 14.1648 6.83994 14.4944 7.33329C14.8241 7.82664 15 8.40666 15 9C14.9991 9.79538 14.6828 10.5579 14.1204 11.1204C13.5579 11.6828 12.7954 11.9991 12 12Z" fill="white"/></svg>');
}

.tablinks.active {
  background-color: var(--Hittarp-red1);
  border: unset;
  /* color: var(--Hittarp-vit); */
}

.nextMatchBlock_top {
  display: grid;
  grid-template-columns: 325px auto;
}
.nextMatchBlock_data {
  display: grid;
  grid-template-columns: 325px auto;
  margin-top: 45px;
}

.nextMatchBlock_data_right {
  padding-left: 44px;
  display: grid;
  grid-template-columns: 300px auto;
}
.nextMatchBlock_data_right .data_right {
  display: flex;
  justify-content: end;
  align-items: end;
}

.nextMatchBlock_data_right .data_right button {
  background-color: var(--Hittarp-svart);
  color: var(--Hittarp-vit);
  font-family: "Glacial Indifference";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  border: 1px solid var(--Hittarp-vit);
  padding: 10px 15px;
  border-radius: 6px;
}

.nextMatchBlock_data_right > p {
  font-family: Oswald;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.08px;
}

.nextMatchBlock_header {
}

/* Adjust for tablets */
@media (max-width: 1024px) {

  .nextMatchBlock {
    margin-top: 30px;
  }

  .nextMatchBlock_top{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .nextMatchBlock_data{
    grid-template-columns: 1fr;
    margin-top: 10px;
  }

  .nextMatchBlock_data_right{
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .nextMatchBlock_header h3 {
  padding-bottom: 0px;
  }

  .nextMatchBlock_Tab h4 {
  font-size: 25px;
  }

  .nextMatchBlock_Block {
    width: 95%; /* Expand to full width */
    padding: 20px; /* Add horizontal padding for smaller screens */
  }

  .nextMatchBlock_Tab h3 {
    font-size: 20px; /* Reduce font size for the heading */
    margin-bottom: 15px; /* Add spacing below heading */
  }

  .nextMatchBlock_Tab p {
        margin-bottom: 20px; /* Adjust bottom margin */
  }
}

/* Adjust for mobile screens */
@media (max-width: 768px) {
  .nextMatchBlock_Block {
    padding: 10px; /* Add smaller horizontal padding */
  }

  .nextMatchBlock_Tab h3 {
    font-size: 18px; /* Further reduce font size */
    margin-bottom: 10px; /* Adjust bottom margin */
  }

  .nextMatchBlock_Tab p {
    margin-bottom: 15px; /* Further adjust bottom margin */
  }
}