#navigate-popup.show{
opacity:1;
}

.universal-popup .modal-dialog{
	max-width:840px;
    margin:100px auto !important;
}

.universal-popup .modal-content{
	min-width:624px;
    width:100%;
    min-height:300px;
    border-radius: var(--f-brand-radius-outer);
    padding:var(--f-brand-space-xl);
}
.universal-popup h3{
	font: var(--f-brand-type-title-1);
    color: var(--f-brand-color-text-default);
    padding-bottom:var(--f-brand-space-lg);
    margin:0px;
}

.universal-popup p{
	font: var(--f-brand-type-body);
    color: #000;
}

.universal-popup .modal-header{
	border-bottom:none;
}

.universal-popup .modal-footer{
	border-top:none;
}

.universal-popup .btn-popup{
	min-width: 150px;
    height: 56px;
    border-radius: var(--f-button-base-border-radius);
    font: var(--f-button-type);
    padding: var(--f-brand-space-md) var(--f-brand-space-xl);
    cursor: pointer;
    transition: all var(--f-brand-motion-duration-quick) var(--f-brand-motion-easing-default);
    border: var(--f-brand-border-size-default) solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    outline: none;
}

.universal-popup .btn-popup.btn-primary{
	background: var(--f-button-primary-background);
      color: var(--f-button-primary-text);
      border-color: var(--f-button-primary-border);

}

.universal-popup .btn-popup.btn-secondary{
    text-decoration:underline;
    font:var(--f-brand-type-body-medium);
    color: var(--f-brand-color-text-default);
    background:none;
    padding: 0px;
    min-width: 100px;
}

@media(max-width: 768px) {
    .universal-popup .modal-dialog{
        max-width:100%;
    }
    
    .universal-popup .modal-content{
        min-width:auto;
        width:auto;
        height:auto;
        padding:var(--f-brand-space-lg);
        margin:var(--f-brand-space-md);
    }
    
    .universal-popup .btn-popup{
        min-width:100%;
    }
	.universal-popup .modal-footer{
    	flex-direction: column-reverse;
        padding:var(--f-brand-space-lg) 0px 0px;
    }
}