/*===================Top Header design ==========================*/

/**/
.header-popup-content {font-size: 16px; font-weight: bold; }
.typing-container {display: grid ; grid-template-columns: 1.2fr 1fr; gap: 20px; align-items: center; justify-content: space-between; margin: 0 auto; }
.header-popup-form .gform_wrapper label.gfield_label {display: none !important; }
.popup-close-icon {position: absolute; right: 20px; padding: 7px; border: 1px solid #000; border-radius: 30px; opacity: 0.4; cursor: pointer; width: 30px; height: 30px; display: flex ; align-items: center; justify-content: center; top: 20px; }
.popup-close-icon img {width: 10px; display: block; }
.header-popup-form .gform_wrapper  form {display: flex; align-items: center; gap: 10px; width: 100%; }
.header-popup-form .gform_wrapper form .gform_footer.top_label {margin: 0; padding: 0; }
.header-popup-form form .gform_footer.top_label input {margin-bottom: 0; line-height: 1; font-size: 16px; padding: 13px 20px; }
.header-popup-form form .gform_body.gform-body {width: 100%; }
.header-popup-form .gform_wrapper .gfield .ginput_container_email input.large {padding: 11px 15px !important; min-width: 300px; line-height: 1; border-radius: 10px; box-shadow: none !important; font-size: 16px; border: 1px solid #101828; }
.header .gform_confirmation_wrapper .gform_confirmation_message strong {color: #fff; font-weight: normal; }
.header .gform_confirmation_wrapper .gform_confirmation_message {font-size: 13px; line-height: 1.5; max-width: 400px; margin: 0 auto; }

.before-header-popup.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  height: 0;
}
.before-header-popup {
    padding: 15px 0;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 111111;
    background: #fff;
    /* display: none; */
    opacity: 0;
    height: auto;
    animation-duration: 0.6s;
    animation-fill-mode: both;
    box-shadow: 0 0 20px #00000038;
    min-height: 70px;
    display: flex;
    align-items: center;
}
.before-header-inner .gform_wrapper.gravity-theme .gfield_validation_message, .before-header-inner .gform_wrapper.gravity-theme .validation_message {
    display: none;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}
.typing-container.hide-popup {
    grid-template-columns: 1fr;
    text-align: center;
}

.animate-slide-down {
  animation-name: slideDown;
}

.animate-slide-up {
  animation-name: slideUp;
}





.header-popup-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {border: 1px solid #c02b0a !important; }


@media screen and (max-width: 1400px) {
.typing-container{max-width: 98%;}

}

@media screen and (max-width: 1300px) {
.typing-container {max-width: 90%; }
.header-popup-content {font-size: 16px;}


}


@media screen and (max-width: 1200px) {
.header-popup-form .gform_wrapper .gfield .ginput_container_email input.large { min-width: 250px;}
.header-popup-form form .gform_footer.top_label input { font-size: 14px;}
.popup-close-icon {right: 5px; top: 20px; }
.header-popup-content {font-size: 14px; }
}


 @media only screen and (min-width: 961px) and (max-width: 1100px)  {
    
.typing-container {grid-template-columns: 1fr 1fr;}


    }

@media screen and (max-width: 960px) {
.typing-container {grid-template-columns: 1fr; gap: 15px; }
.header-popup-content { text-align: center;}

}



@media screen and (max-width: 767px) {
.header-popup-form .gform_wrapper form {flex-direction: column; }
.header-popup-form .gform_wrapper .gfield .ginput_container_email input.large { line-height: 1 !important;}
.header-popup-form form .gform_footer.top_label input { line-height: 1 !important;}
.header-popup-content {font-size: 14px; line-height: 1.4; }
.before-header-popup {padding: 20px 0;}
.popup-close-icon {right: 8px; top: 8px; }
.header-popup-form .gform_wrapper.gravity-theme .gf-btn-spinner-wrap .gf-btn-spinner {width: 20px; height: 20px; right: 26%; margin-top: 3px; }

    }


@media screen and (max-width: 480px) {
.header-popup-form form .gform_footer.top_label input {width: 100%;}
.header-popup-form .gform_wrapper form .gform_footer.top_label { width: 100%;}
.popup-close-icon {right: 5px; top: 5px; }

}