.title-with-logo .wp-wrap-logo {
    max-width: 56px
}

@media screen and (max-width:1280px) {
    .title-with-logo .wp-wrap-logo {
        max-width: 37px
    }
}

@media screen and (max-width:767px) {
    .title-with-logo .wp-wrap-logo {
        max-width: 27px
    }
}

header {
    position: relative
}

.webpro-status-messages {
    display: none !important
}

header .header-container>div:not(.desktop-sidebar-menu, #block-cart) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

header .header-container #block-googlereviewswidget h3 {
    display: none
}

header .header-container .desktop-menu {
    width: 100%
}

@media screen and (max-width:1280px) {
    header .header-container #block-googlereviewswidget {
        display: none
    }
}

@media screen and (min-width:1281px) {
    header .header-container #block-domainmenusactivedomainmenu {
        display: none
    }
}

.header-area {
    display: flex;
    padding-top: 100px;
    padding-bottom: 95px;
    color: var(--wp-white);
    background-color: var(--main-highlight-color)
}

.header-area .field_header_title {
    max-width: 755px
}

@media screen and (max-width:1280px) {
    .header-area {
        grid-gap: 0 50px
    }

    .header-area .field_header_image img {
        max-width: 350px
    }
}

@media screen and (max-width:1080px) {
    .header-area {
        padding-block: 50px 40px
    }
}

@media screen and (max-width:767px) {
    .header-area {
        padding-block: 25px 30px
    }

    .header-area .field_header_title {
        max-width: 150px
    }

    .header-area .field_header_image img {
        max-width: 180px
    }
}

@media screen and (max-width:525px) {
    .header-area {
        grid-gap: 0 10px
    }
}

@media screen and (max-width:375px) {
    .header-area .field_header_image img {
        max-width: 150px
    }
}

body:not(.node-type-home-page).node-type-guides .header-area {
    justify-content: space-between
}

body:not(.node-type-home-page).node-type-guides .header-area h1 {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: 300 !important
}

.field_cta,
.field_cta2,
.field_cta_2 {
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    text-align: center;
    padding-block: 32px
}

:where(.field_cta, .field_cta2, .field_cta_2) a {
    color: var(--main-highlight-color) !important;
    text-decoration: none;
    transition: all .3s
}

:where(.field_cta, .field_cta2, .field_cta_2) a:hover {
    color: var(--wp-white) !important
}

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

    .field_cta,
    .field_cta2,
    .field_cta_2 {
        padding-block: 20px
    }

    .field_cta>div,
    .field_cta2>div,
    .field_cta_2>div {
        max-width: 345px;
        margin-inline: auto
    }

    .field_cta .h7,
    .field_cta2 .h7,
    .field_cta_2 .h7 {
        font-size: 18px !important;
        line-height: 28px !important
    }
}

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

    .field_cta,
    .field_cta2,
    .field_cta_2 {
        padding-block: 10px
    }

    .field_cta>div,
    .field_cta2>div,
    .field_cta_2>div {
        max-width: 230px;
        margin-inline: auto
    }

    .field_cta .h7,
    .field_cta2 .h7,
    .field_cta_2 .h7 {
        font-size: 12px !important;
        line-height: 17px !important
    }
}

.field_home_page_promo {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0 1px
}

.field_home_page_promo>div {
    flex: 1
}

.field_home_page_promo .home-page-promo-teaser {
    background-color: var(--client-gradient-top);
    background-image: linear-gradient(var(--client-gradient-top), var(--client-gradient-botom));
    padding: 60px 30px;
    color: var(--wp-white);
    text-align: center;
    min-height: 100%
}

.field_home_page_promo .home-page-promo-teaser .wp-wrap-logo {
    max-width: 50px;
    margin: 0 auto
}

.field_home_page_promo .home-page-promo-teaser .promo-title h2 {
    margin-top: 18px;
    font-size: var(--h6) !important;
    line-height: var(--h6-leading);
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: -0.20px
}

.field_home_page_promo .home-page-promo-teaser .body p {
    max-width: 360px;
    margin: 15px auto 0;
    font-size: var(--p) !important;
    line-height: var(--p-leading);
    font-weight: 400 !important
}

.field_home_page_promo .home-page-promo-teaser .field_external_url a {
    margin-top: 32px;
    background-color: transparent;
    border-color: var(--wp-white);
    color: var(--wp-white)
}

.field_home_page_promo.owl-theme .owl-stage {
    display: flex
}

.field_home_page_promo.owl-theme .owl-stage .owl-item>div {
    display: grid;
    min-height: 100%
}

@media screen and (max-width:1280px) {
    .field_home_page_promo>div {
        flex: 100%
    }

    .field_home_page_promo .home-page-promo-teaser {
        padding: 60px 30px 120px
    }

    .field_home_page_promo.owl-theme .owl-nav {
        width: auto;
        inset-inline: 23px
    }

    .field_home_page_promo.owl-theme .owl-dots {
        position: absolute;
        bottom: 45px;
        width: 100%;
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width:768px) {
    .field_home_page_promo .home-page-promo-teaser {
        padding: 60px 30px 88px
    }

    .field_home_page_promo .home-page-promo-teaser .body p {
        max-width: 300px
    }

    .field_home_page_promo.owl-theme .owl-nav {
        inset-inline: 13px
    }
}

.reviews-area {
    margin-top: 175px;
    background-color: var(--grey);
    text-align: center;
    position: relative;
    padding-bottom: 50px
}

.reviews-area .field_reviews_title {
    margin-top: 41px;
    font-size: 24px !important;
    line-height: initial;
    font-weight: 500 !important;
    clear: both
}

.reviews-area .field_reviews_image {
    position: relative;
    top: -190px;
    margin: 0 auto -190px;
    inset-inline: 0
}

.reviews-area .field_reviews_image img {
    max-width: 370px;
    height: 227px;
    object-fit: contain;
    margin-inline: auto
}

.reviews-area .field_reviews_body {
    max-width: 680px;
    margin: 31px auto 0
}

.reviews-area .field_reviews_body p:not(:first-child) {
    margin-top: 20px
}

.reviews-area .google-reviews-widget {
    margin-top: 30px
}

.reviews-area .google-reviews-widget h3 {
    display: none
}

@media screen and (max-width:767px) {
    .reviews-area {
        padding-bottom: 30px
    }
}

@media screen and (max-width:525px) {
    .reviews-area .field_reviews_image {
        top: -170px
    }

    .reviews-area .field_reviews_image img {
        max-width: 300px
    }
}

.field_support_section {
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.field_support_section .paragraph {
    display: flex;
    flex-wrap: wrap
}

.field_support_section .team-content {
    width: 40%;
    padding-left: max(calc((100% - 1455px) / 2), 100px);
    padding-right: 50px;
    padding-block: 120px 100px
}

.field_support_section .team-content .field_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.field_support_section .team-content .field_body {
    margin-top: 22px;
    max-width: 450px
}

.field_support_section .team-content .field_button a {
    margin-top: 36px;
    background-color: transparent;
    padding: 0;
    border: 0;
    color: var(--wp-white);
    border-bottom: 1px solid var(--wp-white) !important
}

.field_support_section .team-content .field_button a:hover {
    color: rgb(var(--wp-grey));
    border-color: rgb(var(--wp-grey)) !important
}

.field_support_section .field_staff_member {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: auto
}

.field_support_section .field_staff_member>div {
    width: calc(100% / 5);
    aspect-ratio: 1/1;
    display: flex;
    align-items: flex-end
}

.field_support_section .field_staff_member>div a {
    pointer-events: none;
    cursor: unset
}

.field_support_section .field_staff_member>div:nth-child(3n+2) {
    background-color: rgba(255, 255, 255, 0.2)
}

.field_support_section .field_staff_member>div:nth-child(3n+1) {
    background-color: rgba(255, 255, 255, 0.5)
}

.field_support_section .field_staff_member>div img {
    margin: 0 auto;
    filter: grayscale(1);
    mix-blend-mode: multiply;
    transition: all .3s
}

.field_support_section .field_staff_member>div article:hover img {
    filter: grayscale(0);
    mix-blend-mode: unset
}

.field_support_section .field_staff_member>div.teams-logo {
    display: flex;
    justify-content: center;
    align-items: center
}

.field_support_section .field_staff_member>div:nth-child(6).teams-logo {
    /* background-color: #a9dbd8 */
    background-color: rgba(255, 255, 255, 0.6);
}

.field_support_section .field_staff_member>div:nth-child(14).teams-logo {
    background-color: #60777d
}

.field_support_section .field_staff_member>div.teams-logo article img {
    max-width: 96px;
    filter: unset;
    mix-blend-mode: unset
}

@media screen and (max-width:1280px) {
    .field_support_section .team-content {
        padding-left: max(calc((100% - 1080px) / 2), 50px);
        padding-block: 70px 70px
    }
}

@media screen and (max-width:1080px) {
    .field_support_section .team-content {
        width: 100%;
        padding-inline: max(calc((100% - 1080px) / 2), 50px);
        padding-block: 40px 40px
    }

    .field_support_section .field_staff_member {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .field_support_section .team-content {
        padding-inline: max(calc((100% - 640px) / 2), 30px)
    }

    .field_support_section .team-content .field_button a {
        margin-top: 30px
    }

    .field_support_section .field_staff_member>div.teams-logo article img {
        max-width: 50px
    }
}

@media screen and (max-width:480px) {
    .field_support_section .field_staff_member>div {
        width: calc(100% / 3)
    }

    .field_support_section .field_staff_member>div:nth-child(1) {
        order: 1
    }

    .field_support_section .field_staff_member>div:nth-child(2) {
        order: 2
    }

    .field_support_section .field_staff_member>div:nth-child(3) {
        order: 3
    }

    .field_support_section .field_staff_member>div:nth-child(4) {
        order: 4
    }

    .field_support_section .field_staff_member>div:nth-child(5) {
        order: 5
    }

    .field_support_section .field_staff_member>div:nth-child(6) {
        order: 7
    }

    .field_support_section .field_staff_member>div:nth-child(7) {
        order: 6
    }

    .field_support_section .field_staff_member>div:nth-child(8) {
        order: 8
    }

    .field_support_section .field_staff_member>div:nth-child(9) {
        order: 9
    }

    .field_support_section .field_staff_member>div:nth-child(10) {
        order: 10
    }

    .field_support_section .field_staff_member>div:nth-child(11) {
        order: 11
    }

    .field_support_section .field_staff_member>div:nth-child(12) {
        order: 12
    }

    .field_support_section .field_staff_member>div:nth-child(13) {
        order: 13
    }

    .field_support_section .field_staff_member>div:nth-child(14) {
        order: 14
    }

    .field_support_section .field_staff_member>div:nth-child(15) {
        order: 15
    }
}

.show-platforms {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 125px;
    display: none
}

.show-platforms:has(.platforms-area-widget) {
    display: block
}

.show-platforms .wp-logo {
    display: none
}

.show-platforms .custom-body {
    margin-top: 35px;
    max-width: 680px;
    margin-inline: auto
}

.show-platforms .platform-items {
    margin-top: 67px
}

.show-platforms .platform-items ul {
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
    grid-gap: 30px 100px
}

.show-platforms .platform-items ul li {
    padding: 0 !important
}

.show-platforms .platform-items ul li::before {
    display: none !important
}

.show-platforms .platform-items ul li img {
    max-width: 265px;
    object-fit: contain
}

@media screen and (max-width:1280px) {
    .show-platforms {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .show-platforms .platform-items ul {
        grid-gap: 30px 50px;
        align-items: center
    }

    .show-platforms .platform-items ul li img {
        max-width: 180px
    }
}

@media screen and (max-width:767px) {
    .show-platforms {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .show-platforms .platform-items {
        margin-top: 40px
    }

    .show-platforms .platform-items ul {
        grid-gap: 30px 30px;
        align-items: center
    }

    .show-platforms .platform-items ul li img {
        max-width: 120px
    }
}

@media screen and (max-width:480px) {
    .show-platforms .platform-items ul {
        flex-wrap: wrap
    }
}

.top-body-area {
    padding-top: 90px;
    padding-bottom: 83px
}

.top-body-area img.wp-logo {
    margin: 0 auto;
    margin-bottom: 25px;
    max-width: 78px
}

.top-body-area .field_body_title {
    max-width: 1315px;
    margin: 0 auto 0;
    text-align: center;
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important;
    color: rgb(var(--wp-grey))
}

.top-body-area .field_body :is(h2, h3, h4, h5, h6, p):not(:first-child) {
    margin-top: 27px
}

.top-body-area .field_body {
    max-width: 1130px;
    margin: 26px auto 0;
    text-align: center
}

body:is(.node-1392) .top-body-area .field_body_title,
body:is(.node-2178) .top-body-area .field_body_title {
    margin-inline: 0;
    text-align: left
}

body:is(.node-1364, .node-1406, .node-1375, .node-1830, .node-1832, .node-1833) .top-body-area .field_body p {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

@media screen and (max-width:1280px) {
    .top-body-area {
        padding-top: 48px;
        padding-bottom: 37px
    }

    .top-body-area img.wp-logo {
        max-width: 37px
    }

    .top-body-area .field_body_title {
        width: min(610px, calc(100% - 60px));
        max-width: unset
    }

    .top-body-area .field_body {
        margin-top: 13px;
        width: min(660px, calc(100% - 60px));
        max-width: unset
    }
}

@media screen and (max-width:767px) {
    .top-body-area img.wp-logo {
        max-width: 27px
    }
}

@media screen and (max-width:640px) {
    .top-body-area .field_body {
        margin-top: 34px;
        width: min(335px, calc(100% - 60px))
    }
}

.header-top-area {
    padding-top: 90px;
    padding-bottom: 83px
}

.header-top-area img.wp-logo {
    margin: 0 auto;
    max-width: 78px
}

.header-top-area .field_header_title {
    max-width: 1315px;
    margin: 25px auto 0;
    text-align: center;
    color: rgb(var(--wp-grey));
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

.header-top-area.field_body p:not(:first-child) {
    margin-top: 27px
}

.header-top-area.field_body {
    max-width: 1130px;
    margin: 26px auto 0;
    text-align: center
}

.header-image-n-body {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 30px 47px;
    max-width: 1290px;
    margin: 49px auto 0
}

.field_header_image {
    max-width: 730px
}

.field_header_body {
    max-width: 500px
}

.field_header_body p {
    font-size: 28px !important;
    line-height: 37px;
    font-weight: 400 !important
}

.field_header_body .enquire-now-btn {
    margin-top: 42px;
    min-width: 222px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white);
    cursor: pointer
}

.field_header_body .enquire-now-btn:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {
    .header-top-area {
        padding-top: 48px;
        padding-bottom: 37px
    }

    .header-top-area .field_header_title {
        width: min(610px, calc(100% - 60px));
        max-width: unset
    }

    .header-top-area .field_body {
        margin-top: 13px;
        width: min(660px, calc(100% - 60px));
        max-width: unset
    }

    .header-top-area img.wp-logo {
        max-width: 37px;
        margin-bottom: 15px
    }

    .field_header_image {
        width: calc(100% - 375px - 47px);
        overflow: hidden
    }

    .header-image-n-body {
        padding-inline: 30px
    }

    .field_header_body p {
        font-size: 20px !important;
        line-height: 28px
    }

    .field_header_body .enquire-now-btn {
        margin-top: 30px;
        min-width: auto
    }
}

@media screen and (max-width:767px) {
    .header-image-n-body {
        margin-top: 40px
    }

    .header-image-n-body {
        flex-wrap: wrap;
        flex-direction: column
    }

    .header-top-area .field_body {
        width: 100%
    }

    .header-top-area img.wp-logo {
        max-width: 27px
    }

    .field_header_image {
        width: 100%;
        max-width: 300px
    }

    .field_header_body {
        text-align: center
    }

    body:is(.node-type-service-landing-page) .header-image-n-body .field_header_body {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    body:is(.node-type-service-landing-page) .header-image-n-body .field_body {
        order: 2;
        margin-top: 30px
    }

    body:is(.node-type-service-landing-page) .header-image-n-body .field_header_body .enquire-now-btn {
        order: 1;
        margin-top: 0
    }
}

@media screen and (max-width:640px) {
    .header-top-area .field_body {
        margin-top: 34px
    }
}

.sector-icons-slider {
    margin-top: 80px;
    position: relative
}

.sector-icons-slider .sector-icons-item {
    text-align: center;
    cursor: pointer
}

.sector-icons-slider .sector-icons-item .section-title {
    display: block;
    font-size: 20px;
    letter-spacing: -0.10px;
    text-transform: uppercase;
    position: relative;
    width: min-content;
    margin-inline: auto;
    padding-bottom: 3px
}

.sector-icons-slider .owl-item:not(.center) .sector-icons-item .section-title {
    /* white-space: nowrap; */
}

.sector-icons-slider .sector-icons-item .section-title::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s
}

.sector-icons-slider .sector-icons-item:hover .section-title::after,
.sector-icons-slider .owl-item.center .sector-icons-item .section-title::after {
    background-color: var(--underline-color)
}

.sector-icons-slider .owl-item:not(.center) .sector-icons-item .inner-section {
    transform: scale(0.7);
    transform-origin: top left
}

.sector-icons-slider .owl-item.center~.owl-item .sector-icons-item .inner-section {
    transform-origin: top right
}

.sector-icons-slider .owl-item:not(.center) .sector-icons-item .inner-section img {
    margin: 0 auto;
    transition: all .3s
}

.sector-icons-slider .owl-item:not(.center) .sector-icons-item .section-title {
    font-size: 18px;
    transform: scale(1.3);
    transition: all .3s
}

.sector-icons-slider .owl-item:not(.center) .sector-icons-item {
    padding-top: 20px
}

.sector-icons-slider .owl-stage-outer::after {
    content: '';
    width: 100px;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: var(--wp-white);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 1) 100%)
}

.sector-icons-slider .owl-stage-outer::before {
    content: '';
    width: 100px;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--wp-white);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.5) 41%, rgba(255, 255, 255, 0) 100%)
}

.sector-icons-slider.owl-theme .owl-nav {
    display: flex;
    justify-content: space-between;
    height: 0;
    margin: 0;
    position: absolute;
    top: calc(50% - 80px);
    inset-inline: max(calc(((100% - 1455px) / 2) - 103px), 50px);
    transform: translateY(-50%)
}

.sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next) {
    width: 42px;
    height: 42px;
    border-radius: 50% !important;
    background-color: rgba(var(--wp-grey), 0.10) !important;
    font-size: 16px !important;
    color: rgb(var(--wp-grey)) !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all .3s
}

.sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next)::before {
    content: '';
    display: block;
    background-color: var(--grey);
    position: absolute;
    inset: -9px;
    border-radius: 50%;
    opacity: .5;
    z-index: -1;
    transition: all .3s
}

.sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next):hover {
    background-color: var(--main-highlight-color) !important;
    color: var(--wp-white) !important
}

.sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next):hover::before {
    background-color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {
    .sector-icons-slider {
        margin-top: 50px
    }
}

@media screen and (max-width:820px) {
    .sector-icons-slider {
        padding-inline: 0
    }

    .sector-icons-slider .owl-item:not(.center) .sector-icons-item {
        padding-top: 0
    }

    .sector-icons-slider .sector-icons-item .section-title {
        font-size: 34px;
        line-height: 45px
    }

    .sector-icons-slider .owl-item:not(.center) .sector-icons-item .inner-section .section-title {
        display: none
    }

    .sector-icons-slider .owl-item:not(.center) .sector-icons-item .inner-section {
        transform: scale(0.7);
        transform-origin: center right
    }

    .sector-icons-slider .owl-item:is(.center)~.owl-item .sector-icons-item .inner-section {
        transform: scale(0.7);
        transform-origin: center left
    }

    .sector-icons-slider.owl-theme .owl-nav {
        width: auto;
        inset-inline: 23px
    }

    .sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next) {
        background-color: transparent !important;
        font-size: 35px !important;
        padding: 0 !important;
        height: unset;
        width: unset;
        color: rgb(var(--wp-grey)) !important
    }

    .sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next):hover {
        color: var(--main-highlight-color) !important
    }

    .sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next)::before {
        display: none
    }

    .sector-icons-slider.owl-theme .owl-dots {
        margin-top: 30px
    }

    .sector-icons-slider .owl-stage-outer::after {
        width: 70px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 1) 100%)
    }

    .sector-icons-slider .owl-stage-outer::before {
        width: 70px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%)
    }
}

@media screen and (max-width:767px) {
    .sector-icons-slider.owl-theme .owl-nav {
        width: auto;
        inset-inline: 13px
    }
}

@media screen and (max-width:640px) {
    .sector-icons-slider .sector-icons-item .section-title {
        font-size: 20px;
        line-height: 40px
    }

    .sector-icons-slider.owl-theme .owl-nav {
        top: calc(50% - 50px)
    }

    .sector-icons-slider.owl-theme .owl-nav :where(.owl-prev, .owl-next) {
        font-size: 25px !important
    }

    .sector-icons-slider.owl-theme .owl-nav {
        inset-block: auto 19px !important
    }
}

@media screen and (max-width:480px) {
    .sector-icons-slider .sector-icons-item .section-title {
        font-size: 18px;
        line-height: 30px
    }

    .sector-icons-slider.owl-theme .owl-nav {
        top: calc(50% - 64px)
    }
}

.home-page-sector-panel .home-page-sector-panel-row {
    display: flex;
    flex-wrap: wrap
}

.home-page-sector-panel:nth-child(even) .home-page-sector-panel-row {
    flex-direction: row-reverse
}

.home-page-sector-panel .home-page-sector-panel-row .img-block {
    width: 50%
}

.home-page-sector-panel .home-page-sector-panel-row .img-block .field_image {
    height: 100%;
    position: relative
}

.home-page-sector-panel .home-page-sector-panel-row .img-block .field_image div {
    height: 100%
}

.home-page-sector-panel .home-page-sector-panel-row .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-page-sector-panel .home-page-sector-panel-row .body-block {
    width: 50%;
    padding: 50px 90px 50px;
    background-color: var(--light-grey)
}

@media screen and (min-width:1281px) {
    .home-page-sector-panel:nth-child(odd) .home-page-sector-panel-row .body-block {
        padding-right: max(calc((100% - 1455px) / 2), 100px)
    }

    .home-page-sector-panel:nth-child(even) .home-page-sector-panel-row .body-block {
        padding-left: max(calc((100% - 1455px) / 2), 100px)
    }
}

