@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

.content-wrap ul:not(.teams-tab, .pager__items, .sl) li,
.pager__items {
    list-style: none
}

:root {
    --super-black: rgb(00, 00, 00);
    --wp-grey: 55, 62, 73;
    --wp-green: 00, 159, 153;
    --grey: rgb(237, 237, 236);
    --light-grey: rgb(250, 250, 250);
    --wp-white: rgb(255, 255, 255);
    --adviser: rgb(232, 78, 15);
    --mortgage: rgb(130, 54, 140);
    --estate: rgb(190, 16, 25);
    --hospitality: rgb(162, 25, 91);
    --education: rgb(159, 191, 67);
    --healthcare: rgb(0, 141, 54);
    --trade: rgb(0, 80, 138);
    --h1: 90px;
    --h1-leading: 97px;
    --h1-weight: 300;
    --h2: 60px;
    --h2-leading: 70px;
    --h2-weight: 300;
    --h3: 46px;
    --h3-leading: 62px;
    --h3-weight: 400;
    --h4: 32px;
    --h4-leading: 38px;
    --h4-weight: 400;
    --h5: 22px;
    --h5-leading: 28px;
    --h5-weight: 400;
    --h6: 22px;
    --h6-leading: 28px;
    --h6-weight: 400;
    --h7: 28px;
    --h7-leading: 36px;
    --h7-weight: 400;
    --h8: 14px;
    --h8-leading: 30px;
    --h8-weight: 500;
    --h9: 18px;
    --h9-leading: 26px;
    --h9-weight: 500;
    --p: 14px;
    --p-leading: 26px;
    --p-weight: 500;
    --li: 14px;
    --li-leading: 26px;
    --li-weight: 500;
    --container-spacing: max(calc((100% - 1455px) / 2), 100px)
}

.h1,
h1 {
    font-size: var(--h1) !important;
    line-height: var(--h1-leading);
    font-weight: var(--h1-weight) !important;
    letter-spacing: -.2px
}

.h2,
h2 {
    font-size: var(--h2) !important;
    line-height: var(--h2-leading);
    font-weight: var(--h2-weight) !important
}

.h3,
h3 {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

.h4,
h4 {
    font-size: var(--h4) !important;
    line-height: var(--h4-leading);
    font-weight: var(--h4-weight) !important
}

.h5,
h5 {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: var(--h5-weight) !important
}

.h6,
h6 {
    font-size: var(--h6) !important;
    line-height: var(--h6-leading);
    font-weight: var(--h6-weight) !important
}

body,
p {
    font-size: var(--p) !important
}

.h7 {
    font-size: var(--h7) !important;
    line-height: var(--h7-leading);
    font-weight: var(--h7-weight) !important
}

.h8 {
    font-size: var(--h8) !important;
    line-height: var(--h8-leading);
    font-weight: var(--h8-weight) !important
}

.h9 {
    font-size: var(--h9) !important;
    line-height: var(--h9-leading);
    font-weight: var(--h9-weight) !important;
    letter-spacing: -.1px
}

p {
    line-height: var(--p-leading);
    font-weight: var(--p-weight) !important;
    letter-spacing: .25px
}

body {
    color: #000;
    font-family: Montserrat, sans-serif !important;
    line-height: 26px
}

article,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
    height: unset;
    display: block
}

b,
strong {
    font-weight: 700
}

body:not(.node-type-home-page) .content-wrap a:not(.button, .btn2) {
    color: var(--main-highlight-color);
    text-decoration: none
}

body:not(.node-type-home-page) .content-wrap a:not(.button, .btn2):hover {
    color: rgb(var(--wp-grey))
}

.heading-with-logo {
    display: flex;
    align-items: center;
    grid-gap: 0 20px
}

#block-testimonialwidgetblock,
.base-post-heading,
.baseListing .base-info,
.baseListing .base-post-content,
.blog-items-group,
.blogListing,
.contact-details-wrap,
.contact-strip-bottom,
.contact-strip-top,
.field_cta,
.field_cta2,
.field_cta_2,
.field_cta_bottom,
.header-area,
.latest-videos-widget-area,
.messageMain,
.node-type-case-study #block-views-block-upcoming-news-and-case-studies-block-1,
.node-type-guides .body2-area,
.node-type-guides .body3-area,
.node-type-guides .body4-area,
.node-type-guides .body5-area .field_body5_image,
.node-type-guides .body5-area .field_body_5_area,
.node-type-guides .body6-area,
.node-type-guides .top-body-area,
.node-type-listing-page .case-study-group-container,
.node-type-listing-page .searchKeyword,
.node-type-project-checklist .header-section,
.node-type-project-checklist .views-area-wrapper,
.node-type-service-landing-page .body3-area,
.node-type-service-landing-page .body5-area,
.process-area,
.reviews-area,
.sector-icons-slider,
.show-platforms,
.team-area,
.thank-you-confirmation-container,
.top-banner,
.views-view-grid .views-col .views-row,
.webform-submission-testimonial-form,
.webpro-support-block,
body.node-1406 .event-items-group,
body.node-type-events .body-section,
body.node-type-events .event-timings,
body:is(.node-1388, .node-2176) .body,
body:is(.node-1388, .node-2176) .webform,
body:is(.node-1402, .node-1409, .node-2175) .top-body-area,
body:is(.node-1829) .webform-submission-enquiry-form-form,
body:is(.node-type-home-page, .node-type-events, .node-type-service-landing-page) .upcoming-events-block,
body:is(.node-type-listing-page).node-1956 .views-area-wrapper,
footer {
    padding-inline: max(calc((100% - 1455px)/ 2), 100px)
}

