#winner-popup.popup-wrapper.js-popup,
div#waitlist-popup.popup-wrapper.js-popup,
div#join-popup.popup-wrapper.js-popup {
    font-family: "Inter", sans-serif;
}

.popup-wrapper {
  pointer-events: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: 250ms ease-in-out all;
}
.popup-wrapper.is-open {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

/* global styling */

.popup {
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #ffffff;
    border-radius: 32px;
}

.popup__inner {
    overflow: auto;
    max-height: 100vh;
}

.popup__close {
    position:absolute;
    padding:0;    

    border:none;
    background:#fff;        
    cursor:pointer;

    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__close svg{
    width:58%;
    height:58%;
}

.main-popup-column {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
}

.popup_column{
    height: auto;
}

#join-popup .popup__intro_title .ubverse__title {
	font-family: 'Apfel Grotezk';
    text-align: center;
    color: #263040;

    letter-spacing: unset;
    letter-spacing: 0px;

    line-height: unset;
    line-height: normal;

    font-size: unset;
}

#join-popup .popup__form .popup__form_heading.not-joined {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
}

.popup__form .popup__form_heading h3 {
    font-weight: 500;
    color: #515966;
	text-align: center;
}

#join-us-form.join-form.form {
	display: flex;
	justify-content: space-between;
	flex-direction: column;

}

.join-form .form__input input {
    border: 1px solid #E2E8F0;
    background: #f7f7f7;
	outline: none;
	width: 100%;
    

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

	color: #262626;
	font-weight: 500;
}

.join-form .form__input input::placeholder {
	color: rgba(38, 38, 38, 0.5);
	font-weight: 500;
	letter-spacing: 0.16px;
}

.join-form .form__input input::-moz-placeholder {
	color: rgba(38, 38, 38, 0.5);
	font-weight: 500;
	letter-spacing: 0.16px;
}

.form__error {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup_form_message {
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 500;
    line-height: normal;
    text-align: center;

    opacity: 0;
    visibility: hidden;
    background: transparent;
    color: transparent;
    transition: all 0.2s ease;
}

p.popup_form_message.fail-message {
    opacity: 1;
    visibility: visible;
    background: #FFF3F3;
    color: #FF0000;
}

#join-popup .button.submit_data {
    margin: 0;
    font-weight: 500;          
    letter-spacing: 0.32px;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal; 
    line-height: 100%;   
}

.popup__form_heading .toggle_headings{
	text-align: center;
    font-weight: 500;
    letter-spacing: 0;
	cursor: pointer;
    color: #066BF0;
    text-decoration: none;
}

 /* GLOBAL LOGIN CSS */
.special-access{
    border: 1px solid #E2E8F0;
}

.special-access-header {
    display: flex;
    text-align: left;
    align-items: center;
}

.special-access-header .headings{
    display: flex;
    flex-direction: column;
}

.special-access-header .headings h3 {
    text-align: left;
    color: #1d1d1d;
    font-weight: 600;
}

.special-access-header .headings h4 {
    font-weight: 500;
    color: #515966;
    text-align: left;
    text-decoration: none;
}

ul.list-items li {
    font-weight: 600;
    color: #515966;
    position: relative;
}
ul.italic.list-items li{
    font-style: italic;
}
ul.list-items li::before {
    content: "●";
    color: #1D1D1D;
    position: absolute;
    top: 11%;

}
ul.list-items li span {
    font-weight: 700;
    color: #1D1D1D;
}

.want-attent {
    font-weight: 600;
    color: #066BF0;
    text-align: center;
}

.link-with-icon span.arrow-icon svg {
    display: inline-block;
}

/* GLOBAL WAITLIST */

#waitlist-popup .popup__content {
    height: auto;
}

#waitlist-popup .popup__separator {
  display: block;
  width: 100%;
}

#waitlist-popup .popup__separator img {
  display: block;
  width: 100%;
  height: auto;
}

#waitlist-popup .popup__intro_title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#waitlist-popup .popup__intro_title .ubverse__title{
    font-family: 'Apfel Grotezk';
    text-align: center;
    color: #263040;

    letter-spacing: unset;
    letter-spacing: 0px;

    line-height: unset;
    line-height: normal;

    font-size: unset;
}
 
#waitlist-popup .popup__intro_title .ubverse__subtitle{
    text-align: center;
    font-weight: 500;
    color: #263040;
	letter-spacing: 0;
}

#waitlist-popup .ubverse__subtitle span {
    color: #066BF0;
}

#waitlist-popup .copy-link-heading{
    font-weight: 500;
	color: #515966;
}

#waitlist-popup .referral-link-share{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#waitlist-popup .popup___refer-code{
	display: flex;
    border: 2px solid #E2E8F0;
    justify-content: space-between;
    background: #F7F7F7;
	align-items: center;
}

#waitlist-popup .popup___refer-code__input {
    width: 90%;
}

#refer-code {
    pointer-events: none;
    font-weight: 400;
	border: 0;
	padding: 0;
	white-space: nowrap;
    overflow: hidden;
    position: relative;
}

#refer-code::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f7f7f7 100%);
	pointer-events: none;
}

#waitlist-popup .popup___refer_copy{
	width: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#refer-copy{
	cursor: pointer;
}

.share-to-social-media {
    cursor: pointer;
}

ul.popup__list__social {
    display: flex;
    justify-content: center;
    align-items: center;
}

#waitlist-popup .tabs {
	width: 100%;
    justify-content: center;
    margin: 0 auto;

    background: #F7F7F7;
    border: 1px solid #E2E8F0;
	display: flex;
}

#waitlist-popup .tabs .tab-link {
    border: none;
    color: #066BF0;

    font-weight: 600;
    text-transform: uppercase;
    text-align: center;

	display: flex;
	justify-content: center;
	align-items: center;
}

#waitlist-popup .tabs .tab-link.active {
    background: #263040;
    color: #fff;
}

#waitlist-popup .tab-content {
    display: none;
}

#waitlist-popup .tab-content.active {
    display: block;
}


/* GLOBAL LEADERBOARD CSS */

#leaderboard-tab .referral-box {
	display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #e5e7eb;
}

#leaderboard-tab .referral-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

#leaderboard-tab .current-referrals-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#leaderboard-tab .referral-header-titles {
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0px;
}

