#confirmmodal{flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;opacity:1;backdrop-filter:brightness(0.5)}
.modal-ps{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050}
.confirmmodal .modal{background-color:#fff;margin:150px auto;display:flex;flex-direction:column;width:520px;height:auto;border-radius:6px;stroke-width:1px;stroke:#f5f5f5;font-family:Roboto}
.confirmmodal .closer{align-self:self-end;position:absolute;margin:20px 20px 0 0;cursor:pointer}
.confirmmodal .success-heading{color:#444;text-align:center;font-size:22px;font-weight:500;line-height:40px;padding-top:60px}
button{cursor:pointer;border:0;font-weight:600}
.confirmmodal .content-wrapper{padding:12px 40px 20px 40px;display:flex;align-items:center;justify-content:space-around}
.confirmmodal .content-wrapper p{opacity:.8;color:#333;font-family:Roboto;font-size:20px;font-style:normal;font-weight:400;line-height:30px;padding:0 12px;text-align:center}
.id-div{align-self:center}
.id-div form{width:440px;height:47px;border:1px solid #c4c4c4;align-items:center;display:flex;padding:14px 20px}
.id-call{display:flex;width:396.967px;align-items:center;gap:194px;border:0;margin-left:17px;cursor:pointer}
.id-call{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:5px;padding-right:25px;background-color:#fff;background-image:url("../../../../../content/dam/dishtv-aem-web-platform/payment/Polygon.png");background-repeat:no-repeat;background-position:right center}
.content-wrapper p span{color:#f04c23;opacity:.8;text-align:center;font-family:Roboto;font-size:20px;font-style:normal;font-weight:700;line-height:30px}
.confirmmodal .modal-close{display:inline-flex;height:60px;padding:10px 30px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:4px;background:#f04c23;width:fit-content;margin-bottom:40px;align-self:center;width:85%;margin:40px}
.modal-close-btn{color:#FFF;background-color:transparent;padding:0;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:40px;letter-spacing:.14px;text-transform:uppercase}
@media only screen and (max-width:767px){body{justify-content:normal}
.confirmmodal .modal{width:85.26% !important;height:auto}
.confirmmodal .success-heading{padding-top:40px}
.confirmmodal .modal-close{height:44px;margin:20px;width:87.5%}
.id-div{margin-bottom:4px}
.confirmmodal .content-wrapper p{font-size:20px !important;line-height:30px !important;padding:0}
.id-div form{width:280px;padding:14px 20px 16px 14px}
.confirmmodal .content-wrapper{padding:12px 20px 24px 20px}
.id-call{width:246px}
.confirmmodal .closer{margin:12px 12px 0 0}
}