@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 16px;
}

a {
  background-color: transparent;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25rem;
}

sup {
  top: -0.5rem;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@supports (display: grid) {
  .grid {
    display: grid;
    grid-template-columns: [start] 1fr 1fr 1fr [first-quater] 1fr [first-third] 1fr 1fr [center] 1fr 1fr [secound-third] 1fr [third-quater] 1fr 1fr 1fr [end];
    grid-column-gap: 1rem;
  }
  .grid > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    grid-column: start / end;
  }
  .grid .row-span-2 {
    grid-row: span 2;
  }
  @media (min-width: 768px) {
    .grid {
      grid-column-gap: 1.5rem;
    }
    .grid .t-half-1 {
      grid-column: start / center;
    }
    .grid .t-half-2 {
      grid-column: center / end;
    }
    .grid .t-half-c {
      grid-column: first-quater / third-quater;
    }
    .grid .t-third-1 {
      grid-column: start / first-third;
    }
    .grid .t-third-2 {
      grid-column: first-third / secound-third;
    }
    .grid .t-third-3 {
      grid-column: secound-third / end;
    }
    .grid .t-fourth-1 {
      grid-column: start / first-quater;
    }
    .grid .t-fourth-2 {
      grid-column: first-quater / center;
    }
    .grid .t-fourth-2-3 {
      grid-column: first-quater / third-quater;
    }
    .grid .t-fourth-3 {
      grid-column: center / third-quater;
    }
    .grid .t-fourth-4 {
      grid-column: third-quater / end;
    }
    .grid .t-col-3 {
      grid-column: span 4;
    }
    .grid .t-col-4 {
      grid-column: span 3;
    }
    .grid .t-span-1 {
      grid-column: span 1;
    }
    .grid .t-span-2 {
      grid-column: span 2;
    }
    .grid .t-span-3 {
      grid-column: span 3;
    }
    .grid .t-span-4 {
      grid-column: span 4;
    }
    .grid .t-span-5 {
      grid-column: span 5;
    }
    .grid .t-span-6 {
      grid-column: span 6;
    }
  }
  @media (min-width: 1215px) {
    .grid {
      grid-column-gap: 2rem;
    }
    .grid .d-half-1 {
      grid-column: start / center;
    }
    .grid .d-half-2 {
      grid-column: center / end;
    }
    .grid .d-half-c {
      grid-column: first-quater / third-quater;
    }
    .grid .d-third-1 {
      grid-column: start / first-third;
    }
    .grid .d-third-2 {
      grid-column: first-third / secound-third;
    }
    .grid .d-third-3 {
      grid-column: secound-third / end;
    }
    .grid .d-third-2-3 {
      grid-column: first-third / end;
    }
    .grid .d-fourth-1 {
      grid-column: start / first-quater;
    }
    .grid .d-fourth-2 {
      grid-column: first-quater / center;
    }
    .grid .d-fourth-2-3 {
      grid-column: first-quater / third-quater;
    }
    .grid .d-fourth-3 {
      grid-column: center / third-quater;
    }
    .grid .d-fourth-4 {
      grid-column: third-quater / end;
    }
    .grid .d-col-3 {
      grid-column: span 4;
    }
    .grid .d-col-4 {
      grid-column: span 3;
    }
    .grid .d-span-1 {
      grid-column: span 1;
    }
    .grid .d-span-2 {
      grid-column: span 2;
    }
    .grid .d-span-3 {
      grid-column: span 3;
    }
    .grid .d-span-4 {
      grid-column: span 4;
    }
    .grid .d-span-5 {
      grid-column: span 5;
    }
    .grid .d-span-6 {
      grid-column: span 6;
    }
    .grid .d-span-7 {
      grid-column: span 7;
    }
    .grid .d-span-8 {
      grid-column: span 8;
    }
    .grid .d-span-9 {
      grid-column: span 9;
    }
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 30%;
  max-width: 100%;
}

#calender-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: grid;
  grid-gap: 3px;
}
#calender-grid label {
  display: block;
  background-color: rgba(50, 205, 50, 0.3);
  color: #222222;
  padding: 0.5em;
  margin: 0;
  text-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  border: 5px solid white;
  width: 100%;
}
#calender-grid input[name="Intake"] {
  display: none;
}
#calender-grid input[name="Intake"]:checked + label {
  border-color: #f3b016;
}
#calender-grid .disabled {
  background-color: rgba(34, 34, 34, 0.2);
}
#calender-grid h4 {
  font-size: 19.2px;
  text-align: center;
  background-color: #222222;
  color: white;
  padding: 0.5em;
  margin: 0;
}
#calender-grid .off {
  background-color: rgba(34, 34, 34, 0.2);
  text-align: center;
  padding: 0.5rem;
  margin: 6px;
}
#calender-grid .free {
  background-color: rgba(50, 205, 50, 0.3);
}
#calender-grid .full {
  background-color: rgba(255, 0, 0, 0.3);
}
#calender-grid .almost-full {
  background-color: rgba(255, 140, 0, 0.3);
}
#calender-grid .contact-us {
  background-color: rgba(0, 153, 255, 0.2);
}
@media (min-width: 768px) {
  #calender-grid {
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr repeat(43, 7px);
  }
  #calender-grid h4 {
    font-size: 16px;
  }
  #calender-grid .mon {
    grid-column: 1 / 2;
  }
  #calender-grid .tue {
    grid-column: 2 / 3;
  }
  #calender-grid .wed {
    grid-column: 3 / 4;
  }
  #calender-grid .thu {
    grid-column: 4 / 5;
  }
  #calender-grid .fri {
    grid-column: 5 / 6;
  }
  #calender-grid .sat {
    grid-column: 6 / 7;
  }
  #calender-grid .sun {
    grid-column: 7 / 8;
  }
  #calender-grid .day {
    grid-row: 1;
  }
  #calender-grid .off {
    grid-row: 2 / -1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
  #calender-grid .d-30 {
    grid-row-end: span 2;
  }
  #calender-grid .d-60 {
    grid-row-end: span 4;
  }
  #calender-grid .d-90 {
    grid-row-end: span 6;
  }
  #calender-grid .d-120 {
    grid-row-end: span 8;
  }
  #calender-grid .s-0900 {
    grid-row-start: 2;
  }
  #calender-grid .s-0915 {
    grid-row-start: 3;
  }
  #calender-grid .s-0930 {
    grid-row-start: 4;
  }
  #calender-grid .s-0945 {
    grid-row-start: 5;
  }
  #calender-grid .s-1000 {
    grid-row-start: 6;
  }
  #calender-grid .s-1015 {
    grid-row-start: 7;
  }
  #calender-grid .s-1030 {
    grid-row-start: 8;
  }
  #calender-grid .s-1045 {
    grid-row-start: 9;
  }
  #calender-grid .s-1100 {
    grid-row-start: 10;
  }
  #calender-grid .s-1115 {
    grid-row-start: 11;
  }
  #calender-grid .s-1130 {
    grid-row-start: 12;
  }
  #calender-grid .s-1145 {
    grid-row-start: 13;
  }
  #calender-grid .s-1200 {
    grid-row-start: 14;
  }
  #calender-grid .s-1215 {
    grid-row-start: 15;
  }
  #calender-grid .s-1230 {
    grid-row-start: 16;
  }
  #calender-grid .s-1245 {
    grid-row-start: 17;
  }
  #calender-grid .s-1300 {
    grid-row-start: 18;
  }
  #calender-grid .s-1315 {
    grid-row-start: 19;
  }
  #calender-grid .s-1330 {
    grid-row-start: 20;
  }
  #calender-grid .s-1345 {
    grid-row-start: 21;
  }
  #calender-grid .s-1400 {
    grid-row-start: 22;
  }
  #calender-grid .s-1415 {
    grid-row-start: 23;
  }
  #calender-grid .s-1430 {
    grid-row-start: 24;
  }
  #calender-grid .s-1445 {
    grid-row-start: 25;
  }
  #calender-grid .s-1500 {
    grid-row-start: 26;
  }
  #calender-grid .s-1515 {
    grid-row-start: 27;
  }
  #calender-grid .s-1530 {
    grid-row-start: 28;
  }
  #calender-grid .s-1545 {
    grid-row-start: 29;
  }
  #calender-grid .s-1600 {
    grid-row-start: 30;
  }
  #calender-grid .s-1615 {
    grid-row-start: 31;
  }
  #calender-grid .s-1630 {
    grid-row-start: 32;
  }
  #calender-grid .s-1645 {
    grid-row-start: 33;
  }
  #calender-grid .s-1700 {
    grid-row-start: 34;
  }
  #calender-grid .s-1715 {
    grid-row-start: 35;
  }
  #calender-grid .s-1730 {
    grid-row-start: 36;
  }
  #calender-grid .s-1745 {
    grid-row-start: 37;
  }
  #calender-grid .s-1800 {
    grid-row-start: 38;
  }
  #calender-grid .s-1815 {
    grid-row-start: 39;
  }
  #calender-grid .s-1830 {
    grid-row-start: 40;
  }
  #calender-grid .s-1845 {
    grid-row-start: 41;
  }
  #calender-grid .s-1900 {
    grid-row-start: 42;
  }
  #calender-grid .s-1915 {
    grid-row-start: 43;
  }
  #calender-grid .s-1930 {
    grid-row-start: 44;
  }
  #calender-grid .s-1945 {
    grid-row-start: 45;
  }
  #calender-grid .s-2000 {
    grid-row-start: 46;
  }
  #calender-grid .s-2015 {
    grid-row-start: 47;
  }
  #calender-grid .s-2030 {
    grid-row-start: 48;
  }
  #calender-grid .s-2045 {
    grid-row-start: 49;
  }
}

