:root {
    --dark-blue: #004d88;
    --green: #036939;
}
  *,
  *::before,
  *::after {
    box-sizing: border-box; }
  
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  
  article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block; }
  
  body {
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #231f20;
    text-align: left;
    background-color: #fff; }
  
  [tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important; }
  
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; }
  
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem; }
  
  p {
    margin-top: 0;
    margin-bottom: 1rem; }
  
  abbr[title],
  abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none; }
  
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit; }
  
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem; }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0; }
  
  dt {
    font-weight: 700; }
  
  dd {
    margin-bottom: .5rem;
    margin-left: 0; }
  
  blockquote {
    margin: 0 0 1rem; }
  
  b,
  strong {
    font-weight: bolder; }
  
  small {
    font-size: 80%; }
  
  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline; }
  
  sub {
    bottom: -.25em; }
  
  sup {
    top: -.5em; }
  
  a {
    color: #1A8199;
    text-decoration: none;
    background-color: transparent; }
    a:hover {
      color: #166a7d;
      text-decoration: underline; }
  
  a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none; }
    a:not([href]):not([class]):hover {
      color: inherit;
      text-decoration: none; }

      textarea:focus, input:focus{
        outline: none;
    }

.container {width:1000px;margin:0 auto;position:relative;}
h1 {font-size:36px;line-height:45px;}
p {font-size:18px;}
button {border:0;}
button:hover {cursor: pointer;}

.blue-banner {background:var(--dark-blue);color:#fff;font-size:18px;font-family:"Noto Sans", sans-serif;text-align:center;padding:15px 0;}
.btn {border-radius:100px;background:var(--green);font-size:18px;color:#fff;padding:16px 30px;}
.btn:hover {color:#fff;background:var(--dark-blue);text-decoration:none;}
header {background:#f1f2f2;float:left;width:100%;}
header .container {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
header .logo {margin-top:8px;}
header .header-right {display:flex;flex-direction:column;text-align:center;padding:17px 0;}
header .consent-text {font-size:12px;}
header .consent-text .btn {display:inline-block;}

.form-top {float:left;width:100%;}
.text {float:left;width:500px;padding:85px 0 57px;}
form {background:#fff;position:absolute;padding:30px;top:60px;right:0;box-shadow:0px 10px 10px 0px rgb(0 0 0 / 10%);width:400px;text-align:center;}
form input {border-radius:20px;width:100%;border:1px solid #004D88;box-shadow:inset 0px 2px 3px #dddddd;font-size:15px;padding:10px;margin-bottom:20px;}
form label {float:left;margin-left:15px;}
form p.legal {font-size:16px;margin-top:10px;}
form p.legal a {color:#000;text-decoration:underline;}
form p.legal a:hover {color:#bb0000;text-decoration:none;}
.form-banner {background-image:url('img/hero.jpg');float:left;width:100%;height:565px;background-size:cover;background-position:center;}

.legal-box {width:100%;height:200px;overflow-y:scroll;background:#eee;margin:15px 0 0;padding:5px;box-sizing:border-box;text-align:left;}

.z-pat-row {float:left;width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:100px;}
.z-pat-row a {margin:0 auto;display:inline-block;}
.z-pat-img {width:356px;height:263px;position:relative;}
.z-pat-img-bg {background-image:url('img/plan.png');background-size:cover;width:100%;height:100%;z-index:2;position:relative;}
.overlay-box {background:rgb(3 105 57 / 10%);width:346px;height:253px;position:absolute;bottom:-10px;left:-10px;z-index:1;}
.z-pat-box {box-shadow:0px 10px 10px 0px rgb(0 0 0 / 10%);width:640px;padding:55px 45px;}
.z-pat-box h1::after {content:" ";height:4px;width:100px;background:var(--green);display:block;margin:20px 0;}
.img-right .z-pat-img {width:356px;height:263px;position:relative;}
.img-right .z-pat-img-bg {background-image:url('img/enroll.jpg');background-size:cover;width:356px;height:263px;position:relative;}
.img-right .z-pat-img .overlay-box {background:rgb(3 105 57 / 10%);width:346px;height:253px;position:absolute;bottom:-10px;right:-10px;left:initial;z-index:1;}

.green-banner {float:left;width:100%;background:var(--green);margin-top:100px;position:relative;padding-bottom:100px}
.green-banner .text {width:400px;}
.green-banner h1 {color:#fff;font-weight:400;}
.green-banner p {color:#fff;}
.green-banner .guide-placeholder {position:absolute;top:-50px;right:100px}

.testimonials {float:left;width:100%;position:relative;}
.testimonials .container {display:flex;flex-wrap:wrap;justify-content: space-between;position:relative;}
.test-box {box-shadow:0px 10px 10px 0px rgb(0 0 0 / 10%);background:#fff;width:48%;padding:40px;margin-top:-100px}
.test-box p {margin-top:15px;margin-bottom:0px;}
.bottom-btn {float:left;width:100%;padding:70px 0;text-align:center;}

footer {float:left;width:100%;background:var(--green);padding:10px 0;text-align:center;}
footer p {color:#fff;width:80%;text-align:center;margin:20px auto;}
footer a {color:#fff;}
footer a:hover {color:#fff;opacity:0.5}
h5 {color:#ff0000;}

@media screen and (max-width:1011px) {
    .container {width:100%;padding:0 10px;}
    .z-pat-box {width:calc(100% - 356px)}
}

@media screen and (max-width:930px) {
    .text {width:49%;}
    form {width:49%;}
}

@media screen and (max-width:930px) {
    .z-pat-row {margin-top:92px;}
}

@media screen and (max-width:800px) {
    .green-banner .text {width:100%;}
    .green-banner .guide-placeholder {width:100%;text-align:center;position:relative;top:0;margin-bottom:20px;}
}

@media screen and (max-width:700px) {
    .z-pat-img {order:1;margin:0 auto;}
    .z-pat-box {width:100%;order:2}
    .green-banner {padding-bottom:10px;}
    .test-box {margin-top:30px;width:100%;}
}

@media screen and (max-width:600px) {
    form {background:#eee}
    .blue-banner {padding:0 10px;}
    header .container {justify-content:center;padding-bottom:10px;}
    .text {width:100%;padding:30px 0;}
    form {width:100%;position:relative;float:left;top:0;margin-bottom:30px;}
    .form-banner {display:none;}
    .guide-placeholder {display:none;}
}