.container,
.faq-listing,
.faqs-area,
.node-type-service-landing-page .top-body-area,
.product-header-content,
.related-services-area,
.request-a-callback,
.testimonials-listing,
.webform-submission-event-feedback-form,
body.node-1392 .top-body-area,
body.node-2178 .top-body-area,
header .header-container {
    width: min(calc((100% - 200px)), 1455px);
    margin: 0 auto
}

.case-studies-block .wp-wrap-logo,
.field_cta_bottom .wp-wrap-logo,
.guides-block .field-case-studies-title .wp-wrap-logo,
.latest-videos-widget-area .latest-vidoes-header #block-latestvideoswidgetblock .wp-wrap-logo,
.latest-videos-widget-area.from-listing-page-widget .latest-vidoes-header #block-latestvideoswidgetblock--2 .wp-wrap-logo,
.other-sectors-title #block-othersectors .wp-wrap-logo {
    max-width: 56px
}

.add-ons-container .block-right .continue-button a,
.button,
.case-studies-block .latest-cases-study .latest-case-item .button-wrap a,
.case-study-card .button-wrap a,
.enquire-now-btn,
.event-card .event-card-btn a,
.field_butt a,
.field_button a,
.field_external_url a,
.field_link a,
.messageMain .btn2,
.node-type-portfolio .body-content-section .left-area .field_link_text a,
.node-type-service-landing-page .body3-area .field_link_text a,
.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_button_links a,
.portfolio-card .views-field-view-node a,
.portfolio-video-card .video-link a,
.views-view-grid .views-col .views-row .guides-content a {
    font-size: var(--h8) !important;
    font-weight: 500 !important;
    background-color: var(--wp-white);
    color: var(--main-highlight-color);
    border: 1px solid var(--wp-white);
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 11px 20px;
    letter-spacing: -.25px;
    transition: .3s;
    cursor: pointer
}

.button.button-primary,
.pager__items li:not(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) a:hover,
.pager__items li:not(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last).is-active a {
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important
}

.button.button-primary:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

.button:hover,
.case-study-card .button-wrap a:hover,
.enquire-now-btn:hover,
.field_home_page_promo .home-page-promo-teaser .field_external_url a:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color);
    border-color: var(--wp-white)
}

.field_cta_bottom .field_button a:hover,
.messageMain .btn2:hover {
    background-color: transparent;
    color: var(--wp-white);
    border-color: var(--wp-white)
}

.case-studies-block .content-section-case-study .field_link_text a,
.field_support_section .team-content .field_button a,
.guides-block .field_link_text,
.show-latest-news .logo-title-link-inline .link-to-news,
.vidoes-widget-link .vidoes-link {
    font-size: 15px;
    color: var(--main-highlight-color);
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px solid var(--main-highlight-color);
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s
}

.guides-block .field_link_text {
    color: var(--wp-white);
    border-color: var(--wp-white)
}

.case-studies-block .content-section-case-study .field_link_text a:hover,
.guides-block .field_link_text:hover,
.vidoes-widget-link .vidoes-link:hover {
    color: rgb(var(--wp-grey));
    border-color: rgb(var(--wp-grey))
}