@media screen and (min-width:1081px) {
    .home-page-sector-panel .home-page-sector-panel-row .img-block .field_image {
        background-color: var(--block-color)
    }

    .home-page-sector-panel .home-page-sector-panel-row .img-block img {
        position: absolute;
        object-fit: contain
    }

    .field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block {
        padding: 0 70px 0 !important
    }
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
    display: none
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_subtitle {
    font-size: var(--h4);
    line-height: var(--h4-leading);
    color: var(--block-color)
}

.home-page-sector-panel .home-page-sector-panel-row .body-block h3 {
    color: #393e47
}

.home-page-sector-panel .home-page-sector-panel-row .body-block h3 b {
    font-weight: 600
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_body {
    margin-top: 25px;
    max-width: 630px
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_body :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 26px
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_body :where(ul, ol):not(:first-child) {
    margin-top: 8px
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_body ul li::before {
    background-color: var(--block-color, var(--main-highlight-color))
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_external_url a {
    background-color: var(--block-color, var(--main-highlight-color));
    border-color: var(--block-color, var(--main-highlight-color));
    color: #fff
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_external_url a:hover {
    background-color: transparent;
    color: var(--block-color, var(--main-highlight-color))
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont {
    margin-top: 40px
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont img {
    max-width: 330px
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    grid-gap: 30px 35px
}

.home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo img {
    display: block;
    max-width: 95px;
    max-width: 79px
}

.sector-slider-wrap .owl-dots {
    margin-top: 44px
}

@media screen and (max-width:1440px) {
    .home-page-sector-panel .home-page-sector-panel-row .body-block {
        padding: 60px 70px 60px
    }
}

@media screen and (max-width:1080px) {
    .field_home_page_sectors {
        padding-block: 29px 34px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .img-block {
        display: none
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block {
        width: 100%;
        padding: 20px 50px 20px;
        display: flex;
        flex-direction: column;
        background-color: var(--wp-white)
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block h3 {
        order: 1;
        position: relative;
        cursor: pointer;
        user-select: none
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block h3::after {
        content: '\f054';
        font-family: "Font Awesome 6 Pro";
        color: rgb(var(--wp-grey));
        font-weight: 100;
        font-size: 35px;
        position: absolute;
        right: 0;
        top: 15px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel.open .home-page-sector-panel-row .body-block h3::after {
        content: '\f107'
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_subtitle {
        order: 2;
        cursor: pointer;
        user-select: none
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
        display: block;
        order: 3;
        margin-top: 37px;
        margin-inline: -50px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body {
        margin-top: 56px;
        order: 4
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont {
        order: 5;
        margin-top: 53px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont img {
        max-width: 245px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo {
        order: 6;
        margin-top: 36px;
        padding-bottom: 65px;
        border-bottom: 1px solid #ccc
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo img {
        max-width: 67px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel:not(.open) .home-page-sector-panel-row .body-block>:not(h3, .field_subtitle) {
        display: none
    }
}

@media screen and (max-width:767px) {
    .field_home_page_sectors {
        padding-block: 16px 26px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block {
        padding: 16px 30px 16px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
        margin-top: 23px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
        margin-inline: -30px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body {
        margin-top: 43px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 12px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont {
        margin-top: 24px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo {
        margin-top: 34px;
        padding-bottom: 43px;
        grid-gap: 15px 20px
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block h3::after {
        font-size: 20px
    }
}

@media screen and (max-width:375px) {
    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo img {
        max-width: 53px
    }
}

@media screen and (max-width:365px) {
    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo {
        grid-gap: 15px 10px;
        align-items: center
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_external_url a {
        padding-block: 6px;
        padding-inline: 10px;
        font-size: 10px !important
    }

    :is(.field_home_page_sectors) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo img {
        max-width: 40px
    }
}

.other-sectors-title #block-othersectors {
    padding-top: 100px;
    background-color: var(--light-grey);
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 0 20px
}

.field_sector_slider {
    background-color: var(--light-grey);
    padding-top: 75px;
    padding-bottom: 88px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block {
    padding: 84px 70px 120px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body {
    margin-top: 18px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block h3,
.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block .field_subtitle {
    font-size: 37px !important;
    line-height: 48px !important
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block :where(p, li) {
    font-size: 12px !important;
    line-height: 21px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block li {
    padding-left: 22px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 20px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block .field_external_url a {
    font-size: 12px !important;
    padding: 6px 15px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont {
    margin-top: 25px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont img {
    max-width: 280px;
    height: auto
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo img {
    max-width: 76px
}

.field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block li::before {
    top: 5px
}

@media screen and (max-width:1280px) {
    .field_sector_slider .home-page-sector-panel .home-page-sector-panel-row .body-block {
        padding: 40px 30px 40px
    }

    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav {
        top: 35%;
        inset-inline: -44px
    }
}

@media screen and (max-width:1080px) {
    .other-sectors-title #block-othersectors {
        padding-top: 40px
    }

    .field_sector_slider {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav {
        top: 165px;
        inset-inline: -23px;
        aspect-ratio: 1 / 1;
        height: auto
    }

    .sector-slider-wrap .owl-dots {
        margin-top: 30px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block {
        width: 100%;
        padding: 30px 50px 40px;
        display: flex;
        flex-direction: column;
        background-color: var(--wp-white)
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .img-block {
        display: none
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block h3 {
        order: 1;
        position: relative;
        cursor: pointer;
        user-select: none
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
        display: block;
        order: 3;
        margin-top: 37px;
        margin-inline: -50px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_subtitle {
        order: 2;
        cursor: pointer;
        user-select: none
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body {
        margin-top: 56px;
        order: 4
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont {
        order: 5;
        margin-top: 53px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo {
        order: 6;
        margin-top: 36px
    }
}

@media screen and (max-width:767px) {
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav {
        top: 195px;
        inset-inline: -23px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block {
        padding: 30px 30px 40px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
        margin-top: 23px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
        margin-inline: -30px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body {
        margin-top: 43px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 12px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_icont {
        margin-top: 24px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo {
        margin-top: 34px;
        grid-gap: 15px 20px
    }
}

@media screen and (max-width:480px) {
    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo img {
        max-width: 53px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_body {
        margin-top: 15px
    }
}

@media screen and (max-width:420px) {
    .field_sector_slider .sector-slider-wrap.owl-theme .owl-nav {
        top: 85px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block {
        padding: 15px 15px 15px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block h3,
    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_subtitle {
        font-size: 20px !important;
        line-height: 1.2 !important
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .body-block-img {
        margin-top: 15px;
        margin-inline: -15px
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo {
        margin-top: 25px;
        grid-gap: 15px 10px;
        align-items: center
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .field_external_url a {
        padding-block: 6px;
        padding-inline: 10px;
        font-size: 9px !important
    }

    :is(.field_sector_slider) .home-page-sector-panel .home-page-sector-panel-row .body-block .groupbuttonandlogo img {
        max-width: 30px
    }
}

.webpro-support-block {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    display: none;
    flex-wrap: wrap;
    grid-gap: 30px 165px;
    padding-block: 80px 90px
}

.webpro-support-block .body-block {
    width: calc(100% - 576px - 165px);
    max-width: 625px
}

.webpro-support-block .body-block .field_body2_subtitle {
    font-size: var(--h3);
    line-height: var(--h3-leading)
}

.webpro-support-block .body-block .field_body2_body {
    margin-top: 30px
}

.webpro-support-block .field_body2_image_upload img {
    max-width: 576px
}

.webpro-support-block .body-block .field_body2_body a {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight);
    color: var(--wp-white);
    text-decoration: none;
    margin-top: 26px;
    display: block;
    transition: all .3s
}

.webpro-support-block .body-block .field_body2_body a~a {
    font-size: 25px;
    line-height: 26px;
    font-weight: 400;
    color: var(--wp-white);
    text-decoration: none;
    margin-top: 3px
}

.webpro-support-block .body-block .field_body2_body a:hover {
    color: rgb(var(--wp-grey))
}

@media screen and (max-width:1580px) {
    .webpro-support-block {
        grid-gap: 30px 0;
        justify-content: space-between
    }

    .webpro-support-block .body-block {
        width: calc(100% - 576px - 30px)
    }
}

@media screen and (max-width:1440px) {
    .webpro-support-block .body-block {
        width: calc(100% - 400px - 30px)
    }

    .webpro-support-block .field_body2_image_upload img {
        max-width: 400px
    }
}

@media screen and (max-width:1280px) {
    .webpro-support-block {
        padding-block: 50px 63px
    }

    .webpro-support-block .body-block {
        width: 100%;
        max-width: unset
    }

    .webpro-support-block .field_body2_image_upload {
        display: none
    }

    .webpro-support-block .body-block .field_body2_body a {
        margin-top: 38px;
        font-size: 30px;
        line-height: initial
    }

    .webpro-support-block .body-block .field_body2_body a~a {
        font-size: 30px;
        line-height: initial
    }
}

@media screen and (max-width:768px) {
    .webpro-support-block {
        padding-block: 43px 45px
    }

    .webpro-support-block .body-block .field_body2_body {
        margin-top: 22px
    }

    .webpro-support-block .body-block .field_body2_body a {
        margin-top: 31px;
        font-size: 20px
    }

    .webpro-support-block .body-block .field_body2_body a~a {
        font-size: 20px
    }
}

.case-studies-block {
    padding-block: 90px 145px
}

.case-studies-block .field-case-studies-title {
    display: flex;
    align-items: center;
    grid-gap: 0 20px
}

.case-studies-block .case-studies-content {
    margin-top: 70px;
    display: flex
}

.case-studies-block .content-section-case-study {
    width: 340px;
    padding-right: 15px
}

.case-studies-block .content-section-case-study .field_intro_text {
    max-width: 270px
}

.case-studies-block .content-section-case-study .field_link_text {
    margin-top: 35px
}

.case-studies-block .case-studies-slider-wrap {
    width: calc(100% - 340px)
}

.case-studies-block .latest-cases-study {
    display: flex
}

.case-studies-block .latest-cases-study .latest-case-item {
    flex: 1;
    padding: 0 40px;
    border-left: 2px solid var(--grey)
}

.case-studies-block .latest-cases-study .latest-case-item .inner-case {
    display: flex;
    flex-direction: column
}

.case-studies-block .latest-cases-study .latest-case-item .inner-case>a {
    text-decoration: none;
    color: inherit;
    transition: all .3s
}

.case-studies-block .latest-cases-study .latest-case-item .inner-case>a:hover {
    color: var(--main-highlight-color)
}

.case-studies-block .latest-cases-study .latest-case-item:last-child {
    padding-right: 0
}

.case-studies-block .latest-cases-study .latest-case-item .case-title {
    display: block;
    font-size: var(--h7);
    line-height: var(--h7-leading);
    margin-top: 50px
}

@media screen and (min-width:1281px) {
    .case-studies-block .latest-cases-study .latest-case-item .case-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.case-studies-block .latest-cases-study .latest-case-item .case-title :where(strong, b) {
    font-weight: inherit
}

.case-studies-block .latest-cases-study .latest-case-item .button-wrap a {
    margin-top: 5px;
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important
}

.case-studies-block .latest-cases-study .latest-case-item .button-wrap a:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

@media screen and (min-width:1281px) {
    .case-studies-block .latest-cases-study .latest-case-item .case-title {
        min-height: 72px
    }
}

.case-studies-block .latest-cases-study .latest-case-item img {
    width: 100%;
    aspect-ratio: 473/358
}

.case-studies-block .case-studies-content .owl-custom-nav {
    display: none
}

@media screen and (max-width:1280px) {
    .case-studies-block {
        padding-block: 55px 90px
    }

    .case-studies-block .case-studies-content {
        margin-top: 33px;
        flex-wrap: wrap
    }

    .case-studies-block .content-section-case-study {
        width: 100%
    }

    .case-studies-block .content-section-case-study .field_intro_text {
        max-width: 610px
    }

    .case-studies-block .content-section-case-study .field_link_text {
        margin-top: 28px
    }

    .case-studies-block .case-studies-slider-wrap {
        margin-top: 72px;
        width: 100%;
        position: relative
    }

    .case-studies-block .latest-cases-study {
        width: max(calc(100% - 230px), 580px);
        margin-inline: auto;
        position: relative
    }

    .case-studies-block .latest-cases-study .latest-case-item {
        border: 0;
        padding: 0
    }

    .case-studies-block .latest-cases-study .latest-case-item .case-title {
        margin-top: 27px;
        max-width: 440px;
        font-size: var(--h4) !important;
        line-height: var(--h4-leading);
        font-weight: var(--h4-weight) !important
    }

    .case-studies-block .latest-cases-study .latest-case-item .button-wrap a {
        margin-top: 18px
    }

    .case-studies-block .case-studies-content .owl-custom-nav {
        display: flex;
        top: calc(50%+40px);
        inset-inline: -23px
    }

    .latest-cases-study.owl-theme .owl-nav {
        top: calc(50%+15px);
        inset-inline: -54px
    }

    .case-studies-block .case-studies-content .owl-custom-nav {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .case-studies-block {
        padding-block: 44px 55px
    }

    .case-studies-block .case-studies-slider-wrap {
        margin-top: 35px
    }

    .case-studies-block .latest-cases-study {
        width: min(calc(100% - 40px), 580px)
    }

    .latest-cases-study.owl-theme .owl-nav {
        inset-inline: -43px
    }
}

.guides-block {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    padding-block: 90px 60px
}

.guides-block .field-case-studies-title {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 0 20px
}

.guides-block .field_intro_text {
    max-width: 830px;
    margin: 19px auto 0;
    text-align: center
}

.guides-block .field_link_text {
    display: block;
    max-width: 142px;
    margin: 30px auto 0
}

.guides-block .field_link_text .case-link {
    color: var(--wp-white) !important;
    transition: all .3s;
    text-decoration: none
}

.guides-block .field_link_text .case-link:hover {
    color: rgb(var(--wp-grey)) !important
}

.guides-block .latest-guides {
    margin: 40px auto 0;
    max-width: 1420px
}

.guides-block .latest-guides .latest-guide-item {
    height: 100%;
    background-color: #fff;
    color: rgb(var(--wp-grey));
    padding: 30px;
    box-shadow: 5px 5px 16px 5px rgba(0, 0, 0, 0.25)
}

.guides-block .latest-guides .latest-guide-item .guide-title {
    display: block;
    font-size: var(--h5);
    line-height: var(--h5-leading);
    font-weight: 500
}

.guides-block .latest-guides .latest-guide-item .guide-link {
    font-size: 16px;
    font-weight: 600;
    color: var(--main-highlight-color);
    text-decoration: none;
    margin-top: 5px;
    display: inline-block
}

.guides-block .latest-guides .latest-guide-item img {
    max-width: 210px;
    max-height: 150px;
    object-fit: contain;
    margin: 25px auto 0
}

.guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav {
    display: flex;
    inset-inline: 50px
}

.guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav :where(.owl-prev, .owl-next) {
    border-color: var(--wp-white);
    color: var(--wp-white)
}

.guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav :where(.owl-prev, .owl-next):hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color)
}

.guides-block .latest-guides .owl-dots {
    position: unset !important;
    display: block !important;
    margin-top: 40px !important
}

.guides-block .latest-guides .owl-stage {
    display: flex
}

.guides-block .latest-guides .owl-item {
    padding: 20px 0;
    opacity: 0
}

.guides-block .latest-guides .latest-guide-item {
    opacity: .5;
    transform: scale(0.7);
    transition: transform .3s
}

.guides-block .latest-guides .owl-item.active {
    opacity: 1
}

.guides-block .latest-guides .owl-item.prev-1 .latest-guide-item,
.guides-block .latest-guides .owl-item.next-1 .latest-guide-item {
    transform: scale(0.8)
}

.guides-block .latest-guides .owl-item.prev-2 .latest-guide-item,
.guides-block .latest-guides .owl-item.next-2 .latest-guide-item {
    transform: scale(0.6)
}

.guides-block .latest-guides .owl-item.prev-2 .latest-guide-item {
    transform-origin: right
}

.guides-block .latest-guides .owl-item.next-2 .latest-guide-item {
    transform-origin: left
}

.guides-block .latest-guides .owl-item.center .latest-guide-item {
    opacity: 1;
    transform: scale(1)
}

.guides-block .latest-guides .latest-guides-slider.owl-theme.no-control .owl-nav.disabled,
.guides-block .latest-guides .latest-guides-slider.owl-theme.no-control .owl-dots.disabled {
    display: none !important
}

@media screen and (max-width:1439px) {
    .guides-block .latest-guides-slider {
        max-width: 1000px;
        margin-inline: auto
    }

    .guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav {
        inset-inline: -50px
    }
}

@media screen and (max-width:1280px) {
    .guides-block {
        padding-block: 72px 51px
    }

    .guides-block .field-case-studies-title {
        justify-content: flex-start
    }

    .guides-block .field_intro_text {
        margin-left: 0;
        text-align: left
    }

    .guides-block .field_link_text {
        display: inline-block
    }

    .guides-block .latest-guides {
        margin: 22px auto 0
    }

    .guides-block .latest-guides-slider {
        margin-inline: auto
    }

    .guides-block .latest-guides .latest-guide-item {
        padding: 25px 25px
    }

    .guides-block .latest-guides .owl-dots {
        margin-top: 23px !important
    }

    .guides-block .latest-guides .latest-guide-item .guide-link {
        font-size: 13px
    }

    .guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav {
        inset-inline: -23px
    }
}

@media screen and (max-width:767px) {
    .guides-block .field_link_text {
        margin-top: 20px
    }

    .guides-block .latest-guides {
        margin: 30px auto 0
    }

    .guides-block .latest-guides .owl-item.prev-2 .latest-guide-item,
    .guides-block .latest-guides .owl-item.next-2 .latest-guide-item {
        transform: scale(1)
    }

    .guides-block .latest-guides .owl-item.prev-1 .latest-guide-item,
    .guides-block .latest-guides .owl-item.next-1 .latest-guide-item {
        transform: scale(1)
    }

    .guides-block .latest-guides .owl-item.center .latest-guide-item {
        max-width: 250px;
        margin: 0 auto
    }

    .guides-block .latest-guides .owl-nav-vr-center.owl-theme .owl-nav {
        inset-inline: -22px
    }
}

#block-testimonialwidgetblock {
    padding-block: 105px 67px
}

#block-testimonialwidgetblock .testimonial-widget-details {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

#block-testimonialwidgetblock .testimonial-widget-details .left-img-details {
    position: relative;
    right: -30px;
    z-index: 1
}

#block-testimonialwidgetblock .testimonial-widget-details .right-img-details {
    position: relative;
    left: -30px;
    z-index: 1
}

#block-testimonialwidgetblock .testimonial-widget-details :where(.left-img-details, .right-img-details) {
    max-width: 244px
}

#block-testimonialwidgetblock .testimonial-content {
    border: 1px solid rgb(var(--wp-grey));
    width: 100%;
    max-width: 920px;
    text-align: center;
    position: relative;
    padding: 61px 30px 36px
}

#block-testimonialwidgetblock .testimonial-content .testimonial-md-img {
    display: none
}

#block-testimonialwidgetblock .testimonial-slider:not(.owl-theme)>.testimonial-item:not(:first-child) {
    display: none
}

#block-testimonialwidgetblock .testimonial-content .testimonial-body {
    max-width: 785px;
    margin: 0 auto
}

#block-testimonialwidgetblock .testimonial-content .testimonial-body p {
    font-size: 16px !important;
    line-height: 27px
}

#block-testimonialwidgetblock .testimonial-content :where(.testimonial-contact-name, .testimonial-company-name) {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600
}

#block-testimonialwidgetblock .testimonial-content .testimonial-contact-name {
    margin-top: 26px;
    color: var(--main-highlight-color)
}

#block-testimonialwidgetblock .testimonial-content .wp-logo-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgb(var(--wp-grey));
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -20px;
    inset-inline: 0;
    margin: 0 auto;
    background-color: #fff
}

#block-testimonialwidgetblock .testimonial-content .wp-logo-icon img {
    max-width: 30px;
    align-self: center
}

#block-testimonialwidgetblock .google-reviews-widget {
    text-align: center
}

#block-testimonialwidgetblock .google-reviews-widget h3 {
    margin-block: 53px 27px;
    font-size: var(--h6) !important;
    line-height: var(--h6-leading);
    font-weight: 600 !important
}

@media screen and (max-width:1280px) {
    #block-testimonialwidgetblock {
        padding-block: 95px 28px
    }

    #block-testimonialwidgetblock .testimonial-content .testimonial-contact-name {
        margin-top: 15px
    }

    #block-testimonialwidgetblock .testimonial-content .testimonial-body p {
        font-size: 14px !important;
        line-height: 25px
    }

    #block-testimonialwidgetblock .testimonial-content :where(.testimonial-contact-name, .testimonial-company-name) {
        font-size: 14px;
        line-height: 25px
    }

    #block-testimonialwidgetblock .testimonial-content .testimonial-company-name {
        margin-top: 0
    }

    #block-testimonialwidgetblock .testimonial-content .testimonial-md-img {
        display: block;
        margin: 0 auto 19px;
        max-width: 180px
    }

    #block-testimonialwidgetblock .testimonial-widget-details :where(.left-img-details, .right-img-details) {
        display: none
    }

    #block-testimonialwidgetblock .testimonial-content {
        width: max(calc(100% - 230px), 580px);
        margin-inline: auto
    }

    #block-testimonialwidgetblock .google-reviews-widget h3 {
        margin-block: 36px 19px
    }

    .testimonial-slider.owl-theme .owl-nav {
        inset-inline: calc(-54px - 30px);
        top: calc(50% - 100px)
    }
}

@media screen and (max-width:767px) {
    #block-testimonialwidgetblock {
        padding-block: 67px 47px
    }

    #block-testimonialwidgetblock .testimonial-content {
        padding: 61px 30px 26px
    }

    #block-testimonialwidgetblock .testimonial-content .testimonial-contact-name {
        margin-top: 15px
    }

    #block-testimonialwidgetblock .testimonial-content .testimonial-body p {
        font-size: 12px !important;
        line-height: 21px
    }

    #block-testimonialwidgetblock .testimonial-content :where(.testimonial-contact-name, .testimonial-company-name) {
        font-size: 14px;
        line-height: 22px
    }

    #block-testimonialwidgetblock .testimonial-content .testimonial-md-img {
        max-width: 165px;
        margin: 0 auto 32px
    }

    #block-testimonialwidgetblock .google-reviews-widget h3 {
        max-width: 330px;
        margin-block: 36px 8px;
        margin-inline: auto
    }

    #block-testimonialwidgetblock .testimonial-widget-details :where(.left-img-details, .right-img-details) {
        display: none
    }

    .testimonial-slider.owl-theme .owl-nav {
        inset-inline: calc(-40px - 30px)
    }
}

.latest-videos-widget-area {
    background-color: var(--grey);
    padding-block: 75px 130px
}

.latest-videos-widget-area .latest-vidoes-header #block-latestvideoswidgetblock,
.latest-videos-widget-area.from-listing-page-widget .latest-vidoes-header #block-latestvideoswidgetblock--2,
.title-with-logo {
    display: flex;
    align-items: center;
    grid-gap: 0 20px
}

.latest-videos-widget-area .latest-vidoes-header #block-latestvideoswidgetblock .vidoes-widget-link,
.latest-videos-widget-area.from-listing-page-widget .latest-vidoes-header #block-latestvideoswidgetblock--2 .vidoes-widget-link {
    display: none
}

.latest-videos-widget-area .paragraph--type--videos {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap
}

.latest-videos-widget-area .paragraph--type--videos .video-content {
    width: 455px;
    padding-right: 30px
}

.latest-videos-widget-area .paragraph--type--videos .video-content #block-latestvideoswidgetblock--2 .wp-wrap-logo,
.latest-videos-widget-area .paragraph--type--videos .video-content #block-latestvideoswidgetblock--2 h3,
.latest-videos-widget-area.from-listing-page-widget .paragraph--type--videos .video-content #block-latestvideoswidgetblock .wp-wrap-logo,
.latest-videos-widget-area.from-listing-page-widget .paragraph--type--videos .video-content #block-latestvideoswidgetblock h3 {
    display: none
}

.latest-videos-widget-area .paragraph--type--videos .video-content #block-latestvideoswidgetblock .wp-wrap-logo,
.latest-videos-widget-area .paragraph--type--videos .video-content #block-latestvideoswidgetblock h3 {
    display: none
}

.latest-videos-widget-area .paragraph--type--videos .video-content .field_title {
    margin-top: 78px;
    font-size: var(--h7);
    line-height: var(--h7-leading);
    max-width: 310px
}

.latest-videos-widget-area .paragraph--type--videos .video-content .field_intro_text {
    max-width: 376px;
    margin-top: 21px
}

.latest-videos-widget-area .paragraph--type--videos .video-section-wrap {
    width: calc(100% - 455px)
}

.latest-videos-widget-area .video-section .single-video .youtube-container {
    position: relative;
    width: 100%;
    aspect-ratio: 308/491
}

.latest-videos-widget-area .video-section .single-video iframe {
    width: 100%;
    height: 100%
}

.latest-videos-widget-area .video-section .owl-item .single-video::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    margin-top: 8px
}

.latest-videos-widget-area .video-section .owl-item:is(.active) .single-video::after {
    background-color: var(--main-highlight-color)
}

.latest-videos-widget-area .video-section .owl-item:is(.active)~.owl-item:is(.active) .single-video::after {
    background-color: transparent
}

.latest-videos-widget-area .custom-owl-nav {
    display: none
}

.latest-videos-widget-area .video-section-wrap .owl-custom-nav {
    display: none
}

.latest-videos-widget-area .video-content .field_intro_text~.custom-owl-nav {
    display: flex;
    grid-gap: 0 15px;
    margin-top: 58px
}

.latest-videos-widget-area .video-content .field_intro_text~.custom-owl-nav.disabled {
    display: none
}

.video-play-btn {
    display: none
}

.latest-videos-widget-area .paragraph--type--videos .video-section .field_video article {
    position: relative
}

.latest-videos-widget-area .paragraph--type--videos .video-section .field_video .field_thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 169/270
}

.latest-videos-widget-area .paragraph--type--videos .video-section .field_video .video-popup {
    display: none
}

.latest-videos-widget-area .paragraph--type--videos .video-section .field_video article .field_page_title {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 14px;
    transition: all .3s;
    opacity: 0;
    visibility: hidden
}

.latest-videos-widget-area .paragraph--type--videos .video-section .field_video article:hover .field_page_title {
    opacity: 1;
    visibility: visible
}

.latest-videos-widget-area .youtube-link-fancy {
    width: 95px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--wp-white);
    border-radius: 50%;
    position: absolute;
    inset: 0;
    margin: auto;
    font-size: 45px;
    color: var(--wp-white);
    text-decoration: none;
    transition: all .3s
}

.latest-videos-widget-area .youtube-link-fancy:hover {
    border-color: rgb(var(--wp-grey));
    color: rgb(var(--wp-grey))
}

.latest-videos-widget-area .youtube-link-fancy::after {
    content: '\f04b';
    font-family: "Font Awesome 6 Sharp";
    font-weight: 900;
    position: relative;
    left: 3px
}

.latest-videos-widget-area .youtube-link-fancy img {
    display: none !important
}

.latest-videos-widget-area .video-section .owl-item .field_video::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    margin-top: 8px
}

.latest-videos-widget-area .video-section .owl-item:hover .field_video::after {
    background-color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {
    .latest-videos-widget-area {
        padding-block: 75px 100px
    }

    .latest-videos-widget-area .paragraph--type--videos {
        margin-top: 35px
    }

    .latest-videos-widget-area .paragraph--type--videos .video-content {
        width: 100%;
        padding-right: 0;
        display: flex;
        flex-direction: column
    }

    .latest-videos-widget-area .paragraph--type--videos .video-content .field_title {
        display: none
    }

    .latest-videos-widget-area .paragraph--type--videos .video-content .field_intro_text {
        order: 1;
        margin-top: 0;
        max-width: 600px
    }

    .latest-videos-widget-area .paragraph--type--videos .video-content #block-latestvideoswidgetblock--2,
    .latest-videos-widget-area.from-listing-page-widget .paragraph--type--videos .video-content #block-latestvideoswidgetblock,
    .latest-videos-widget-area .paragraph--type--videos .video-content #block-latestvideoswidgetblock {
        order: 2
    }

    .latest-videos-widget-area .video-content .field_intro_text~.custom-owl-nav {
        display: none
    }

    .latest-videos-widget-area .paragraph--type--videos .video-content .vidoes-widget-link {
        margin-top: 30px
    }

    .latest-videos-widget-area .paragraph--type--videos .video-section-wrap {
        width: 100%;
        margin-top: 55px;
        position: relative
    }

    .latest-videos-widget-area .paragraph--type--videos .video-section {
        width: max(calc(100% - 230px), 580px);
        margin-inline: auto
    }

    .latest-videos-widget-area .video-section .owl-item:is(.active) .single-video::after {
        display: none
    }

    .latest-videos-widget-area .video-section-wrap .owl-custom-nav {
        display: flex;
        top: 50%;
        inset-inline: -23px
    }
}

@media screen and (max-width:767px) {
    .latest-videos-widget-area {
        padding-block: 43px 55px
    }

    .latest-videos-widget-area .paragraph--type--videos {
        margin-top: 26px
    }

    .latest-videos-widget-area .paragraph--type--videos .video-content .vidoes-widget-link {
        margin-top: 14px
    }

    .latest-videos-widget-area .paragraph--type--videos .video-section {
        width: min(calc(100% - 60px), 580px)
    }

    .latest-videos-widget-area .paragraph--type--videos .video-section .single-video {
        max-width: 250px;
        margin-inline: auto
    }

    .latest-videos-widget-area .paragraph--type--videos .video-section {
        margin-top: 44px
    }

    .latest-video-slider.owl-theme .owl-nav {
        inset-inline: -40px
    }

    .latest-videos-widget-area .youtube-link-fancy {
        width: 85px;
        height: 85px;
        font-size: 45px
    }
}

:is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block {
    padding-block: 75px 70px
}

:is(.node-type-service-landing-page) .upcoming-events-block {
    padding-block: 0;
    padding-inline: 0 !important
}

:is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block h2 {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading) !important;
    font-weight: var(--h3-weight) !important
}

:is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group {
    margin-top: 45px
}

:is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-card {
    padding-bottom: 0;
    border-bottom: 0
}

@media screen and (max-width:1280px) {
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group {
        width: calc(100% - 46px);
        margin-inline: auto;
        padding-bottom: 0
    }

    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav {
        top: 23%;
        inset-inline: -44px
    }
}

@media screen and (max-width:767px) {
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block {
        padding-block: 40px 40px
    }

    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group {
        margin-top: 19px
    }

    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav {
        inset-inline: -44px
    }
}

@media screen and (max-width:374px) {
    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group {
        width: calc(100% - 20px)
    }

    :is(.node-type-home-page, .node-type-service-landing-page) .upcoming-events-block .event-items-group.owl-theme .owl-nav {
        inset-inline: -32px
    }
}

.field_cta_bottom,
.node-type-guides .body4-area {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    text-align: center;
    padding-block: 95px 105px
}

.field_cta_bottom .wp-wrap-logo,
.node-type-guides .body4-area .wp-logo {
    margin-inline: auto
}

.field_cta_bottom .field_intro_text,
.node-type-guides .body4-area .field_body4_body {
    margin-top: 33px
}

.field_cta_bottom .field_intro_text p,
.node-type-guides .body4-area .field_body4_body p {
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: 56px;
    letter-spacing: -0.10px
}

.field_cta_bottom .field_button a {
    margin-top: 40px;
    min-width: 251px;
    color: var(--block-color, var(--main-highlight-color)) !important
}

.field_cta_bottom .field_button a:hover {
    color: var(--wp-white) !important
}

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

    .field_cta_bottom,
    .node-type-guides .body4-area {
        padding-block: 66px 55px
    }

    .field_cta_bottom .field_intro_text,
    .node-type-guides .body4-area .field_body4_body {
        max-width: 580px;
        margin-top: 24px;
        margin-inline: auto
    }

    .field_cta_bottom .field_intro_text p,
    .node-type-guides .body4-area .field_body4_body p {
        font-size: 18px !important;
        font-weight: 300 !important;
        line-height: 28px;
        letter-spacing: .50px
    }

    .field_cta_bottom .field_button a {
        margin-top: 37px;
        min-width: 166px
    }
}

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

    .field_cta_bottom,
    .node-type-guides .body4-area {
        padding-block: 48px 49px
    }

    .field_cta_bottom .field_intro_text,
    .node-type-guides .body4-area .field_body4_body {
        max-width: 330px
    }

    .field_cta_bottom .field_intro_text p,
    .node-type-guides .body4-area .field_body4_body p {
        font-size: 14px !important;
        line-height: 23px;
        letter-spacing: .50px
    }
}

.messageMain {
    color: var(--wp-white);
    text-align: center;
    padding-block: 95px 105px
}

.messageMain .wp-wrap-logo {
    margin-inline: auto
}

.messageMain .msgSec p {
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: 56px;
    letter-spacing: -0.10px
}

.messageMain .btn2 {
    margin-top: 40px;
    min-width: 251px
}

@media screen and (max-width:1280px) {
    .messageMain {
        padding-block: 66px 55px
    }

    .messageMain .msgSec {
        max-width: 580px;
        margin-inline: auto
    }

    .messageMain .msgSec p {
        font-size: 18px !important;
        font-weight: 300 !important;
        line-height: 28px;
        letter-spacing: .50px
    }

    .messageMain .btn2 {
        margin-top: 37px;
        min-width: 166px
    }
}

@media screen and (max-width:1280px) {
    .messageMain {
        padding-block: 48px 49px
    }

    .messageMain .msgSec p {
        font-size: 14px !important;
        line-height: 23px;
        letter-spacing: .50px
    }
}

:where(.contact-strip-bottom, .contact-strip-top) {
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    padding-block: 30px !important
}

:where(.contact-strip-bottom, .contact-strip-top) .contact-details {
    display: flex;
    justify-content: space-around;
    align-items: center
}

:where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) {
    display: flex;
    align-items: center;
    grid-gap: 15px 30px
}

:where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--main-highlight-color);
    border-radius: 50%;
    font-size: 18px;
    font-weight: 300;
    color: var(--main-highlight-color)
}

:where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) img {
    display: inline-block
}

:where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a {
    display: inline-block;
    font-size: var(--h7) !important;
    line-height: 26px;
    color: var(--wp-white) !important;
    text-decoration: none;
    transition: all .3s
}

:where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a:hover {
    color: var(--main-highlight-color) !important
}

:where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a .md {
    display: none
}

@media screen and (max-width:1080px) {
    :where(.contact-strip-bottom, .contact-strip-top) {
        padding-block: 13px !important
    }

    :where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) {
        grid-gap: 15px 20px
    }

    :where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a .dd {
        display: none
    }

    :where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a .md {
        display: block
    }
}

@media screen and (max-width:767px) {
    :where(.contact-strip-bottom, .contact-strip-top) .contact-details:where(.phone-details, .email-details) img {
        width: 35px
    }

    :where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) i {
        width: 30px;
        height: 30px;
        font-size: 14px
    }
}

footer {
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    display: flex;
    flex-wrap: wrap;
    padding-block: 30px 40px
}

footer .awards .award-top-section {
    font-size: 10px;
    font-weight: 300;
    text-align: center
}

footer .awards .award-bottom-section {
    display: flex;
    display: flex;
    grid-gap: 0 5px
}

footer .awards .footer-logo {
    width: 64px
}

footer .wrapperInner {
    width: calc(100% - 134px);
    text-align: center;
    padding-top: 25px;
    margin-inline: auto
}

footer .footerInfo {
    margin-top: 15px
}

footer .footerInfo :where(span, a) {
    font-size: 14px;
    line-height: 16px;
    color: var(--wp-white);
    text-decoration: none
}

footer .footerInfo b {
    font-weight: normal;
    display: inline-block;
    margin: 0 10px
}

footer .social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 15px 25px
}

footer .social a {
    display: flex;
    width: 26px;
    height: 26px;
    background-color: var(--wp-white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: rgb(var(--wp-grey));
    transition: all .3s;
    text-decoration: none
}

footer .social a:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    text-decoration: none
}

footer .social a :where(span, svg) {
    position: relative
}

footer .social a svg.fa-linkedin-in {
    left: .5px;
    top: 1px
}

footer .social a svg.fa-instagram {
    left: .5px;
    top: .5px
}

footer .social a .fa-x-twitter {
    top: 1px
}

footer .social a .fa-medium {
    top: .5px
}

footer .footer-menu-wrapper {
    margin-top: 25px
}

footer .footer-menu-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    grid-gap: 15px 25px
}

footer .footer-menu-wrapper ul li a {
    font-size: 14px;
    line-height: 16px;
    color: var(--wp-white);
    text-decoration: none
}

footer a {
    transition: all .3s
}

footer a:hover {
    color: var(--main-highlight-color) !important
}

@media screen and (max-width:1080px) {
    footer {
        flex-direction: row-reverse;
        justify-content: flex-end;
        padding-block: 55px 40px
    }

    footer .wrapperInner {
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-top: 0
    }

    footer .footer-menu-wrapper {
        margin-top: 0
    }

    footer .social {
        margin-top: 30px;
        width: 100%;
        justify-content: flex-start;
        order: 2
    }

    footer .footerInfo {
        width: 100%;
        margin-top: 30px;
        order: 3
    }

    footer .footerInfo :where(span, a) {
        font-size: 16px;
        line-height: initial
    }

    footer .footer-menu-wrapper ul {
        justify-content: flex-start
    }

    footer .footer-menu-wrapper ul li {
        width: 100%
    }

    footer .footer-menu-wrapper ul li a {
        font-size: 16px;
        line-height: initial
    }
}

@media screen and (max-width:767px) {
    footer .footer-menu-wrapper ul li a {
        font-size: 14px
    }

    footer .footerInfo :where(span, a) {
        font-size: 12px;
        line-height: 21px
    }

    footer .footerInfo span {
        display: block
    }

    footer .footerInfo b {
        display: none
    }
}

@media screen and (max-width:640px) {
    footer .wrapperInner {
        width: 100%
    }

    footer .awards .footer-logo {
        width: 50px
    }
}

.back-to-top {
    display: none
}

.back-to-top .scrollto {
    width: 60px;
    height: 60px;
    background-color: rgb(var(--wp-grey));
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: fixed;
    z-index: 9;
    right: 25px;
    bottom: 90px;
    transition: all .3s
}

.back-to-top .scrollto:hover {
    background-color: var(--main-highlight-color)
}

.back-to-top .scrollto img {
    max-width: 35px;
    height: unset
}

body:not(.node-type-home-page) .header-area {
    padding-top: 50px;
    padding-bottom: 46px;
    align-items: center;
    justify-content: space-between
}

body:not(.node-type-home-page) .header-area>.field_body {
    max-width: 1128px;
    margin: 42px auto 0
}

.values-area.values-area {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    box-shadow: 0 5px 50px 10px rgba(0, 0, 0, 0.5)
}

.values-area .field_va {
    width: min(calc(100% - 120px), calc(100% - 30px));
    margin-inline: auto;
    padding-block: 43px 38px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 77px 50px;
    text-align: center
}

.values-area .field_icon img {
    margin-inline: auto;
    height: 62px;
    object-fit: contain
}

.values-area .field_va .paragraph {
    display: flex;
    flex-direction: column
}

.values-area .field_va .field_title {
    font-size: var(--h6);
    line-height: var(--h6-leading);
    text-transform: uppercase;
    min-height: 56px;
    order: 1;
    margin-top: 25px
}

.values-area .field_va .field_body {
    max-width: 330px;
    margin-top: 13px;
    margin-inline: auto;
    order: 2
}

.values-area .field_va .field_body p {
    order: 3;
    font-weight: 300 !important
}

@media screen and (max-width:767px) {
    body:not(.node-type-home-page) .header-area {
        padding-block: 25px 30px
    }
}

.team-area {
    padding-block: 128px 155px
}

.team-area .field_team_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight);
    text-align: center
}

.team-area .field_team_body {
    max-width: 1120px;
    margin-top: 33px;
    margin-inline: auto;
    text-align: center
}

.team-area .team-members {
    margin-top: 75px
}

.teams-tabs {
    margin-top: 63px;
    display: flex;
    justify-content: center
}

.teams-tabs ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 15px 28px
}

.teams-tabs ul li {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color: var(--main-highlight-color);
    text-transform: uppercase;
    cursor: pointer;
    user-select: none
}

.teams-tabs ul li:after {
    content: '';
    display: block;
    height: 2px;
    background-color: rgb(var(--wp-grey));
    margin-top: 6px;
    transition: all .3s;
    opacity: 0
}

.teams-tabs ul li:hover::after,
.teams-tabs ul li.active::after {
    opacity: 1
}

.team-area .team-members .views-element-container .team-members-panel {
    display: none
}

.team-area .team-members .views-element-container .team-members-panel.active {
    display: block
}

.team-area .team-members .views-element-container .team-members-panel .team-members-group :where(.views-field, .field-content) {
    display: flex
}

.team-area .team-members .views-element-container .team-members-panel .team-members-group :where(.views-field, .field-content, .teams-item) {
    min-height: 100%;
    width: 100%
}

@media screen and (min-width:1281px) {
    .team-area .team-members .views-element-container .team-members-panel .team-members-group:not(.owl-theme) {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px 20px
    }
}

.team-area .team-members .views-element-container .team-members-panel>h3 {
    display: none
}

.teams-item {
    text-align: center;
    overflow: hidden;
    background-color: var(--main-highlight-color)
}

.teams-item .member-image {
    background-color: var(--light-grey);
    width: 100%;
    aspect-ratio: 473/409;
    position: relative;
    display: flex;
    align-items: flex-end
}

.teams-item .member-image img {
    font-size: 0 !important;
    color: transparent !important
}

.teams-item .member-image .member-body {
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    left: 0;
    bottom: -1px;
    color: var(--wp-white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    transform: perspective(472px) rotateX(90deg);
    transform-origin: bottom;
    overflow: hidden
}

.teams-item .member-image:hover .member-body {
    opacity: 1;
    visibility: visible;
    transform: perspective(472px) rotateX(0)
}

.teams-item .member-image .member-body::after {
    content: '';
    display: block;
    background-color: var(--client-gradient-top);
    background-image: linear-gradient(var(--client-gradient-top), var(--client-gradient-botom));
    position: absolute;
    inset: -2px;
    opacity: .85;
    background-blend-mode: difference
}

.teams-item .member-image .member-body .member-body-inner {
    position: relative;
    z-index: 1;
    max-width: 367px
}

.teams-item .member-image .member-body .member-body-inner::before {
    content: '';
    display: block;
    width: 32px;
    height: 21px;
    background-image: var(--theme-main-logo);
    background-repeat: no-repeat;
    background-size: 30px;
    margin-inline: auto;
    margin-bottom: 27px
}

.teams-item .member-image .member-body .member-body-inner .member-body-scroll {
    max-height: 240px;
    overflow-y: auto
}

.teams-item .member-image .member-body .member-body-inner p {
    font-weight: 300 !important
}

.teams-item .member-content {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    padding: 15px 15px;
    position: relative;
    z-index: 1
}

.teams-item .member-content .member-details .para {
    display: none
}

.teams-item .member-title {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    text-transform: uppercase
}

.teams-item .member-job-title {
    font-size: 14px;
    line-height: 26px
}

.teams-item .member-mail {
    margin-top: 7px
}

.teams-item .member-mail a {
    font-size: 14px;
    line-height: 26px;
    color: var(--wp-white) !important;
    text-decoration: underline !important;
    transition: all .3s
}

.teams-item .member-mail a:hover {
    color: rgb(var(--wp-grey)) !important
}

.teams-item .member-image .member-body .member-body-inner .mCSB_scrollTools {
    opacity: 1;
    background-color: #cccc;
    width: 4px;
    border-radius: 4px;
    overflow: hidden
}

.teams-item .member-image .member-body .member-body-inner .mCS-dark-3.mCSB_scrollTools .mCSB_dragger_bar,
.teams-item .member-image .member-body .member-body-inner .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    margin: 0
}

.teams-item .member-image .member-body .member-body-inner .mCS-dark-3.mCSB_scrollTools .mCSB_dragger_bar {
    background-color: gray;
    border-radius: 4px
}