.free {
  background-color: rgba(50, 205, 50, 0.3);
  text-align: center;
  padding: 0.2em;
}

.full {
  background-color: rgba(255, 0, 0, 0.3);
  text-align: center;
  padding: 0.2em;
}

.almost-full {
  background-color: rgba(255, 140, 0, 0.3);
  text-align: center;
  padding: 0.2em;
}

.contact-us {
  background-color: rgba(0, 153, 255, 0.2);
  text-align: center;
  padding: 0.2em;
}

#fourOfour {
  min-height: 50vh;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#fourOfour img {
  display: none;
}
@media (min-width: 1215px) {
  #fourOfour {
    padding: 4rem 6rem 2rem;
  }
  #fourOfour img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 40%;
  }
}

.test *:nth-child(even) {
  background-color: red;
}
.test *:nth-child(odd) {
  background-color: green;
}

html {
  width: 100%;
}

.body {
  position: relative;
  background-color: #fbfbfb;
  display: grid;
  grid-template-rows: auto 1fr 1.4rem;
  grid-template-areas: "header" "main";
  width: 100%;
  height: 100vh;
}
@media (min-width: 1215px) {
  .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-template-columns: 1fr 300px;
    grid-template-rows: 1fr 1.4rem;
    grid-template-areas: "main header" "main header";
  }
}

