.testimonial-right .client-image {
    margin: 0;
}

@media (max-width: 1200px) {
    .simpletoc-list,
    .simpletoc-title {
        position: relative !important;
        top: 0 !important;
        opacity: 1 !important;
    }
}

.we-do-more-flex {
    margin: 0 auto;
    justify-content: center;
}

.we-do-more-flex .we-do-more-flex-items {
    margin-left: 0;
    padding: 0 15px;
}

/* 08 march 2023
 css changes only in live
  */
.pdTitle.pdBanner img {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    body.blog #newNav .menu-overlay,
    body.error404 #newNav .menu-overlay,
    body.search #newNav .menu-overlay,
    body.page-privacy #newNav .menu-overlay,
    body.page-template-default #newNav .menu-overlay,
    body.page-template-thankyou #newNav .menu-overlay,
    body.page-white-label-v2 #newNav .menu-overlay,
    body.page-website-health-check #newNav .menu-overlay,
    body.page-maintenance-v2 #newNav .menu-overlay,
    body.page-maintenance-v3 #newNav .menu-overlay,
    body.page-template-template-why-us #newNav .menu-overlay,
    body.page-template-about-us #newNav .menu-overlay,
    body.page-wordpress-development-services #newNav .menu-overlay,
    body.page-thank-you-ppc #newNav .menu-overlay,
    body.single:not(.single-career) #newNav .menu-overlay,
    body.archive #newNav .menu-overlay,
    body.category #newNav .menu-overlay,
    body .page-website-speed #newNav .menu-overlay {
        padding-bottom: 0;
    }

    body.blog .site-wrap,
    body.error404 .site-wrap,
    body.search .site-wrap,
    body.page-privacy .site-wrap,
    body.page-template-default .site-wrap,
    body.page-template-thankyou .site-wrap,
    body.page-white-label-v2 .site-wrap,
    body.page-website-health-check .site-wrap,
    body.page-maintenance-v2 .site-wrap,
    body.page-maintenance-v3 .site-wrap,
    body.page-template-template-why-us .site-wrap,
    body.page-template-about-us .site-wrap,
    body.page-wordpress-development-services .site-wrap,
    body.page-thank-you-ppc .site-wrap,
    body.single:not(.single-career) .site-wrap,
    body.archive .site-wrap,
    body.category .site-wrap,
    body .page-website-speed .site-wrap {
        padding-top: 110px;
    }

    body.blog #newNav.fixedHeader .menu-overlay,
    body.single:not(.single-career) #newNav .menu-overlay {
        padding-top: 0;
        padding-bottom: 0;
    }

    #newNav.fixedHeader .menu-overlay {
        padding-top: 0;
        padding-bottom: 0;
    }

    #newNav #menu-mega-menu > li > a {
        padding-top: 45px;
        padding-bottom: 45px;
        display: inline-block;
    }

    #newNav.fixedHeader
        .menu-overlay
        #menu-mega-menu
        li.menu-item-has-children
        .sub-menu {
        top: 100%;
    }

    #newNav #menu-mega-menu li.menu-item-has-children .sub-menu {
        height: auto;
        top: 100%;
        padding-top: 30px;
    }

    #newNav .menu-overlay {
        padding-top: 0;
        padding-bottom: 0;
    }

    #newNav #menu-mega-menu > li.menu-item-has-children.is-visible > a {
        border-bottom: 4px solid #fff;
    }

    #newNav #menu-mega-menu li.menu-item-has-children .sub-menu:before {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        background: #fff;
    }

    #newNav .subMenu-bg {
        top: 98%;
    }
    #newNav #menu-mega-menu > li:hover > a {
        color: #fe9a00;
    }
    #newNav #menu-mega-menu > li > a {
        transition: all 0.5s ease-in-out;
    }
    #newNav #menu-mega-menu li.current-menu-parent > a,
    #newNav #menu-mega-menu li.current-menu-item > a {
        color: #fe9a00;
    }

    #newNav
        #menu-mega-menu
        li.menu-item-has-children:hover
        .menu-caret
        svg
        path {
        fill: #fe9a00;
    }
    #newNav #menu-mega-menu li.current-menu-parent .menu-caret svg path {
        fill: #fe9a00;
    }
}

