.dropdown {
  align-items: center;
  display: flex;
  position: relative;
}

.dropdown-main {
  display: none;
  padding-top: 20px;
  position: absolute;
  top: 25%;
  width: 100%;
  z-index: 9;
}

@media (min-width: 992px) {
  .dropdown-main {
    left: auto;
    right: 0;
    width: auto;
  }
}

.dropdown-main.active {
  display: block;
}

.dropdown-wrap {
  background-color: var(--white);
  border-radius: 30px;
  border: 1px solid #707070;
  color: var(--blue);
  font-size: 14px;
  padding: 25px;
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .dropdown-wrap {
    background-color: var(--gray-300);
    font-size: 18px;
    min-width: 500px;
  }
}

.dropdown-wrap a {
  color: var(--blue) !important;
}

.dropdown-wrap .button-primary-outline:hover {
  color: var(--white) !important;
}

.dropdown-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-wrap ul li {
  /* border-top: 1px solid var(--gray-300); */
  padding-bottom: 7px;
  padding-top: 7px;
}

@media (min-width: 992px) {
  .dropdown-wrap ul li {
    /* padding-bottom: 13px;
    padding-top: 13px; */
  }
}

.dropdown-wrap ul li:first-child {
  border-top: none;
  padding-top: 0;
}

.dropdown-wrap ul li:last-child {
  padding-bottom: 0;
}

.dropdown-menu {
  align-items: center;
  display: flex;
}

@media (min-width: 992px) {
  .dropdown-content {
    background-color: var(--white);
    border-radius: 30px;
    padding: 15px 35px;
  }
}

.dropdown-close {
  cursor: pointer;
  left: 25px;
  position: absolute;
  top: 15px;
}