header {
  grid-area: header;
}
@media (min-width: 1215px) {
  header {
    width: 300px;
    height: 100vh;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

main {
  grid-area: main;
  background-color: #ffffff;
}
@media (min-width: 1215px) {
  main {
    width: calc(100% - 300px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width: 1215px) {
  footer {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

* {
  margin-bottom: 1rem;
}

.narrow {
  margin-bottom: 0.1rem;
}

h1 + h2 {
  margin-top: -0.9rem;
}

h3 + h4 {
  margin-top: -0.9rem;
}

h6 {
  margin-bottom: 0;
}

#nav a,
#head li {
  margin-bottom: 0.5rem;
}

.item * {
  margin-bottom: 0.5rem;
}
.item:nth-last-child(1) {
  margin-bottom: 1rem;
}

main,
iframe {
  margin: 0;
  padding: 0;
}

section,
#nav a:nth-last-child(1),
.modal-bg,
li {
  margin-bottom: 0;
}

#googlemap {
  padding: 0;
}

section {
  padding: 1rem 2rem 0;
}

header section {
  padding: 1rem;
}

.button * {
  margin-bottom: 0;
}

figcaption {
  margin-top: -0.8rem;
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1214px) {
  * {
    margin-bottom: 1.5rem;
  }
  .narrow {
    margin-bottom: 0.15rem;
  }
  h1 + h2 {
    margin-top: -1.35rem;
  }
  h3 + h4 {
    margin-top: -1.35rem;
  }
  i {
    margin-bottom: 0.15rem;
  }
  #nav a {
    margin-bottom: 0;
  }
  .item * {
    margin-bottom: 0.75rem;
  }
  .item:nth-last-child(1) {
    margin-bottom: 1.5rem;
  }
  section {
    padding: 1.5rem 3rem 0;
  }
  header section {
    padding: 1.5rem;
  }
  figcaption {
    margin-top: -1.125rem;
  }
}
@media (min-width: 1215px) {
  * {
    margin-bottom: 2rem;
  }
  .narrow {
    margin-bottom: 0.2rem;
  }
  h1 + h2 {
    margin-top: -1.8rem;
  }
  h3 + h4 {
    margin-top: -1.8rem;
  }
  i {
    margin-bottom: 0.2rem;
  }
  #nav a {
    margin-bottom: 0.4rem;
  }
  #sidebar .social {
    margin-bottom: 0.4rem;
  }
  .item * {
    margin-bottom: 1rem;
  }
  .item:nth-last-child(1) {
    margin-bottom: 2rem;
  }
  section {
    padding: 4rem 6rem 0;
  }
  #head,
  #program {
    padding: 4rem 6rem 2rem;
  }
  header section {
    padding: 2rem;
  }
  figcaption {
    margin-top: -1.6rem;
  }
}
img {
  width: 100%;
}

a img {
  height: auto;
  max-height: 100%;
}

li {
  list-style: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #a2a2a2;
  margin: 1em 0 1.5em;
  padding: 0;
}

section:focus {
  border: none;
  outline: none;
}

i {
  color: #a2a2a2;
}

.fa-youtube {
  color: #e00f0f;
}

.fa-facebook {
  color: #275cb2;
}

.fa-instagram {
  color: #a50e6e;
}
.fa-whatsapp {
  color: #4bee69;
}

body {
  font-family: Arial, "Arial Unicode MS", Helvetica;
  font-weight: 400;
  text-align: center;
  color: #222222;
}

@media (max-width: 767px) {
  h1 {
    font-size: 25.6px;
  }
  h2 {
    font-size: 19.2px;
  }
  h3 {
    font-size: 16.64px;
  }
  h4 {
    font-size: 15.36px;
  }
  h5 {
    font-size: 19.2px;
  }
  h6 {
    font-size: 16.64px;
  }
}
@media (min-width: 768px) and (max-width: 1214px) {
  h1 {
    font-size: 28.8px;
  }
  h2 {
    font-size: 21.6px;
  }
  h3 {
    font-size: 18.72px;
  }
  h4 {
    font-size: 17.28px;
  }
  h5 {
    font-size: 21.6px;
  }
  h6 {
    font-size: 18.72px;
  }
}
@media (min-width: 1215px) {
  body {
    font-size: 18px;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20.8px;
  }
  h4 {
    font-size: 19.2px;
  }
  h5 {
    font-size: 24px;
  }
  h6 {
    font-size: 20.8px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  font-weight: 400;
}

h1,
h3 {
  text-transform: uppercase;
}

a {
  text-decoration: none;
  color: #6f6f6f;
}
a:visited {
  color: #6f6f6f;
}
a:hover,
a:focus {
  color: #f3b016;
}

button,
.button {
  display: inline-block;
  padding: 1em;
  background-color: #f3b016;
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
button:visited,
.button:visited {
  color: #222222;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #222222;
  color: #f3b016;
}

.square:nth-child(even)::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 100%;
  margin: 0 10px 0 0;
  color: #a2a2a2;
  color: #f3b016;
}
.square:nth-child(odd)::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 100%;
  margin: 0 10px 0 0;
  color: #a2a2a2;
  color: #f3b016;
}

.square-o::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 100%;
  margin: 0 10px 0 0;
  color: #a2a2a2;
  color: #f3b016;
  height: 100%;
}

.square-f::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 100%;
  margin: 0 10px 0 0;
  color: #a2a2a2;
  color: #f3b016;
  height: 100%;
}

.qoute {
  position: relative;
  border: 2px solid #f3b016;
  border-radius: 4px;
  background-color: #222222;
  padding: 1rem;
  width: 100%;
  height: 100%;
}
.qoute span {
  color: #f3b016;
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0; /*     position: absolute;
bottom: -14px;
display: block;
padding: 0 10px;
margin-bottom: 0;
background: linear-gradient(to bottom, $grey 0%, $grey 55%, rgba($grey, 0) 55%, rgba($grey, 0) 100%); */
}