#leaderboard-tab .popup__separator {
  display: block;
  width: 100%;
}

#leaderboard-tab .popup__separator img {
  display: block;
  width: 100%;
  height: auto;
}

#leaderboard-tab .progress-container {
	position: relative;
    height: auto;
}

#leaderboard-tab .current-positions-container {
	position: relative;
    height: auto;
}

#leaderboard-tab .current-positions {
    position: absolute;
    white-space: nowrap;
	font-weight: 500;
}

#leaderboard-tab .progress-bar {
    background-color: #e5e7eb;
    position: relative;
}

#leaderboard-tab .progress-fill {
    width: 30%;
    background-color: #2563eb;
    position: relative;
}

#leaderboard-tab .progress-check {
    position: absolute;
    background-color: #2563eb;
    border: 1px solid white;
   
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 50%;
}

#leaderboard-tab .progress-marker {
    position: absolute;

    transform: translateX(-50%);
    background-color: white;
    border: 2px solid #d1d5db;
    border-radius: 50%;
}

#leaderboard-tab .progress-labels {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    color: #263040;
}

span.start-label {
    transform: translateX(35%);
}
span.end-label {
    white-space: nowrap;
    transform: translateX(-55%);
}

#leaderboard-tab .position-label {
    position: absolute;
    transform: translateX(-50%);
    font-weight: 500;
    color: #263040;
    white-space: nowrap;
    background-color: #fff;
    text-align: center;
    z-index: 2;
}

#leaderboard-tab .referral-footer {
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}
#leaderboard-tab .referral-footer span {
    color: #1D1D1D;
    font-weight: 600;
}

#leaderboard-tab .draw-dates {
	display: flex;
	justify-content: space-between;
	text-align: center;
	width: 100%;
	border: 1px solid #E2E8F0;
	background: #F7F7F7;
	align-items: center;
}

#leaderboard-tab .date-item {
    font-weight: 400;
    color: #515966;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

#leaderboard-tab .date-item span.date-value{
    font-weight: 600;
}

#leaderboard-tab .current-position-icon {
    position: absolute;
}

#leaderboard-tab .link-with-icon a,
.popup__form_link a {
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #066BF0;
    text-decoration: none;
    display: inline-block;
    text-decoration: none;
}

#leaderboard-tab span.arrow-icon {
    display: inline-block;

}

#leaderboard-tab .popup__form_link {
    text-align: center;
    vertical-align: middle;
}

/* ALL STYLING EXCEPT FOR WINNERS TABLE */