@media (max-width: 575px) {
    #newNav .menu-overlay {
        padding-top: 30px;
    }
}

@media (max-width: 375px) {
    .container,
    .col-lg-6,
    .col-md-6,
    .our-services .we-do-more-flex {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* 10 march 2023 */
@media (min-width: 375px) and (max-width: 575px) {
    #newNav .phone {
        order: 2;
        position: absolute;
        right: 120px;
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    #newNav .phone {
        order: 2;
        position: absolute;
        right: 140px;
    }
}

/* 04-12-2023 */

body.home .site-wrap #banner-2022 .mainB {
    background: linear-gradient(#1a5ecb 0, #0d54c7 100%) !important;
}
.page-success-stories .site-wrap.animate #banner-2022 .mainB.isInnerBanner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI4MDMiIHZpZXdCb3g9IjAgMCAxOTIwIDgwMyI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTM1NSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM1NSIgd2lkdGg9IjE5MjAiIGhlaWdodD0iODAzIiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSIvPg0KICAgIDwvY2xpcFBhdGg+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjEiIHkxPSIwLjg0OSIgeDI9IjAuODU4IiB5Mj0iMC4yMTIiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFhNWVjYiIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMGQ1NGM3Ii8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0yIiB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMWE1ZWNiIi8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwZDJmNjYiLz4NCiAgICA8L2xpbmVhckdyYWRpZW50Pg0KICA8L2RlZnM+DQogIDxnIGlkPSJNYXNrX0dyb3VwXzExMSIgZGF0YS1uYW1lPSJNYXNrIEdyb3VwIDExMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPg0KICAgIDxnIGlkPSJHcm91cF8xMDQ2IiBkYXRhLW5hbWU9Ikdyb3VwIDEwNDYiPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI4MDMiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPg0KICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8zIiBkYXRhLW5hbWU9IkVsbGlwc2UgMyIgY3g9IjM5Ny41IiBjeT0iMzk3LjUiIHI9IjM5Ny41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDg1LjQ0OSAtMjg5KSIgb3BhY2l0eT0iMC4zMDUiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTIpIi8+DQogICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzUiIGRhdGEtbmFtZT0iRWxsaXBzZSA1IiBjeD0iMzk3LjUiIGN5PSIzOTcuNSIgcj0iMzk3LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjEgMzMyKSIgb3BhY2l0eT0iMC4zMDUiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTIpIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==);
}

