.page-template-template-pricing-php .hero-sec .btn-wrp {
    margin: 0px 0 0;
   
}
.page-id-8810 .faq-cont-wrp p {
    display: none;
}
.disabled i {
    color: #D1D1DB !important;
}
.disabled {
    border-color: #EBEBEF !important;
    cursor: no-drop !important;
}
.disabled:focus-within {
    outline: none !important;
}
.disabled a {
    color: #d1d1db !important;
}
.col-xl-4.col-lg-6.col-md-12 {
    margin-bottom: 20px;
}
.plan-feature-wrp [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after {
    left: auto;
    transform: translate(-80%, -0.5em);
    margin-left: 6px;
}
.plan-feature-inner-wrp .request-title-wrp span {
    float: right;
    position: absolute;
    right: 0px;
    margin-top: -22px;
}
.year-cycle {
    font-size: 16px;
    color: var(--dark-grey);
}

.yr-price h5 {
    margin: 0;
    font-size: 25px;
    font-family: var(--secondary-font);
    color: var(--black-color);
}
.trail-box {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    margin: 10px 0;
}
.trail-box p {
    margin-bottom: 0;
    color: #3F3F50;
}
.trail-box img {
    width: 100%;
    max-width: 20px;
}
.main-title {
    padding: 0 20px;
}
.plan-body .btn-wrp ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.brand-sec img {
    width: min(100%, 130px);
}
.plan-feature-inner-wrp ul li:not(.feature-NA){
    background-image:url('../../../images/check-1.svg');
    background-repeat: no-repeat;
}
.feature-NA{
    background-image:url('../../../images/cross-1.svg');
        color: #A9A9BC !important;
    background-repeat: no-repeat;
}
 .hero-cont-wrp {
    width: min(100%, 640px);
}
.request-wrp {
    display: flex;
    margin: 32px 0;
    align-items: center;
}
.request-qty-wrp ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: end;
}
.request-title-wrp h5 {
    font-size: 16px;
    color: #3F3F50;
    margin: 0;
    display: flex;
    gap: 5px;
        font-family: var(--semi-font);
}
.request-title-wrp h5 i {
    color: #D1D1DB;
    cursor: pointer;
}
.request-title-wrp h5 i:hover{
    color:var(--purple);
}
.requst-qty {
    text-align: center;
    font-family: var(--tertiary-font);
    color: var(--black-color);
}
.requst-qty::-webkit-inner-spin-button,
.requst-qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.request-qty-wrp ul li input {
    width: min(100%, 29px);
    border: none;
    color: var(--black-color);
    background: #0000 !important;
}
.request-title-wrp {
    width: 100%;
}
.request-qty-wrp ul li:nth-child(2) {
    width: min(100%, 32px);
    text-align: center;
}
.request-qty-wrp ul li input:focus {
    border: none;
    outline: none;
}
.request-qty-wrp ul li:first-child, .request-qty-wrp ul li:last-child {
    width: min(100%, 32px);
    text-align: center;
    border: 1.5px solid #D1D1DB;
    height: 32px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #8A8AA3;
    cursor: pointer;
    background: #FFF;
}
.request-qty-wrp ul li:first-child:hover, .request-qty-wrp ul li:last-child:hover {
    background: #F7F7F8;
}
.request-qty-wrp ul li:first-child:focus-within,
.request-qty-wrp ul li:last-child:focus-within {
    outline: 2px solid var(--purple);
        outline-offset: 2px;
}
.request-qty-wrp ul li:first-child a, .request-qty-wrp ul li:last-child a {
    color: #8A8AA3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
/*.disabled {
    border-color: #EBEBEF !important;
    cursor: no-drop !important;
}*/

.disabled:focus-within {
    outline: none !important;
}

/*Tooltip*/
 
[tooltip] {
  position: relative; 
}
[tooltip]::before, [tooltip]::after {
    text-transform: none;
    font-size: 14px;
    line-height: 2;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
    font-size: 14px;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; 
  z-index: 1001; 
}
[tooltip]::after {
    content: attr(tooltip);
    text-align: center;
    overflow: hidden;
    padding: 10px;
    background: var(--purple);
    color: #fff;
    font-family: var(--primary-font);
    border-radius: 10px;
    z-index: 1000;
    width: 200px;
    line-height: 18px;
    font-size: 14px;
}

[tooltip]:hover::before, [tooltip]:hover::after {
    display: block;
    opacity: 1;
}

[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before, [tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 2px;
    border-top-color: var(--purple);
}
[tooltip]:not([flow])::before, 
[tooltip][flow^="up"]::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--purple); /* arrow color and size */
    border-bottom: none;

    width: 0;
    height: 0;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}.