/* For mobile phones - */
@media (max-width: 767px) {
    /* JOIN US CODE */
    .popup {
        width: clamp(343px, 91.47vw, 567.09px);
        height: auto;
        border-radius: clamp(16px, 2vw, 26.45px);
    }

    .popup__close {
        top: clamp(10px, calc(2.55vw - 0.56px), 16px);
        right: clamp(10px, calc(2.55vw - 0.56px), 16px);
        width: clamp(20px, calc(5.47vw - 0.5px), 33.07px);
        height: clamp(20px, calc(5.47vw - 0.5px), 33.07px); 
    }

    .popup_column {
        width: clamp(311px, 85vw, 514.19px);
        margin-top: clamp(24px, 3vh, 39.68px);
    }

    #join-popup .popup__intro_title .ubverse__title {
        font-size: clamp(20px, calc(9.231vw - 14.62px), 33.07px);
        letter-spacing: clamp(-0.5px, -0.05vw, -0.6px);
        margin-bottom: clamp(24px, 3vh, 39.68px);
    }

    #join-popup .popup__form .popup__form_heading.not-joined {
        width: clamp(311px, 85vw, 514.19px);
    }

    .popup__form .popup__form_heading h3 {
        font-size: clamp(10px, calc(2.564vw - 0.96px), 14px);
        margin-bottom: clamp(12px, calc(1.796vh + 0.02px), 20px);
    }

    #join-us-form.join-form.form {
        gap: unset;
        width: clamp(311px, 85vw, 514.19px);
    }

    #join-us-form .form__input {
        margin-bottom: clamp(16px, calc(2.396vh + 0.03px), 26.45px);
    }

    #join-us-form .form__input:nth-of-type(3) {
        margin-bottom: 0 !important;
    }

    .join-form .form__input input {
        border-radius: clamp(40px, calc(5.989vh + 0.08px), 66.13px);
        padding: clamp(12px, calc(1.796vh - 0.985px), 18px) clamp(16px, 4.267vw, 24px);
        font-size: clamp(12px, calc(3.077vw + 0.46px), 16px);
        letter-spacing: 0.16px;
        height: clamp(39px, calc(6.154vw + 15.923px), 52px);
    }

    .join-form .form__input input::placeholder {
        font-size: clamp(12px, calc(3.2vw), 17px);
    }

    .join-form .form__input input::-moz-placeholder {
        font-size: clamp(12px, calc(3.2vw), 17px);
    }
    
    .form__error {
        height: clamp(28px, calc(6.293vw - 2.25px), 46px);
    }

    .popup_form_message {
        width: unset;
        width: 90%;
        padding: 6px;
        font-size: clamp(7px, calc(2.225vw - 1.34px), 11.57px);
        border-radius: 4.6px;
    }


    #join-popup .button.submit_data {
        height: clamp(39px, calc(6.154vw + 15.923px), 52px);
        min-height: unset;
        font-size: clamp(12px, calc(3.077vw + 0.46px), 16px);    
    }

    .popup__form_heading .toggle_headings{
        font-size: clamp(10px, calc(6.28vw - 13.55px), 16px);
        margin-top: clamp(16px, calc(6.28vw - 7.55px), 26.45px);
        margin-bottom: clamp(24px, calc(6.28vw - 0.3px), 39.68px);
    }

    /* LOGIN CSS */
    .special-access{
        border-radius: clamp(8px, calc(2.132vw + 0.02px), 13.23px);
        padding: clamp(12px, calc(2.133vw + 4px), 18px) clamp(10px, calc(1.6vw + 4px), 16px);
    }

    .special-access-header {
        gap: clamp(8px, calc(2.132vw + 0.02px), 13.23px);
        margin-bottom: clamp(8px, calc(2.132vw + 0.02px), 13.23px);
    }

    .special-access-image{
        width: clamp(30px, calc(8.163vw + -0.612px), 49.6px);
        height: clamp(30px, calc(8.163vw + -0.612px), 49.6px);
    }

    .special-access-header .headings{
        gap: clamp(4px, calc(1.067vw + 0.002px), 6.61px);
    }

    .special-access-header .headings h3 {
        font-size: clamp(11px, calc(4.133vw + -4.55px), 18.19px);
        line-height: normal;
        margin: 0;
        letter-spacing: normal;
    }

    .special-access-header .headings h4 {
        margin: 0px;
        letter-spacing: 0.18px;
        font-size: clamp(9px, calc(2.883vw - 1.81px), 14.88px);
        line-height: normal;
    }

    .list-items:nth-of-type(1) {
        margin-top: clamp(8px, calc(2.132vw + 0.02px), 13.23px);
    }

    ul.list-items li {
        font-size: clamp(9px, calc(2.883vw - 1.81px), 14.88px);
        line-height: normal;
        letter-spacing: 0px;
        padding-left: clamp(7.5px, 1.1vw, 20px)
    }

    ul.list-items li:not(:last-child) {
        margin-bottom: clamp(4px, calc(1.2vw + -0.5px), 6.81px);
    }
  
    ul.list-items li::before {
        font-size: clamp(7px, calc(1.923vw - 0.22px), 10px);
        margin-left: clamp(-8px, calc(-2.18vw + 0.175px), -13.23px);
    }

    .want-attent {
        font-size: clamp(10px, calc(2.55vw + 0.437px), 16px);
        margin-top: clamp(10px, calc(2.55vw + 0.437px), 16px);
    }

    .link-with-icon span.arrow-icon svg {
            width: clamp(8px, calc(2.132vw + 0.02px), 13.23px);
    }

    .signup-form {
        margin-top: clamp(20px, calc(-10.2vw + 83.25px), 46px);
    }

    /* WAITLIST STYLING */
    #waitlist-popup .popup__intro_title {
        margin-bottom: clamp(16px, calc(4.26vw - 0.05px), 20px);
        gap: clamp(12px, calc(4.26vw - 3.05px), 16px);
    }

    #waitlist-popup .popup__intro_title .ubverse__title{
        font-size: clamp(20px, calc(3.81vw + 5.71px), 24px);
    }
    
    #waitlist-popup .popup__intro_title .ubverse__subtitle{
        width: 100%;
        font-size: clamp(12px, calc(4.26vw - 3.05px), 16px);
    }

    #waitlist-popup .copy-link-heading{
        font-size: clamp(9px, calc(3.16vw + -2.85px), 12px);
        letter-spacing: 0%;
    }

    #waitlist-popup .referral-link-share{ 
        margin-top: clamp(16px, calc(4.26vw - 0.05px), 20px);
        gap: clamp(12px, calc(4.26vw - 3.05px), 16px);
    }

    #waitlist-popup .popup___refer-code{
        border-radius: clamp(40px, calc(19.05vw - 31.67px), 60px);
        padding: clamp(12px, calc(3.8vw + -2.25px), 16px) clamp(16px, calc(3.8vw + -0.25px), 20px);
        width: 100%;
        height: clamp(39px, calc(9.524vw - 17.62px), 49px);
        margin: 0;

        border: 1px solid #E2E8F0 !important;
    }

    #refer-code {
        font-size: clamp(11px, calc(1.905vw + 3.86px), 13px);
    }
    #refer-code::after{
        width: clamp(30px, calc(7.619vw - 0.57px), 38px);
    }

    #refer-copy{
        width: clamp(18px, calc(3.81vw + 3.71px), 22px);
        height: clamp(18px, calc(3.81vw + 3.71px), 22px);
    }

    .share-to-social-media {
        width: clamp(28px, calc(9.523vw - 7.712px), 38px);
        height: clamp(28px, calc(9.523vw - 7.712px), 38px);
    }

    ul.popup__list__social {
        gap: clamp(12px, calc(4.26vw - 3.05px), 16px);
    }

    #waitlist-popup .special-access{
        margin-top: clamp(24px, calc(5.714vw + 2.57px), 30px);
        margin-bottom: clamp(16px, calc(4.26vw - 0.05px), 20px);
    }

    #waitlist-popup .tabs {
        max-width: clamp(242px, calc(64.76vw - 1.86px), 310px);
        height: clamp(36px, calc(8.38vw - 2.41px), 44px);
        border-radius: clamp(28px, calc(7.62vw - 0.575px), 36px);
        padding: 4px;

        margin-top: clamp(16px, calc(4.26vw - 0.05px), 20px);
        margin-bottom: clamp(24px, calc(5.714vw + 2.57px), 30px);
    }

    #waitlist-popup .tabs .tab-link,
    #waitlist-popup .tabs .tab-link.active {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        font-size: clamp(8px, calc(2.857vw - 2.714px), 11px);

        border-radius: clamp(20px, calc(4.191vw + 4.283px), 24px);
        width: clamp(115px, calc(29.52vw + 4.2px), 146px);
    }

    /* Leaderboard CSS */

    #leaderboard-tab .referral-box {
        width: 100%;
        margin-top: clamp(16px, calc(3.684vw + 2.2px), 24px);
        
        border-radius: 10px;
        padding: clamp(16px, calc(2.5vw + 4px), 20px) clamp(12px, calc(1.5vw + 3px), 14px);
        gap: clamp(16px, calc(4.211vw + 0.82px), 24px);
    }

    #leaderboard-tab .popup__intro_title .ubverse__subtitle{
        width: 100%;
        font-size: clamp(12px, calc(4.26vw - 3.05px), 16px);
    }

    #leaderboard-tab .referral-header {
        margin-bottom: 32px;
    }

    #leaderboard-tab .current-referrals-content{
        width: 93.5691318%;
        margin-bottom: 24px;
    }

    #leaderboard-tab .referral-header-titles {
        font-size: clamp(10px, calc(2.105vw + 0.123px), 14px);
    }

    #leaderboard-tab .progress-container {
        width: 93.5691318%;
    }

    #leaderboard-tab .current-positions {
        top: -25px;
        font-size: clamp(8px, calc(1.316vw + 3.06px), 10px);
    }

    #leaderboard-tab .progress-bar {
        height: clamp(6px, calc(1.053vw + 2.05px), 8px);
        border-radius: 4px;
    }

    #leaderboard-tab .progress-fill {
        height: clamp(6px, calc(1.053vw + 2.05px), 8px);
        border-radius: 4px;
    }

    #leaderboard-tab .progress-check {
        font-size: clamp(8px, calc(1.316vw + 3.06px), 10px);

        top: -5px;
        left: 7%;
        width: 16px;
        height: 16px;
    }

    #leaderboard-tab .progress-marker {
        top: -5px;
        left: 80%;
        width: 16px;
        height: 16px;
        border: 1px solid #d1d5db !important;
    }

    #leaderboard-tab .check-icon {
        width: 8 !important;
        height: auto;
        stroke-width: 2px;
    }

    #leaderboard-tab .progress-labels {
        margin-top: 6.4px;

        font-size: clamp(8px, calc(1.316vw + 3.06px), 10px);
        line-height: 20px;
    }

    #leaderboard-tab .referral-footer {
        margin-top: 0px;
        font-size: clamp(11px, calc(2.105vw + 3.11px), 14px);
    }
  
    #leaderboard-tab .draw-dates {
        border-radius: 8px;
        padding: clamp(12px, calc(4.26vw - 3.05px), 16px);
        margin-top: 24px;
        height: clamp(31px, calc(2.105vw + 23.11px), 39px);
    }

    #leaderboard-tab .date-item {
        font-size: clamp(10px, calc(1.6vw + 4px), 12px);
    }

    #leaderboard-tab .current-position-icon {
        top: -12.8px;
        left: 99%;
        width: 6px;
    }

    #leaderboard-tab .link-with-icon a,
    .popup__form_link a {
        font-size: clamp(11px, calc(2.105vw + 3.11px), 14px);
    }

    #leaderboard-tab span.arrow-icon {
        width: clamp(8px, calc(1.316vw + 3.06px), 10px);

    }

    #leaderboard-tab .popup__form_link {
        padding: 16px 0;
        margin-top: 8px;
    }

}
/* for tablets/small computers */
@media (min-width: 768px) and (max-width: 1400px) {
    .popup {
        width: 720px;
        height: auto;
        border-radius: 25.6px;
    }

    .popup__close {
        top:19px;
        right:19px;
        width:32px;
        height:32px;
    }

    .popup_column{
        width: 640px;
        margin-top: 40px;
    }

    #join-popup .popup__intro_title .ubverse__title {
        font-size: 35.2px;
        letter-spacing: -0.704px;
        margin-bottom: 40px;
        
    }

    #join-popup .popup__form .popup__form_heading.not-joined {
        width: 640px;
    }

    .popup__form .popup__form_heading h3 {
        font-size: 14.4px;
        margin-bottom: 16px;
    }

    #join-us-form.join-form.form {
        gap: unset;
        width: 640px;
    }

    #join-us-form .form__input {
        margin-bottom: 32px;
    }

    #join-us-form .form__input:nth-of-type(3) {
        margin-bottom: 0 !important;
    }

    .join-form .form__input input {
        border-radius: 57.6px;
        padding: 17.6px 28.8px;
        font-size: 16px;
        height: 59.2px;
    }

    .join-form .form__input input::placeholder {
        font-size: 16px;
    }

    .join-form .form__input input::-moz-placeholder {
        font-size: 16px;
    }

    .form__error {
        height: 52px;
    }

    .popup_form_message {
        width: 515.6px;
        padding: 9.6px 12.8px;
        font-size: 11.2px;
        border-radius: 8px;
    }

    #join-popup .button.submit_data {
        height: 59.2px;
        font-size: 16px;
        padding: 0 20px;
    }

    .popup__form_heading .toggle_headings{
        font-size: 16px;
        margin-top: 32px;
        margin-bottom: 40px;
    }

    /* LOGIN CSS */
    .special-access{
        border-radius: 16px;
        padding: 24px 16px;
    }

    .special-access-header {
        gap: 16px;
        margin-bottom: 16px;
    }

    .special-access-image{
        width: 48px;
        height: 48px;
    }

    .special-access-header .headings{
        gap: 9.6px;
    }

    .special-access-header .headings h3 {
        font-size: 19.2px;
        line-height: 17.6px;
        margin: 0;
        letter-spacing: 0.384px;
    }

    .special-access-header .headings h4 {
        margin: 0px;
        letter-spacing: 0.32px;
        font-size: 16px;
        line-height: 17.6px;
    }

    .list-items:nth-of-type(1) {
        margin-top: 16px;
    }

    ul.list-items li {
        font-size: 16px;
        line-height: 25.6px;
        letter-spacing: 0px;
        padding-left: 14.4px;
    }
  
    ul.list-items li::before {
        font-size: 8px;
        margin: 0 0 0 -10.4px;
        top: 3% !important;
    }

    .want-attent {
        font-size: 14.4px;
        margin-top: 12px;
    }

    .link-with-icon span.arrow-icon svg {
            width: 10.4px;
    }

    .signup-form {
        margin-top: 49.6px;
        width: 640px;
    }

    .form__error__signup {
        height: 52px;
    }

    .popup_form_message {
        width: 516px;
        padding: 9.2px 16px;
        font-size: 11.2px;
        border-radius: 8px;
    }

    .signup-form .form__input {
        width: 640px;
    }

        /* WAITLIST STYLING */
    #waitlist-popup .popup__intro_title {
        margin-bottom: 32px;
        gap: 24px;
    }

    #waitlist-popup .popup__intro_title .ubverse__title{
        font-size: 40px;
    }

    
    #waitlist-popup .popup__intro_title .ubverse__subtitle{
        width: 545.6px;
        font-size: 20.8px;
    }


    #waitlist-popup .copy-link-heading{
        font-size: 16px;
        letter-spacing: 0.32px;
    }

    #waitlist-popup .referral-link-share{ 
        margin-top: 32px;
        gap: 24px;
    }

    #waitlist-popup ul.list-items li::before {
        font-size: 10px;
        margin: 0 0 0 -13px;
        top: 3% !important;
    }

    #waitlist-popup .popup___refer-code{
        border-radius: 38.4px;
        padding: 19.2px 24px;
        width: 640px;
        height: 64px;
        margin: 0 auto;
    }

    #refer-code {
        font-size: 20px;
    }
    #refer-code::after{
        width: 32px;
    }

    #refer-copy{
        width: 32px;
        height: 32px;
    }

    .share-to-social-media {
        width: 48px;
        height: 48px;
    }

    ul.popup__list__social {
        gap: 32px;
    }

    #waitlist-popup .special-access{
        margin-top: 32px;
        margin-bottom: 32px;
    }

    #waitlist-popup .tabs {
        max-width: 499.2px;
        height: 56px;
        border-radius: 57.6px;
        padding: 5.6px;

        margin-top: 32px;
        margin-bottom: 40px;
    }

    #waitlist-popup .tabs .tab-link {
        width: 240px;
        font-size: 14.4px;

        line-height: 16.64px;
        letter-spacing: 0.256px;
    }

    #waitlist-popup .tabs .tab-link.active {
        border-radius: 40px;
        height: 43.2px;
    }

    /* LEADERBOARD CSS */
    #leaderboard-tab .referral-box {
        width: 100%;
        margin-top: 25.6px;
        
        border-radius: 9.6px;
        padding: 24px 16px;
        gap: 32px;
    }

    #leaderboard-tab .popup__intro_title .ubverse__subtitle{
        width: 100%;
        font-size: 20.8px;
    }

    #leaderboard-tab .referral-header {
        margin-bottom: 32px;
    }

    #leaderboard-tab .current-referrals-content{
        width: 576px;
        margin-bottom: 24px;
    }

    #leaderboard-tab .referral-header-titles {
        font-size: 19.2px;
    }

    #leaderboard-tab .progress-container {
        width: 576px;
    }

    #leaderboard-tab .current-positions {
        top: -32.8px;
        font-size: 14.4px;
    }

    #leaderboard-tab .progress-bar {
        height: 9.6px;
        border-radius: 4.8px;
    }

    #leaderboard-tab .progress-fill {
        height: 9.6px;
        border-radius: 4.8px;
    }

    #leaderboard-tab .progress-check {
        font-size: 11.2px;

        top: -6.4px;
        left: 5.6%;
        width: 22.4px;
        height: 22.4px;
    }

    #leaderboard-tab .check-icon {
        width: 10 !important;
        height: auto;
        stroke-width: 4px;
    }

    #leaderboard-tab .progress-marker {
        top: -6.4px;
        left: 80%;
        width: 22.4px;
        height: 22.4px;
    }

    #leaderboard-tab .progress-labels {
        margin-top: 6.4px;

        font-size: 14.4px;
        line-height: 33.6px;
    }

    #leaderboard-tab .referral-footer {
        margin-top: -8px;
    }

    #leaderboard-tab .position-label {
        top: -35.2px;
        font-size: 12.8px;
        line-height: 16px;
        padding: 1.6px 86.4px;
        border-radius: 3.2px;
    }

    #leaderboard-tab .referral-footer {
        font-size: 19.2px;
    }
  
    #leaderboard-tab .draw-dates {
        border-radius: 16px;
        padding: 20px 24px;
        margin-top: 32px;
        height: 52px;
    }
    #leaderboard-tab .date-item {
        font-size: 16px;
    }

    #leaderboard-tab .current-position-icon {
        top: -12.8px;
        left: 99%;
        width: 9.6px;
    }

    #leaderboard-tab .link-with-icon a,
    .popup__form_link a {
        font-size: 16px;
        padding-bottom: 1.6px;
    }

    #leaderboard-tab span.arrow-icon {
        width: 11.2px;

    }

    #leaderboard-tab .popup__form_link {
        padding: 32px 0;
    }

}
/* for computers and large screens */
@media (min-width: 1401px) {
    .popup {
        width: 900px;
        height: auto;
        border-radius: 32px;
    }

    .popup__close {
        top:24px;
        right:24px;
        width:40px;
        height:40px;  
    }

    .popup_column{
        width: 800px;
        margin-top: 50px;
    }

    #join-popup .popup__intro_title .ubverse__title {
        font-size: 44px;
        letter-spacing: -0.8px;
        margin-bottom: 50px;
        
    }

    #join-popup .popup__form .popup__form_heading.not-joined {
        width: 780px;
    }

    .popup__form .popup__form_heading h3{
        font-size: 18px;
        margin-bottom: 20px;
    }

    #join-us-form.join-form.form {
        gap: unset;
        width: 780px;
    }
    #join-us-form .form__input {
        margin-bottom: 40px;
    }

    #join-us-form .form__input:nth-of-type(3) {
        margin-bottom: 0 !important;
    }

    .join-form .form__input input {
        border-radius: 72px;
        padding: 26px 36px;
        font-size: 20px;
        letter-spacing: 0.16px;
        height: 74px;
    }

    .join-form .form__input input::placeholder {
        font-size: 20px;
    }

    .join-form .form__input input::-moz-placeholder {
        font-size: 20px;
    }

    .form__error {
        height: 65px;
    }

    .popup_form_message {
        width: 645px;
        padding: 11.5px 20px;
        font-size: 14px;
        border-radius: 10px;
    }

    #join-popup .button.submit_data {
        width: 100%;
        height: 74px;
        font-size: 20px;
        padding: 0 20px; 
    }

    .popup__form_heading .toggle_headings{
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 50px;
    }
    
    /* LOGIN CSS */
    .special-access{
        border-radius: 20px;
        padding: 30px 20px;
    }

    .special-access-header {
        gap: 20px;
        margin-bottom: 20px;
    }

    .special-access-image{
        width: 60px;
        height: 60px;
    }

    .special-access-header .headings{
        gap: 12px;
    }

    .special-access-header .headings h3 {
        font-size: 24px;
        line-height: 22px;
        margin: 0;
        letter-spacing: 0.32px;
    }

    .special-access-header .headings h4 {
        margin: 0px;
        letter-spacing: 0.32px;
        font-size: 20px;
        line-height: 22px;
    }

    .list-items:nth-of-type(1) {
        margin-top: 20px;
    }

    ul.list-items li {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0px;
        padding-left: 18px;
    }
  
    ul.list-items li::before {
        font-size: 10px;
        margin: 0 0 0 -13px;
        top: 4% !important;
    }

    .want-attent {
        font-size: 18px;
        margin-top: 15px;
    }

    .link-with-icon span.arrow-icon svg {
            width: 13px;
    }

    .signup-form {
        margin-top: 62px;
        width: 780px;
    }

    .form__error__signup {
        height: 65px;
    }

    .popup_form_message {
        width: 645px;
        padding: 11.5px 20px;
        font-size: 14px;
        border-radius: 10px;
    }

    .signup-form .form__input {
        width: 780px;
    }

    /* WAITLIST STYLING */
    #waitlist-popup .popup__intro_title {
        margin-bottom: 40px;
        gap: 30px;
    }

    #waitlist-popup .popup__intro_title .ubverse__title{
        font-size: 50px;
    }

    
    #waitlist-popup .popup__intro_title .ubverse__subtitle{
        width: 682px;
        font-size: 26px;
    }


    #waitlist-popup .copy-link-heading{
        font-size: 20px;
        letter-spacing: 0.4px;
    }

    #waitlist-popup .referral-link-share{ 
        margin-top: 40px;
        gap: 30px;
    }

    #waitlist-popup .popup___refer-code{
        border-radius: 48px;
        padding: 24px 30px;
        width: 800px;
        height: 80px;
        margin: 0 auto;
    }

    #refer-code {
        font-size: 26px;
    }
    #refer-code::after{
        width: 40px;
    }

    #refer-copy{
        width: 40px;
        height: 40px;
    }

    .share-to-social-media {
        width: 60px;
        height: 60px;
    }

    ul.popup__list__social {
        gap: 40px;
    }

    #waitlist-popup .special-access{
        margin-top: 40px;
        margin-bottom: 40px;
    }

    #waitlist-popup .tabs {
        max-width: 624px;
        height: 70px;
        border-radius: 72px;
        padding: 7px;

        margin-top: 40px;
        margin-bottom: 50px;
    }

    #waitlist-popup .tabs .tab-link {
        width: 300px;
        font-size: 18px;

        line-height: 20.8px;
        letter-spacing: 0.32px;
    }

    #waitlist-popup .tabs .tab-link.active {
        border-radius: 50px;
        height: 54px;
    }

    /* LEADERBOARD CSS */
    #leaderboard-tab .referral-box {
        width: 100%;
        margin-top: 40px;
        
        border-radius: 12px;
        padding: 30px 20px;
        gap: 40px;
    }

    #leaderboard-tab .popup__intro_title .ubverse__subtitle{
        width: 100%;
        font-size: 26px;
    }

    #leaderboard-tab .referral-header {
        margin-bottom: 40px;
    }

    #leaderboard-tab .current-referrals-content{
        width: 720px;
        margin-bottom: 30px;
    }

    #leaderboard-tab .referral-header-titles {
        font-size: 24px;
    }

    #leaderboard-tab .progress-container {
        width: 720px;
    }

    #leaderboard-tab .current-positions {
        top: -41px;
        font-size: 18px;
    }

    #leaderboard-tab .progress-bar {
        height: 12px;
        border-radius: 6px;
    }

    #leaderboard-tab .progress-fill {
        height: 12px;
        border-radius: 6px;
    }

    #leaderboard-tab .progress-check {
        font-size: 14px;

        top: -8px;
        left: 7%;
        width: 28px;
        height: 28px;
    }

    #leaderboard-tab .progress-marker {
        top: -8px;
        left: 80%;
        width: 28px;
        height: 28px;
    }

    #leaderboard-tab .progress-labels {
        margin-top: 8px;

        font-size: 18px;
        line-height: 42px;
    }

    #leaderboard-tab .referral-footer {
        margin-top: -10px;
    }

    #leaderboard-tab .position-label {
        top: -44px;
        font-size: 16px;
        line-height: 20px;
        padding: 2px 8px;
        border-radius: 4px;
    }

    #leaderboard-tab .referral-footer {
        font-size: 24px;
    }
  
    #leaderboard-tab .draw-dates {
        border-radius: 20px;
        padding: 25px 30px;
        margin-top: 40px;
        height: 65px;
    }
    #leaderboard-tab .date-item {
        font-size: 20px;
    }

    #leaderboard-tab .current-position-icon {
        top: -16px;
        left: 99%;
        width: 12px;
    }

    #leaderboard-tab .link-with-icon a,
    .popup__form_link a {
        font-size: 20px;
        padding-bottom: 2px;
    }

    #leaderboard-tab span.arrow-icon {
        width: 14px;

    }

    #leaderboard-tab .popup__form_link {
        padding: 40px 0;
    }

}