@keyframes bubble1 {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    50% {
        transform: translateX(80px) translateY(80px);
    }
    100% {
        transform: translateX(00px) translateY(00px);
    }
}
@keyframes bubble2 {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    50% {
        transform: translateX(-80px) translateY(-80px);
    }
    100% {
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes bubble1 {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    50% {
        transform: translateX(80px) translateY(80px);
    }
    100% {
        transform: translateX(00px) translateY(00px);
    }
}
@keyframes bubble2 {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    50% {
        transform: translateX(-80px) translateY(-80px);
    }
    100% {
        transform: translateX(0px) translateY(0px);
    }
}

.bubble1 {
    animation: bubble1 15s infinite;
}
.bubble2 {
    animation: bubble2 15s infinite;
}

.care_plans .plan_wrapper .plan-block p.price-label strong {
    color: rgb(9, 16, 46);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .care_plans .plan_wrapper div[class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .care_plans .plan_wrapper .row {
        flex-wrap: wrap;
    }
}

.get_wpSite--left p a:not(.cBtn):hover {
    color: #fff !important;
}
.get_wpSite--left p a:not(.cBtn) {
    background: none !important;
    color: #fe9a00;
    padding: 0 !important;
    display: inline-block;
    min-width: auto;
    height: auto;
}

.page-contact .contact_main-2022 {
    padding-top: 60px;
}

.featuredContainer-2022 .featuredContainer img {
    height: auto;
}

/* blog page css  */

ul.simpletoc-list {
    position: fixed;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(229, 229, 229, 0.5);
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 12px;
    padding-right: 25px;
}

ul.simpletoc-list li a {
    color: #09102e;
}

ul.simpletoc-list li a:active {
    color: #337ab7;
    transition: all 0.2s;
}

ul.simpletoc-list li a {
    display: inline-block;
    padding: 4px 0;
    line-height: 24px;
    vertical-align: top;
    font-size: 14px;
    color: rgb(137, 141, 154);
    transition: all 0.2s;
}
ul.simpletoc-list li a:hover {
    color: #337ab7;
    transition: all 0.2s;
}

.blog-img img {
    width: 100%;
}

ul.simpletoc-list {
    position: absolute;
    margin-top: 24px;
}

ul.simpletoc-list li {
    list-style: disc;
}

ul.simpletoc-list:before {
    content: "Table of contents";
    font-size: 14px;
    position: relative;
    left: -19px;
    padding-bottom: 8px;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

.blog-info .simpletoc-list,
.blog-info .simpletoc-title {
    display: none !important;
}

ul.simpletoc-list li a.active {
    color: #337ab7;
}

.updates-and-cat .cat {
    padding-left: 5px;
}

.updates-and-cat {
    display: flex;
    flex-wrap: wrap;
}

.author-block {
    padding: 15px;
    border: 1px solid #ddd;
    max-width: 100%;
}
.author-block .shareicons {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}
.author-block .author-wrap {
    display: flex;
    flex-wrap: wrap;
}
.author-block .author-img {
    background-color: #1a5ecb;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 15px;
}
@media (min-width: 640px) {
    .author-block .author-img {
        margin-right: 20px;
    }
}
.author-block .author-img img {
    height: 90px;
    width: 90px;
    object-fit: cover;
}
.author-block .author-info {
    margin-top: 15px;
    font-style: italic;
}
@media (min-width: 640px) {
    .author-block .author-info {
        width: calc(100% - 110px);
    }
}
.author-block .author-info h3 {
    margin-top: 0;
    font-weight: 600;
    font-size: 20px;
}
.author-block .author-info p {
    font-size: 16px;
}

.shareicons .fa {
    width: 33px;
    height: 33px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 22px;
}

.catFilter-list {
    border-bottom: 1px solid #f6f6f4;
}

.catFilter-list li a {
    padding: 10px 15px;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.catFilter-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 40px;
    padding-top: 10px;
}

.catFilter-list ul li {
    padding: 10px;
}

.catFilter-list li a:hover,
.catFilter-list li a.active {
    color: #fe9a00;
}

@media (max-width: 1200px) {
    .blogsingle-page .col-md-3 {
        display: none;
    }
    .blogsingle-page .col-md-9 {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .updates-and-cat .updated p {
        margin-bottom: 0 !important;
    }
    .blog-info .simpletoc-list,
    .blog-info .simpletoc-title {
        display: block !important;
        position: relative;
        width: 100% !important;
        opacity: 0;
    }
    .catFilter-list ul li {
        padding: 0;
    }
    ul.simpletoc-list:before {
        display: none;
    }
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.blog-img:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.blog-img img {
    width: 100%;
    height: auto;
}
img {
    max-width: 100%;
    height: auto;
}

.contact_main-2022
    .container
    .row
    .contact_left
    .contact_form
    .hbspt-form
    .hs-submit {
    margin-top: 20px;
}
.page-id-14405 .we-do-more-container.our-services {
    padding-top: 50px;
}
.page-web-design-adelaide .process_slider + .faq-2022 {
    padding-top: 0;
}
.single-post ul.simpletoc-list {
    margin-top: 0;
}
@media (max-width: 575px) {
    .growth-right_name,
    .growth-right_deg {
        padding-right: 30px;
    }
    .process_slider .process_slider-main .slick-arrow.slick-prev {
        left: calc(50% - 75px);
    }
    .process_slider .process_slider-main .slick-arrow.slick-next {
        left: auto !important;
        right: 52%;
    }
    .footer-bottom ul {
        padding-left: 0;
    }
}

#footer-2022 .footer-bottom #menu-our-services .sub-menu {
    padding-left: 20px;
}
.we-do-more-container .featured-content img {
    max-height: 84px;
    object-fit: contain;
}
.single-post .blogsingle-page .blog-item p.simpletoc-title {
    display: none !important;
}

/* MAP marker CSS */
.custom_map button.gm-ui-hover-effect {
    margin: 0 !important;
}
.custom_map .customInfo_holder {
    min-width: auto;
    padding: 0;
}
.custom_map .customInfo_inner p {
    font-size: 16px;
    margin-bottom: 20px;
}
.custom_map .customInfo_inner p:last-child {
    margin-bottom: 0;
}
.custom_map .gm-style-iw-ch {
    padding-top: 0;
}
.custom_map .gm-style .transit-container .gm-title {
    font-size: 16px;
    font-weight: 400;
    font-family: Inter, sans-serif;
    line-height: 28px;
    color: #09102e;
}
.custom_map .gm-style .gm-style-iw-c {
    padding: 30px 30px 20px !important;
}
.custom_map .poi-info-window div,
.poi-info-window a {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #09102e;
}
.custom_map .address {
    margin-bottom: 20px;
}
.custom_map .address::before {
    display: none;
}
.custom_map .gm-style .gm-style-iw-d {
    padding: 0 !important;
}
.custom_map button.gm-ui-hover-effect {
    width: 28px !important;
    height: 28px !important;
    margin-top: -25px !important;
    margin-right: -10px !important;
}
.custom_map .gm-style-iw-chr {
    height: 0;
}
.custom_map .poi-info-window a:link {
    color: #09102e;
}

/* April 2025 */
.we-do-more-container.our-services.isDark .featured-content p {
    color: #fff;
}
body.page-wordpress-developer-perth
    .site-wrap
    .featuredContainer-2022.isInnerBrands
    .featuredContainer
    .google-review-img {
    margin-bottom: 200px;
}
.section_success-stories h2 {
    font-family: "Publico Banner", sans-serif;
    color: #1a5ecb;
}
.featuredContainer-2022 .featuredContainer h2,
.faq-2022_left .site-h2,
.team-2022 .section-title .site-h2 {
    color: #1a5ecb;
}
.section_success-stories h2 span {
    font-family: "Publico Banner", sans-serif;
    color: #09102e;
    font-size: 50px;
    line-height: 68px;
    display: inline;
}
.section_success-stories.white_bg h2 span {
    color: #09102e;
}
.featuredContainer-2022 .featuredContainer h2 span,
.faq-2022_left .site-h2 span,
.team-2022 .section-title .site-h2 span {
    color: #09102e;
}
.success-story .featuredText h2 {
    line-height: 68px;
}
.success-story .featuredText h2 span {
    color: #09102e;
}
.page-wordpress-for-publishers
    .site-wrap
    #banner-2022
    .mainB.isInnerBanner
    .bannerC
    h1 {
    margin: 0 auto;
}
@media (max-width: 991px) {
    .section_success-stories h2 span {
        font-size: 38px;
        line-height: 52px;
    }
    .success-story .featuredText h2 {
        line-height: 52px;
    }
    body.page-wordpress-developer-perth
        .site-wrap
        .featuredContainer-2022.isInnerBrands
        .featuredContainer
        .google-review-img {
        margin-bottom: 0;
    }
}

.testimonial-sec .client-image img {
    object-fit: cover;
    object-position: top;
}

@media (min-width: 992px) {
    body.category.group-blog .site-wrap {
        padding-top: 110px !important;
    }
}
body.category.group-blog .main_header {
    background: #1a5ecb;
}

/* 11-10-2025 */
.help-is-here .help-is-here_right p a {
    background: transparent;
    color: #1a5ecb;
    height: auto;
    min-width: auto;
    padding: 0;
}
.help-is-here .help-is-here_right p a:hover {
    color: #09102e !important;
    background: transparent !important;
}

.page-thank-you-interview .main_header,
.page-preliminary-interview .main_header {
    background: linear-gradient(#1a5ecb 0%, #0d54c7 100%);
}
.page-thank-you-interview .site-content,
.page-preliminary-interview .site-content {
    margin-top: 111px;
}

/* Career Application Wordcamp 2026 */
body.page-career-application-events .main_header {
    background: #1a5ecb;
}
body.page-career-application-events .site-wrap {
    padding-top: 100px !important;
}
body.page-career-application-events
    .send_cv
    .gform_wrapper
    form
    .ginput_container
    input::placeholder {
    color: #757575;
}
@media (min-width: 992px) {
    body.page-career-application-events .site-wrap {
        padding-top: 110px !important;
    }
}
@media (max-width: 575px) {
    body.page-career-application-events .career_application-2022 .career_intro {
        padding-left: 20px;
        padding-right: 20px;
    }
    body.page-career-application-events .career_application-2022 .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}
/* Contact page form styles 
11 june 2026
*/

#label-project_budget_build-d22feb45-8d2c-4ddd-ae93-0269949be522,
#label-project_timeline-d22feb45-8d2c-4ddd-ae93-0269949be522,
#label-expected_outcome-d22feb45-8d2c-4ddd-ae93-0269949be522,
#label-project_budget_maintain-d22feb45-8d2c-4ddd-ae93-0269949be522,
#label-website_manager_type-d22feb45-8d2c-4ddd-ae93-0269949be522 {
    font-weight: 600;
}

.main_header {
    z-index: 9999;
}
.background-video:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgb(9 16 46 / 80%);
}

#banner-2022 .mainB .container {
    position: relative;
    z-index: 5;
}

@media (max-width: 767px) {
    #banner-2022 .mainB .background-video {
        display: none;
    }

    #banner-2022 .mainB .btn-wraps .btn_play {
        margin-top: 0;
    }
}

body.home .faq-2022_right #faqs .card-wrapper {
    width: 100%;
}