@media screen and (max-width:1280px) {
    :root {
        --h1: 40px;
        --h1-leading: 46px;
        --h1-weight: 300;
        --h2: 28px;
        --h2-leading: 36px;
        --h2-weight: 300;
        --h3: 30px;
        --h3-leading: 40px;
        --h3-weight: 400;
        --h4: 24px;
        --h4-leading: 32px;
        --h4-weight: 400;
        --h5: 20px;
        --h5-leading: 26px;
        --h5-weight: 400;
        --h6: 20px;
        --h6-leading: 26px;
        --h6-weight: 400;
        --h7: 18px;
        --h7-leading: 28px;
        --h7-weight: 400;
        --h8: 12px;
        --h8-leading: 25px;
        --h8-weight: 500;
        --h9: 14px;
        --h9-leading: 26px;
        --h9-weight: 500;
        --p: 14px;
        --p-leading: 26px;
        --p-weight: 500;
        --li: 14px;
        --li-leading: 26px;
        --li-weight: 500;
        --container-spacing: max(calc((100% - 1080px) / 2), 50px)
    }

    .case-studies-block .wp-wrap-logo,
    .field_cta_bottom .wp-wrap-logo,
    .guides-block .field-case-studies-title .wp-wrap-logo,
    .heading-with-logo .wp-wrap-logo,
    .latest-videos-widget-area .latest-vidoes-header #block-latestvideoswidgetblock .wp-wrap-logo,
    .latest-videos-widget-area.from-listing-page-widget .latest-vidoes-header #block-latestvideoswidgetblock--2 .wp-wrap-logo,
    .other-sectors-title #block-othersectors .wp-wrap-logo {
        max-width: 37px
    }

    #block-testimonialwidgetblock,
    .base-post-heading,
    .baseListing .base-info,
    .baseListing .base-post-content,
    .blog-items-group,
    .blogListing,
    .contact-details-wrap,
    .contact-strip-bottom,
    .contact-strip-top,
    .field_cta,
    .field_cta2,
    .field_cta_2,
    .field_cta_bottom,
    .header-area,
    .latest-videos-widget-area,
    .messageMain,
    .node-type-case-study #block-views-block-upcoming-news-and-case-studies-block-1,
    .node-type-guides .body2-area,
    .node-type-guides .body3-area,
    .node-type-guides .body4-area,
    .node-type-guides .body5-area .field_body5_image,
    .node-type-guides .body5-area .field_body_5_area,
    .node-type-guides .body6-area,
    .node-type-guides .top-body-area,
    .node-type-listing-page .case-study-group-container,
    .node-type-listing-page .searchKeyword,
    .node-type-project-checklist .header-section,
    .node-type-project-checklist .views-area-wrapper,
    .node-type-service-landing-page .body3-area,
    .node-type-service-landing-page .body5-area,
    .process-area,
    .reviews-area,
    .sector-icons-slider,
    .show-platforms,
    .team-area,
    .thank-you-confirmation-container,
    .top-banner,
    .views-view-grid .views-col .views-row,
    .webform-submission-testimonial-form,
    .webpro-support-block,
    body.node-1406 .event-items-group,
    body.node-type-events .body-section,
    body.node-type-events .event-timings,
    body:is(.node-1388, .node-2176) .body,
    body:is(.node-1388, .node-2176) .webform,
    body:is(.node-1402, .node-1409, .node-2175) .top-body-area,
    body:is(.node-1829) .webform-submission-enquiry-form-form,
    body:is(.node-type-home-page, .node-type-events, .node-type-service-landing-page) .upcoming-events-block,
    body:is(.node-type-listing-page).node-1956 .views-area-wrapper,
    footer,
    header {
        padding-inline: max(calc((100% - 1080px)/ 2), 50px)
    }

    .container,
    .faq-listing,
    .faqs-area,
    .node-type-service-landing-page .top-body-area,
    .product-header-content,
    .related-services-area,
    .request-a-callback,
    .testimonials-listing,
    .webform-submission-event-feedback-form,
    body.node-1392 .top-body-area,
    body.node-2178 .top-body-area {
        width: min(calc((100% - 100px)), 1080px)
    }

    .case-studies-block .content-section-case-study .field_link_text a,
    .field_support_section .team-content .field_button a,
    .guides-block .field_link_text,
    .show-latest-news .logo-title-link-inline .link-to-news,
    .vidoes-widget-link .vidoes-link {
        font-size: 13px;
        line-height: 20px
    }
}

@media screen and (max-width:1080px) {

    .add-ons-container .block-right .continue-button a,
    .button,
    .case-studies-block .latest-cases-study .latest-case-item .button-wrap a,
    .case-study-card .button-wrap a,
    .enquire-now-btn,
    .event-card .event-card-btn a,
    .field_butt a,
    .field_button a,
    .field_external_url a,
    .field_link a,
    .messageMain .btn2,
    .node-type-portfolio .body-content-section .left-area .field_link_text a,
    .node-type-service-landing-page .body3-area .field_link_text a,
    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_button_links a,
    .portfolio-video-card .video-link a,
    .views-view-grid .views-col .views-row .guides-content a {
        font-size: 12px !important;
        padding: 9px 16px;
        letter-spacing: .25px
    }
}

