.plans-content {
    margin-top: 20px;
    text-align: center;
}

.plans-content h2 {
      font-size: 36px;
      color: #489cfd;
      overflow: hidden;
      margin-top: 50px;
      font-family: 'Raleway', Ubuntu, Helvetica, sans-serif;
}

.plans-content .plans-sale-title {
    font-weight: bold;
    font-size: 26px;
}

.plans-content .message {
    font-size: 14px;
}

.plans-content .message-top {
    margin-top: 8px;
    margin-bottom: 20px;
}

.plans-content .message-top .message-top-p2 {
    margin-top: 4px;
}

.plans-content .plans-tabs {
    padding-top: 10px;
    border-bottom: 1px solid #dddddd;
    font-size: 20px;
    position: sticky;
    top: 0;
    background: white;
}

.plans-content .plans-tabs a.tab {
    display: inline-block;
    margin: 0px 13px 0px 13px;
    padding: 0px 2px 0px 2px;
    text-decoration: none;
}

.plans-content .tab {
    color: #5791de;
}

.plans-content .tab.active {
    color: blue;
    border-bottom: 2px solid blue;
    font-weight: 500;
}

.plans-content .intervals-wrapper {
    margin-top: 25px;
}

.plans-content .intervals-wrapper .intervals {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    width: 280px;
    margin: 0 auto;
    font-size: 0;
}

.plans-content .intervals-wrapper .intervals a {
    text-decoration: none;
    display: inline-block;
    border-radius: 6px;
    width: 137px;
    margin: 3px 0 3px 0;
    padding: 2px 0 2px 0;
    font-size: 16px;
    color: #506466;
    height: 100%;
    vertical-align: middle;
    height: 52px;
}

.plans-content .intervals-wrapper .intervals a span.intervals-yearly-2mf {
    font-size: 14px;
}

.plans-content .intervals-wrapper .intervals-monthly {
    line-height: 52px;
}

.plans-content .intervals-wrapper .intervals-monthly,
.plans-content .intervals-wrapper .intervals-yearly {

}

.plans-content .intervals-wrapper .intervals-monthly.active,
.plans-content .intervals-wrapper .intervals-yearly.active {
    background-color: #5791de;
    color: white;
}

.plans-content .plans-hidden {
    visibility: hidden;
    height: 0px;
    display: none;
}

.plans-content .plans-wrapper {
    margin-top: 20px;
}

.plans-content .plans {
}

.plans-content .plans .plan {
    vertical-align: top;
    width: 300px;
    display: inline-block;
    text-align: left;
    border-radius: 8px;
    margin-right: 5px;
}

.plans-content .plans .plan.plan-blue {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
}

.plans-content .plans .plan.plan-green {
    background-color: #dcfce7;
    border: 1px solid #86efac;
}

.plans-content .plans .plan.plan-green2 {
    background-color: #ccfbf1;
    border: 1px solid #5eead4;
}

.plans-content .plans .plan.plan-orange {
    background-color: #ffedd5;
    border: 1px solid #fed7aa;
}

.plans-content .plans .plan.plan-red {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
}

.plans-content .plans .plan.plan-purple {
    background-color: #fdf4ff;
    border: 1px solid #f5d0fe;
}

.plans-content .plans .plan .plan-top {
    margin: 10px;
}

.plans-content .plans .plan .plan-top .plan-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    margin-left: 5px;
}

.plans-content .plans .plan .plan-top .plan-icon img {
    width: 40px;
    display: block;
}

.plans-content .plans .plan .plan-top .plan-info {
    display: inline-block;
    vertical-align: middle;
}

.plans-content .plans .plan .plan-top .plan-info .plan-title {
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
}

.plans-content .plans .plan .plan-top .plan-info .plan-navigation {
    display: inline-block;
}

.plans-content .plans .plan .plan-top .plan-info .plan-desc {
    font-size: 14px;
}

.plans-content .plans .plan .plan-top .plan-info .plan-desc.plan-desc-blue {
    color: #2563eb;
}

.plans-content .plans .plan .plan-top .plan-info .plan-desc.plan-desc-green {
    color: #16a34a;
}

.plans-content .plans .plan .plan-top .plan-info .plan-desc.plan-desc-green2 {
    color: #0d9488;
}

.plans-content .plans .plan .plan-top .plan-info .plan-desc.plan-desc-orange {
    color: #ea580c;
}

.plans-content .plans .plan .plan-top .plan-info .plan-desc.plan-desc-red {
    color: #dc2626;
}

.plans-content .plans .plan .plan-top .plan-info .plan-desc.plan-desc-purple {
    color: #8c1c9b;
}

.plans-content .plans .plan .plan-top .plan-info .plan-title.plan-title-blue {
    color: #1e3a8a;
}