@media screen and (max-width:1440px) {
    .values-area .field_va {
        grid-gap: 50px 15px
    }

    .teams-item .member-image .member-body .member-body-inner .member-body-scroll {
        max-height: 200px
    }
}

@media screen and (max-width:1280px) {
    .team-area {
        padding-block: 80px 70px
    }

    .teams-tabs {
        display: none
    }

    .values-area .field_va {
        grid-template-columns: 1fr 1fr
    }

    .team-area .team-members .views-element-container .team-members-panel.open {
        border-top: 1px solid #dfdfdf
    }

    .team-area .team-members .views-element-container .team-members-panel>h3 {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding: 23px 0;
        cursor: pointer;
        user-select: none
    }

    .team-area .team-members .views-element-container .team-members-panel>h3::after {
        content: '\f054';
        font-family: "Font Awesome 6 Pro";
        color: rgb(var(--wp-grey));
        font-weight: 100;
        font-size: 35px
    }

    .team-area .team-members .views-element-container .team-members-panel.open>h3::after {
        content: '\f107'
    }

    .team-area .team-members .views-element-container .team-members-panel {
        display: block
    }

    .team-members-container .team-members-panel .team-members-group {
        display: none;
        margin-top: 15px;
        margin-bottom: 35px
    }

    .team-members-container .team-members-panel.open .team-members-group {
        display: block
    }

    .team-members-container .team-members-panel .team-members-group .teams-item {
        opacity: 0;
        transition: all .3s;
        transition-delay: 1.5s
    }

    .team-members-container .team-members-panel.open .team-members-group .teams-item {
        opacity: 1
    }

    .team-members-group.owl-theme .owl-stage {
        display: flex
    }

    .team-members-group.owl-theme :where(.views-row, .views-field, .field-content, .teams-item) {
        height: 100%
    }

    .team-members-group .teams-item {
        background-color: var(--main-highlight-color)
    }

    .teams-item .member-content {
        padding: 27px 30px 30px
    }

    .teams-item .member-job-title {
        font-size: 16px;
        margin-top: 10px;
        font-weight: 300
    }

    .teams-item .member-mail {
        margin-top: 10px
    }

    .teams-item .member-mail a {
        display: inline-block;
        font-size: 16px;
        text-decoration: none
    }

    .teams-item .member-mail a:hover::after {
        background-color: rgb(var(--wp-grey))
    }

    .teams-item .member-content .member-details .para {
        display: block;
        max-width: 425px;
        margin: 36px auto 0
    }

    .teams-item .member-content .member-details .para p {
        font-size: 16px !important;
        line-height: 30px;
        font-weight: 300 !important
    }

    .teams-item .member-image .member-body {
        display: none
    }

    .team-members-group.owl-theme .owl-nav {
        inset-inline: -50px
    }
}

@media screen and (max-width:767px) {
    .team-area {
        padding-block: 81px 0
    }

    .team-area .field_team_body {
        max-width: 420px;
        margin-top: 45px
    }

    .team-area .field_team_title {
        text-transform: uppercase
    }

    .values-area .field_va {
        grid-template-columns: 1fr
    }

    .values-area .field_va .field_title {
        min-height: auto
    }

    .team-area .team-members .views-element-container .team-members-panel>h3::after {
        font-size: 27px
    }

    .top-body-area .field_body iframe {
        width: 100%;
        height: auto
    }

    .teams-item .member-content {
        padding: 27px 30px 27px
    }

    .teams-item .member-mail {
        position: relative;
        z-index: 1
    }

    .team-members-group.owl-theme .owl-stage {
        display: block
    }

    .team-members-group.owl-theme .owl-stage-outer {
        z-index: 1
    }

    .team-members-group.owl-theme .owl-nav {
        position: absolute;
        inset-inline: auto;
        top: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 473 / 409;
        display: flex;
        align-items: center;
        z-index: 1
    }

    .team-members-group.owl-theme .owl-dots {
        position: absolute;
        bottom: 5px;
        inset-inline: 0;
        z-index: 1
    }

    .team-members-group.owl-theme .owl-dots .owl-dot {
        margin: 0 7px
    }

    .team-members-group.owl-theme .slider-control {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        justify-content: center
    }

    .team-members-group.owl-theme .slider-control .owl-nav~.owl-nav,
    .team-members-group.owl-theme .slider-control .owl-dots~.owl-dots {
        display: none
    }

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

    .team-members-group.owl-theme .slider-control .owl-nav .owl-prev {
        position: relative;
        left: 5px
    }

    .team-members-group.owl-theme .slider-control .owl-nav .owl-next {
        position: relative;
        right: 5px
    }
}

@media screen and (max-width:480px) {
    .teams-item .member-content {
        padding: 27px 15px 27px
    }
}

.custom-link-btn {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: var(--main-highlight-color);
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative
}

.custom-link-btn.posted-on {
    cursor: unset !important
}

.base-post-heading {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    padding-block: 101px 73px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    grid-gap: 0 15px
}

.base-post-heading .base-post-title {
    max-width: 630px
}

.base-post-heading .base-post-heading-img {
    max-width: 676px;
    width: calc(100% - 630px - 15px);
    display: flex;
    justify-content: flex-end
}

.basePostDetails .base-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width:1280px) {
    .base-post-heading {
        padding-block: 50px 40px
    }

    .base-post-heading .base-post-heading-img {
        width: unset
    }
}

body:is(.node-type-blog-entry, .node-type-case-study) .base-post-heading {
    padding-block: 70px 70px
}

body:is(.node-type-blog-entry, .node-type-case-study) .base-post-heading .base-post-title {
    max-width: unset
}

body:is(.node-type-blog-entry, .node-type-case-study) .base-post-heading .base-post-title .field_blog_title,
body:is(.node-type-blog-entry, .node-type-case-study) .base-post-heading .base-post-title .field_header_title {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

@media screen and (max-width:1280px) {
    body:is(.node-type-blog-entry, .node-type-case-study) .base-post-heading {
        padding-block: 30px 30px
    }
}

.basePostDetails .base-info .base-info-left {
    width: calc(100% - 450px - 80px);
    display: flex;
    border-bottom: 1px solid #cbcbcb;
    grid-gap: 15px 22px
}

.basePostDetails .base-info .base-info-right {
    width: 450px;
    border-bottom: 1px solid #cbcbcb
}

.basePostDetails .base-post-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.basePostDetails .base-info :where(.base-info-left, .base-info-right) {
    padding-block: 70px 16px
}

.basePostDetails .base-post-content .base-post-main {
    width: calc(100% - 450px - 80px);
    padding-top: 39px
}

.basePostDetails .base-post-content .base-post-sidebar {
    width: 450px;
    padding-top: 39px
}

.basePostDetails .base-post-content :is(.base-post-main, .base-post-sidebar) {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 157px
}

.basePostDetails .base-info .base-info-left .posted-on .field_date_posted {
    margin-left: 5px
}

.basePostDetails .base-info .base-info-left .shr-icon {
    position: relative
}

.basePostDetails .base-info .base-info-left .custom-link-btn.shr-icon:hover {
    color: rgba(var(--wp-grey))
}

.basePostDetails .base-info .base-info-left .shr-icon :where(.addtoany_list, .addtoany_share) {
    opacity: 0;
    position: absolute;
    inset: 0
}

.basePostDetails .base-info .base-info-left .shr-icon .addtoany_list .a2a_svg {
    display: none
}

.basePostDetails .base-info .base-info-left .shr-icon svg,
.basePostDetails .base-info .base-info-left .shr-icon i {
    margin-left: 5px
}

.basePostDetails .base-info .base-info-right .back-to-page svg {
    font-weight: 300
}

.basePostDetails .base-info .base-info-right .back-to-page i {
    margin-right: 10px
}

.basePostDetails .base-post-content .base-post-sidebar .sidebarBox>h5 {
    font-weight: 400;
    color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {
    .basePostDetails .base-info {
        padding-top: 40px;
        grid-gap: 0 15px
    }

    .basePostDetails .base-info .base-info-left,
    .basePostDetails .base-info .base-info-right {
        width: auto;
        border-bottom: 0
    }

    .basePostDetails .base-info :where(.base-info-left, .base-info-right) {
        padding-block: 0 15px
    }

    .basePostDetails .base-post-content {
        grid-gap: 0
    }

    .basePostDetails .base-post-content .base-post-main {
        width: 100%;
        padding-bottom: 50px;
        border-top: 1px solid #cbcbcb
    }

    .basePostDetails .base-post-content .base-post-sidebar {
        display: none;
        width: 100%;
        padding-bottom: 50px
    }
}

.basePostDetails .base-post-main .body :is(h2, h3, h4, h5, h6) {
    color: var(--main-highlight-color)
}

.basePostDetails .base-post-main .body :is(h2, h3, h4, h5, h6):not(:first-child) {
    margin-top: 48px
}

.basePostDetails .base-post-main .body p:not(:first-child) {
    margin-top: 26px
}

.basePostDetails .base-post-main .body :is(ul, ol) {
    margin-top: 26px
}

.basePostDetails .base-post-main .body :is(h2, h3, h4, h5, h6):not(:first-child)+p {
    margin-top: 1px !important
}

@media screen and (max-width:1280px) {
    .basePostDetails .base-post-main .body:is(h2, h3, h4, h5, h6):not(:first-child) {
        margin-top: 30px
    }

    .basePostDetails .base-post-main .body p:not(:first-child) {
        margin-top: 20px
    }

    .basePostDetails .base-post-main .body :is(ul, ol) {
        margin-top: 20px
    }
}

.related-blogs {
    max-width: 450px;
    margin-top: 37px
}

.related-blogs .related-blog-item {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px 25px;
    align-items: center
}

.related-blogs .related-blog-item:not(:last-child) {
    margin-bottom: 24px
}

.related-blogs .related-blog-item .blog-img {
    width: 165px
}

.related-blogs .related-blog-item .blog-img img {
    aspect-ratio: 55/42;
    object-fit: cover
}

.related-blogs .related-blog-item .blog-data {
    width: calc(100% - 165px - 25px)
}

.related-blogs .related-blog-item .blog-data span {
    font-size: 12px;
    font-weight: 400;
    color: var(--main-highlight-color)
}

.related-blogs .related-blog-item .blog-data h5 {
    margin-top: 7px
}

.related-blogs .related-blog-item .blog-data h5 a {
    text-decoration: none;
    color: var(--super-black);
    transition: all .3s
}

.related-blogs .related-blog-item .blog-data h5 a :where(strong, b) {
    font-weight: normal
}

.related-blogs .related-blog-item .blog-data h5 a:hover {
    color: var(--main-highlight-color)
}

.related-blogs .related-blog-item .blog-img {
    display: none
}

.related-blogs .related-blog-item .blog-img:has(img) {
    display: block
}

@media screen and (max-width:480px) {
    .related-blogs .related-blog-item {
        grid-gap: 15px 15px
    }

    .related-blogs .related-blog-item:not(:last-child) {
        margin-bottom: 20px
    }

    .related-blogs .related-blog-item .blog-img {
        width: 110px
    }

    .related-blogs .related-blog-item .blog-data {
        width: calc(100% - 110px - 15px)
    }

    .related-blogs .related-blog-item .blog-data h5 {
        font-size: 14px !important;
        line-height: 18px;
        margin-top: 0
    }
}

.blogListing,
.node-type-case-study #block-views-block-upcoming-news-and-case-studies-block-1 {
    margin-top: 67px;
    padding-bottom: 96px
}

.blog-list,
.node-type-case-study .case-study-group {
    margin-top: 60px
}

@media screen and (min-width:1281px) {

    .blog-list,
    .node-type-case-study .case-study-group {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px 20px
    }
}

.blog-card,
.case-study-card {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 64px
}

.blog-card .blog-card-img img,
.case-study-card .views-field-field-case-study-image img {
    width: 100%;
    aspect-ratio: 473 / 358;
    object-fit: cover
}

.blog-card .blog-card-links,
.case-study-card .cs-card-links {
    margin-top: 23px;
    display: flex;
    grid-gap: 15px 22px
}

.blog-card .blog-card-links .custom-link-btn,
.case-study-card .cs-card-links .custom-link-btn {
    cursor: unset
}

.blog-card .posted-on .date-display-single,
.case-study-card .posted-on .date-display-single {
    margin-left: 5px
}

.blog-card .blog-card-links .blog-share-btn :where(.addtoany_list, .addtoany_share),
.case-study-card .cs-card-links .cs-share-btn :where(.addtoany_list, .addtoany_share) {
    opacity: 0;
    position: absolute;
    inset: 0
}

.blog-card .blog-card-links .blog-share-btn .addtoany_list .a2a_svg,
.case-study-card .cs-card-links .cs-share-btn .addtoany_list .a2a_svg {
    display: none
}

.blog-card .blog-card-links .blog-share-btn svg,
.case-study-card .cs-card-links .cs-share-btn i {
    color: var(--super-black);
    margin-left: 10px
}

.blog-card .blog-card-links .blog-share-btn:hover,
.case-study-card .cs-card-links .cs-share-btn:hover {
    color: rgb(var(--wp-grey))
}

.blog-card h4,
.case-study-card h4 {
    min-height: 76px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-card h4 a,
.case-study-card h4 a {
    transition: all .3s;
    color: var(--super-black) !important;
    text-decoration: none
}

.blog-card h4 a :where(strong, b),
.case-study-card h4 a :where(strong, b) {
    font-weight: inherit
}

.blog-card h4 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-card h4,
.blog-card h4 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.blog-card h4 a:hover,
.case-study-card h4 a:hover {
    color: var(--main-highlight-color) !important
}

.blog-card p,
.case-study-card .views-field-field-case-study-intro-text .field-content {
    margin-top: 19px;
    min-height: 78px
}

.blog-card p,
.case-study-card .views-field-field-case-study-intro-text .field-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media screen and (max-width:767px) {
    .node-type-case-study .case-study-group.owl-theme .case-study-card .views-field-field-case-study-intro-text .field-content {
        -webkit-line-clamp: unset
    }
}

.blog-card .button,
.addOn-wrap .button,
.case-study-card .button-wrap a {
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    margin-top: 35px
}

.blog-card .button:hover,
.addOn-wrap .button:hover,
.case-study-card .button-wrap a:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

.blog-card :where(h4.mob-ver, .title-tooltiptext) {
    display: none !important
}

.blog-card p {
    -webkit-line-clamp: unset
}

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

    .blogListing,
    .node-type-case-study #block-views-block-upcoming-news-and-case-studies-block-1 {
        margin-top: 40px;
        padding-bottom: 50px
    }

    .blog-list,
    .node-type-case-study .case-study-group {
        margin-top: 40px
    }

    .blog-card,
    .case-study-card {
        padding-bottom: 0;
        border-bottom: 00
    }

    .blog-card h4,
    .case-study-card h4 {
        margin-top: 3px;
        min-height: 64px
    }

    .blog-card p,
    .case-study-card .views-field-field-case-study-intro-text .field-content {
        margin-top: 6px
    }

    .blog-card .button,
    .addOn-wrap .button,
    .case-study-card .button-wrap a {
        margin-top: 25px
    }

    .custom-link-btn {
        font-size: 12px;
        font-weight: 400
    }

    .blog-list.owl-theme .owl-nav,
    .node-type-case-study .case-study-group .owl-nav {
        inset-inline: -37px;
        aspect-ratio: 473/358;
        width: auto;
        height: auto;
        top: 0;
        bottom: unset;
        z-index: -1
    }
}

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

    .node-type-blog-entry .blog-card p,
    .node-type-case-study .case-study-card .views-field-field-case-study-intro-text .field-content {
        min-height: auto
    }

    .blog-list.owl-theme .owl-nav,
    .node-type-case-study .case-study-group .owl-nav {
        inset-inline: -21px
    }
}

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

    .blog-card h4,
    .case-study-card h4 {
        min-height: unset
    }

    .case-study-card h4 {
        -webkit-line-clamp: unset
    }

    .case-study-card .views-field-field-case-study-intro-text .field-content {
        -webkit-line-clamp: unset
    }
}

.node-type-listing-page .searchKeyword:has(.archiveblogWrap) {
    display: flex;
    justify-content: space-between;
    grid-gap: 15px 15px
}

.archiveblogWrap .archive-blog-link {
    min-width: 190px;
    min-height: 50px;
    background-color: var(--grey);
    color: rgb(var(--wp-grey));
    text-align: left;
    position: relative;
    display: inline-flex;
    align-items: center
}

.archiveblogWrap .archive-blog-link::after {
    content: '\f054';
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 13px
}

.archiveblogWrap .archive-blog-link:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

@media screen and (max-width:580px) {
    .node-type-listing-page .searchKeyword:has(.archiveblogWrap) {
        flex-wrap: wrap;
        justify-content: center
    }

    body.node-type-listing-page.node-1364 .searchKeyword:has(.archiveblogWrap) {
        flex-direction: column-reverse;
        align-items: center
    }

    body.node-type-listing-page.node-1364 .searchKeyword .archiveblogWrap {
        width: 100%;
        max-width: 330px;
        margin-bottom: 15px
    }

    body.node-type-listing-page.node-1364 .searchKeyword .archiveblogWrap .archive-blog-link {
        width: 100%
    }

    .node-type-listing-page .searchKeyword:has(.archiveblogWrap) form {
        margin-inline: unset
    }
}

.node-type-listing-page .header-area {
    justify-content: space-between
}

.node-type-listing-page .top-body-area .field_body {
    max-width: 1400px
}

.blog-items-group,
.node-type-listing-page .case-study-group {
    margin-top: 46px;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 56px 20px
}

.node-type-listing-page:is(.node-1680, .node-1681, .node-1682) .case-study-group {
    margin-top: 0 !important
}

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

    .blog-items-group,
    .node-type-listing-page .case-study-group {
        grid-template-columns: 1fr 1fr;
        grid-gap: 56px 40px
    }
}

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

    .blog-items-group,
    .node-type-listing-page .case-study-group {
        grid-template-columns: 1fr;
        grid-gap: 56px 40px
    }

    .node-type-listing-page .blog-card p,
    .node-type-listing-page .case-study-card .views-field-field-case-study-intro-text .field-content {
        min-height: auto
    }
}

.node-type-listing-page .pager {
    margin-bottom: 100px
}

body:is(.node-1956).node-type-listing-page .pager {
    margin-bottom: 0
}

@media screen and (max-width:1080px) {
    .node-type-listing-page .pager {
        margin-bottom: 70px
    }
}

.searchKeyword form {
    display: flex;
    justify-content: center;
    grid-gap: 15px 20px;
    position: relative;
    padding-bottom: 15px
}

.searchKeyword .wrap-the-op {
    position: absolute;
    left: 0;
    bottom: -20px
}

.searchKeyword .wrap-the-op .searched-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 0 15px;
    font-size: 14px
}

.searchKeyword .wrap-the-op .searched-content>div {
    display: flex;
    align-items: center;
    grid-gap: 0 5px
}

.searchKeyword .wrap-the-op .searched-content>div div:nth-child(2) {
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.searchKeyword .wrap-the-op .searched-content .reset-filter {
    display: flex;
    align-items: center
}

.searchKeyword .wrap-the-op .searched-content i {
    font-size: 16px;
    cursor: pointer
}

.searchKeyword .wrap-the-op .searched-content span {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.searchKeyword input[data-drupal-selector="edit-reset"],
.searchKeyword input[name="reset"] {
    display: none;
    background-color: transparent !important;
    color: rgb(var(--wp-grey)) !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    position: absolute;
    left: 0;
    bottom: -15px
}

.searchKeyword input[data-drupal-selector="edit-reset"]:hover {
    color: var(--main-highlight-color) !important
}

.searchKeyword form .form-item {
    width: 100%;
    max-width: 292px
}

.searchKeyword :is(select, input:not([type="submit"])) {
    width: 100%;
    background-color: var(--grey);
    font-size: 16px;
    font-weight: 400;
    appearance: none;
    outline: 0;
    color: rgb(var(--wp-grey));
    border: 1px solid var(--grey)
}

.searchKeyword :is(select, input:not([type="submit"]))::placeholder {
    color: rgb(var(--wp-grey));
    opacity: 1
}

.searchKeyword form .form-item-category {
    position: relative
}

.searchKeyword form .form-item-category::after {
    content: '\f054';
    font-family: "Font Awesome 6 Pro";
    color: rgb(var(--wp-grey));
    font-weight: 300;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 13px
}

.searchKeyword input[type="submit"] {
    height: 50px;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--wp-white);
    background-color: var(--main-highlight-color);
    border: 1px solid var(--main-highlight-color);
    padding: 15px 20px;
    cursor: pointer;
    transition: all .3s
}

.searchKeyword input[type="submit"]:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

@media screen and (max-width:1080px) {
    .searchKeyword :is(select, input:not([type="submit"])) {
        font-size: 14px
    }

    .searchKeyword input[type="submit"] {
        font-size: 14px !important;
        padding: 14px 30px
    }

    .searchKeyword form .form-item-category::after {
        top: 10px;
        right: 15px
    }
}

@media screen and (max-width:767px) {
    .searchKeyword {
        margin-top: 0
    }

    .searchKeyword form {
        flex-wrap: wrap;
        max-width: 330px;
        margin-inline: auto;
        grid-gap: 15px 15px
    }

    .searchKeyword form .form-item {
        max-width: unset;
        flex: 1 1 160px
    }

    .searchKeyword .wrap-the-op .searched-content>div {
        font-size: 12px;
        line-height: normal
    }
}

.faq-listing {
    margin-top: 13px
}

.faq-listing header {
    width: unset !important;
    padding: 0 !important;
    background-color: unset !important;
    box-shadow: unset !important;
    position: unset !important
}

.faq-container {
    margin-top: 52px;
    margin-bottom: 77px
}

.faq-card {
    position: relative;
    padding: 30px 30px;
    border-left: 3px solid var(--main-highlight-color)
}

.faq-card:not(:last-child) {
    margin-bottom: 30px
}

.faq-card::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--main-highlight-color);
    opacity: .05;
    z-index: -1
}

.faq-card .views-field-field-title h5 {
    font-weight: 600 !important;
    color: var(--main-highlight-color)
}

.faq-card .faq-card-title * {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 600 !important;
    color: var(--main-highlight-color)
}

.faq-card .views-field-field-answer,
.faq-card .views-field-body {
    max-width: 1291px;
    margin-top: 9px
}

.faq-card .views-field-field-answer p:not(:first-child) {
    margin-top: 26px
}

.faq-card .views-field-field-image {
    margin-top: 69px;
    display: none
}

.faq-card.open-img .views-field-field-image,
.faq-card.open-img .views-field-field-pdf {
    display: block
}

.faq-card a.pdfbtn,
.faq-card .views-field-field-link-text a,
.faq-card .views-field-field-field-link-text a {
    margin-top: 27px;
    font-size: 12px !important;
    font-weight: 500 !important;
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    border: 1px solid var(--main-highlight-color);
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 9px 37px;
    letter-spacing: .25px;
    transition: all .3s
}

.faq-card a.pdfbtn:hover,
.faq-card .views-field-field-link-text a:hover,
.faq-card .views-field-field-field-link-text a:hover {
    background-color: transparent !important;
    color: var(--main-highlight-color) !important
}

.faq-card .views-field-field-image-link-text .field-content {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 600;
    color: var(--main-highlight-color);
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none
}

.faq-card .views-field-field-image-link-text .field-content::after {
    content: '\f107';
    font-family: "Font Awesome 6 Pro";
    color: rgb(var(--wp-grey));
    font-weight: 300;
    font-size: 24px;
    margin-left: 5px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.faq-card.open-img .views-field-field-image-link-text .field-content::after {
    transform: rotate(0)
}

.faq-card .views-field-field-image-link-text .field-content:hover {
    color: rgb(var(--wp-grey))
}

@media screen and (max-width:767px) {
    .faq-container {
        margin-top: 40px
    }

    .faq-card .views-field-field-image-link-text .field-content {
        margin-top: 20px;
        font-size: 14px
    }

    .faq-card .views-field-field-image {
        margin-top: 40px
    }

    .faq-card .views-field-field-image-link-text .field-content::after {
        font-size: 20px;
        position: relative;
        top: 2px
    }

    .faq-card .views-field-field-answer p:not(:first-child) {
        margin-top: 12px
    }
}

.testimonial-card {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    padding: 30px;
    position: relative;
    vertical-align: top;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 20px
}

.testimonial-card:nth-child(even) {
    background-color: rgb(var(--wp-grey))
}

.testimonial-card .views-field-title h4 {
    letter-spacing: -0.25px;
    word-break: break-word
}

.testimonial-card .views-field-field-image {
    margin-bottom: 31px
}

.testimonial-card .views-field-body {
    margin-top: 27px
}

.testimonial-card .views-field-body p {
    font-weight: 300 !important
}

.testimonial-card .views-field-field-company-name {
    margin-top: 45px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.80px
}

.testimonial-card .views-field-field-contact-name {
    margin-top: 7px;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.80px
}

.testimonial-card .views-field-field-logo-upload {
    max-width: 36px;
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media screen and (max-width:767px) {
    .testimonial-card .views-field-body {
        margin-top: 15px
    }

    .testimonial-card .views-field-field-company-name {
        margin-top: 30px
    }
}

.node-type-listing-page.node-1376 .top-body-area .field_body {
    margin: 43px auto 0;
    max-width: 1125px
}

.node-type-listing-page.node-1376 .field_cta {
    display: none
}

.node-type-listing-page.node-1376 .field_cta~.field_cta {
    display: block
}

.testimonials-listing {
    margin-block: 121px 143px;
    position: relative;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0 20px
}

.testimonials-listing .testimonial-card,
.testimonials-listing .grid-sizer {
    width: calc((100% / 3) - (40px / 3))
}

@media screen and (max-width:1080px) {
    .testimonials-listing {
        margin-block: 70px 70px
    }

    .testimonials-listing .testimonial-card,
    .testimonials-listing .grid-sizer {
        width: calc((100% / 2) - (20px / 2))
    }
}

@media screen and (max-width:525px) {
    .testimonials-listing {
        margin-block: 40px 40px
    }

    .testimonials-listing .testimonial-card,
    .testimonials-listing .grid-sizer {
        width: 100%
    }
}

.portfolio-card,
.portfolio-video-card .video-card-inner {
    position: relative;
    aspect-ratio: 91/54;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px;
    color: #fff;
    box-shadow: 0 20px 30px 5px rgba(0, 0, 0, 0.5)
}

.portfolio-card::after,
.portfolio-video-card .video-card-inner::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-color: #373f4a;
    opacity: .60;
    transition: all .3s
}

.portfolio-card:hover::after,
.portfolio-video-card .video-card-inner:hover::after {
    background-color: var(--main-highlight-color);
    opacity: .8
}

.portfolio-card .views-field-field-image-file,
.portfolio-video-card .video-thumb {
    position: absolute;
    inset: 0
}

.portfolio-card .views-field-field-image-file .field-content,
.portfolio-video-card .video-thumb .video-content {
    height: 100%
}

.portfolio-card .views-field-field-image-file img,
.portfolio-video-card .video-thumb img {
    filter: contrast(1.75);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.portfolio-card .views-field-field-logo-image {
    position: relative;
    z-index: 1
}

.portfolio-video-card .video-title {
    position: relative;
    z-index: 1
}

.portfolio-card .views-field-field-logo-image img,
.portfolio-video-card .video-title h3 {
    transform: translateY(calc(100% + 28px));
    transition: all .3s;
    transition-delay: .1s;
    text-align: center
}

.portfolio-card:hover .views-field-field-logo-image img,
.portfolio-video-card:hover .video-title h3 {
    transform: translateY(0);
    transition-delay: 0
}

.portfolio-card .views-field-field-summary-text,
.portfolio-video-card .video-summary {
    max-width: 620px;
    text-align: center;
    margin-top: 28px;
    z-index: 1
}

.portfolio-card .views-field-field-summary-text p,
.portfolio-video-card .video-summary p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.portfolio-card .views-field-view-node,
.portfolio-video-card .video-link {
    margin-top: 36px;
    position: relative;
    z-index: 1
}

.portfolio-card .views-field-view-node a,
.portfolio-video-card .video-link a {
    border-color: var(--wp-white);
    background-color: transparent;
    color: var(--wp-white) !important;
    padding-inline: 28px;
    visibility: hidden
}

.portfolio-card .views-field-view-node a:hover,
.portfolio-video-card .video-link a:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color) !important
}

.portfolio-card :is(.views-field-field-summary-text, .views-field-view-node),
.portfolio-video-card :is(.video-summary, .video-link) {
    opacity: 0;
    transition: all .3s;
    transition-delay: 0
}

.portfolio-card:hover :is(.views-field-field-summary-text, .views-field-view-node),
.portfolio-video-card:hover :is(.video-summary, .video-link) {
    opacity: 1;
    transition-delay: .2s
}

.portfolio-card:hover .views-field-view-node a,
.portfolio-video-card:hover .video-link a {
    visibility: visible
}

.portfolio-video-card .video-popup {
    display: none
}

@media screen and (max-width:1280px) {
    .portfolio-card .views-field-field-logo-image img {
        max-height: 60px;
        object-fit: contain
    }

    .portfolio-card .views-field-field-summary-text p,
    .portfolio-video-card .video-summary,
    .portfolio-video-card .video-summary p {
        -webkit-line-clamp: 8
    }
}

@media screen and (max-width:767px) {
    .portfolio-card {
        box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.5)
    }

    .portfolio-card .views-field-field-summary-text,
    .portfolio-video-card .video-summary {
        margin-top: 20px
    }

    .portfolio-card .views-field-view-node,
    .portfolio-video-card .video-link {
        margin-top: 20px
    }
}

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

    .portfolio-card,
    .portfolio-video-card .video-card-inner {
        padding: 15px;
        width: 100%;
        min-height: 260px
    }

    .portfolio-card .views-field-field-image-file img {
        object-position: left
    }

    .portfolio-card .views-field-field-logo-image img {
        max-height: 50px
    }

    .portfolio-card .views-field-field-summary-text p,
    .portfolio-video-card .video-summary,
    .portfolio-video-card .video-summary p {
        -webkit-line-clamp: unset;
        font-size: 10px !important;
        line-height: 1.5
    }

    .portfolio-card .views-field-view-node,
    .portfolio-video-card .video-link {
        margin-top: 15px
    }

    .portfolio-card .views-field-view-node a,
    .portfolio-video-card .video-link a {
        padding-block: 3px;
        padding-inline: 20px;
        font-size: 10px !important
    }
}

.node-type-listing-page.node-1378 .top-body-area .field_body,
.node-type-listing-page.node-1383 .top-body-area .field_body {
    max-width: 1325px
}

.portfolio-group,
.videos-group {
    padding-inline: 35px;
    padding-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px 20px
}

.portfolio-group .portfolio-card,
.videos-group .portfolio-video-card {
    width: calc(50% - 10px)
}

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

    .portfolio-group,
    .videos-group {
        grid-template-columns: 1fr;
        padding-inline: 26px;
        padding-bottom: 70px
    }
}

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

    .portfolio-group .portfolio-card,
    .videos-group .portfolio-video-card {
        width: 100%
    }
}

.node-type-portfolio .body-content-section {
    width: 100%;
    display: inline-block;
    clear: both;
    padding-block: 93px 119px;
    padding-inline: 100px 40px
}

.node-type-portfolio .body-content-section .left-area {
    width: 50%;
    float: left;
    padding-right: 100px;
    position: sticky;
    top: calc(235px + 50px)
}

.node-type-portfolio .body-content-section .right-area {
    width: 50%;
    float: left
}

.node-type-portfolio .body-content-section .right-area .field_image>div:not(:last-child) {
    margin-bottom: 49px
}

.node-type-portfolio .body-content-section .left-area .body {
    margin-top: 47px
}

.node-type-portfolio .body-content-section .left-area .body :is(h2, h3, h4, h5, h6) {
    color: var(--main-highlight-color)
}

.node-type-portfolio .body-content-section .left-area .body :is(h2, h3, h4, h5, h6):not(:first-child) {
    margin-top: 48px
}

.node-type-portfolio .body-content-section .left-area .body p:not(:first-child) {
    margin-top: 26px
}

.node-type-portfolio .body-content-section .left-area .body :is(ul, ol) {
    margin-top: 26px
}

.node-type-portfolio .body-content-section .left-area .body :is(h2, h3, h4, h5, h6)+p {
    margin-top: 1px !important
}

.node-type-portfolio .body-content-section .left-area .field_link_text a {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color);
    padding-inline: 55px
}

.node-type-portfolio .body-content-section .left-area .field_link_text {
    margin-top: 36px
}

.node-type-portfolio .body-content-section .left-area .field_link_text a:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

body:is(.node-type-portfolio) article .contact-strip-bottom {
    display: none
}

@media screen and (max-width:1280px) {
    .node-type-portfolio .body-content-section {
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }

    .node-type-portfolio .body-content-section .left-area {
        padding-right: 40px;
        top: calc(135px + 50px)
    }

    .node-type-portfolio .body-content-section .left-area .body {
        margin-top: 30px
    }

    .node-type-portfolio .body-content-section .left-area .body :is(h2, h3, h4, h5, h6):not(:first-child) {
        margin-top: 30px
    }

    .node-type-portfolio .body-content-section .left-area .body p:not(:first-child) {
        margin-top: 20px
    }

    .node-type-portfolio .body-content-section .left-area .body :is(ul, ol) {
        margin-top: 20px
    }
}

