.modal .modal-body .btn.bg-orange:hover {
    background-color: #d5793a;
}
.modal .modal-body .btn.bg-gray:hover {
    background-color: #D3D3D3;
}
.modal .modal-body .interstitial h2 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 16px;
}

#interstialPopup .interstitial {
    padding: 27px 150px 40px;
}
#needMoreInfoPopup .interstitial {
    padding: 53px 120px 40px;
}
#mymodal .interstitial-form {
    padding: 40px 120px !important;
}

/* #needMoreInfoPopup {
    display: none;
} */

/* in few pages extra spacing coming for the modal-content so removed that */
.modal .static-common-modals .modal-content,
.efficacy .modal .static-common-modals .modal-body  {
    padding: 0;
}
.modal .static-common-modals .modal-body {
    margin-top: 0;
}

/* in few pages there are some modals with large width (video modals) so that width is getting applied to the common modals as well hence, adding this new class and calling that class here with the common width */
@media (min-width: 768px) {
    .modal .modal-dialog.static-common-modals {
        max-width: 759px;
    }
}

@media all and (max-width:768px) {
    .modal .modal-body .interstitial {
        padding: 40px 10px;
    }
    #interstialPopup .interstitial,
    #needMoreInfoPopup .interstitial {
        padding: 70px 20px;
    }
    #mymodal .interstitial-form {
        padding: 70px 20px !important;
    }
}