.plans-content .plans .plan .plan-top .plan-info .plan-title.plan-title-green {
    color: #14532d;
}

.plans-content .plans .plan .plan-top .plan-info .plan-title.plan-title-green2 {
    color: #134e4a;
}

.plans-content .plans .plan .plan-top .plan-info .plan-title.plan-title-orange {
    color: #7c2d12;
}

.plans-content .plans .plan .plan-top .plan-info .plan-title.plan-title-red {
    color: #7f1d1d;
}

.plans-content .plans .plan .plan-top .plan-info .plan-title.plan-title-purple {
    color: #701a75;
}

.plans-content .plans .plan .plan-body {
    margin: 6px;
    background-color: white;
    padding: 10px;
    border-radius: 6px;
}

.plans-content .plans .plan .plan-body.plan-body-blue {
    border: 1px solid #bfdbfe;
}

.plans-content .plans .plan .plan-body.plan-body-green {
    border: 1px solid #86efac;
}

.plans-content .plans .plan .plan-body.plan-body-green2 {
    border: 1px solid #5eead4;
}

.plans-content .plans .plan .plan-body.plan-body-orange {
    border: 1px solid #fed7aa;
}

.plans-content .plans .plan .plan-body.plan-body-red {
    border: 1px solid #fecaca;
}

.plans-content .plans .plan .plan-body.plan-body-purple {
    border: 1px solid #f5d0fe;
}

.plans-content .plans .plan .plan-body .plan-pricing {
}

.plans-content .plans .plan .plan-body .plan-pricing .plan-price {
    font-size: 26px;
    font-weight: bold;
    color: black;
}

.plans-content .plans .plan .plan-body .plan-pricing .plan-price-dollars-old {
    text-decoration: line-through;
    margin-right: 10px;
}

.plans-content .plans .plan .plan-body .plan-pricing .plan-price-dollars-interval {
    font-size: 18px;
    color: #506466;
}

.plans-content .plans .plan .plan-body .plan-pricing .plan-billing-interval {
    font-size: 14px;
    color: #506466;
}

.plans-content .plans .plan .plan-body .plan-sale {
    margin-top: 10px;
    border-radius: 2px;
    padding: 10px;
    text-align: center;
}

.plans-content .plans .plan .plan-body .plan-sale .plan-sale-title {
    font-size: 18px;
    font-weight: bold;
}

.plans-content .plans .plan .plan-body .plan-sale .plan-sale-discount {
    font-size: 24px;
}

.plans-content .plans .plan .plan-body .plan-sale.plan-sale-blue {
    background-color: #eff6ff;
}

.plans-content .plans .plan .plan-body .plan-sale.plan-sale-green {
    background-color: #dcfce7;
}

.plans-content .plans .plan .plan-body .plan-sale.plan-sale-green2 {
    background-color: #ccfbf1;
}

.plans-content .plans .plan .plan-body .plan-sale.plan-sale-orange {
    background-color: #ffedd5;
}

.plans-content .plans .plan .plan-body .plan-sale.plan-sale-red {
    background-color: #fef2f2;
}

.plans-content .plans .plan .plan-body .plan-sale.plan-sale-purple {
    background-color: #fdf4ff;
}

.plans-content .plans .plan .plan-body .plan-action {
    margin-top: 10px;
}

.plans-content .plans .plan .plan-body .plan-action button {
    border: 0px;
    background-color: #5791de;
    color: white;
    width: 100%;
    border-radius: 6px;
    padding: 8px 0;
    font-size: 18px;
}

.plans-content .plans .plan .plan-body .plan-action button:hover {
    background-color: #5085cc;
}

.plans-content .plans .plan .plan-body .plan-sep {
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
}

.plans-content .plans .plan .plan-body .plan-features {
    margin-top: 15px;
    margin-bottom: 5px;
}

.plans-content .plans .plan .plan-body .plan-features .plan-feature {
    margin-top: 10px;
}

.plans-content .plans .plan .plan-body .plan-features .plan-feature .plan-feature-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.plans-content .plans .plan .plan-body .plan-features .plan-feature .plan-feature-icon img {
    width: 20px;
    height: 20px;
    display: block;
}

.plans-content .plans .plan .plan-body .plan-features .plan-feature .plan-feature-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.plans-content .plans .plan .plan-body .plan-signin,
.plans-content .plans .plan .plan-body .plan-signup {
    margin-top: 15px;
}

.plans-content .plans .plan .plan-body .plan-signin .plan-signin-top-msg,
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-top-msg {
    margin-top: 10px;
}

.plans-content .plans .plan .plan-body .plan-signin .plan-signin-form,
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-form {
    margin-top: 10px;
}