@media screen and (max-width:1080px) {
    .node-type-portfolio .body-content-section {
        padding-block: 70px 70px
    }
}

@media screen and (max-width:767px) {
    .node-type-portfolio .body-content-section {
        padding-block: 40px 40px;
        padding-inline: 26px 26px
    }

    .node-type-portfolio .body-content-section .left-area {
        width: 100%;
        padding-right: 0;
        position: unset
    }

    .node-type-portfolio .body-content-section .right-area {
        width: 100%;
        margin-top: 40px
    }

    .node-type-portfolio .body-content-section .right-area .field_image>div:not(:last-child) {
        margin-bottom: 30px
    }

    .node-type-portfolio .body-content-section .left-area .field_link_text a {
        padding-inline: 30px
    }
}

.fancybox-inner {
    width: min(1330px, calc(100% - 30px));
    margin: 0 auto;
    background: #fff;
    inset: 40px 0;
    border-bottom: 27px solid var(--main-highlight-color)
}

.fancybox-stage {
    position: unset;
    width: 100%;
    height: 100%
}

.fancybox-slide {
    padding: 100px 100px 120px !important;
    position: unset
}

.fancybox-caption {
    background: transparent;
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    padding: 0;
    max-width: calc(100% - 200px);
    height: calc(100% - 220px);
    aspect-ratio: 1130/635;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 0
}

.view-transcript-btn {
    display: flex;
    justify-content: flex-end
}

.view-transcript-btn .button {
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    text-decoration: none
}

.view-transcript-btn .button:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color) !important;
    text-decoration: none
}

.fancybox-infobar {
    display: none
}

.fancybox-button--close {
    background: transparent;
    opacity: 1;
    visibility: visible;
    width: auto;
    height: auto;
    padding: 0;
    top: 15px;
    right: 20px
}

.fancybox-button--close::after {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
    color: rgb(var(--wp-grey));
    font-size: 54px
}

.fancybox-button--close:hover::after {
    color: var(--main-highlight-color)
}

.fancybox-button--close svg {
    display: none
}

.fancybox-navigation {
    display: flex;
    justify-content: space-between;
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 23px;
    z-index: 1
}

.fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right) {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background-color: rgba(var(--wp-grey), 0.10) !important;
    font-size: 20px !important;
    color: rgb(var(--wp-grey)) !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative !important;
    transition: all .3s !important;
    padding: 0 !important;
    opacity: 1 !important;
    cursor: pointer
}

.fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right) div {
    display: none
}

.fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right)::before {
    content: '';
    display: block;
    background-color: var(--grey);
    position: absolute;
    inset: -9px;
    border-radius: 50%;
    opacity: .5;
    z-index: -1;
    transition: all .3s
}

.fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right)::after {
    content: "\f053";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300
}

.fancybox-navigation :where(.fancybox-button--arrow_right)::after {
    content: "\f054"
}

.fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right):hover {
    background-color: var(--main-highlight-color) !important;
    color: var(--wp-white) !important
}

.fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right):hover::before {
    background-color: var(--main-highlight-color)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    opacity: 1;
    visibility: visible
}

button.fancybox-button[disabled] {
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .fancybox-slide {
        padding: 50px 30px 120px !important;
        position: unset
    }

    .fancybox-caption {
        max-width: 100%;
        height: auto;
        bottom: 10px;
        justify-content: center;
        aspect-ratio: unset
    }

    .fancybox-button--close::after {
        font-size: 30px
    }

    .fancybox-navigation {
        padding: 0 18px;
        top: unset;
        bottom: 50px;
        justify-content: center;
        grid-gap: 0 20px
    }

    .fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right) {
        width: 32px !important;
        height: 32px !important
    }

    .fancybox-navigation :where(.fancybox-button--arrow_left, .fancybox-button--arrow_right)::before {
        inset: -6px
    }
}

body.commerce-product-view .product--variation-field--variation_price__33.price {
    display: none
}

body.commerce-product-view div[class*="product--variation-field--variation_price__"].price {
    display: none
}

.product-header-area {
    position: relative
}

.product-header-area .field_header_image {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: unset
}

.product-header-area .field_header_image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-header-area .product-header-content {
    position: relative;
    text-align: center;
    padding-block: 160px 147px;
    color: #fff;
    z-index: 1
}

.product-header-area .product-header-content .wp-logo {
    margin: 0 auto;
    max-width: 78px
}

.product-header-area .product-header-content .field_header_title {
    margin-top: 44px;
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: 700 !important
}

.product-header-area .field_header_subtitle {
    margin-top: 8px;
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.product-header-area .field_header_body {
    margin-top: 20px;
    margin-inline: auto;
    max-width: 1030px
}

.product-header-area .field_header_body p {
    font-size: var(--p) !important;
    line-height: var(--p-leading) !important;
    font-weight: 400 !important;
    letter-spacing: .25px !important
}

.product-header-area .buttons {
    margin-top: 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 15px 0
}

.product-header-area .product-buttons {
    display: inline-flex;
    justify-content: center;
    grid-gap: 15px 20px
}

.product-header-area .product-buttons .button {
    min-width: 165px;
    color: rgb(var(--wp-grey))
}

.product-header-area .product-buttons .button:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

.product-header-area .template-button {
    display: inline-flex
}

.product-header-area .template-button .button {
    min-width: 350px;
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

.product-header-area .template-button .button:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color);
    border-color: var(--wp-white)
}

@media screen and (max-width:1080px) {
    .product-header-area .product-header-content {
        padding-block: 100px 100px
    }
}

@media screen and (max-width:767px) {
    .product-header-area .product-header-content {
        padding-block: 40px 40px;
        max-width: calc(100% - 36px - 60px);
        margin-inline: auto
    }

    .product-header-area .product-header-content .field_header_title {
        margin-top: 30px
    }

    .product-header-area .product-buttons .button {
        min-width: 145px
    }

    .product-header-area .template-button .button {
        min-width: 310px
    }
}

.theme-side-tab {
    position: absolute;
    top: 290px;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
    overflow: hidden;
    padding-block: 30px 90px;
    padding-inline: 30px 0
}

.theme-side-tab.open-theme-tab {
    z-index: 1
}

.theme-side-tab .side-tab-wrap {
    writing-mode: tb;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    color: var(--wp-white);
    font-weight: 500;
    padding-block: 20px;
    padding-inline: 36px;
    position: absolute;
    margin-inline: 0;
    cursor: pointer;
    user-select: none;
    background-color: var(--product-theme-color);
    border: 1px solid var(--wp-white);
    letter-spacing: .10px;
    z-index: 1;
    box-shadow: 20px 20px 50px rgba(10, 10, 10, 0.74)
}

.theme-side-tab.open-theme-tab .side-tab-wrap {
    background-color: var(--wp-white);
    color: var(--product-theme-color);
    box-shadow: none
}

.theme-side-tab .side-tab-wrap::before {
    content: '\2b';
    font-family: "Font Awesome 6 Sharp";
    margin-bottom: 30px
}

.theme-side-tab.open-theme-tab .side-tab-wrap::before {
    content: '\f068'
}

.theme-side-tab .all-themes {
    background-color: var(--wp-white);
    padding-block: 60px;
    padding-inline: 54px calc(54px + 66px);
    box-shadow: 20px 20px 50px rgba(10, 10, 10, 0.74);
    transform: translateX(100%);
    transition: all .3s
}

.theme-side-tab.open-theme-tab .all-themes {
    transform: translateX(0)
}

.theme-side-tab .tab-themes-item {
    position: relative
}

.theme-side-tab .tab-themes-item:not(:last-child) {
    margin-bottom: 26px
}

.theme-side-tab .image-section {
    position: relative
}

.theme-side-tab .image-section img {
    max-width: 223px;
    aspect-ratio: 241/131
}

.theme-side-tab .image-section::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--product-theme-color);
    opacity: 0;
    transition: all .3s
}

.theme-side-tab .tab-themes-item:hover .image-section::after {
    opacity: .76
}

.theme-side-tab .title-section {
    margin-top: 11px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: rgb(var(--wp-grey))
}

.theme-side-tab .link-section {
    position: absolute;
    inset: 0 0 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    opacity: 0
}

.theme-side-tab .tab-themes-item:hover .link-section {
    opacity: 1
}

.theme-side-tab .link-for-tab {
    border: 1px solid var(--wp-white);
    padding: 10px 35px;
    font-size: 22px;
    color: var(--wp-white) !important;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s
}

.theme-side-tab .link-for-tab:hover {
    background-color: var(--wp-white);
    color: var(--product-theme-color) !important
}

@media screen and (max-width:1280px) {
    .theme-side-tab {
        top: 190px
    }

    .theme-side-tab .all-themes {
        padding-block: 30px;
        padding-inline: 30px calc(30px + 58px)
    }

    .theme-side-tab .side-tab-wrap {
        font-size: 18px;
        padding-block: 10px;
        padding-inline: 15px
    }

    .theme-side-tab .side-tab-wrap::before {
        margin-bottom: 15px
    }

    .theme-side-tab .image-section img {
        max-width: 170px
    }

    .theme-side-tab .link-for-tab {
        padding: 6px 30px;
        font-size: 16px
    }
}

@media screen and (max-width:767px) {
    .theme-side-tab {
        top: 130px
    }

    .theme-side-tab .side-tab-wrap {
        font-size: 16px;
        padding-block: 10px
    }

    .theme-side-tab .all-themes {
        padding-block: 30px;
        padding-inline: 30px calc(30px + 58px)
    }

    .theme-side-tab .tab-themes-item:not(:last-child) {
        margin-bottom: 15px
    }

    .theme-side-tab .image-section img {
        max-width: 140px
    }

    .theme-side-tab .link-for-tab {
        padding: 4px 20px;
        font-size: 12px
    }
}

@media screen and (max-width:480px) {
    .theme-side-tab .side-tab-wrap {
        font-size: 13px;
        padding-block: 4px;
        padding-inline: 10px
    }
}

.field_middle_section>div:nth-child(even) .middle-area-listing-panel {
    flex-direction: row-reverse
}

.middle-area-listing-panel {
    display: flex;
    flex-wrap: wrap
}

.home-page-sector-panel:nth-child(even) .middle-area-listing-panel {
    flex-direction: row-reverse
}

.middle-area-listing-panel .img-block {
    width: 50%;
    background-color: var(--grey);
    position: relative
}

.middle-area-listing-panel .img-block .field_theme_image,
.middle-area-listing-panel .img-block .field_theme_image div {
    height: 100%
}

.middle-area-listing-panel .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width:1081px) {
    .middle-area-listing-panel .img-block img {
        position: absolute
    }
}

.middle-area-listing-panel .body-block {
    width: 50%;
    padding: 85px 90px 95px;
    background-color: var(--wp-white);
    position: relative;
    z-index: 1
}

.middle-area-listing-panel .body-block::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--grey);
    z-index: -1
}

.field_middle_section>div:nth-child(odd) .body-block::after {
    background-color: var(--product-theme-color);
    opacity: .10
}

.middle-area-listing-panel .body-block .field_theme_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight);
    color: rgb(var(--wp-grey))
}

@media screen and (min-width:1281px) {
    .field_middle_section>div:nth-child(odd) .middle-area-listing-panel .body-block {
        padding-right: max(calc((100% - 1455px) / 2), 100px)
    }

    .field_middle_section>div:nth-child(even) .middle-area-listing-panel .body-block {
        padding-left: max(calc((100% - 1455px) / 2), 100px)
    }
}

.middle-area-listing-panel .body-block .body-block-img {
    display: none
}

.middle-area-listing-panel .body-block .field_subtitle {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    color: rgb(var(--wp-grey))
}

.middle-area-listing-panel .body-block h3 {
    color: #393e47
}

.middle-area-listing-panel .body-block h3 b {
    font-weight: 600
}

.middle-area-listing-panel .body-block .field_theme_description {
    margin-top: 25px;
    max-width: 630px
}

.middle-area-listing-panel .body-block .field_theme_description :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 26px
}

.middle-area-listing-panel .body-block .field_theme_description :where(ul, ol):not(:first-child) {
    margin-top: 8px
}

.middle-area-listing-panel .body-block .field_theme_description ul li::before {
    background-color: rgb(var(--wp-grey))
}

.middle-area-listing-panel .body-block .button {
    min-width: 165px;
    background-color: rgb(var(--wp-grey));
    border-color: rgb(var(--wp-grey));
    color: #fff
}

.middle-area-listing-panel .body-block .button:hover {
    background-color: transparent;
    color: rgb(var(--wp-grey))
}

.middle-area-listing-panel .body-block .field_icont {
    margin-top: 74px
}

.middle-area-listing-panel .body-block .field_icont img {
    max-width: 380px
}

.middle-area-listing-panel .body-block .black-buttons {
    margin-top: 39px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    grid-gap: 30px 20px
}

.sector-slider-wrap .owl-dots {
    margin-top: 44px
}

@media screen and (max-width:1440px) {
    .middle-area-listing-panel .body-block {
        padding: 70px 70px 70px
    }
}

@media screen and (max-width:1080px) {
    .field_home_page_sectors {
        padding-block: 29px 34px
    }

    .middle-area-listing-panel .body-block {
        width: 100%;
        padding: 40px 50px 40px;
        display: flex;
        flex-direction: column;
        background-color: var(--wp-white)
    }

    .middle-area-listing-panel .body-block h3 {
        position: relative;
        cursor: pointer;
        user-select: none
    }

    .middle-area-listing-panel .body-block .body-block-img {
        display: block;
        margin-top: 37px;
        margin-inline: -50px
    }

    .middle-area-listing-panel .body-block .field_icont {
        margin-top: 53px
    }

    .middle-area-listing-panel .body-block .field_icont img {
        max-width: 245px
    }

    .middle-area-listing-panel .body-block .black-buttons {
        margin-top: 36px;
        grid-gap: 15px 20px
    }

    .middle-area-listing-panel .img-block {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .middle-area-listing-panel .body-block {
        padding: 40px 30px 40px
    }
}

.packages-wrap {
    display: flex;
    position: relative
}

.packages-wrap::after {
    content: '';
    display: block;
    width: 100%;
    height: 58px;
    background: #000;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    z-index: 1
}

.item-package {
    width: calc(100% / 3);
    text-align: center;
    background-color: var(--wp-white)
}

.item-package h3 {
    background-color: var(--theme-color);
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px !important;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.item-package h3::after {
    content: '';
    width: 85px;
    height: 85px;
    display: block;
    background-color: var(--theme-color);
    margin: 0 auto;
    position: absolute;
    inset-inline: auto;
    bottom: calc(-85px / 2);
    transform: rotate(45deg);
    z-index: -1
}

.item-package .term-info {
    padding-block: 120px 110px;
    position: relative;
    z-index: 1
}

.item-package .term-info img {
    max-width: 105px;
    margin: 0 auto
}

.item-package .term-info .term-price-month {
    margin-top: 27px
}

.item-package .term-info .term-price-month p {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 500 !important
}

.item-package .term-info .term-price-month h2 {
    font-weight: 500 !important;
    margin-top: 3px;
    color: rgb(var(--wp-grey))
}

.item-package .term-info .term-price-setup {
    margin-top: 7px
}

.item-package .term-info .term-price-setup .price-bottom {
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 28px
}

.item-package .term-info .term-subtitle {
    margin-top: 37px;
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 500 !important
}

.item-package .term-info .term-description {
    margin-top: 9px
}

.item-package .arrow-wrap {
    height: 78px;
    position: absolute;
    inset-inline: 0;
    bottom: 32px;
    display: flex;
    justify-content: center
}

.item-package .arrow-wrap .arrow-down {
    border-bottom: 64px solid var(--theme-color);
    border-left: 64px solid transparent;
    position: absolute;
    transform: rotate(45deg)
}

.products-list .product-item {
    padding-block: 64px 75px;
    position: relative;
    z-index: 1
}

.products-list .product-item .theme-icon {
    max-width: 45px;
    margin: 0 auto
}

.products-list .product-item .title-product {
    margin-top: 30px;
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 500 !important;
    text-transform: uppercase
}

.products-list .product-item .product-img-bg {
    width: 274px;
    height: 269px;
    margin: 26px auto 0;
    background-image: url(/themes/custom/webpro/css/../img/theme-img-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.products-list .product-item .product-img-bg .product-img {
    width: 249px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 11px;
    overflow: hidden
}

.products-list .product-item .product-img-bg .product-img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover
}

.products-list .product-item .product-body {
    max-width: 440px;
    margin: 0 auto 0
}

.products-list .product-item .product-links {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    grid-gap: 15px 20px
}

.products-list .product-item .product-links .button {
    min-width: 165px;
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    border-color: rgb(var(--wp-grey))
}

.products-list .product-item .product-links .button:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.item-package .term-feature-title {
    background-color: var(--theme-color);
    min-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 500 !important;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.item-package .term-feature-content {
    position: relative
}

.item-package .term-feature-content::after {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background-color: var(--theme-color)
}

.item-package .term-feature-content::before {
    content: '';
    border-top: 64px solid var(--theme-color);
    border-left: 64px solid transparent;
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: rotate(-45deg) translateY(-50%);
    display: block
}

.theme-packages .item-package .term-feature-content::before {
    display: none
}

.item-package .term-feature-content .feature-items {
    font-size: 14px !important;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.item-package .bottom-prices {
    padding-block: 22px 72px;
    position: relative;
    z-index: 1
}

.item-package .bottom-prices .term-price-month p {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 500 !important
}

.item-package .bottom-prices .term-price-month h2 {
    font-weight: 500 !important;
    margin-top: 3px;
    color: rgb(var(--wp-grey))
}

.item-package .bottom-prices .term-price-setup {
    margin-top: 7px
}

.item-package .bottom-prices .term-price-setup .price-bottom {
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 28px
}

.item-package .term-info,
.products-list .product-item {
    padding-inline: 93px
}

.item-package .term-info::after,
.products-list .product-item::after,
.item-package .term-feature-content .feature-items::after,
.item-package .bottom-prices::after {
    content: '';
    display: block;
    background-color: var(--theme-color);
    position: absolute;
    inset: 0;
    opacity: .10;
    z-index: -1
}

.products-list .product-item:nth-child(1):after {
    opacity: .15
}

.products-list .product-item:nth-child(2):after {
    opacity: .20
}

.products-list .product-item:nth-child(3):after {
    opacity: .25
}

.products-list .product-item:nth-child(4):after {
    opacity: .30
}

.products-list .product-item:nth-child(5):after {
    opacity: .35
}

.products-list .product-item:nth-child(6):after {
    opacity: .40
}

.item-package .term-feature-content .feature-items:nth-child(even)::after {
    opacity: .20
}

.packages-wrap .item-package:nth-child(2) .term-info::before {
    content: '';
    display: block;
    width: 114px;
    height: 171px;
    background-image: url(/themes/custom/webpro/css/../img/badge.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 40px
}

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

    .item-package .term-info,
    .products-list .product-item {
        padding-inline: 40px
    }
}

@media screen and (max-width:1280px) {
    .products-list .product-item .product-links {
        flex-wrap: wrap;
        grid-gap: 15px 10px
    }

    .products-list .product-item .product-links .button {
        min-width: 145px
    }

    .item-package h3 {
        font-size: 30px !important
    }

    .packages-wrap .item-package:nth-child(2) .term-info::before {
        width: 65px;
        height: 95px;
        left: 15px
    }
}

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

    .item-package .term-info,
    .products-list .product-item {
        padding-inline: 20px
    }

    .products-list .product-item .product-img-bg {
        width: 215px;
        height: 211px
    }

    .products-list .product-item .product-img-bg .product-img {
        width: 197px;
        height: 120px;
        top: 8px
    }
}

@media screen and (max-width:991px) {
    .packages-wrap {
        flex-wrap: wrap
    }

    .item-package {
        width: 100%
    }

    .item-package h3 {
        min-height: 70px
    }

    .item-package h3::after {
        width: 45px;
        height: 45px;
        bottom: calc(-45px / 2)
    }

    .item-package .term-info {
        padding-block: 70px 90px
    }

    .item-package .arrow-wrap .arrow-down {
        border-bottom: 45px solid var(--theme-color);
        border-left: 45px solid transparent;
        bottom: 0
    }

    .products-list .product-item {
        padding-block: 40px 44px
    }

    .item-package .term-feature-title {
        min-height: 100px
    }

    .item-package .term-feature-content::after {
        height: 70px
    }

    .item-package .term-feature-content::before {
        border-top: 45px solid var(--theme-color);
        border-left: 45px solid transparent;
        bottom: 31px;
        left: calc(50% - 7px)
    }
}

body.node-1387 :is(.field_cta, .contact-strip-bottom) {
    display: none
}

body.node-1387 .field_cta~.field_cta {
    display: block
}

body.node-1387 .field_cta2:not(.visual) {
    display: none
}

.webform-submission-testimonial-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 73px
}

.webform-submission-testimonial-form #edit-your-details label,
.webform-submission-testimonial-form #edit-processed-text p,
.webform-submission-testimonial-form .form-item-your-testimonial label {
    font-size: 22px !important;
    font-weight: 500 !important
}

.webform-submission-testimonial-form #edit-your-details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 33px 20px
}

.webform-submission-testimonial-form #edit-your-details label {
    width: 100%
}

.webform-submission-testimonial-form #edit-your-details .form-item label {
    display: none
}

.webform-submission-testimonial-form #edit-your-details .form-item {
    flex: 1
}

.webform-submission-testimonial-form #edit-processed-text {
    margin-top: 69px;
    width: 100%
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) {
    width: calc(100% / 3);
    margin-top: 30px;
    padding: 0 25px
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(1) figure {
    width: 92px;
    height: 92px;
    border: 3px solid var(--grey);
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(1) figure img {
    max-width: 49px;
    max-height: 50px;
    object-fit: contain
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(1) figure::before {
    content: '';
    display: block;
    width: 77px;
    height: 77px;
    position: absolute;
    border-radius: 50%;
    background-color: var(--main-highlight-color);
    z-index: -1
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(1) svg {
    position: relative;
    z-index: 1;
    font-size: 50px;
    color: #fff;
    width: 92px
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(1) p {
    font-size: 18px !important;
    color: var(--main-highlight-color);
    font-weight: 700 !important;
    width: calc(100% - 92px);
    padding-left: 15px
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(2) {
    font-size: 11px;
    font-weight: 700;
    color: var(--main-highlight-color);
    display: flex;
    justify-content: flex-end;
    margin-bottom: 21px
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(2) span {
    width: 90px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    line-height: initial;
    margin-left: 35px
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper#edit-template-design #edit-processed-text-01,
.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper#edit-creative-agency #edit-processed-text-02,
.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper#edit-online-marketing #edit-processed-text-03 {
    display: none
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper label {
    flex: 1
}

.webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper .form-item {
    width: 90px;
    display: flex;
    justify-content: center;
    margin-left: 35px
}

.webform-submission-testimonial-form .form-item-your-testimonial {
    width: 100%;
    margin-top: 67px
}

.webform-submission-testimonial-form .form-item-your-testimonial textarea {
    min-height: 180px;
    margin-top: 30px;
    resize: none
}

.webform-submission-testimonial-form #edit-privacy--wrapper {
    margin-top: 54px;
    width: 100%
}

.webform-submission-testimonial-form #edit-privacy--wrapper legend {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

.webform-submission-testimonial-form .fieldset-wrapper #edit-privacy {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0 30px
}

.webform-submission-testimonial-form .button {
    margin-top: 55px;
    min-width: 222px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white);
    padding: 16px 20px;
    cursor: pointer
}

.webform-submission-testimonial-form .button:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color)
}

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

    .webform-submission-testimonial-form:is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper .form-item,
    .webform-submission-testimonial-form:is(#edit-website-services, #edit-creative-services, #edit-marketing-services):is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(2) span:nth-child(2) {
        margin-left: 10px
    }
}

@media screen and (max-width:1280px) {
    .webform-submission-testimonial-form:is(#edit-website-services, #edit-creative-services, #edit-marketing-services) {
        width: 100%;
        max-width: 480px;
        padding: 0
    }

    .webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper .form-item,
    .webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(2) span {
        margin-left: 30px
    }
}

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

    .webform-submission-testimonial-form #edit-your-details label,
    .webform-submission-testimonial-form #edit-processed-text p,
    .webform-submission-testimonial-form .form-item-your-testimonial label {
        font-size: 16px !important
    }

    .webform-submission-testimonial-form #edit-your-details {
        grid-gap: 15px 20px
    }

    .webform-submission-testimonial-form #edit-your-details .form-item {
        flex: 100%
    }

    .webform-submission-testimonial-form .form-item-your-testimonial {
        margin-top: 30px
    }

    .webform-submission-testimonial-form #edit-privacy--wrapper {
        margin-top: 30px
    }

    .webform-submission-testimonial-form .form-item-your-testimonial textarea {
        min-height: 100px
    }

    .webform-submission-testimonial-form .button {
        margin-top: 35px
    }
}

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

    .webform-submission-testimonial-form:is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper .form-item,
    .webform-submission-testimonial-form:is(#edit-website-services, #edit-creative-services, #edit-marketing-services):is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(2) {
        margin-left: 10px
    }
}

@media screen and (max-width:365px) {
    .webform-submission-testimonial-form:is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper {
        align-items: center
    }

    .webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) :is(#edit-website-services-text, #edit-creative-services-text, #edit-marketing-services-text)>div:nth-child(2) span {
        width: 70px
    }

    .webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper .form-item:nth-child(2),
    .webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper .form-item:nth-child(3),
    .webform-submission-testimonial-form :is(#edit-website-services, #edit-creative-services, #edit-marketing-services) .form-wrapper .form-item:last-child {
        width: 70px
    }
}

body:is(.node-1829) .webform-submission-enquiry-form-form {
    padding-block: 0 73px
}

body:is(.node-1829) .webform-submission-enquiry-form-form :is(#edit-heading p) {
    font-size: 22px !important;
    font-weight: 500 !important
}

body:is(.node-1829) .webform-submission-enquiry-form-form .formRow {
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 33px 20px
}

body:is(.node-1829) .webform-submission-enquiry-form-form .formRow .form-item {
    flex: 1
}

body:is(.node-1829) .webform-submission-enquiry-form-form #edit-online-marketing--wrapper legend,
body:is(.node-1829) .webform-submission-enquiry-form-form #edit-please-confirm--wrapper legend {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

body:is(.node-1829) .webform-submission-enquiry-form-form #edit-online-marketing--wrapper,
body:is(.node-1829) .webform-submission-enquiry-form-form #edit-please-confirm--wrapper {
    margin-top: 54px;
    width: 100%
}

body:is(.node-1829) .webform-submission-enquiry-form-form #edit-online-marketing {
    margin-top: 28px;
    display: flex;
    grid-gap: 0 30px
}

body:is(.node-1829) .webform-submission-enquiry-form-form #edit-please-confirm--wrapper .fieldset-wrapper {
    margin-top: 28px
}

body:is(.node-1829) .webform-submission-enquiry-form-form .js-form-type-textarea {
    width: 100%;
    margin-top: 67px
}

body:is(.node-1829) .webform-submission-enquiry-form-form .js-form-type-textarea label {
    font-size: 22px !important;
    font-weight: 500 !important
}

body:is(.node-1829) .webform-submission-enquiry-form-form .js-form-type-textarea textarea {
    min-height: 180px;
    margin-top: 30px;
    resize: none
}

body:is(.node-1829) .webform-submission-enquiry-form-form #edit-please-confirm {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px 30px
}

body:is(.node-1829) .webform-submission-enquiry-form-form #edit-please-confirm .form-item label {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-left: 5px
}

body:is(.node-1829) .webform-submission-enquiry-form-form .form-actions .button {
    margin-top: 55px;
    min-width: 222px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white);
    padding: 16px 20px;
    cursor: pointer
}

body:is(.node-1829) .webform-submission-enquiry-form-form .form-actions .button:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color)
}

@media screen and (max-width:767px) {
    body:is(.node-1829) .webform-submission-enquiry-form-form .formRow {
        margin-top: 20px;
        flex-direction: column;
        grid-gap: 20px 20px
    }

    body:is(.node-1829) .webform-submission-enquiry-form-form #edit-online-marketing--wrapper,
    body:is(.node-1829) .webform-submission-enquiry-form-form #edit-please-confirm--wrapper {
        margin-top: 30px
    }

    body:is(.node-1829) .webform-submission-enquiry-form-form :is(#edit-heading p),
    body:is(.node-1829) .webform-submission-enquiry-form-form .js-form-type-textarea label {
        font-size: 16px !important
    }

    body:is(.node-1829) .webform-submission-enquiry-form-form .js-form-type-textarea {
        margin-top: 30px
    }

    body:is(.node-1829) .webform-submission-enquiry-form-form .js-form-type-textarea textarea {
        min-height: 100px
    }

    body:is(.node-1829) .webform-submission-enquiry-form-form .form-actions .button {
        margin-top: 35px
    }

    body:is(.node-1829) .webform-submission-enquiry-form-form #edit-please-confirm .form-item {
        flex: 1;
        min-width: 150px
    }
}

.node-type-guides .top-body-area .share-wtih-back-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 10px
}

.node-type-guides .top-body-area .share-wtih-back-link .left-part a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: var(--main-highlight-color);
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative
}

.node-type-guides .top-body-area .share-wtih-back-link .left-part a::before {
    content: '\f104';
    margin-left: 5px;
    font-family: 'FontAwesome';
    margin-right: 10px
}

.node-type-guides .top-body-area .share-wtih-back-link .right-part a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: var(--main-highlight-color);
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none
}

.node-type-guides .top-body-area .share-wtih-back-link .right-part a::after {
    content: '\f1e0';
    margin-left: 5px;
    font-family: 'FontAwesome'
}

.node-type-guides .top-body-area .share-wtih-back-link .right-part a .a2a_svg {
    display: none
}

.node-type-guides .top-body-area .share-wtih-back-link .right-part a .a2a_label {
    position: unset !important;
    clip-path: unset;
    width: auto;
    height: auto;
    overflow: visible
}

.node-type-guides .top-body-area img.wp-logo {
    display: none
}

.node-type-guides .top-body-area .field_body_title {
    max-width: unset;
    margin: 54px 0 0;
    text-align: left
}

.node-type-guides .top-body-area>.field_body {
    max-width: unset;
    margin: 26px 0 0;
    text-align: left
}

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

    .node-type-guides .top-body-area .field_body_title,
    .node-type-guides .top-body-area .field_body {
        width: 100%
    }
}

