.pardot-overlay-main{width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 3800; transition: all .5s ease; overflow-y: auto; -webkit-overflow-scrolling: touch; }
/* .pardot-overlay-main.open{display: block;} */
.pardot-overlay-bg{width: 100%; height: 100%; top: 0; right: 0; opacity: 0.75; position: fixed; background-color: #000000; z-index: 3750; display: block;}

.pardot-overlay-wrap{width: 100%; padding: 100px; top: 0; left: 0; height: auto; position: absolute; z-index: 3800;}
.pardot-overlay{padding: 0 56px 56px; max-width: 462px;  margin: 0 auto; background-color: #fff; border-radius: 8px; position: relative;}
.pardot-close{right: 35px; top: 24px; position: absolute; font-size: 32px; color: #002942; opacity: 0.5;}
.pardot-overlay-image{transform: translateY(-56px); margin-bottom: -36px;}
.pardot-desc{font-size: 16px; line-height: 24px; text-align: center;}
.pardot-desc h5{font-size: 32px; line-height: 40px; padding-bottom: 18px;}
.pardot-hr{width: 100%; height: 2px; background-color: #63b5d8; display: block;}
.pardot-overlay-form label{font-size: 16px; line-height: 20px; font-weight: bold; display: block; color: #002942;}
.pardot-overlay-form input{padding: 10px;border-radius: 4px;background-color: rgba(99, 181, 216, 0.2);}
.pardot-overlay-btn{text-align: center;}
.pardot-desc .modal-product-line{margin-top: 20px;}

/*-- media css starts here --*/
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .pardot-overlay-wrap{display: block;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .pardot-overlay-wrap{display: block; padding: 100px 30px 100px;}
    .pardot-overlay{max-width: 100%;}
}