/*popup start*/
     .popup-bg { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; }
     .popup-bg .modal-content { background: #fff7fa url(../img/popup-bg.jpg) left top no-repeat; border: 2px solid #bf3272; background-size: cover; position: relative; }
     .popup-bg .modal-content p { font-size: 13px; line-height: 1.8; font-weight: 500; color: #60002c; }
     .prakash-img { margin-top: 20px; }
     .prakash-img img {  border: 2px solid #bf3272; border-radius: 10px; max-width: 100%; margin-bottom: 20px; }
     .prakash-img h3 { background: rgb(255 255 255 / 90%); text-align: center; font-size: 16px; color: #bf3272; padding: 7px 0px; border-radius: 10px; }
     .prakash-img h3 span { font-size: 13px; color: #000; display: block; }
     .invitation-content { max-height: 350px; overflow-y: auto; padding-right: 10px; }
     .invitation-content::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px bf3272;
            background-color: #F5F5F5;
            border-radius: 10px; }
     .invitation-content::-webkit-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
            transition: all 0.4s ease-in-out;
     }
     .invitation-content::-webkit-scrollbar-thumb {
            background-color: #bf3272;
            border: 1px solid #bf3272;
            border-radius: 10px;
     }
 
     @media only screen and (max-width: 480px) {
    .prakash-img {
        text-align: center;
    }

    .prakash-img img {
        max-height: 200px;
        margin: 10px auto;
        display: block;
    }

    .popup-bg .modal-content {
        background: #fff7fa;
    }
}
 
 
  /*popup end*/