html, body {
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h1, h2, h3, h4, h5, h6 {
  color:#156499 !important;
}

.header {
  background-color: #156499;
  background-image: linear-gradient(120deg, #155799, #156499);
}

.header h1 {
  color: #fff;
  margin: 0;
}

.header, .content, .footer {
  padding: 15px 30px;
}

.page-title-area2::before {
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #3e4464;
    background-color: #868cad;
    left: 0;
    top: 0;
    opacity: 0.6;
    z-index: -1;
}

.page-title-area::before {
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #3e4464;
    left: 0;
    top: 0;
    opacity: 0.5;
    z-index: -1;
}

.navbar-area::before {
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #868cad;
    left: 0;
    top: 0;
    opacity: 0.5;
    z-index: -1;
}

code {
  background-color: #f3f6fa;
  color: #567482;
  display: inline-block;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  padding: 3px;
  word-break: normal;
  white-space: pre;
}

footer {
  border-top: solid 1px #eff0f1;
  padding: 30px;
}

.filter-00 { filter: brightness(0) saturate(100%) invert(59%) sepia(88%) saturate(456%) hue-rotate(286deg) brightness(96%) contrast(90%); }
.filter-01 { filter: brightness(0) saturate(100%) invert(78%) sepia(10%) saturate(2250%) hue-rotate(156deg) brightness(96%) contrast(106%); }
.filter-02 { filter: brightness(0) saturate(100%) invert(57%) sepia(88%) saturate(1315%) hue-rotate(117deg) brightness(89%) contrast(94%); }
.filter-03 { filter: brightness(0) saturate(100%) invert(33%) sepia(46%) saturate(7270%) hue-rotate(253deg) brightness(83%) contrast(83%); }
.filter-04 { filter: brightness(0) saturate(100%) invert(70%) sepia(39%) saturate(5873%) hue-rotate(342deg) brightness(101%) contrast(101%); }
.filter-05 { filter: brightness(0) saturate(100%) invert(26%) sepia(97%) saturate(1326%) hue-rotate(221deg) brightness(88%) contrast(102%); }
.filter-06 { filter: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(835%) hue-rotate(174deg) brightness(89%) contrast(85%); }
.filter-07 { filter: brightness(0) saturate(100%) invert(65%) sepia(42%) saturate(617%) hue-rotate(44deg) brightness(92%) contrast(100%); }
.filter-08 { filter: brightness(0) saturate(100%) invert(39%) sepia(16%) saturate(3006%) hue-rotate(255deg) brightness(89%) contrast(84%); }
.filter-09 { filter: brightness(0) saturate(100%) invert(51%) sepia(9%) saturate(8%) hue-rotate(321deg) brightness(95%) contrast(75%); }
.filter-10 { filter: brightness(0) saturate(100%) invert(43%) sepia(28%) saturate(7475%) hue-rotate(119deg) brightness(95%) contrast(76%); }

.section-title > p {
  font-size: 18px;
}

.keyword {
  font-weight: 600;
}

.home > .container a {
  text-decoration: underline !important;
}

.side-image {
  display: flex;
  flex-direction: row;
}

.side-image.reverse {
  display: flex;
  flex-direction: row-reverse;
}

.side-image > img {
  flex-basis: 33%;
  overflow: hidden;
  object-fit: cover;
  width: 33%;
  margin-right: 20px;
}

.side-image > div {
  flex-basis: 67%;
  width: 67%;
  font-size: 20px;
  padding-right: 20px;
}
.side-image > div > p:not(:first-child) {
  margin-top: 20px;
}

@media screen and (max-width: 720px) {

  .section-padding {
    padding: 20px 0
  }

  .side-image:not(.reverse), .side-image.reverse {
    display: flex;
    flex-basis: 100%;
    flex-direction: column-reverse;
  }

  .side-image > div {
    padding-left: 0px;
    padding-right: 0px;
  }

  .side-image > div:nth-child(1) {
    padding-bottom: 20px;
  }

  .side-image > div:nth-child(2) {
    padding-top: 20px;
  }

  .side-image img {
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    max-height: 220px;
  }

  .side-image > div {
    width: 100%;
  }
  .side-image > div > p {
    margin-top: 20px;
  }
}

span.li::before {
  content: "\25CF\00A0";
}

span.li::after {
  content: "\00A0\00A0";
}