.content-wrap ol:not(.teams-tab, .sl) li,
.content-wrap ul:not(.teams-tab, .pager__items, .sl) li {
    font-size: var(--li);
    line-height: var(--li-leading);
    font-weight: var(--li-weight);
    color: #000;
    position: relative;
    display: block;
    padding-left: 30px;
    letter-spacing: .25px
}

.content-wrap ul:not(.teams-tab, .pager__items, .sl) li::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 30px;
    background-color: var(--main-highlight-color);
    position: absolute;
    left: 0;
    top: 7px
}

.content-wrap ol:not(.teams-tab, .sl) li {
    counter-increment: olCounter 1
}

.content-wrap ol:not(.teams-tab, .sl) li::before {
    content: counter(olCounter);
    position: absolute;
    left: 0;
    color: var(--main-highlight-color);
    font-weight: 600
}

.content-wrap ol:not(.teams-tab, .sl) li p,
.content-wrap ul:not(.teams-tab, .pager__items, .sl) li p {
    margin-top: 0
}

.node-type-guides .black-body-two-section .field_black_body2_body :is(ul, ol) li,
.node-type-guides .body2-area .field_body2_body :is(ul, ol) li,
.node-type-guides .green-body-section .field_green_area_body :is(ul, ol) li,
.node-type-guides .grey-area .field_grey_area_body :is(ul, ol) li {
    color: var(--wp-white)
}

.node-type-guides .black-body-two-section .field_black_body2_body :is(ul) li::before,
.node-type-guides .body2-area .field_body2_body :is(ul) li::before,
.node-type-guides .green-body-section .field_green_area_body :is(ul) li::before,
.node-type-guides .grey-area .field_grey_area_body :is(ul) li::before {
    background-color: var(--wp-white)
}

.node-type-guides .black-body-two-section .field_black_body2_body :is(ol) li::before,
.node-type-guides .body2-area .field_body2_body :is(ol) li::before,
.node-type-guides .green-body-section .field_green_area_body :is(ol) li::before,
.node-type-guides .grey-area .field_grey_area_body :is(ol) li::before {
    color: var(--wp-white)
}

.pager__items {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 15px 20px
}

.pager__items li:is(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) {
    margin: 0 10px
}

.pager__items li:is(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) a {
    font-size: 14px;
    font-weight: 500
}

.pager__items li:not(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) a {
    font-size: 17px;
    font-weight: 500;
    color: var(--main-highlight-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--main-highlight-color);
    transition: .3s
}

