body { background-color: #fff !important; }
body .custom-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(44,45,48,.3); z-index: 99999; opacity: 0; pointer-events: none; }
body .custom-popup.active { opacity: 1; pointer-events: auto; }
body .custom-popup .popup-container { position: absolute; bottom: 20px; right: 20px; width: calc(100% - 40px); height: auto; max-width: 670px; border-radius: 8px; overflow: hidden; }
body .custom-popup .popup-container:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: right bottom; background: #fff; z-index: -1; transition: .3s .15s cubic-bezier(.43,.195,.02,1); }
body .custom-popup.active .popup-container:before { transform: scale(1); }
body .custom-popup .popup-inner { position: relative; opacity: 0; top: 10px; transition: .2s cubic-bezier(.43,.195,.02,1); }
body .custom-popup.active .popup-inner { opacity: 1; top: 0; transition: .35s .45s cubic-bezier(.43,.195,.02,1); }
body .custom-popup .popup-header { position: relative; padding: 25px; border-bottom: 1px solid #e2e2e2; transition: .3s; }
body .custom-popup .popup-close { position: absolute; top: 50%; right: 25px; height: 30px; width: 30px; transform: translateY(-50%); cursor: pointer; }
body .custom-popup .popup-close:before, body .custom-popup .popup-close:after { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 75%; height: 3px; background: #254371; border-radius: 20px; }
body .custom-popup .popup-close:after { transform: translate(-50%, -50%) rotate(-45deg); }
body .custom-popup .popup-close:hover:before, body .custom-popup .popup-close:hover:after { background: #f04444; }
body .custom-popup .email-image { display: flex; align-items: center; }
body .custom-popup .image-element { display: block; width: 80px; height: 100px; border-radius: 5px; }
body .custom-popup .image-text { margin-left: 20px; }
body .custom-popup .image-text h3 { margin-bottom: 5px; }
body .custom-popup .image-text h2 { margin-bottom: 0; }
body .custom-popup .popup-content { padding: 25px; height: calc(100vh - 210px); overflow-y: scroll; }
body .custom-popup .popup-form { display: flex; margin-bottom: 30px; }
body .custom-popup .popup-col { width: 50%; }
body .custom-popup .popup-col.col-2 { padding-left: 30px; }
body .custom-popup .popup-form label, body .custom-popup .gform_validation_errors { display: none; }
body .custom-popup .gform_fields { grid-row-gap: 25px; }
body .custom-popup .popup-form input, body .custom-popup .popup-form textarea { font-size: 14px; color: #0d142f; border: 1px solid #e2e2e2; box-shadow: none; outline: none; }
body .custom-popup .popup-form textarea { max-height: 90px; }
body .custom-popup .popup-form input::placeholder, body .custom-popup .popup-form textarea::placeholder { color: #7d7d7d; }
body .custom-popup .popup-form input[type="submit"] { background: #254371 !important; width: 100% !important; }
body .custom-popup .popup-form input[type="submit"]:hover { background: #f04444 !important; }
body .custom-popup .gfield { position: relative; }
body .custom-popup .validation_message { position: absolute; left: 0; bottom: -19px; display: inline-block; font-size: 11px; width: auto; padding: 4px 10px; margin: 0; line-height: 100%; border: 0; border-left: 2px solid #f04444; color: #f04444; box-shadow: 0 2px 4px rgba(0,0,0,.15); background: #ff525214; z-index: 1; }