.modal-bg {
  display: none;
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background: rgba(34, 34, 34, 0.9);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
  pointer-events: none;
}
.modal-bg .modal-close {
  position: absolute;
  right: 7px;
  top: 3px;
  font-size: 1.5rem;
}
.modal-bg > .modal {
  grid-column: 1 / -1;
  width: 98vw;
  height: auto;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  margin: auto;
  border-radius: 4px;
  background: #ffffff;
  padding: 1rem 2rem;
}
@media (min-width: 1215px) {
  .modal-bg > .modal {
    width: 90vw;
  }
}
@media (min-width: 1215px) {
  .modal-bg > .modal {
    padding: 2rem 4rem;
  }
}
.modal-bg > .modal img {
  width: 100%;
}

.modal-bg-visible {
  display: block;
  display: grid;
  opacity: 1;
  pointer-events: auto;
}

.scrollstop {
  overflow: hidden;
}
@media (max-width: 767px) {
  .scrollstop {
    position: fixed;
  }
}

.modal {
  background-color: #ffffff;
}
.modal h5 {
  margin-top: 1rem;
  margin-bottom: 0;
}
.modal hr {
  margin-bottom: 1rem;
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-width: 1px;
  border-color: #e1e1e1;
}
@media (min-width: 768px) and (max-width: 1214px) {
  .modal h5 {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
  .modal hr {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1215px) {
  .modal h5 {
    margin-top: 2rem;
    margin-bottom: 0;
  }
  .modal hr {
    margin-bottom: 2rem;
  }
}
.modal img {
  -ms-flex-item-align: center;
  align-self: center;
  justify-self: center;
}

.modal-content p {
  text-align: justify;
}

form .rc-anchor {
  width: 50px;
}
form label {
  display: none;
  cursor: pointer;
}
form input,
form textarea {
  width: 100%;
  color: #222222;
  padding: 0.5em 1em;
  margin-bottom: 0;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
}
form input:focus,
form input:active,
form textarea:focus,
form textarea:active {
  outline-color: #f3b016;
}
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: #c8c8c8;
}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: #c8c8c8;
}
form input::-ms-input-placeholder,
form textarea::-ms-input-placeholder {
  color: #c8c8c8;
}
form input::placeholder,
form textarea::placeholder {
  color: #c8c8c8;
}
form input[type="radio"] {
  display: inline-block;
  width: 30px;
  margin-bottom: 10px;
}
form textarea {
  height: 100px;
}
form .g-recaptcha {
  margin-left: 0;
}
form .g-recaptcha div {
  margin: 0;
}
@media (min-width: 1215px) {
  form .button {
    margin-left: 0;
  }
}

.message {
  position: fixed;
  width: 70%;
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  border-radius: 4px;
  padding: 1rem;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.message :nth-last-child(1) {
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1214px) {
  .message {
    padding: 1.5rem;
  }
}
@media (min-width: 1215px) {
  .message {
    padding: 2rem;
  }
}

.close {
  position: absolute;
  right: 5px;
  top: 3px;
}

#success_message {
  display: none;
  background-color: #b3ffb3;
}
#success_message * {
  color: green;
}

#error_message {
  display: none;
  background-color: #ffb3b3;
}
#error_message * {
  color: maroon;
}

fieldset {
  border: none;
}

#applyform .fieldset {
  border: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #applyform .fieldset {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1215px) {
  #applyform .fieldset {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
  }
}
#applyform .fieldset label {
  display: inline-block;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.5em;
  outline: none;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-radius: 4px;
}
#applyform .fieldset input[name="Plan"] {
  display: none;
}
#applyform .fieldset input[name="Plan"]:checked + label {
  background-color: #f3b016;
}

#sidebar {
  background-color: #fbfbfb;
  display: grid;
}
#sidebar::-webkit-scrollbar {
  display: none;
}
#sidebar #logo {
  height: 100px;
}
#sidebar a img {
  width: 100%;
  max-width: 230px;
  height: auto;
}
#sidebar nav a {
  color: #222222;
  font-size: 1.2rem;
  display: block;
  padding: 0.5rem;
}
#sidebar p {
  text-align: center;
}
@media (max-width: 1214px) {
  #sidebar #nav-icon,
  #sidebar #logo {
    margin-bottom: 0;
  }
}
#sidebar #nav-icon {
  display: block;
}
#sidebar #nav-checkbox {
  display: none;
}
#sidebar #nav {
  display: none;
}
#sidebar #nav-checkbox:checked ~ #nav {
  display: block;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #sidebar p {
    display: none;
  }
  #sidebar #nav-checkbox:checked ~ p {
    display: block;
  }
}
#sidebar #logo {
  grid-area: logo;
}
#sidebar #nav-icon {
  grid-area: navicon;
}
#sidebar #nav {
  grid-area: nav;
}
#sidebar .social {
  grid-area: social;
}
#sidebar .adress {
  grid-area: adress;
}
#sidebar .phone {
  grid-area: phone;
}
#sidebar .email {
  grid-area: email;
}
#sidebar .opening-hours {
  grid-area: opening-hours;
}
@media (max-width: 767px) {
  #sidebar {
    grid-template-areas: "phone email" "logo social" "logo navicon" "nav nav";
  }
  #sidebar p {
    font-size: 90%;
  }
  #sidebar p a {
    font-size: 90%;
  }
  #sidebar p > a {
    color: #222222;
  }
  #sidebar #nav {
    margin-bottom: 0;
    margin-top: 1rem;
  }
  #sidebar #logo {
    justify-self: start;
  }
  #sidebar #nav-icon {
    justify-self: end;
  }
  #sidebar .nav {
    justify-self: center;
  }
  #sidebar .social {
    justify-self: end;
  }
  #sidebar .adress {
    display: none;
  }
  #sidebar .phone {
    justify-self: start;
  }
  #sidebar .email {
    justify-self: end;
  }
  #sidebar .opening-hours {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1214px) {
  #sidebar {
    grid-template-areas: "logo . social" "logo . navicon" "phone email nav" "adress opening-hours nav";
  }
  #sidebar p,
  #sidebar #nav {
    margin-bottom: 0;
    margin-top: 1.5rem;
  }
  #sidebar p > a > i,
  #sidebar p > i {
    display: block;
    font-size: 1.2rem;
    padding: 0.5rem;
  }
  #sidebar p > a {
    color: #222222;
  }
  #sidebar #logo {
    justify-self: start;
  }
  #sidebar #nav-icon {
    justify-self: end;
  }
  #sidebar .nav {
    justify-self: center;
  }
  #sidebar .social {
    justify-self: end;
  }
  #sidebar .adress {
    justify-self: center;
  }
  #sidebar .phone {
    justify-self: center;
  }
  #sidebar .email {
    justify-self: center;
  }
  #sidebar .opening-hours {
    justify-self: center;
  }
}
@media (min-width: 1215px) {
  #sidebar {
    grid-template-areas: "logo" "nav" "social" "adress" "phone" "email" "opening-hours";
  }
  #sidebar p {
    margin-bottom: 0.02rem;
  }
  #sidebar p > a > i,
  #sidebar p > i {
    display: block;
    font-size: 1.2rem;
    padding: 0.5rem;
  }
  #sidebar p > a {
    color: #222222;
  }
  #sidebar #logo {
    justify-self: center;
  }
  #sidebar #nav-icon {
    display: none;
  }
  #sidebar #nav {
    display: block;
  }
}

