.newsletter-dialog{width: 100%;max-width: 785px;max-height: 90vh;overflow: auto; position: fixed; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%);    -moz-transform: translateX(-50%) translateY(-50%);    -ms-transform: translateX(-50%) translateY(-50%);    transform: translateX(-50%) translateY(-50%);    z-index: 5104;    margin: auto;    opacity: 0;    visibility: hidden;background:#fff;    flex-wrap: wrap;    display: -webkit-box;    display: -moz-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    flex-direction: column;    justify-content: center;border-radius:20px;}
.newsletter-dialog.showed-pnp{visibility:visible;opacity:1;background-repeat:no-repeat;}
.newsletter-dialog .pnp-close{top: 15px;right: 15px; position: absolute;cursor: pointer;z-index:1;}
html[dir="rtl"] .newsletter-dialog .pnp-close{left:15px;right:auto;}
.newsletter-dialog .pnp-close i{font-size: 17px;color: #212121;}
.newsletter-dialog .pnp-close i:before{position:relative;top:1px;}
.newsletter-dialog .main-banner-layer{position:relative;}
.newsletter-dialog .main-banner-layer:before{content:'';position:absolute;left:0;top:0;background:rgba(0,0,0,0.6);width:100%;height:100%;border-radius:20px 20px 0 0;z-index:0;}
.newsletter-dialog .newsletter{text-align:center;position:relative;max-height: 90vh;}
.newsletter-dialog .newsletter .main-banner{width:100%;max-width:100%;border-radius: 20px 20px 0 0;}
.newsletter-dialog .newsletter .left_new{position:relative;display:flex;align-items:center;}
.newsletter-dialog .newsletter .left_new h3{color: #000000;font-weight: 700;font-size: 30px;margin: 0 0 13px;text-transform:capitalize;}
.newsletter-dialog .newsletter .left_new .description{color: #5E5C5C;line-height: 1.3;position: relative;font-size: 15px;margin: 0 0 20px 0;font-weight: 400;}
.newsletter-dialog .newsletter .left_new .description p{margin:0;}
.newsletter-dialog .news-icon{display:flex;align-items:center;justify-content:center;}
.newsletter-dialog .news-icon img{max-width:100%;}
.newsletter-dialog .pnp-close-checkbox .form-check .form-check-input{float:none;position:relative;top:-2px;}
.newsletter-dialog .left_new-pd{width:50%;}
.newsletter-dialog .right_new-pd{width:50%;}
.newsletter-dialog .popup-newsletter-email{position:relative;}
.newsletter-dialog .popup-newsletter-email input{border-radius:180px;min-height: 55px;}

html[dir="ltr"] .newsletter-dialog .popup-newsletter-email input{padding:0 130px 0 25px;}
html[dir="rtl"] .newsletter-dialog .popup-newsletter-email input{padding:0 25px 0 130px;}

.newsletter-dialog .popup-newsletter-email .btn{position:absolute;right:2.5px;top:2.5px;background:var(--primary-color);z-index:1;border-radius: 0px;color: #212121;}
.newsletter-dialog .popup-newsletter-email .btn:hover{color:#fff;color:#212121;}
.newsletter-dialog .form-check-dontshow .form-check-input{float:none;position: relative;top: -3px;}


.showed-popup{background: rgba(0,0,0,.7);    height: 100%;    left: 0;    position: fixed;    top: 0;    width: 100%;    z-index: 5103;opacity: 0;    visibility: hidden;}
.showed-popup.showed-popup{opacity: 1;    visibility: visible;}
.popup-newsletter-result{margin:0 0 10px;}


@media all and (max-width: 991px){
    .newsletter-dialog{width: 86%;}
}

@media all and (max-width: 767px){
    .newsletter-dialog .newsletter .left_new h3{font-size:22px;}  
    
    .newsletter-dialog .newsletter .left_new{display:block;}
    .newsletter-dialog .left_new-pd{width:100%;}
    .newsletter-dialog .right_new-pd{width:100%;}
}