body.home .faq-2022_right {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}
.scrolling_logos:before {
    background-size: cover;
}

body.home .we-do-more-container .featured-content img {
    width: 60px;
    height: 60px;
}

@media (min-width: 1025px) {
    .mega_menu > li:last-child {
        display: none;
    }
}

@media (min-width: 992px) {
    .page-id-10729 .care_plans .plan_wrapper [class*="col-lg-6"] .plan-block {
        margin-top: 30px;
    }
    .page-id-10729 .care_plans .plan_wrapper [class*="col-lg-6"] {
        width: 33.3333%;
    }
    .page-id-10729 .care_plans .plan_wrapper [class*="col-lg-6"]:last-child {
        width: 100%;
    }
    .page-id-10729
        .care_plans
        .plan_wrapper
        [class*="col-lg-6"]:nth-child(4)
        .plan-block
        ul {
        column-count: 3;
    }

    .page-id-10729
        .care_plans
        .plan_wrapper
        [class*="col-lg-6"]:nth-child(4)
        .plan-block
        ul
        li {
        display: inline-block;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    #banner-2022 .mainB a.btn_play {
        bottom: 21%;
    }
}

body.page-id-28165 .main_header:not(.fixedHeader),
body.search-results .main_header:not(.fixedHeader) {
    background-color: #09102e;
}