@media (min-width: 1215px) {
  .fixed {
    position: fixed;
    width: 300px;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    left: auto;
  }
  .fixed * {
    position: relative;
  }
}
#head {
  position: relative;
  background-image: url("../../img/header-wins-2023.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  color: #ffffff;
}
#head::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#head > * {
  position: relative;
}
#head img {
  grid-column: 3 / 11;
}
@media (min-width: 1215px) {
  #head img {
    grid-column: 4 / 10;
  }
}

#promotion {
  background-color: #e6f0ff;
}

#program .button {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #program .button {
    grid-column: span 6;
  }
}
@media (min-width: 1215px) {
  #program .button {
    grid-column: span 6;
  }
}

#testimonial {
  color: #ffffff;
  position: relative;
  background-image: url("../../img/Testimonial.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#testimonial #t1,
#testimonial #t2,
#testimonial #t3,
#testimonial #source {
  display: none;
}
#testimonial::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#testimonial > * {
  position: relative;
}
#testimonial #target {
  min-height: 550px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #testimonial #target {
    min-height: 350px;
  }
}
@media (min-width: 1215px) {
  #testimonial #target {
    min-height: 250px;
  }
}
#testimonial .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  justify-self: center;
  max-width: 430px;
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #testimonial .item {
    grid-column: span 6;
  }
}
@media (min-width: 1215px) {
  #testimonial .item {
    grid-column: span 6;
  }
}

#about {
  background-color: #e6f0ff;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #about div:nth-child(2) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    grid-column: 1 / -1;
  }
}
#about .item p {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #about .item {
    grid-column: span 6;
  }
}
@media (min-width: 1215px) {
  #about .item {
    grid-column: span 4;
  }
}

#whyus .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
#whyus .item p {
  text-align: justify;
}
@supports (display: grid) {
  #whyus .item {
    margin-left: 0;
    margin-right: 0;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    justify-self: center;
    max-width: 430px;
  }
  #whyus .item::before {
    grid-column: start/end;
    font-size: 24px;
  }
  @media (min-width: 768px) and (max-width: 1214px) {
    #whyus .item {
      grid-column: span 6;
      max-width: 400px;
    }
  }
  @media (min-width: 1215px) {
    #whyus .item {
      grid-column: span 6;
      max-width: 430px;
    }
  }
}

.galleryheader {
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #222222;
  color: #f3b016;
}
.galleryheader h6 {
  margin: 1em 0;
}

#team {
  background-color: #e6f0ff;
}
#team .item {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 430px;
  width: 100%;
  justify-self: center;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #team .item {
    grid-column: span 6;
  }
}
@media (min-width: 1215px) {
  #team .item {
    grid-column: span 4;
  }
}

.rounded {
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  max-width: 50%;
}

#curriculum {
  text-align: left;
}
#curriculum #features li {
  list-style-type: square;
  margin-left: 1.2rem;
}
#curriculum h2 {
  display: inline-block;
  margin-bottom: 0.5em;
}
#curriculum #ec {
  position: relative;
  background-image: url("../../img/EarlyCreators.jpg");
  background-position: "top";
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#curriculum #ec::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.1);
}
#curriculum #ec > * {
  position: relative;
}
#curriculum #kc {
  position: relative;
  background-image: url("../../img/KidCoders.jpg");
  background-position: "bottom";
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#curriculum #kc::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.1);
}
#curriculum #kc > * {
  position: relative;
}
#curriculum #tc {
  position: relative;
  background-image: url("../../img/TeenCoders.jpg");
  background-position: "bottom";
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#curriculum #tc::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.1);
}
#curriculum #tc > * {
  position: relative;
}
#curriculum #yac {
  position: relative;
  background-image: url("../../img/YoungAdultCoders.jpg");
  background-position: "bottom";
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#curriculum #yac::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.1);
}
#curriculum #yac > * {
  position: relative;
}
#curriculum .head {
  padding: 1rem;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #curriculum .head {
    padding: 1.5rem;
  }
}
@media (min-width: 1215px) {
  #curriculum .head {
    padding: 2rem;
  }
}
#curriculum .head h1 {
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding: 2rem 0 0.5rem 0;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #curriculum .head h1 {
    padding: 3rem 0 0.75rem 0;
    font-size: 48px;
  }
}
@media (min-width: 1215px) {
  #curriculum .head h1 {
    padding: 4rem 0 1rem 0;
    font-size: 48px;
  }
}
#curriculum .head h2 {
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding: 0 0 2rem 0;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #curriculum .head h2 {
    padding: 0 0 3rem 0;
  }
}
@media (min-width: 1215px) {
  #curriculum .head h2 {
    padding: 0 0 4rem 0;
  }
}
#curriculum #features {
  margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #curriculum #features {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1215px) {
  #curriculum #features {
    margin-top: 2rem;
  }
}