.request-wrp [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after {
    left: auto;
    transform: translate(-50%, -.5em);
    margin-left: 6px;
}

/*Review*/
.star-rating-wrp {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-bottom: 20px;
}
.review-message-wrp {
    text-align: center;
}
.customer-inner-wrp {
    width: min(100%, 600px);
    margin: auto;
}
.star-rating-wrp li i {
    color: #e9983e;
}
.review-message-wrp p {
    font-size: 16px;
    font-family: var(--tertiary-font);
    color: var(--black-color);
}
.customer-profile-wrp {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none;
    gap: 20px;
        justify-content: center;
}
.customer-profile-wrp li:first-child{
    height: 50px;
    width: 50px;
}
.customer-profile-wrp li span img {
    border-radius: 50%;
}
.customer-profile-wrp li p {
    margin: 0;
    font-size: 14px;
}


/*Plan*/
.plan-body {
    padding: 0 30px 30px;
}
.plan-inner-box-one {
    padding: 24px 32px 0;
}
.intigration-wrp figure {
    margin: 0;
}
.intigration-wrp a {
    color: var(--black-color);
}
.switch-plan-sec {
    margin-bottom: 48px;
}
.plan-inner-wrp {
    box-shadow: 0px 1px 3px 0px rgba(18, 18, 23, 0.10), 0px 1px 2px 0px rgba(18, 18, 23, 0.06);
    padding: 0;
    border-radius: 16px;
    border: 1px solid #EBEBEF;
    height: 100%;
position:relative;
}
.plan-price-wrp {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 5px;
    align-items: center;
}
.plan-body .btn-wrp a {
    width: 100%;
    text-align: center;
}
.plan-title {
    margin: 0;
    font-size: 14px;
    font-family: var(--secondary-font);
    margin-bottom: 8px;
    color: var(--black-color);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 12px 32px;
    letter-spacing: 1px;
}
.strike-price {
    color: var(--dark-grey);
    font-size: 16px;
    font-family: var(--tertiary-font);
}
.current-price h5 {
    margin: 0;
    font-size: 25px;
    font-family: var(--secondary-font);
    color: var(--black-color);
}
.plan-price-wrp li:last-child {
    font-size: 16px;
    color: var(--dark-grey);
}
.sub-heading {
    margin: 0;
    font-size: 16px;
    font-family: var(--tertiary-font);
    color: var(--black-color);
}
.plan-title {
    margin: 0;
    font-size: 14px;
    font-family: var(--secondary-font);
    margin-bottom: 8px;
    color: var(--black-color);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 12px 32px;
    letter-spacing: 1px;
    background: #F7F7F8;
    text-transform: uppercase;
}
.plan-feature-inner-wrp h4 {
    font-size: 16px;
    color: #3F3F50;
    margin: 0 0 16px;
}
.plan-feature-inner-wrp ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
;
    flex-direction: column;
    gap: 12px;
    position: relative;
}
.plan-feature-inner-wrp ul li {
    color: #3F3F50;
    font-size: 16px;
    font-family: var(--primary-font);
    padding-left: 30px;
}
.intigration-wrp > a {
    text-decoration: none;
    background: #F7F7F8;
    padding: 15px 20px;
    text-align: center;
    width: 100%;
    display: block;
    margin: 20px 0 0;
    color: var(--black-color);
    border: 1px solid #D1D1DB;
    border-radius: 8px;
    font-size: 14px;
}
.popular .plan-title {
    background: #FFC233;
}

.popular {
    box-shadow: 0px 1px 2px 0px #FFCDBD, 0px 1px 2px 0px #FFCDBD;
    border: 1px solid #FFDA85;
}
.plan-features-wrp .plan-feature-inner-wrp:first-child {
    margin-bottom: 32px;
}
/*.plan-title span {
    font-size: 14px;
    background: var(--purple);
    /*padding: 2px 12px;*/
    border-radius: 50px;
    color: #fff;
    font-family: var(--tertiary-font);
}*/
.popular .plan-title {
    display: flex;
    gap: 8px;
}
.intigration-wrp {
    margin: 2em 0 0;
}
.intigration-wrp ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 6px;
}
.intigration-wrp h4 {
    font-size: 16px;
    color: #3F3F50;
    margin: 0 0 16px;
}
.intigration-wrp ul li img {
    width: 32px;
	height: 32px;
}


/*Switch Button*/
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0;
  right: 0; bottom: 0;
  background-color: #D1D1DB;
  transition: 0.4s;
  border-radius: 34px;
}


.slider:before {
  position: absolute;
  content: "";
  height: 20px; width: 20px;
  left: 3px; bottom: 3px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .slider {
    background-color: var(--purple);
}

input:checked + .slider:before {
  transform: translateX(24px);
}
.switch-plan {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    justify-content: end;
}
.switch-plan li:first-child {
    color: var(--black-color);
    font-family: var(--tertiary-font);
}
.switch-plan li:last-child {
    font-family: var(--tertiary-font);
}
.switch-plan li {
    font-size: 16px;
}
.note-text {
    margin: 0;
    font-size: 14px;
    color: var(--dark-grey);
    font-family: var(--tertiary-font);
}
.note-wrp {
    position: relative;
    top: -30px;
    left: -10px;
}
.note-wrp {
  position: relative;
  z-index: 1;
}
.arrow-mark {
    position: absolute;
    left: -29px;
    top: 4px;
}
.yearly-plan-sec{
    display:none;
}





/*Responsive*/
@media only screen and (max-width:992px){

.plan-feature-inner-wrp ul li, .sub-heading {
    font-size: 14px;
}
.plan-feature-inner-wrp h4 {
    font-size: 14px;
}
.design-inner-wrp .btn-wrp {
    gap: 10px;
}
.plan-sec .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}
.plan-inner-wrp {
    height: auto;
    margin-bottom: 24px;
}
.intigration-wrp figure {
    margin: 0;
    width: 100%;
    max-width: 100px;
}

}
@media only screen and (max-width:767px){
.plan-body {
    padding: 0 20px 32px;
}
.plan-sec {
    margin-top: 40px;
}
.yr-price h5 {
    font-size: 20px;
}
.current-price h5 {
    font-size: 20px;
}
.plan-inner-wrp {
  margin-bottom:30px;
    height: auto;
}
.switch-plan {
    justify-content: center;
}
.note-wrp {
    top: -60px;
    left: 0;
}
.note-text {
    position: absolute;
    right: 20%;
    top: -20px;
}
.arrow-mark {
    position: absolute;
    left: auto;
    top: 0;
    right: 29%;
}
.feature-sec .btn-wrp {
    text-align: center;
}
.page-id-6869 .hero-sec .reviews-wrp {
    margin: 32px 0 24px;
}
}