@charset "UTF-8";
:root {
    --kids-blue-color: #3e7bc0;
    --kids-indigo-color: #6610f2;
    --kids-purple-color: #915da3;
    --kids-pink-color: #ea77ad;
    --kids-red-color: #ea5532;
    --kids-orange-color: #fd7e14;
    --kids-yellow-color: #fdd000;
    --kids-green-color: #6fba2c;
    --kids-teal-color: #20c997;
    --kids-cyan-color: #54c3f1;
    --kids-gray-color: #adb5bd;
    --kids-black-color: #000000;
    --kids-white-color: #FFFFFF;
}

/* 定义背景颜色 */
.eea_bg_blue {
    background-color: var(--kids-blue-color) !important;
}

.eea_bg_indigo {
    background-color: var(--kids-indigo-color) !important;
}

.eea_bg_purple {
    background-color: var(--kids-purple-color) !important;
}

.eea_bg_pink {
    background-color: var(--kids-pink-color) !important;
}

.eea_bg_red {
    background-color: var(--kids-red-color);!important;
}

.eea_bg_orange {
    background-color: var(--kids-orange-color) !important;
}

.eea_bg_yellow {
    background-color: var(--kids-yellow-color) !important;
}

.eea_bg_green {
    background-color: var(--kids-green-color) !important;
}

.eea_bg_teal {
    background-color: var(--kids-teal-color) !important;
}

.eea_bg_cyan {
    background-color: var(--kids-cyan-color) !important;
}

.eea_bg_gray {
    background-color: var(--kids-gray-color) !important;
}

.eea_bg_black {
    background-color: var(--kids-black-color) !important;
}
.eea_bg_white {
    background-color: var(--kids-white-color) !important;
}


/* 定义border颜色 */
.eea_border_red {
    border-color: var(--kids-red-color)!important;
}
.eea_border_blue {
    border-color: var(--kids-white-color)!important;
}
.eea_border_indigo {
    border-color: var(--kids-indigo-color)!important;
}
.eea_border_purple {
    border-color: var(--kids-purple-color)!important;
}
.eea_border_pink {
    border-color: var(--kids-pink-color)!important;
}
.eea_border_orange {
    border-color: var(--kids-orange-color)!important;
}
.eea_border_yellow {
    border-color: var(--kids-yellow-color)!important;
}
.eea_border_green {
    border-color: var(--kids-green-color)!important;
}
.eea_border_teal {
    border-color: var(--kids-teal-color)!important;
}
.eea_border_cyan {
    border-color: var(--kids-cyan-color)!important;
}
.eea_border_gray {
    border-color: var(--kids-gray-color)!important;
}
.eea_border_black {
    border-color: var(--kids-black-color)!important;
}
.eea_border_white {
    border-color: var(--kids-white-color)!important;
}

/* 定义文本颜色 */
.eea_text_blue {
    color: var(--kids-blue-color);
}

.eea_text_indigo {
    color: var(--kids-indigo-color);
}

.eea_text_purple {
    color: var(--kids-purple-color);
}

.eea_text_pink {
    color: var(--kids-pink-color);
}

.eea_text_red {
    color: var(--kids-red-color);
}

.eea_text_orange {
    color: var(--kids-orange-color);
}

.eea_text_yellow {
    color: var(--kids-yellow-color);
}

.eea_text_green {
    color: var(--kids-green-color);
}

.eea_text_teal {
    color: var(--kids-teal-color);
}

.eea_text_cyan {
    color: var(--kids-cyan-color);
}

.eea_text_gray {
    color: var(--kids-gray-color);
}

.eea_text_black {
    color: var(--kids-black-color);
}
.eea_text_white {
    color: var(--kids-white-color);
}

/* Color Bar */
.color-bars {
    width: 100%;
}

.color-bar {
    height: 3px;
}


/* Section title */
.section-title {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .section-title {
    flex-direction: row;
  }
}
.section-title .shape {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  padding: 0;
  position: absolute;
  top: -20px;
}
@media (min-width: 768px) {
  .section-title .shape {
    position: relative;
    left: auto;
    transform: none;
    top: 0;
  }
}
.section-title .shape.shape-left {
  left: 45%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .section-title .shape.shape-left {
    left: 0;
    transform: none;
  }
}
.section-title .shape.shape-left:before, .section-title .shape.shape-left:after {
  content: "";
  position: absolute;
  background-color: inherit;
  height: 2px;
}
.section-title .shape.shape-left:before {
  right: 3px;
  width: 70px;
  top: 6px;
}
.section-title .shape.shape-left:after {
  right: 3px;
  width: 55px;
  top: 11px;
}
.section-title .shape.shape-right {
  right: 41%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .section-title .shape.shape-right {
    right: 0;
    transform: none;
  }
}
.section-title .shape.shape-right:before, .section-title .shape.shape-right:after {
  content: "";
  position: absolute;
  background-color: inherit;
  height: 2px;
}
.section-title .shape.shape-right:before {
  left: 3px;
  width: 70px;
  top: 6px;
}
.section-title .shape.shape-right:after {
  left: 3px;
  width: 55px;
  top: 11px;
}
.section-title h2, .section-title .h2 {
  font-family: "Dosis", sans-serif;
  font-size: 2.25rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  order: 1;
}
@media (min-width: 768px) {
  .section-title h2, .section-title .h2 {
    order: 0;
  }
}
.element-title {
  font-weight: 600;
  color: #ea7066;
  margin-bottom: 2rem;
}

/* Section Top */
.section-top {
  margin-top: -40px;
}
@media (min-width: 992px) {
  .section-top {
    margin-top: -70px;
  }
}
@media (min-width: 1200px) {
  .section-top {
    margin-top: -40px;
  }
}

/* 定义导航栏*/
.nav-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    margin-right: 0.375rem;
}

/* 定义 图标类card */
.kids_icon_head {
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: #fff;
    border: 6px solid;
    border-radius: 50%;
    font-size: 1.88rem;
    line-height: 90px;
    color: #FFFFFF;
    margin: -3.06rem auto 0;
}