label[for="studentsbirthday"] {
  display: inline-block;
  -ms-flex-item-align: center;
  align-self: center;
}

#plans label {
  display: inline-block;
}
@media (min-width: 1215px) {
  #plans .grid {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
#plans h4 {
  background-color: #222222;
  color: #ffffff;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 0;
}
#plans .grid p {
  text-align: center;
  background-color: #e1e1e1;
  padding: 1em;
  margin-bottom: 0;
  border-bottom: 1px solid #a2a2a2;
}
#plans .grid p:nth-last-child(1) {
  background-color: #222222;
  color: #ffffff;
  font-size: 19.2px;
}
#plans .grid p:nth-last-child(1) .button {
  background-color: #f3b016;
  color: #222222;
}
#plans .grid p:nth-last-child(1) .button:hover {
  background-color: #222222;
  color: #f3b016;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(251, 220, 75, 0.5);
  box-shadow: 0px 0px 5px 1px rgba(251, 220, 75, 0.5);
}
@media (min-width: 768px) {
  #plans #regular {
    grid-column: start / first-third;
  }
  #plans #power {
    grid-column: first-third / secound-third;
  }
  #plans #quantum {
    grid-column: secound-third / end;
  }
}

#core-curriculum p {
  margin-bottom: 0;
}
#core-curriculum .box {
  border: 2px solid #f3b016;
  padding: 1rem;
  text-align: center;
  background-color: #ffffff;
  margin: 1rem 0;
  position: relative;
}
@supports (display: grid) {
  #core-curriculum .core-curriculum {
    grid-template-rows: repeat(14, 1fr);
    grid-gap: 0;
  }
  #core-curriculum #coding-fundamentals {
    grid-column: 2 / 12;
    grid-row: 1 / 3;
  }
  #core-curriculum #robotics-coding {
    grid-column: 2 / 12;
    grid-row: 3 / 5;
  }
  #core-curriculum #internet-of-things {
    grid-column: 2 / 12;
    grid-row: 5 / 7;
  }
  #core-curriculum #problem-solving-with-python {
    grid-column: 2 / 12;
    grid-row: 7 / 9;
  }
  #core-curriculum #interactive-web {
    grid-column: 2 / 12;
    grid-row: 9 / 11;
  }
  #core-curriculum #data-analytics {
    grid-column: 2 / 12;
    grid-row: 11 / 13;
  }
  #core-curriculum #student-projects {
    grid-column: 2 / 12;
    grid-row: 13 / 15;
  }
  #core-curriculum #b1 {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
    border: 2px solid #222222;
    border-right: none;
  }
  #core-curriculum #b2 {
    grid-column: 1 / 2;
    grid-row: 4 / 6;
    border: 2px solid #222222;
    border-right: none;
    border-top: none;
  }
  #core-curriculum #b3 {
    grid-column: 12 / 13;
    grid-row: 4 / 6;
    border: 2px solid #222222;
    border-left: none;
    border-bottom: 1px solid #222222;
  }
  #core-curriculum #b4 {
    grid-column: 12 / 13;
    grid-row: 6 / 8;
    border: 2px solid #222222;
    border-left: none;
    border-top: 1px solid #222222;
  }
  #core-curriculum #b5 {
    grid-column: 1 / 2;
    grid-row: 8 / 10;
    border: 2px solid #222222;
    border-right: none;
  }
  #core-curriculum #b6 {
    grid-column: 1 / 2;
    grid-row: 10 / 12;
    border: 2px solid #222222;
    border-right: none;
    border-top: none;
  }
  #core-curriculum #b7 {
    grid-column: 1 / 2;
    grid-row: 12 / 14;
    border: 2px solid #222222;
    border-right: none;
    border-top: 1px solid #222222;
  }
  #core-curriculum .m-arrow-left-center::before {
    content: "";
    border-left: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 0;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -1px;
  }
  #core-curriculum .m-arrow-right-center::before {
    content: "";
    border-right: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -1px;
  }
  @media (min-width: 768px) {
    #core-curriculum .box {
      margin: 0 1rem;
    }
    #core-curriculum .core-curriculum {
      grid-template-rows: repeat(12, 1fr);
      grid-gap: 0;
    }
    #core-curriculum #coding-fundamentals {
      grid-column: 5 / 9;
      grid-row: 1 / 3;
    }
    #core-curriculum #robotics-coding {
      grid-column: 2 / 6;
      grid-row: 4 / 6;
    }
    #core-curriculum #internet-of-things {
      grid-column: 8 / 12;
      grid-row: 4 / 6;
    }
    #core-curriculum #problem-solving-with-python {
      grid-column: 5 / 9;
      grid-row: 7 / 9;
    }
    #core-curriculum #interactive-web {
      grid-column: 1 / 5;
      grid-row: 11 / 13;
    }
    #core-curriculum #data-analytics {
      grid-column: 5 / 9;
      grid-row: 11 / 13;
    }
    #core-curriculum #student-projects {
      grid-column: 9 / 13;
      grid-row: 11 / 13;
    }
    #core-curriculum #b1 {
      grid-column: 4 / 10;
      grid-row: 2 / 8;
      border: 2px solid #222222;
      margin-right: -2px;
    }
    #core-curriculum #b2 {
      grid-column: 3 / 11;
      grid-row: 10 / 11;
      border: 2px solid #222222;
      border-bottom: none;
      margin-right: -2px;
    }
    #core-curriculum #b3 {
      grid-column: 7 / 7;
      grid-row: 9 / 11;
      border: none;
      border-left: 2px solid #222222;
    }
    #core-curriculum #b4,
    #core-curriculum #b5,
    #core-curriculum #b6,
    #core-curriculum #b7 {
      display: none;
    }
    #core-curriculum .arrow-top-center::before {
      content: "";
      border-top: 10px solid black;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      width: 0;
      position: absolute;
      top: -10px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-left: 1px;
    }
    #core-curriculum .arrow-left-center::before {
      content: "";
      border-left: 10px solid black;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      height: 0;
      position: absolute;
      left: -10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -1px;
    }
    #core-curriculum .arrow-right-center::before {
      content: "";
      border-right: 10px solid black;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      height: 0;
      position: absolute;
      right: -10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -1px;
    }
  }
}

