/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

.disabledButton {
    opacity: 0.4;
    background-color: #2a8431 !important;
    color: white !important;
}
.w-40 {
    width: 40%;
}
.w-60 {
    width: 60%;
}
.lh-18 {
    line-height: 18px;
}
.lh-20 {
    line-height: 20px;
}
.lh-22 {
    line-height: 22px;
}
.lh-24 {
    line-height: 24px;
}
.lh-25 {
    line-height: 25px;
}
.pink-hover:hover {
    text-decoration: none;
    color: var(--super-pink);
}
.hover-bg-blue:hover {
    background-color: var(--super-blue);
    color: white;
    cursor: pointer;
}
.scriptlesssocialsharing .button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: "Font Awesome 5 Brands", "FontAwesome";
    font-size: 20px;
}
.scriptlesssocialsharing .twitter:before {
    content: "\f099";
}
.scriptlesssocialsharing .facebook:before {
    content: "\f09a";
}
.scriptlesssocialsharing .linkedin:before {
    content: "\f0e1";
}
.scriptlesssocialsharing .pinterest:before {
    content: "\f0d2";
}
@media (max-width: 576) {
    .w-max-sm-30 {
        width: 30%;
    }
    .w-max-sm-70 {
        width: 70%;
    }
}
@media (max-width: 767) {
    .popular > div:nth-child(n+4) {
        display: initial;
    }
    .help-banner-right {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .help-banner-left {
        z-index: 2;
        color: white;
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .1), rgba(0, 0, 0, .5));
    }
}
.help-and-advice {
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    /* Wordpress image alignment classes */
    /* TablePress classes for PayPal finance. */
}
.help-and-advice .js-btn-back-to-top {
    position: fixed;
    right: 104px;
    bottom: 31px;
    display: none;
    width: unset;
    color: white;
    border: 1px solid white;
    background-color: var(--theme-colour);
    z-index: 999999999;
}
.help-and-advice .js-btn-back-to-top.no-chat {
    right: 32px;
}
.help-and-advice .js-btn-back-to-top:hover {
    color: white;
}
@media (hover: hover) {
    .help-and-advice .js-btn-back-to-top:hover {
        color: var(--theme-colour);
        border: 1px solid var(--theme-colour);
        background-color: white;
    }
}
.help-and-advice .help-bg-gradient {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .1), rgba(0, 0, 0, .5));
}
.help-and-advice .ha-footer {
    color: var(--super-blue);
}
.help-and-advice .ha-footer .help-footer-col > p {
    line-height: 19px;
}
.help-and-advice .ha-footer .help-footer-icon {
    font-size: 4rem;
}
.help-and-advice .ha-footer .help-footer-text {
    font-size: 1.25rem;
}
.help-and-advice dt {
    text-align: center;
    color: var(--super-blue);
    font-size: 1rem;
    font-weight: 600;
    border: 0.0625rem solid var(--super-blue);
    display: inline-block;
    padding: 0.25rem;
    width: 1.625rem;
}
.help-and-advice dd {
    font-size: 0.75rem;
    line-height: 1.5;
    padding-bottom: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: 0.875rem;
    border-bottom: 0.0625rem solid #f0f0f0;
}
.help-and-advice .img[loading='lazy'] {
    color: transparent !important;
    opacity: 0 !important;
}
.help-and-advice .difficulty-box {
    margin-left: 5px;
    border: 1px solid var(--super-blue);
    padding: 1px 5px;
}
.help-and-advice .help-button {
    font-size: 1rem;
    font-weight: 600;
    background-color: #fff;
    color: var(--super-blue);
    text-transform: uppercase;
    padding: 0.875rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid var(--super-blue);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.help-and-advice .alignright {
    float: right !important;
    padding-left: 1rem !important;
}
.help-and-advice .alignleft {
    float: left !important;
    padding-right: 1rem !important;
}
.help-and-advice .aligncenter {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.help-and-advice .tablepress.paypal-finance .column-1, .help-and-advice .tablepress.paypal-finance .column-2 {
    width: 50%;
}
.help-and-advice h2 {
    font-size: 1.25rem;
    font-weight: 600;
}
.help-and-advice a {
    text-decoration: none;
}
.help-and-advice a.ha-button {
    font-size: 1rem;
    font-weight: 600;
    background-color: white;
    color: var(--theme-colour);
    text-transform: uppercase;
    padding: 0.875rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid var(--theme-colour);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media (max-width: 576) {
    .help-and-advice a.ha-button__guides > span {
        display: none;
    }
}
.help-and-advice a.ha-button__guides:hover {
    background-color: var(--theme-colour);
    color: white;
}
.help-and-advice a.ha-button__sidebar {
    background-color: var(--theme-colour);
    color: white;
}
.help-and-advice a.ha-button__sidebar:hover {
    background-color: white;
    color: var(--theme-colour);
}
.help-and-advice a[href^='tel:'] {
    white-space: nowrap;
}
.help-and-advice .hero-banner {
    background-color: #f0f0f0;
}
.help-and-advice .hero-banner .banner-main-bar {
    min-height: 3.5rem;
}
.help-and-advice .hero-banner .banner-main-bar p {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}
.help-and-advice .hero-banner .bg-cover {
    background-size: cover;
    background-position: center;
}
.help-and-advice .hero-banner .bg-ha-img {
    background-image: url("https://www.doorsuperstore.co.uk/user/themes/base/assets/images/helpAndAdvice/CMO_DoorSuperstore_HelpAndAdvice_Overview.jpg");
}
.help-and-advice .hero-banner .banner-left {
    z-index: 2;
}
.help-and-advice .hero-banner .banner-text {
    color: var(--super-blue);
}
.help-and-advice .hero-banner .text-white {
    color: white !important;
}
@media (max-width: 767) {
    .help-and-advice .hero-banner .text-md-white {
        color: white !important;
    }
}
.help-and-advice .hero-banner .banner-product-guides {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}
.help-and-advice .hero-banner .banner-height {
    min-height: 230px;
}
.help-and-advice .hero-banner .help-banner-right {
    background-position: center;
    background-size: cover;
}
@media (max-width: 767) {
    .help-and-advice .hero-banner .help-banner-right {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}
@media (max-width: 767) {
    .help-and-advice .hero-banner .help-banner-right .help-bg-gradient {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .1), rgba(0, 0, 0, .5));
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.help-and-advice .hero-banner .ha-big-title {
    font-size: 3.75rem;
}
.help-and-advice .hero-banner h1 {
    font-weight: 600;
    line-height: 1.2;
    font-size: 2.5rem;
}
.help-and-advice .hero-banner h2 {
    line-height: 1.4;
    margin-bottom: 2.25rem;
}
.help-and-advice .hero-banner form .input-group {
    flex-wrap: unset;
}
.help-and-advice .hero-banner form .input-group .input-search-help {
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    box-shadow: none;
    padding: 10px 10px 10px 20px;
    margin: 0;
    border-image: initial;
    flex: 1 1 auto;
    line-height: 1.5;
    box-sizing: border-box;
    font-size: 14px;
    border: 0.0625rem solid rgba(0, 0, 0, .2);
    border-right: 0;
    letter-spacing: 0.2px;
    color: var(--slate-grey);
    height: 50px;
    min-height: 50px;
    outline: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.help-and-advice .hero-banner form .input-group .btn-search-help {
    min-height: 50px;
    min-width: 58px;
    font-size: 12px;
    line-height: 14px;
}
.help-and-advice .hero-banner form .input-group .btn-search-help button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: var(--super-blue);
    color: #fff;
}
.help-and-advice .hero-banner form .input-group input {
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    color: var(--super-blue);
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    border-radius: 0 0.25rem 0.25rem 0;
    border: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.help-and-advice .hero-banner form .input-group input::placeholder {
    color: var(--super-blue);
    font-weight: 600;
}
.help-and-advice .hero-banner form .input-group input:focus {
    outline: none;
}
.help-and-advice .hero-banner form .input-group button {
    border-radius: 0.25rem 0 0 0.25rem;
    border: none;
    background-color: white;
    padding: 1.125rem;
}
.help-and-advice .hero-banner form .input-group button:focus {
    outline: none;
}
.help-and-advice .hero-banner form .input-group button:hover {
    background-color: var(--super-blue);
    color: white;
    cursor: pointer;
}
.help-and-advice .hero-banner .guide-buttons a {
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 1rem;
    border-radius: 0.25rem;
    border: none;
    background-color: white;
    color: var(--super-blue);
    width: 13.375rem;
    height: 4.0625rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.help-and-advice .hero-banner .guide-buttons a:first-of-type {
    margin-right: 1rem;
}
.help-and-advice .hero-banner .guide-buttons a i {
    font-size: 1.875rem;
    padding-right: 0.5rem;
}
.help-and-advice .hero-banner .guide-buttons a:hover {
    background-color: var(--super-blue);
    color: white;
}
.help-and-advice .guides-home .article-wrapper div:nth-child(n + 4) {
    display: none;
}
@media (max-width: 767) {
    .help-and-advice .guides-home .article-wrapper div:nth-child(n + 4) {
        display: block;
    }
}
.help-and-advice .finance-banner {
    display: block;
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: 0.2px;
    color: white;
    background-image: linear-gradient(to right, #009ada, #0050a5);
    margin-left: -3.1rem;
    margin-right: -3.1rem;
}
.help-and-advice .finance-banner.finance__large {
    font-weight: 700;
    font-size: 21px;
    margin: 5px 0 9px;
    color: white;
}
.help-and-advice .finance-banner.finance__strong {
    font-weight: 700;
    font-size: 15px;
    padding: 5px 0 15px;
    color: white;
}
.help-and-advice .finance-banner.finance__link {
    font-size: 13px;
    color: white;
}
.help-and-advice .finance-banner.finance__disclaimer {
    font-size: 8px;
    font-weight: 400;
    padding-top: 5px;
}
.help-and-advice .guides-wrapper .guides {
    /* Styles for 'WP-PageNavi' pagination plugin */
}
.help-and-advice .guides-wrapper .guides h2 {
    margin-bottom: 1.5rem;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides h2 {
        font-size: 1.125rem;
    }
}
.help-and-advice .guides-wrapper .guides h2 a {
    font-size: unset;
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides h2 a:hover {
    text-decoration: underline;
}
.help-and-advice .guides-wrapper .guides h2 span > a {
    font-size: 0.9375rem;
    color: var(--theme-colour);
}
.help-and-advice .guides-wrapper .guides h2 span > a:hover {
    text-decoration: underline;
}
.help-and-advice .guides-wrapper .guides .category-list {
    border-radius: 0.25rem;
    background-color: var(--theme-colour);
    font-weight: 600;
}
.help-and-advice .guides-wrapper .guides .category-list h2 {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    color: white;
    display: flex;
}
@media (max-width: 992) {
    .help-and-advice .guides-wrapper .guides .category-list h2 {
        display: none;
    }
}
.help-and-advice .guides-wrapper .guides .category-list h2 i {
    margin-right: 0.5rem;
}
.help-and-advice .guides-wrapper .guides .category-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.4;
}
.help-and-advice .guides-wrapper .guides .category-list ul a:last-of-type {
    color: white;
}
@media (max-width: 992) {
    .help-and-advice .guides-wrapper .guides .category-list ul a:last-of-type[data-toggle] {
        color: white;
        float: right;
        transition: all 0.5s;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: 'Font Awesome 6 Pro';
        content: '\f078';
    }
    .help-and-advice .guides-wrapper .guides .category-list ul a:last-of-type[data-toggle]:hover {
        text-decoration: none;
    }
    .help-and-advice .guides-wrapper .guides .category-list ul a:last-of-type.collapsed {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@media (max-width: 992) {
    .help-and-advice .guides-wrapper .guides .category-list ul .no-hover-bg {
        background-color: initial !important;
    }
}
.help-and-advice .guides-wrapper .guides .category-list ul li {
    padding: 0.375rem 1.125rem;
}
.help-and-advice .guides-wrapper .guides .category-list ul li.selected {
    background-color: var(--super-pink);
}
.help-and-advice .guides-wrapper .guides .category-list ul li.selected:hover {
    background-color: var(--super-pink);
}
.help-and-advice .guides-wrapper .guides .category-list ul li.selected::before {
    color: white;
    float: right;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Pro';
    content: '\f054';
}
.help-and-advice .guides-wrapper .guides .category-list ul li:hover {
    background-color: var(--super-pink);
}
.help-and-advice .guides-wrapper .guides .category-list ul li > a {
    display: block;
    color: white;
}
.help-and-advice .guides-wrapper .guides .category-list ul li > a:hover {
    text-decoration: none;
}
.help-and-advice .guides-wrapper .guides .card {
    border: none;
}
.help-and-advice .guides-wrapper .guides .card-image {
    width: 100%;
    border-radius: 0.25rem;
}
.help-and-advice .guides-wrapper .guides .card-body {
    padding: 2rem 0;
    font-weight: 600;
}
.help-and-advice .guides-wrapper .guides .card-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.4;
}
.help-and-advice .guides-wrapper .guides .card-body ul li {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.help-and-advice .guides-wrapper .guides .card-body ul a {
    color: var(--theme-colour);
}
.help-and-advice .guides-wrapper .guides .card-body ul a:hover {
    text-decoration: underline;
}
.help-and-advice .guides-wrapper .guides .card-footer {
    border: none;
    background-color: transparent;
    padding: 0;
}
.help-and-advice .guides-wrapper .guides .help-li {
    margin-bottom: 15px;
}
.help-and-advice .guides-wrapper .guides .help-li a {
    font-size: 16px;
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    font-weight: 600;
    line-height: 22px;
}
.help-and-advice .guides-wrapper .guides .help-li:last-child {
    margin-bottom: 0;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar {
    padding: 1.125rem;
    border-radius: 0.25rem;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar h5 {
    font-size: 1.25rem;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar p {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__contact {
    background-color: var(--theme-colour);
    color: white;
    align-items: center;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__contact p {
    color: white;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__contact i {
    font-size: 6rem;
}
@media (max-width: 767) {
    .help-and-advice .guides-wrapper .guides .ha-sidebar__contact i {
        font-size: 4rem;
    }
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__contact i:before {
    color: white;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__contact i:after {
    color: '#ff0080';
    opacity: 1;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__advice {
    padding: 0;
    background-color: '#123063';
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__advice p {
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__advice .bg-img {
    background: url('/user/themes/base/assets/images/helpAndAdvice/CMO_DoorSuperstore_HelpAndAdvice_Projects_Inset.jpg') center / cover;
    height: 11.875rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
@media (max-width: 992) {
    .help-and-advice .guides-wrapper .guides .ha-sidebar__advice .bg-img {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides .ha-sidebar__advice .bg-img {
        display: none;
    }
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__difficulty {
    padding: 0;
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__difficulty dl dt {
    text-align: center;
    color: var(--theme-colour);
    font-size: 1rem;
    font-weight: 600;
    border: 0.0625rem solid var(--theme-colour);
    display: inline-block;
    padding: 0.25rem;
    width: 1.625rem;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__difficulty dl dd {
    font-size: 0.75rem;
    line-height: 1.5;
    padding-bottom: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: 0.875rem;
    border-bottom: 0.0625rem solid '#123063';
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__request-guide {
    background-color: #f0f0f0;
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__request-guide h5 {
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides .ha-sidebar__request-guide p {
    color: var(--super-blue);
    font-weight: unset;
}
.help-and-advice .guides-wrapper .guides article img {
    display: block;
    border-radius: 0.25rem;
}
.help-and-advice .guides-wrapper .guides article h5 {
    font-size: 1rem;
    line-height: 1.2;
    color: var(--theme-colour);
}
.help-and-advice .guides-wrapper .guides article h5 span {
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides article h5 a {
    color: var(--theme-colour);
    text-decoration: none;
}
.help-and-advice .guides-wrapper .guides article h5 a:hover {
    text-decoration: underline;
}
.help-and-advice .guides-wrapper .guides article p {
    font-size: 0.75rem;
    line-height: 1.5;
    font-weight: normal;
}
.help-and-advice .guides-wrapper .guides article p.difficulty {
    font-weight: 600;
    display: inline;
}
.help-and-advice .guides-wrapper .guides article p.difficulty span {
    color: var(--theme-colour);
    border: 0.0625rem solid var(--theme-colour);
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    display: inline-block;
}
.help-and-advice .guides-wrapper .guides article p.difficulty:hover {
    cursor: pointer;
}
.help-and-advice .guides-wrapper .guides article p.difficulty:hover span {
    color: white;
    background-color: var(--theme-colour);
}
.help-and-advice .guides-wrapper .guides article .card-body {
    padding: 1.25rem 0.9375rem;
}
@media (max-width: 767) {
    .help-and-advice .guides-wrapper .guides article .card-body {
        padding: 0 0.9375rem 0 0;
    }
}
.help-and-advice .guides-wrapper .guides article .card-footer {
    padding: 1.25rem 0;
}
.help-and-advice .guides-wrapper .guides article .latest-guide {
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides .article-wrapper {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.help-and-advice .guides-wrapper .guides .article-wrapper .article-column {
    margin-bottom: 3rem;
}
@media (min-width: 768px) {
    .help-and-advice .guides-wrapper .guides .article-wrapper .article-column {
        margin-bottom: 5rem;
    }
}
.help-and-advice .guides-wrapper .guides .wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
}
.help-and-advice .guides-wrapper .guides .wp-pagenavi a, .help-and-advice .guides-wrapper .guides .wp-pagenavi span {
    color: var(--theme-colour);
    padding: 0.25rem 0.625rem;
    margin: 0.125rem;
    border: 0.0625rem solid var(--theme-colour);
    border-radius: 0.25rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.help-and-advice .guides-wrapper .guides .wp-pagenavi a:hover, .help-and-advice .guides-wrapper .guides .wp-pagenavi span:hover {
    background-color: var(--theme-colour);
    color: white;
}
.help-and-advice .guides-wrapper .guides .wp-pagenavi span.current {
    background-color: var(--super-blue);
    color: white;
    border: 0.0625rem solid var(--super-blue);
}
.help-and-advice .guides-wrapper .guides .wp-pagenavi span.current:hover {
    background-color: white;
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides.post-content {
    color: var(--super-blue);
    /* Styles for 'Scriptless Social Sharing' plugin */
    /* Styles for 'Helpful' plugin */
    /* Styles for Wordpress 'Page' and 'Post Type' content */
    /*** T&C FAQ accordion ***/
}
.help-and-advice .guides-wrapper .guides.post-content h2 {
    line-height: 1.2;
}
.help-and-advice .guides-wrapper .guides.post-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
}
.help-and-advice .guides-wrapper .guides.post-content p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .post-image {
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content article p {
    font-size: 0.75rem;
}
.help-and-advice .guides-wrapper .guides.post-content .related-guides h3 i {
    margin-right: 0.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .related-guides h3 a {
    color: var(--theme-colour);
    font-size: 0.9375rem;
}
.help-and-advice .guides-wrapper .guides.post-content .related-guides h3 a:hover {
    text-decoration: underline;
}
@media (max-width: 767) {
    .help-and-advice .guides-wrapper .guides.post-content .related-guides span:first-child {
        flex-basis: 66%;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products h5 {
    color: var(--theme-colour);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products h5 a {
    color: var(--theme-colour);
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products h5 a:hover {
    text-decoration: underline;
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products p {
    font-size: 1rem;
    font-weight: 600;
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products .cta-bar p {
    font-size: 1.25rem;
    font-weight: 700;
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products .poa-wrapper {
    background-color: var(--theme-colour);
    color: white;
    line-height: 1.4;
    border-radius: 0.25rem;
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products .poa-wrapper p {
    color: white;
}
.help-and-advice .guides-wrapper .guides.post-content .ha-products .poa-wrapper .telephone-link {
    color: white;
    font-weight: 700;
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity {
    border-radius: 0.25rem;
    font-size: 1rem;
    background-color: '#123063';
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity__counter {
    width: 50%;
    height: 3.3125rem;
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity__counter-input {
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    padding: 0;
    box-shadow: none;
    outline: none;
    border: none;
    line-height: 3.3125rem;
    text-align: center;
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity__button {
    width: 25%;
    line-height: 3.3125rem;
    text-align: center;
    border: 0.0625rem solid '#123063';
    cursor: pointer;
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity__button:hover {
    background-color: white;
    border: 0.0625rem solid '#123063';
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity__button:active {
    background-color: var(--super-blue);
    color: white;
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity__button--decrement {
    border-radius: 0.25rem 0 0 0.25rem;
}
.help-and-advice .guides-wrapper .guides.post-content .product-quantity__button--increment {
    border-radius: 0 0.25rem 0.25rem 0;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing {
    box-sizing: border-box;
    margin: 18px auto;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing a.button {
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: white;
    line-height: 1;
    margin: 0;
    text-align: center;
    text-decoration: none;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing a.button:hover {
    color: white;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .screen-reader-text {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing-buttons {
    border-collapse: separate;
    border-spacing: 3px;
    display: table;
    table-layout: fixed;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing-buttons .button {
    display: table-cell;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing__buttons {
    display: flex;
    flex-wrap: wrap;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing__buttons a.button {
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing__icon {
    display: inline-block;
    fill: currentColor;
    font-size: 18px;
    height: 1em;
    width: 1em;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing__icon + .sss-name {
    margin-left: 8px;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.email {
    background-color: rgba(51, 51, 51, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.email:hover {
    background-color: #333;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.twitter {
    background-color: rgba(29, 161, 242, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.twitter:hover {
    background-color: #1da1f2;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.facebook {
    background-color: rgba(59, 89, 152, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.facebook:hover {
    background-color: #3b5998;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.linkedin {
    background-color: rgba(0, 119, 181, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.linkedin:hover {
    background-color: #0077b5;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.pinterest {
    background-color: rgba(189, 8, 28, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.pinterest:hover {
    background-color: #bd081c;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.reddit {
    background-color: rgba(255, 69, 0, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.reddit:hover {
    background-color: #ff4500;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.whatsapp {
    background-color: rgba(37, 211, 102, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.whatsapp:hover {
    background-color: #25d366;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.pocket {
    background-color: rgba(239, 64, 86, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.pocket:hover {
    background-color: #ef4056;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.telegram {
    background-color: rgba(0, 136, 204, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.telegram:hover {
    background-color: #08c;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.sms {
    background-color: rgba(0, 153, 51, .8);
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing .button.sms:hover {
    background-color: #093;
}
@media print {
    .help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing {
        display: none;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .scriptlesssocialsharing__buttons a.button {
    max-height: 2.2rem;
    max-width: 2.2rem;
    margin-right: 0.5rem;
    padding: 1rem;
    border-radius: 50%;
    border: none !important;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-style: solid;
    border-color: #e5e5e5;
    border-top: 0.0625rem solid var(--super-blue);
    border-width: 1px;
    background-color: #fff;
    padding: 25px;
    margin-top: 25px;
    font-size: 1rem;
    line-height: 1.6rem;
    box-shadow: 0 2px 5px 0 #f4f4f4;
    -moz-box-shadow: 0 2px 5px 0 #f4f4f4;
    -webkit-box-shadow: 0 2px 5px 0 #f4f4f4;
    -webkit-font-smoothing: antialiased;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful-thanks {
    display: none;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful-content {
    font-size: 1rem;
    line-height: 1.5;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful-content a {
    color: var(--super-blue);
    text-decoration: underline;
    transition: 0.4s;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful-content a:hover {
    text-decoration: none;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful-controls {
    display: flex;
    margin-top: 1rem;
    gap: 0.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful-controls div {
    width: 100%;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful .helpful-button {
    text-align: left;
    width: 100%;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--super-blue);
    color: white;
    text-transform: uppercase;
    padding: 0.875rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid var(--super-blue);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.help-and-advice .guides-wrapper .guides.post-content .helpful .helpful-button:hover {
    background-color: white;
    color: var(--super-blue);
    border: 0.0625rem solid var(--super-blue);
}
.help-and-advice .guides-wrapper .guides.post-content .helpful .helpful-button[data-value='pro']::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f164';
}
.help-and-advice .guides-wrapper .guides.post-content .helpful .helpful-button[data-value='contra']::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f165';
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo {
    margin-top: 1rem;
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo label {
    font-size: 1rem;
    line-height: 1.5;
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo .form-group input[type='text'], .help-and-advice .guides-wrapper .guides.post-content form.wufoo .form-group input[type='email'] {
    width: 100%;
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo .form-group label {
    font-weight: 700;
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo .form-group textarea {
    height: auto;
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo .form-check {
    display: flex;
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo .req {
    color: red;
}
.help-and-advice .guides-wrapper .guides.post-content form.wufoo .hide {
    display: none;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-header, .help-and-advice .guides-wrapper .guides.post-content .guide-header {
    margin-bottom: 0.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-header h1, .help-and-advice .guides-wrapper .guides.post-content .guide-header h1 {
    font-size: 2rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content h1, .help-and-advice .guides-wrapper .guides.post-content .guide-content h1, .help-and-advice .guides-wrapper .guides.post-content .entry-content h2, .help-and-advice .guides-wrapper .guides.post-content .guide-content h2, .help-and-advice .guides-wrapper .guides.post-content .entry-content h3, .help-and-advice .guides-wrapper .guides.post-content .guide-content h3, .help-and-advice .guides-wrapper .guides.post-content .entry-content h4, .help-and-advice .guides-wrapper .guides.post-content .guide-content h4, .help-and-advice .guides-wrapper .guides.post-content .entry-content h5, .help-and-advice .guides-wrapper .guides.post-content .guide-content h5, .help-and-advice .guides-wrapper .guides.post-content .entry-content h6, .help-and-advice .guides-wrapper .guides.post-content .guide-content h6 {
    color: var(--super-blue);
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content h1, .help-and-advice .guides-wrapper .guides.post-content .guide-content h1 {
    font-size: 2rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content h2, .help-and-advice .guides-wrapper .guides.post-content .guide-content h2 {
    font-size: 1.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content h3, .help-and-advice .guides-wrapper .guides.post-content .guide-content h3 {
    font-size: 1.17rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content h4, .help-and-advice .guides-wrapper .guides.post-content .guide-content h4 {
    font-size: 1rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content h5, .help-and-advice .guides-wrapper .guides.post-content .guide-content h5 {
    font-size: 0.83rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content h6, .help-and-advice .guides-wrapper .guides.post-content .guide-content h6 {
    font-size: 0.67rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content p, .help-and-advice .guides-wrapper .guides.post-content .guide-content p, .help-and-advice .guides-wrapper .guides.post-content .entry-content li, .help-and-advice .guides-wrapper .guides.post-content .guide-content li, .help-and-advice .guides-wrapper .guides.post-content .entry-content dd, .help-and-advice .guides-wrapper .guides.post-content .guide-content dd, .help-and-advice .guides-wrapper .guides.post-content .entry-content dt, .help-and-advice .guides-wrapper .guides.post-content .guide-content dt, .help-and-advice .guides-wrapper .guides.post-content .entry-content th, .help-and-advice .guides-wrapper .guides.post-content .guide-content th, .help-and-advice .guides-wrapper .guides.post-content .entry-content td, .help-and-advice .guides-wrapper .guides.post-content .guide-content td, .help-and-advice .guides-wrapper .guides.post-content .entry-content tr, .help-and-advice .guides-wrapper .guides.post-content .guide-content tr, .help-and-advice .guides-wrapper .guides.post-content .entry-content legend, .help-and-advice .guides-wrapper .guides.post-content .guide-content legend {
    font-size: 1rem;
    line-height: 1.5;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content p, .help-and-advice .guides-wrapper .guides.post-content .guide-content p {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content dd, .help-and-advice .guides-wrapper .guides.post-content .guide-content dd {
    margin-left: 2.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content ol, .help-and-advice .guides-wrapper .guides.post-content .guide-content ol, .help-and-advice .guides-wrapper .guides.post-content .entry-content ul, .help-and-advice .guides-wrapper .guides.post-content .guide-content ul {
    padding-left: 2.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content blockquote, .help-and-advice .guides-wrapper .guides.post-content .guide-content blockquote {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content a:not(.button), .help-and-advice .guides-wrapper .guides.post-content .guide-content a:not(.button) {
    color: var(--super-pink);
    text-decoration: none;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content a:not(.button):hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content a:not(.button):hover {
    text-decoration: underline;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content hr, .help-and-advice .guides-wrapper .guides.post-content .guide-content hr {
    border: 0.0625rem solid var(--theme-colour);
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content fieldset, .help-and-advice .guides-wrapper .guides.post-content .guide-content fieldset {
    display: block;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
    padding: 2em;
    border: 0.0625rem solid var(--theme-colour);
    border-radius: 0.25rem;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content input, .help-and-advice .guides-wrapper .guides.post-content .guide-content input, .help-and-advice .guides-wrapper .guides.post-content .entry-content select, .help-and-advice .guides-wrapper .guides.post-content .guide-content select, .help-and-advice .guides-wrapper .guides.post-content .entry-content textarea, .help-and-advice .guides-wrapper .guides.post-content .guide-content textarea {
    padding: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid '#123063';
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content input[type='reset'], .help-and-advice .guides-wrapper .guides.post-content .guide-content input[type='reset'], .help-and-advice .guides-wrapper .guides.post-content .entry-content select[type='reset'], .help-and-advice .guides-wrapper .guides.post-content .guide-content select[type='reset'], .help-and-advice .guides-wrapper .guides.post-content .entry-content textarea[type='reset'], .help-and-advice .guides-wrapper .guides.post-content .guide-content textarea[type='reset'], .help-and-advice .guides-wrapper .guides.post-content .entry-content input[type='submit'], .help-and-advice .guides-wrapper .guides.post-content .guide-content input[type='submit'], .help-and-advice .guides-wrapper .guides.post-content .entry-content select[type='submit'], .help-and-advice .guides-wrapper .guides.post-content .guide-content select[type='submit'], .help-and-advice .guides-wrapper .guides.post-content .entry-content textarea[type='submit'], .help-and-advice .guides-wrapper .guides.post-content .guide-content textarea[type='submit'], .help-and-advice .guides-wrapper .guides.post-content .entry-content input[type='file'], .help-and-advice .guides-wrapper .guides.post-content .guide-content input[type='file'], .help-and-advice .guides-wrapper .guides.post-content .entry-content select[type='file'], .help-and-advice .guides-wrapper .guides.post-content .guide-content select[type='file'], .help-and-advice .guides-wrapper .guides.post-content .entry-content textarea[type='file'], .help-and-advice .guides-wrapper .guides.post-content .guide-content textarea[type='file'] {
    font-weight: 600;
    background-color: var(--theme-colour);
    color: white;
    text-transform: uppercase;
    border: 0.0625rem solid var(--theme-colour);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content input[type='reset']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content input[type='reset']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content select[type='reset']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content select[type='reset']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content textarea[type='reset']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content textarea[type='reset']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content input[type='submit']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content input[type='submit']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content select[type='submit']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content select[type='submit']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content textarea[type='submit']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content textarea[type='submit']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content input[type='file']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content input[type='file']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content select[type='file']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content select[type='file']:hover, .help-and-advice .guides-wrapper .guides.post-content .entry-content textarea[type='file']:hover, .help-and-advice .guides-wrapper .guides.post-content .guide-content textarea[type='file']:hover {
    background-color: white;
    color: var(--theme-colour);
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content img, .help-and-advice .guides-wrapper .guides.post-content .guide-content img {
    border-radius: unset;
    display: inline-block;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .entry-content img, .help-and-advice .guides-wrapper .guides.post-content .guide-content img {
        width: 100%;
        height: auto;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .entry-content .wp-caption-text, .help-and-advice .guides-wrapper .guides.post-content .guide-content .wp-caption-text {
    font-size: 0.83rem;
}
.help-and-advice .guides-wrapper .guides.post-content .input-group {
    flex-wrap: unset;
}
.help-and-advice .guides-wrapper .guides.post-content .input-group input {
    font-family: Poppins, 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    color: var(--super-blue);
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    border-radius: 0 0.25rem 0.25rem 0;
    border: 0.0625rem solid '#123063';
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.help-and-advice .guides-wrapper .guides.post-content .input-group input::placeholder {
    color: var(--super-blue);
    font-weight: 600;
}
.help-and-advice .guides-wrapper .guides.post-content .input-group input:focus {
    outline: none;
}
.help-and-advice .guides-wrapper .guides.post-content .input-group button {
    border-radius: 0.25rem 0 0 0.25rem;
    border: 0.0625rem solid '#123063';
    background-color: white;
    padding: 1.125rem;
}
.help-and-advice .guides-wrapper .guides.post-content .input-group button:focus {
    outline: none;
}
.help-and-advice .guides-wrapper .guides.post-content .input-group button:hover {
    background-color: var(--super-blue);
    color: white;
    cursor: pointer;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion {
    counter-reset: accordion-section-number;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion h2 {
    margin-top: 1.5rem;
    font-weight: 400;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion h3 {
    margin-bottom: 0.5rem;
    counter-increment: accordion-section-number;
    counter-reset: accordion-subsection-number;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion h3 a {
    display: inline;
    font-size: 1.25rem;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion h3 a:hover {
    text-decoration: none;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion h3 a i {
    transition: transform 1000ms ease;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion h3 a[aria-expanded='true'] i {
    transform: rotate(-180deg);
    transition: transform 1000ms ease;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion h4 {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--theme-colour);
    margin-bottom: 0;
    padding-top: 0.5rem;
    margin-left: 0.9rem;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .accordion h4 {
        margin-left: -0.75rem;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .accordion p {
    padding-top: 0;
    margin-top: 0.25rem;
    margin-left: 0.9rem;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .accordion p {
        margin-left: -0.75rem;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .accordion hr {
    margin: 0.5rem 0;
    border: 0.125rem solid var(--light-grey);
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item {
    padding: 0.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item--number::before {
    content: counter(accordion-section-number) '. ';
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item--list li {
    font-size: 0.9rem;
    font-weight: 500;
    padding-bottom: 0.75rem;
    padding-left: 0.5rem;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item--list li p, .help-and-advice .guides-wrapper .guides.post-content .accordion__item--list li ol li p {
    margin: 0.25rem 0 0;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item--list p {
    font-size: 0.9rem;
    font-weight: 500;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ul.accordion__item--list {
    margin-left: -0.5rem;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .accordion__item ul.accordion__item--list {
        padding-left: 1rem;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ul.accordion__item--list li {
    padding-left: 0;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ul.accordion__item--list li::marker {
    color: var(--theme-colour);
    font-size: 0.7rem;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list {
    margin-left: 0.25rem;
    list-style: none;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list {
        padding-left: 1.5rem;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li {
    counter-increment: accordion-subsection-number;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li ol[type='a'], .help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li ol[type='a'] li {
    padding: 0.25rem 0;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li::before, .help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li ol[type='a'] li::before {
    color: var(--theme-colour);
    font-size: 0.8rem;
    position: absolute;
    left: 1.75rem;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li::before {
        left: 0.25rem;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li ol[type='a'] {
    counter-reset: accordion-subsection-letter;
    list-style: none;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li ol[type='a'] li {
    counter-increment: accordion-subsection-letter;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li ol[type='a'] li::before {
    content: '(' counter(accordion-subsection-letter,lower-alpha) ')';
    left: 2.8rem;
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list li ol[type='a'] li::before {
        left: 1.25rem;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list > li::before {
    content: counter(accordion-section-number) '.' counter(accordion-subsection-number);
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list > li.subpoint-reset {
    counter-reset: accordion-subpoint-counter;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list > li.subpoint {
    counter-increment: accordion-subpoint-counter;
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__item ol.accordion__item--list > li.subpoint::before {
    content: counter(accordion-section-number) '.' counter(accordion-subsection-number) '.' counter(accordion-subpoint-counter);
}
@media (max-width: 576) {
    .help-and-advice .guides-wrapper .guides.post-content .accordion__collapse {
        margin-left: -0.075rem;
    }
}
.help-and-advice .guides-wrapper .guides.post-content .accordion__collapse > div > p {
    font-size: 0.9rem;
    font-weight: 500;
}
.help-and-advice .guides-wrapper .guides .cta-bar {
    background-color: var(--theme-colour);
    color: white;
    border-radius: 0.25rem;
}
.help-and-advice .guides-wrapper .guides .cta-bar p {
    color: white;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 0;
}
.help-and-advice .guides-wrapper .guides .cta-bar a {
    font-weight: 700;
}
.help-and-advice .guides-wrapper .guides .cta-bar--expert {
    background-color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides .cta-bar--expert .st1 {
    fill: var(--super-pink) !important;
}
@media (min-width: 767) {
    .help-and-advice .guides-wrapper .guides .popular .col-sm-6.col-md-4:last-child {
        display: none;
    }
}
.help-and-advice .guides-wrapper .guides .popular h5 a {
    color: var(--super-blue);
}
.help-and-advice .guides-wrapper .guides .popular h5 a:hover {
    text-decoration: underline;
}
.help-and-advice .modal-diy h5 {
    font-size: 1.25rem;
}
.help-and-advice .modal-diy dl dt {
    text-align: center;
    color: var(--theme-colour);
    font-size: 1rem;
    font-weight: 600;
    border: 0.0625rem solid var(--theme-colour);
    display: inline-block;
    padding: 0.25rem;
    width: 1.625rem;
}
.help-and-advice .modal-diy dl dd {
    font-size: 0.75rem;
    line-height: 1.5;
    padding-bottom: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: 0.875rem;
    border-bottom: 0.0625rem solid '#123063';
}
.help-and-advice .footer-wrapper .ha-footer {
    font-size: 0.875rem;
}
.help-and-advice .footer-wrapper .ha-footer .card {
    border: none;
    color: var(--super-blue);
}
.help-and-advice .footer-wrapper .ha-footer .card h5 {
    font-weight: 600;
    color: var(--theme-colour);
}
.help-and-advice .footer-wrapper .ha-footer .card p {
    color: var(--super-blue);
    line-height: 1.4;
}
.help-and-advice .footer-wrapper .ha-footer .card-body {
    padding: 0 0 2rem 0;
}
.help-and-advice .footer-wrapper .ha-footer .card-footer {
    border: none;
    padding: 0;
    background-color: initial;
}
.help-and-advice .footer-wrapper .ha-footer .ha-contact {
    background-color: var(--theme-colour);
    border-radius: 0.25rem;
}
@media (max-width: 767) {
    .help-and-advice .footer-wrapper .ha-footer .ha-contact {
        border-radius: 0;
    }
}
.help-and-advice .footer-wrapper .ha-footer .ha-contact p {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    line-height: 1.2;
}
.help-and-advice .footer-wrapper .ha-footer .ha-contact a {
    color: white;
}
.help-and-advice .footer-wrapper .ha-footer .ha-contact i {
    font-size: 4rem;
}
.help-and-advice .footer-wrapper .ha-footer .ha-contact i:before {
    color: white;
}
.help-and-advice .footer-wrapper .ha-footer .ha-contact i:after {
    color: '#ff0080';
    opacity: 1;
}