.shipx-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.shipx-popup-overlay.show {
  opacity: 1;
  visibility: visible;
}
.shipx-popup-overlay .shipx-popup-content {
  position: relative;
  max-width: 504px;
  width: 90%;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.shipx-popup-overlay .shipx-popup-content .shipx-popup-close {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  color: #888;
  transition: color 0.2s ease;
}

.shipx-popup-overlay .shipx-popup-content .shipx-popup-window-title-container {
  background-color: #53bbbf;
  color: #fff;
  padding: 24px;
}
@media (min-width: 768px) {
  .shipx-popup-overlay
    .shipx-popup-content
    .shipx-popup-window-title-container {
    padding: 48px;
  }
}

.shipx-popup-overlay
  .shipx-popup-content
  .shipx-popup-window-title-container
  .shipx-popup-window-title {
  font-size: 24px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .shipx-popup-overlay
    .shipx-popup-content
    .shipx-popup-window-title-container
    .shipx-popup-window-title {
    font-size: 36px;
  }
}

.shipx-popup-overlay .shipx-popup-content .shipx-popup-title {
  font-size: 16px;
  margin-bottom: 24px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .shipx-popup-overlay .shipx-popup-content .shipx-popup-title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

.shipx-popup-overlay .shipx-popup-content .shipx-popup-text-container {
  color: #222;
  padding: 24px;
}
@media (min-width: 768px) {
  .shipx-popup-overlay .shipx-popup-content .shipx-popup-text-container {
    padding: 48px;
  }
}

.shipx-popup-overlay .shipx-popup-content .shipx-popup-text {
  line-height: 1.5;
  margin-bottom: 24px;
  ul{
    list-style: none;
    padding-left: 0;
    
    li {
      position: relative;
      padding-left: 24px;
      margin-bottom: 8px;
      
      &::before {
        content: '';
        position: absolute;
        left: 0;
        top: 13px;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cg clip-path='url(%23clip0_13071_186)'%3E%3Cpath d='M11.0602 17.7975L6.81204 13.2639L5.26514 14.7134L10.9507 20.7809L22.545 10.0347L21.1075 8.47656L11.0602 17.7975Z' fill='%2353BBBF'/%3E%3Cpath d='M23.8995 4.10052C21.2552 1.45625 17.7395 0 14 0C10.2605 0 6.74475 1.45625 4.10052 4.10052C1.45625 6.74475 0 10.2605 0 14C0 17.7395 1.45625 21.2552 4.10052 23.8995C6.74475 26.5437 10.2604 28 14 28C17.7396 28 21.2553 26.5437 23.8995 23.8995C26.5438 21.2552 28 17.7395 28 14C28 10.2605 26.5438 6.74471 23.8995 4.10048L23.8995 4.10052ZM22.5529 22.5529C20.2683 24.8374 17.2309 26.0956 14 26.0956C10.7691 26.0956 7.73167 24.8374 5.44712 22.5529C3.16257 20.2683 1.90443 17.2309 1.90443 14C1.90443 10.7691 3.16257 7.73167 5.44712 5.44712C7.73167 3.16257 10.7691 1.90443 14 1.90443C17.2308 1.90443 20.2683 3.16257 22.5529 5.44712C24.8374 7.73167 26.0956 10.7691 26.0956 14C26.0956 17.2309 24.8374 20.2683 22.5529 22.5529Z' fill='%2353BBBF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13071_186'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
      }
      @media (min-width: 768px) {
        padding-left: 38px;
        margin-bottom: 24px;
        &::before {
          top: 14px;
          width: 28px;
          height: 28px;
        }
      }
    }
  }
}
@media (min-width: 768px) {
  .shipx-popup-overlay .shipx-popup-content .shipx-popup-text {
    margin-bottom: 32px;
  }
}
.shipx-popup-overlay
  .shipx-popup-content
  .shipx-popup-window-button-container
  .my-btn {
  font-size: 16px;
  padding: 0.5rem 1.5rem;
  max-width: 280px;
}
@media (min-width: 768px) {
  .shipx-popup-overlay
    .shipx-popup-content
    .shipx-popup-window-button-container
    .my-btn {
    padding: 0.7rem 2rem;
  }
}