#core-curriculum-ya p {
  margin-bottom: 0;
}
#core-curriculum-ya .box {
  border: 2px solid #f3b016;
  padding: 1rem;
  text-align: center;
  background-color: #ffffff;
  margin: 1rem 0;
  position: relative;
}
@supports (display: grid) {
  #core-curriculum-ya .core-curriculum {
    grid-template-rows: repeat(14, 1fr);
    grid-gap: 0;
  }
  #core-curriculum-ya #coding-fundamentals-ya {
    grid-column: 2 / 12;
    grid-row: 1 / 3;
  }
  #core-curriculum-ya #robotics-coding-ya {
    grid-column: 2 / 12;
    grid-row: 3 / 5;
  }
  #core-curriculum-ya #internet-of-things-ya {
    grid-column: 2 / 12;
    grid-row: 5 / 7;
  }
  #core-curriculum-ya #problem-solving-with-python-ya {
    grid-column: 2 / 12;
    grid-row: 9 / 11;
  }
  #core-curriculum-ya #interactive-web-ya {
    grid-column: 2 / 12;
    grid-row: 7 / 9;
  }
  #core-curriculum-ya #data-analytics-ya {
    grid-column: 2 / 12;
    grid-row: 11 / 13;
  }
  #core-curriculum-ya #student-projects-ya {
    grid-column: 2 / 12;
    grid-row: 13 / 15;
  }
  #core-curriculum-ya #b1-ya {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
    border: 2px solid #222222;
    border-right: none;
  }
  #core-curriculum-ya #b2-ya {
    grid-column: 1 / 2;
    grid-row: 4 / 6;
    border: 2px solid #222222;
    border-right: none;
    border-top: none;
  }
  #core-curriculum-ya #b3-ya {
    grid-column: 1 / 2;
    grid-row: 6 / 8;
    border: 2px solid #222222;
    border-right: none;
    border-top: none;
  }
  #core-curriculum-ya #b4-ya {
    grid-column: 12 / 13;
    grid-row: 10 / 12;
    border: 2px solid #222222;
    border-left: none;
  }
  #core-curriculum-ya #b5-ya {
    grid-column: 1 / 2;
    grid-row: 8 / 10;
    border: 2px solid #222222;
    border-right: none;
    border-top: none;
  }
  #core-curriculum-ya #b6-ya {
    grid-column: 1 / 2;
    grid-row: 10 / 12;
    border: 2px solid #222222;
    border-right: none;
    border-top: none;
    border-bottom: none;
  }
  #core-curriculum-ya #b7-ya {
    grid-column: 1 / 2;
    grid-row: 12 / 14;
    border: 2px solid #222222;
    border-right: none;
    border-top: none;
  }
  #core-curriculum-ya .m-arrow-left-center::before {
    content: "";
    border-left: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 0;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -1px;
  }
  #core-curriculum-ya .m-arrow-right-center::before {
    content: "";
    border-right: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -1px;
  }
  @media (min-width: 768px) {
    #core-curriculum-ya .box {
      margin: 0 1rem;
    }
    #core-curriculum-ya .core-curriculum {
      grid-template-rows: repeat(14, 1fr);
      grid-gap: 0;
    }
    #core-curriculum-ya #coding-fundamentals-ya {
      grid-column: 5 / 9;
      grid-row: 1 / 3;
    }
    #core-curriculum-ya #robotics-coding-ya {
      grid-column: 8 / 12;
      grid-row: 4 / 6;
    }
    #core-curriculum-ya #internet-of-things-ya {
      grid-column: 8 / 12;
      grid-row: 7 / 9;
    }
    #core-curriculum-ya #problem-solving-with-python-ya {
      grid-column: 2 / 6;
      grid-row: 4 / 6;
    }
    #core-curriculum-ya #interactive-web-ya {
      grid-column: 8 / 12;
      grid-row: 10 / 12;
    }
    #core-curriculum-ya #data-analytics-ya {
      grid-column: 2 / 6;
      grid-row: 7 / 9;
    }
    #core-curriculum-ya #student-projects-ya {
      grid-column: 5 / 9;
      grid-row: 13 / 15;
    }
    #core-curriculum-ya #b1-ya {
      grid-column: 7 / 8;
      grid-row: 3 / 13;
      border: none;
      border-left: 2px solid #222222;
    }
    #core-curriculum-ya #b2-ya {
      grid-column: 5 / 9;
      grid-row: 4 / 5;
      border: none;
      border-bottom: 2px solid #222222;
    }
    #core-curriculum-ya #b3-ya {
      grid-column: 7 / 9;
      grid-row: 7 / 8;
      border: none;
      border-bottom: 2px solid #222222;
    }
    #core-curriculum-ya #b4-ya {
      grid-column: 7 / 9;
      grid-row: 10 / 11;
      border: none;
      border-bottom: 2px solid #222222;
    }
    #core-curriculum-ya #b5-ya {
      grid-column: 4 / 5;
      grid-row: 5 / 8;
      border: none;
      border-left: 2px solid #222222;
    }
    #core-curriculum-ya #b6-ya,
    #core-curriculum-ya #b7-ya {
      display: none;
    }
    #core-curriculum-ya .arrow-top-center::before {
      content: "";
      border-top: 10px solid black;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      width: 0;
      position: absolute;
      top: -10px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-left: 1px;
    }
    #core-curriculum-ya .arrow-left-center::before {
      content: "";
      border-left: 10px solid black;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      height: 0;
      position: absolute;
      left: -10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -1px;
    }
    #core-curriculum-ya .arrow-right-center::after {
      content: "";
      border-right: 10px solid black;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      height: 0;
      position: absolute;
      right: -10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -1px;
    }
    #core-curriculum-ya .no-arrow-left-center::before {
      content: "";
      border: none;
    }
  }
}