body:not(.node-type-home-page).node-type-guides .header-area {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

body:not(.node-type-home-page).node-type-guides .header-area .field_guide_type {
    width: 100%;
    margin-bottom: 30px
}

body:not(.node-type-home-page).node-type-guides .header-area h1 {
    max-width: calc(100% - 500px)
}

body:not(.node-type-home-page).node-type-guides .header-area .field_guide_type a {
    font-size: 16px;
    color: var(--wp-white);
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase
}

body:not(.node-type-home-page).node-type-guides .header-area .field_header_image {
    max-width: 452px;
    margin-top: calc(-30px - 26px)
}

@media screen and (max-width:1080px) {
    body:not(.node-type-home-page).node-type-guides .header-area h1 {
        max-width: 100%
    }

    body:not(.node-type-home-page).node-type-guides .header-area .field_header_image {
        margin-top: 30px
    }
}

@media screen and (max-width:767px) {
    body:not(.node-type-home-page).node-type-guides .header-area .field_guide_type {
        margin-bottom: 15px
    }

    body:not(.node-type-home-page).node-type-guides .header-area .field_guide_type a {
        font-size: 14px
    }
}

.node-type-guides .body-one-area {
    display: flex;
    flex-wrap: wrap;
    padding-block: 30px 140px;
    padding-inline: var(--container-spacing)
}

.node-type-guides .body-one-area .field_body1_image {
    max-width: 440px
}

.node-type-guides .body-one-area .body1-area-content {
    width: calc(100% - 440px);
    padding-left: 150px
}

.node-type-guides .body-one-area .body1-area-content .field_body1_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.node-type-guides .body-one-area .body1-area-content .field_body1_body {
    margin-top: 27px
}

.node-type-guides .body-one-area .body1-area-content .field_body1_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .body-one-area .body1-area-content .field_body1_body :is(ul, ol) li {
    color: #000
}

@media screen and (max-width:1280px) {
    .node-type-guides .body-one-area .body1-area-content {
        padding-left: 100px
    }
}

@media screen and (max-width:1080px) {
    .node-type-guides .body-one-area {
        padding-block: 10px 70px
    }

    .node-type-guides .body-one-area .body1-area-content {
        margin-top: 70px;
        width: 100%;
        padding-left: 0
    }

    .node-type-guides .body-one-area .field_body1_image {
        max-width: 310px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .body-one-area {
        padding-block: 10px 40px
    }

    .node-type-guides .body-one-area .body1-area-content {
        margin-top: 40px
    }

    .node-type-guides .body-one-area .body1-area-content .field_body1_body {
        margin-top: 19px
    }

    .node-type-guides .body-one-area .body1-area-content .field_body1_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .image-and-body-area {
    display: flex;
    flex-wrap: wrap;
    padding-block: 140px 140px;
    padding-inline: var(--container-spacing)
}

.node-type-guides .image-and-body-area .field_image_and_body_area_image {
    max-width: 440px
}

.node-type-guides .image-and-body-area .image-and-body-content {
    width: calc(100% - 440px);
    padding-left: 150px
}

.node-type-guides .image-and-body-area .image-and-body-content .field_image_and_body_area_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.node-type-guides .image-and-body-area .image-and-body-content .field_image_and_body_area_body {
    margin-top: 27px
}

.node-type-guides .image-and-body-area .image-and-body-content .field_image_and_body_area_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .image-and-body-area .image-and-body-content .field_image_and_body_area_body :is(ul, ol) li {
    color: #000
}

@media screen and (max-width:1280px) {
    .node-type-guides .image-and-body-area .image-and-body-content {
        padding-left: 100px
    }
}

@media screen and (max-width:1080px) {
    .node-type-guides .image-and-body-area {
        padding-block: 10px 70px
    }

    .node-type-guides .image-and-body-area .image-and-body-content {
        margin-top: 70px;
        width: 100%;
        padding-left: 0
    }

    .node-type-guides .image-and-body-area .field_image_and_body_area_image {
        max-width: 310px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .image-and-body-area {
        padding-block: 10px 40px
    }

    .node-type-guides .image-and-body-area .image-and-body-content {
        margin-top: 40px
    }

    .node-type-guides .image-and-body-area .image-and-body-content .field_image_and_body_area_body {
        margin-top: 19px
    }

    .node-type-guides .image-and-body-area .image-and-body-content .field_image_and_body_area_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .green-body-section {
    padding-block: 95px 105px;
    padding-inline: var(--container-spacing);
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.node-type-guides .green-body-section .field_green_area_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.node-type-guides .green-body-section .field_green_area_body {
    margin-top: 27px
}

.node-type-guides .green-body-section .field_green_area_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

@media screen and (max-width:1080px) {
    .node-type-guides .green-body-section {
        padding-block: 70px 70px
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .green-body-section {
        padding-block: 40px 40px
    }

    .node-type-guides .green-body-section .field_green_area_body {
        margin-top: 19px
    }

    .node-type-guides .green-body-section .field_green_area_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .green2-body-section {
    padding-block: 95px 105px;
    padding-inline: var(--container-spacing);
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.node-type-guides .green2-body-section .field_body4_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .green2-body-section a {
    color: rgba(var(--wp-grey)) !important
}

.node-type-guides .green2-body-section a:hover {
    color: var(--wp-white) !important
}

@media screen and (max-width:1080px) {
    .node-type-guides .green2-body-section {
        padding-block: 70px 70px
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .green2-body-section {
        padding-block: 40px 40px
    }

    .node-type-guides .green2-body-section .field_body4_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .body2-area {
    padding-block: 120px 120px;
    position: relative;
    color: var(--wp-white)
}

.node-type-guides .body2-area .field_body2_image_upload {
    position: absolute;
    inset: 0;
    z-index: -1
}

.node-type-guides .body2-area .field_body2_image_upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top
}

.node-type-guides .body2-area .field_body2_body {
    margin-top: 30px
}

.node-type-guides .body2-area .field_body2_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .body2-area .field_guide_accordian {
    margin-top: 59px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 30px 30px
}

.node-type-guides .body2-area .field_guide_accordian>div {
    flex: 1
}

.node-type-guides .body2-area .field_guide_accordian>div .paragraph {
    max-width: 380px
}

.node-type-guides .body2-area .icon-and-title .field_image_upload {
    width: 92px;
    height: 92px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wp-white);
    border: 2px solid var(--grey);
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.node-type-guides .body2-area .icon-and-title .field_image_upload::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: var(--main-highlight-color)
}

.node-type-guides .body2-area .icon-and-title {
    display: flex;
    align-items: center
}

.node-type-guides .body2-area .icon-and-title .field_image_upload img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain
}

.node-type-guides .body2-area .icon-and-title .field_title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    width: calc(100% - 92px);
    padding-left: 15px;
    color: var(--main-highlight-color)
}

.node-type-guides .body2-area .field_body {
    margin-top: 17px
}

@media screen and (max-width:767px) {
    .node-type-guides .body2-area {
        padding-block: 40px 40px
    }

    .node-type-guides .body2-area .field_guide_accordian>div .paragraph {
        max-width: unset
    }

    .node-type-guides .body2-area .field_guide_accordian {
        margin-top: 30px
    }
}

.node-type-guides .black-body-two-section {
    padding-block: 120px 120px;
    padding-inline: var(--container-spacing);
    position: relative;
    color: var(--wp-white)
}

.node-type-guides .black-body-two-section .field_black_body2_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.node-type-guides .black-body-two-section .field_black_body2_background_ima {
    position: absolute;
    inset: 0;
    z-index: -1
}

.node-type-guides .black-body-two-section .field_black_body2_background_ima img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top
}

.node-type-guides .black-body-two-section .field_black_body2_body {
    margin-top: 30px
}

.node-type-guides .black-body-two-section .field_black_body2_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .black-body-two-section .field_guide_accordian {
    margin-top: 59px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 30px 30px
}

.node-type-guides .black-body-two-section .field_guide_accordian>div {
    flex: 1
}

.node-type-guides .black-body-two-section .field_guide_accordian>div .paragraph {
    max-width: 380px
}

.node-type-guides .black-body-two-section .icon-and-title .field_image_upload {
    width: 92px;
    height: 92px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wp-white);
    border: 2px solid var(--grey);
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.node-type-guides .black-body-two-section .icon-and-title .field_image_upload::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: var(--main-highlight-color)
}

.node-type-guides .black-body-two-section .icon-and-title {
    display: flex;
    align-items: center
}

.node-type-guides .black-body-two-section .icon-and-title .field_image_upload img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain
}

.node-type-guides .black-body-two-section .icon-and-title .field_title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    width: calc(100% - 92px);
    padding-left: 15px;
    color: var(--main-highlight-color)
}

.node-type-guides .black-body-two-section .field_body {
    margin-top: 17px
}

@media screen and (max-width:767px) {
    .node-type-guides .black-body-two-section {
        padding-block: 40px 40px
    }

    .node-type-guides .black-body-two-section .field_guide_accordian>div .paragraph {
        max-width: unset
    }

    .node-type-guides .black-body-two-section .field_guide_accordian {
        margin-top: 30px
    }

    .node-type-guides .black-body-two-section .field_black_body2_body {
        margin-top: 24px
    }

    .node-type-guides .black-body-two-section .field_black_body2_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .body5-area .field_body_5_area {
    counter-reset: number;
    padding-block: 100px
}

.node-type-guides .body5-area .field_body_5_area>div {
    display: flex;
    grid-gap: 0 30px
}

.node-type-guides .body5-area .field_body_5_area>div:not(:last-child) {
    margin-bottom: 38px
}

.node-type-guides .body5-area .field_body_5_area>div .paragraph {
    flex: 1
}

.node-type-guides .body5-area .field_body_5_area>div::before {
    counter-increment: number;
    content: counter(number);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    background-color: var(--main-highlight-color);
    border-radius: 50%;
    font-size: 28px;
    font-weight: 600;
    color: var(--wp-white);
    outline: 2px solid var(--grey);
    outline-offset: 2px
}

.node-type-guides .body5-area .field_icon {
    display: none
}

.node-type-guides .body5-area .field_body {
    padding-top: 0
}

.node-type-guides .body5-area .field_body5_image {
    padding-block: 82px 99px;
    background-color: var(--light-grey)
}

.node-type-guides .body5-area .field_body5_image img {
    width: 100%
}

@media screen and (max-width:767px) {
    .node-type-guides .body5-area .field_body_5_area>div {
        grid-gap: 0 15px
    }

    .node-type-guides .body5-area .field_body_5_area>div::before {
        width: 55px;
        height: 55px;
        font-size: 20px
    }

    .node-type-guides .body5-area .field_body_5_area {
        padding-block: 70px
    }

    .node-type-guides .body5-area .field_body5_image {
        padding-block: 70px
    }
}

.node-type-guides .body5-content-area {
    padding-block: 114px 114px;
    padding-inline: max(calc((100% - 1455px) / 2), 100px);
    display: flex;
    flex-wrap: wrap;
    background-color: var(--grey)
}

.node-type-guides .body5-content-area .field_body5_title {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

.node-type-guides .body5-content-area .field_body5_quote {
    width: 486px;
    font-size: 34px;
    line-height: 56px;
    border-block: 5px solid var(--main-highlight-color);
    padding-block: 27px;
    margin-block: 20px auto
}

.node-type-guides .body5-content-area .body5-title-and-body {
    margin-top: 30px;
    width: calc(100% - 486px);
    padding-right: 100px
}

.node-type-guides .body5-content-area .field_body5_body {
    margin-top: 30px
}

.node-type-guides .body5-content-area .body5-title-and-body .field_body5_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .body5-content-area .body5-title-and-body .field_body5_body :is(ul, ol) li * {
    margin-top: 0 !important
}

@media screen and (max-width:1280px) {
    .node-type-guides .body5-content-area {
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }

    .node-type-guides .body5-content-area .field_body5_quote {
        padding-block: 15px;
        font-size: var(--h4);
        line-height: var(--h4-leading);
        border-width: 2px
    }
}

@media screen and (max-width:1080px) {
    .node-type-guides .body5-content-area {
        padding-block: 70px 70px
    }

    .node-type-guides .body5-content-area .field_body5_quote {
        width: 100%;
        margin-block: 40px 0
    }

    .node-type-guides .body5-content-area .body5-title-and-body {
        margin-top: 0;
        width: 100%;
        padding-right: 0
    }

    .node-type-guides .body5-content-area .body5-title-and-body p {
        margin-top: 24px
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .body5-content-area {
        padding-block: 30px;
        padding-inline: max(calc((100% - 640px) / 2), 30px)
    }

    .node-type-guides .body5-content-area .body5-title-and-body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .grey-area {
    padding-block: 95px 105px;
    padding-inline: var(--container-spacing);
    background-color: #3e4754;
    color: var(--wp-white)
}

.node-type-guides .grey-area .field_grey_area_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.node-type-guides .grey-area .field_grey_area_body {
    margin-top: 27px
}

.node-type-guides .grey-area .field_grey_area_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .grey-area .field_grey_area_body ol li p {
    margin-top: 0 !important
}

@media screen and (max-width:1080px) {
    .node-type-guides .grey-area {
        padding-block: 70px 70px
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .grey-area {
        padding-block: 40px 40px
    }

    .node-type-guides .grey-area .field_grey_area_body {
        margin-top: 19px
    }

    .node-type-guides .grey-area .field_grey_area_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .body3-area {
    display: flex;
    flex-wrap: wrap;
    padding-block: 114px 83px
}

.node-type-guides .body3-area .left-area {
    width: calc(100% - 486px);
    padding-right: 100px
}

.node-type-guides .body3-area .right-area {
    width: 486px
}

.node-type-guides .body3-area .left-area .field_body3_title {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

.node-type-guides .body3-area .left-area .field_body3_body {
    margin-top: 27px
}

.node-type-guides .body3-area .left-area .field_body3_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .body3-area .right-area {
    width: 486px
}

.node-type-guides .body3-area .right-area .field_body3_quote {
    font-size: 34px;
    line-height: 56px;
    border-block: 5px solid var(--main-highlight-color);
    padding-block: 27px
}

.node-type-guides .body3-area .right-area .field_body_3_image {
    margin-top: 62px
}

.node-type-guides .body3-area .right-area .field_body_3_image img {
    width: 100%;
    max-width: 486px
}

@media screen and (max-width:1280px) {
    .node-type-guides .body3-area .right-area .field_body3_quote {
        padding-block: 15px;
        font-size: var(--h4);
        line-height: var(--h4-leading);
        border-width: 2px
    }
}

@media screen and (max-width:1080px) {
    .node-type-guides .body3-area {
        padding-block: 70px 70px
    }

    .node-type-guides .body3-area .left-area {
        width: 100%;
        padding-right: 0
    }

    .node-type-guides .body3-area .right-area {
        margin-top: 30px;
        width: 100%
    }

    .node-type-guides .body3-area .left-area .field_body3_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 24px
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .body3-area {
        padding-block: 40px 40px
    }

    .node-type-guides .body3-area .left-area .field_body3_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .body6-area {
    padding-block: 88px 164px
}

.node-type-guides .body6-area .field_body6_title {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

.node-type-guides .field_body6_body {
    margin-top: 27px
}

.node-type-guides .field_body6_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

@media screen and (max-width:1280px) {
    .node-type-guides .body6-area {
        padding-block: 70px 70px
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .body6-area {
        padding-block: 40px 40px
    }

    .node-type-guides .field_body6_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

.node-type-guides .body-with-image-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-block: 140px 140px;
    padding-inline: var(--container-spacing);
    background-color: var(--grey)
}

.node-type-guides .body-with-image-area .field_body_with_image_image {
    max-width: 530px
}

.node-type-guides .body-with-image-area .body-with-image-content {
    width: calc(100% - 530px);
    padding-right: 60px
}

.node-type-guides .body-with-image-area .body-with-image-content .field_body_with_image_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.node-type-guides .body-with-image-area .body-with-image-content .field_body_with_image_body {
    margin-top: 27px
}

.node-type-guides .body-with-image-area .body-with-image-content .field_body_with_image_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 27px
}

.node-type-guides .body-with-image-area .body-with-image-content .field_body_with_image_body :is(ul, ol) li {
    color: #000
}

@media screen and (max-width:1280px) {
    .node-type-guides .body-with-image-area {
        flex-direction: column-reverse
    }

    .node-type-guides .body-with-image-area .body-with-image-content {
        padding-right: 60px
    }
}

@media screen and (max-width:1080px) {
    .node-type-guides .body-with-image-area {
        padding-block: 70px 70px
    }

    .node-type-guides .body-with-image-area .body-with-image-content {
        margin-top: 70px;
        width: 100%;
        padding-right: 0
    }

    .node-type-guides .body-with-image-area .field_body_with_image_image {
        max-width: 310px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    .node-type-guides .body-with-image-area {
        padding-block: 40px 40px
    }

    .node-type-guides .body-with-image-area .body-with-image-content {
        margin-top: 40px
    }

    .node-type-guides .body-with-image-area .body-with-image-content .field_body_with_image_body {
        margin-top: 19px
    }

    .node-type-guides .body-with-image-area .body-with-image-content .field_body_with_image_body :is(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 19px
    }
}

body.node-1392 .top-body-area,
body.node-2178 .top-body-area {
    padding-bottom: 0
}

body.node-1392 .top-body-area .wp-logo,
body.node-2178 .top-body-area .wp-logo {
    display: none
}

body.node-1392 .top-body-area .field_body_title,
body.node-2178 .top-body-area .field_body_title {
    margin-top: 0
}

body.node-1392 .top-body-area .field_body,
body.node-2178 .top-body-area .field_body {
    max-width: 1210px;
    text-align: left;
    margin-left: 0
}

body.node-1392 .searchKeyword,
body.node-2178 .searchKeyword {
    justify-content: flex-start
}

body.node-1392 .searchKeyword form,
body.node-2178 .searchKeyword form {
    justify-content: flex-start
}

body.node-1392 .searchKeyword form label,
body.node-2178 .searchKeyword form label {
    display: none
}

@media screen and (max-width:767px) {
    body:is(.node-1392) .top-body-area .field_body_title,
    body:is(.node-2178) .top-body-area .field_body_title  {
        margin-inline: auto;
        text-align: center
    }

    body.node-1392 .top-body-area .field_body,
    body.node-2178 .top-body-area .field_body {
        text-align: center;
        margin-inline: auto
    }
}

body:not(.node-type-home-page).node-1392 .header-area,
body:not(.node-type-home-page).node-2178 .header-area {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

body:not(.node-type-home-page).node-1392 .header-area h1,
body:not(.node-type-home-page).node-2178 .header-area h1 {
    max-width: calc(100% - 500px)
}

body:not(.node-type-home-page).node-1392 .header-area .field_guide_type a,
body:not(.node-type-home-page).node-2178 .header-area .field_guide_type a {
    font-size: 16px;
    color: var(--wp-white);
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase
}

body:not(.node-type-home-page).node-1392 .header-area .field_header_image,
body:not(.node-type-home-page).node-2178 .header-area .field_header_image {
    max-width: 452px
}

body:not(.node-type-home-page).node-1392 .searchKeyword,
body:not(.node-type-home-page).node-2178 .searchKeyword {
    margin-top: 30px
}

@media screen and (max-width:1080px) {
    body:not(.node-type-home-page).node-1392 .header-area .field_header_image,
    body:not(.node-type-home-page).node-2178 .header-area .field_header_image {
        margin-top: 30px
    }
}

@media screen and (max-width:767px) {
    body:not(.node-type-home-page).node-1392 .header-area,
    body:not(.node-type-home-page).node-2178 .header-area {
        flex-wrap: nowrap;
        justify-content: unset;
        padding-top: 25px;
        padding-bottom: 25px
    }

    body:not(.node-type-home-page).node-1392 .header-area .field_guide_type a,
    body:not(.node-type-home-page).node-2178 .header-area .field_guide_type a {
        font-size: 14px
    }

    body:not(.node-type-home-page).node-1392 .header-area h1,
    body:not(.node-type-home-page).node-2178 .header-area h1 {
        max-width: 150px
    }

    body:not(.node-type-home-page).node-1392 .header-area .field_header_image,
    body:not(.node-type-home-page).node-2178 .header-area .field_header_image {
        max-width: 300px;
        margin-top: 0
    }
}

.views-view-grid {
    margin-block: 67px 0
}

div[class*="js-view-dom-id"]:has(.pager) .views-view-grid {
    margin-bottom: 65px
}

.views-view-grid .views-col .views-row {
    display: flex;
    flex-wrap: wrap;
    padding-block: 92px 89px
}

.views-view-grid .views-col .views-row:nth-child(odd) {
    background-color: var(--grey)
}

.views-view-grid .views-col .views-row.row-3 {
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.views-view-grid .views-col .views-row:nth-child(even) {
    flex-direction: row-reverse
}

.views-view-grid .views-col .views-row .views-field:not(.views-field-field-guides-image) {
    width: calc(100% - 515px);
    padding-right: 130px
}

.views-view-grid .views-col .views-row:nth-child(even) .views-field:not(.views-field-field-guides-image) {
    padding-left: 130px;
    padding-right: 0
}

.views-view-grid .views-col .views-row .guides-content .guide-type {
    font-size: 16px;
    font-weight: 600;
    color: var(--main-highlight-color);
    text-transform: uppercase
}

.views-view-grid .views-col .views-row.row-3 .guides-content .guide-type {
    color: var(--wp-white)
}

.views-view-grid .views-col .views-row .guides-content h3 {
    margin-top: 12px
}

.views-view-grid .views-col .views-row .guides-content p {
    margin-top: 19px
}

.views-view-grid .views-col .views-row .guides-content a {
    margin-top: 26px;
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    border-color: rgb(var(--wp-grey))
}

.views-view-grid .views-col .views-row .guides-content a:hover {
    background-color: transparent;
    border-color: rgb(var(--wp-grey));
    color: rgb(var(--wp-grey))
}

.views-view-grid .views-col .views-row .guides-content ul {
    margin-top: 19px
}

.views-view-grid .views-col .views-row.row-3 .guides-content ul li {
    color: var(--wp-white)
}

.views-view-grid .views-col .views-row.row-3 .guides-content ul li::before {
    background-color: var(--wp-white)
}

.views-view-grid .views-col .views-row .views-field-field-guides-image {
    width: 515px
}

.views-view-grid .views-col .views-row .views-field-field-guides-image img {
    width: 100%
}

.views-view-grid .views-col .views-row.On {
    position: relative
}

.views-view-grid .views-col .views-row.On::before {
    content: '';
    display: block;
    width: 45px;
    aspect-ratio: 45/54;
    background-image: url('/themes/custom/webpro/css/../img/new-guide.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: max(calc((100% - 1455px) / 2), 100px)
}

@media screen and (max-width:1366px) {
    .views-view-grid .views-col .views-row .views-field:not(.views-field-field-guides-image) {
        width: calc(100% - 300px)
    }

    .views-view-grid .views-col .views-row .views-field-field-guides-image {
        width: 300px
    }

    .views-view-grid .views-col .views-row .views-field:not(.views-field-field-guides-image) {
        padding-right: 70px
    }

    .views-view-grid .views-col .views-row:nth-child(even) .views-field:not(.views-field-field-guides-image) {
        padding-left: 70px
    }
}

@media screen and (max-width:1280px) {
    .views-view-grid .views-col .views-row.row-1::before {
        left: max(calc((100% - 1080px) / 2), 50px)
    }
}

@media screen and (max-width:991px) {
    .views-view-grid .views-col .views-row {
        padding-block: 40px 40px;
        flex-direction: column-reverse
    }

    .views-view-grid .views-col .views-row:nth-child(even) {
        flex-direction: column-reverse
    }

    .views-view-grid .views-col .views-row .views-field:not(.views-field-field-guides-image) {
        margin-top: 30px;
        width: 100%;
        padding-right: 0
    }

    .views-view-grid .views-col .views-row:nth-child(even) .views-field:not(.views-field-field-guides-image) {
        padding-left: 0
    }

    .views-view-grid .views-col .views-row .views-field-field-guides-image {
        margin: 30px auto 0
    }
}

@media screen and (max-width:767px) {
    .views-view-grid .views-col .views-row.row-1::before {
        left: max(calc((100% - 640px) / 2), 30px)
    }
}

.node-type-project-checklist .header-section {
    padding-block: 90px 76px
}

.node-type-project-checklist .header-section .wp-logo {
    max-width: 76px;
    margin-inline: auto
}

.node-type-project-checklist .body-and-image {
    margin-top: 58px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.node-type-project-checklist .field_image_upload {
    width: 525px
}

.node-type-project-checklist .body-field-with-email {
    width: calc(100% - 525px);
    max-width: 700px;
    padding-left: 110px
}

.node-type-project-checklist .body-field-with-email .body p:not(:first-child) {
    margin-top: 30px
}

.node-type-project-checklist .header-section .field_title {
    margin-top: 25px;
    font-size: var(--h3) !important;
    font-weight: var(--h3-weight) !important;
    line-height: var(--h3-leading) !important;
    text-align: center;
    color: rgb(var(--wp-grey))
}

.node-type-project-checklist .header-section .button {
    min-width: 210px;
    margin-top: 38px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.node-type-project-checklist .header-section .button:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {
    .node-type-project-checklist .header-section .wp-logo {
        max-width: 37px
    }

    .node-type-project-checklist .header-section {
        padding-block: 48px 10px
    }

    .node-type-project-checklist .field_image_upload {
        width: 420px
    }

    .node-type-project-checklist .body-field-with-email {
        width: calc(100% - 420px);
        padding-left: 40px
    }
}

@media screen and (max-width:991px) {
    .node-type-project-checklist .body-field-with-email {
        margin-top: 30px;
        width: 100%;
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .node-type-project-checklist .header-section .wp-logo {
        max-width: 27px
    }

    .node-type-project-checklist .header-section {
        padding-block: 48px 10px
    }

    .node-type-project-checklist .body-field-with-email .body p:not(:first-child) {
        margin-top: 27px
    }

    .node-type-project-checklist .header-section .button {
        min-width: 140px;
        margin-top: 27px
    }
}

body:is(.node-1388, .node-2176) .header-area {
    justify-content: space-between
}

body:is(.node-1388, .node-2176) .header-area .field_header_title {
    width: calc(100% - 640px);
    max-width: 455px;
    font-size: var(--h2) !important;
    line-height: var(--h2-leading);
    font-weight: var(--h2-weight) !important;
    letter-spacing: -0.20px
}

body:is(.node-1388, .node-2176) .header-area .field_header_title a {
    display: block;
    color: var(--wp-white);
    font-weight: 500;
    text-decoration: none;
    transition: all .3s
}

body:is(.node-1388, .node-2176) .header-area .field_header_title a:hover {
    color: rgb(var(--wp-grey))
}

body:is(.node-1388, .node-2176) .header-area .field_header_image {
    width: 640px
}

@media screen and (max-width:1280px) {
    body:is(.node-1388, .node-2176) .header-area .field_header_title {
        width: calc(100% - 350px)
    }

    body:is(.node-1388, .node-2176) .header-area .field_header_image {
        width: 350px;
        display: flex;
        justify-content: flex-end
    }
}

@media screen and (max-width:767px) {
    body:is(.node-1388, .node-2176) .header-area .field_header_title {
        width: calc(100% - 180px)
    }

    body:is(.node-1388, .node-2176) .header-area .field_header_image {
        width: 180px
    }
}

.contact-details-wrap {
    display: flex;
    padding-top: 86px
}

.contact-details-wrap .office-details {
    width: 50%
}

.contact-details-wrap .social-details {
    width: 50%
}

.contact-details-wrap h6 {
    margin-bottom: 49px;
    color: var(--main-highlight-color)
}

.contact-details-wrap .office-details address {
    font-size: var(--h6);
    line-height: 38px;
    font-style: normal
}

.contact-details-wrap .office-details address .contact_field {
    margin-top: 48px
}

.contact-details-wrap .office-details address .contact_field a {
    display: block;
    color: var(--main-highlight-color)
}

.contact-details-wrap .footerSocial ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 22px 10px;
    list-style: none
}

.contact-details-wrap .footerSocial ul li {
    width: calc(50% - 10px)
}

.contact-details-wrap .footerSocial ul li a {
    display: flex;
    align-items: center;
    grid-gap: 0 15px;
    font-size: var(--h6);
    font-weight: 400;
    color: var(--super-black) !important
}

.contact-details-wrap .footerSocial ul li a span {
    display: flex;
    width: 30px;
    height: 30px;
    background-color: rgb(var(--wp-grey));
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    transition: all .3s
}

.contact-details-wrap .footerSocial ul li div {
    flex: 1
}

.contact-details-wrap .footerSocial ul li a:hover {
    color: var(--main-highlight-color) !important
}

.contact-details-wrap .footerSocial ul li a:hover span {
    background-color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {
    .contact-details-wrap {
        padding-top: 70px
    }
}

@media screen and (max-width:767px) {
    .contact-details-wrap {
        padding-top: 40px;
        flex-wrap: wrap
    }

    .contact-details-wrap .office-details {
        width: 100%
    }

    .contact-details-wrap .social-details {
        margin-top: 40px;
        width: 100%
    }

    .contact-details-wrap h6 {
        margin-bottom: 15px
    }

    .contact-details-wrap .office-details address {
        line-height: 24px
    }

    .contact-details-wrap .office-details address .contact_field {
        margin-top: 30px
    }
}

@media screen and (max-width:374px) {
    .contact-details-wrap .footerSocial ul li a {
        font-size: 14px;
        grid-gap: 0 10px
    }
}

body:is(.node-1388, .node-2176) .webform {
    padding-block: 56px 0
}

body:is(.node-1388, .node-2176) .webform form {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px 20px
}

body:is(.node-1388, .node-2176) .webform form .form-item {
    width: calc((100% / 2) - 10px)
}

body:is(.node-1388, .node-2176) .webform form :is(.form-item-message, #edit-contact-with-you-text, .fieldgroup, .form-actions) {
    width: 100%
}

body:is(.node-1388, .node-2176) .webform form #edit-head-title {
    width: 100%
}

body:is(.node-1388, .node-2176) .webform form #edit-head-title h6 {
    color: var(--main-highlight-color)
}

body:is(.node-1388, .node-2176) .webform form .form-item-message textarea {
    height: 300px
}

body:is(.node-1388, .node-2176) .webform form input.form-checkbox[type="checkbox"] {
    width: 30px;
    height: 30px
}

body:is(.node-1388, .node-2176) .webform form input.form-checkbox[type="checkbox"]+.option {
    font-weight: 500;
    margin-left: 10px;
    flex: 1
}

body:is(.node-1388, .node-2176) .webform form #edit-contact-with-you-text {
    margin-top: 15px
}

body:is(.node-1388, .node-2176) .webform form #edit-contact-method {
    width: auto;
    max-width: 630px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px 55px
}

body:is(.node-1388, .node-2176) .webform form #edit-contact-method .form-item {
    width: calc((100% / 3) - 37px)
}

body:is(.node-1388, .node-2176) .webform form #edit-newsletter-subscription--wrapper {
    margin-top: 9px
}

body:is(.node-1388, .node-2176) .webform form #edit-newsletter-subscription .form-item {
    width: 100%
}

body:is(.node-1388, .node-2176) .webform form #edit-newsletter-subscription .form-item:nth-child(1) {
    margin-bottom: 30px
}

body:is(.node-1388, .node-2176) .webform form #edit-newsletter-subscription .js-form-type-radio {
    display: flex;
    align-items: center
}

body:is(.node-1388, .node-2176) .webform form .form-actions {
    margin-top: 26px
}

body:is(.node-1388, .node-2176) .webform form .form-actions .button {
    min-width: 210px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white);
    letter-spacing: .25px;
    padding-block: 16px
}

body:is(.node-1388, .node-2176) .webform form .form-actions .button:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

body:is(.node-1388, .node-2176) .webform form fieldset.captcha {
    margin-top: 0
}

body:is(.node-1388, .node-2176) .body {
    margin-top: 83px;
    padding-bottom: 92px
}

body:is(.node-1388, .node-2176) .body h6 {
    margin-top: 34px;
    color: var(--main-highlight-color)
}

body:is(.node-1388, .node-2176) .body p {
    margin-top: 2px
}

@media screen and (max-width:1280px) {
    body:is(.node-1388, .node-2176) .body {
        margin-top: 70px
    }
}

@media screen and (max-width:767px) {
    body:is(.node-1388, .node-2176) .body {
        margin-top: 40px;
        padding-bottom: 40px
    }

    body:is(.node-1388, .node-2176) .webform {
        padding-block: 40px 0
    }

    body:is(.node-1388, .node-2176) .webform form .form-item {
        width: 100%
    }

    body:is(.node-1388, .node-2176) .webform form #edit-contact-method .form-item {
        width: 100%
    }

    body:is(.node-1388, .node-2176) .webform form .form-item-message textarea {
        height: 150px
    }

    body:is(.node-1388, .node-2176) .webform form .form-actions .button {
        min-width: 140px
    }

    body:is(.node-1388, .node-2176) .webform form #edit-contact-with-you-text {
        margin-top: 0
    }

    body:is(.node-1388, .node-2176) .webform form #edit-newsletter-subscription .form-item:nth-child(1) {
        margin-bottom: 20px
    }

    body:is(.node-1388, .node-2176) .body h6 {
        margin-top: 15px
    }
}

body:is(.node-1402, .node-1409, .node-2175) .top-body-area {
    display: flex
}

body:is(.node-1402, .node-1409, .node-2175) .top-body-area .top-bdy-area-content {
    width: calc(100% - 207px);
    max-width: 1115px;
    padding-right: 130px
}

body:is(.node-1402, .node-1409, .node-2175) .top-body-area .field_body_image {
    width: 207px
}

body:is(.node-1402, .node-1409, .node-2175) .top-body-area .wp-logo {
    display: none
}

body:is(.node-1402, .node-1409, .node-2175) .top-body-area .field_body_title {
    margin-top: 0;
    width: unset;
    max-width: unset !important;
    text-align: left !important
}

body:is(.node-1402, .node-1409, .node-2175) .top-body-area .field_body {
    width: auto !important;
    max-width: unset !important;
    text-align: left !important
}

@media screen and (max-width:1280px) {
    body:is(.node-1402, .node-1409, .node-2175) .top-body-area .top-bdy-area-content {
        padding-right: 30px
    }
}

@media screen and (max-width:767px) {
    body:is(.node-1402, .node-1409, .node-2175) .top-body-area .top-bdy-area-content {
        width: 100%;
        padding-right: 0
    }

    body:is(.node-1402, .node-1409, .node-2175) .top-body-area .field_body_image {
        display: none
    }
}

.charity-award-items {
    display: flex;
    flex-wrap: wrap
}

.charity-award-items .views-field-nothing {
    width: 50%;
    padding-block: 85px;
    padding-left: max(100px, calc((100% - 1455px) / 2));
    padding-right: 69px;
    background-color: var(--light-grey)
}

.charity-award-items .views-field-nothing p {
    margin-top: 22px
}

.charity-award-items .views-field-nothing img {
    margin-top: 84px
}

.charity-award-items:nth-child(even) {
    flex-direction: row-reverse
}

.charity-award-items:nth-child(even) .views-field-nothing {
    padding-left: 69px;
    padding-right: max(100px, calc((100% - 1455px) / 2))
}

.charity-award-items:nth-child(even) .views-field-nothing {
    background-color: var(--wp-white)
}

.charity-award-items .views-field-field-image-upload {
    width: 50%
}

.charity-award-items .views-field-field-image-upload .field-content {
    width: 100%;
    overflow: hidden
}

.charity-award-items .views-field-field-image-upload :is(.field-content, .owl-stage-outer, .owl-stage, .owl-item) {
    height: 100%
}

.charity-award-items .views-field-field-image-upload .field-content img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.charity-award-items .views-field-field-image-upload img {
    width: 100%
}

@media screen and (max-width:1280px) {
    .charity-award-items .views-field-nothing {
        padding-block: 70px;
        padding-left: max(calc((100% - 1080px) / 2), 50px);
        padding-right: 50px
    }

    .charity-award-items:nth-child(even) .views-field-nothing {
        padding-left: 50px;
        padding-right: max(calc((100% - 1080px) / 2), 50px)
    }
}

@media screen and (max-width:767px) {
    .charity-award-items .views-field-nothing {
        width: 100%
    }

    .charity-award-items .views-field-field-image-upload {
        width: 100%
    }

    .charity-award-items .views-field-nothing {
        padding-block: 40px;
        padding-left: max(calc((100% - 640px) / 2), 30px);
        padding-right: 30px
    }

    .charity-award-items:nth-child(even) .views-field-nothing {
        padding-left: 30px;
        padding-right: max(calc((100% - 640px) / 2), 30px)
    }

    .charity-award-items .views-field-nothing img {
        margin-top: 30px;
        max-width: 200px
    }
}

.charity-and-awards-item-slider.owl-theme .owl-dots {
    bottom: 23px
}

@media screen and (max-width:767px) {
    .charity-and-awards-item-slider.owl-theme .owl-dots {
        bottom: 15px
    }
}

body:not(.node-type-home-page).node-1402 .header-area {
    padding-bottom: 0
}

body:not(.node-type-home-page).node-1402 .header-area .field_header_title {
    margin-top: -40px
}

.charity-and-awards-container+nav.pager {
    margin-top: 90px
}

@media screen and (max-width:1280px) {
    .charity-and-awards-container+nav.pager {
        margin-top: 70px
    }
}

@media screen and (max-width:767px) {
    .charity-and-awards-container+nav.pager {
        margin-top: 40px
    }
}

.event-card {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 64px
}

.event-card .event-card-img img {
    width: 100%;
    aspect-ratio: 473 / 358;
    object-fit: cover
}

.event-card .event-card-links {
    margin-top: 23px;
    display: flex;
    grid-gap: 15px 10px
}

.event-card .posted-on .date-display-single {
    margin-left: 5px
}

.event-card .event-card-links time {
    margin-left: 5px
}

.event-card .event-card-links .event-share-btn :where(.addtoany_list, .addtoany_share) {
    opacity: 0;
    position: absolute;
    inset: 0
}

.event-card .event-card-links .event-share-btn .addtoany_list .a2a_svg {
    display: none
}

.event-card .event-card-links .event-share-btn i,
.blog-card .blog-card-links .blog-share-btn i {
    color: var(--super-black);
    margin-left: 10px
}

.event-card .event-card-links .event-share-btn:hover {
    color: rgb(var(--wp-grey))
}

.event-card h4 {
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.event-card h4 a {
    transition: all .3s;
    color: var(--super-black) !important
}

.event-card h4 a:hover {
    color: var(--main-highlight-color) !important
}

.event-card p {
    margin-top: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 78px
}

.event-card .event-card-btn a {
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    margin-top: 35px
}

.event-card .event-card-btn a:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

.event-card :where(h4.mob-ver, .title-tooltiptext) {
    display: none !important
}

@media screen and (max-width:1280px) {
    .event-card {
        padding-bottom: 0;
        border-bottom: 00
    }

    .event-card h4 {
        margin-top: 3px
    }

    .event-card p {
        margin-top: 6px
    }

    .event-card .event-card-btn a {
        margin-top: 25px
    }
}

body:is(.node-type-listing-page, .node-type-events) .event-card h4 {
    -webkit-line-clamp: 3
}

body:is(.node-type-listing-page, .node-type-events) .event-card p {
    -webkit-line-clamp: 4
}

@media screen and (max-width:1080px) {
    body:is(.node-type-listing-page, .node-type-events) .event-card p {
        -webkit-line-clamp: unset
    }
}

.event-items-group {
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 56px 20px
}

@media screen and (max-width:1080px) {
    .event-items-group {
        grid-template-columns: 1fr 1fr;
        grid-gap: 56px 40px
    }
}

@media screen and (max-width:640px) {
    .event-items-group {
        grid-template-columns: 1fr;
        grid-gap: 56px 40px
    }
}

body:is(.node-1406) .heading-block {
    display: none
}

body.node-type-events .video-and-forms {
    display: flex;
    flex-wrap: wrap
}

body.node-type-events .video-and-forms .field_video_link {
    width: 50%
}

body.node-type-events .video-and-forms .field_video_link .youtube-container {
    height: 100%
}

body.node-type-events .video-and-forms .field_video_image {
    width: 50%;
    position: relative
}

body.node-type-events .video-and-forms .field_video_image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width:1281px) {
    body.node-type-events .video-and-forms .field_video_image img {
        position: absolute
    }
}

body.node-type-events .video-and-forms .book-now-form {
    width: 50%;
    padding-block: 70px;
    padding-left: 50px;
    padding-right: max(calc((100% - 1455px) / 2), 100px);
    background-color: var(--light-grey);
    margin-inline: auto 0
}

body.node-type-events .video-and-forms .field_video_link+.field_video_image+.book-now-form {
    width: 100%;
    padding-left: max(calc((100% - 1455px) / 2), 100px)
}

body.node-type-events .video-and-forms .book-now-form .form-item {
    margin-top: 15px
}

body.node-type-events .video-and-forms .book-now-form .form-actions .button {
    margin-top: 30px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white)
}

body.node-type-events .video-and-forms .book-now-form .form-actions .button:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

body.node-type-events .video-and-forms .book-now-form .form-item-coupon {
    display: flex
}

body.node-type-events .video-and-forms .book-now-form .form-item-coupon div.description {
    min-height: 100%
}

body.node-type-events .video-and-forms .book-now-form .form-item-coupon .webinar-btn-coupon {
    color: var(--wp-white);
    background-color: #b7bdbd;
    border: 1px solid #b7bdbd;
    display: inline-flex;
    height: 100%;
    align-items: center
}

body.node-type-events .video-and-forms .book-now-form .form-item-coupon .webinar-btn-coupon:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

body.node-type-events .video-and-forms .book-now-form .form-item-coupon~.error {
    margin-top: 5px;
    color: red
}

body.node-type-events .video-and-forms .book-now-form .form-item-coupon~.success-applied {
    margin-top: 5px;
    color: var(--main-highlight-color)
}

.coupon-loader {
    margin-top: 15px;
    border: 3px solid var(--grey);
    border-top: 3px solid var(--main-highlight-color);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 1s linear infinite;
    user-select: none
}

@keyframes spin {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

body.node-type-events .upcoming-events-block {
    padding-top: 100px
}

body.node-type-events .upcoming-events-block .event-items-group {
    margin-top: 50px
}

body.node-type-events .event-timings .field_price {
    width: 100%;
    order: 3;
    display: flex;
    justify-content: center;
    grid-gap: 5px;
    margin-block: 15px 0
}

body.node-type-events .event-timings {
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-block: 50px;
    font-size: 22px
}

body.node-type-events .event-timings .the-field-page-title {
    width: 100%;
    order: 1;
    text-align: center;
    margin-bottom: 15px;
    font-size: var(--h4);
    line-height: var(--h4-leading);
    font-weight: var(--h4-weight)
}

body.node-type-events .event-timings .field_eventdate {
    order: 2
}

body.node-type-events .event-timings .field_event_time {
    order: 3
}

body.node-type-events .event-timings .field_eventdate {
    border-right: 1px solid var(--wp-white);
    padding-right: 15px;
    margin-right: 15px
}

body.node-type-events .body-section {
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    padding-block: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: 15px 60px;
    position: relative
}

body.node-type-events .body-section .event-details {
    flex: 1;
    font-size: var(--h6);
    line-height: 38px;
    display: flex;
    position: relative
}

body.node-type-events .body-section .event-details table td {
    padding-inline: 5px
}

body.node-type-events .body-section .body {
    flex: 1;
    max-width: 600px
}

body.node-type-events .body-section .event-details::after {
    content: '';
    display: block;
    width: 1px;
    background-color: var(--wp-white);
    position: absolute;
    right: -20px;
    inset-block: 0
}

@media screen and (max-width:1280px) {
    body.node-type-events .video-and-forms {
        flex-wrap: wrap
    }

    body.node-type-events .video-and-forms .field_video_image {
        width: 100%
    }

    body.node-type-events .video-and-forms .field_video_image img {
        max-height: 400px;
        object-fit: cover
    }

    body.node-type-events .video-and-forms .field_video_link {
        width: 100%
    }

    body.node-type-events .video-and-forms .book-now-form {
        width: 100%;
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }

    body.node-type-events .video-and-forms .field_video_link+.field_video_image+.book-now-form {
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }

    body.node-type-events .body-section .event-details {
        flex: unset;
        width: 100%
    }

    body.node-type-events .body-section .body {
        flex: unset;
        width: 100%;
        max-width: unset
    }

    body.node-type-events .body-section .event-details::after {
        display: none
    }

    body.node-type-events .body-section .body::before {
        content: '';
        display: block;
        width: 150px;
        height: 1px;
        background-color: var(--wp-white);
        margin-block: 30px;
        margin-inline: auto
    }
}

@media screen and (max-width:767px) {
    body.node-type-events .video-and-forms .book-now-form {
        padding-block: 40px;
        width: 100%;
        padding-inline: max(calc((100% - 640px) / 2), 30px)
    }

    body.node-type-events .event-timings .field_eventdate {
        padding-right: 10px;
        margin-right: 10px
    }

    body.node-type-events .event-timings {
        font-size: 14px
    }

    body.node-type-events .event-timings .the-field-page-title {
        margin-bottom: 10px
    }

    body.node-type-events .event-timings .field_price {
        margin-block: 10px 0
    }

    body.node-type-events .event-timings {
        padding-block: 20px
    }

    body.node-type-events .upcoming-events-block {
        padding-top: 40px
    }

    body.node-type-events .upcoming-events-block .event-items-group {
        margin-top: 30px
    }
}

@media screen and (max-width:375px) {
    body.node-type-events .event-timings .field_eventdate {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        text-align: center
    }

    body.node-type-events .event-timings .field_event_time {
        width: 100%;
        text-align: center
    }
}

.webform-submission-event-feedback-form {
    display: flex;
    flex-wrap: wrap
}

.webform-submission-event-feedback-form #edit-mainwrap {
    width: 100%;
    padding-bottom: 123px
}

.webform-submission-event-feedback-form #edit-image-wrap {
    width: 400px
}

.webform-submission-event-feedback-form #edit-mainwrap .form-item {
    margin-bottom: 25px
}

.webform-submission-event-feedback-form #edit-mainwrap .form-item label {
    font-weight: 700
}

.webform-submission-event-feedback-form #edit-mainwrap :where(#edit-your-details, #edit-email-phone, #edit-industry-event) {
    display: flex;
    grid-gap: 25px 20px
}

.webform-submission-event-feedback-form #edit-mainwrap :where(#edit-your-details, #edit-email-phone, #edit-industry-event) .form-item {
    flex: 1
}

