/* FORCE POPUP VISIBILITY FIX */
.award-popup {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;

  transform: translate(-50%, -50%)  !important;

  width: min(990px, 90%) !important;
  max-height: 90vh !important;
  height: 100vh;


  z-index: 9999999999 !important;

  display: block !important; /* 🔥 IMPORTANT */
  opacity: 0;
  visibility: hidden;
  background: #fbfaf8;
    border: 2px solid #c58a22;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.38);
}

/* ACTIVE STATE */
.award-popup.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%)  !important;
}

/* OVERLAY */
.award-popup  main.content{  overflow-y: auto !important; height: 100%;}

/* MAIN BOX */
.uk-pop-box{
  width:1100px;
  max-width:100%;
  display:flex;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,#081a2e,#0d2c4d);
  color:#fff;
  position:relative;height: 100%;overflow-y: auto;
}

/* CLOSE */
.uk-pop-close{
  position:absolute;
  top:15px;
  right:20px;
  font-size:28px;
  cursor:pointer;
}

/* LEFT */
.uk-pop-left{
  width:60%;
  padding:40px;

  background: url(vs-img/big-ben.jpg) no-repeat center right; background-size: cover;
  position:relative;
}

.uk-pop-left::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,20,40,0.55);
}

.uk-pop-content{
  position:relative;
  z-index:2;
}

/* LOGO */
.uk-pop-logo img{ 
  max-width: 200px !important;
}

.uk-pop-logo span{
  color:#f4b84a;
}

.uk-pop-tag{
  font-size:13px;
  color:#f4b84a;
}

/* HEADING */
.uk-pop-heading{
  margin-top:20px;
  font-size:32px;
  line-height:1.3;font-family: 'Playfair Display', serif;text-align: left!important;color:#fff
}

.uk-pop-heading span{
  color:#f4b84a;
}

/* TEXT */
.uk-pop-text{
  margin-top:10px;
  font-size:14px;
  color:#ddd;
  line-height:1.6;
}

/* FEATURES */
.uk-pop-features{
  display:flex;
  gap:25px;
  margin-top:30px;
}

.uk-pop-feature{
  flex:1;
  font-size:13px;   color:#fff;
}
.uk-pop-feature p {
    color: #fff;
    font-size: 12px;
}

.uk-pop-feature h4 {
    font-size: 16px; color: #fff;
}
.uk-pop-icon {
        margin-bottom: 8px;
    aspect-ratio: 1;
    width: 50px;
    height: 50px;
    padding: 10px;
    border: solid 1px #f4b84a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* THANKS */
.uk-pop-thanks{
  margin-top:15px;
  color:#f4b84a;
  font-style:italic;
}

/* RIGHT */
.uk-pop-right{
  width:40%;
  padding:30px;
  background:#0a1d2f;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

/* CARD */
.uk-pop-card{
  background:#fff;
  color:#000;
  border-radius:14px;
  padding:25px;
  text-align:center;
  width:100%;
}

.uk-pop-card h2{
  margin:5px 0;
}

/* DATE */
.uk-pop-date{
  margin-top:25px;
  font-size:26px;
  color:#f4b84a;
}

/* STARS */
.uk-pop-stars{
  margin-top:10px;
  color:#f4b84a;
  font-size:22px;
  letter-spacing:5px;
}

/* FOOTER */
.uk-pop-footer{
  margin-top:15px;
  text-align:center;
  font-size:18px;
}

.uk-pop-footer span{
  color:#ccc;
}
.award-popup button.close {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 32px;
  cursor: pointer;  z-index: 99; opacity: 1;color:#fff; font-weight: 400;}
  .uk-pop-heading strong {
    color: #f4b84a; font-weight: 700; font-size: 34px;}

.uk-pop-feature {position: relative; }
.uk-pop-feature::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:1px;
  height:100%;
  background:linear-gradient(
    to bottom,
    transparent,
    #f4b84a,
    transparent
  );
}

.uk-pop-features .uk-pop-feature:last-child::after{
  display:none;
}

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

.uk-pop-thanks {
  font-family: 'Great Vibes', cursive;
  font-size: 32px;
  line-height: 1.5;
  color: #f4b84a;letter-spacing: 2%;
}

/* MAIN CARD */
.uk-pop-rt-award{
  width:380px;
  background:#061a2c;
  border-radius:18px;
  border:2px solid #f4b84a;
  overflow:hidden;
  color:#fff;
  font-family: 'Segoe UI', sans-serif;
}

/* TOP SECTION */
.uk-pop-rt-card{
  background:#f2f2f2;
  color:#0b2239;
  text-align:center;
  padding:15px 20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}

.uk-pop-rt-card h5{
  font-size:16px;
  letter-spacing:2px;
  margin-bottom:5px;
}

.uk-pop-rt-card h2{
  font-size:34px;
  font-weight:700;
}

.uk-pop-rt-line{
  width:60px;
  height:3px;
  background:#f4b84a;
  margin:15px auto;
  border-radius:3px;
}

.uk-pop-rt-card p{
  font-size:16px;
  line-height:1.5;
}

/* BOTTOM */
.uk-pop-rt-bottom{
  padding:30px 20px 0;
  text-align:center;
  position:relative;background: url(vs-img/uk-landmarks.jpg) bottom center/contain no-repeat;
}

/* DATE */
.uk-pop-rt-date{
  color:#f4b84a;
  font-size:32px;
  font-weight:600;
}

.uk-pop-rt-date-line{
  width:50px;
  height:3px;
  background:#f4b84a;
  margin:10px auto 15px;
  border-radius:3px;
}

/* STARS */
.uk-pop-rt-stars{
  color:#f4b84a;
  font-size:22px;
  letter-spacing:6px;
}

/* SKYLINE IMAGE */
.uk-pop-rt-skyline{
  margin-top:20px;
  height:160px;
  background:url('YOUR-IMAGE-HERE.png') bottom center/contain no-repeat;
}

/* OPTIONAL GOLD GLOW */
.uk-pop-rt-stars{
  text-shadow:0 0 10px rgba(244,184,74,0.6);
}

.uk-pop-rt-date{
  text-shadow:0 0 12px rgba(244,184,74,0.4);
}
.uk-pop-rt-card img {
    max-width: 100%;
}
@media (max-width:749px) {
  .uk-pop-box{flex-direction:column}
   .uk-pop-box > *{min-width:100%}
   .uk-pop-left, .uk-pop-right{width:100%}
}