@media screen and (max-width:767px) {
    :root {
        --h1: 23px;
        --h1-leading: 26px;
        --h1-weight: 300;
        --h2: 16px;
        --h2-leading: 20px;
        --h2-weight: 300;
        --h3: 20px;
        --h3-leading: 28px;
        --h3-weight: 400;
        --h4: 24px;
        --h4-leading: 32px;
        --h4-weight: 400;
        --h5: 20px;
        --h5-leading: 26px;
        --h5-weight: 400;
        --h6: 18px;
        --h6-leading: 22px;
        --h6-weight: 400;
        --h7: 12px;
        --h7-leading: 18px;
        --h7-weight: 400;
        --h8: 12px;
        --h8-leading: 25px;
        --h8-weight: 500;
        --h9: 12px;
        --h9-leading: 25px;
        --h9-weight: 500;
        --p: 12px;
        --p-leading: 20px;
        --p-weight: 500;
        --li: 12px;
        --li-leading: 20px;
        --li-weight: 500;
        --container-spacing: max(calc((100% - 640px) / 2), 30px)
    }

    .case-studies-block .wp-wrap-logo,
    .field_cta_bottom .wp-wrap-logo,
    .guides-block .field-case-studies-title .wp-wrap-logo,
    .heading-with-logo .wp-wrap-logo,
    .latest-videos-widget-area .latest-vidoes-header #block-latestvideoswidgetblock .wp-wrap-logo,
    .latest-videos-widget-area.from-listing-page-widget .latest-vidoes-header #block-latestvideoswidgetblock--2 .wp-wrap-logo,
    .other-sectors-title #block-othersectors .wp-wrap-logo {
        max-width: 27px
    }

    #block-testimonialwidgetblock,
    .base-post-heading,
    .baseListing .base-info,
    .baseListing .base-post-content,
    .blog-items-group,
    .blogListing,
    .contact-details-wrap,
    .contact-strip-bottom,
    .contact-strip-top,
    .field_cta,
    .field_cta2,
    .field_cta_2,
    .field_cta_bottom,
    .header-area,
    .latest-videos-widget-area,
    .messageMain,
    .node-type-case-study #block-views-block-upcoming-news-and-case-studies-block-1,
    .node-type-guides .body2-area,
    .node-type-guides .body3-area,
    .node-type-guides .body4-area,
    .node-type-guides .body5-area .field_body5_image,
    .node-type-guides .body5-area .field_body_5_area,
    .node-type-guides .body6-area,
    .node-type-guides .top-body-area,
    .node-type-listing-page .case-study-group-container,
    .node-type-listing-page .searchKeyword,
    .node-type-project-checklist .header-section,
    .node-type-project-checklist .views-area-wrapper,
    .node-type-service-landing-page .body3-area,
    .node-type-service-landing-page .body5-area,
    .process-area,
    .reviews-area,
    .sector-icons-slider,
    .show-platforms,
    .team-area,
    .thank-you-confirmation-container,
    .top-banner,
    .views-view-grid .views-col .views-row,
    .webform-submission-testimonial-form,
    .webpro-support-block,
    body.node-1406 .event-items-group,
    body.node-type-events .body-section,
    body.node-type-events .event-timings,
    body:is(.node-1388, .node-2176) .body,
    body:is(.node-1388, .node-2176) .webform,
    body:is(.node-1402, .node-1409, .node-2175) .top-body-area,
    body:is(.node-1829) .webform-submission-enquiry-form-form,
    body:is(.node-type-home-page, .node-type-events, .node-type-service-landing-page) .upcoming-events-block,
    body:is(.node-type-listing-page).node-1956 .views-area-wrapper,
    footer,
    header {
        padding-inline: max(calc((100% - 640px)/ 2), 30px)
    }

    .container,
    .faq-listing,
    .faqs-area,
    .node-type-service-landing-page .top-body-area,
    .product-header-content,
    .related-services-area,
    .request-a-callback,
    .testimonials-listing,
    .webform-submission-event-feedback-form,
    body.node-1392 .top-body-area,
    body.node-2178 .top-body-area {
        width: min(calc((100% - 60px)), 640px)
    }

    .case-studies-block .content-section-case-study .field_link_text a,
    .field_support_section .team-content .field_button a,
    .guides-block .field_link_text,
    .show-latest-news .logo-title-link-inline .link-to-news,
    .vidoes-widget-link .vidoes-link {
        font-size: 10px;
        line-height: 15px
    }

    .content-wrap ul:not(.teams-tab, .pager__items, .sl) li {
        padding-left: 19px
    }

    .content-wrap ul:not(.teams-tab, .pager__items, .sl) li::before {
        width: 10px;
        height: 10px;
        top: 5px
    }

    .pager__items {
        grid-gap: 10px 10px;
        flex-wrap: wrap
    }

    .pager__items li:is(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) {
        margin: 0
    }

    .pager__items li:not(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) a {
        font-size: 12px;
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .pager__items li.pager-item:not(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) {
        display: none
    }

    .pager__items li.pager-item.is-active,
    .pager__items li.pager-item.is-active+li,
    .pager__items li.pager-item.is-active+li+li,
    .pager__items li.pager-item:has(+ li.pager-item.is-active, + li + li.pager-item.is-active) {
        display: block
    }
}

@media screen and (max-width:767px) and (min-width:300px) {
    .pager__items li.pager-item:not(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) {
        display: none
    }

    .pager__items li.pager-item.is-active,
    .pager__items li.pager-item.is-active+li,
    .pager__items li.pager-item:has(+ li.pager-item.is-active) {
        display: block
    }
}

@media screen and (max-width:479px) {
    .pager__items {
        grid-gap: 10px 5px
    }

    .pager__items li:is(.pager-item--first, .pager-item--previous, .pager-item--next, .pager-item--last) a {
        font-size: 11px;
        width: 25px;
        height: 25px
    }
}

.owl-nav-vr-center.owl-theme .owl-nav {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0;
    margin: 0;
    position: absolute;
    top: calc(50% - 20px);
    inset-inline: -90px
}

.owl-custom-nav :is(.owl-prev, .owl-next) i,
.owl-nav :is(.owl-prev, .owl-next) i {
    font-weight: 300
}

.custom-owl-nav :is(.owl-prev, .owl-next),
.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next) {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 2px solid #999;
    border-radius: 50%;
    margin: 0;
    color: #999;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    cursor: pointer
}

.custom-owl-nav :is(.owl-prev, .owl-next):hover,
.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover {
    background-color: var(--main-highlight-color);
    color: #fff;
    border-color: var(--main-highlight-color)
}

.field_related_services_items.owl-theme .owl-nav :is(.owl-prev, .owl-next),
.latest-videos-widget-area .custom-owl-nav :is(.owl-prev, .owl-next) {
    color: var(--main-highlight-color);
    border-color: var(--main-highlight-color)
}