/* WINNER CODE */

#winner-popup {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
#winner-popup.is-open {
  opacity: 1;
  pointer-events: auto;
}

button.popup_back {
    cursor: pointer;
    position: absolute;
    background: #ffffff;
    border: none;
    outline: none;

    padding: 4px;
    top: 20px;
    left: 20px;
}

button.popup_back svg {
        height: 40px;
        width: 40px;
}

#winner-popup .popup__intro_title .ubverse__title {
	font-family: 'Apfel Grotezk';
    text-align: center;
    color: #263040;

    letter-spacing: unset;
    letter-spacing: 0px;

    line-height: unset;
    line-height: normal;

    font-size: unset;
}

@media (max-width: 767px) {
    button.popup_back {
        cursor: pointer;
        position: absolute;
        background: #ffffff;
        border: none;
        outline: none;

        padding: 4px;
        top: 10px;
        left: 10px;
    }

    button.popup_back svg {
            height: 20px;
            width: 20px;
    }

    #winner-popup .popup {
        width: clamp(343px, calc(25.05vw + 249.65px), 440px) !important;
        height: auto;
        border-radius: clamp(12px, calc(1.066vw + 7.99px), 16px);
    }
    
    #winner-popup .popup_column{
        width: clamp(311px, calc(22.28vw + 227.43px), 398px);
        margin: clamp(16px, calc(3.4vw + 3.25px), 24px);
    }

    #winner-popup .winner-popup-column{
        display: flex;
        flex-direction: column;
        width: clamp(311px, calc(22.28vw + 227.43px), 398px);
        gap: 0;
        margin-bottom: clamp(16px, calc(3.4vw + 3.25px), 24px);
    }

    #winner-popup .popup__intro_title .ubverse__title {
        font-size: clamp(20px, calc(1.6vw + 14px), 24px);
        letter-spacing: -0.16px;
        margin-top: clamp(24px, calc(1.6vw + 18px), 30px);
        margin-bottom: clamp(16px, calc(3.4vw + 3.25px), 24px);
    }

    #winner-popup .tabs {
        display: flex;
        border-bottom: 1px solid rgba(221, 221, 221, 0.2);
        gap: clamp(16px, calc(3.4vw + 3.25px), 24px);
        margin-bottom: clamp(16px, calc(3.4vw + 3.25px), 24px);
    }

    #winner-popup .tabs div.tab-link {
        background: none;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        font-weight: 500;
        letter-spacing: 0;
        color: #929292;
        position: relative;

        padding: 0 0 6px 0;
        font-size: clamp(11px, calc(0.79vw + 8.04px), 14px);
        border-bottom: 2px solid transparent;
    }

    #winner-popup .tab-link.active::after {
        background-color: #007bff;
    }

    #winner-popup .tab-link::after {
        content: "";
        position: absolute;
        background-color: transparent;
        transition: background-color 0.3s ease;

        bottom: -2px;
        left: 0%;
        width: 100%;
        height: 1px;
        border-radius: 8px;
    }
    #winner-popup .tabs div.tab-link.active {
        color: #007BFF;
        font-weight: 600;

        border-bottom: 3px solid #007BFF;
    }

    #winner-popup .tab-content {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    #winner-popup .tab-content.active {
        display: block;
        opacity: 1;
    }

    #winner-popup .imagw-with-title {
        display: flex;
        gap: clamp(4px, calc(0.526vw + 2.026px), 6px);
        align-items: center;
        margin-bottom: clamp(8px, calc(0.526vw + 6.026px), 10px);
    }

    #winner-popup .imagw-with-title img {
        width: clamp(14px, calc(1.053vw + 9.56px), 18px) !important;
        height: auto;
    }

    #winner-popup .field-section-title{
        font-size: clamp(10px, calc(0.526vw + 8.03px), 12px);
        line-height: 22px;
        letter-spacing: 0.32px;
        font-weight: 600;
        color: #1D1D1D;
    }

    #winner-popup .responsive-table-wrapper {
        width: 100%;
    }

    table.winner-table {
        width: 100%;
        text-align: left;
        border: 1px solid #E2E8F0;
        border-collapse: collapse;
    }

    table.winner-table thead th {
        background: #E2E8F0;
        color: #515966;
        white-space: nowrap;
        font-weight: 700;

        padding: 6px 6px;
        font-size: clamp(8px, calc(0.526vw + 6.026px), 10px);
        width: 50%;
        
        line-height: normal;
        letter-spacing: 0px;
    }
    
    .winner-table tbody td ul li {
        font-weight: 400;
        color: #515966;
        letter-spacing: 0;
    }
    .winner-table tbody tr:nth-child(odd) {
        background: #f6f6f6;
    }
    .winner-table tbody tr:nth-child(even) {
        background: #fff;
    }

    table.winner-table tbody td {
        padding: 6px 6px;
        color: #515966;
        font-size: clamp(8px, calc(0.526vw + 6.026px), 10px);
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0px;
    }
    table.winner-table tbody th {
        padding: 6px 6px;
        color: #515966;
        font-size: clamp(8px, calc(0.526vw + 6.026px), 10px);
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0px;
    }

    table.winner-table tbody th, table.winner-table tbody td {
        white-space: nowrap;
    }

    #winner-popup .section-item {
        margin-bottom: clamp(16px, calc(2.105vw + 7.11px), 24px);
    }
    
    #winner-popup .section-item:last-child {
        margin-bottom: 0;
    }

    .section-item p:last-child {
        margin: 0 !important;
    }

    #winner-popup .field-section-title {
        margin: 0 !important;
    }

    #winner-popup p.winner_popup_content,
    ol.works-item-list li {
        font-size: clamp(9px, calc(1.302vw + 4.12px), 10.24px);
        font-weight: 500;
        line-height: normal;
        color: #515966;
        letter-spacing: 0;
    }

    #winner-popup p.term_and_condition {
        font-style: italic;
        margin-top: 2px !important;
        font-weight: 500;
        color: #515966;
        letter-spacing: 0;
        font-size: clamp(9px, calc(1.302vw + 4.12px), 10.24px);
    }

    #winner-popup p.winner_popup_content.contact-info a {
        color: #066BF0;
        font-weight: 600 !important;
        margin: 5px 0 0 0 !important;
    }

    #winner-popup ul.list-items li {
        font-size: clamp(9px, calc(2.381vw - 0.91px), 11px);
    }
}

