#package_tables {
  margin-top: 10em;
}

#packages {
  padding: 10rem 0 0rem 0;
  overflow: hidden;
}
#packages .disclaimer {
  margin-bottom: 0;
}
#packages h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 8rem;
  font-size: 3.4em;
  color: #9e701b;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0em;
}
#packages h4 .price {
  font-family: "Brygada 1918";
  font-weight: 700;
  font-size: 0.8em;
  color: #010302;
}
#packages ._table {
  display: grid;
  grid-template-columns: repeat(3, 31%);
  justify-content: space-between;
}
#packages ._sdata {
  font-size: max(14px, 1.4em);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6em;
  position: relative;
  border-bottom: solid 1px #999;
  padding: 1em 0;
  width: 100%;
}
#packages ._sdata ._text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
#packages ._sdata ._text ._icons {
  transition: font-size 0.3s ease-out;
}
#packages ._sdata ._text label {
  cursor: pointer;
}
#packages ._sdata ._text:hover {
  color: hsl(38, 41%, 64%);
}
#packages ._sdata:hover {
  color: #9e701b;
}
#packages ._sdata:hover ._bubble {
  visibility: visible;
  opacity: 1;
}
#packages ._pack_1 label {
  color: #010302;
}
#packages ._pack_2 label {
  color: #010302;
}
#packages ._pack_3 label {
  color: #010302;
}
#packages ._pack_3 ._bubble {
  right: 15%;
}
#packages label {
  font-weight: 700;
}
#packages .best_icon {
  position: absolute;
  font-size: 2.4em;
  top: -2.5em;
  padding-bottom: 2em;
  color: #010302;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 0.5em;
}
#packages .best_icon span {
  order: 0;
}
#packages .best_icon::before {
  content: " ";
  display: block;
  width: 2em;
  height: 2em;
  border-radius: 100%;
  background-color: #9e701b;
  box-shadow: rgba(0, 0, 0, 0.6) 0 0 1em 0;
  order: 2;
}
#packages ._col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3em 3em;
  border: solid 2px #010302;
  border-radius: 2em;
}
#packages ._col.best_value {
  background: #f9f9f9;
  box-shadow: rgba(0, 0, 0, 0.65) 0em 2em 4em -2em;
}
#packages ._col.best_value ._sdata._text {
  border-bottom: solid 1px #999;
}
#packages ._icon {
  font-size: 2em;
}
#packages ._icon._check {
  color: #327e40;
}
#packages ._icon._cross {
  color: #e21c1c;
}
#packages .btn {
  margin-top: auto;
  border-color: #9e701b;
  color: #9e701b;
}
#packages .btn:hover {
  color: #ffffff;
  background-color: #9e701b;
}
#packages ._margin {
  margin-top: 5em;
}
#packages ._bubble {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 115%;
  padding: 2em;
  font-size: max(14px, 0.6em);
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0em 1.2em;
  border-radius: 1.2em;
  top: -17%;
  right: -119%;
  z-index: 10;
  color: #010302;
}
#packages ._bubble ._description {
  display: flex;
  flex-direction: column;
  gap: 1em;
  line-height: 1.35;
}
#packages ._bubble ._description h3 {
  color: #9e701b;
  font-weight: 700;
}

@media (max-width: 980px) {
  #packages ._table {
    grid-template-columns: 1fr;
    gap: 9em;
  }
  #packages ._bubble {
    top: -17%;
    right: 9%;
    width: max(40vw, 45%);
  }
  #packages h4 {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
  #packages {
    padding: 5rem 0;
  }
}
@media (max-width: 980px) {
  #packages {
    padding: 5rem 0;
  }
  #packages .btn {
    width: 100%;
  }
  #package_tables {
    margin-top: 6vw;
  }
}/*# sourceMappingURL=packages.css.map */