.webform-submission-event-feedback-form #edit-mainwrap .form-item:is(.js-form-type-textarea) {
    margin-top: 53px
}

.webform-submission-event-feedback-form #edit-mainwrap .form-item:is(.js-form-type-textarea) label {
    margin-bottom: 27px;
    display: block
}

.webform-submission-event-feedback-form #edit-mainwrap .button {
    margin-top: 36px;
    min-width: 220px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white);
    min-height: 50px
}

.webform-submission-event-feedback-form #edit-mainwrap .button:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

.webform-submission-event-feedback-form #edit-mainwrap .form-composite:is(#edit-rate-your-overall-experience-of-the-event-you-attended---wrapper) {
    margin-top: 23px
}

.webform-submission-event-feedback-form #edit-mainwrap .form-composite:not(#edit-rate-your-overall-experience-of-the-event-you-attended---wrapper) {
    margin-top: 55px
}

.webform-submission-event-feedback-form #edit-mainwrap .form-composite .fieldset-legend {
    font-weight: 700
}

.webform-submission-event-feedback-form #edit-mainwrap .form-composite .fieldset-wrapper {
    margin-top: 25px;
    display: flex;
    align-items: center;
    position: relative
}

.webform-submission-event-feedback-form #edit-mainwrap .form-composite .fieldset-wrapper div[id*="edit-rate-your-overall-experience-of-the-event-you-attended-"] .error-custom {
    position: absolute;
    left: 0;
    bottom: -30px
}

.webform-submission-event-feedback-form #edit-mainwrap .webform-options-display-one-column {
    display: inline-flex;
    flex-wrap: wrap;
    grid-gap: 0 22px
}

.webform-submission-event-feedback-form #edit-mainwrap .webform-options-display-one-column .form-item {
    margin-bottom: 0
}

.webform-submission-event-feedback-form #edit-mainwrap .form-composite .field-prefix {
    width: 115px;
    display: inline-block;
    margin-right: 35px;
    font-weight: 500;
    line-height: initial
}

.webform-submission-event-feedback-form #edit-mainwrap .form-composite .field-suffix {
    display: inline-block;
    margin-left: 35px;
    font-weight: 500;
    line-height: initial
}

@media screen and (max-width:1280px) {
    .webform-submission-event-feedback-form #edit-image-wrap {
        width: 300px
    }

    .webform-submission-event-feedback-form #edit-mainwrap .webform-options-display-one-column {
        display: inline-flex;
        grid-gap: 15px 10px
    }

    .webform-submission-event-feedback-form #edit-mainwrap .form-composite .field-prefix {
        margin-right: 15px
    }

    .webform-submission-event-feedback-form #edit-mainwrap .form-composite .field-suffix {
        margin-left: 15px
    }
}

@media screen and (max-width:991px) {
    .webform-submission-event-feedback-form #edit-mainwrap {
        width: 100%;
        padding-right: 0;
        padding-bottom: 70px
    }

    .webform-submission-event-feedback-form #edit-image-wrap {
        display: none;
        width: 100%
    }

    .webform-submission-event-feedback-form #edit-mainwrap .form-item:is(.js-form-type-textarea) {
        margin-top: 30px
    }

    .webform-submission-event-feedback-form #edit-mainwrap .form-composite:not(#edit-rate-your-overall-experience-of-the-event-you-attended---wrapper) {
        margin-top: 30px
    }

    .webform-submission-event-feedback-form #edit-mainwrap .button {
        margin-top: 15px
    }
}

@media screen and (max-width:640px) {
    .webform-submission-event-feedback-form #edit-mainwrap:where(#edit-your-details, #edit-email-phone, #edit-industry-event) {
        flex-wrap: wrap;
        grid-gap: 0
    }

    .webform-submission-event-feedback-form #edit-mainwrap :where(#edit-your-details, #edit-email-phone, #edit-industry-event) .form-item {
        flex: 100%
    }

    .webform-submission-event-feedback-form #edit-mainwrap .form-composite .field-prefix {
        width: 100%;
        min-width: auto;
        max-width: 70px
    }
}

@media screen and (max-width:390px) {
    .webform-submission-event-feedback-form #edit-mainwrap .form-composite .field-prefix {
        max-width: 60px;
        font-size: 10px;
        margin-right: 5px
    }

    .webform-submission-event-feedback-form #edit-mainwrap .form-composite .field-suffix {
        font-size: 10px;
        margin-left: 5px
    }

    .webform-submission-event-feedback-form #edit-mainwrap .webform-options-display-one-column {
        grid-gap: 15px 5px
    }

    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 {
        width: 23px;
        height: 23px;
        font-size: 10px
    }
}

.show-latest-news {
    padding-block: 70px 52px
}

.show-latest-news .logo-title-link-inline {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.show-latest-news .logo-title-link-inline .link-to-news:hover {
    color: rgba(var(--wp-grey));
    border-color: rgba(var(--wp-grey))
}

.blogListing .logo-title-link-inline .hide-on-blogs {
    display: none
}

.show-latest-news .blogListing .logo-title-link-inline .hide-on-blogs {
    display: block
}

.show-latest-news .blog-card {
    border-bottom: 0;
    padding-bottom: 0
}

@media screen and (max-width:1280px) {
    .show-latest-news {
        padding-block: 0
    }
}

@media screen and (max-width:767px) {
    .show-latest-news .logo-title-link-inline {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start
    }

    .show-latest-news .logo-title-link-inline .link-wrap {
        margin-top: 25px
    }
}

.node-type-service-landing-page .field_page {
    display: flex;
    background-color: var(--main-highlight-color);
    text-align: center;
    color: var(--wp-white)
}

.node-type-service-landing-page .field_page .promo-card {
    padding-block: 57px;
    padding-inline: 30px;
    flex: 1
}

.node-type-service-landing-page .field_page .wp-logo {
    max-width: 50px;
    margin: 0 auto 18px
}

.node-type-service-landing-page .field_page .field_title {
    font-size: var(--h5);
    font-weight: var(--h5-weight);
    line-height: var(--h5-leading);
    text-transform: uppercase
}

.node-type-service-landing-page .field_page .field_body {
    max-width: 335px;
    margin: 0 auto
}

.node-type-service-landing-page .field_page .field_body p {
    margin-top: 7px
}

.node-type-service-landing-page .field_page .field_button {
    margin-top: 27px
}

.node-type-service-landing-page .field_page .field_button a {
    background-color: rgba(var(--wp-grey));
    border-color: rgba(var(--wp-grey));
    color: var(--wp-white) !important
}

.node-type-service-landing-page .field_page .promo-card .field_body a {
    color: rgb(var(--wp-grey));
}

.node-type-service-landing-page .field_page .promo-card .field_body a:hover {
    color: #fff;
}

.node-type-service-landing-page .field_page .field_button a:hover {
    background-color: transparent;
    color: rgba(var(--wp-grey)) !important
}

@media screen and (max-width:1280px) {
    .node-type-service-landing-page .field_page {
        padding-bottom: 20px
    }

    .node-type-service-landing-page .field_page .promo-card {
        padding-block: 40px 20px
    }

    .node-type-service-landing-page .field_page.owl-theme .owl-nav {
        width: auto;
        inset-inline: 23px
    }
}

@media screen and (max-width:767px) {
    .node-type-service-landing-page .field_page .promo-card {
        padding-inline: 50px
    }

    .node-type-service-landing-page .field_page.owl-theme .owl-nav {
        inset-inline: 13px
    }
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li {
    width: calc(100% / 3);
    padding: 0;
    display: flex
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li::before {
    display: none
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li article {
    width: 100%
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li article>div {
    padding-block: 64px 75px;
    padding-inline: 93px;
    text-align: center;
    position: relative;
    height: 100%
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li article>div::after {
    content: '';
    display: block;
    background-color: var(--theme-color);
    position: absolute;
    inset: 0;
    opacity: .15;
    z-index: -1
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .theme-icon {
    max-width: 45px;
    margin: 0 auto
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_page_title {
    margin-top: 30px;
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 500 !important;
    text-transform: uppercase
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .product-img-wrap {
    width: 274px;
    height: 269px;
    margin: 26px auto 0;
    background-image: url(/themes/custom/webpro/css/../img/theme-img-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_banner_image {
    width: 249px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 11px;
    overflow: hidden
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .product-img-wrap img {
    width: 100%;
    min-height: 100%;
    object-fit: cover
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .body {
    max-width: 440px;
    margin: 0 auto 0
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_button_links {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    grid-gap: 15px 20px
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_button_links a {
    min-width: 165px;
    background-color: rgb(var(--wp-grey));
    color: var(--wp-white);
    border-color: rgb(var(--wp-grey))
}

.node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_button_links a:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

@media screen and (max-width:1366px) {
    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li article>div {
        padding-inline: 40px
    }
}

@media screen and (max-width:1280px) {
    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_button_links {
        flex-wrap: wrap;
        grid-gap: 15px 10px
    }
}

@media screen and (max-width:1080px) {
    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li article>div {
        padding-inline: 20px
    }

    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li .product-img-wrap {
        width: 215px;
        height: 211px
    }

    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li .field_banner_image {
        width: 197px;
        height: 120px;
        top: 8px
    }
}

@media screen and (max-width:991px) {
    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li article>div {
        padding-block: 40px 44px
    }

    .node-type-service-landing-page .upcoming-events-block .sector-themes-list li {
        width: 100%
    }
}

.node-type-service-landing-page .top-body-area {
    text-align: center;
    padding-block: 107px 107px
}

.node-type-service-landing-page .top-body-area .field_body_title {
    margin-top: 40px
}

.node-type-service-landing-page .top-body-area .field_google_review_intro {
    margin-top: 41px
}

.node-type-service-landing-page .top-body-area .field_google_review_intro p {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 700 !important
}

.node-type-service-landing-page .top-body-area .reviews-area {
    background-color: transparent;
    margin-top: 0;
    padding-bottom: 0
}

.node-type-service-landing-page .top-body-area .reviews-area .google-reviews-widget {
    margin-top: 15px
}

.node-type-service-landing-page .top-body-area .body {
    margin-top: 38px
}

.node-type-service-landing-page .top-body-area .body p:not(:first-child) {
    margin-top: 24px
}

@media screen and (max-width:1280px) {
    .node-type-service-landing-page .top-body-area {
        padding-block: 70px 70px
    }

    .node-type-service-landing-page .top-body-area .field_google_review_intro {
        margin-top: 30px
    }

    .node-type-service-landing-page .top-body-area .body {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .node-type-service-landing-page .top-body-area {
        padding-block: 40px 40px
    }

    .node-type-service-landing-page .top-body-area .field_google_review_intro {
        margin-top: 30px
    }

    .node-type-service-landing-page .top-body-area .body {
        margin-top: 10px
    }

    .node-type-service-landing-page .top-body-area .field_google_review_intro p {
        font-size: 14px !important;
        line-height: 20px
    }
}

.webpro-expert-block {
    display: flex;
    color: var(--wp-white)
}

.webpro-expert-block .expert-area-content {
    width: calc(100% - 582px);
    background-color: var(--main-highlight-color);
    padding-block: 74px;
    padding-left: max(calc((100% - 1455px) / 2), 100px);
    padding-right: 30px;
    background-image: url(/themes/custom/webpro/css/../img/quote.png);
    background-size: 489px;
    background-repeat: no-repeat;
    background-position: top right 123px
}

.webpro-expert-block .field_page_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight);
    color: rgba(var(--wp-grey))
}

.webpro-expert-block .field_qoute {
    margin-top: 32px;
    max-width: 970px;
    font-size: 28px;
    line-height: 41px;
    font-weight: 400;
    display: flex;
    position: relative;
    padding-left: 108px
}

.webpro-expert-block .field_qoute::before {
    content: '';
    display: inline-block;
    width: 71px;
    height: 71px;
    background-image: url('/themes/custom/webpro/css/../img/quote-small.png');
    position: absolute;
    left: 0
}

.webpro-expert-block .membr-data {
    margin-top: 34px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding-left: 108px
}

.webpro-expert-block .membr-data .membr-name {
    text-transform: uppercase
}

.webpro-expert-block .field_team_member {
    width: 582px;
    background-color: var(--light-grey);
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.webpro-expert-block .field_team_member a {
    pointer-events: none
}

.webpro-expert-block .field_team_member>article {
    width: 100%
}

.webpro-expert-block .field_image img {
    width: 100%
}

@media screen and (max-width:1480px) {
    .webpro-expert-block .field_qoute {
        font-size: 22px;
        line-height: 31px
    }

    .webpro-expert-block .membr-data {
        margin-top: 24px;
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width:1280px) {
    .webpro-expert-block .expert-area-content {
        width: calc(100% - 420px);
        background-size: 250px;
        padding-left: max(calc((100% - 1080px) / 2), 50px)
    }

    .webpro-expert-block .field_team_member {
        width: 420px
    }
}

@media screen and (max-width:991px) {
    .webpro-expert-block {
        flex-wrap: wrap
    }

    .webpro-expert-block .expert-area-content {
        width: 100%;
        padding-block: 45px;
        order: 2
    }

    .webpro-expert-block .field_team_member {
        width: 100%;
        order: 1
    }
}

@media screen and (max-width:767px) {
    .webpro-expert-block .expert-area-content {
        background-size: 100px;
        padding-block: 35px;
        padding-left: max(calc((100% - 640px) / 2), 30px)
    }

    .webpro-expert-block .field_qoute::before {
        width: 50px;
        height: 50px;
        background-size: 50px
    }

    .webpro-expert-block .field_qoute {
        font-size: 18px;
        line-height: 26px;
        padding-left: 80px
    }

    .webpro-expert-block .membr-data {
        margin-top: 20px;
        font-size: 12px;
        line-height: 14px;
        padding-left: 80px
    }
}

@media screen and (max-width:525px) {
    .webpro-expert-block .field_qoute::before {
        width: 30px;
        height: 30px;
        background-size: 30px
    }

    .webpro-expert-block .field_qoute {
        padding-left: 50px
    }

    .webpro-expert-block .membr-data {
        padding-left: 50px
    }
}

.node-type-service-landing-page .body3-area {
    padding-block: 164px 178px;
    position: relative;
    color: var(--wp-white)
}

.node-type-service-landing-page .body3-area .field_body_3_image {
    position: absolute;
    inset: 0;
    z-index: -1
}

.node-type-service-landing-page .body3-area .field_body_3_image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.node-type-service-landing-page .body3-area .field_body3_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight);
    max-width: 1005px
}

.node-type-service-landing-page .body3-area .field_body3_body p {
    margin-top: 54px;
    max-width: 990px
}

.node-type-service-landing-page .body3-area .field_link_text a {
    margin-top: 59px
}

.node-type-service-landing-page .body3-area .field_link_text a:hover {
    background-color: transparent;
    color: var(--wp-white) !important
}

@media screen and (max-width:1280px) {
    .node-type-service-landing-page .body3-area {
        padding-block: 70px 70px
    }

    .node-type-service-landing-page .body3-area .field_body3_body p {
        margin-top: 35px
    }

    .node-type-service-landing-page .body3-area .field_link_text a {
        margin-top: 40px
    }
}

@media screen and (max-width:767px) {
    .node-type-service-landing-page .body3-area {
        padding-block: 40px 40px
    }

    .node-type-service-landing-page .body3-area .field_body3_body p {
        margin-top: 25px
    }

    .node-type-service-landing-page .body3-area .field_link_text a {
        margin-top: 30px
    }
}

.node-type-service-landing-page :where(.body2-area, .body4-area) {
    display: flex;
    flex-wrap: wrap
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.field_body2_image_upload, .field_body_4_image) {
    width: 50%;
    position: relative
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.field_body2_image_upload, .field_body_4_image) img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width:1081px) {
    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.field_body2_image_upload, .field_body_4_image) img {
        position: absolute
    }
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) {
    width: 50%;
    padding: 50px 90px;
    padding-right: max(calc((100% - 1455px) / 2), 100px)
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) .field_body_4 {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_body2_body, .field_body_4_body) {
    margin-top: 25px;
    max-width: 630px
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_body2_body, .field_body_4_body) :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
    margin-top: 26px
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_body2_body, .field_body_4_body) :where(ul, ol):not(:first-child) {
    margin-top: 8px
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_link, .field_butt) {
    margin-top: 37px;
    display: inline-block;
    vertical-align: top
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_link, .field_butt) a {
    min-width: 222px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white) !important
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_link, .field_butt) a:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color) !important
}

.node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) .field_icont {
    display: inline-block;
    margin-top: -90px;
    margin-left: 80px
}

.node-type-service-landing-page :where(.body4-area) :where(.body2-content, .body4-content) {
    background-color: var(--light-grey);
    padding: 50px 90px;
    padding-left: max(calc((100% - 1455px) / 2), 100px)
}

@media screen and (max-width:1440px) {
    .node-type-service-landing-page:where(.body2-area, .body4-area):where(.body2-content, .body4-content) {
        padding: 70px 70px 70px
    }
}

@media screen and (max-width:1080px) {
    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.field_body2_image_upload, .field_body_4_image) {
        width: 100%
    }

    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) {
        width: 100%;
        padding: 40px 50px 40px
    }

    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_body2_body, .field_body_4_body) {
        max-width: unset
    }
}

@media screen and (max-width:767px) {
    .node-type-service-landing-page:where(.body2-area, .body4-area):where(.body2-content, .body4-content) {
        padding: 30px 30px 30px
    }

    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_body2_body, .field_body_4_body) {
        margin-top: 15px
    }

    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_body2_body, .field_body_4_body) :where(h2, h3, h4, h5, h6, p, ul, ol):not(:first-child) {
        margin-top: 12px
    }

    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) :where(.field_link, .field_butt) a {
        min-width: unset
    }

    .node-type-service-landing-page :where(.body2-area, .body4-area) :where(.body2-content, .body4-content) .field_icont {
        max-width: 150px;
        margin-top: -34px;
        margin-left: 30px
    }
}

@media screen and (max-width:525px) {
    .node-type-service-landing-page:where(.body2-area, .body4-area):where(.body2-content, .body4-content) .field_icont {
        display: none
    }
}

.process-area {
    padding-block: 106px 112px;
    display: none
}

.process-area:has(.field_process_title) {
    display: block
}

.process-area .field_process_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight);
    text-align: center
}

.process-area .field_process_body {
    margin-top: 40px;
    margin-bottom: 68px;
    text-align: center
}

.field_process_item .webpro-process-card {
    text-align: center;
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    padding: 37px 48px 56px
}

.field_process_item .webpro-process-card .wp-logo {
    max-width: 30px;
    margin: 0 auto
}

.field_process_item .webpro-process-card :where(.field_title, .field_subtitle) {
    margin-top: 15px;
    font-size: var(--h5);
    line-height: var(--h5-leading);
    font-weight: var(--h5-weight);
    text-transform: uppercase
}

.field_process_item .webpro-process-card :where(.field_subtitle) {
    margin-top: 10px;
    font-weight: bold
}

.field_process_item .webpro-process-card .field_body p {
    margin-top: 23px
}

.field_process_item .webpro-process-card .field_body p+p~p {
    margin-top: 0
}

.field_process_item .webpro-process-card .field_body a {
    color: rgb(var(--wp-grey)) !important;
    transition: all .3s
}

.field_process_item .webpro-process-card .field_body a:hover {
    color: var(--wp-white) !important
}

.field_process_item .webpro-process-card .field_button {
    margin-top: 30px
}

.field_process_item .webpro-process-card .field_button a {
    background-color: rgba(var(--wp-grey));
    border-color: rgba(var(--wp-grey));
    color: var(--wp-white) !important
}

.field_process_item .webpro-process-card .field_button a:hover {
    background-color: transparent;
    color: rgba(var(--wp-grey)) !important
}

.field_process_item.owl-theme .owl-stage {
    display: flex
}

.field_process_item.owl-theme .owl-stage .webpro-process-card {
    min-height: 100%
}

.field_process_item .owl-dots {
    margin-top: 47px
}

@media screen and (max-width:1366px) {
    .field_process_item.owl-theme .owl-nav {
        inset-inline: -60px
    }
}

@media screen and (max-width:1280px) {
    .process-area {
        padding-block: 70px 70px
    }

    .field_process_item {
        padding-inline: 0
    }

    .field_process_item.owl-theme .owl-nav {
        inset-inline: -33px
    }
}

@media screen and (max-width:767px) {
    .process-area {
        padding-block: 40px 40px
    }

    .process-area .field_process_body {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .field_process_item .owl-dots {
        margin-top: 30px
    }

    .field_process_item.owl-theme .owl-nav {
        inset-inline: -23px
    }
}

.faqs-area {
    padding-block: 127px
}

.faqs-area .field_faqs {
    margin-top: 58px
}

.faqs-area .faq-card .field_detailed_question * {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 600 !important;
    color: var(--main-highlight-color)
}

.faqs-area .faq-card .field_answer {
    max-width: 1291px;
    margin-top: 9px
}

.faqs-area .faq-card .field_answer p:not(:first-child) {
    margin-top: 26px
}

.faqs-area .faq-card .field_image {
    margin-top: 69px;
    display: none
}

.faqs-area .faq-card.open-img .field_image,
.faqs-area .faq-card.open-img .field_pdf {
    display: block
}

.faqs-area .faq-card .field_link_text a {
    margin-top: 27px;
    font-size: 12px !important;
    font-weight: 500 !important;
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    border: 1px solid var(--main-highlight-color);
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 9px 37px;
    letter-spacing: .25px;
    transition: all .3s
}

.faqs-area .faq-card .field_link_text a:hover {
    background-color: transparent !important;
    color: var(--main-highlight-color) !important
}

.faqs-area .faq-card .field_image_link_text {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 600;
    color: var(--main-highlight-color);
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none
}

.faqs-area .faq-card .field_image_link_text::after {
    content: '\f107';
    font-family: "Font Awesome 6 Pro";
    color: rgb(var(--wp-grey));
    font-weight: 300;
    font-size: 24px;
    margin-left: 5px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.faqs-area .faq-card.open-img .field_image_link_text::after {
    transform: rotate(0)
}

.faqs-area .faq-card .field_image_link_text:hover {
    color: rgb(var(--wp-grey))
}

@media screen and (max-width:1280px) {
    .faqs-area {
        padding-block: 70px
    }
}

@media screen and (max-width:767px) {
    .faqs-area {
        padding-block: 40px
    }

    .faqs-area .field_faqs {
        margin-top: 40px
    }

    .faqs-area .faq-card .field_image_link_text {
        margin-top: 20px;
        font-size: 14px
    }

    .faqs-area .faq-card .field_image_link_text::after {
        font-size: 20px;
        position: relative;
        top: 2px
    }

    .faqs-area .faq-card.open-img .field_image {
        margin-top: 40px
    }

    .faqs-area .faq-card .field_answer p:not(:first-child) {
        margin-top: 12px
    }
}

.node-type-service-landing-page .body5-area {
    padding-block: 96px;
    background-color: var(--main-highlight-color);
    text-align: center;
    color: var(--wp-white)
}

.node-type-service-landing-page .body5-area .field_body_5_t {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important
}

.node-type-service-landing-page .body5-area .field_body_5_ p {
    margin-top: 39px
}

.node-type-service-landing-page .body5-area .field_body_5_ a {
    color: rgba(var(--wp-grey)) !important
}

.node-type-service-landing-page .body5-area .field_body_5_ a:hover {
    color: var(--wp-white) !important
}

@media screen and (max-width:1280px) {
    .node-type-service-landing-page .body5-area {
        padding-block: 70px
    }
}

@media screen and (max-width:767px) {
    .node-type-service-landing-page .body5-area {
        padding-block: 40px
    }

    .node-type-service-landing-page .body5-area .field_body_5_ p {
        margin-top: 20px
    }
}

.related-services-area {
    padding-block: 66px 82px
}

.related-services-area .field_related_services_title {
    font-size: var(--h3);
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight)
}

.related-services-area .field_related_services_body p {
    margin-top: 25px
}

.field_related_services_items {
    margin-top: 56px
}

.related-services-card .field_image_file {
    text-align: center
}

.related-services-card .field_image_file img {
    width: 100%
}

.related-services-card .field_page_title {
    font-size: var(--h5);
    line-height: var(--h5-leading);
    font-weight: var(--h5-weight);
    text-align: center;
    margin-top: 12px
}

.related-services-card .field_link {
    text-align: center;
    margin-top: 3px
}

.related-services-card .field_link a {
    background: transparent;
    padding: 0;
    border: 0;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: unset
}

.field_related_services_items.owl-theme .owl-nav {
    margin-top: 36px
}

@media screen and (max-width:767px) {
    .related-services-area .field_related_services_body p {
        margin-top: 20px
    }

    .related-services-area {
        padding-block: 40px 40px
    }

    .field_related_services_items {
        margin-top: 40px
    }

    .related-services-card .field_image_file img {
        max-width: 320px;
        margin-inline: auto
    }
}

.node-type-listing-page.node-1366 .top-body-area .field_body {
    max-width: 1125px
}

body.node-type-listing-page.node-1364 .blog-term-filters {
    display: none
}

.request-a-callback {
    padding-block: 57px 93px
}

.request-a-callback #edit-head-title {
    margin-bottom: 46px
}

