/*************

Popup styles

**************/

.custom-popup-component {
  width: 426px;
  background: #ffffff;
  clear: both;
  display: none;
  box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.3);
}

.custom-popup-component.is-active {
  display: block;
}

.custom-popup-head {
  background: var(--orange);
  color: #ffffff;
  padding: 10px 34px 10px 20px;
  font-size: 13px;
  line-height: 13px;
  font-family: var(--font-andes-bold);
  display: flex;
  align-items: center;
  height: 38px;
  text-transform: uppercase;
  position: relative;
}

.custom-popup-head .popup-close {
  width: 14px;
  height: 14px;
  background: url(/themes/custom/knomad/components/pages/inner-common/css/../img/popup/close_popup.png) no-repeat center center transparent;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.custom-popup-content {
  padding: 30px 20px;
  width: 100%;
}

.custom-popup-content-inner {
  max-height: 347px;
  overflow: hidden;
}