.pricing {
  background-color: #EFEFEF; }
  .pricing .plan-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto; }
    .pricing .plan-group .plan {
      width: 100%;
      margin: 20px;
      border-radius: 10px;
      padding-bottom: 40px;
      color: #fff;
      background-color: #122041; }
      .pricing .plan-group .plan li.yellow {
        color: #FFC700; }
    .pricing .plan-group .plan-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 20px;
      padding: 20px 0;
      border-radius: 10px 10px 0 0;
      font-weight: bolder;
      background-color: #0c427f;
      color: #5dd7ff; }
      .pricing .plan-group .plan-title.plan-title-red {
        background-color: #9c1028;
        color: #ffb3b3; }
      .pricing .plan-group .plan-title .plan-title-title {
        color: #fff;
        font-weight: bolder;
        margin-right: 5px; }
    .pricing .plan-group .plan-price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      font-size: 24px;
      padding: 10px 0; }
      .pricing .plan-group .plan-price span {
        position: relative;
        font-size: 40px;
        color: #FFC700;
        margin-left: 6px;
        margin-bottom: -4px; }
    .pricing .plan-group .plane-line {
      height: 1px;
      width: 84%;
      margin: 10px auto;
      background: #fff; }
    .pricing .plan-group ul {
      padding: 0 20px; }
    .pricing .plan-group li {
      list-style: disc;
      line-height: 1.8;
      margin-left: 30px; }
  .pricing .plan-cta a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    padding: 15px 0;
    font-size: 18px;
    margin: 20px auto;
    border-radius: 5px;
    background-color: #CF223E; }
    .pricing .plan-cta a:hover {
      opacity: 0.8; }
  .pricing h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .pricing .plan-fqa {
    padding: 50px 0;
    margin: 0 20px; }
  .pricing .plan-question {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px; }
    .pricing .plan-question .plan-num {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 20px;
      width: 10%;
      height: 60px;
      color: #fff;
      background-color: #0B2769; }
      .pricing .plan-question .plan-num.plan-num-red {
        background-color: #CF223E; }
    .pricing .plan-question .plan-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 90%;
      height: 60px;
      font-size: 16px;
      padding-left: 20px;
      color: #000;
      background-color: #fff; }
    .pricing .plan-question .plan-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      right: 20px; }
    .pricing .plan-question i {
      font-size: 24px;
      color: #051230; }
  .pricing .plan-ans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: none; }
    .pricing .plan-ans.active {
      display: block; }
    .pricing .plan-ans .plan-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 60px;
      font-size: 16px;
      padding: 0 20px;
      background-color: #DDDDDD; }

@media screen and (min-width: 767px) {
  .pricing {
    background-color: #EFEFEF; }
    .pricing .plan-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      max-width: 1400px;
      width: 100%;
      padding: 40px 0; }
      .pricing .plan-group .plan {
        width: 28%;
        margin: 10px 5px; } }