body.page-id-28165 .site-wrap,
body.search-results .site-wrap {
    padding-top: 110px !important;
}

body.page-id-28087 .faq-2022,
body.page-id-28215 .faq-2022 {
    padding-top: 0;
}

@media (max-width: 991px) {
    #banner-2022 .mainB .bannerC ul {
        width: auto;
    }
}

[data-hsfc-id="Renderer"] .hsfc-PhoneInput__FlagAndCaret {
    color: #000;
    font-size: 18px;
}

[data-wpr-lazyrender].featuredContainer-2022 {
    content-visibility: unset;
}

[data-wpr-lazyrender] .featuredContainer {
    content-visibility: visible;
    contain-intrinsic-size: auto 400px;
}
.we-care {
    padding: 0px;
}
@media (max-width: 1024px) {
    body {
        margin-bottom: 0px !important;
    }
}

/* Contact Forms CSS */
.hsfc-Step .hsfc-Step__Content {
    padding: 0 !important;
}
.hsfc-NavigationRow__Buttons .hsfc-Button {
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    color: #09102e !important;
    background: #fe9a00 !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 15px;
    min-width: 157px !important;
    border-radius: 32px !important;
    transition: all 0.3s ease !important;
}

/* 09-288-2026 */
[data-hsfc-id="Renderer"] .hsfc-DropdownInput > input {
    padding-right: 36px;
}
.wpc-booking-loading__label {
    color: #1a5ecb;
}
.wpc-booking-loading.is-hidden {
    display: none;
}

