.pas-main-slides.plans {
height: 223px;
background-color: #9fffcb40;
}
.pas-main-banner {
margin-top: 140px;
}
.banner-info-con h2:last-child {
margin-bottom: 0;
}
.plan-inclusion ul {
list-style-type: none;
}
.pas-main-banner.plans .pas-banner-caption {
width: 80%;
margin: 0 auto;
}
.plans .banner-info-con h1 {
font-weight: 600;
font-size: 35px;
margin: 0 0 20px;
line-height: 38px;
text-align: center;
color: #004e64;
}
.plans .banner-info-con h2 {
font-weight: 400;
font-size: 16px;
text-align: center;
line-height: 24px;
color: #242424;
} .pas-section {
padding: 90px 0;
}
.pas-section.--services h1,
.pas-section.--services h2 {
color: #004e64;
font-size: 30px;
}
.pas-section.--services h3 {
font-size: 22px;
}
.services-wrap {
display: flex;
font-size: 0;
flex-wrap: wrap;
width: 1300px;
}
.services-wrap div {
display: flex;
margin: 10px 0 0 10px;
flex-grow: 1;
width: calc(100% * (1 / 3) - 10px - 1px);
}
.services-wrap div p {
font-size: 24px;
}
.plan-include-wrap {
padding: 50px 0;
padding-bottom: 0;
}
.plan-include-con {
display: flex;
font-size: 0;
flex-wrap: wrap;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.__vr-wrap .plan-include-con {
width: 100%;
}
.plan-include-con .child {
display: flex;
margin: 10px 0 0 10px;
flex-grow: 1;
height: 30px;
width: calc(100% * (1 / 3) - 10px - 1px);
}
.plan-include-con .child img {
margin-right: 8px;
display: inline-block;
}
.plan-include-con .child p {
color: #303030;
font-size: 16px;
display: inline-block;
text-align: left;
}
.pas-section.--select-plan h2,
.pas-section.--config-features h2,
.pas-section.--extra-features h2 {
font-size: 30px;
color: #004e64;
text-align: left;
}
.pas-section.--select-plan h2 span,
.pas-section.--config-features h2 span,
.pas-section.--extra-features h2 span {
background: #004e64;
color: #fff;
font-size: 26px;
padding: 10px 20px;
transform: skew(-18deg);
-webkit-transform: skew(-18deg);
-moz-transform: skew(-18deg);
-o-transform: skew(-18deg);
clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
font-weight: 700;
}
.pas-section.--select-plan h2,
.pas-section.--config-features h2,
.pas-section.--extra-features h2 {
font-size: 30px;
color: #004e64;
text-align: left;
}
.pas-section.--select-plan p,
.pas-section.--config-features p,
.pas-section.--extra-features p {
text-align: left;
} .plan-wrapper {
position: relative;
min-height: 725px;
overflow: hidden;
width: 100%;
padding: 30px 0 0;
}
.plan-track {
display: flex;
flex-wrap: wrap;
position: absolute;
width: 100%;
top: 0px;
transition: transform 0.6s ease;
left: 0%;
transform: translateX(0%);
align-items: flex-start;
}
.plan-track.--slide {
transform: translateX(-50%); }
.plan-track.--slide[data-track-for='transfer'] {
transform: translateX(-36.2%);
}
.plan-track.--slide[data-track-for='standard'] {
transform: translateX(-57%);
}
.plan-item {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: rgb(255, 255, 255);
min-height: 400px;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
text-align: center; margin: 10px;
position: relative;
transition: transform 0.3s ease;
border-top: #1bcda1 10px solid;
}
.plan-item.--unselected {
filter: grayscale(1);
opacity: 0.8;
}
.plan-item.--unselected:hover {
filter: grayscale(0);
opacity: 1;
}
.plan-item-wrapper {
width: 100%;
}
.plan-header {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-wrap: wrap;
text-align: center;
}
.plan-header p {
font-size: 20px;
font-weight: 500;
width: 100%;
}
.plan-included-price {
display: flex;
align-items: flex-start;
align-content: center;
justify-content: space-evenly;
flex-wrap: wrap;
text-align: center;
}
.plan-item.--hi .plan-header { color: #fff;
}
.pas-section.--select-plan p.plan-name {
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
color: #989898;
font-size: 16px;
}
.plan-content-price section {
color: #515151;
line-height: normal;
display: flex;
align-content: flex-start;
justify-content: center;
}
.plan-content-price section sup {
font-size: 18px;
font-weight: 400;
vertical-align: unset;
line-height: normal;
color: #004e64;
position: relative;
top: 5px;
}
.plan-content-price section span {
font-size: 32px;
font-weight: 600;
color: #004e64;
}
.plan-content-price label {
font-size: 15px;
font-weight: 500;
color: #004e64;
text-align: left;
}
.plan-content-price label span {
display: block;
font-size: 11px;
font-weight: 400;
color: #989898;
text-align: center;
}
.plan-item-wrapper.--button-select-plan button {
height: 50px;
width: 190px;
font-size: 17px;
font-weight: 500;
color: #fff;
border: none;
border-radius: 100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
background: #004e64;
}
.plan-item-wrapper.--button-select-plan button:hover {
background: transparent
linear-gradient(270deg, #004e64 0%, #004e64 50%, #303030 100%) 0% 0%
no-repeat padding-box;
}
.plan-item.--selected .plan-item-wrapper.--button-select-plan button {
font-size: 0;
color: transparent;
}
.plan-cost {
margin-top: 25px; display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
.plan-cost {
padding: 0;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.plan-cost label {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
font-size: 16px;
}
.plan-cost label:last-child() {
margin-bottom: 0;
}
.plan-cost strong {
font-size: 16px;
font-weight: 400;
color: #515151;
}
.plan-cost p {
font-size: 15px;
font-weight: 400;
color: #00b85c;
margin: 0;
}
.plan-inclusion {
margin-bottom: 70px;
}
.plan-inclusion header {
color: #767373;
font-size: 16px;
font-weight: 500;
height: 30px;
text-align: left;
padding-left: 20px;
padding-right: 20px; }
.plan-inclusion ul {
margin: 0;
padding: 15px 20px 0;
}
.plan-inclusion li {
text-align: left;
font-size: 15px;
font-weight: 400;
color: #515151;
margin-bottom: 15px;
position: relative;
padding-left: 20px;
} .plan-inclusion li:after {
position: absolute; left: 0;
top: 50%;
transform: translateY(-50%);
} .plan-inclusion li:after {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 5px;
height: 9px;
transform: rotate(45deg) translate(0, -7px);
}
.plan-inclusion li::before {
content: '';
display: block;
background-image: url(https://phoneansweringservices.com.au/wp-content/themes/pas/pasv2/images/plans/icons/light-green-check.svg);
background-size: cover;
width: 20px;
height: 20px;
position: absolute;
top: 0px;
left: -8px;
z-index: 1;
}
.plan-inclusion li:last-child {
margin: 0;
}
.plan-inclusion li::marker {
content: '';
}
.plan-item-wrapper.--button-cis {
padding-bottom: 20px;
margin-top: 20px;
}
.plan-item-wrapper.--button-cis a {
font-size: 14px;
font-weight: 400;
color: #767373;
text-decoration: none;
position: relative;
}
.plan-item-wrapper.--button-cis a:after {
content: '';
position: absolute;
width: 0;
height: 1px;
background: #767373;
position: absolute;
bottom: -4px;
left: 50%;
transition: transform 0.3s ease;
transform: translateX(-50%);
}
.plan-item-wrapper.--button-cis a:hover::after {
width: 100%;
}
.box-group {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box-item {
background: #fff;
border: 1px solid #008f4780;
border-radius: 10px;
padding: 15px 20px 30px;
width: calc((85% / 3));
max-width: 100%;
position: relative;
overflow: hidden;
}
.box-item header.header-caption {
color: #515151;
font-size: 22px;
font-weight: 600;
}
.box-item.--field-transfer {
margin-top: 30px;
display: none;
}
.box-item.--field-transfer.--selected {
display: block;
}
.box-item button {
font-size: 15px;
font-weight: 400;
background: none;
border: none;
padding: 0;
color: var(--primary-color-1);
margin-top: 20px;
}
.box-item button:disabled {
filter: grayscale(1);
cursor: no-drop;
}
.box-item > header {
display: flex;
align-items: center;
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
flex-wrap: wrap;
}
.box-item.--teams .fields-placeholder header {
font-size: 18px;
margin-bottom: 20px;
display: flex;
align-items: center;
margin-top: 40px;
}
.box-item.--teams .fields-placeholder header span {
font-size: 15px;
color: var(--primary-color-1);
}
.box-item.--teams .field-group-team:nth-child(n + 3) header span {
display: none;
}
.box-item header img {
margin-right: 10px;
}
.box-item header span {
display: inline;
width: unset;
margin: 0 0 0 10px;
}
.box-item > p,
.box-item > .custom-label p {
font-size: 16px;
font-weight: 400;
color: #414141;
max-width: 430px;
margin-bottom: 15px;
justify-content: space-between;
}
.box-item > .custom-label label {
display: flex;
align-items: center;
margin-bottom: 5px;
width: 100%;
justify-content: flex-end;
margin-bottom: 0;
width: 100%;
}
.box-item > label sup,
.box-item > .custom-label sup {
font-size: 20px;
font-weight: 400;
top: unset;
color: var(--primary-color-1);
top: -4px;
vertical-align: unset;
line-height: normal;
}
.box-item > label em,
.box-item > .custom-label em {
font-size: 32px;
font-weight: 600;
font-style: normal;
color: var(--primary-color-1);
}
.box-item > label p,
.box-item > .custom-label p {
margin-left: 8px;
}
.box-item > .custom-label p {
margin-bottom: 0;
}
.box-item > label {
font-size: 16px;
font-weight: 400;
color: var(--neutral-color-4);
margin-bottom: 10px;
width: 100%;
display: flex;
align-items: center;
}
.box-item > .custom-label label {
align-items: center;
}
.box-item > p span,
.box-item > .custom-label p span {
display: unset;
font-size: 16px;
}
.box-item > span {
width: 100%;
display: block;
font-size: 15px;
font-weight: 400;
color: #767373;
line-height: normal;
margin: 5px 0 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.box-item > span small {
color: var(--neutral-color-4);
}
.fields-wrapper textarea,
.fields-wrapper input {
border-radius: 3px;
border: solid 1px rgb(204, 204, 204);
background-color: rgb(255, 255, 255);
width: 95%;
font-size: 14px;
font-weight: 400;
padding: 10px;
}
.optional-content-wrapper .fields-wrapper textarea,
.optional-content-wrapper .fields-wrapper input {
width: 95%;
}
.fields-wrapper textarea {
resize: vertical;
min-height: 85px;
}
.fields-wrapper.--sms-recipient {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #c7c7c7;
} .customer-form .frm-cont {
margin-top: 30px;
}
.customer-form p {
margin-bottom: 30px;
color: #00428b;
font-size: 25px;
font-weight: 600;
}
.upgrade-your-plan-con h3 {
margin: 50px 0px 30px;
color: #303030;
font-size: 22px;
font-weight: 600;
}
.material-row-long {
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.material-row-2,
.material-row-3 {
display: flex;
width: 100%;
}
.material-row-2-short {
display: inline-flex;
flex-wrap: wrap;
width: 30%;
justify-content: space-between;
}
.material-row-long-2 {
display: inline-flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.material-row-long-2 .material-group:first-child {
width: 65%;
}
.material-row-long-2 .material-group:nth-child(2) {
width: calc(35% - 20px);
}
.material-group {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 25px;
}
.material-row-2 .material-group:first-child {
margin-right: 20px;
}
.material-row-3 .material-group:first-child,
.material-row-3 .material-group:nth-child(2) {
margin-right: 20px;
}
.material-group > label.__material-label {
padding: 5px 0.2em;
position: absolute;
left: 1em;
background: #fff;
}
label.__material-label {
font-size: 13px;
color: #515151;
font-weight: 400;
transition: 0.1s linear;
padding: 0 10px;
line-height: 11px;
}
.material-group > input,
.material-group > select {
height: 50px;
outline: none;
border-radius: 5px;
border: solid 1px #989898;
}
.material-group input,
.material-group select {
width: 100%;
}
.material-group input[type='number'] {
-moz-appearance: textfield;
}
.material-group input[type='number']::-webkit-outer-spin-button,
.material-group input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none;
}
select.material-input {
-webkit-appearance: none;
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/select-arrow-down.svg) !important;
background-repeat: no-repeat !important;
background-position: center right 10px;
}
.material-input {
background: transparent;
width: 90%;
padding: 0px 20px;
}
.material-group > textarea {
width: 100%;
height: 80px;
outline: none;
border-radius: 5px;
border: solid 1px #989898;
padding: 20px;
}
.material-group.__material-focus-in > label.__material-label {
top: -10px;
z-index: 1;
}
.material-group.__material-focus-out > label.__material-label {
top: 17px;
z-index: 0;
pointer-events: none;
background: #fff;
}
.material-group.__material-focus-out label.label-industry {
background: #fff;
width: 85%;
}
.material-group.__material-focus-out label.label-select-state,
.material-group.__material-focus-out label.label-birthdate {
background: #fff;
width: 50%;
}
.material-error-label,
.material-error-email-label {
visibility: hidden;
height: 0;
position: absolute;
left: 0;
top: 56px;
left: 10px;
font-size: 11px;
font-weight: normal;
color: #b31b1b;
}
.__is_empty .material-error-label,
.__is_emailblank .material-error-email-label {
visibility: visible;
}
.__is_empty input.material-input,
.__is_empty select.material-input,
.__is_emailblank input.material-input {
border: 2px solid #b31b1b;
}
.material-group.__is_empty.__material-focus-in > .__material-label {
color: #b31b1b;
}
input[type='number'] {
-moz-appearance: textfield;
}
.pas-form-tooltip {
position: absolute;
right: -30px;
top: 15px;
}
.pas-form-tooltip img {
width: 20px;
}
.pas-form-tooltip .tooltip-text {
visibility: hidden;
width: 200px;
background-color: #1db0fa;
color: #fff;
text-align: left;
font-size: 13px;
font-weight: 400;
border-radius: 6px;
padding: 15px;
position: absolute;
z-index: 1;
top: -30px;
left: 30px;
box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);
}
.pas-form-tooltip:hover .tooltip-text {
visibility: visible;
} .cta-final-button {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 70px 0;
}
.cta-final-button.--centered {
justify-content: center;
}
.cta-final-button .pas-back-btn {
border: 2px solid #00428b;
border-radius: 3px;
color: #00428b;
justify-content: center;
margin-right: 20px;
}
.cta-final-button .pas-checkout-btn {
background: #ff7c44;
border-radius: 3px;
font-weight: 500;
text-transform: uppercase;
width: 336px;
justify-content: center;
border: 2px solid #ff7c44;
}
.cta-final-button .pas-checkout-btn:hover,
.cta-final-button .pas-checkout-btn:focus,
.cta-final-button .pas-checkout-btn:active {
background: #e1642f;
color: #fff;
}
.cta-final-button .pas-checkout-btn.--red {
background: #de0808;
border: 2px solid #de0808;
}
.cta-final-button .pas-checkout-btn.--red:hover,
.cta-final-button .pas-checkout-btn.--red:focus,
.cta-final-button .pas-checkout-btn.--red:active {
background: #af0000;
border: 2px solid #de0808;
}
.cta-final-button .pas-checkout-btn.--inactive {
opacity: 0.5;
} .plan-button-wrap {
display: flex;
align-items: center;
align-content: center;
width: 1300px;
max-width: 100%;
margin: 0 auto;
}
.plan-button-section {
z-index: 30;
position: relative;
overflow: hidden;
display: flex;
width: 100%;
margin: auto;
height: 100px;
}
.plan-button {
display: flex;
width: calc(100% / 3);
position: relative;
z-index: 10;
border: 10px solid #fff;
border-radius: 100px;
bottom: 76px;
margin: auto;
margin-top: 100px;
height: 155px;
cursor: pointer;
justify-content: center;
}
.plan-button p {
font-size: 24px;
font-weight: 500;
top: 18px;
position: relative;
}
.pas-plan1 {
z-index: 1;
background: #ddffed;
position: relative;
left: -60px;
border-radius: 100px 0px;
}
.pas-plan1 p {
color: #008f47;
}
.pas-plan2 {
z-index: 20;
position: absolute;
background: transparent linear-gradient(90deg, #e6f9fb 0%, #ccf9ff 100%) 0% 0%
no-repeat padding-box;
top: -76px;
left: 50%;
transform: translateX(-50%);
width: 443px;
}
.pas-plan2 p {
color: #0084e5;
}
.pas-plan3 {
z-index: 1;
background: #f0f3fd;
border-radius: 0px 100px;
right: -60px; }
.pas-plan3 p {
color: #613dc1;
}
img.tab-icons {
height: 28px;
position: relative;
top: 35px;
right: 10px;
}
.pas-plan1.__active-tab {
background: transparent linear-gradient(87deg, #1bac57 0%, #1bcda1 100%) 0% 0%
no-repeat padding-box;
}
.pas-plan1.__active-tab p {
color: #fff;
}
.pas-plan2.__active-tab {
background: transparent linear-gradient(270deg, #006fff 0%, #008cff 100%) 0%
0% no-repeat padding-box;
}
.pas-plan2.__active-tab p {
color: #fff;
}
.pas-plan3.__active-tab {
background: transparent linear-gradient(271deg, #613dc1 0%, #cc66ff 100%) 0%
0% no-repeat padding-box;
}
.pas-plan3.__active-tab p {
color: #fff;
}
.plan-selected-border {
height: 5px;
background: transparent linear-gradient(90deg, #1bac57 0%, #1bcda1 100%) 0% 0%
no-repeat padding-box;
width: 1198px;
margin: auto; }
.pa_transfer .plan-selected-border {
background: transparent linear-gradient(90deg, #006fff 0%, #008cff 100%) 0% 0%
no-repeat padding-box;
}
.virtual_receptionist .plan-selected-border {
background: transparent linear-gradient(90deg, #613dc1 0%, #cc66ff 100%) 0% 0%
no-repeat padding-box;
}
.virtual_receptionist .plan-selected-border::before {
margin-left: auto;
margin-right: auto;
width: 412px;
background: transparent linear-gradient(270deg, #006fff 0%, #008cff 100%) 0%
0% no-repeat padding-box;
}
.vr-tab .plan-selected-border::before {
float: right;
background: transparent linear-gradient(90deg, #613dc1 0%, #cc66ff 100%) 0% 0%
no-repeat padding-box;
}
.plan-selected-border::before {
content: '';
background: transparent linear-gradient(90deg, #1bac57 0%, #1bcda1 100%) 0% 0%
no-repeat padding-box;
height: 10px;
width: 363px;
margin-bottom: 20px;
display: block;
position: relative;
bottom: 10px;
}
p.plan-title {
font-size: 22px;
text-align: center;
font-weight: 500;
}
.flex-row-desc {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
p.para-desc {
font-size: 16px;
font-weight: 500;
color: #515151;
}
.flex-20 {
display: flex;
width: calc(100% / 5 - 20px);
}
section.inc-calls {
font-size: 32px;
color: #00b85c;
font-weight: 600;
}
label.label-inc {
font-size: 13px;
color: #00b85c;
font-weight: 400;
}
h3.each-phone-answering {
color: #303030;
font-size: 22px;
font-weight: 500;
}
.parent-curved-border p,
.lower-parent-curved-border p {
font-size: 21px;
color: #fff;
font-weight: 500;
}
.parent-curved-border {
float: right;
position: relative;
bottom: 570px;
right: -244px;
cursor: pointer;
background: #1bcda1;
height: 70px;
width: 405px;
transform: rotate(270deg);
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 35px 35px;
}
.lower-parent-curved-border {
float: left;
position: relative;
bottom: 570px;
left: -234px;
cursor: pointer;
background: #1bcda1;
height: 70px;
width: 405px;
transform: rotate(270deg);
display: flex;
align-items: center;
justify-content: center;
border-radius: 35px 35px 0 0;
}
.parent-curved-border:hover,
.lower-parent-curved-border:hover {
background: #07c294;
}
.pas-section.--services {
padding-bottom: 0;
} .pas-section.--config-features,
.pas-section.--extra-features {
background: #f5fdfd;
}
.add-sms {
width: 100%;
border-top: 12px solid #1bcda1;
}
.add-question {
width: 55%;
border-top: 12px solid #1bcda1;  }
.add-team {
width: 100%;
border-top: 12px solid #1bcda1;
margin-top: 80px;
}
.set-two {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item-b-1 {
width: 50%;
}
.item-b-2 {
width: 50%;
display: flex;
align-items: center;
}
.item-b-1 {
background: #ddf8f1;
border-radius: 10px;
width: 136px;
justify-content: center;
align-items: center;
display: flex;
}
.--config-features.pa_transfer .free::after {
background: #00acff;
} .--config-features.pa_transfer .box-item,
.--extra-features.pa_transfer .box-item {
border-color: rgb(0 172 255 / 15%);
}
.--extra-features.pa_transfer .add-sms,
.--extra-features.pa_transfer .add-question,
.--extra-features.pa_transfer .add-team {
border-top: 12px solid #00acff;
}
.--extra-features.pa_transfer .item-b-1 {
background-color: rgb(0 172 255 / 15%);
}
.--config-features.virtual_receptionist .free::after {
background: #9933ff;
}
.--extra-features.virtual_receptionist .add-sms,
.--extra-features.virtual_receptionist .add-question,
.--extra-features.virtual_receptionist .add-team {
border-top: 12px solid #9933ff;
}
.--extra-features.virtual_receptionist .item-b-1 {
background-color: rgb(153 51 255 / 15%);
}
.--config-features.virtual_receptionist,
.--extra-features.virtual_receptionist {
display: none;
}
.additional-team-custom {
width: 205px;
}
p.box-with-price {
color: #004e64;
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
}
span.dollar-s {
font-size: 18px;
position: relative;
bottom: 4px;
}
span.with-price {
font-size: 32px;
margin-right: 5px;
font-weight: 600;
}
p.standard-rate {
font-size: 16px;
color: #004e64;
font-weight: 400;
}
span.standard-price {
font-weight: 500;
}
p.subcaption {
color: #767373;
font-size: 16px;
font-weight: 400;
max-width: 100%;
}
.free::after {
content: 'FREE';
position: absolute;
right: 0;
top: 0;
background: #1bcda1;
padding: 6px 6px 6px 14px;
border-radius: 0px 0px 0px 50px;
color: #fff;
}
img.first-icons {
margin: 0;
margin-left: 10px;
}
input.sms-receipt-input {
width: 100%; }
.plus-button {
background: #004e64;
width: 43px;
height: 43px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 35px;
border-radius: 5px; cursor: pointer;
}
.__arrow-section.__transfer-select-plan .parent-curved-border:hover,
.__arrow-section.__transfer-select-plan .lower-parent-curved-border:hover {
background: #008cff;
}
.sms-receipt { }
input.additional-question {
float: left;
width: 85%;
}
.flex-input {
display: flex;
width: 85%;
flex-wrap: wrap;
}
.field-wrapper-sms .flex-input {
width: 100%;
}
.flex-check {
display: flex;
width: 10%;
}
.custom-flex-input {
justify-content: space-between;
align-items: end;
flex-wrap: wrap;
}
p.sms-receipt {
width: 100%;
}
.flex-team-row {
display: flex;
flex-wrap: wrap;
align-items: end;
}
.flex-team-child {
display: flex;
width: 31%;
}
.flex-team-child._last-flex-team-child {
width: 7%;
}
.flex-hold-team {
width: 90%;
}
.fields-placeholder ._last-flex-team-child {
display: none;
}
.fields-placeholder:last-child ._last-flex-team-child {
display: flex;
}
.__disabled {
pointer-events: none;
opacity: 0.1;
}
.plan-include-wrap {
display: none;
}
.plan-include-wrap.__active-wrap {
display: block;
}
.plan-circle::before { }
.plan-circle {
width: 30px;
height: 30px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/white-check.svg) !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.__green-circle {
background: #00cc66;
}
.__blue-circle {
background: #008cff;
}
.__purple-circle {
background: #9933ff;
}
.__vr-wrap .plan-include-con {
display: inline-flex;
flex-wrap: nowrap;
}
.__vr-wrap .plan-include-con .child {
width: calc(100% / 5 - 20px);
}
.__vr-wrap .plan-include-con .child p {
text-align: left;
width: 85%;
}
.vr-hold {
display: flex;
}
.__arrow-section.__transfer-select-plan .parent-curved-border,
.__arrow-section.__transfer-select-plan .lower-parent-curved-border {
background: #00acff;
}
.plan-wrapper-transfer .plan-item {
border-color: #00acff;
}
.plan-wrapper-vr-track .plan-item {
border-color: #9933ff;
}
.plan-wrapper-transfer section.inc-calls,
.plan-wrapper-transfer .plan-cost p,
.plan-wrapper-transfer label.label-inc {
color: #00acff;
}
.plan-wrapper-vr-track section.inc-calls,
.plan-wrapper-vr-track label.label-inc,
.plan-wrapper-vr-track .plan-cost p {
color: #613dc1;
}
.__hidden-plan-area {
display: none;
}
.box-group.optional-group {
width: 40%;
}
.pas-wrap-info-con {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pas-wrap-info-con h2 {
width: 100%;
}
.cust-p {
width: 100%;
}
.__vr-select-plan .parent-curved-border {
display: none;
}
.field-wrapper-sms {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.field-wrapper-sms .custom-flex-input {
width: 85%;
}
.__proceed1,
.__proceed2 {
height: 50px;
width: 240px;
font-size: 17px;
font-weight: 500;
color: #fff;
border: none;
border-radius: 100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
background: #004e64;
text-decoration: none;
background: transparent
linear-gradient(270deg, #00cc66 0%, #00cc66 51%, #008f47 100%) 0% 0%
no-repeat padding-box; margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.proceed-div {
display: flex;
align-items: center;
align-content: center;
width: 1300px;
max-width: 100%;
margin: 0 auto;
}
.__proceed1,
.__proceed2 {
cursor: pointer;
}
.__proceed-not-active {
pointer-events: none;
opacity: 0.4;
}
p.need-plan {
text-align: center !important;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 30px;
color: red;
text-decoration: underline;
cursor: pointer;
width: 340px;
margin-left: auto;
margin-right: auto;
}
.need-plan.hide-need-plan {
display: none;
}
.select-btn[data-trigger='plan'] {
cursor: pointer;
}
.plan-wrapper-vr-track .plan-item { min-height: 480px;
}
.plan-track[data-track-for='vr-track'] {
justify-content: space-evenly;
}
.plan-wrapper.plan-wrapper-transfer.plan-wrapper-vr-track.placeholder-plan
[data-plan='02']::before {
content: 'MOST POPULAR';
position: absolute;
top: -55px;
background: #613dc1;
width: 100%;
height: 38px;
display: flex;
align-items: center;
justify-content: space-evenly;
border-radius: 22px 22px 5px 5px;
color: #fff;
font-size: 16px;
}
section.inc-calls.vr-pay-go {
font-size: 20px;
width: 60%;
margin: auto;
}
.--config-features {
padding-bottom: 0;
}
.pas-section.--select-plan.placeholder-plan {
padding-bottom: 0;
}
.first-icons {
background: #1bcda1;
border-radius: 100%;
}
.pa_transfer .first-icons {
background: #00acff;
}
.__icon-pa-tab::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/1-phone-answering-colored.svg);
}
.__icon-transfer-tab::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/2-phone-answering-transfer-colored.svg);
}
.__icon-vr-tab::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/3-virtual-recep-colored.svg);
}
.__active-tab .__icon-pa-tab::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/1-phone-answering-white.svg);
}
.__active-tab .__icon-transfer-tab::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/2-phone-answering-transfer-white.svg);
}
.__active-tab .__icon-vr-tab::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/3-virtual-recep-white.svg);
}
.__tab-icons::before {
position: relative;
top: 3px;
right: 10px;
}
.--plan-pa-pro {
margin-top: 20px;
}
.--additionalSMS-before::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/addtl-sms-recpt.svg);
position: relative;
margin-right: 10px;
top: 4px;
}
.--additionalQuestion-before::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/addtl-question.svg);
position: relative;
margin-right: 10px;
top: 4px;
}
.--additionalTeam-before::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/addtl-team.svg);
position: relative;
margin-right: 10px;
top: 4px;
} .--extra-features.pa_transfer .--additionalSMS-before::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/blue-additional-sms.svg);
}
.--extra-features.pa_transfer .--additionalQuestion-before::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/blue-additional-questions.svg);
}
.--extra-features.pa_transfer .--additionalTeam-before::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/blue-additional-team.svg);
}
[data-track-for='transfer'] .plan-inclusion li::before {
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/global/check-icons/pat-min.png);
}
[data-track-for='vr-track'] .plan-inclusion li::before {
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/global/check-icons/vr-min.png);
}
.new-caption-vr {
padding-left: 20px;
padding-right: 20px;
}
.new-caption-vr p {
font-size: 16px;
color: #989898;
font-weight: 400;
margin-bottom: 20px;
}
.tab-for-mobile {
display: none;
}
.mobile-show-more,
.__mobile-need-higher-plan {
display: none;
}
.plan-wrapper-vr-track.placeholder-plan {
overflow: inherit;
margin-top: 50px;
}
.fields-group.flex-team-row {
margin-bottom: 20px;
}
.add-team .set-two {
margin-bottom: 20px;
}
.flex-input.__input-question { }
p.question-receipt,
p.sms-receipt {
margin-bottom: 5px;
}
.plan-wrapper-vr-track .plan-cost label {
font-size: 17px;
}
.vr-hold-text {
position: absolute;
top: 75%;
width: 100%;
}
.vr-hold-text p.vr-subtext {
text-align: center;
font-size: 16px;
color: #989898;
font-style: italic;
}
.__selected {
background: transparent linear-gradient(270deg, #006fff 40%, #00e1a9 120%) 0%
0% no-repeat padding-box !important;
}
.bubble-chat {
border-radius: 5px;
background: #004e64;
padding: 20px;
position: absolute;
top: -23px;
left: 290px;
z-index: 1;
width: 220px;
display: none;
}
.bubble-chat::before {
content: '';
position: absolute;
right: 100%;
top: 50%;
border-width: 25px;
border-style: solid;
border-color: transparent #004e64 transparent transparent;
transform: translateY(-50%);
}
.box_recipients .bubble-chat {
left: 50%;
}
.bubble-chat p {
color: #fff;
}
.__show-bubble .bubble-chat {
display: block;
}
.__show-bubble.box-item {
overflow: inherit;
}
label.label-remove {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
p.remove-this {
color: red;
text-decoration: underline;
margin-left: 20px;
margin-bottom: 5px;
cursor: pointer;
font-size: 14px;
}
p.remove-this.__hidden-remove-this {
display: none;
}
.parent-curved-border.__higher-plan-z.__redirect-enquiry {
display: none !important;
} @media only screen and (max-width: 1500px) {
.pas-plan2 {
width: 370px;
}
.plan-selected-border {
width: 1056px;
}
.parent-curved-border {
right: -155px;
}
.lower-parent-curved-border {
left: -155px;
}
.pas-wrap {
width: 1130px;
}
.proceed-div {
width: 1130px;
}
}
@media only screen and (max-width: 1440px) {
.plan-include-wrap {
width: 100%;
}
}
@media only screen and (max-width: 1366px) {
.plan-include-wrap {
width: 100%;
}
}
@media only screen and (max-width: 1330px) {
.plan-include-con,
.plan-include-wrap {
width: 100%;
}
.__tab-icons::before {
display: none;
}
.plan-button p {
font-size: 22px;
}
.pas-plan3 {
right: -70px;
}
.pas-plan1 {
left: -70px;
}
.plan-selected-border {
width: 958px;
}
.plan-item-wrapper.--button-select-plan button {
width: 90%;
}
.parent-curved-border {
right: -135px;
}
.lower-parent-curved-border {
left: -135px;
}
.__vr-wrap .plan-include-con .child {
width: calc(100% / 3 - 20px);
height: auto;
display: flex;
flex-grow: inherit;
}
.__vr-wrap .plan-include-con {
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
}
.plan-wrapper-vr-track .plan-item {
width: 280px !important;
}
.plan-inclusion {
margin-bottom: 30px;
}
.parent-curved-border {
right: -205px;
}
.lower-parent-curved-border {
left: -205px;
}
}
@media only screen and (max-width: 1280px) {
.plan-wrapper {
min-height: 650px;
}
.parent-curved-border,
.lower-parent-curved-border {
bottom: 500px;
}
.plan-selected-border {
width: 1077px;
}
}
@media only screen and (max-width: 1240px) {
.parent-curved-border {
right: -275px;
}
.lower-parent-curved-border {
left: -275px;
}
.plan-item-wrapper.--button-select-plan button {
width: 80%;
}
}
@media only screen and (max-width: 1145px) {
.plan-cost strong {
font-size: 15px;
}
.plan-cost label {
font-size: 15px;
}
}
@media only screen and (max-width: 1100px) {
.plan-wrapper {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.parent-curved-border {
right: -215px;
}
.lower-parent-curved-border {
left: -215px;
}
.plan-selected-border {
width: 1048px;
}
}
@media only screen and (max-width: 1099px) {
.--select-plan .pas-wrap {
width: 900px;
}
.parent-curved-border {
right: -175px;
}
.lower-parent-curved-border {
left: -175px;
}
}
@media only screen and (max-width: 1020px) {
.--select-plan .pas-wrap {
width: 700px;
}
.plan-selected-border {
width: 100%;
}
} @media only screen and (max-width: 1023px) {
.plans .banner-info-con h1 {
font-size: 32px;
}
.cta-final-button {
justify-content: center;
}
.pas-wrap {
width: 90%;
}
.pas-plan2 {
width: 330px;
}
.pas-plan3 {
right: -60px;
}
.pas-plan1 {
left: -60px;
}
.plan-selected-border {
width: 880px;
}
.proceed-div {
width: 90%;
}
} @media only screen and (max-width: 960px) {
.plan-selected-border {
width: 97%;
}
}
@media only screen and (max-width: 820px) {
.vr-hold-text {
display: none;
}
.plan-item {
width: calc(100% / 2 - 20px) !important;
}
.plan-wrapper {
min-height: 1000px;
}
.plan-track {
width: 100% !important;
position: static; }
.mobile-show-more {
position: relative;
cursor: pointer;
background: #1bcda1;
height: 56px;
transform: rotate(360deg);
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 35px 35px;
width: 95%;
margin: auto;
margin-top: 20px;
margin-bottom: 30px;
}
.plan-item:nth-child(n + 5) {
display: none;
}
.plan-item._show-child:nth-child(n + 5) {
display: block;
}
.parent-curved-border,
.lower-parent-curved-border {
display: none;
}
.hide-higher-plan {
display: none;
}
.plan-selected-border {
width: 98%;
}
.plan-cost label {
font-size: 14px;
}
.box-item {
width: 42%;
padding: 20px;
margin-bottom: 40px;
}
.optional-group .box-item {
width: 100%;
}
.box-group.optional-group {
width: 45%;
}
.box-item.add-question {
width: 45%;
}
.box-item.add-team {
width: 100%;
margin-top: 0;
}
.plan-button p {
font-size: 16px;
}
.pas-plan2 {
width: 300px;
}
.plan-button p {
top: 18px;
font-size: 15px;
}
.mobile-show-more p,
.mobile-show-more a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.plan-button {
top: -66px;
}
.plan-include-con .child p {
text-align: left;
font-size: 14px;
}
.plan-include-con .child {
height: auto;
width: calc(100% / 2 - 20px);
}
.pas-main-banner.plans .pas-banner-caption {
width: 100%;
}
.plan-track[data-track-for='vr-track'] {
align-items: inherit;
}
.plan-cost strong {
font-size: 14px;
}
.plan-cost {
width: 80%;
}
.pas-section.--select-plan h2,
.pas-section.--config-features h2,
.pas-section.--extra-features h2 {
font-size: 25px;
}
.plan-item-wrapper.--button-cis a {
font-size: 13px;
}
.plan-inclusion {
position: relative;
left: 10px;
}
.item-b-1 {
height: 50px;
}
.set-two {
align-items: center;
margin-bottom: 10px;
}
.item-b-2 {
width: 48%;
}
.box-item header.header-caption {
display: inherit;
text-align: left;
font-size: 16px;
}
.add-team p.subcaption {
width: 50%;
}
.__vr-wrap .plan-include-con .child {
width: calc(100% / 2 - 20px);
}
.plan-track[data-track-for='vr-track'] {
justify-content: space-between;
}
.--additionalTeam-before::before,
.--additionalQuestion-before::before,
.--additionalSMS-before::before {
margin-right: inherit;
}
p.subcaption {
font-size: 13px;
}
p.question-receipt,
p.sms-receipt {
font-size: 13px;
}
.flex-team-child p label {
font-size: 13px;
}
p.standard-rate {
font-size: 14px;
}
.plan-include-con,
.plan-include-wrap {
width: 85%;
margin-left: auto;
margin-right: auto;
}
.pas-section.--services h3 {
font-size: 15px;
}
}
@media only screen and (max-width: 600px) {
.pas-main-banner.plans .pas-banner-caption {
width: 95%;
}
.plans .banner-info-con h1 {
font-size: 22px;
line-height: 28px;
}
.material-row-2 {
flex-wrap: wrap;
}
.material-row-2 .material-group:first-child {
margin-right: 0px;
}
.material-row-long-2 .material-group:first-child {
width: 100%;
}
.material-row-long-2 .material-group:nth-child(2) {
width: 100%;
}
.material-row-2-short {
width: 60%;
}
.pas-form-tooltip .tooltip-text {
width: 120px;
font-size: 9px;
padding: 5px;
top: -25px;
left: -10px;
}
.cta-final-button {
flex-wrap: wrap-reverse;
padding: 40px 0;
}
.cta-final-button .pas-checkout-btn {
width: 100%;
margin-bottom: 20px;
font-size: 14px;
}
.cta-final-button .pas-back-btn {
width: 100%;
margin-right: 0px;
font-size: 14px;
}
.box-item {
width: 100%;
}
.box-group.optional-group {
width: 100%;
}
.flex-team-child {
width: 100%;
}
.plan-item {
width: 90% !important;
margin: 0;
margin: auto;
margin-bottom: 20px;
display: block;
min-height: auto;
}
.parent-curved-border {
display: none;
}
.lower-parent-curved-border {
display: none;
}
.plan-track {
transform: none;
width: 100% !important;
}
.plan-button-wrap {
display: none;
}
.plan-selected-border {
display: none;
}
.plan-include-con {
width: 100%;
}
.plan-include-wrap {
width: 100%;
}
.plan-include-con .child {
width: 100%;
}
.tab-for-mobile {
display: block;
}
.pa-mobile-all {
width: 100%;
text-align: left;
padding-left: 20px;
}
.tab-box-container {
box-shadow: 0px 0px 6px #00000029;
border-radius: 20px;
padding: 20px;
}
.tab-box-container .flex-row {
flex-wrap: wrap;
}
.pa-mobile-all {
height: 40px;
display: flex;
align-items: center;
border-radius: 7px;
margin-bottom: 10px;
}
.pa-mobile-all:last-child {
margin-bottom: 0;
}
.pa-mobile-all p {
font-size: 16px;
font-weight: 600;
color: #fff;
margin-left: 10px;
}
.box-pa-mobile p {
color: #008f47;
}
.box-transfer-mobile p {
color: #006fff;
}
.box-vr-mobile p {
color: #613dc1;
}
.box-pa-mobile {
background: #ddffed;
}
.box-transfer-mobile {
background: transparent linear-gradient(90deg, #e6f9fb 0%, #ccf9ff 100%) 0%
0% no-repeat padding-box;
}
.box-vr-mobile {
background: #f0f3fd;
}
.box-pa-mobile.__active-box-mobile {
background: transparent linear-gradient(89deg, #1bac57 0%, #1bcda1 100%) 0%
0% no-repeat padding-box;
}
.box-pa-mobile.__active-box-mobile p,
.box-transfer-mobile.__active-box-mobile p,
.box-vr-mobile.__active-box-mobile p {
color: #fff;
}
.box-transfer-mobile.__active-box-mobile {
background: transparent linear-gradient(270deg, #006fff 0%, #008cff 100%) 0%
0% no-repeat padding-box;
}
.box-vr-mobile.__active-box-mobile {
background: transparent linear-gradient(271deg, #613dc1 0%, #cc66ff 100%) 0%
0% no-repeat padding-box;
}
.plan-wrapper {
position: static;
}
.plan-track {
position: inherit;
}
.__vr-wrap .plan-include-con .child {
width: 100%;
display: block;
}
.__vr-wrap .plan-include-con {
display: block;
}
.__vr-wrap .plan-include-con .child p {
width: 100%;
}
.plan-include-con .child {
height: auto;
padding-left: 40px;
}
.__vr-wrap .plan-include-con .child {
padding-left: 0;
}
.plan-circle {
background-size: 50% !important;
height: 16px;
width: 16px;
position: relative;
top: 5px;
}    .hide-higher-plan {
display: none !important;
}
.__proceed1,
.__proceed2 {
width: 90%;
height: 42px;
margin-left: auto;
margin-right: auto;
}
.pas-section.--select-plan h2,
.pas-section.--config-features h2,
.pas-section.--extra-features h2 {
font-size: 18px;
}
.__active-box-mobile::after {
content: 'Selected';
font-size: 8px;
background: #fff;
border-radius: 11px;
padding: 3px 14px 2px 14px;
color: #008f47;
margin: 0;
position: absolute; right: 45px;
}
.box-transfer-mobile::after {
color: #006fff;
}
.box-vr-mobile::after {
color: #613dc1;
}
.pa-mobile-all::before {
position: relative;
top: 2px;
right: 5px;
}
.box-pa-mobile::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/1-phone-answering-colored.svg);
}
.box-transfer-mobile::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/2-phone-answering-transfer-colored.svg);
}
.box-vr-mobile::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/3-virtual-recep-colored.svg);
}
.__active-box-mobile.box-pa-mobile::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/1-phone-answering-white.svg);
position: relative;
top: 2px;
right: 5px;
}
.__active-box-mobile.box-transfer-mobile::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/2-phone-answering-transfer-white.svg);
}
.__active-box-mobile.box-vr-mobile::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/plans/icons/tab-icons/3-virtual-recep-white.svg);
}
.box-item {
margin-bottom: 20px;
}
.box-item header.header-caption {
display: inline-flex;
font-size: 16px;
width: 100%;
}
.plan-track {
display: block;
}
.plan-item-wrapper.--button-cis {
margin-top: 20px;
}
.team-resizing-text .plus-button {
font-size: 16px;
width: 100%;
}
.flex-team-child._last-flex-team-child.team-resizing-text {
width: 100%;
}
.team-resizing-text .flex-check {
width: 100%;
}
.plus-button-parent.__input-add-team {
width: 100%;
}
.flex-team-child._last-flex-team-child.team-resizing-text {
width: 50%;
margin-top: 20px;
margin-left: auto;
}
.flex-hold-team {
width: 100%;
}
.box-item.--teams .fields-placeholder header {
flex-wrap: wrap;
}
.box-item header span {
margin-left: 0;
width: 100%;
text-align: left;
}
.additional-team-custom {
width: 160px;
padding-left: 5px;
padding-right: 5px;
}
.item-b-2 { width: 40%;
}
.plan-wrapper-vr-track .plan-item {
width: 90% !important;
}
.plan-wrapper.plan-wrapper-transfer.plan-wrapper-vr-track.placeholder-plan
[data-plan='02'] {
margin-top: 70px;
}
.add-team {
margin-top: inherit;
}
.--select-plan .pas-wrap {
width: auto;
}
.box-item.add-question {
width: 100%;
}
.add-team p.subcaption {
width: 100%;
}
.mobile-show-more {
width: 90%;
}
.pas-section.--select-plan h2 span,
.pas-section.--config-features h2 span,
.pas-section.--extra-features h2 span {
padding: 0px 10px;
}
.pas-main-slides.plans {
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
p.remove-this {
margin-left: 20px;
}
}