.field_related_services_items.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
.latest-videos-widget-area .custom-owl-nav :is(.owl-prev, .owl-next):hover {
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {

    .blog-list.owl-theme .owl-nav,
    .case-studies-block .case-studies-slider-wrap .owl-custom-nav,
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav,
    .latest-video-slider.owl-theme .owl-nav,
    .latest-videos-widget-area .video-section-wrap .owl-custom-nav,
    .team-members-group.owl-theme .owl-nav,
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav {
        width: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 0;
        margin: 0;
        position: absolute;
        top: calc(50% - 20px);
        inset-inline: -90px
    }

    .blog-list.owl-theme .owl-nav,
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav,
    .latest-video-slider.owl-theme .owl-nav,
    .owl-nav-vr-center.owl-theme .owl-nav,
    .team-members-group.owl-theme .owl-nav {
        top: 50%
    }

    .blog-list.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .case-studies-block .case-studies-slider-wrap .owl-custom-nav :is(.owl-prev, .owl-next),
    .field_home_page_promo.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .field_process_item.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-cases-study.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-video-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-videos-widget-area .video-section-wrap .owl-custom-nav :is(.owl-prev, .owl-next),
    .node-type-case-study .case-study-group .owl-nav :is(.owl-prev, .owl-next),
    .node-type-service-landing-page .field_page.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .team-members-group.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .testimonial-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav :is(.owl-prev, .owl-next) {
        width: unset;
        height: unset;
        padding: 0;
        border: 0;
        color: var(--wp-white);
        font-size: 35px;
        background-color: transparent !important
    }

    .blog-list.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .case-studies-block .case-studies-slider-wrap .owl-custom-nav :is(.owl-prev, .owl-next),
    .field_process_item.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-cases-study.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-video-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-videos-widget-area .video-section-wrap .owl-custom-nav :is(.owl-prev, .owl-next),
    .node-type-case-study .case-study-group .owl-nav :is(.owl-prev, .owl-next),
    .team-members-group.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .testimonial-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav :is(.owl-prev, .owl-next) {
        color: rgb(var(--wp-grey))
    }

    .blog-list.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    .field_home_page_promo.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    .field_process_item.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    .guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav :where(.owl-prev, .owl-next):hover .case-studies-block .case-studies-slider-wrap .owl-custom-nav :is(.owl-prev, .owl-next):hover,
    .latest-cases-study.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    .latest-video-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    .latest-videos-widget-area .video-section-wrap .owl-custom-nav :is(.owl-prev, .owl-next):hover,
    .node-type-case-study .case-study-group .owl-nav :is(.owl-prev, .owl-next):hover,
    .team-members-group.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    .testimonial-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover {
        background-color: transparent !important;
        color: var(--main-highlight-color)
    }

    .guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav :where(.owl-prev, .owl-next):hover {
        color: rgb(var(--wp-grey)) !important
    }
}

.field_related_services_items.owl-theme .owl-nav {
    display: flex;
    justify-content: center;
    grid-gap: 0 20px
}

.field_home_page_promo.owl-theme .owl-dots .owl-dot span,
.owl-dots-center.owl-theme .owl-dots .owl-dot span,
.sector-icons-slider.owl-theme .owl-dots .owl-dot span,
.select2 .select2-selection .select2-selection__arrow b {
    display: none
}

.field_home_page_promo.owl-theme .owl-dots .owl-dot,
.owl-dots-center.owl-theme .owl-dots .owl-dot,
.sector-icons-slider.owl-theme .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 6px
}

.field_home_page_promo.owl-theme .owl-dots .owl-dot.active,
.owl-dots-center.owl-theme .owl-dots .owl-dot.active,
.sector-icons-slider.owl-theme .owl-dots .owl-dot.active {
    background-color: rgba(255, 255, 255, .5)
}

.field_process_item.owl-theme .owl-dots .owl-dot,
.sector-icons-slider.owl-theme .owl-dots .owl-dot,
.sector-slider-wrap.owl-dots-center.owl-theme .owl-dots .owl-dot {
    border-color: #999
}

.field_process_item.owl-theme .owl-dots .owl-dot.active,
.sector-icons-slider.owl-theme .owl-dots .owl-dot.active,
.sector-slider-wrap.owl-dots-center.owl-theme .owl-dots .owl-dot.active {
    background-color: #ccc
}

.select2 .select2-selection,
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: var(--grey);
    color: #0f0f0f
}

@media screen and (max-width:768px) {

    .field_process_item.owl-theme .owl-dots .owl-dot,
    .owl-dots-center.owl-theme .owl-dots .owl-dot,
    .sector-icons-slider.owl-theme .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        margin: 0 3px
    }
}

