.advertiser-embed-container {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 70vh;
    background: white;
    z-index: 9999;
    overflow: hidden;
    transition: top 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media (min-width: 821px) and (max-width: 1024px) {
   #show-advertiser-portal {
        display: none;
    }
}

.advertiser-embed-container.active {
    top: 0;
}

.advertiser-iframe {
    width: 100%;
    height: 100%;
    border: none;
}


#advertiserCloseBtn {
 position: absolute;
  top: 15px;
  right: 20px;
  background-color: #004370;
  color: white;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  z-index: 99999;
  transition: all 0.3s ease;
}

@media (max-width: 1024px) {
    .advertiser-embed-container {
        height: 60vh;
    }
}

@media (max-width: 768px) {
    .advertiser-embed-container {
        height: 80vh; 
    }
}