.request-a-callback #edit-head-title p {
    margin-top: 34px
}

.request-a-callback .form-item {
    margin-bottom: 30px;
    width: 100%
}

body:is(.node-type-service-landing-page) .request-a-callback .form-item.form-item-newsletter-subscription+.form-item.form-item-newsletter-subscription {
    margin-bottom: 0
}

.request-a-callback :where(#edit-full-name, #edit-contact-details) {
    display: flex;
    grid-gap: 0 30px
}

.request-a-callback .webform-options-display-three-columns {
    display: flex;
    column-count: unset;
    justify-content: flex-start;
    grid-gap: 15px 70px
}

.request-a-callback .webform-options-display-three-columns .form-item {
    width: auto
}

.request-a-callback .form-item textarea {
    height: 240px
}

.request-a-callback input.form-submit {
    min-width: 180px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.request-a-callback .form-actions {
    margin-top: 30px
}

.request-a-callback input.form-submit:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

.request-a-callback :where(#edit-contact-method, #edit-newsletter-subscription) .form-item {
    display: flex;
    align-items: center
}

.request-a-callback :where(#edit-contact-method, #edit-newsletter-subscription) .form-item label {
    flex: 1;
    line-height: normal
}

article.thank-you-page .request-a-callback {
    text-align: center;
    padding-block: 93px 93px
}

article.thank-you-page .request-a-callback h4::before {
    content: '';
    display: block;
    width: 57px;
    aspect-ratio: 57 / 37;
    background-image: url(/themes/custom/webpro/css/../img/green-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-inline: auto;
    margin-bottom: 30px
}

article.thank-you-page .request-a-callback p {
    margin-top: 25px;
    font-size: var(--h6) !important;
    line-height: var(--h6-leading) !important;
    font-weight: var(--h6-weight) !important
}

@media screen and (max-width:1280px) {
    .request-a-callback {
        padding-block: 70px 70px
    }

    article.thank-you-page .request-a-callback {
        text-align: center;
        padding-block: 40px 40px
    }

    article.thank-you-page .request-a-callback h4::before {
        width: 37px
    }
}

@media screen and (max-width:767px) {
    .request-a-callback {
        padding-block: 40px 40px
    }

    .request-a-callback #edit-head-title p {
        margin-top: 20px
    }

    .request-a-callback :where(#edit-full-name, #edit-contact-details) {
        flex-wrap: wrap
    }

    .request-a-callback .form-item {
        margin-bottom: 20px
    }

    .request-a-callback .form-actions {
        margin-top: 30px
    }

    .request-a-callback .form-item textarea {
        height: 100px
    }

    .request-a-callback .webform-options-display-three-columns {
        grid-gap: 15px 30px
    }

    article.thank-you-page .request-a-callback h4::before {
        width: 27px;
        margin-bottom: 18px
    }

    article.thank-you-page .request-a-callback p {
        margin-top: 20px
    }
}

.contact-strip-bottom .email-details {
    display: none
}

#a2a_overlay {
    background: rgba(0, 0, 0, 0.9) !important;
    opacity: 1
}

.a2a_full {
    height: 80vh !important;
    top: 10vh !important;
    border: none !important;
    width: 980px !important;
    margin-left: -490px !important
}

.a2a_menu_find_container {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    width: 720px !important;
    margin: 0 auto 20px !important
}

#a2apage_find_container input,
#a2apage_find_container input[type="text"] {
    color: #fff !important;
    border: 0 !important
}

.a2a_menu span.a2a_s_find svg {
    background-color: transparent !important
}

.a2a_svg svg {
    width: 80% !important;
    top: 10% !important
}

.a2a_menu span.a2a_s_find svg path {
    fill: #CCC !important
}

.a2a_full_services .a2a_i {
    font-size: 18px !important;
    margin-bottom: 18px !important;
    text-align: center !important
}

a.a2a_i,
i.a2a_i {
    border: none !important;
    color: #fff !important
}

a.a2a_i .a2a_svg,
a.a2a_more .a2a_svg {
    background-size: 68px !important;
    height: 80px !important;
    line-height: 80px !important;
    width: 80px !important;
    display: block !important;
    margin: auto !important;
    border-radius: 50% !important;
    margin-bottom: 10px !important
}

#a2a_overlay::after {
    content: "\f00d";
    font-family: "Font Awesome 6 Sharp";
    color: var(--wp-white);
    font-weight: 100;
    display: block;
    font-size: 50px;
    position: absolute;
    z-index: 9999999;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.a2a_full {
    background: transparent !important
}

.a2a_full_footer {
    display: none !important
}

.a2a_menu a.a2a_i:active,
.a2a_menu a.a2a_i:focus,
.a2a_menu a.a2a_i:hover,
.a2a_menu a.a2a_more:active,
.a2a_menu a.a2a_more:focus,
.a2a_menu a.a2a_more:hover {
    background: none !important;
    color: #FFF !important
}

#a2apage_dropdown {
    display: none;
    visibility: hidden
}

#a2a_overlay.a2a_starting {
    opacity: 0
}

a.a2a_i:hover {
    color: #000 !important
}

.a2a_s__default.a2a_s_a2a {
    visibility: hidden
}

@media screen and (max-width:1024px) {
    .a2a_full {
        width: 680px !important;
        margin-left: -340px !important
    }
}

@media screen and (max-width:767px) {
    .a2a_full {
        width: 420px !important;
        margin-left: -210px !important
    }

    #a2a_overlay::after {
        font-size: 30px
    }

    .a2a_menu_find_container {
        width: auto !important
    }

    a.a2a_i .a2a_svg,
    a.a2a_more .a2a_svg {
        width: 62px !important;
        height: 62px !important;
        background-size: 32px !important
    }

    .more-information-section>div.bx-wrapper {
        display: block;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:639px) {
    .a2a_full {
        width: 100% !important;
        margin-left: 0 !important
    }
}

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

    a.a2a_i .a2a_svg,
    a.a2a_more .a2a_svg {
        width: 42px !important;
        height: 42px !important;
        background-size: 32px !important
    }
}

.top-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 50px 46px;
    color: var(--wp-white);
    background-color: var(--main-highlight-color)
}

.top-banner .field_header_title {
    max-width: 755px
}

@media screen and (max-width:1280px) {
    .top-banner {
        grid-gap: 0 50px
    }

    .top-banner .field_header_image img {
        max-width: 350px
    }
}

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

@media screen and (max-width:767px) {
    .top-banner .field_header_title {
        max-width: 150px
    }

    .top-banner .field_header_image img {
        max-width: 180px
    }
}

@media screen and (max-width:525px) {
    .top-banner {
        grid-gap: 0 10px
    }
}

@media screen and (max-width:375px) {
    .top-banner .field_header_image img {
        max-width: 150px
    }
}

body:is(.sector-only-pages) .field_header_body .enquire-now-btn,
body:is(.sector-only-pages) .enquire-now-popup-wrapper form input.form-submit {
    background-color: var(--servicelanding-theme-color);
    border-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .field_header_body .enquire-now-btn:hover,
body:is(.sector-only-pages) .enquire-now-popup-wrapper form input.form-submit:hover {
    background-color: transparent;
    color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .custom-modal-body {
    border-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .custom-modal-body .close-enquire-form:hover {
    color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) :where(.field_cta, .field_cta2, .field_cta_2) a {
    color: var(--servicelanding-theme-color) !important
}

body:is(.sector-only-pages) :where(.field_cta, .field_cta2, .field_cta_2) a:hover {
    color: var(--white) !important
}

body:is(.sector-only-pages) :where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) a:hover {
    color: var(--servicelanding-theme-color) !important
}

body:is(.sector-only-pages) :where(.contact-strip-bottom, .contact-strip-top) .contact-details :where(.phone-details, .email-details) i {
    color: var(--servicelanding-theme-color) !important;
    border-color: var(--servicelanding-theme-color) !important
}

body:is(.sector-only-pages) .field_page {
    background-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .webpro-expert-block .expert-area-content {
    background-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages).node-1478 .webpro-expert-block .field_team_member img {
    content: url(/themes/custom/webpro/css/../img/Laurence-Hahn-Mortgage.png)
}

body:is(.sector-only-pages).node-1507 .webpro-expert-block .field_team_member img {
    content: url(/themes/custom/webpro/css/../img/Harry-Freeman-Estate.png)
}

body:is(.sector-only-pages) .content-wrap ul:not(.teams-tab, .pager__items, .sl) li::before {
    background-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .field_process_item .webpro-process-card {
    background-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .faqs-area .faq-card .field_detailed_question * {
    color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .faq-card {
    border-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .faqs-area .faq-card .field_image_link_text {
    color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .body5-area {
    background-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .related-services-card .field_link a {
    color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .request-a-callback input.form-submit {
    background-color: var(--servicelanding-theme-color);
    border-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .request-a-callback input.form-submit:hover {
    background-color: var(--white);
    color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .owl-nav-circle.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover,
body:is(.sector-only-pages) .custom-owl-nav :is(.owl-prev, .owl-next):hover {
    background-color: var(--servicelanding-theme-color);
    border-color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .field_related_services_items.owl-theme .owl-nav :is(.owl-prev, .owl-next) {
    border-color: var(--servicelanding-theme-color);
    color: var(--servicelanding-theme-color)
}

body:is(.sector-only-pages) .field_related_services_items.owl-theme .owl-nav :is(.owl-prev, .owl-next):hover {
    color: var(--wp-white)
}

body:is(.sector-only-pages) :where(.request-a-callback) input:is(input.form-checkbox[type="checkbox"], input.form-radio[type="radio"])::after {
    color: var(--servicelanding-theme-color)
}

body:is(.node-1420) .header-top-area img.wp-logo,
body:is(.node-1420) .top-body-area img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Adviser.png')
}

body:is(.node-1478) .header-top-area img.wp-logo,
body:is(.node-1478) .top-body-area img,
body:is(.node-1478) #block-testimonialwidgetblock .testimonial-content .wp-logo-icon img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Mortgage.png')
}

body:is(.node-1482) .header-top-area img.wp-logo,
body:is(.node-1482) .top-body-area img,
body:is(.node-1482) #block-testimonialwidgetblock .testimonial-content .wp-logo-icon img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Finance.png')
}

body:is(.node-1507) .header-top-area img.wp-logo,
body:is(.node-1507) .top-body-area img,
body:is(.node-1507) #block-testimonialwidgetblock .testimonial-content .wp-logo-icon img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Estate.png')
}

body:is(.node-1533) .header-top-area img.wp-logo,
body:is(.node-1533) .top-body-area img,
body:is(.node-1533) #block-testimonialwidgetblock .testimonial-content .wp-logo-icon img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Charity.png')
}

body:is(.node-1513) .header-top-area img.wp-logo,
body:is(.node-1513) .top-body-area img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Education.png')
}

body:is(.node-1517) .header-top-area img.wp-logo,
body:is(.node-1517) .top-body-area img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Healthcare.png')
}

body:is(.node-1521) .header-top-area img.wp-logo,
body:is(.node-1521) .top-body-area img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Hospitality.png')
}

body:is(.node-1525) .header-top-area img.wp-logo,
body:is(.node-1525) .top-body-area img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Trade.png')
}

body:is(.node-1529) .header-top-area img.wp-logo,
body:is(.node-1529) .top-body-area img {
    content: url('/themes/custom/webpro/css/../img/logo/WP-Logo-Shop.png')
}

body:is(.sector-only-pages) #block-testimonialwidgetblock .testimonial-content .testimonial-contact-name {
    color: var(--servicelanding-theme-color)
}

body:is(.node-1478) #block-testimonialwidgetblock .testimonial-widget-details .left-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-left-Man-Mortgage.png')
}

body:is(.node-1478) #block-testimonialwidgetblock .testimonial-widget-details .right-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Mortgage.png')
}

body:is(.node-1478) #block-testimonialwidgetblock .testimonial-content .testimonial-md-img img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Mortgage.png')
}

body:is(.node-1507) #block-testimonialwidgetblock .testimonial-widget-details .left-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-left-Man-Estate.png')
}

body:is(.node-1507) #block-testimonialwidgetblock .testimonial-widget-details .right-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Estate.png')
}

body:is(.node-1507) #block-testimonialwidgetblock .testimonial-content .testimonial-md-img img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Estate.png')
}

body:is(.node-1533) #block-testimonialwidgetblock .testimonial-widget-details .left-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Man-Charity.png')
}

body:is(.node-1533) #block-testimonialwidgetblock .testimonial-widget-details .right-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Charity.png')
}

body:is(.node-1533) #block-testimonialwidgetblock .testimonial-content .testimonial-md-img img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Charity.png')
}

body:is(.node-1482) #block-testimonialwidgetblock .testimonial-widget-details .left-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Man-Finance.png')
}

body:is(.node-1482) #block-testimonialwidgetblock .testimonial-widget-details .right-img-details img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Finance.png')
}

body:is(.node-1482) #block-testimonialwidgetblock .testimonial-content .testimonial-md-img img {
    content: url('/themes/custom/webpro/css/../img/Testimonial-right-Woman-Finance.png')
}

body:is(.node-1478) {
    --servicelanding-theme-color: #a452af
}

body:is(.node-1507) {
    --servicelanding-theme-color: #d64646
}

body:is(.node-1521) {
    --servicelanding-theme-color: #d34589
}

body:is(.node-1517) {
    --servicelanding-theme-color: #41aa6a
}

body:is(.node-1525) {
    --servicelanding-theme-color: #60b2b9
}

body:is(.node-1533) {
    --servicelanding-theme-color: #5e73c9
}

@media screen and (max-width:1280px) {
    body:is(.sector-only-pages) .field_process_item.owl-theme .owl-nav:is(.owl-prev, .owl-next):hover {
        color: var(--servicelanding-theme-color) !important
    }
}

.terms-condition-cont {
    padding-block: 70px;
    padding-inline: var(--container-spacing)
}

.terms-condition-cont .field-content :where(h1, h2, h3, h4, h5, h6):not(:first-child) {
    color: var(--main-highlight-color)
}

.terms-condition-cont .field-content :where(h1, h2, h3, h4, h5, h6, table):not(:first-child) {
    margin-top: 48px
}

.terms-condition-cont .field-content :where(p, ul, ol):not(:first-child) {
    margin-top: 5px
}

.terms-condition-cont .field-content :where(ul, ol) :where(ul, ol) {
    margin-block: 0 5px
}

@media screen and (max-width:1280px) {
    .terms-condition-cont .field-content:where(h1, h2, h3, h4, h5, h6, table):not(:first-child) {
        margin-top: 30px
    }
}

.ecommerce-content:has(#commerce-checkout-flow-multistep-default) {
    padding-block: 100px
}

@media screen and (max-width:1280px) {
    .ecommerce-content:has(#commerce-checkout-flow-multistep-default) {
        padding-block: 70px
    }
}

@media screen and (max-width:767px) {
    .ecommerce-content:has(#commerce-checkout-flow-multistep-default) {
        padding-block: 40px
    }
}

.pay-invoice-form {
    display: flex;
    flex-wrap: wrap
}

.pay-invoice-form .heading-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    grid-gap: 15px 15px;
    margin-bottom: 50px
}

.pay-invoice-form .heading-section h1 {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: 700 !important;
    color: rgb(var(--wp-grey))
}

.pay-invoice-form .heading-section .requiredLabel {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

.pay-invoice-form :is(#edit-left, #edit-right) {
    width: 50%;
    padding-inline: 30px
}

.pay-invoice-form #edit-left {
    background-color: var(--main-highlight-color);
    padding-block: 70px
}

.pay-invoice-form #edit-right {
    padding-block: 100px;
    padding-inline: 70px max(calc((100% - 1455px) / 2), 100px)
}

.pay-invoice-form #edit-left img {
    width: 100%;
    max-width: 540px;
    height: 100%;
    object-fit: contain;
    margin-inline: auto
}

.pay-invoice-form .form-item {
    margin-bottom: 30px
}

.pay-invoice-form .form-item label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 15px
}

.pay-invoice-form #edit-right .form-item--error-message {
    margin-top: 5px;
    color: red
}

.pay-invoice-form #edit-right-amount--description {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 10px
}

.pay-invoice-form input:not([type="submit"]) {
    color: rgb(var(--wp-grey));
    background-color: var(--wp-white);
    border: 1px solid #707070
}

:is(table.cart-table, .checkout-table table.summary-table, .pay-invoice-form, .add-ons-container .summary-table) input[type="number"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -moz-appearance: textfield !important
}

:is(table.cart-table, .checkout-table table.summary-table, .add-ons-container .summary-table) input[type="number"] {
    background-image: url(/themes/custom/webpro/css/../img/green-down-arroe.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center right;
    -webkit-appearance: none
}

:is(table.cart-table, .checkout-table table.summary-table, .pay-invoice-form, .add-ons-container .summary-table) input[type=number]::-webkit-inner-spin-button,
:is(table.cart-table, .checkout-table table.summary-table, .pay-invoice-form, .add-ons-container .summary-table) input[type=number]::-webkit-outer-spin-button {
    display: none !important;
    -webkit-appearance: none !important;
    margin: 0
}

.pay-invoice-form input.button {
    display: none
}

.pay-invoice-form .custom-form-action {
    display: flex;
    justify-content: flex-end
}

.pay-invoice-form .custom-form-action .button {
    min-width: 150px;
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white);
    letter-spacing: .25px;
    padding-block: 16px
}

.pay-invoice-form .custom-form-action .button:hover {
    background-color: transparent;
    color: var(--main-highlight-color)
}

@media screen and (max-width:1280px) {
    .pay-invoice-form #edit-right {
        padding-block: 70px;
        padding-inline: 70px max(calc((100% - 1080px) / 2), 50px)
    }
}

@media screen and (max-width:991px) {
    .pay-invoice-form:is(#edit-left, #edit-right) {
        width: 100%
    }

    .pay-invoice-form #edit-right {
        padding-block: 40px;
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }
}

@media screen and (max-width:991px) {
    .pay-invoice-form #edit-right {
        padding-block: 40px;
        padding-inline: max(calc((100% - 640px) / 2), 30px)
    }
}

:is(.error-custom, .capchaErrorShow) {
    font-size: 13px;
    font-weight: 500;
    color: red;
    width: 100%
}

.cart.cart-form {
    padding-block: 100px
}

.cart.cart-form .addon-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    grid-gap: 15px
}

.cart.cart-form .desc-modal-body {
    display: none
}

.cart.cart-form .addon-title h1 {
    font-size: var(--h4) !important;
    line-height: var(--h4-leading);
    font-weight: 600 !important;
    color: rgb(var(--wp-grey))
}

.cart.cart-form .return-button a {
    font-size: var(--h8) !important;
    font-weight: 500 !important;
    background-color: var(--wp-white);
    color: rgb(var(--wp-grey)) !important;
    border: 1px solid #b8b8b8;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: 11px 20px;
    letter-spacing: -0.25px;
    transition: all .3s;
    cursor: pointer
}

.cart.cart-form .return-button a:hover {
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white) !important
}

@media screen and (max-width:1280px) {
    .cart.cart-form {
        padding-block: 70px
    }
}

@media screen and (max-width:1080px) {
    .cart.cart-form .return-button a {
        font-size: 12px !important;
        padding: 9px 16px;
        letter-spacing: .25px
    }
}

@media screen and (max-width:767px) {
    .cart.cart-form {
        padding-block: 40px
    }
}

:is(table.cart-table, .checkout-table table.summary-table) {
    margin-top: 30px;
    width: 100%;
    border-collapse: collapse
}

:is(table.cart-table, .checkout-table table.summary-table) thead {
    display: none
}

:is(table.cart-table, .checkout-table table.summary-table) td.prod-wrapper {
    width: 200px
}

:is(table.cart-table, .checkout-table table.summary-table) .prod-wrapr {
    max-width: 150px
}

:is(table.cart-table, .checkout-table table.summary-table) td.views-field-field-product-image span {
    display: none
}

:is(table.cart-table, .checkout-table table.summary-table) .prod-wrapr img {
    width: 100%
}

:is(table.cart-table, .checkout-table table.summary-table) tbody tr td {
    padding-block: 50px;
    border-block: 1px solid #b8b8b8 !important
}

:is(table.cart-table, .checkout-table table.summary-table) tbody tr td.views-field-edit-quantity {
    font-weight: bold
}

:is(table.cart-table, .checkout-table table.summary-table) tbody tr td.views-field-total-price__number {
    font-weight: bold
}

:is(table.cart-table, .checkout-table table.summary-table) tbody tr td.views-field-body {
    padding-right: 30px
}

:is(table.cart-table, .checkout-table table.summary-table) td.views-field-body :is(svg, i) {
    display: none !important
}

:is(table.cart-table, .checkout-table table.summary-table) td h6 {
    font-weight: 700 !important;
    color: rgb(var(--wp-grey))
}

:is(table.cart-table, .checkout-table table.summary-table) td.views-field-body p {
    margin-top: 15px;
    color: rgb(var(--wp-grey))
}

:is(table.cart-table, .checkout-table table.summary-table) td .form-item input {
    background-color: transparent;
    border: 0;
    width: 60px;
    padding: 0;
    font-size: 22px
}

:is(table.cart-table, .checkout-table table.summary-table) td[headers="view-total-price-number-table-column"] .bt-content,
:is(table.cart-table, .checkout-table table.summary-table) td .price {
    font-size: 30px;
    line-height: normal;
    font-weight: 600 !important;
    color: rgb(var(--wp-grey))
}

:is(table.cart-table, .checkout-table table.summary-table) td.views-field-remove-button .rmv_btn {
    position: relative
}

:is(table.cart-table, .checkout-table table.summary-table) td.views-field-remove-button .rmv_btn :is(svg, i) {
    color: var(--main-highlight-color)
}

:is(table.cart-table, .checkout-table table.summary-table) td.views-field-remove-button .rmv_btn input {
    padding: 0;
    position: absolute;
    inset: 0;
    color: transparent;
    background-color: transparent;
    user-select: none
}

:is(table.cart-table, .checkout-table table.summary-table) .price-and-add-to-cart {
    text-align: right
}

:is(table.cart-table, .checkout-table table.summary-table) .custom-add-to-cart {
    margin-top: 20px;
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important
}

table.cart-table .custom-add-to-cart:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

:is(table.cart-table, .checkout-table table.summary-table) tbody tr td.views-field-edit-quantity .form-item {
    display: none
}

.add-ons-container table.cart-table tbody tr td.views-field-field-product-image {
    width: 170px
}

.add-ons-container table.cart-table tbody tr td.views-field-body .bt-content {
    display: block;
    padding-right: 30px
}

.add-ons-container table.cart-table tbody tr td.views-field-variations-target-id-1 {
    width: 150px;
    text-align: right;
}

.add-ons-container table.cart-table tbody tr td.views-field-variations-target-id-1 .button.btn-design {
    min-width: 38px;
}

.add-ons-container table.cart-table td.views-field-variations-target-id .form-item-quantity-0-value label {
    display: none
}

.add-ons-container table.cart-table td.views-field-variations-target-id .form-actions {
    display: none
}

.add-ons-container :is(table.cart-table, .checkout-table table.summary-table) td .form-item input.quantity-edit-input,
.add-ons-container .summary-table tbody tr td.views-field-edit-quantity input.quantity-edit-input {
    display: none
}

.add-ons-container .summary-table tbody tr td.views-field-edit-quantity select.cart-select-quantity-key {
    font-size: 14px;
    background-size: 12px !important;
    width: 30px
}

@media screen and (max-width:1280px) {
    :is(table.cart-table, .checkout-table table.summary-table) tbody tr {
        display: block;
        border: 1px solid #ccc;
        padding: 15px 30px;
        margin-bottom: -1px
    }

    :is(table.cart-table, .checkout-table table.summary-table) tbody tr td.views-field-remove-button {
        justify-content: flex-end
    }

    :is(table.cart-table, .checkout-table table.summary-table) tbody tr td.views-field-remove-button::before {
        display: none
    }

    :is(table.cart-table, .checkout-table table.summary-table) tbody tr td {
        width: 100% !important;
        padding-block: 15px;
        display: flex;
        border: 0 !important;
        grid-gap: 30px
    }
}

.ecommerce-content.coupon .container {
    width: 100%
}

div#edit-coupon-redemption {
    margin-top: 70px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

div#edit-coupon-redemption label {
    display: none
}

div#edit-coupon-redemption .form-item {
    max-width: 400px;
    position: relative
}

div#edit-coupon-redemption .form-item input {
    width: 100%;
    min-height: 50px;
    color: #393e47;
    border: 1px solid #b7bdbd;
    background-color: var(--wp-white)
}

div#edit-coupon-redemption>input[type="submit"] {
    color: var(--wp-white);
    background-color: #b7bdbd;
    border: 1px solid #b7bdbd;
    min-height: 50px
}

div#edit-coupon-redemption>input[type="submit"]:is(:hover),
div#edit-coupon-redemption>input[type="submit"].button:is(:hover) {
    background-color: var(--main-highlight-color) !important;
    color: var(--wp-white) !important;
    border-color: var(--main-highlight-color) !important
}

div#edit-coupon-redemption>input[type="submit"]:focus {
    outline: 0
}

div#edit-coupon-redemption .form-item .form-item--error-message {
    position: absolute;
    top: calc(100% + 5px);
    color: red;
    line-height: 1
}

div#edit-coupon-redemption .coupon-redemption-form__coupons.coupon-redemption-form__coupons--multiple h3 {
    font-size: 20px !important;
    line-height: 1.2
}

.total-amount {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-block: 30px
}

.total-amount .order-total-line {
    width: 100%;
    max-width: 550px;
    display: flex;
    justify-content: space-between;
    padding-block: 2px;
    padding-inline: 0
}

.total-amount .order-total-line br {
    display: none
}

.total-amount .order-total-line__total {
    margin-top: 15px;
    border-top: 1px solid #b8b8b8;
    padding-block: 15px
}

.shopping-button-row .form-actions {
    display: flex;
    justify-content: flex-end;
    grid-gap: 15px
}

.shopping-button-row .form-actions input {
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    border-color: var(--main-highlight-color)
}

.shopping-button-row .form-actions input:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

@media screen and (max-width:1280px) {
    div#edit-coupon-redemption {
        margin-top: 30px
    }
}

:is(table.cart-table, .checkout-table table.summary-table) select,
.add-ons-container .block-right form select.cart-select-quantity-key {
    background-image: url(/themes/custom/webpro/css/../img/green-down-arroe.png) !important;
    background-size: 16px !important;
    background-color: #fff !important;
    background-position: right !important;
    border: 0 !important;
    padding: 0 !important;
    width: 50px;
    font-size: 22px;
    font-weight: 500;
    outline: 0 !important
}

.select2 .number-select-dropdown {
    font-size: 22px;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 0
}

.select2 .number-select-dropdown .select2-selection__arrow {
    display: flex;
    justify-content: center;
    align-items: center
}

.select2 .number-select-dropdown .select2-selection__arrow::after {
    font-size: 16px;
    font-weight: 700 !important;
    color: var(--main-highlight-color)
}

.number-select-dropdown .select2-search--dropdown {
    display: none
}

.select2-container .select2-dropdown.number-select-dropdown .select2-results .select2-results__options .select2-results__option {
    padding: 6px 10px
}

.checkout-order-summary table.cart-review.sticky-enabled,
.add-ons-container .summary-table {
    width: 100%;
    border-collapse: collapse
}

.checkout-order-summary table.cart-review.sticky-enabled thead,
.add-ons-container .summary-table thead {
    display: none
}

.checkout-order-summary table.cart-review.sticky-enabled tbody tr td,
.add-ons-container .summary-table tr td {
    padding-block: 30px;
    border-bottom: 1px solid #b7b7b7
}

.checkout-order-summary table.cart-review.sticky-enabled tbody tr td.order-summary-commerce-product,
.add-ons-container .summary-table tbody tr td.views-field-view-commerce-product {
    width: 70px
}

.checkout-order-summary table.cart-review.sticky-enabled tbody tr td.order-summary-commerce-basket-text,
.add-ons-container .summary-table tbody tr td.views-field-body {
    padding-inline: 15px
}

.checkout-order-summary table.cart-review.sticky-enabled tbody tr td.order-summary-commerce-basket-text h6,
.add-ons-container .summary-table tbody tr td.views-field-body h6 {
    font-size: var(--h8) !important;
    line-height: var(--h8-leading);
    font-weight: 700 !important;
    color: rgb(var(--wp-grey))
}

.checkout-order-summary table.cart-review.sticky-enabled tbody tr td.order-summary-commerce-basket-text :is(i, svg),
.checkout-order-summary table.cart-review.sticky-enabled tbody tr td.order-summary-commerce-basket-text p,
.add-ons-container .summary-table tbody tr td.order-summary-commerce-basket-text :is(i, svg),
.add-ons-container .summary-table tbody tr td.order-summary-commerce-basket-text p {
    display: none
}

.checkout-order-summary table.cart-review.sticky-enabled tbody tr td.qut,
.add-ons-container .summary-table tbody tr td.views-field-edit-quantity {
    width: 70px;
    padding-inline: 15px;
    font-size: var(--h8) !important;
    line-height: var(--h8-leading);
    font-weight: 700 !important;
    color: rgb(var(--wp-grey))
}

.add-ons-container .summary-table tbody tr td.views-field-edit-quantity input {
    background-color: transparent;
    padding: 0;
    border: 0
}

.checkout-order-summary table.cart-review.sticky-enabled tbody tr td.price,
.add-ons-container .summary-table tbody tr td.price {
    padding-inline: 15px;
    font-size: var(--h8) !important;
    line-height: var(--h8-leading);
    font-weight: 700 !important;
    color: rgb(var(--wp-grey))
}

.add-ons-container .summary-table tbody tr td.views-field-remove-button {
    width: 30px;
    position: relative
}

.add-ons-container .summary-table tbody tr td.views-field-remove-button input[type="submit"] {
    background-color: transparent !important;
    border: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    inset: 0
}

.add-ons-container .summary-table tbody tr td.views-field-remove-button::after {
    content: '\f2ed';
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: var(--main-highlight-color)
}

.add-ons-container .summary-table tbody tr td .form-item--error-message {
    font-size: 10px;
    line-height: 12px;
    color: red;
    font-weight: 600
}

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

    .checkout-order-summary table.cart-review.sticky-enabled tbody tr td.order-summary-commerce-basket-text,
    .add-ons-container .summary-table tbody tr td.views-field-body {
        padding-inline: 5px
    }

    .checkout-order-summary table.cart-review.sticky-enabled tbody tr td.price,
    .add-ons-container .summary-table tbody tr td.price {
        padding-inline: 5px
    }

    .checkout-order-summary table.cart-review.sticky-enabled tbody tr td.price,
    .add-ons-container .summary-table tbody tr td.price {
        padding-inline: 5px
    }
}

