.placeholder-banner { background-size: cover;
}
.__hide-button.__playing {
display: none;
}
.__hidden-banner {
display: none !important;
}
.banner-per-mobile,
.process-mobile {
display: none;
}
p.upper-context {
color: #303030;
font-size: 25px;
font-weight: 500;
display: flex;
align-items: center;
margin-bottom: 40px;
}
.pas-main-slides span.global-slash,
.slider span.global-slash {
font-size: 28px;
}
h2.title-banner {
color: #004e64;
font-size: 50px;
font-weight: 700;
}
p.title-sub,
h1.title-sub {
color: #515151;
font-size: 25px;
font-weight: 400;
margin-bottom: 40px;
}
.banner-buttons {
display: inline-flex;
justify-content: space-between;
width: 450px;
align-items: center;
}
a.banner-button-1 { background: #004e64;
color: #fff;
text-decoration: none;
font-size: 17px;
width: 200px;
border-radius: 5px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
cursor: pointer;
}
a.banner-button-1:hover {
background: transparent
linear-gradient(270deg, #004e64 0%, #004e64 50%, #303030 100%) 0% 0%
no-repeat padding-box;
}
a.__add-arrow {
position: relative;
} a.__add-arrow span {
position: relative;
right: 10px;
}
a.banner-button-2 {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #00b85c;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
position: relative;
display: inline-block;
}
a.banner-button-2:after {
content: '';
height: 1px;
background-color: #00b85c;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
transition: width 0.3s ease-out;
}
a.banner-button-2:hover::after {
width: 0; }
.pas-banner-caption {
margin-top: -50px;
}
.flex-50:last-child {
justify-content: end;
}
.flex-50:first-child {
justify-content: flex-start;
}
.__hide-button {
display: none;
}
.view-plans {
background: transparent linear-gradient(270deg, #006fff 0%, #00e1a9 100%) 0%
0% no-repeat padding-box;
width: 180px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-decoration: none;
font-size: 17px;
border-radius: 30px;
}
.table-slash {
height: 2px;
width: 20px;
background: #c4c4c4;
display: flex; }
.section-1 {
position: relative;
}
.section-1 .global-header + p {
width: min(97ch, 100%);
margin-inline: auto;
}
.audio-container { background: rgb(255 255 255 / 95%);
border-radius: 30px;
box-shadow: 0px 3px 15px #00000024;  opacity: 0.95;
padding: 40px 70px;
margin-top: 50px;
}
.section-1 {
background-color: #ffffff;
color: #242424;
}
.section-1 .global-header {
color: #004e64;
}
.global-section.section-2 {
background-color: #33798426;
}
.section-4 {
background-color: #33798426;
}
.section-4 .infographic-wrapper {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(3, 1fr);
height: 508px;
}
.section-4 .infographic-wrapper > div {
display: flex;
flex-direction: column;
justify-content: center;
}
.section-4 .infographic-wrapper > div:nth-child(even) {
flex-direction: column-reverse;
grid-row: 2 / 4;
margin-block-end: 4rem;
}
.section-4 .infographic-wrapper > div:nth-child(odd) {
grid-row: 1 / 3;
margin-block-start: 4rem;
}
.section-4 .infographic-wrapper > div.info-7 {
margin-block-start: 7rem;
}
.section-4 .infographic-wrapper > div.info-8 {
margin-block-end: 6rem;
}
.section-4 .infographic-wrapper > div img {
width: 160px;
}
.section-4 .infographic-wrapper > div p {
width: 150%;
margin-inline-start: -2.5rem;
}
.section-4 .infographic-wrapper > div.info-2 p {
width: 164%;
margin-inline-start: -3.5rem;
}
.section-4 .infographic-wrapper > div.info-5 p {
width: 178%;
margin-inline-start: -3.5rem;
}
.section-4 .infographic-wrapper > div img.pas-idle-pulse {
animation: pasIconPulse 2.8s ease-in-out infinite;
filter: brightness(1.12) drop-shadow(0 0 8px rgba(27, 205, 161, 0.55));
}
@keyframes pasIconPulse {
0%,
100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.08);
opacity: 0.85;
}
}
.custom-flex-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
margin-block-start: 80px;
}
.custom-flex-33 {
width: calc(100% / 3 - 1px);
background: #fff;
}
p.box-content {
color: #767373;
}
p.box-title {
color: #303030;
font-size: 25px;
font-weight: 700;
height: 70px;
}
.custom-flex-row .custom-flex-33 .flex-hold {
padding: 50px;
} .__line-bottom {
border-bottom: 1px solid #ececec;
width: 260px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 80px;
}
.__line-right {
border: 1px solid #ececec;
margin-top: 20px;
transform: rotate(90deg);
position: relative;
left: 273px;
width: 200px;
top: -80px;
}
.custom-flex-33:nth-child(n + 4) {
margin-top: 1px;
}
.custom-flex-33:nth-child(-n + 3) {
margin-bottom: 1px;
}
.custom-flex-33.box1:first-child::after {
background: #fff;
width: 120px;
height: 120px;
position: absolute;
content: '';
bottom: 327px;
left: 380px;
}
.custom-flex-33.box3::after {
background: #fff;
width: 120px;
height: 120px;
position: absolute;
content: '';
bottom: 327px;
right: 370px;
}
.custom-flex-row {
background: #ececec;
border: 1px solid #fff;
} .section-6 {
background-color: #33798426;
}
.section-6-row-1 {
margin-bottom: 100px;
} .--button-blue {
background: transparent linear-gradient(270deg, #006fff 50%, #00e1a9 130%) 0%
0% no-repeat padding-box; }
.--button-blue:hover { background: transparent linear-gradient(270deg, #006fff 0%, #00e1a9 100%) 0%
0% no-repeat padding-box;
}
button.pas-button {
cursor: pointer;
border-radius: 30px;
height: 50px;
border: 0;
padding-left: 30px;
padding-right: 30px;
}
.pas-button a,
.pas-button p {
color: #fff;
text-decoration: none;
}
.section-8 {
background: #33798426;
padding-bottom: 180px;
background-size: cover;
background-repeat: no-repeat;
}
.section-8 .--center.--white {
color: #515151;
}
.flex-row-box-container {
display: flex; }
.box-container {
width: calc(100% / 3 - 20px);
display: flex;
padding-top: 0px;
padding-bottom: 30px;
}
.flex-row-box-container {
display: flex;
width: 100%;
justify-content: space-between;
}
.box-container {
width: calc(100% / 3 - 20px);
display: flex;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
background: #ffffff;
justify-content: center;
flex-wrap: wrap;
align-content: flex-start;
}
.box-s {
padding: 0 30px 30px 30px;
display: flex;
align-items: center;
width: 100%;
justify-content: center;
text-align: center;
height: 50px;
}
.box-s {
background: #fff;
border-radius: 10px 10px 0 0;
padding: 20px;
margin-block: 15px;
}
.feature-boxes {
margin-top: -152px;
}
.feature-boxes .feature-box-section p {
color: #004e64;
font-weight: 500;
}
.three-box-container {
width: 1000px;
margin-left: auto;
margin-top: -630px;
}
p.grid-box-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
}
img.placeholder-check {
width: 24px;
height: 24px;
}
.box-s-childrens {
width: 100%;
text-align: center;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
}
.feature-boxes p {
width: 300px;
}
.feature-boxes-children {
font-size: 17px;
color: #303030;
font-weight: 400;
height: 55px;
display: flex;
align-items: center;
padding-left: 30px;
}
.box-s-childrens:nth-child(even),
.feature-boxes-children:nth-child(even) { background-color: #dfdfdf26;
}
.pa-box p.grid-box-title {
color: #004e64;
}
.feature-boxes-children em {
display: block;
font-size: 13px;
}
.phone-answering-numbers {
display: flex;
justify-content: center;
}
img.feature-assets {
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 30px;
}
.global-section.section-11 {
background: #d3ebde;  background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/v2/lastCTAbackground.png);
background-size: cover;
background-repeat: no-repeat;
}
.cta-container {  border-radius: 20px;
height: 260px;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.section-11 .container {
background: #005866;
box-shadow: 10px 10px 10px #0000001a;
border-radius: 30px;
}
p.cta-1 { font-size: 35px;
font-weight: 700;
color: #ffffff;
text-wrap: balance;
}
p.cta-2 { }
.cta-buttons-right {
width: 50%;
display: flex;
justify-content: space-around;
align-items: center;
align-content: center;
}
.play-gpt:hover,
.pause-gtp:hover {
filter: brightness(0.9);
cursor: pointer;
}
.cta-buttons-right a {
width: 180px;
padding: 0;
}
.cta-buttons-right .global-button {
background: #ffffff;
color: #004e64;
}
.cta-buttons-right a.pas-btn {
background: #1bcda1;
color: #fff !important;
width: 180px;
height: 50px;
text-align: center; display: flex;
align-items: center;
border-radius: 5px;
justify-content: center;
}
.pa-p-1 .flex-row,
.pa-p-2 .flex-row {
justify-content: space-between;
}
.pa-flex-25 {
display: flex;
width: calc(100% / 4 - 56px);
}
.pa-p-1 .pa-flex-25 p {
position: relative;
left: 30px;
margin-bottom: 30px;
}
.pa-p-2 .pa-flex-25 p {
position: relative;
left: 30px;
}
.flex-play-area {
display: flex;
width: 20%;
}
.flex-content-area {
display: flex;
width: 80%;
}
.flex-33 {
display: flex;
flex-wrap: wrap;
}
.hold-parent {
width: 100%;
display: flex;
margin-bottom: 20px;
align-items: center;
}
p.audio-title {
color: #515151;
font-size: 20px;
font-weight: 500;
margin: 0;
margin-bottom: 5px;
}
p.audio-subcontent {
color: #767373;
font-size: 16px;
font-weight: 400;
margin: 0;
display: none;
}
.progress-div {
width: 100%;
}
progress#seekbar {
display: none;
}
.--hidden-button {
display: none !important;
}
input.inprange {
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.flex-split-blog {
width: calc(100% / 3 - 20px);
}
.flex-split-blog img {
width: 100%;
}
.blog-box-container {
box-shadow: 0px 0px 10px #0000001a;
border: 1px solid #dbdbdb;
border-radius: 10px;
overflow: hidden;
}
p.article-blog {
color: #00b85c;
font-size: 13px;
font-weight: 400;
text-align: left;
}
.article-box-section {
padding: 20px;
}
a.blog-permalink {
color: #303030;
text-decoration: none;
font-size: 20px;
font-weight: 600;
}
input.slider-gpt {
width: 100%;
}
input[type='range'] {
-webkit-appearance: none;
}
input[type='range']::-webkit-slider-runnable-track {
width: 300px;
height: 5px; background: #00e1a9;
border: none;
border-radius: 3px;
} input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
height: 25px;
width: 10px;
background-color: #00e1a9;
border: 2px solid #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
margin-top: -10px;
border-radius: 5px;
}
input[type='range']:focus {
outline: none;
}
input[type='range']:focus::-webkit-slider-runnable-track {
background: #00e1a9;
}
input[type='range'] { border: 1px solid white;  width: 100%;
}
input[type='range']::-moz-range-track {
width: 300px;
height: 5px;
background: #00e1a9;
border: none;
border-radius: 3px;
}
input[type='range']::-moz-range-thumb {
border: none;
height: 16px;
width: 3px; background: goldenrod;
} input[type='range']:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}
input[type='range']:focus::-moz-range-track {
background: #00e1a9;
} input[type='range']::-ms-track {
width: 300px;
height: 5px; background: transparent; border-color: transparent;
border-width: 6px 0; color: transparent;
}
input[type='range']::-ms-fill-lower {
background: #777;
border-radius: 10px;
}
input[type='range']::-ms-fill-upper {
background: #00e1a9;
border-radius: 10px;
}
input[type='range']::-ms-thumb {
border: none;
height: 16px;
width: 4px; background: goldenrod;
}
input[type='range']:focus::-ms-fill-lower {
background: #00e1a9;
}
input[type='range']:focus::-ms-fill-upper {
background: #ccc;
} .slider {
position: relative;
overflow: hidden;
height: 500px;
margin-top: 140px;
}
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.slide:nth-child(1) {
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/v2/banner-1.png);
animation: slide 12s linear infinite;
}
.slide:nth-child(2) {
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/v2/banner-2.png);
animation: slide 12s linear infinite;
animation-delay: 4s;
}
.slide:nth-child(3) {
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/v2/banner-1.png);
animation: slide 12s linear infinite;
animation-delay: 8s;
}
.slide-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
text-align: left;
width: 1300px;
}
.slide-content h2 {
font-size: 3em;
margin-bottom: 20px;
}
.slide-content p {
font-size: 1.5em;
} .banner-container {
width: 100%;
height: 500px;
overflow: hidden;
position: relative;
}
.banner-slider1,
.banner-slider2 {
width: 500px;
height: 200px;
position: absolute;
top: 0;
left: 0;
}
.banner-slider1 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/v2/banner-1.png);
}
.banner-slider2 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/v2/banner-2.png); }
.banner-slider2,
.banner-slider1 {
width: 100%;
height: 500px;
background-size: cover;
background-position: center;
}
.banner-container {
background: #cbf3ff;
margin-top: 140px; } .banner-the-contents {
top: 80px;
width: 100%;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.banner-flex-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 1300px;
margin-left: auto;
margin-right: auto;
}
.banner-flex-1 {
display: flex;
width: 70%;
}
.banner-flex-2 {
display: flex;
width: 30%;
}
img.banner-img-model {
position: relative;
bottom: 0;
right: 10px;
z-index: 0;
}
.banner-container span.global-slash {
font-size: 22px;
}
.container-permalink {
height: 100px;
}
.cta-buttons-right a.pas-btn.get-started-btn {
background: transparent linear-gradient(270deg, #006fff 0%, #00e1a9 130%) 0%
0% no-repeat padding-box;
}
@keyframes slide {
100% {
transform: translateX(100%);
}
41.6% {
transform: translateX(100%);
}
33.3% {
transform: translateX(0);
}
8.3% {
transform: translateX(0);
}
0% {
transform: translateX(-100%);
}
}
.blog-flex-date-read {
display: flex;
flex-wrap: wrap;
justify-content: space-between; align-items: flex-end;
}
.blog-flex-date-read p {
color: #004e64;
font-size: 13px;
font-weight: 500;
}
.flex-get-date-read,
.flex-get-read-count {
color: #004e64;
}
.cta-container a.__add-arrow:after {
right: 11px;
}
.new-trio-box-mobile {
display: none;
}
.section-10 p.--center {
width: 920px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 60px;
}
img.wer {
float: right;
position: relative;
right: 80px;
bottom: 30px;
width: auto !important;
}
@media only screen and (max-width: 1336px) {
.banner-flex-row {
width: 80%;
}
.global-section .container {   }
img.fw-img {
width: 100%;
}
.flex-row-box-container {
width: 85%;
margin-left: auto;
}
p.title-sub,
h1.title-sub {
width: 550px;
}
.custom-flex-33.box1:first-child::after {
left: 340px;
}
.custom-flex-33.box3::after {
right: 340px;
}
.banner-slider2,
.banner-slider1 {
background-position: right;
}
.banner-flex-row {
width: 1150px;
}
p.upper-context {
font-size: 20px;
}
h2.title-banner {
font-size: 45px;
}
p.title-sub,
h1.title-sub {
font-size: 20px;
}
} @media only screen and (max-width: 1280px) {
img.banner-img-model {
right: 400px;
}
p.title-sub,
h1.title-sub {
width: 480px;
}
.cta-buttons-right .global-button {
margin-right: 30px;
}
}
@media only screen and (max-width: 1240px) {
img.banner-img-model {
right: 350px;
width: 629px;
bottom: 0px;
scale: 0.7;
top: -10rem;
}
p.title-sub,
h1.title-sub {
width: 340px;
}
p.box-title {
font-size: 20px;
}
img.feature-min {
width: 100%;
}
.flex-row-box-container {
width: 70%;
}
p.audio-title {
font-size: 18px;
}
.flex-content-area {
margin-left: 20px;
}
}
@media only screen and (max-width: 1100px) {
.pa-p-1 .pa-flex-25 p,
.pa-p-2 .pa-flex-25 p {
position: inherit;
}
img.feature-min {
max-width: 100%;
}
.flex-row-box-container {
width: 70%;
}
.global-section {
padding: 60px 0;
}
.section-8 {
padding-bottom: 150px;
}
.section-9 {
padding-top: 100px;
}
img.banner-img-model {
right: 320px;
}
img.play-button,
img.pause-button {
width: 80%;
}
p.box-title {
font-size: 20px;
}
h2.title-banner {
font-size: 32px;
}
p.title-sub,
h1.title-sub {
font-size: 22px;
width: 490px;
}
.custom-flex-33.box1:first-child::after {
left: 280px;
}
.custom-flex-33.box3::after {
right: 280px;
}
img.how-much-phone {
width: 100%;
}
img.get-phone-answering {
width: 100%;
}
.global-header { }
.banner-the-contents {
width: 1024px;
margin-left: auto;
margin-right: auto;
}
.section-10 p.--center {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.global-section {
padding-left: 30px;
padding-right: 30px;
}
.banner-slider1 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/banner-v2/pas-homepage-slide1-ipad.png)
center center/cover no-repeat;
}
.banner-slider1 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/banner-v2/pas-homepage-slide2-ipad.png)
center center/cover no-repeat;
}
p.audio-title {
height: 60px;
}
.feature-boxes p {
width: 200px;
}
.flex-row-box-container {
width: 70%;
margin-right: 20px;
}
.three-box-container {
width: 100%;
}
.view-plans {
width: 90%;
}
.banner-flex-row {
width: 768px;
}
.audio-container {
padding-left: 20px;
padding-right: 20px;
}
p.audio-title {
font-size: 18px;
}
p.audio-title {
height: 40px;
}
a.blog-permalink {
font-size: 18px;
}
img.banner-img-model {
right: 250px;
}
}
@media only screen and (max-width: 1023px) {
.flex-50 {
width: 100%;
}
.flex-row {
flex-wrap: wrap; }
.global-section.section-9 {
display: none;
}
.flex-50:first-child,
.flex-50:last-child {
justify-content: center;
}
.custom-flex-33 {
width: 50%;
}
.custom-flex-33.box1:first-child::after,
.custom-flex-33.box3::after {
display: none;
}
.banner-slider2,
.banner-slider1 {
background-position: top right;
}
.section-6 img,
.section-7 img {
margin-left: auto;
margin-right: auto;
display: block;
}
.pa-flex-25 {
width: calc(100% / 4 - 10px);
}
.cta-container {
flex-wrap: wrap;
}
.cta-buttons-right {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.audio-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.progress-div {
margin-bottom: 30px;
}
a.blog-permalink {
font-size: 14px;
}
.container-permalink {
min-height: 110px;
}
.new-trio-box-mobile {
display: block;
background: #fff;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
padding: 25px;
max-width: 540px;
margin-inline: auto;
}
.trio-box-2,
.trio-box-3 {
margin-top: 50px;
}
.hold-checks {
display: flex;
align-items: center;
margin-bottom: 20px;
margin-inline-start: 6rem;
}
.hold-checks img {
margin-right: 20px;
}
}
@media only screen and (max-width: 820px) {
.banner-container {
display: none;
}
.banner-slider1 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/banner-v2/pas-homepage-slide1-tablet.png)
center center/cover no-repeat;
}
.banner-slider1 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/banner-v2/pas-homepage-slide2-tablet.png)
center center/cover no-repeat;
}
.banner-per-mobile {
background: #e7fff2;
margin-top: 120px;
padding: 30px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: space-between;
gap: 20px;
> div {
flex: 0 0 calc(50% - 10px);
min-width: 0;
}
}
.banner-mobile-hold img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.banner-per-mobile .banner-mobile-text-hold,
.banner-per-mobile .banner-mobile-text-hold * {
max-width: 100%;
box-sizing: border-box;
}
.banner-per-mobile .banner-buttons {
width: 100%;
}
.banner-per-mobile h2.title-banner,
.banner-per-mobile p.title-sub {
width: 100%;
}
.progress-div {
display: none;
}
.audio-container .flex-33 {
width: calc(100% / 3 - 20px);
}
.flex-content-area {
width: 100%;
}
.hold-parent {
flex-wrap: wrap;
margin-bottom: 0;
}
p.audio-subcontent {
text-align: left;
}
p.audio-title {
height: inherit;
margin-bottom: 0;
}
h2.title-banner {
font-size: 35px;
width: 240px;
}
h2.global-header { margin-left: auto;
margin-right: auto;
}
img.what-phone-answering {
margin-left: auto;
margin-right: auto;
display: block;
}
img.img-appended {
width: 310px;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 20px;
}
.banner-per-mobile span.global-slash {
font-size: 16px;
}
.process-mobile-images {
display: none;
}
.pimage {
width: 100px;
margin-right: 20px;
}
.pimage img.process-tablet-images {
width: 120px;
}
.pcustomer {
width: 70%;
}
.pcustomer p {
text-align: left;
}
.pimage img {
width: 100% !important;
}
.audio-container {
padding: 0;
}
.audio-container .flex-row {
padding: 20px;
}
.section-11 .container {
width: 80%;
}
.cta-buttons-right {
width: 80%;
justify-content: space-between;
}
.cta-buttons-right a.pas-btn {
width: 180px;
}
.cta-container {
padding: 20px;
}
.section-5 p,
.section-5 h2.global-header {
text-align: center;
}
.flex-content-area {
margin-left: 0;
}
p.upper-context {
font-size: 16px;
margin-bottom: 0;
}
h2.title-banner {
margin-bottom: 10px;
}
p.title-sub,
h1.title-sub {
font-size: 16px;
margin-bottom: 0;
width: 360px;
margin-bottom: 30px;
}
.cta-container {
height: auto;
}
.cta-container .global-button {
margin-top: 20px;
margin-bottom: 20px;
}
.banner-mobile-hold img {
position: relative;
right: 0;
bottom: -2rem;
width: 100%;
height: auto;
display: block;
max-width: 100%;
}
.global-button {
margin: 50px auto 70px auto;
}
.process-basic-plan {
margin-left: 30px;
}
.process-transfer-plan {
margin-left: 30px;
}
.hold-checks {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.hold-checks img {
margin-right: 20px;
}
.box-s-childrens {
height: auto;
margin-top: 2rem;
}
.box-s-childrens.box-with-button .global-button {
margin: 0;
}
.global-section .hold-checks p {
text-align: left;
}
img.wer {
display: none;
}
}
@media only screen and (max-width: 765px) {
.banner-per-mobile {
justify-content: center;
flex-direction: column;
}
h2.title-banner {
text-align: center;
width: 100%;
}
p.upper-context {
text-align: center;
width: 100%;
justify-content: center;
}
p.title-sub,
h1.title-sub {
text-align: center;
width: 100%;
}
.banner-buttons {
justify-content: center;
}
.banner-mobile-hold img {
position: inherit;
}
}
@media only screen and (max-width: 600px) {
.process-mobile-images {
display: block;
}
.banner-slider1 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/banner-v2/pas-homepage-slide1-mobile.png)
center center/cover no-repeat;
}
.banner-slider1 {
background: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/banner-v2/pas-homepage-slide2-mobile.png)
center center/cover no-repeat;
}
.banner-per-mobile {
justify-content: center;
}
.hold-parent {
flex-wrap: initial;
}
.audio-container { }
.process-tablet-images {
display: none;
}
.flex-content-area {
width: 100%;
}
p.upper-context {
font-size: 20px;
}
h2.title-banner {
font-size: 20px;
}
p.title-sub,
h1.title-sub {
font-size: 20px;
width: 100%;
}
img.banner-img-model {
display: none !important;
}
.banner-buttons {
display: block;
}
.banner-per-mobile {
--line: 307px;
background: linear-gradient(
to bottom,
#e7fff2 0,
#e7fff2 var(--line),
#e0ebed var(--line),
#e0ebed 100%
);
}
.audio-container .flex-33 {
width: 100%;
}
.progress-div {
margin-bottom: 20px;
}
.custom-flex-33 {
width: 100%;
}
.flex-split-blog {
width: 100%;
margin-bottom: 20px;
}
p.cta-1 {
font-size: 27px;
}
p.cta-2 {
font-size: 27px;
}
.cta-container {
flex-wrap: wrap;
}
.cta-buttons-right {
width: 100%;
}
.cta-text-left {
width: 100%;
}
img.what-phone-answering,
img.get-phone-answering,
img.how-much-phone,
img.feature-min {
width: 200px;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 20px;
}
button.pas-button {
margin-left: auto;
margin-right: auto;
display: block;
}
.progress-div {
display: none;
}
p.audio-title {
height: auto;
}
p.audio-subcontent {
margin-bottom: 20px;
text-align: left;
}
.custom-flex-row {
background: #fff;
border: 0;
}
.custom-flex-row .custom-flex-33 .flex-hold {
padding-left: 0;
padding-right: 0;
}
.custom-flex-row .custom-flex-33 .flex-hold {
padding: inherit;
}
.new-trio-box-mobile { background: #fff;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
padding: 25px;
}
.hold-checks {
display: inline-flex;
align-items: flex-start;
width: 100%;
margin-inline-start: 0;
}
.hold-checks .placeholder-check {
margin-right: 10px;
width: 13px;
height: 13px;
}
.trio-box p.grid-box-title {
text-align: left;
margin-bottom: 20px;
}
.trio-box p.grid-box-title.pa-trio {
color: #00cc66;
}
.trio-box .hold-checks p {
color: #303030;
font-size: 13px;
text-align: left;
position: relative;
bottom: 4px;
}
.section-8 {
padding-bottom: 50px;
}
p.box-title {
height: inherit;
}
p.all-features {
color: #303030;
font-size: 13px;
font-weight: 500;
text-align: left;
}
.trio-box p.grid-box-title.pa-trio-transfer {
color: #0084e5;
}
.trio-box p.grid-box-title.pa-trio-vr {
color: #613dc1;
}
.trio-box-2,
.trio-box-3 {
margin-top: 50px;
}
.new-trio-box-mobile .box-s-childrens {
width: 100%;
margin-top: 20px;
}
.new-trio-box-mobile .view-plans {
width: 100%;
}
p.article-blog {
text-align: left;
}
.cta-buttons-right {
flex-wrap: wrap;
}
.cta-buttons-right a.pas-btn {
width: 100%;
}
.cta-buttons-right {
flex-wrap: wrap;
}
.cta-buttons-right a.pas-btn {
width: 100%;
height: 40px;
font-size: 15px; }
.cta-container {
height: auto; }
p.cta-1,
p.cta-2 {
font-size: 25px;
text-align: left;
}
.global-section.section-11 {
padding: 60px 0;
}
.global-section.section-11 .container {
width: 80%;
padding: 20px;
}
.cta-buttons-right a.pas-btn.get-started-btn {
margin-bottom: 20px;
margin-top: 20px;
}
img.banner-img-model-banner {
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.banner-buttons {
width: 100%;
}
.banner-per-mobile p.upper-context {
font-size: 16px;
justify-content: center;
margin-bottom: 0px;
}
.banner-per-mobile h2.title-banner {
text-align: center;
font-size: 32px;
width: 260px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.banner-per-mobile p.title-sub,
.banner-per-mobile h1.title-sub {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
.banner-per-mobile a.banner-button-1 {
margin-left: auto;
margin-right: auto;
}
.banner-per-mobile a.banner-button-2 {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
width: 220px;
}
p.audio-title {
font-size: 16px;
}
p.audio-subcontent {
font-size: 13px;
}
.process-flex {
display: block;
}
.process-mobile {
display: block;
background: transparent
linear-gradient(112deg, #adf3ffa6 0%, #ffffff 44%, #adf3ff73 100%) 0% 0%
no-repeat padding-box;
}
.process-number-section {
width: 100%;
}
.process-basic-plan {
width: 100%;
}
.process-number-section {
display: flex;
margin-top: 20px;
}
.pimage {
width: 20%;
}
.pcustomer {
width: 80%;
}
.pcustomer p {
text-align: left;
}
.process-transfer-plan {
margin-top: 40px;
position: relative;
right: 10px;
}
.audio-container {
width: 100%;
}
.pimage img {
width: inherit !important; }
.pimage {
width: 25px;
}
.cta-buttons-right .global-button {
width: 100%;
margin-bottom: 20px;
}
a.blog-permalink {
font-size: 16px;
}
.audio-container .flex-row {
padding: 15px;
}
.cta-buttons-right .global-button {
margin-top: 30px;
}
.cta-buttons-right .global-button {
margin-right: 0;
}
.process-basic-plan {
margin-left: inherit;
}
.process-transfer-plan {
margin-left: inherit;
}
.process-number-section {
margin-left: inherit;
}
.banner-per-mobile {
margin-top: 100px;
}
img.feature-assets {
margin-top: 30px;
}
.global-button {
margin: 40px auto 40px auto;
}
.play-gpt {
display: flex;
align-items: center;
}
.hold-parent {
margin-bottom: 5px;
}
.container-permalink {
min-height: auto;
height: auto;
margin-block-end: 10px;
}
}  @media (max-width: 1024px) {
.section-4 .infographic-wrapper img {
display: none;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.section-4 .infographic-wrapper {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
grid-template-rows: auto;
gap: 10px;
--size: 3rem;
height: auto;
}
.section-4 .infographic-wrapper > div {
position: relative;
grid-row: unset !important;
flex-direction: column !important;
gap: 10px;
margin-block: 0 !important;
justify-content: flex-start !important;
align-items: center;
padding: 1rem 1.5rem;
border: 1px solid #004e64;
border-radius: 0.5rem;
p {
width: 100% !important;
margin-inline: 0 !important;
margin-block-end: 0;
}
&::before {
content: '';
flex: 0 0 var(--size);
width: var(--size);
height: var(--size);
display: block;
background-image: var(--url);
background-size: var(--size) var(--size);
background-repeat: no-repeat;
}
&.info-1 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/1.svg);
}
&.info-2 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/2.svg);
}
&.info-3 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/3.svg);
}
&.info-4 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/4.svg);
}
&.info-5 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/5.svg);
}
&.info-6 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/6.svg);
}
&.info-7 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/7.svg);
}
&.info-8 {
--url: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/homepage/infographic/8.svg);
}
}
.section-6 .flex-row:last-child img {
width: 100%;
scale: 0.8;
}
}
@media (max-width: 565px) {
.section-4 .infographic-wrapper {
max-width: 325px;
margin-inline: auto;
}
}