.plans-content .plans .plan .plan-body .plan-signin .plan-signin-bottom-msg,
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-bottom-msg {
    margin-top: 10px;
}

.plans-content .plans .plan .plan-body .plan-signin .plan-signin-form input[type="text"],
.plans-content .plans .plan .plan-body .plan-signin .plan-signin-form input[type="password"],
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-form input[type="text"],
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-form input[type="password"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #bbb;
  border-radius: 4px;
  margin-top: 3px;
}

.plans-content .plans .plan .plan-body .plan-signin .plan-signin-form input[type="button"],
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-form input[type="button"] {
  width: 100%;
  padding: 8px;
  border: none;
  border-radius: 4px;
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
  margin-top: 5px;
}

.plans-content .plans .plan .plan-body .plan-signin .plan-signin-form input[type="button"]:hover,
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-form input[type="button"]:hover {
  background-color: #45a049;
}

.plans-content .plans .plan .plan-body .plan-signin .plan-signin-error,
.plans-content .plans .plan .plan-body .plan-signup .plan-signup-error {
  margin-top: 10px;
  color: red;
}

.plans-content .plans .plan .plan-body .plan-buy {
    margin-top: 15px;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-top-msg {
    margin-top: 10px;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form {
    margin-top: 10px;
    position: relative;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-number,
.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-exp,
.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-cvc {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    margin-top: 5px;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-exp,
.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-cvc {
    display: inline-block;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-exp {
    width: 120px;
}
.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-cvc {
    width: 60px;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-button button {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background: #4CAF50;
    color: #fff;
    cursor: pointer;
    margin-top: 5px;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-button button:hover {
    background: #45a049;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-button button img {
    height: 14px;
    margin-right: 3px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-card-form .plan-buy-card-error {
  margin-top: 10px;
  color: red;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-bottom-msg {
    margin-top: 15px;
    font-size: 14px;
    color: #506466;
}

.plans-content .plans .plan .plan-body .plan-buy .plan-buy-bottom-msg2,
.plans-content .plans .plan .plan-body .plan-buy .plan-buy-bottom-msg3,
.plans-content .plans .plan .plan-body .plan-buy .plan-buy-bottom-msg4 {
    margin-top: 10px;
    font-size: 14px;
    color: #506466;
}

.plans-content .plans .plan .plan-body .plan-thanks {
    margin-top: 15px;
    text-align: center;
}

.plans-content .plans .plan .plan-body .plan-thanks .plan-thanks-top-msg {
    margin-top: 10px;
}

.plans-content .plans .plan .plan-body .plan-thanks .plan-thanks-action {
    margin-top: 10px;
}

.plan-team-size {
    margin-top: 15px;
}

.plan-team-size-select {
    margin-top: 10px;
}

.plan-team-size-select label {
    display: inline-block;
    vertical-align: middle;
}

.plan-team-size-select input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.plan-team-size-select span {
    display: inline-block;
    border: 1px solid #ccc;
    background: #f3f3f3;
    color: #222;
    border-radius: 4px;
}

.plan-team-size-select-basic label {
    margin-right: 6px;
}

.plan-team-size-select-basic span {
    padding: 6px 12px;
}

.plan-team-size-select-plus label {
    margin-right: 6px;
}

.plan-team-size-select-plus span {
    padding: 3px 6px;
}

.plan-team-size-select-pro label {
    margin-right: 0px;
}

.plan-team-size-select-pro span {
    padding: 2px 3px;
}

.plan-team-size-select span:hover {
    background: #f0f0f0;
}

.plan-team-size-select input:checked + span {
    background: #1aa760;
    border-color: #16884d;
    color: #fff;
}

.plan-team-size-note {
    margin-top: 15px;
    font-size: 14px;
    color: #506466;
}

.plan-buy-coupon {
  margin-top: 10px;
}

.plan-buy-coupon input[type="text"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #bbb;
  border-radius: 4px;
}

.plan-buy-coupon input[type="button"] {
  width: 100%;
  padding: 8px;
  border: none;
  border-radius: 4px;
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
  margin-top: 5px;
}

.plan-buy-coupon input[type="button"]:hover {
  background-color: #45a049;
}

.plan-buy-coupon .plan-buy-coupon-error {
  margin-top: 10px;
  color: red;
}

.plan-buy-coupon .plan-buy-coupon-success {
  margin-top: 10px;
  color: green;
}

.plans-content .message-bottom {
    margin-top: 25px;
}

.plans-content .message-bottom a {
    text-decoration: none;
    color: #5791de;
}

.plans-content .message-bottom .message-bottom-p2,
.plans-content .message-bottom .message-bottom-p3 {
    margin-top: 4px;
}