.why-switzerland-section {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.why-switzerland-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.radio-buttons-container {
  position: absolute;
  right: 10px; /* Adjust as necessary */
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image-toggle-radio + label {
  display: block;
  width: 90px;  /* Circle diameter */
  height: 90px; /* Circle diameter */
  background-size: cover;
  border: 8px solid rgb(247 247 247 / 50%); /* Adjust alpha for transparency */
  margin-bottom: -50px; /* To overlap */
  border-radius: 50%; /* This makes the element a circle */
  cursor: pointer;
  transition: border-color 0.3s, width 0.3s, height 0.3s;
}

.image-toggle-radio {
  opacity: 0;
}

.image-toggle-radio:checked + label {
  border-color: rgba(241, 80, 37, 0.8);
  width: 120px;
  height: 120px;
  opacity: 1;
}

@media  screen and (max-width: 1279px){
  .radio-buttons-container {
    bottom: 0;
    top: auto;
    width: 100%;
    height: 100px;
    z-index: 10;
    display: flex;
    flex-direction: row;
    justify-content: center;
    right: auto;
  }

  .image-toggle-radio + label {
    border-width: 5px !important;
    margin-left: -30px !important;
  }

  .image-toggle-radio:checked + label {
    border-width: 5px !important;
  }
}

@media  screen and (max-width: 640px){
  .image-toggle-radio + label {
    width: 60px;
    height: 60px;
  }

  .image-toggle-radio:checked + label {
    width: 80px;
    height: 80px;
  }
}

@media  screen and (min-width: 640px) and (max-width: 1279px){
  .image-toggle-radio + label {
    width: 80px;
    height: 80px;
  }

  .image-toggle-radio:checked + label {
    width: 100px;
    height: 100px;
  }
}

.why-switzerland-image {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.why-switzerland-image.active {
  display: block;
}

.details-switzerland {
  position: absolute;
  z-index: 15; /* Higher than radio-buttons-container */
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Adjust for centering */
  color: #000; /* Adjust text color as needed */
  text-align: center; /* Center the text if required */
  padding: 0px;
}