/*now approved modal css*/

.nowapproved-modal .modal-dialog{
padding: 0px;
background-size: cover;
border-radius: 26px;
}
.nowapproved-modal .modal-content{
background-color: transparent;
box-shadow: 0px 0px 0px;
border: 0px;
}
.nowapproved-modal .modal-header{
min-height: 23.5px;
padding: 0;
border-bottom: 0px solid #e5e5e5;
}
.nowapproved-modal .close-btn{
display: flex;
align-items: baseline;
position: absolute;
right: 23.5px;
color: #fff;
top: 13.5px;
font-size: 21.15px;
cursor: pointer;
}
.nowapproved-modal .close-btn p{margin-bottom: 0px; 
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
line-height: normal;
}
.nowapproved-modal .close-btn img{
vertical-align: baseline;
display: inline-block;
margin-left: 7.5px;
max-width: 15.46px;
}
.nowapproved-modal p.modal-txt{
font-size:42px;    
font-family: "UniversLTStd65Bold";
font-weight:700;
background: linear-gradient(175deg, #82027E 0%, #2C017C 100%);
color: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 39.89px;
text-align: center;
line-height: 100%;
}
.nowapproved-modal .modal-footer {
padding:20px 0px 20px 30px;
margin-top: 0px;
text-align: left;
border-top: 0px solid #e5e5e5;
}
.nowapproved-modal .modal-footer p{
font-size: 12px;
line-height: 100%;
letter-spacing: 0;
color: #fff;
margin-bottom: 0px;
font-family: 'UniversLTStd' !important;
font-weight: 400;
}
.nowapproved-modal .icon-ctn{
    display: flex;
    justify-content: space-between;
}
.nowapproved-modal .icon-daily-dosing{
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff; 
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'UniversLTStd65Bold' !important;
    font-weight: 700;
    Line-height:120%;letter-spacing: 0.5px;
}
.nowapproved-modal .icon-same-active-ingredient{
    background-size: cover;
    color:#fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'UniversLTStd65Bold' !important;
    font-weight: 700;Line-height:120%;
    letter-spacing: 0.5px;
}
.nowapproved-modal .icon-extended-release{
    background-size: cover;
    color:#fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'UniversLTStd65Bold' !important; font-weight: 700;
    Line-height:120%;letter-spacing: 0.5px;
}
.nowapproved-modal sup {
background: linear-gradient(135deg, #82027E 0%, #2C017C 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

@media screen and (min-width: 992px) {
    .nowapproved-modal sup {
top: -11px;
    }
.nowapproved-modal .modal-dialog{
margin-top: 48.47px;
margin-bottom: 47.54px;
background-image:url(../images/nowapproved-modal/violatorgradientBackground_web.svg);
background-repeat:no-repeat;
height: 751px;
width: 797px;
border-radius: 26px;
}
.nowapproved-modal .modal-body{
width: 738px;
height: 585px; 
border-radius: 16px;
margin-top:90px;
margin-right:30px;
margin-bottom:0px;
margin-left:30px;
background-color: #fff;
padding: 20px 22.44px 32.41px 22.44px;
}
.nowapproved-modal .close-btn{
top: 13.5px;
}
.nowapproved-modal .jak-xr-logo img{
margin-top: 33.64px;
}
.nowapproved-modal p.modal-txt{
font-size:42px;    
margin-top: 39.89px;
}
.nowapproved-modal .icon-now-approved{
margin: 0 auto;
background-image: url(../images/nowapproved-modal/nowapproved_background_web.svg);
background-repeat: no-repeat;
width: 251.82px;
height: 126.81px;
background-size: cover;
color:#fff;margin-top: -82px;
font-size: 28.76px;
text-transform: uppercase;
text-align: center;
padding-top: 24.93px;
font-family: 'UniversLTStd65Bold' !important;
}
.nowapproved-modal .icon-now-approved strong{ 
    font-size: 49.87px;
    font-weight: 700;
    line-height: 41.08px;
    letter-spacing: -0.31px;
text-transform: uppercase;
    font-family: 'UniversLTStd65Bold' !important;
}
.nowapproved-modal .icon-ctn{
    margin-top: 39.89px;
}
.icon-ctn p{font-size: 19.01px; font-family: 'UniversLTStd65Bold' !important; margin-bottom: 0px;}
.nowapproved-modal .icon-daily-dosing{
    background-image: url(../images/nowapproved-modal/calendar_gradient_background_web.svg);
    background-repeat: no-repeat;
    width: 216.91px;
    height: 154.58px;
    font-size: 19.01px;
}
.nowapproved-modal .icon-daily-dosing img{
max-width: 73.11px;
margin-bottom:16.64px;
}
.nowapproved-modal .icon-same-active-ingredient img{
max-width: 62.18px; 
margin-bottom:16.64px;
}
.nowapproved-modal .icon-same-active-ingredient{
     background-image: url(../images/nowapproved-modal/check_gradient_background_web.webp);
    background-repeat: no-repeat;
    width: 216.91px;
    height: 154.58px;
    font-size: 19.01px;
}
.nowapproved-modal .icon-extended-release{
     background-image: url(../images/nowapproved-modal/xr_gradient_background_web.webp);
    background-repeat: no-repeat;
    width: 216.91px;
    height: 154.58px;
    font-size: 19.01px;
}
.nowapproved-modal .icon-extended-release img{
    max-width: 76.45px;margin-bottom:16.64px;
}
.nowapproved-modal .br-visible-md{display: none;}
.nowapproved-modal .br-visible-lg{display: block; float: left; height: 0px;}
}
@media screen and (max-width: 767px) {
.nowapproved-modal .modal-dialog{
/*margin-top: 128.95px;
margin-bottom: 150px;*/
margin-top: 35px;
margin-bottom: 35px;
transform: translate(0%, 0%) !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.nowapproved-modal .modal-dialog{
margin-top: 30%;
margin-bottom: 150px;
}
}
@media screen and (max-width: 991px) {
.nowapproved-modal sup {
top: -7px;
}
.nowapproved-modal .modal-dialog{
/*margin-top: 128.95px;
margin-bottom: 150px;*/
background-image:url(../images/nowapproved-modal/violatorgradientbackground_mobile.webp);
background-repeat:no-repeat;
height: 589.20px;
width:342.5px;
padding: 0px;
background-size: cover;
border-radius: 16px;
}
.nowapproved-modal .modal-content{
background-color: transparent;
background-color: transparent;
box-shadow: 0px 0px 0px;
border: 0px;
}
.nowapproved-modal .modal-header{
min-height: 23.5px;
padding: 0;
border-bottom: 0px solid #e5e5e5;
}
.nowapproved-modal .modal-body{
width: 322.5px;
height: 449.41px; 
border-radius: 16px;
margin-top:63px;
margin-right:30px;
margin-bottom:0px;
margin-left:10px;
background-color: #fff;
padding: 20px 5px 20px 5px;
}
.nowapproved-modal .close-btn{
top: 15.5px;
}
.nowapproved-modal .jak-xr-logo img{
margin-top: 21.14px;
max-width: 198px;
}
.nowapproved-modal p.modal-txt{
font-size:28px;    
font-family: "UniversLTStd65Bold";
font-weight:700;
color: transparent;
margin-top: 25px;
text-align: center;
line-height:normal;
background: var(--grad, linear-gradient(135deg, #82027E 0%, #2C017C 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.nowapproved-modal .modal-footer {
padding:20px 0px 20px 10px;
margin-top: 0px;
text-align: left;
border-top: 0px solid #e5e5e5;
}
.nowapproved-modal .modal-footer p{
font-size: 12px;
line-height: 100%;
letter-spacing: 0;
color: #fff;
margin-bottom: 0px;
}
.nowapproved-modal .icon-now-approved{
margin: 0 auto;
background-image: url(../images/nowapproved-modal/nowapproved_background_mobile.svg);
background-repeat: no-repeat;
width: 145px;
height: 78.19px;
background-size: cover;
color:#fff;
margin-top: -57px;
font-size: 19.07px;
text-transform: uppercase;
text-align: center;
padding-top: 14.36px;
font-family: 'UniversLTStd65Bold' !important;
line-height: 27.24px;
letter-spacing: -0.2px;
}
.nowapproved-modal .icon-now-approved strong{ 
font-size: 28px;
font-weight: 700;
line-height: 27.24px;
letter-spacing: -0.2px;
text-transform: uppercase;
font-family: 'UniversLTStd65Bold' !important;
}
.nowapproved-modal .icon-ctn{
margin-top: 27px;
}
.nowapproved-modal .icon-ctn p{
    font-family: 'UniversLTStd65Bold' !important;
    font-size: 16.68px;
    line-height: 120%;
    letter-spacing:0.5px;
}
.nowapproved-modal .icon-daily-dosing{
background-image: url(../images/nowapproved-modal/calendar_gradient_background_mobile.svg);
background-repeat: no-repeat;
width: 100.98px;
height: 155px;
font-size: 16.68px;
border-radius: 16px;
}
.nowapproved-modal .icon-same-active-ingredient{
background-image: url(../images/nowapproved-modal/check_gradient_background_mobile.svg);
background-repeat: no-repeat;
width: 100.98px;
height: 155px;
font-size: 16.68px;
border-radius: 16px;
}
.nowapproved-modal .icon-extended-release{
background-image: url(../images/nowapproved-modal/xr_gradient_background_mobile.webp);
background-repeat: no-repeat;
width: 100.98px;
height: 155px;
font-size: 16.68px;
border-radius: 16px;
}
.nowapproved-modal .icon-daily-dosing img{
max-width: 58.64px;
margin-bottom:16.64px;
}
.nowapproved-modal .icon-same-active-ingredient img{
max-width: 49.88px; 
margin-bottom:16.64px;
}
.nowapproved-modal .icon-extended-release img{
max-width: 61.32px;
margin-bottom: 23.35px;
}
.nowapproved-modal .br-visible-md{
display: block; height: 0px;
}
.nowapproved-modal .br-visible-lg{
display: none;
}
}
@media screen and (min-width: 1920px) {
    .nowapproved-modal .modal-dialog{
        margin-top: 5.3%;
    }
}

@media (max-width: 390px) {
.nowapproved-modal{
    overflow-y: hidden;
}
 }