/* ===== HubSpot forms (new renderer): global styling, matches contact page ===== */
body [data-hsfc-id="Renderer"] .hsfc-Heading {
    font-family: "Publico Banner", sans-serif;
    font-size: 38px;
    font-weight: 400;
    color: #3a77d8;
    line-height: 1.3;
}
body [data-hsfc-id="Renderer"] .hsfc-FieldLabel {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #09102e;
    margin-bottom: 0 !important;
}
body [data-hsfc-id="Renderer"] .hsfc-TextInput,
body [data-hsfc-id="Renderer"] input,
body [data-hsfc-id="Renderer"] textarea {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
[data-hsfc-id="Renderer"] .hsfc-TextInput {
    background: transparent;
}
[data-hsfc-id="Renderer"]
    .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl)
    .hsfc-PhoneInput__FlagAndCaret {
    background: transparent;
}

/* Layout: 2 columns, equal 16px gaps */
body [data-hsfc-id="Renderer"] .hsfc-Row {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}
body [data-hsfc-id="Renderer"] .hsfc-Row > * {
    width: 100% !important;
    min-width: 0;
}

/* Full width: heading, rich text, lone fields, dropdowns, textareas, URL paired with dropdown */
body [data-hsfc-id="Renderer"] .hsfc-Row > .hsfc-Heading,
body [data-hsfc-id="Renderer"] .hsfc-Row > .hsfc-RichText,
body [data-hsfc-id="Renderer"] .hsfc-Row > :only-child,
body [data-hsfc-id="Renderer"] .hsfc-DropdownField,
body [data-hsfc-id="Renderer"] .hsfc-TextareaField,
body
    [data-hsfc-id="Renderer"]
    .hsfc-Row:has(.hsfc-DropdownField)
    > .hsfc-TextField {
    grid-column: 1 / -1 !important;
}
body [data-hsfc-id="Renderer"] .hsfc-DropdownInput,
body [data-hsfc-id="Renderer"] .hsfc-DropdownInput > .hsfc-TextInput {
    width: 100% !important;
    max-width: 100% !important;
}

/* Errors */
body [data-hsfc-id="Renderer"] .hsfc-ErrorAlert {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #f00;
    margin-top: 6px;
    line-height: 1.3;
}
body [data-hsfc-id="Renderer"] .hsfc-TextInput[aria-invalid="true"],
body [data-hsfc-id="Renderer"] textarea[aria-invalid="true"],
body [data-hsfc-id="Renderer"] .hsfc-PhoneInput:has([aria-invalid="true"]) {
    border-color: #f00 !important;
}

/* Remove the gap above HubSpot forms (WordPress wraps the embed script in a <p>) */
p:has(> script:only-child):has(+ .hs-form-html) {
    margin: 0 !important;
}

/* ===== Legacy HubSpot forms in .contact_form (contact page, Shopify page, etc.) ===== */
.contact_form .hs-form .hs-richtext p,
.contact_form .hs-form .hs-richtext p strong {
    font-family: "Publico Banner", sans-serif;
    font-size: 38px;
    font-weight: 400;
    color: #3a77d8;
    line-height: 1.3;
    margin: 0 0 16px;
}
.contact_form .hs-form .hs-input {
    font-size: 14px !important;
}
.contact_form .hs-form select.hs-input.is-placeholder {
    color: #33475b !important;
}
.contact_form .hs-form .hs-input.invalid,
.contact_form .hs-form .hs-input.error {
    border-color: #f00 !important;
}
.contact_form .hs-form .hs-error-msgs {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    list-style: none;
}
.contact_form .hs-form .hs-error-msgs label,
.contact_form .hs-form .hs-error-msg {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #f00;
    line-height: 1.3 !important;
}

