body.green .bg-1 {
  background: #137A51;
}

body.green .nav-links li.active a {
  color: #F7CE2B;
}

body.green .bg-2 {
  background: #F099B3;
}

body.green .bg-3 {
  background: #FFF6F9;
}

body.green .back-to-top i {
  color: #F099B3;
}

body.green .g3 a img {
  border: 4px solid #137A51;
}

body.green .category {
  color: #137A51;
}

body.green .dt .desc::-webkit-scrollbar {
  background-color: #E6E6E6;
  width: 6px;border-radius: 5px;
}

body.green .dt .desc::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #F099B3;
}

body.green .dt .go {
  border: 12px solid #137A51;
}

@media screen and (max-width: 992px) {
  body.green .nav-links li.active a {
    color: #137A51;
  }
}

@media (max-width: 550px) {
  body.green .dt .go {
    border: 6px solid #137A51;
  }
}

body.blue .bg-1 {
  background: #0CB2CC;
}

body.blue .nav-links li.active a {
  color: #F7CE2B;
}

body.blue .bg-2 {
  background: #F57F0A;
}

body.blue .bg-3 {
  background: #FFFAF5;
}

body.blue .back-to-top i {
  color: #F57F0A;
}

body.blue .g3 a img {
  border: 4px solid #0CB2CC;
}

body.blue .category {
  color: #0CB2CC;
}

body.blue .dt .desc::-webkit-scrollbar {
  background-color: #E6E6E6;
  width: 6px;border-radius: 5px;
}

body.blue .dt .desc::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #F57F0A;
}

body.blue .dt .go {
  border: 12px solid #0CB2CC;
}

@media screen and (max-width: 992px) {
  body.blue .nav-links li.active a {
    color: #0CB2CC;
  }
}

@media (max-width: 550px) {
  body.blue .dt .go {
    border: 6px solid #0CB2CC;
  }
}

body.red .bg-1 {
  background: #E5466C;
}

body.red .nav-links li.active a {
  color: #F7CE2B;
}

body.red .bg-2 {
  background: #4BA2EE;
}

body.red .bg-3 {
  background: #F5FAFF;
}

body.red .back-to-top i {
  color: #4BA2EE;
}

body.red .g3 a img {
  border: 4px solid #E5466C;
}

body.red .category {
  color: #E5466C;
}

body.red .dt .desc::-webkit-scrollbar {
  background-color: #E6E6E6;
  width: 6px;border-radius: 5px;
}

body.red .dt .desc::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #4BA2EE;
}

body.red .dt .go {
  border: 12px solid #E5466C;
}

@media screen and (max-width: 992px) {
  body.red .nav-links li.active a {
    color: #E5466C;
  }
}

@media (max-width: 550px) {
  body.red .dt .go {
    border: 6px solid #E5466C;
  }
}
/*# sourceMappingURL=main.css.map */