:is(table.cart-table, .checkout-table table.summary-table) .prod-wrapr,
.add-ons-container .summary-table .prod-wrapr,
.checkout-order-summary table.cart-review .prod-wrapr {
    width: 150px;
    height: 150px;
    margin-block: 0;
    margin-inline: auto;
    background-image: url(/themes/custom/webpro/css/../img/theme-img-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 20px
}

:is(table.cart-table, .checkout-table table.summary-table) .prod-wrapr img,
.add-ons-container .summary-table .prod-wrapr img,
.checkout-order-summary table.cart-review .prod-wrapr img {
    width: calc(100% - 10px);
    aspect-ratio: 5 / 3;
    margin-inline: auto;
    position: relative;
    top: 6px
}

.add-ons-container .summary-table .prod-wrapr,
.checkout-order-summary table.cart-review .prod-wrapr {
    width: 70px;
    height: 70px;
    top: 10px
}

.add-ons-container .summary-table .prod-wrapr img,
.checkout-order-summary table.cart-review .prod-wrapr img {
    width: calc(100% - 6px);
    aspect-ratio: 16/10;
    top: 2px
}

.add-ons-container {
    padding-block: 100px;
    display: flex;
    flex-wrap: wrap
}

.add-ons-container .block-left {
    width: 70%;
    padding-right: 70px
}

.add-ons-container .block-right {
    width: 30%
}

.add-ons-container .addon-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.add-ons-container .block-right>.total-row {
    margin-top: 16px;
    margin-bottom: 70px;
    border: 1px solid #b7b7b7;
    padding: 30px;
    min-height: 300px;
    position: sticky;
    top: calc(var(--header-height) + 10px)
}

.add-ons-container .block-right>.button {
    margin-inline: auto 0;
    display: table
}

.add-ons-container .addon-title h4 {
    font-weight: 600 !important;
    color: rgb(var(--wp-grey))
}

.add-ons-container .block-right h5 {
    font-size: var(--h4) !important;
    line-height: var(--h4-leading);
    font-weight: 600 !important;
    color: rgb(var(--wp-grey))
}

.add-ons-container .block-right .button {
    background-color: var(--wp-white);
    color: rgb(var(--wp-grey)) !important;
    border: 1px solid #b8b8b8;
    text-transform: none !important
}

.add-ons-container .block-right .button:hover {
    background-color: var(--main-highlight-color);
    border-color: var(--main-highlight-color);
    color: var(--wp-white) !important
}

.add-ons-container .total-amount .order-total-line__total {
    font-size: var(--h6) !important;
    line-height: var(--h6-leading) !important;
    font-weight: bold !important;
    color: rgb(var(--wp-grey));
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #b7b7b7
}

.add-ons-container .total-amount .order-total-line-value {
    width: auto
}

.add-ons-container .block-right .desc-modal-body {
    display: none
}

.add-ons-container .block-right #edit-coupon-redemption {
    display: none
}

.add-ons-container .block-right #edit-actions {
    display: none
}

.add-ons-container .block-right .total-row .continue-button {
    width: auto;
    margin-inline: -30px;
    margin-bottom: -140px;
    margin-top: 30px
}

.add-ons-container .block-right .total-row .continue-button a {
    margin-top: 0 !important
}

.add-ons-container.show-coupon-area .block-right>.total-row .coupon #edit-coupon-redemption {
    margin-top: 28px;
    display: flex
}

.add-ons-container.show-coupon-area .block-right>.total-row .coupon #edit-coupon-redemption .coupon-redemption-form__coupons h3 {
    margin-block: 15px
}

.add-ons-container.show-coupon-area .block-right>.total-row .coupon #edit-coupon-redemption .coupon-redemption-form__coupons table td {
    padding-right: 15px
}

@media screen and (max-width:1359px) {
    .add-ons-container .block-left {
        width: 75%;
        padding-right: 30px
    }

    .add-ons-container .block-right {
        width: 25%
    }
}

@media screen and (max-width:1280px) {
    .add-ons-container {
        padding-block: 70px
    }
}

@media screen and (max-width:1080px) {
    .add-ons-container {
        position: relative
    }

    .add-ons-container .block-left {
        width: 100%;
        padding-right: 0
    }

    .add-ons-container .block-right {
        margin-top: 40px;
        width: 100%;
        margin-bottom: 140px
    }

    .add-ons-container .block-right>.total-row {
        margin-bottom: 0
    }

    .add-ons-container .block-right .button:not([data-drupal-selector="edit-coupon-redemption-apply"]) {
        position: absolute;
        top: 40px;
        right: 0
    }
}

@media screen and (max-width:767px) {
    .add-ons-container {
        padding-block: 40px
    }
}

@media screen and (max-width:640px) {
    .add-ons-container {
        padding-block: 110px 40px
    }

    .add-ons-container .block-right .button {
        right: unset
    }
}

.cart-items-accordion {
    margin-top: -1px;
    border-block: 1px solid #b8b8b8 !important;
    margin-bottom: -1px
}

.cart-items-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 30px;
    cursor: pointer;
    user-select: none
}

.cart-items-accordion-header h4 {
    color: rgb(var(--wp-grey));
    font-weight: 600 !important
}

.cart-items-accordion-header a {
    font-size: 30px;
    transition: all .3s;
    display: block
}

.cart-items-accordion.isOpen .cart-items-accordion-header a {
    transform: rotate(90deg)
}

.cart-items-accordion-body {
    display: none
}

.cart-items-accordion table.cart-table {
    margin-block: 0 -1px
}

.cart-items-accordion table.cart-table tbody tr:nth-child(1) td {
    border-top: 0 !important
}

@media screen and (max-width:1280px) {
    .cart-items-accordion:first-child {
        margin-top: 0
    }

    .cart-items-accordion table.cart-table tbody tr:last-child {
        border-bottom: 0
    }
}

.commerce-checkout-flow {
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    display: flex;
    flex-wrap: wrap;
    padding-block: 63.5px;
    padding-inline: max(calc((100% - 1455px) / 2), 100px)
}

.commerce-checkout-flow .container {
    width: 100%
}

.commerce-checkout-flow .layout-checkout-heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative
}

.commerce-checkout-flow .heading-area {
    width: 70%;
    min-width: calc(100% - 30%);
    padding-right: 70px
}

.commerce-checkout-flow .layout-checkout-heading::after {
    display: none
}

.commerce-checkout-flow .button-area {
    display: flex;
    justify-content: flex-end;
    grid-gap: 15px 30px;
    min-width: 50%;
    margin-left: -20%
}

.commerce-checkout-flow .button-area .button {
    background-color: var(--wp-white);
    color: rgb(var(--wp-grey)) !important;
    border: 1px solid #b8b8b8;
    margin-block: 0 auto
}

.commerce-checkout-flow .button-area .button:hover {
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    border-color: var(--main-highlight-color)
}

.commerce-checkout-flow .title-of-section {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important;
    padding-block: 0
}

.commerce-checkout-flow .label-of-mandatory {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-align: right;
    border-top: 1px solid #b7b7b7;
    padding-block: 15px 15px
}

.commerce-checkout-flow .block-left {
    width: 70%;
    padding-right: 70px
}

.commerce-checkout-flow .block-right {
    width: 30%
}

.commerce-checkout-flow .block-right .block-right-wrap {
    position: sticky;
    top: calc(var(--header-height) + 10px)
}

.commerce-checkout-flow .layout-region-checkout-secondary {
    width: 100%;
    float: none;
    border: 1px solid #b7b7b7;
    padding: 30px;
    margin-block: -58px auto
}

.commerce-checkout-flow .layout-region-checkout-secondary .checkout-title h1 {
    display: none
}

.commerce-checkout-flow .layout-region-checkout-secondary h3 {
    font-size: var(--h4) !important;
    line-height: var(--h4-leading);
    font-weight: 600 !important;
    color: rgb(var(--wp-grey));
    margin-bottom: 30px
}

.commerce-checkout-flow .layout-region-checkout-secondary .return-button {
    display: none
}

.commerce-checkout-flow #edit-payment-information-add-payment-method-billing-information-field-terms-condition-wrapper,
.commerce-checkout-flow #edit-payment-information-billing-information-field-terms-condition-wrapper {
    margin-top: 30px;
    display: flex;
    align-items: center;
    grid-gap: 5px 15px;
    position: relative
}

.commerce-checkout-flow #edit-payment-information-add-payment-method-billing-information-field-terms-condition-wrapper label,
.commerce-checkout-flow #edit-payment-information-billing-information-field-terms-condition-wrapper label {
    display: none
}

.commerce-checkout-flow #edit-payment-information-add-payment-method-billing-information-field-terms-condition-wrapper .terms-label,
.commerce-checkout-flow #edit-payment-information-billing-information-field-terms-condition-wrapper .terms-label {
    flex: 1
}

.commerce-checkout-flow #edit-payment-information-add-payment-method-billing-information-field-terms-condition-wrapper .terms-label a,
.commerce-checkout-flow #edit-payment-information-billing-information-field-terms-condition-wrapper .terms-label a {
    color: inherit
}

.commerce-checkout-flow #edit-payment-information-add-payment-method-billing-information-field-terms-condition-wrapper .terms-label a:hover,
.commerce-checkout-flow #edit-payment-information-billing-information-field-terms-condition-wrapper .terms-label a:hover {
    color: var(--main-highlight-color)
}

.commerce-checkout-flow #edit-payment-information-add-payment-method-billing-information-field-terms-condition-wrapper .form-item--error-message,
.commerce-checkout-flow #edit-payment-information-billing-information-field-terms-condition-wrapper .form-item--error-message {
    position: absolute;
    margin-top: 23px
}

.commerce-checkout-flow .checkout-button {
    margin-top: 30px !important;
    width: 100%;
    max-width: 440px;
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    margin-top: 35px;
    letter-spacing: .25px;
    padding-block: 16px
}

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

@media screen and (max-width:1280px) {
    .commerce-checkout-flow {
        padding-block: 70px;
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }

    .commerce-checkout-flow .heading-area {
        width: 100%;
        min-width: 100%;
        padding-right: 0
    }

    .commerce-checkout-flow .block-left {
        width: 100%;
        padding-right: 0
    }

    .commerce-checkout-flow .block-right {
        width: 100%
    }

    .commerce-checkout-flow .button-area {
        min-width: 100%;
        margin-left: -100%
    }

    .commerce-checkout-flow .layout-region-checkout-secondary {
        margin-top: 40px
    }
}

@media screen and (max-width:767px) {
    .commerce-checkout-flow {
        padding-block: 40px;
        padding-inline: max(calc((100% - 640px) / 2), 30px)
    }

    .commerce-checkout-flow .layout-checkout-heading {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        grid-gap: 30px
    }

    .commerce-checkout-flow .button-area {
        width: 100%;
        min-width: unset;
        margin-left: 0;
        flex-wrap: wrap
    }

    .commerce-checkout-flow .button-area .button {
        min-width: 223px
    }
}

.layout-checkout-form .layout-region-checkout-main {
    width: 100%;
    float: none;
    padding-right: 0
}

.layout-checkout-form fieldset {
    border: 0
}

.layout-checkout-form fieldset legend {
    display: none
}

.layout-checkout-form input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="color"], [type="number"]),
.layout-checkout-form textarea,
.layout-checkout-form select {
    width: 100%;
    background-color: var(--wp-white);
    border-color: #b7b7b7
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details-card-holder-name {
    width: 100%;
    border: 1px solid var(--grey);
    background-color: var(--grey);
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 20px;
    outline: 0;
    letter-spacing: .25px;
    opacity: 1;
    font-family: inherit;
    background-color: var(--wp-white);
    border-color: #b7b7b7
}

.layout-checkout-form .form-item>label {
    display: block;
    margin-bottom: 10px
}

.layout-checkout-form .form-item.js-form-type-checkbox {
    display: flex;
    flex-wrap: wrap
}

.layout-checkout-form .form-item.js-form-type-checkbox label {
    display: block;
    width: calc(100% - 21px);
    margin-bottom: 0 !important;
    padding-left: 15px
}

.layout-checkout-form .form-item .description {
    margin-top: 5px
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details {
    margin-top: 50px
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px 30px
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details .heading-area {
    width: 100%;
    padding-right: 0 !important
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details .form-item-payment-information-add-payment-method-payment-details-card-holder-name {
    width: 100%
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details #payment-errors {
    font-size: 13px;
    font-weight: 500;
    color: red
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details-card-number {
    width: calc(100% - 115px - 110px - 60px)
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details-expiration {
    width: 115px
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details-expiration #expiration-element {
    width: 100px
}

.layout-checkout-form #edit-payment-information-add-payment-method-payment-details-security-code {
    width: 110px
}

.layout-checkout-form #card-number-element,
.layout-checkout-form #expiration-element,
.layout-checkout-form #security-code-element {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 15px 20px;
    border-color: #b7b7b7
}

.layout-checkout-form #card-number-element input,
.layout-checkout-form #expiration-element input,
.layout-checkout-form #security-code-element input {
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .25px;
    opacity: 1;
    font-family: inherit
}

.layout-checkout-form #card-number-element input::placeholder,
.layout-checkout-form #expiration-element input::placeholder,
.layout-checkout-form #security-code-element input::placeholder {
    color: #0f0f0f;
    opacity: 1
}

.layout-checkout-form #card-number-element>div {
    height: 100%
}

.layout-checkout-form #card-number-element {
    background-image: url(/themes/custom/webpro/css/../img/card-icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center left 20px;
    padding-left: 70px !important
}

.card-declaration {
    width: 100%
}

.card-declaration img {
    max-width: 190px;
    margin-block: 10px 0
}

.card-declaration .final p {
    font-size: 12px !important;
    line-height: 1.2
}

.layout-checkout-form #commerce-paypal-checkout-custom-card-fields {
    width: 100% !important
}

.card-paypal-fields-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 15px 30px
}

.card-paypal-fields-wrapper label {
    display: block;
    margin-block: 0 10px !important
}

.card-paypal-fields-wrapper .commerce-paypal-checkout-custom-card-field {
    width: calc(100% - 42px) !important;
    background-color: var(--wp-white);
    border: 1px solid #b7b7b7;
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 20px;
    letter-spacing: .25px;
    opacity: 1;
    font-family: inherit;
    outline: 0 !important;
    margin: 0 !important
}

.card-paypal-fields-wrapper .expiry-paypal .commerce-paypal-checkout-custom-card-field {
    min-width: 70px
}

.paypal-messages .messages.messages--error {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
    color: red;
    width: 100%
}

@media screen and (max-width:767px) {
    .card-paypal-fields-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-gap: 15px 30px
    }

    .card-paypal-fields-wrapper .card-paypal {
        grid-area: 1 / 1 / 2 / 3
    }

    .card-paypal-fields-wrapper .expiry-paypal {
        grid-area: 2 / 1 / 3 / 2
    }

    .card-paypal-fields-wrapper .cvv-paypal {
        grid-area: 2 / 2 / 3 / 3
    }
}

div#edit-payment-information-add-payment-method-billing-information,
div#edit-payment-information-billing-information {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 30px
}

div#edit-payment-information-add-payment-method-billing-information .extra-checkboxes .form-item,
:is(div#edit-payment-information-billing-information-field-charles-derby-permission-wrapper, #edit-payment-information-billing-information-field-lighthouse-permission-wrapper) .form-item {
    align-items: center
}

div#edit-payment-information-add-payment-method-billing-information .extra-checkboxes .form-item .description,
:is(div#edit-payment-information-billing-information-field-charles-derby-permission-wrapper, #edit-payment-information-billing-information-field-lighthouse-permission-wrapper) .form-item :is(#edit-payment-information-billing-information-field-charles-derby-permission-value--description, #edit-payment-information-billing-information-field-lighthouse-permission-value--description) {
    order: 1;
    margin-bottom: 15px
}

div#edit-payment-information-add-payment-method-billing-information .extra-checkboxes .form-item input,
:is(div#edit-payment-information-billing-information-field-charles-derby-permission-wrapper, #edit-payment-information-billing-information-field-lighthouse-permission-wrapper) .form-item input {
    order: 2
}

div#edit-payment-information-add-payment-method-billing-information .extra-checkboxes .form-item label,
:is(div#edit-payment-information-billing-information-field-charles-derby-permission-wrapper, #edit-payment-information-billing-information-field-lighthouse-permission-wrapper) .form-item label {
    order: 3
}

.layout-checkout-form .layout-additional-info {
    clear: both;
    margin-top: 50px
}

.layout-checkout-form .layout-additional-info .heading-area {
    width: 100%;
    padding-right: 0 !important
}

.layout-checkout-form .layout-additional-info textarea {
    resize: none
}

.commerce-checkout-flow .layout-region-checkout-footer {
    float: none;
    width: 100%;
    padding-right: 0
}

.commerce-checkout-flow .block-right .total-amount {
    padding-bottom: 0
}

.layout-checkout-form #edit-payment-information-add-payment-method-billing-information #edit-payment-information-add-payment-method-billing-information-field-comments-wrapper,
.layout-checkout-form div#edit-payment-information-billing-information #edit-payment-information-billing-information-field-comments-wrapper,
.layout-checkout-form div#edit-payment-information-billing-information #edit-payment-information-billing-information-field-terms-condition-wrapper {
    display: none
}

.commerce-checkout-flow .layout-region-checkout-secondary .checkout-pane-coupon-redemption {
    display: none !important
}

.commerce-checkout-flow .layout-checkout-form #edit-payment-information-add-payment-method-billing-information-field-terms-condition-wrapper {
    display: none
}

.commerce-checkout-flow .form-item--error-message {
    margin-top: 5px;
    display: block;
    color: red
}

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

    div#edit-payment-information-add-payment-method-billing-information,
    div#edit-payment-information-billing-information {
        grid-template-columns: repeat(1, 1fr)
    }

    .layout-checkout-form #edit-payment-information-add-payment-method-payment-details-card-number {
        width: 100%
    }
}

body:is(.node-type-listing-page) .ajax-progress.ajax-progress-fullscreen {
    display: none !important
}

.custom-checkout-form {
    padding-block: 100px;
    display: flex;
    flex-wrap: wrap;
    padding-inline: max(calc((100% - 1455px) / 2), 100px)
}

.custom-checkout-form #edit-left {
    width: 70%;
    padding-right: 70px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px 30px
}

.custom-checkout-form .right-section-wrap {
    width: 30%
}

.custom-checkout-form .heading-area {
    width: 100%
}

.custom-checkout-form .heading-area~.heading-area {
    margin-top: 70px
}

.custom-checkout-form .title-of-section {
    font-size: var(--h3) !important;
    line-height: var(--h3-leading);
    font-weight: var(--h3-weight) !important;
    border-bottom: 1px solid #b7b7b7;
    padding-block: 0 30px
}

.custom-checkout-form .label-of-mandatory {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-align: right
}

.custom-checkout-form .form-item {
    width: 100%
}

.custom-checkout-form .half-element {
    width: calc(50% - 15px)
}

.custom-checkout-form .quarter-element {
    width: 70px;
    margin-block: auto 0
}

.custom-checkout-form .quarter-element label[for="edit-left-expiry-month"] {
    display: block;
    width: 150px
}

.custom-checkout-form .form-item-left-security-number {
    max-width: 210px;
    display: flex;
    flex-wrap: wrap
}

.custom-checkout-form .form-item-left-security-number label {
    width: 100%
}

.custom-checkout-form .form-item-left-security-number input {
    width: calc(100% - 40px - 15px) !important
}

.custom-checkout-form .form-item-left-security-number::after {
    content: '';
    display: block;
    width: 40px;
    aspect-ratio: 40/31;
    background-image: url(/themes/custom/webpro/css/../img/card-icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    margin-left: 15px !important
}

.custom-checkout-form .form-item label {
    display: block;
    margin-bottom: 10px
}

.custom-checkout-form input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="color"], [type="number"]),
.custom-checkout-form textarea,
.custom-checkout-form select {
    width: 100%;
    background-color: var(--wp-white);
    border-color: #b7b7b7
}

.custom-checkout-form .form-item-left-card-number input {
    background-image: url(/themes/custom/webpro/css/../img/card-icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center left 20px;
    padding-left: 70px !important
}

.custom-checkout-form .right-section-wrap #edit-right {
    position: sticky;
    top: calc(var(--header-height) + 10px)
}

.custom-checkout-form .invoice-wrap {
    border: 1px solid #b7b7b7;
    padding: 30px;
    margin-block: 93px auto
}

.custom-checkout-form .invoice-wrap .invoice-heading p {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading) !important;
    font-weight: bold !important;
    color: rgb(var(--wp-grey))
}

.custom-checkout-form .invoice-wrap .invoice-heading .invoice-no {
    display: block;
    margin-top: 5px;
    color: var(--main-highlight-color);
    margin-bottom: 30px
}

.custom-checkout-form .invoice-wrap .invoice-row {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 500
}

.custom-checkout-form .invoice-wrap .invoice-row.final {
    font-size: var(--h6) !important;
    line-height: var(--h6-leading) !important;
    font-weight: bold !important;
    color: rgb(var(--wp-grey));
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #b7b7b7
}

.custom-checkout-form .form-item-right-terms {
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.custom-checkout-form .form-item-right-terms label {
    display: block;
    width: calc(100% - 21px);
    margin-bottom: 0 !important;
    padding-left: 15px
}

.custom-checkout-form #stripePayBtn,
.custom-checkout-form .imposterSubmit,
.add-ons-container .block-right .continue-button a {
    margin-top: 30px !important;
    width: 100%;
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    margin-top: 35px
}

.custom-checkout-form #stripePayBtn,
.custom-checkout-form .imposterSubmit {
    letter-spacing: .25px;
    line-height: 1;
    padding-block: 16px
}

.custom-checkout-form #stripePayBtn:hover,
.custom-checkout-form .imposterSubmit:hover,
.add-ons-container .block-right .continue-button a:hover {
    background-color: transparent;
    border-color: var(--main-highlight-color);
    color: var(--main-highlight-color) !important
}

.custom-checkout-form .payment-status {
    width: 100%
}

.custom-checkout-form#customCheckoutForm #stripePayBtn {
    display: none
}

.custom-checkout-form .form-item--error-message,
.custom-checkout-form .payment-status .error {
    color: red
}

.custom-checkout-form #card-element {
    width: 100%
}

@media screen and (max-width:1359px) {
    .custom-checkout-form #edit-left {
        width: 75%;
        padding-right: 30px
    }

    .custom-checkout-form .right-section-wrap {
        width: 25%
    }
}

@media screen and (max-width:1280px) {
    .custom-checkout-form {
        padding-block: 70px;
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }

    .custom-checkout-form .heading-area~.heading-area {
        margin-top: 40px
    }
}

@media screen and (max-width:1080px) {
    .custom-checkout-form #edit-left {
        width: 100%;
        padding-right: 0
    }

    .custom-checkout-form .right-section-wrap {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .custom-checkout-form {
        padding-block: 40px;
        padding-inline: max(calc((100% - 640px) / 2), 30px)
    }

    .custom-checkout-form .invoice-wrap {
        margin-top: 40px
    }
}

@media screen and (max-width:525px) {
    .custom-checkout-form #edit-left {
        grid-gap: 20px 15px
    }

    .custom-checkout-form .half-element {
        width: 100%
    }
}

.payment-outcome-message {
    padding-block: 63.5px;
    padding-inline: var(--container-spacing);
    text-align: center;
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    display: flex;
    justify-content: center;
    align-items: center
}

.payment-outcome-message .content {
    width: 100%;
    max-width: 944px;
    margin-inline: auto;
    padding-block: 50px;
    padding-inline: 30px;
    text-align: center;
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.payment-outcome-message h1 {
    font-size: var(--h4) !important;
    line-height: var(--h4-leading) !important;
    font-weight: var(--h4-weight) !important;
    text-transform: uppercase
}

.payment-outcome-message p {
    margin-top: 27px
}

.payment-outcome-message h5 {
    margin-top: 27px
}

.payment-outcome-message h5 a {
    color: var(--wp-white) !important
}

.payment-outcome-message h5 a:hover {
    color: rgb(var(--wp-grey)) !important
}

.payment-outcome-message .buttons {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 15px 30px
}

.payment-outcome-message .button {
    width: 100%;
    max-width: 220px
}

.payment-outcome-message .button {
    background-color: var(--main-highlight-color);
    border-color: var(--wp-white);
    color: var(--wp-white)
}

.payment-outcome-message .button:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color)
}

.layout-checkout-form:has(.checkout-complete) {
    width: 100%
}

.checkout-complete {
    text-align: center
}

.checkout-complete .checkout-complete-footer {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    grid-gap: 15px 0
}

.checkout-complete .checkout-complete-thankyou-message {
    max-width: 944px;
    margin-inline: auto;
    padding-block: 50px;
    padding-inline: 30px;
    text-align: center;
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

.checkout-complete .checkout-complete-message-high-light-box {
    margin-block: 30px
}

.checkout-complete .checkout-complete-thankyou-message h1 {
    font-size: var(--h4) !important;
    line-height: var(--h4-leading) !important;
    font-weight: var(--h4-weight) !important
}

.checkout-complete .checkout-complete-message-high-light-box img {
    display: none
}

.checkout-complete .checkout-complete-message-high-light-box h5 {
    margin-bottom: 5px
}

.checkout-complete .checkout-complete-footer img {
    max-width: 40px;
    margin-inline: auto
}

.checkout-complete .checkout-complete-footer p {
    flex: 1;
    max-width: 500px;
    margin-inline: auto
}

@media screen and (max-width:767px) {
    .checkout-complete .checkout-complete-message-high-light-box h5 {
        font-size: 14px !important
    }
}

.thank-you-confirmation-container {
    padding-block: 63.5px;
    min-height: calc(100vh - var(--header-height) - var(--footer-height))
}

body:is(.node-type-confirmation-screens) .confirmation-box,
.thank-you-confirmation-container .confirmation-box {
    max-width: 944px;
    margin-inline: auto;
    padding-block: 50px;
    padding-inline: 30px;
    text-align: center;
    background-color: var(--main-highlight-color);
    color: var(--wp-white)
}

body:is(.node-type-confirmation-screens) .confirmation-box .logo-symbol,
.thank-you-confirmation-container .confirmation-box .logo-symbol {
    width: 100%;
    max-width: 67px;
    margin-inline: auto
}

body:is(.node-type-confirmation-screens) .confirmation-box .field_page_title,
.thank-you-confirmation-container .confirmation-box .field_page_title h1 {
    font-size: var(--h4) !important;
    line-height: var(--h4-leading) !important;
    font-weight: var(--h4-weight) !important;
    letter-spacing: var(--h4-ls) !important;
    text-transform: uppercase
}

body:is(.node-type-confirmation-screens) .confirmation-box .body p,
.thank-you-confirmation-container .confirmation-box .body :is(h3, p) {
    max-width: 780px;
    margin-top: 25px;
    margin-inline: auto
}

body:is(.node-type-confirmation-screens) .confirmation-box .body p:nth-child(2),
.thank-you-confirmation-container .confirmation-box .body h3 {
    font-size: var(--h5) !important;
    line-height: var(--h5-leading) !important;
    font-weight: var(--h5-weight) !important;
    letter-spacing: var(--h5-ls) !important
}

body:is(.node-type-confirmation-screens) .confirmation-box .body a:not(.button, .btn2),
.thank-you-confirmation-container .confirmation-box .body a:not(.button, .btn2) {
    color: var(--wp-white)
}

body:is(.node-type-confirmation-screens) .confirmation-box .body a:not(.button, .btn2):hover,
.thank-you-confirmation-container .confirmation-box .body a:not(.button, .btn2):hover {
    color: rgb(var(--wp-grey))
}

body:is(.node-type-confirmation-screens) .confirmation-box .phone-number a:hover,
.thank-you-confirmation-container .confirmation-box .phone-number a:hover {
    color: var(--wp-grey)
}

.thank-you-confirmation-container .confirmation-box .body p:has(.homebtn) {
    margin-top: 0 !important
}

body:is(.node-type-confirmation-screens) .confirmation-box .homebtn,
.thank-you-confirmation-container .confirmation-box .homebtn {
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
    margin-top: 35px
}

body:is(.node-type-confirmation-screens) .confirmation-box .homebtn:hover,
.thank-you-confirmation-container .confirmation-box .homebtn:hover {
    background-color: var(--wp-white);
    border-color: var(--wp-white);
    color: var(--main-highlight-color) !important
}

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

    body:is(.node-type-confirmation-screens) .confirmation-box,
    .thank-you-confirmation-container .confirmation-box {
        padding-block: 70px;
        padding-inline: max(calc((100% - 1080px) / 2), 50px)
    }

    body:is(.node-type-confirmation-screens) .confirmation-box .logo-symbol,
    .thank-you-confirmation-container .confirmation-box .logo-symbol {
        max-width: 37px
    }

    body:is(.node-type-confirmation-screens) .confirmation-box .body p,
    .thank-you-confirmation-container .confirmation-box .body p {
        margin-top: 30px
    }

    body:is(.node-type-confirmation-screens) .confirmation-box .phone-number,
    .thank-you-confirmation-container .confirmation-box .phone-number {
        margin-top: 30px;
        font-size: 24px
    }
}

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

    body:is(.node-type-confirmation-screens) .confirmation-box,
    .thank-you-confirmation-container .confirmation-box {
        padding-inline: max(calc((100% - 640px) / 2), 30px)
    }

    body:is(.node-type-confirmation-screens) .confirmation-box .logo-symbol,
    .thank-you-confirmation-container .confirmation-box .logo-symbol {
        max-width: 27px
    }

    body:is(.node-type-confirmation-screens) .confirmation-box,
    .thank-you-confirmation-container .confirmation-box {
        padding-block: 40px
    }
}

body:is(.node-1956) .views-area-wrapper {
    padding-block: 0 100px
}

body:is(.node-1956) .views-area-wrapper .views-row:not(:last-child) {
    margin-bottom: 40px
}

body:is(.node-1956) .views-area-wrapper .views-row .views-field-title a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 0 15px;
    font-size: var(--h5) !important;
    line-height: var(--h5-leading);
    font-weight: 600 !important;
    color: rgb(var(--wp-grey)) !important;
    padding-block: 30px;
    padding-inline: 40px 30px;
    background-color: var(--grey);
    position: relative;
    transition: all .3s
}

body:is(.node-1956) .views-area-wrapper .views-row .views-field-title a::after {
    content: '\f054';
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: 30px;
    color: var(--main-highlight-color)
}

body:is(.node-1956) .views-area-wrapper .views-row .views-field-title a:hover {
    color: var(--main-highlight-color) !important
}

@media screen and (max-width:767px) {
    body:is(.node-1956) .views-area-wrapper {
        padding-block: 0 70px
    }

    body:is(.node-1956) .views-area-wrapper .views-row:not(:last-child) {
        margin-bottom: 30px
    }

    body:is(.node-1956) .views-area-wrapper .views-row .views-field-title a {
        padding-block: 20px;
        padding-inline: 20px 20px;
        font-size: var(--h6) !important;
        line-height: var(--h6-leading)
    }
}

.cart-empty-page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 63.5px;
    padding-inline: var(--container-spacing);
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    text-align: center
}

.cart-empty-page i {
    font-size: 60px;
    color: var(--main-highlight-color)
}

.cart-empty-page h1 {
    margin-top: 27px
}

.cart-empty-page .empty-cart-link {
    margin-top: 30px;
    background-color: var(--main-highlight-color);
    color: var(--wp-white);
    border-color: var(--main-highlight-color)
}

.cart-empty-page .empty-cart-link:hover {
    background-color: var(--wp-white);
    color: var(--main-highlight-color)
}

select#edit-payment-information-add-payment-method-billing-information-field-network option[value="_none"],
select#edit-which-event-did-you-attend option[selected="selected"],
#webform-submission-testimonial-node-1389-add-form select#edit-sector option[selected="selected"],
select#edit-how-did-you-hear-about-us option[selected="selected"],
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:nth-child(1) {
    display: none !important
}

fieldset.captcha {
    display: block;
    width: 100%;
    margin-top: 30px;
    border: 0 !important
}

fieldset.captcha .captcha__title {
    display: none !important
}

@media screen and (max-width:767px) {
    .g-recaptcha>div {
        transform: scale(0.7);
        transform-origin: top left;
        width: 213px !important;
        height: 54px !important
    }
}

button#ccc-icon {
    transform: rotate(90deg);
    left: 0;
    right: unset !important
}

button#ccc-icon g#star {
    transform: rotate(-90deg);
    transform-origin: 50px 50px
}

#ccc-module.ccc-module--slideout.ccc-module--right {
    animation-name: slide-right !important
}

#ccc-module.ccc-module--slideout.ccc-module--right {
    left: 0;
    right: unset
}

#ccc :is(h1, h2, h3) {
    font-size: 19.2px !important
}

.ccc-content--dark {
    background-color: rgba(var(--wp-grey), 1) !important
}

#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
    background-color: var(--main-highlight-color) !important
}

#ccc .checkbox-toggle--slider.checkbox-toggle--dark {
    background-color: var(--light-grey) !important;
    border-color: var(--light-grey) !important
}

#ccc-icon.ccc-icon--dark {
    fill: var(--main-highlight-color) !important
}

#ccc .checkbox-toggle--slider .checkbox-toggle-off,
#ccc .checkbox-toggle--slider .checkbox-toggle-on {
    color: var(--main-highlight-color) !important
}

#ccc-icon.ccc-icon--dark #star path {
    fill: var(--wp-white) !important
}

.order-checkout-page .webpro-status-messages {
    display: block !important
}

.order-checkout-page div[data-drupal-messages] div[role="alert"] {
    display: block !important;
    font-size: 15px;
    font-weight: 500;
    color: red;
    text-align: center;
    margin-top: 30px
}

.wp-greview-loader {
    display: inline-flex;
}

.btn-design {
    margin-top: 20px;
    background-color: var(--main-highlight-color);
    color: var(--wp-white) !important;
}

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

#performance-profiler-dynamic {
    bottom: 200px !important;
}

.performance-profiler-long {
    overflow-y: scroll;
    height: 500px;
}