.contact_main-2022 .container .row .contact_left {
    padding: 40px;
}
.contact_form > p:has(.hbspt-form) {
    margin: 0 !important;
}
.contact_form > p:has(.hbspt-form) > br {
    display: none;
}
body [data-hsfc-id="Renderer"] .hsfc-TextInput,
body [data-hsfc-id="Renderer"] .hsfc-TextareaInput,
body [data-hsfc-id="Renderer"] textarea {
    background: transparent !important;
}
/* Multi-select dropdown (from wpc-hubspot-form.css) */
.wpc-ms-enhanced ul.inputs-list,
.wpc-ms-native-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
.wpc-ms {
    position: relative;
    font: inherit;
    color: #33475b;
    text-align: left;
}
.wpc-ms__control {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 44px;
    width: 100%;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #cbd6e2;
    border-radius: 6px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    flex-wrap: wrap;
    text-align: left;
    font-size: 14px;
}
.wpc-ms__control:focus-visible,
.wpc-ms.is-open .wpc-ms__control {
    outline: none;
    border-bottom: none;
}
.wpc-ms.is-invalid .wpc-ms__control {
    border-color: #f2545b;
    box-shadow: 0 0 0 1px #f2545b;
}
.wpc-ms__placeholder {
    color: #33475b;
    font-size: 14px;
}
.wpc-ms__tags {
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    display: none;
}
.wpc-ms__tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #eaf0f6;
    color: #33475b;
    border-radius: 4px;
    padding: 3px 6px 3px 8px;
    font-size: 13px;
    line-height: 1.3;
    max-width: 100%;
}
.wpc-ms__tag span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wpc-ms__tag button {
    border: 0;
    background: none;
    cursor: pointer;
    color: #7c98b6;
    font-size: 12px;
    line-height: 1;
    padding: 0;
    display: inline-flex;
}
.wpc-ms__tag button:hover {
    color: #33475b;
}
.wpc-ms__arrow {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: transform 0.15s ease;
    color: #555555;
}
.banner-shortcode .wpc-ms__arrow {
    right: 19px;
}
.wpc-ms.is-open .wpc-ms__arrow {
    transform: translateY(-50%) rotate(180deg);
}
.wpc-ms__arrow svg {
    color: #33475b;
    width: 9px;
    height: 9px;
}
.wpc-ms__arrow svg path {
    stroke-width: 2.4;
}
.wpc-ms__panelwrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.22s ease;
}
.wpc-ms.is-open .wpc-ms__panelwrap {
    grid-template-rows: 1fr;
}
.wpc-ms__panel {
    overflow: hidden;
    min-height: 0;
}
.wpc-ms__panel-inner {
    background: #fff;
    border: 1px solid #cbd6e2;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    padding: 0 0 16px 16px;
    color: #09102e;
}
.banner-shortcode .wpc-ms__panel-inner {
    color: rgb(33, 45, 58);
}
.wpc-ms.is-open .wpc-ms__control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.wpc-ms__option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-family: "Helvetica", sans-serif;
}
.wpc-ms__option:hover,
.wpc-ms__option.is-active {
    background: #f5f8fa;
}
.wpc-ms__box {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border: 2px solid #cbd6e2;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.12s ease;
}
.wpc-ms__option[aria-selected="true"] .wpc-ms__box {
    background: #0091ae;
    border-color: #0091ae;
}
.wpc-ms__box svg {
    opacity: 0;
    transition: opacity 0.12s ease;
}
.wpc-ms__option[aria-selected="true"] .wpc-ms__box svg {
    opacity: 1;
}
.wpc-ms.wpc-ms-loading {
    display: none;
}