#contact {
  background-color: #eeeeee;
  text-align: center;
}
#contact .item p > i {
  display: block;
  font-size: 1.2rem;
  padding: 0.5rem;
}
#contact .item p > a {
  color: #222222;
}
@media (min-width: 768px) and (max-width: 1214px) {
  #contact .item {
    grid-column: span 6;
  }
}
@media (min-width: 1215px) {
  #contact .item {
    grid-column: span 6;
  }
}

#holiday .item h2 {
  color: white;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 200px;
}
@media (min-width: 768px) {
  #holiday .item h2 {
    font-size: 48px;
    min-height: 400px;
  }
}
#holiday .item p {
  padding: 0.25rem 1rem;
}

@media (max-width: 767px) {
  .last {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1214px) {
  .last {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1215px) {
  .last {
    margin-bottom: 2rem;
  }
  #signup {
    margin-bottom: 4rem;
  }
}
#bootcamp-kinder {
  position: relative;
  background-image: url("../../img/kinder/kinder-head.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#bootcamp-kinder::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#bootcamp-kinder > * {
  position: relative;
}

#bootcamp-game {
  position: relative;
  background-image: url("../../img/game/game-head.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#bootcamp-game::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#bootcamp-game > * {
  position: relative;
}

#bootcamp-robotics {
  position: relative;
  background-image: url("../../img/robotics/robotics-head.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#bootcamp-robotics::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#bootcamp-robotics > * {
  position: relative;
}

#bootcamp-digital {
  position: relative;
  background-image: url("../../img/digital/digital-head.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#bootcamp-digital::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#bootcamp-digital > * {
  position: relative;
}

#bootcamp-teens {
  position: relative;
  background-image: url("../../img/teens/teens-head.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#bootcamp-teens::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#bootcamp-teens > * {
  position: relative;
}

#bootcamp {
  position: relative;
  background-image: url("../../img/TeenCoders.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#bootcamp::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}

#bootcamp > * {
  position: relative;
}

#success {
  position: relative;
  background-image: url("../../img/TeenCoders.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

#success::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}

#mum-and-dad {
  position: relative;
  background-image: url("../../img/EarlyCreators.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#mum-and-dad::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#mum-and-dad > * {
  position: relative;
}

#core-pass {
  position: relative;
  background-image: url("../../img/KidCoders.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#core-pass::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.3);
}
#core-pass > * {
  position: relative;
}

.h-head {
  color: white;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 200px;
}
@media (min-width: 768px) {
  .h-head {
    font-size: 48px;
    min-height: 400px;
  }
}

.description {
  text-align: left;
}
.description .button {
  text-align: center;
}

iframe {
  width: 1px;
  min-width: 100%;
  min-height: 500px;
  border: none;
}

#download {
  position: relative;
  background-image: url("../../img/files.jpg");
  background-position: "bottom";
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#download::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: rgba(34, 34, 34, 0.1);
}
#download > * {
  position: relative;
}
#download h2 {
  color: white;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 200px;
}
@media (min-width: 768px) {
  #download h2 {
    font-size: 48px;
    min-height: 400px;
  }
}

#files table {
  width: 100%;
}
#files table,
#files th,
#files tr,
#files td {
  border: none;
  border-spacing: none;
}
#files tr:nth-child(even) {
  background-color: #fbfbfb;
}
#files thead {
  background-color: #f3b016;
}
#apply-form > div > div,
form > div {
  position: relative;
}

form .error {
  border-color: #e00f0f;
}
form .error-message {
  position: absolute;
  color: #e00f0f;
  right: 3px;
  bottom: 0px;
  font-size: 12px;
}
#apply-form .error-message {
  margin-bottom: 0;
}
form > div > textarea + .error-message {
  bottom: 8px;
}

form > div > .g-recaptcha.error + .error-message {
  right: auto;
  left: 3px;
}
form > div > .g-recaptcha.error > div {
  border: 1px solid #e00f0f;
  border-radius: 5px;
}

.fieldset.boxstyle {
  display: flex;
  flex-wrap: wrap;
}
.fieldset.boxstyle > input {
  display: none;
}
.fieldset.boxstyle > label {
  flex-grow: 1;
  text-align: center;
  display: block;
  padding: 5px;
  border: 1px solid #222222;
  border-radius: 5px;
  margin-left: 1rem;
  margin-right: 1rem;
  flex-basis: calc(calc(600px - 100%) * 999);
}
.fieldset.boxstyle > input:checked + label {
  background-color: #f3b016;
}

.birtday {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.mb-0 {
  margin-bottom: 0;
}

#calender-grid input {
  display: none;
}

#schedules {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
}
.schedule {
  display: grid;
}

.schedule > div {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin-bottom: 0;
}
.schedule label {
  display: inline;
}
.custom-select {
  width: 100%;
  color: #222222;
  padding: 0.5em 1.5em 0.5em 0.5em;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
}

.g-recaptcha iframe {
  min-height: initial;
}

.disabled {
  background-color: #f8f8f8ab;
  pointer-events: none;
}
.disabled:hover {
  background-color: #f8f8f8ab;
  pointer-events: none;
}