.select2 .select2-selection {
    width: 100%;
    border: 1px solid var(--grey);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    outline: 0;
    letter-spacing: .25px;
    opacity: 1;
    font-family: inherit;
    border-radius: 0;
    height: unset;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.select2 .select2-selection .select2-selection__rendered {
    padding: 0;
    color: #0f0f0f
}

.select2 .select2-selection .select2-selection__arrow {
    position: unset;
    width: auto;
    font-size: 30px
}

.select2 .select2-selection .select2-selection__arrow::after {
    content: '\f078';
    font-family: "Font Awesome 6 Pro";
    font-weight: 300 !important
}

.select2.select2-container--open .select2-selection .select2-selection__arrow::after {
    content: '\f077'
}

.select2-container .select2-dropdown {
    border: 1px solid var(--grey);
    border-radius: 0
}

.select2-container .select2-dropdown.select2-dropdown--above {
    box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, .1)
}

.select2-container .select2-dropdown.select2-dropdown--below {
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .1)
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
    padding: 6px 20px
}

.select2-container .select2-dropdown .select2-search {
    display: none;
    padding: 10px 20px;
    border-bottom: 1px solid var(--grey)
}

.select2-container .select2-dropdown .select2-search input {
    padding: 10px 20px;
    border: 1px solid var(--grey);
    outline: 0
}

body:is(.node-1413) .webform-options-display-one-column:not(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) .form-item input[type=radio] {
    display: none
}

body:is(.node-1413) .webform-options-display-one-column:not(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) .form-item input[type=radio]~label {
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    border: 1px solid #999;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

body:is(.node-1413) .webform-options-display-one-column:not(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) .form-item input[type=radio]:checked~label,
body:is(.node-1413) .webform-options-display-one-column:not(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) .form-item input[type=radio]~label:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

.form-item-privacy input.form-radio[type=radio],
body:is(.node-1413) .webform-options-display-one-column:is(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) input.form-radio[type=radio] {
    display: none
}

.form-item-privacy input.form-radio[type=radio]~label.option,
body:is(.node-1413) .webform-options-display-one-column:is(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) input.form-radio[type=radio]~label.option {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 30px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 500;
    color: var(--super-black);
    cursor: pointer
}

.form-item-privacy input.form-radio[type=radio]~label.option:hover,
body:is(.node-1413) .webform-options-display-one-column:is(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) input.form-radio[type=radio]~label.option:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

.form-item-privacy input.form-radio[type=radio]:checked~label.option,
body:is(.node-1413) .webform-options-display-one-column:is(#edit-do-you-have-your-permission-to-use-your-comments-as-per-part-of-, #edit-would-you-attend-another-webpro-event-) input.form-radio[type=radio]:checked~label.option {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

input:is([type=text], [type=email], [type=password], [type=tel], [type=color], [type=number]),
select:not(.cart-select-quantity-key),
textarea {
    width: 100%;
    border: 1px solid var(--grey);
    background-color: var(--grey);
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 20px;
    letter-spacing: .25px;
    opacity: 1;
    font-family: inherit;
    outline: 0 !important
}

input:is([type=text], [type=email], [type=password], [type=tel], [type=color], [type=number])::placeholder,
textarea::placeholder {
    color: #0f0f0f;
    opacity: 1
}

.form-wrapper label:not(.option) {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px
}

select:not(#edit-category, [data-drupal-selector=edit-category]) {
    background-image: url('/themes/custom/webpro/css/../img/select-arrow.png');
    background-repeat: no-repeat;
    background-position: center right 20px;
    -webkit-appearance: none;
    -moz-appearance: inherit;
    appearance: none
}

body:is(.node-1392) .searchKeyword select:not(#edit-category, [data-drupal-selector=edit-category]),
body:is(.node-2178) .searchKeyword select:not(#edit-category, [data-drupal-selector=edit-category]) {
    padding-right: 50px
}

input.form-checkbox[type=checkbox] {
    width: 21px;
    height: 21px;
    border-radius: 0 !important;
    border: 1px solid rgb(var(--wp-grey));
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: inherit;
    appearance: none;
    cursor: pointer
}

input.form-checkbox[type=checkbox]::after {
    content: '\f00c';
    font-size: 16px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    color: var(--main-highlight-color);
    transition: .3s;
    opacity: 0;
    visibility: hidden
}

input.form-checkbox[type=checkbox]:checked::after {
    opacity: 1;
    visibility: visible
}

.node-type-webform .webform .webform-submission-contact-us-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio]),
.node-type-webform .webform .webform-submission-webpro-shop-contact-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio]),
:where(.request-a-callback) input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio]){
    width: 33px;
    height: 33px;
    border: 1px solid var(--grey);
    background-color: var(--grey);
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px !important;
    -webkit-appearance: none;
    -moz-appearance: inherit;
    appearance: none;
    cursor: pointer
}

.node-type-webform .webform .webform-submission-contact-us-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio])+label,
.node-type-webform .webform .webform-submission-webpro-shop-contact-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio])+label,
:where(.request-a-callback) input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio])+label {
    font-weight: 500;
    cursor: pointer
}