@media (min-width: 768px) and (max-width: 1400px) {
    #winer-popup .popup {
        width: 720px;
        height: auto;
        border-radius: 25.6px;
    }
    #winner-popup .popup_column{
        width: 640px;
        margin-top: 40px;
    }

    #winner-popup .winner-popup-column{
        display: flex;
        flex-direction: column;
        width: 640px;
        gap: 0;
        margin-bottom: 40px;
    }

    #winner-popup .popup__intro_title .ubverse__title {
        font-size: 38.4px;
        letter-spacing: 0px;
        margin-top: 40px;
        margin-bottom: 32px;
    }

    #winner-popup .tabs {
        display: flex;
        border-bottom: 2px solid rgba(221, 221, 221, 0.2);
        gap: 32px;
        margin-bottom: 32px;
    }

    #winner-popup .tabs div.tab-link {
        background: none;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        font-weight: 500;
        letter-spacing: 0;
        color: #929292;
        position: relative;

        padding: 0 0 11.2px 0;
        font-size: 19.2px;
        border-bottom: 2px solid transparent;
    }

    #winner-popup .tab-link.active::after {
        background-color: #007bff;
    }

    #winner-popup .tab-link::after {
        content: "";
        position: absolute;
        background-color: transparent;
        transition: background-color 0.3s ease;

        bottom: -3px;
        left: 0%;
        width: 100%;
        height: 4px;
        border-radius: 8px;
    }
    #winner-popup .tabs div.tab-link.active {
        color: #007BFF;
        font-weight: 600;

        border-bottom: 3px solid #007BFF;
    }

    #winner-popup .tab-content {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    #winner-popup .tab-content.active {
        display: block;
        opacity: 1;
    }

    #winner-popup .imagw-with-title {
        display: flex;
        gap: 12.8px;
        align-items: center;
        margin-bottom: 12.8px;
    }
    #winner-popup .field-section-title{
        font-size: 16px;
        line-height: 17.6px;
        letter-spacing: 0.256px;
        font-weight: 600;
        color: #1D1D1D;
    }

    #winner-popup .responsive-table-wrapper {
        width: 100%;
    }

    table.winner-table {
        width: 100%;
        text-align: left;
        border: 1px solid #E2E8F0;
        border-collapse: collapse;
    }

    table.winner-table thead th {
        background: #E2E8F0;
        color: #515966;
        white-space: nowrap;
        font-weight: 700;

        padding: 3.2px 16px;
        font-size: 12.8px;
        width: 50%;
        
        line-height: 25.6px;
        letter-spacing: 0px;
    }
    
    .winner-table tbody td ul li {
        font-weight: 400;
        color: #515966;
        letter-spacing: 0;
    }
    .winner-table tbody tr:nth-child(odd) {
        background: #f6f6f6;
    }
    .winner-table tbody tr:nth-child(even) {
        background: #fff;
    }

    table.winner-table tbody td {
        padding: 3.2px 16px;
        color: #515966;
        font-size: 12.8px;
        font-weight: 400;
        line-height: 25.6px;
        letter-spacing: 0px;
    }
    table.winner-table tbody th {
        padding: 3.2px 16px;
        color: #515966;
        font-size: 12.8px;
        font-weight: 600;
        line-height: 25.6px;
        letter-spacing: 0px;
    }

    table.winner-table tbody th, table.winner-table tbody td {
        white-space: nowrap;
    }

    #winner-popup .section-item {
        margin-bottom: 32px;
    }
    
    #winner-popup .section-item:last-child {
        margin-bottom: 0;
    }

    .section-item p:last-child {
        margin: 0 !important;
    }

    #winner-popup .field-section-title {
        margin: 0 !important;
    }

    #winner-popup p.winner_popup_content,
    ol.works-item-list li {
        font-size: 16px;
        font-weight: 500;
        line-height: 25.6px;
        color: #515966;
        letter-spacing: 0;
    }

    #winner-popup p.term_and_condition {
        font-style: italic;
        margin-top: 4px !important;
        font-weight: 500;
        color: #515966;
        letter-spacing: 0;
        font-size: 14.4px;
    }

    #winner-popup p.winner_popup_content.contact-info a {
        color: #066BF0;
        font-weight: 600 !important;
        margin: 4px 0 0 0 !important;
    }
}