/* Banner look */
.banner-shortcode .wpc-ms__control {
    font-family: "Helvetica", sans-serif;
    background: rgba(245, 248, 250, 1);
    border: 1px solid rgba(149, 148, 148, 1);
    border-radius: 3px;
    padding: 10px;
}
.banner-shortcode .wpc-ms__placeholder {
    color: rgba(81, 99, 131, 0.64);
    font-size: 14px;
    font-family: "Helvetica", sans-serif;
}
.banner-shortcode .wpc-ms__option span {
    font-family: "Helvetica", sans-serif;
}
.banner-shortcode .wpc-ms__panel-inner {
    background: rgba(245, 248, 250, 1);
    border: 1px solid rgba(149, 148, 148, 1);
    border-top: 0;
    border-radius: 0 0 3px 3px;
}
.banner-shortcode .wpc-ms__arrow svg {
    display: none;
}
.banner-shortcode .wpc-ms__arrow {
    border-top: 6px solid
        var(--hsf-field-input__color, var(--hsf-default-field-input__color));
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

@media (max-width: 540px) {
    .wpc-ms__placeholder {
        min-width: 0;
        white-space: wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 90%;
    }
    .wpc-ms__panel-inner {
        padding: 0px;
    }
}
body [data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup > .hsfc-FieldLabel {
    margin-bottom: 8px !important;
}
/* Multi-select: match the other HubSpot dropdowns in every form */
body [data-hsfc-id="Renderer"] .wpc-ms__control {
    background: transparent;
    border: 1px solid #959494;
    border-radius: 3px;
    padding: 10px;
    min-height: 0;
    font-family: Inter, sans-serif;
}
body [data-hsfc-id="Renderer"] .wpc-ms__placeholder {
    color: rgba(81, 99, 131, 0.64);
    font-size: 14px;
    font-family: Inter, sans-serif;
}
body [data-hsfc-id="Renderer"] .wpc-ms__panel-inner {
    background: transparent;
    border: 1px solid #959494;
    border-top: 0;
    border-radius: 0 0 3px 3px;
}
body [data-hsfc-id="Renderer"] .wpc-ms__arrow {
    right: 14px;
    width: 0;
    height: 0;
    border-top: 6px solid #212d3a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
body [data-hsfc-id="Renderer"] .wpc-ms__arrow svg {
    display: none;
}
body [data-hsfc-id="Renderer"] textarea,
body [data-hsfc-id="Renderer"] .hsfc-TextareaInput {
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    color: #000;
}
body [data-hsfc-id="Renderer"] textarea::placeholder {
    font-size: 14px;
    color: rgba(81, 99, 131, 0.64);
}
/* ===== Mobile ===== */
@media (max-width: 767px) {
    .banner_darkBlue .col-md-6:has(.banner-shortcode) {
        padding-left: 0;
        padding-right: 0;
    }
    .banner_darkBlue .banner-shortcode {
        padding: 24px 20px;
    }
}
@media (max-width: 540px) {
    body [data-hsfc-id="Renderer"] .hsfc-Heading,
    .contact_form .hs-form .hs-richtext p,
    .contact_form .hs-form .hs-richtext p strong {
        font-size: 28px;
    }
}
/* 09-288-2026 */

.contact_main-2022.isDark .contact_right ol li:before {
    color: #fff;
    background: rgb(255, 255, 255, 0.1);
}

/* CSS for Focused Input Field */
[data-hsfc-id="Renderer"] input:focus,
form input:focus,
form textarea:focus {
    box-shadow: 0 0 0 0.2rem #1a5ecb45 !important;
    border: 1px solid #1a5ecb !important;
}

/* Hide Duplicate Heading in Contact Form Middle */
@media (max-width: 991px) {
    .contact_main-2022 .mobile-titleContact .site-h2 {
        display: none;
    }
}
/* Hide Loading text in the form */
.banner-shortcode .wpc-booking-loading {
    display: none;
}
/* Author Social Share Icons */
.author-block .shareicons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    /* background: red; */
}

.author-block .shareicons a,
.author-block .shareicons a i {
    display: flex;
}

.author-block .shareicons a {
    background: white;
    /* padding: 8px; */
    border-radius: 20px;
}

.author-block .shareicons a i {
    width: auto;
    height: auto;
}

.author-block .shareicons a svg,
.author-block .shareicons a i::before {
    width: auto;
    height: 21px;
}
.wpc-pricing__price {
    min-height: 0px;
}