.suffix .non-dicounted {
      text-decoration: line-through;
    }
    .suffix span.discounted-price {
      font-weight: 500;
      margin-left: 5px;
    }
    .pricing-table.annual .monthly-price.inner-price {
      display: none;
    }
    .pricing-table.monthly .annual-price.inner-price {
      display: none;
    }.pricing-table.monthly .annual-joiner {
      display: none;
    }.annual-joiner {
      font-size: 12px !important;
      font-weight: 400;
    }

    /* FOR ZERO VAL PLAN */


    .plan-cell.zero-val .annual-joiner {
      display: none;
    }

    .plan-cell.zero-val .annual-joiner .suffix.yearly {
      display: none;
    }

    .plan-cell.zero-val .suffix.yearly {
      display: none;
    }

    .pricing-table .plan-cell.zero-val .suffix.monthly {
      display: block;

    }


 .pricing-table .plan-cell.zero-val 
{
        padding-bottom:20px !important;
}

/* ADDITIONAL STYLE FOR THE INFLUENCER SELECTION */


    :root {
        --color-black: #112c34;
        --color-blue-dark: #cdcdcd;
        --color-mustard-light: #cbcdcd;
        --color-mustard-extra-light: #f5f7f9;
        --color-mustard-midtone: #fff;
    }


     .number-input-container {
        width: 150px;
        display: grid;
        grid-template-columns: 105px auto;
       margin-right: 10px;

    }
    .custom-influence-wrapper {
      display: flex;
      align-items: center;
      margin: 6px 0;
      padding: 5px 0 !important;
    }

    .number-input-container label {
        display: inline-block;
        margin-bottom: 4px;
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--color-blue-dark);
    }

    .number-input-container .number-input {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: var(--color-mustard-extra-light);
        overflow: hidden;
    }

    .pricing-table .plan-column .number-input-container input[type="number"],.mobile-pricing-card  .number-input-container input[type="number"]  {
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        width: 100%;
        min-width: 100%;
        height: 48px;
        background-color: var(--color-mustard-extra-light);
        border: 2px solid var(--color-mustard-light) !important;
/*         border-left: 2px solid rgba(0, 0, 0, 0) !important;
        border-right: 2px solid rgba(0, 0, 0, 0) !important;  */
/*               border-left: none !important; */
        border-right: none !important; 
        border-radius: none;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        transition: all 0.2s ease-out;
      font-weight: 900;
      color: #4f4d4d;
      border-radius: 5px 0 0 5px;
    }
    .number-input{
/*       border: 2px solid var(--color-mustard-light) !important; */
      border-left: none !important;
      border-right: none !important; 
    }
    .pricing-table .plan-column .number-input-container input[type="number"]:focus,.mobile-pricing-card  .number-input-container input[type="number"]:focus  {
        background-color: #fff;
        border: 2px solid var(--color-mustard-midtone);
        outline: none;
    }

    .pricing-table .plan-column .number-input-container input[type="number"]::-webkit-inner-spin-button,
    .mobile-pricing-card  .number-input-container input[type="number"]::-webkit-inner-spin-button  ,
    .mobile-pricing-card  .number-input-container input[type="number"]::-webkit-outer-spin-button  ,
    .pricing-table .plan-column .number-input-container input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .pricing-table .plan-column .number-input-container input[type="number"],
    .mobile-pricing-card  .number-input-container input[type="number"]{
        -moz-appearance: textfield !important;
    }

    .number-input-container button {
        position: relative;
        height: 100%;
        margin-top: 32px;
        padding: 8px 0px;
        background-color: #ebf0f6;
        border: 2px solid var(--color-mustard-light);
        border-radius: none;
        transition: all 0.1s ease-out;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .number-input-container button {
        margin: 0;
        color: var(--color-black);
    }

    .number-input-container button:active,
    .number-input-container button:focus {
        outline: none;
    }

    .number-input-container button::after {
        content: "";
        position: absolute;
        opacity: 1;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transition: inherit;
        background-position: center;
        background-repeat: no-repeat;
    }

    .number-input-container button:disabled {
        pointer-events: none;
    }

    .number-input-container button:disabled::after {
        opacity: 0.25;
    }

    .number-input-container .button-decrement::after {
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAABhklEQVRoge3XT07CUBDH8d9UDlTuUF1KSUqMCYksdeNl5AigITEBXCJnsNxAE64hHTdMpLVA/8yjmMx30/Sl7esn7WYAy7Isy7IsyzoSuXz4dBmHxBgCnDDRYzdoz1zt5QwyX8Q9JjwDaG2XNsw06F75Ixf7OYHkICRnGHXIAYTkBKMKmS1XN2AeIY343h7Ta0T9MPAnWnt7Wg+aL+JeDmJDhAGIb/ELAoAWmMfTxaqvtb/KF9nzO22IcNcJ2mMAmC0/IjC9ZK/R+s1qQ4ogJJeYWpAyCMkVpjKkCkJygakEqYOQtDGlIRoISRNTCqKJkLQwhSEuEJIGphDEJUKqizkKOQVCqoM5CDklQqqK2QtpAiFVweRCmkRIZTF/IOeAkMpgUpC397iTAK9wPDuUad+M4wHR9WV7LgupeSRhDLM3NIkAgDDwJyDqIzPPJOCn3evSgxXhYuescYSUj6HUKO1lTh4AXgP49IDoHBBSGPgTD4hA+AJ4Tcz3Tb+TZVmWZVmW9c/6AUAARnuaF0DbAAAAAElFTkSuQmCC");
      background-size: 15px;
    }

    .number-input-container .button-increment::after {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAABhklEQVRoge3XT07CUBDH8d9UDlTuUF1KSUqMCYksdeNl5AigITEBXCJnsNxAE64hHTdMpLVA/8yjmMx30/Sl7esn7WYAy7Isy7IsyzoSuXz4dBmHxBgCnDDRYzdoz1zt5QwyX8Q9JjwDaG2XNsw06F75Ixf7OYHkICRnGHXIAYTkBKMKmS1XN2AeIY343h7Ta0T9MPAnWnt7Wg+aL+JeDmJDhAGIb/ELAoAWmMfTxaqvtb/KF9nzO22IcNcJ2mMAmC0/IjC9ZK/R+s1qQ4ogJJeYWpAyCMkVpjKkCkJygakEqYOQtDGlIRoISRNTCqKJkLQwhSEuEJIGphDEJUKqizkKOQVCqoM5CDklQqqK2QtpAiFVweRCmkRIZTF/IOeAkMpgUpC397iTAK9wPDuUad+M4wHR9WV7LgupeSRhDLM3NIkAgDDwJyDqIzPPJOCn3evSgxXhYuescYSUj6HUKO1lTh4AXgP49IDoHBBSGPgTD4hA+AJ4Tcz3Tb+TZVmWZVmW9c/6AUAARnuaF0DbAAAAAElFTkSuQmCC");
      background-size: 15px;
    }


.number-input-container button.button-decrement {
	transform: rotate(180deg) scale(1) !important;
   border-radius: 5px 0 0 0 ;
}
      .number-input-container .button-increment {
          border-bottom: none;
        border-radius: 0 5px 0 0;
      }
      .custom-influence-wrapper {
        align-items: center;
        justify-content: center;
        padding-bottom:15px;
      }
      .custom-influence {
        text-align: left;
        line-height: 1.4;
      }
        .plan-toggle {
          margin: 15px 0 60px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
        }
        .plan-button-wrapper{
          display:flex;   
           justify-content: center;
          align-items: center;
          flex-wrap: wrap;  background-color: rgb(223, 227, 235);   border-radius: 25px;
      }
        .plan-button-wrapper div {
          background-color: rgb(223, 227, 235);
          padding: 12px 25px;
          text-align: center;
          font-weight: 600;
          border-radius: 25px;
          font-size: 15px;
          border: 1px solid rgb(223, 227, 235);
          transition: 0.3s ease all;
          cursor: pointer;
          min-width:230px;
        }
      .plan-button-wrapper .selected {
        background-color: #fff;
        border-color: #f3953f;
      }
      .plan-button-wrapper .discount-info {
        color: #f3953f;
          margin-left: 5px;
        }
      {# condition based css#}
        .pricing-table.annual .suffix.monthly {
            display: none;
          }
            .pricing-table.monthly .suffix.yearly, .basic-info.mo {
        display: none;
      }
/*  */


      .inner-price-toggle {
        width: 100%;
      }

      .inner-price-toggle .plan-toggle {
        margin: 20px 0px 30px;
      }

      .inner-price-toggle .plan-button-wrapper > div {
        min-width: unset;
        width: 100%;
        font-size: 12px;
        padding: 8px 0;
      }

      .inner-price-toggle .plan-button-wrapper {
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 20px;
      }

.incd-wrap {
	display: flex;
	flex-direction: column;
}
.module-tabs-mob .single-tab .heading {
	font-size: 14px;
	padding: 13px 0;
	transition: 0.3s ease all;
	border: 1px solid #dfe4e8;
	margin: 0;
	border-bottom: none;
	cursor: pointer;
}
.module-tabs-mob .single-tab:last-child .heading {
	border-bottom: 1px solid #dfe4e8;
}
.module-tabs-mob .single-tab .heading:hover,.module-tabs-mob .single-tab.active .heading {
	background-color: #dfe4e8;
}
.prefix {
	display: none;
}
/*  */
 @media (hover: hover) {
    .pricing-table .plan-column .number-input-container input[type="number"]:hover,
    .number-input-container button:hover {
        background-color: #fff;
    }

    .number-input-container button:active {
        background-color: var(--color-mustard-extra-light);
/*         transform: translateY(1px); */
    }
}

@media (hover: none) {
    .number-input-container button:active {
        background-color: white;
        transform: translateY(1px);
    }
}
@media (min-width:768px) {
  .price-cell.blank-cell {
	display: none !important;
}
  }
@media (max-width: 768px) {
  
 .plan-button-wrapper div {
	background-color: rgb(223, 227, 235);
	padding: 12px 16px;
	text-align: center;
	font-weight: 600;
	border-radius: 25px;
	font-size: 13px;
	border: 1px solid rgb(223, 227, 235);
	transition: 0.3s ease all;
	cursor: pointer;
	min-width: auto;
} 
   .col-6.plan-title-mob, .col-6.plan-details-mob {
	width: 100% !important;
	flex: 100% !important;
	max-width: 100% !important;
	text-align: center !important;
}
  .mobile-pricing-card.annual .monthly-price, .mobile-pricing-card.monthly .annual-price {
	display: none;
}
  .mobile-pricing-card .suffix.monthly {
	display: none;
}
  .mobile-pricing-card.monthly .suffix.yearly {
	display: none !important;
}
  .plan-title-mob .heading.text-dark {
	background-color: #4e5b61;
	padding: 10px 0;
	color: #fff !important;
	font-weight: 800;
	font-size: 22px;
}
  .plan-title-mob {
	padding: 0;
}
  .cta-group {
	margin-top: 20px;
}
  .inner-price-toggle .plan-button-wrapper {
	margin: 0;
}
}