.node-type-webform .webform .webform-submission-contact-us-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio])::after,
.node-type-webform .webform .webform-submission-webpro-shop-contact-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio])::after,
:where(.request-a-callback) input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio])::after {
    content: '\f00c';
    font-size: 16px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    color: var(--main-highlight-color);
    transition: .3s;
    opacity: 0;
    visibility: hidden
}

.node-type-webform .webform .webform-submission-contact-us-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio]):checked::after,
.node-type-webform .webform .webform-submission-webpro-shop-contact-add-form input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio]):checked::after,
:where(.request-a-callback) input:is(input.form-checkbox[type=checkbox], input.form-radio[type=radio]):checked::after {
    opacity: 1;
    visibility: visible
}

.form-item-privacy input.form-radio[type=radio],
body:is(.node-1829) .form-item-online-marketing input.form-radio[type=radio] {
    display: none
}

.form-item-privacy input.form-radio[type=radio]~label.option,
body:is(.node-1829) .form-item-online-marketing input.form-radio[type=radio]~label.option {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 30px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 500;
    color: var(--super-black);
    cursor: pointer
}

.form-item-privacy input.form-radio[type=radio]~label.option:hover,
body:is(.node-1829) .form-item-online-marketing input.form-radio[type=radio]~label.option:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

.form-item-privacy input.form-radio[type=radio]:checked~label.option,
body:is(.node-1829) .form-item-online-marketing input.form-radio[type=radio]:checked~label.option {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

div[data-drupal-messages] div[role=alert] {
    display: none
}

.form-item-2 {
    display: flex;
    grid-gap: 0 15px
}

.form-item-2 .form-item {
    flex: 1
}

.enquire-now-popup-wrapper {
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    inset: 0;
    z-index: 99;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

body.open-modal .enquire-now-popup-wrapper {
    opacity: 1;
    visibility: visible
}

.custom-modal-body {
    width: min(820px, calc(100% - 60px));
    background-color: var(--wp-white);
    margin: 40px auto;
    padding: 126px 120px 90px;
    border-bottom: 28px solid var(--main-highlight-color);
    position: relative
}

.custom-modal-body .close-enquire-form {
    position: absolute;
    font-size: 40px;
    top: 40px;
    right: 40px;
    color: rgba(var(--wp-grey));
    cursor: pointer
}

.custom-modal-body .close-enquire-form:hover {
    color: var(--main-highlight-color)
}

.enquire-now-popup-wrapper form #edit-head-title--2 {
    margin-bottom: 43px
}

.enquire-now-popup-wrapper form #edit-head-title--2 p {
    font-size: 28px !important;
    line-height: 37px !important;
    font-weight: 400 !important
}

.enquire-now-popup-wrapper form .form-item {
    margin-bottom: 20px
}

.enquire-now-popup-wrapper form input.form-submit {
    margin-top: 30px;
    min-width: 180px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white);
    letter-spacing: .25px
}

.enquire-now-popup-wrapper form input.form-submit:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

@media screen and (max-width:767px) {

    .blog-list.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .case-studies-block .case-studies-slider-wrap .owl-custom-nav :is(.owl-prev, .owl-next),
    .field_home_page_promo.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .field_process_item.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-cases-study.owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-video-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .latest-videos-widget-area .video-section-wrap .owl-custom-nav :is(.owl-prev, .owl-next),
    .node-type-case-study .case-study-group .owl-nav :is(.owl-prev, .owl-next),
    .node-type-service-landing-page .field_page.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .team-members-group.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    .testimonial-slider.owl-theme .owl-nav :is(.owl-prev, .owl-next),
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav :is(.owl-prev, .owl-next) {
        font-size: 25px
    }

    .team-members-group.owl-theme .owl-nav :is(.owl-prev, .owl-next) {
        color: var(--wp-white)
    }

    .team-members-group.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover {
        color: rgb(var(--wp-grey))
    }

    .select2 .select2-selection .select2-selection__arrow {
        font-size: 20px
    }

    .form-item-2 {
        flex-direction: column
    }

    .custom-modal-body {
        padding: 40px
    }

    .custom-modal-body .close-enquire-form {
        font-size: 30px;
        top: 15px;
        right: 15px
    }

    .enquire-now-popup-wrapper form #edit-head-title--2 p {
        font-size: 22px !important;
        line-height: 1.2 !important
    }
}

@media screen and (max-width:640px) {
    .custom-modal-body {
        padding: 40px 20px 20px
    }

    .custom-modal-body .close-enquire-form {
        font-size: 20px
    }

    .enquire-now-popup-wrapper form input.form-submit {
        margin-top: 30px;
        min-width: 130px
    }
}