*{
   box-sizing: border-box;
}
p {
   margin: 0;
}
a {
   font-size: 16px;
   text-decoration: none;
   color: #0099FF;
}
.jotform-link {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background-color: #0A1551;
}
.logo-image {
   width: 153px;
   margin: 0 30px;
}
body {
   font-family: var(--fontFamily, 'Circular'), sans-serif;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   margin: 0;
   width: 100vw;
   height: 100vh;
   background-color: var(--clrBg, #F3F3FE);
   color: var(--clrText, #0A1551);
   background-image: var(--bgURL, none);
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: center top;
}
.form-message {
   min-width: min(550px, 100vw);
   height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.jotform-error-message {
   width: 100%;
   height: calc(100vh - 59px);
   position: absolute;
   bottom: 0;
}
.form-message-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   min-width: min(550px, 90vw);
   max-width: min(1200px, 90vw);
   min-height: 360px;
   max-height: calc(100vh - 48px);
   padding: 40px 32px;
   background-color:  var(--clrFrame, #FFFFFF);
   box-shadow: 0px 2px 4px 3px rgba(181, 182, 201, 0.33);
   border-radius: 4px;
   overflow: auto;
}

.form-message-wrapper:before, 
.form-message-wrapper:after {
   content: '';
}

.form-message-wrapper:before {
   margin-top: auto;
}

.form-message-wrapper:after {
   margin-bottom: auto;
}

.form-error-message-wrapper {
   max-width: min(620px, 90vw);
   padding: 36px 16px;
}
svg .circle {
   fill: var(--clrText, #FFB629);
}
svg .triangle {
   fill: var(--clrText, #FFA217);
}
.form-message-text {
   font-size: 32px;
   font-weight: 600;
   margin: 12px 0;
   text-align: center;
}
.horizontal-line {
   width: 250px;
   border-top: 0;
   border-bottom: 1px solid var(--clrBg, #c8ceed);
   margin: 20px 0 24px;
}
.error-reason-heading {
   font-size: 20px;
   margin: 0 0 24px;
}
.form-message-subtext {
   font-size: 17px;
   line-height: 2;
   max-width: 370px;
   margin: 0 auto;
   text-align: center;
}
.form-message-subtext p {
   margin-bottom: 30px;
}
.form-message-subtext p:last-child {
   margin-bottom: 0;
}
.back-to-form-button {
   width: 232px;
   height: 56px;
   display: flex;
   font-size: 20px;
   border-radius: 4px;
   background-color: var(--control-button-bg-color ,#0099FF);
   color: #ffffff;
   cursor: pointer;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   margin: 24px auto;
   border: none;
}
.back-to-form-button:hover {
   background-color: var(--submit-button--hover ,#4bb7ff);
}
.error-reason-wrapper {
   display: flex;
   flex-direction: column;
   font-size: 17px;
   max-width: 460px;
   width: 100%;
}
.error-reason {
   padding: 16px;
   text-align: center;
   background-color: rgba(243, 243, 254, 0.6);
   border-radius: 4px;
}
.error-reason + .error-reason {
   margin-top: 8px;
}
@media only screen and (max-device-width: 600px) {
   div.jotform-error-message {
      height: calc(100vh - 75px);
   }
   
   .form-message-wrapper {
      min-width: 322px;
   }
   .form-message {
      margin: 8px;
      height: calc(100vh - 16px);
      width: calc(100% - 16px);
      min-width: 322px;
   }
   .form-message-text {
      font-size: 24px;
   }
   .back-to-form-button {
      width: 180px;
   }
}

.cta-button {
   margin: 32px 0 auto;
   background-color: #64b200;
   border-radius: 4px;
   height: 40px;
   transition: all .3s;
   color: #ffffff;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: 0 12px;

   span {
      padding: 0 12px;
      font-size: 16px;
      font-weight: 500;
   }
}

.cta-button:hover {
   background-color: #529300;
}