* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  color: #222;
  font-size: 62.5%;
  line-height: 1.4;
  scroll-behavior: smooth;
  background-color: #fbfbfb;
}
body {
  font-family: Roboto, sans-serif;
}
a:focus,
input:focus {
  outline: 0;
}
button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #2b622b;
  font-family: Roboto, sans-serif;
}
input {
  border: 1px solid #fff;
}
input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
img {
  width: 100%;
  margin: 8px 0;
}
.gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#da6c01),
    color-stop(47.4%, #f4ede6),
    to(#45c41b)
  );
  background: linear-gradient(180deg, #da6c01 0, #f4ede6 47.4%, #45c41b 100%);
}
.text-color-1,
body {
  color: #577efb;
}
.text-color-2 {
  color: #577efb;
}
.text-shadow {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.box-shadow {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07),
    0 3px 4px rgba(0, 0, 0, 0.06), 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 3px 4px rgba(0, 0, 0, 0.06),
    0 1px 5px rgba(0, 0, 0, 0.1);
}
.text-gradient {
  background-color: #f2f4db;
  background-size: 100%;
  background-repeat: repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
.text-gradient-1 {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#53c656),
    color-stop(40%, #fff),
    color-stop(50%, #ff7c1a)
  );
  background-image: linear-gradient(0deg, #53c656, #fff 40%, #ff7c1a 50%);
}
.text-gradient-2 {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#45c41b),
    color-stop(60%, #f2f4db),
    color-stop(80%, #d36b06)
  );
  background-image: linear-gradient(0deg, #45c41b, #f2f4db 60%, #d36b06 80%);
}
.green {
  background-color: #849746;
}
.green-2 {
  background-color: #379c81;
}
h1,
h2,
h3 {
  margin: 0;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.loader {
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear;
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.opacity {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.rotateplane {
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.swing {
  -webkit-animation: swing linear 1s infinite forwards;
  animation: swing linear 1s infinite forwards;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.button-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#be3329),
    to(#d55729)
  );
  background: linear-gradient(90deg, #be3329 0, #d55729 100%);
}
.bg-gradient {
  background: #4f08e8;
}
.hideExpandedInfo {
  display: none;
}
#viewBtn {
  background: #fff;
  margin-top: -5px;
  padding: 10px 4px 4px 4px;
}
#section-container {
  padding: 12px 8px;
}