.new-pricing-header-section {
  padding: 80px 0px 15px; }

.new-pricing-main-section {
  padding: 0px 0px 50px; }

.new-pricing-addons-section {
  padding: 50px 0px; }

.new-pricing-addons-section {
  background-color: #fafafa; }

.new-pricing-faq-section {
  padding: 50px 0px; }

.pricing-heading {
  font-size: 34px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #17546d; }

.pricing-subheading {
  font-size: 23px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333; }

.section-heading {
  font-size: 30px;
  font-weight: 600; }

.section-sub-heading {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a; }

/* Pricing Toggle */
.pricing-toggle {
  margin-bottom: 30px;
  position: relative;
  width: 100%; }

.toggle,
.toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  position: inherit;
  width: auto;
  border: none;
  bottom: 0px; }

.toggler {
  color: #b7b7b7;
  transition: .2s;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  text-transform: uppercase; }

.toggler--is-active {
  color: #de2024; }

.b {
  display: block; }

.toggle {
  position: relative;
  width: 70px;
  height: 30px;
  border-radius: 100px;
  background-color: rgba(17, 184, 187, 0.15);
  overflow: hidden;
  box-shadow: inset 0 2px 3px 0 rgba(166, 166, 166, 0.57); }

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6; }

.check:checked ~ .switch {
  right: 4px;
  left: 59.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: .08s, 0s; }

.switch {
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  right: 59.5%;
  background-color: #de2024;
  border-radius: 36px;
  z-index: 0;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, .08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.pricing-tooltip {
  display: block;
  position: absolute;
  top: 43px;
  left: 60%;
  min-width: 110px;
  padding: 9px;
  font-size: 13px;
  line-height: 1.1;
  text-align: center;
  background-color: #4d4d4d;
  border-radius: 5px;
  color: #fff; }

.pricing-tooltip::before {
  content: '';
  position: absolute;
  top: -6px;
  right: 50%;
  transform: translateX(50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #4d4d4d; }

/* Pricing Cards Design */
.Plan--starter {
  background: rgba(17, 184, 187, 0.07);
  border: 1px solid #11b8bb;
  z-index: 9; }

.Plan {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  position: relative;
  border-radius: 4px;
  overflow: hidden; }

.common-Uppercase {
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .025em; }

.Plan-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 20px 30px 15px;
  margin: 0 auto 10px;
  color: #4a4a4a;
  border-bottom: 1.5px solid rgba(17, 184, 187, 0.15); }

.Plan-cardPricing {
  text-align: center;
  /* border-bottom: 1.5px solid rgba(17, 184, 187, 0.15); */
  /* padding-bottom: 30px; */ }

.Plan-cardActiveChatUsers {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #17546d;
  margin-top: 10px; }

.Plan-cardRate {
  display: block;
  margin-bottom: 10px; }

.Plan-cardRate-percent {
  /* display: inline-block; */
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -.05em;
  vertical-align: middle;
  color: #32325d;
  font-weight: bold; }

.Plan-cardRate-plus {
  margin: 0 10px;
  text-indent: 100%;
  overflow: hidden;
  width: 12px;
  height: 12px;
  background: url(https://stripe.com/img/v3/pricing/header/cardRate-plus.svg); }

.Plan-cardRate-fixed,
.Plan-cardRate-plus {
  /* line-height: 60px; */
  /* vertical-align: bottom; */
  display: inline-block; }

.Plan-cardRateDollar {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Segoe UI', 'Helvetica Neue', sans-serif; }

.Plan-cardRate-fixed {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #11b8bb; }

.Plan-cardRate-description {
  color: #8898aa;
  font-size: 16px;
  line-height: 1.4em;
  padding-top: 3px;
  letter-spacing: normal;
  font-weight: 500; }

.Plan-list {
  font-size: 17px;
  line-height: 26px;
  color: #525f7f;
  margin: 29px auto 30px;
  max-width: 210px;
  padding: 0px;
  list-style: none; }

.Plan-listColumn {
  padding: 0 25px 0 30px;
  margin: 25px auto; }

.Plan-listItem {
  margin-bottom: 10px;
  position: relative;
  font-size: 15px; }

/* .Plan-listItem i {
      display: block;
      width: 26px;
      height: 26px;
      vertical-align: middle;
      margin-right: 10px;
      top: 3px;
      left: -25px;
      position: absolute;
  } */
.Plan-knowledgeBase {
  display: flex; }

.Plan-button {
  background: rgba(17, 184, 187, 0.15);
  display: block;
  color: #4a4a4a;
  text-align: center;
  text-decoration: none;
  padding: 20px 25px;
  transition: background .15s ease; }

.Plan-button:hover {
  background: rgba(17, 184, 187, 0.35); }

.Plan--custom {
  background: #17546d;
  border-radius: 0 0px 8px 8px;
  z-index: 5; }

.Plan-title--custom {
  color: #FFFFFF;
  border-bottom-color: rgba(3, 27, 37, 0.15); }

.Plan-description {
  color: #aab7c4;
  font-size: 16px;
  line-height: 1.55em;
  text-align: center;
  margin: 0 auto;
  max-width: 460px;
  padding: 0 40px; }

.Plan-Button--custom {
  background: #226b88;
  color: #cee3ff; }

.Plan-Button--custom:hover {
  background: #0f4054;
  color: #cee3ff; }

.row.Plan-Row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-right: -.5rem;
  margin-right: 0;
  margin-left: -8px;
  margin-left: -.5rem;
  margin-left: 0;
  align-items: center;
  justify-content: center; }

.Plan--starter .Plan-list {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  list-style: none; }

.Plan-list .Plan-listItem .fa-check {
  background-color: rgba(17, 184, 187, 0.25);
  border-radius: 50%;
  color: #11b8bb;
  width: 20px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  margin-right: 5px; }

.Plan--custom .Plan-list .Plan-listItem .fa-check {
  background-color: rgba(17, 184, 187, 0.25); }

.Plan--custom .Plan-list .Plan-listItem {
  color: #e6ebf1; }

/* Addons */
.new-pricing-addons-section .section-sub-heading {
  margin-bottom: 60px; }

.addons-title {
  font-size: 20px;
  font-weight: bold;
  color: #17546d;
  /* text-transform: uppercase; */ }

.addons-description {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  margin-bottom: 0px; }

.addons-pricing {
  font-size: 22px;
  font-weight: bold;
  color: #11b8bb; }

.addons-pricing-desc {
  font-size: 14px;
  font-weight: 600;
  color: #4a4a4a; }

.new-pricing-addons-section .row:not(:first-child) {
  border-bottom: 1px solid #9797977e;
  padding: 25px 0px; }

.new-pricing-faq-section .section-heading {
  margin-top: 10px; }

.down-arrow-container,
.up-arrow-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 83%;
  z-index: 10; }

.up-arrow-container {
  top: 96%; }

.fa-chevron-up,
.fa-chevron-down {
  cursor: pointer;
  width: 24px;
  height: 24px;
  font-size: 14px;
  margin: 0 auto;
  /* border: 1px solid #000; */
  border-radius: 50%;
  line-height: 17px;
  padding: 2px 1px 2px 2px; }

.fa-chevron-down {
  margin-top: 10px;
  background-color: #fff;
  box-shadow: 0 0 9px 0px #00000085; }

#support-list {
  padding: 15px 0px 5px 18px;
  font-size: 15px;
  line-height: 26px; }

@media (min-width: 768px) {
  .Plan-Row .col-lg-6,
  .Plan-Row .col-md-6,
  .Plan-Row .col-sm-6,
  .Plan-Row .col-xs-12 {
    padding: 0px; }
  .new-pricing-addons-section .Plan-Row .col-lg-6,
  .new-pricing-addons-section .Plan-Row .col-md-6,
  .new-pricing-addons-section .Plan-Row .col-sm-6,
  .new-pricing-addons-section .Plan-Row .col-xs-12,
  .new-pricing-addons-section .Plan-Row .col-lg-3,
  .new-pricing-addons-section .Plan-Row .col-md-3,
  .new-pricing-addons-section .Plan-Row .col-sm-3 {
    padding: 0px 15px; }
  .Plan--custom {
    border-radius: 0 8px 8px 0px; } }

@media (max-width: 767px) {
  [class*="col-"]:first-child {
    margin-bottom: 0px; }
  .addons-description {
    margin: 15px 0px; }
  .new-pricing-faq-section {
    text-align: center; }
  .new-pricing-faq-section .btn-custom {
    display: block;
    margin-top: 30px; }
  .up-arrow-container {
    top: 92%; } }

@media only screen and (min-width: 680px) {
  .pricing-tooltip {
    top: 50%;
    left: 71%;
    transform: translateY(-50%); }
  .pricing-tooltip::before {
    top: 50%;
    right: inherit;
    left: -9px;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-right: 6px solid #4d4d4d;
    border-bottom: 6px solid transparent;
    border-left: inherit; } }

.hide {
  display: none !important; }

.Plan-cardCurrency {
  font-size: 28px;
  margin-left: 2px; }

@media only screen and (min-width: 992px) {
  .pricing-tooltip {
    top: 50%;
    left: 65%;
    transform: translateY(-50%); } }