.elementor-256 .elementor-element.elementor-element-pp-pcchk{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-item{border-width:0px;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title{background-color:#FFFFFF;padding:21px 25px 21px 25px;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon, .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-title{color:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon svg{fill:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-active .elementor-accordion-icon, .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-active .elementor-accordion-title{color:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-active .elementor-accordion-icon svg{fill:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-title{font-family:"Merriweather", Sans-serif;font-size:21px;font-weight:400;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title .elementor-accordion-icon i:before{color:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title .elementor-accordion-icon svg{fill:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon{margin-inline-end:15px;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-content{background-color:#FFFFFF;color:#565656;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;padding:10px 30px 10px 30px;}.elementor-256 .elementor-element.elementor-element-pp4s-1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:64px;--padding-right:64px;}.elementor-256 .elementor-element.elementor-element-pp4c-carousel{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:20px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#1C450C;--e-n-carousel-arrow-hover-color:#1C450C;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:rgba(255, 255, 255, 0.5);--e-n-carousel-dots-hover-color:#FFFFFF;--e-n-carousel-swiper-pagination-spacing:24px;}.elementor-256 .elementor-element.elementor-element-pp4c-carousel :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FADF7D;border-radius:50% 50% 50% 50%;padding:12px 12px 12px 12px;}.elementor-256 .elementor-element.elementor-element-pp4c-carousel :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#FADF7D;}.elementor-256 .elementor-element.elementor-element-pp4c-carousel .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-item{border-width:0px;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title{background-color:#FEFCF4;padding:0px 30px 0px 30px;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-icon, .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-title{color:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-icon svg{fill:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-active .elementor-accordion-icon, .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-title{font-family:"Merriweather", Sans-serif;font-size:21px;font-weight:400;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title .elementor-accordion-icon i:before{color:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title .elementor-accordion-icon svg{fill:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#18360D;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-icon{margin-inline-end:15px;}.elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-content{background-color:#FFFFFF;color:#565656;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;padding:10px 30px 10px 30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-256 .elementor-element.elementor-element-pp4c-carousel{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-256 .elementor-element.elementor-element-pp4s-1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-pp4c-carousel{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for template, class: .elementor-element-pp-pcchk *//* Page 256 only: centre the shared postcode checker (template 6267) in the centred plan-area block */ .elementor-256 .elementor-element.elementor-element-pp-pcchk .fpc-pc{margin:0 auto} /* Page 256 only: hide the visible 'Postcode' label (placeholder already explains the field); kept for screen readers - template JS links it to the input via for/id */ .elementor-256 .elementor-element.elementor-element-pp-pcchk .fpc-pc__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} .elementor-256 .elementor-element.elementor-element-pp-pcchk .fpc-pc__row{justify-content:center} /* Mobile: stack field and button, field narrowed (4 digits), as on page 185 */ @media (max-width:767px){ .elementor-256 .elementor-element.elementor-element-pp-pcchk .fpc-pc__row{flex-direction:column;align-items:center;gap:16px} .elementor-256 .elementor-element.elementor-element-pp-pcchk .fpc-pc__input{flex:0 0 auto;width:220px;max-width:100%} }/* End custom CSS */ /* Start custom CSS for accordion, class: .elementor-element-pp-choose-acc-w */@media (min-width:1025px){.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-item{margin-bottom:18px;border-radius:17px;overflow:hidden;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-item:last-child{margin-bottom:0;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title{border-radius:17px;display:flex;align-items:center;min-height:66px;background-color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title.elementor-active{border-bottom-left-radius:0;border-bottom-right-radius:0;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title .elementor-accordion-title{order:1;flex:1 1 auto;min-width:0;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#FADF7D;flex-shrink:0;order:2;margin:0;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon-closed,.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon-opened{position:relative;width:15px;height:15px;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title:not(.elementor-active) .elementor-accordion-icon-closed{display:inline-flex;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title:not(.elementor-active) .elementor-accordion-icon-opened{display:none;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon-closed{display:none;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon-opened{display:inline-flex;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon-closed>*,.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon-opened>*{visibility:hidden;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon-closed::after{content:"";position:absolute;inset:0;background-color:#18360D;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M18 9L12 15L6 9%27 stroke=%27%23000%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M18 9L12 15L6 9%27 stroke=%27%23000%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon-opened::after{content:"";position:absolute;inset:0;background-color:#18360D;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 15L12 9L18 15%27 stroke=%27%23000%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 15L12 9L18 15%27 stroke=%27%23000%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}.elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-content{background-color:#FFFFFF;border-bottom-left-radius:17px;border-bottom-right-radius:17px;}} /* ===== Tablet + mobile (<=1024px) - match FAQ: readable size, spacing, chevron ===== */ @media (max-width:1024px){ .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-item{ margin-bottom:10px; border-radius:14px; overflow:hidden; } .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-item:last-child{ margin-bottom:0; } .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title{ display:flex; align-items:center; gap:14px; min-height:56px; padding:15px 18px !important; border-radius:14px; line-height:1.35; background-color:#FFFFFF; } .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title .elementor-accordion-title{ order:1; flex:1 1 auto; min-width:0; font-size:16px !important; line-height:1.35; } .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-title.elementor-active{ border-bottom-left-radius:0; border-bottom-right-radius:0; } .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon{ order:2; flex-shrink:0; margin:0 !important; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background-color:#FADF7D; } .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon i, .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-accordion-icon svg{ font-size:13px; width:13px; height:13px; color:#18360D; fill:#18360D; margin:0; } .elementor-256 .elementor-element.elementor-element-pp-choose-acc-w .elementor-tab-content{ background-color:#FFFFFF; border-bottom-left-radius:14px; border-bottom-right-radius:14px; padding:12px 18px 16px !important; line-height:1.6; } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-pp4c-carousel *//* FPC Prepaid pp4 testimonial carousel (Format B, cloned from About ab4) - MOBILE ONLY (max 767px). Native Carousel arrows cannot be repositioned per breakpoint, so on mobile place the navigation below the card in two rows: row 1 = prev/next arrows, each inset 64px from the card's left/right edge; row 2 = pagination dots, centred, 10px below the arrows. This leaves the dots the full card width for future testimonials. Note: Elementor's carousel CSS already lifts the dot row by its own height (10px), so the dots sit 10-20px above the widget bottom. Desktop/tablet use the native side arrows. */ @media (max-width: 767px) { /* Reserve room for the arrow row + dot row only when navigation exists. Elementor outputs no arrows/dots for a single slide, so with one review no space is reserved; it returns automatically when reviews are added. (No native control can make this padding conditional.) */ .elementor-256 .elementor-element.elementor-element-pp4c-carousel:has(.elementor-swiper-button) { padding-bottom: 60px; } .elementor-256 .elementor-element.elementor-element-pp4c-carousel .elementor-swiper-button { top: auto; bottom: 30px; transform: none; } /* above the dot row + 10px gap */ .elementor-256 .elementor-element.elementor-element-pp4c-carousel .elementor-swiper-button-prev { left: 64px; right: auto; } /* 64px in from the card's left edge (symmetrical inset) */ .elementor-256 .elementor-element.elementor-element-pp4c-carousel .elementor-swiper-button-next { right: 64px; left: auto; } /* 64px in from the card's right edge: clears the fixed 3CX chat bubble tap area */ .elementor-256 .elementor-element.elementor-element-pp4c-carousel .swiper-pagination { top: auto; bottom: 0; } /* centred dot row */ }/* End custom CSS */ /* Start custom CSS for accordion, class: .elementor-element-pp-faq-acc-w *//* FAQ accordion (s10-accordion) - desktop-only corrections to match Figma node 16669:754. Scoped to this widget only via the ".elementor-256 .elementor-element.elementor-element-pp-faq-acc-w" prefix. Do not touch tablet/mobile. */ @media (min-width: 1025px) { /* Spacing between rows: Figma gap-[15px] separating the open row+answer from the closed list, gap-[10px] between each closed row */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-item + .elementor-accordion-item { margin-top: 10px; } .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-item:first-child { margin-bottom: 15px; } /* Row shape + height: Figma rounded-[73px] pill, min h-[60px] on every question row (min-height, not a hard height, so the row can grow if a title ever wraps). Vertical title_padding is 0 natively (Style tab) since flex + align-items own vertical centering; horizontal padding (left/right 30px) is unaffected. Same rule for active and inactive rows. */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title { border-radius: 73px; overflow: hidden; display: flex; align-items: center; min-height: 60px; } /* Actual rendered DOM (verified via REST API) has the icon BEFORE the title , so default flex row order puts the icon first/left. Explicit "order" fixes this regardless of DOM order: title first visually (order:1) and given flex:1 so it fills the row, icon last visually (order:2) at a fixed width so it lands at the true right edge - no absolute positioning, no dependency on Elementor's own markup order. */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title .elementor-accordion-title { order: 1; flex: 1 1 auto; min-width: 0; } /* Active/open row fill: Figma bg-[#18360d], applied only while the row is expanded. Closed rows keep the native "title_background" (#FEFCF4) set on the Style tab. */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title.elementor-active { background-color: #18360D; } /* Expand/collapse control: Figma 43x43 circle bg-[#fadf7d] behind the chevron icon, present on both open and closed rows. order:2 (paired with the title's order:1 above) puts it last in visual flex order regardless of its earlier position in the DOM. */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-icon { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 50%; background-color: #FADF7D; flex-shrink: 0; order: 2; } /* Icon state wrappers: base sizing only, no display set here - display is decided explicitly below per state so exactly ONE of closed/opened ever renders. */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-icon-closed, .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-accordion-icon-opened { position: relative; width: 24px; height: 24px; } /* Inactive row: show the closed-state icon only, hide the opened-state one */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title:not(.elementor-active) .elementor-accordion-icon-closed { display: inline-flex; } .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title:not(.elementor-active) .elementor-accordion-icon-opened { display: none; } /* Active row: show the opened-state icon only, hide the closed-state one (same glyph either way, per Figma - both states use one identical chevron) */ .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon-closed { display: none; } .elementor-256 .elementor-element.elementor-element-pp-faq-acc-w .elementor-tab-title.elementor-active .elementor-accordion-icon-opened { display: inline-flex; } /* Icon glyph: reproduces the ACTUAL Figma vector (node icon-park-outline:down inside 16669:754 - 24x24, single path "M18 9L12 15L6 9", stroke #18360D, stroke-width 2, round linecap/linejoin) instead of the Font Awesome "angle-down" SVG Elementor actually renders (verified via REST API: