.blog-banner-download-area{ margin: 70px 0 0; }
.blog-banner-download-area h4{ font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.5px;
  color: #666; margin-bottom: 15px; position: relative; z-index: 3; }

.download-now-btn{ display: inline-block; font-size: 18px; font-family: 'Montserrat', sans-serif;
  font-weight: normal; padding: 12px 43px 12px 43px;
  border-radius: 3px;
  background-color: #fc4c02;
  line-height: 1.5; text-decoration: none;
  letter-spacing: normal;
  color: #fff !important; border: 2px solid #fc4c02; transition: 0.5s all; }

.download-now-btn:hover{ background-color: #fff; color: #fc4c02 !important; }
/* .modal-toggle { display: none; } */
.modal {
    position: fixed;
    z-index: 10000; /* 1 */
    top: 10%;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
  right: 0;
}

.modal.is-visible { visibility: visible; }

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay { opacity: 1; visibility: visible; transition-delay: 0s; }

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 3em;
  left: 50%;
  width: 28em;
  margin-left: -12em;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition { transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0; }
.modal.is-visible .modal-transition { transform: translateY(0); opacity: 1; border-radius: 10px; }
.modal-header, .modal-content { padding: 1em; position: relative; }
.modal-close { position: absolute; top: 0; right: 0; padding: 0.5em; font-size: 24px; font-weight: bold; color: #aaa; background: none; border: 0; }
.modal-close:hover { color: #777; background: none; }
.modal-content > *:first-child { margin-top: 0; }
.modal-content > *:last-child { margin-bottom: 0; }

.body-container-wrapper .modal_form .hs_cos_wrapper_type_form form { padding-bottom: 0; }
.modal-heading { font-family: 'Gilroy'; font-size: 30px; text-align: center; color: #000; font-weight: 700; }
.modal_form form .hs-form-field { position: relative; margin-bottom: 25px; }
.modal_form form .hs-input { border: 1px solid #ccc; box-shadow: none; padding: 10px 15px; }
.modal_form form .hs-button { padding: 15px 25px; font-size: 20px; text-transform: uppercase; 
box-shadow: none; border: 0 none; margin: 20px 0 0; }

.modal_form form .hs-input:focus {
    box-shadow: none;
    border: 1px solid #ccc;
}
ul.no-list.hs-error-msgs {
    position: absolute;
    bottom: -25px;
    left: 0;
}

.privacy-txt { font-size: 14px; line-height: 2; letter-spacing: -.5px; color: #777; margin-left: 40px; }
.privacy-txt img { margin-right: 10px; position: relative; top: 5px; }

.modal_form .hs_error_rollup { display: none; }

.modal_form form .hs-fieldtype-booleancheckbox .inputs-list { padding-left: 34px; padding-top: 7px; }
.modal_form form .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display {
    color: #000; }
.modal_form form input.hs-input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent!important;
    border: 0.15em solid #000!important;
    border-radius: 0.15em;
    height: 22px;
    left: 0;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 6px;
    transform: translateY(-0.075em);
    width: 22px;
}
.modal_form form input.hs-input[type=checkbox]:before {
    box-shadow: inset 1em 1em #000;
    clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);
    content: "";
    height: 15px;
    left: 3px;
    position: absolute;
    top: 2px;
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform .12s ease-in-out;
    width: 15px;
}
.modal_form form input.hs-input[type=checkbox]:checked:before {
    transform: scale(1);
}

.modal_form form .hs-fieldtype-booleancheckbox .inputs-list.hs-error-msgs { padding-left: 0; }
.modal_form form .legal-consent-container .hs-form-booleancheckbox-display p { font-size: 16px; }
.modal_form form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0; }
.modal_form form .legal-consent-container>div:first-child { margin-bottom: 20px; }
.modal_form form .legal-consent-container .hs-richtext { display: none; }



@media (max-width: 1440px){
.blog-banner-download-area h4 { font-size: 22px; max-width: 95%; }
.download-now-btn { padding: 8px 33px 8px 33px; }
}

@media (max-width: 1199px){
.modal-wrapper { margin-left: -14em;}
}

@media only screen and (max-width: 480px){
.download-area { margin-bottom: 70px; }
.modal-wrapper { margin-left: 0; right: 0; left: 0; margin: 0 auto; width: 95%; }
.modal-heading { font-size: 26px; }
.privacy-txt { font-size: 14px; display: block; margin-left: 0; }
.privacy-txt img { margin-right: 5px; }
.modal { top: 3%; }
.body-container-wrapper .modal_form .hs_cos_wrapper_type_form form { padding: 0; }
}