/* Add custom CSS styles below */ 
:root {
    --main: #17479f;
}
.header-btn__icon.icon, .header-btn__icon, .topnav-link-item, .header-buttons, h3.mt-6.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary, p.text-base.text-store-text-primary.rtl\:text-right.ltr\:text-left, p.py-3.text-sm.text-store-text-secondary {
    color: var(--main);
}
.footer-is-custom .store-footer .footer-bottom {
    background-color: var(--main);
}
.footer-is-custom .store-footer .footer-rights p, .hover\:text-primary:hover {
    color: #FFF;
}
/* ===== Popup ===== */
#customPopup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .4s ease;
}
#customPopup h3 {
  margin-bottom: 20px;
}
#customPopup.show {
  opacity: 1;
}
#customPopupBox {
  background: #fff;
  padding: 80px 40px;
  border-radius: 12px;
  width: 90%;
  max-width: 360px;
  text-align: center;
  position: relative;
  transform: scale(.85);
  transition: transform .4s ease;
}
#customPopup.show #customPopupBox {
  transform: scale(1);
}
#customPopupClose {
  position: absolute;
  top: 10px;
  left: 15px;
  cursor: pointer;
  font-size: 22px;
}
/* ===== Widget ===== */
#popupWidget {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--main);
  color: #fff;
  padding: 12px 16px;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  z-index: 999998;
  font-weight: bold;
}