@media (min-width: 1401px) {
    #winer-popup .popup {
        width: 900px;
        height: auto;
        border-radius: 32px;
    }
    #winner-popup .popup_column{
        width: 800px;
        margin-top: 50px;
    }

    #winner-popup .winner-popup-column{
        display: flex;
        flex-direction: column;
        width: 800px;
        gap: 0;
        margin-bottom: 50px;
    }

    #winner-popup .popup__intro_title .ubverse__title {
        font-size: 44px;
        letter-spacing: -0.8px;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    #winner-popup .tabs {
        display: flex;
        border-bottom: 2px solid rgba(221, 221, 221, 0.2);
        gap: 40px;
        margin-bottom: 40px;
    }

    #winner-popup .tabs div.tab-link {
        background: none;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        font-weight: 500;
        letter-spacing: 0;
        color: #929292;
        position: relative;

        padding: 0 0 14px 0;
        font-size: 24px;
        border-bottom: 2px solid transparent;
    }

    #winner-popup .tab-link.active::after {
        background-color: #007bff;
    }

    #winner-popup .tab-link::after {
        content: "";
        position: absolute;
        background-color: transparent;
        transition: background-color 0.3s ease;

        bottom: -4px;
        left: 0%;
        width: 100%;
        height: 4px;
        border-radius: 10px;
    }
    #winner-popup .tabs div.tab-link.active {
        color: #007BFF;
        font-weight: 600;

        border-bottom: 3px solid #007BFF;
    }

    #winner-popup .tab-content {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    #winner-popup .tab-content.active {
        display: block;
        opacity: 1;
    }

    #winner-popup .imagw-with-title {
        display: flex;
        gap: 15px;
        align-items: center;
        margin-bottom: 16px;
    }
    #winner-popup .field-section-title{
        font-size: 20px;
        line-height: 22px;
        letter-spacing: 0.32px;
        font-weight: 600;
        color: #1D1D1D;
    }

    #winner-popup .responsive-table-wrapper {
        width: 100%;
    }

    table.winner-table {
        width: 100%;
        text-align: left;
        border: 1px solid #E2E8F0;
        border-collapse: collapse;
    }

    table.winner-table thead th {
        background: #E2E8F0;
        color: #515966;
        white-space: nowrap;
        font-weight: 700;

        padding: 4px 20px;
        font-size: 16px;
        width: 50%;
        
        line-height: 32px;
        letter-spacing: 0px;
    }
    
    .winner-table tbody td ul li {
        font-weight: 400;
        color: #515966;
        letter-spacing: 0;
    }
    .winner-table tbody tr:nth-child(odd) {
        background: #f6f6f6;
    }
    .winner-table tbody tr:nth-child(even) {
        background: #fff;
    }

    table.winner-table tbody td {
        padding: 4px 20px;
        color: #515966;
        font-size: 16px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0px;
    }
    table.winner-table tbody th {
        padding: 4px 20px;
        color: #515966;
        font-size: 16px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0px;
    }

    table.winner-table tbody th, table.winner-table tbody td {
        white-space: nowrap;
    }

    #winner-popup .section-item {
        margin-bottom: 40px;
    }
    
    #winner-popup .section-item:last-child {
        margin-bottom: 0;
    }

    .section-item p:last-child {
        margin: 0 !important;
    }

    #winner-popup .field-section-title {
        margin: 0 !important;
    }

    #winner-popup p.winner_popup_content,
    ol.works-item-list li {
        font-size: 20px;
        font-weight: 500;
        line-height: 32px;
        color: #515966;
        letter-spacing: 0;
    }

    #winner-popup p.term_and_condition {
        font-style: italic;
        margin-top: 4px !important;
        font-weight: 500;
        color: #515966;
        letter-spacing: 0;
        font-size: 18px;
    }

    #winner-popup p.winner_popup_content.contact-info a {
        color: #066BF0;
        font-weight: 600 !important;
        margin: 5px 0 0 0 !important;
    }
}