/* ==UserStyle==
@name           ablewise.e-zydigital.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("ablewise.e-zydigital.com") {
    /* Insert code here... */
}




/*
Theme Name:     Ablewise
Author:         Pedro Garcia
Template:       Divi
Version:        5.0
Website:        ablewise.pt
Date:           01/04/2026
*/
/*
INDEX:
1- VARS
2- FONTS
3- STRUCTURE
4- GENERAL
5- BUTTONS
6- TABLES
7- FORMS
8- LOGO
9- HEADER / NAVIGATION
10- HERO SLIDER
11- FOOTER
12- 
13- NORMAL SLIDER
14- CONTACTS
15- SOCIAL
16- BLOG
17- NEWSLETTER
18- SHOP
19- COOKIE NOTICE
20- FAQS
21- ANIMATIONS
22- EVENTS
99- THEME RELATED COSTUMIZATIONS
------------------------------------------------------- */
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
@import url("../Divi/style.css");

:root {
    --color-primary: #00669a;
    --color-secondary: #30cdf7;
    --color-tertiary: #d5b4fb;
    --color-quaternary: #63B771;
    --color-navigation: #202020;
    --color-navigation-active: #00669a;
    --color-headers-text: #4b4b4b;
    --color-paragraph-text-dark: #000;
    --color-paragraph-text: #202020;
    --color-paragraph-text-light: #b1b1b1;
    --color-footer-background: #5e4479;
    --color-footer-background: #141471;
    --color-footer-text: #f2f2f2;
    --color-footer-copyright-text: #454545;
    --color-border: #f2f2f2;
    --color-form-background: #e2e5e8;
    --color-background: #EFEEE9;
    --color-primary-background: var(--color-tertiary);
    --color-secondary-background: var(--color-secondary);
    --color-tertiary-background: #D4845D;
    --font-brand: 'Inter', sans-serif;
    --font-default: 'Open Sauce One', sans-serif;
    --font-special: 'Inter', sans-serif;
    --border-radius: 8px;
    --navbar-height: 90px;
    /* product colors */
    --color-onboarding: #062f50;
    --color-origination: #043f5d;
    --color-decisionengine: #075069;
    --color-clientview: #0f6e91;
    --color-collections: #018ebc;
    --color-legal: #31cdf7;
    --color-aml: #5bc5f2;
    --color-invoice: #a4d9f7;
}

/* 2- start FONTS */
@font-face {
    font-family: 'Open Sauce One';
    src: url('/wp-content/themes/Ablewise/fonts/opensauceone-light-webfont.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sauce One';
    src: url('/wp-content/themes/Ablewise/fonts/opensauceone-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sauce One';
    src: url('/wp-content/themes/Ablewise/fonts/opensauceone-medium-webfont.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sauce One';
    src: url('/wp-content/themes/Ablewise/fonts/opensauceone-semibold-webfont.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sauce One';
    src: url('/wp-content/themes/Ablewise/fonts/opensauceone-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sauce One';
    src: url('/wp-content/themes/Ablewise/fonts/opensauceone-extrabold-webfont.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sauce One';
    src: url('/wp-content/themes/Ablewise/fonts/opensauceone-black-webfont.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
/**/
@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/Ablewise/fonts/inter-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/Ablewise/fonts/inter-semibold-webfont.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/Ablewise/fonts/inter-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


/* 2- end FONTS */
/* 3- start STRUCTURE */
html {
    scroll-behavior: smooth;
}
body #main-content {
    padding-top: var(--navbar-height);
}
/*
body:not(.home) #main-content {
    margin-top: 100px;
}
*/
/* equalize column heights needs to be ON */
.et_pb_column.vertical-center {
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
}
/* 3- end STRUCTURE */
/* 4- start GENERAL */
body {
    font-family: var(--font-default);
    /*font-size: clamp(.85rem, 1.5vw, .9rem);
    font-size: clamp(.85rem, 1.5vw, 1.05rem);*/
    font-weight: 400;
}

h1 {
    font-family: var(--font-brand);
    font-size: clamp(2.25em, 5vw, 3em) !important;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 100%;
    text-transform: none;
    word-spacing: 0;
}

h1.et_pb_module_heading b {
    font-size: 130%;
    font-weight: 700;
    display: block;
    line-height: 110%;
}
h2 {
    font-family: var(--font-brand);
    font-size: clamp(1.75em, 4.2vw, 2em);
    font-weight: 700;
    /*letter-spacing: 0.01em;*/
    line-height: 130%;
    margin-bottom: 20px;
}

h3 {
    font-family: var(--font-brand);
    font-size: clamp(1.6em, 4vw, 1.7em);
    font-weight: 700;
    /*letter-spacing: 0.01em;*/
    line-height: 150%;
}

h4 {
    font-family: var(--font-brand);
    font-size: clamp(1.25em, 3vw, 1.45em);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 125%;
    margin-bottom: 5px;
}

h5 {
    font-family: var(--font-brand);
    font-size: clamp(1.2em, 2vw, 1.35em);
    font-weight: 700;
    /*letter-spacing: 0.01em;*/
}

h6 {
    font-family: var(--font-brand);
    font-size: clamp(1em, 1.5vw, 1.175em);
    font-weight: 700;
    /*letter-spacing: 0.01em;*/
}

p,
.et_pb_text_inner {
    font-family: var(--font-default) !important;
    font-size: 1rem;
    font-weight: 200;
    /*letter-spacing: 0.01em;*/
    line-height: 150%;
    padding-bottom: 1.2em;
}

p.lead {
    font-family: var(--font-default) !important;
    font-size: clamp(1rem, 1.15vw, 1.2rem);
    font-weight: 400;
}

p > a.btn {
    margin-right: 15px;
    margin-top: 15px;
}

a {
    color: var(--color-primary);
}

.et_pb_text_inner a:not(.btn):hover {
    border-bottom: 1px solid;
    color: var(--color-paragraph-text-dark);
}

b {
    font-weight: 700;
}
.btn-link {
    color: var(--color-primary) !important;
}

.border-primary {
    border-color: var(--color-primary) !important;
}

.border-secondary {
    border-color: var(--color-secondary) !important;
}

.badge-primary {
    color: #fff;
    background-color: var(--color-primary);
}

.badge-secondary {
    color: #fff;
    background-color: var(--color-tertiary) !important;
}

.color-primary {
    color: var(--color-primary) !important;
}

.color-secundary {
    color: var(--color-secondary) !important;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.text-primary {
    color: var(--color-primary) !important;
}
.et_pb_module_header {
    color: var(--color-headers-text);
}

/**/
#main-content .et_pb_heading h1.et_pb_module_header {
    color: var(--color-headers-text);
    font-family: var(--font-brand);
    padding-top: 25px;
}
#main-content .et_builder_inner_content p,
#main-content .et_pb_text p,
#main-content .et_pb_text .et_pb_text_inner p {
    color: var(--color-paragraph-text);
    line-height: 150%;
    text-shadow: 0 0 #666666ee;
}
#main-content .et_pb_heading_container h1,
#main-content .et_pb_heading_container h2 {
    color: var(--color-headers-text);
    /*text-shadow: 1px 1px var(--color-headers-text);*/
    text-shadow: none;
}
/*#main-content .et_pb_text .et_pb_text_inner ol {
    list-style: decimal-leading-zero;
}*/
#main-content .et_pb_text .et_pb_text_inner ol li::marker {
    color: var(--color-paragraph-text) !important;
    font-weight: 700;
}
#main-content .et_pb_text li,
#main-content .et_pb_text .et_pb_text_inner li {
    font-family: var(--font-default);
    font-weight: 400;
    line-height: 150%;
    list-style: lower-alpha;
    list-style-position: inside;
    padding-bottom: .5em;
    text-shadow: 0 0 #666666ee;
}
#main-content .et_pb_text li:last-child,
#main-content .et_pb_text .et_pb_text_inner li:last-child {
    padding-bottom: 1.65em;
}

/* 4- end GENERAL */
/* 5 - start BUTTONS */
.et_pb_button,
.et_pb_file_upload_button,
.et_pb_contact_submit {
    background-color: #fff;
    border-color: #fff;
    border-radius: 30px;
    box-shadow: 2px 4px 3px #00000044 !important;
    color: #666 !important;
    font-family: var(--font-brand);
    font-size: .825em;
    font-weight: 600;
    line-height: 160% !important;
    margin: 0;
    padding: 5px 15px !important;
    text-decoration: none;
    text-shadow: none;
}

.et_pb_button:hover,
.et_pb_file_upload_button:hover,
.et_pb_contact_submit:hover {
    background-color: #fff !important;
    color: var(--color-primary) !important;
    border-radius: 30px;
    box-shadow: 0 1px 2px #00000044 !important;
    font-family: var(--font-brand);
    font-size: .825em;
    padding: 5px 30px 5px 15px !important;
    text-decoration: none;
}

.et_pb_button:after,
.et_pb_button:before {
    font-size: 22px;
    line-height: 190%;
}

/* 5 - end BUTTONS */
/* 7 - start FORMS */
.et_pb_contact .et_pb_contact_field input,
.et_pb_contact .et_pb_contact_field textarea,
.et_pb_files_container, .et_pb_contact_field input[type=radio]+label i {
        background-color: var(--color-form-background) !important;
    border: 1px solid var(--color-form-background);
    border-radius: 20px;    transition: all 0.3s ease-in;
}
.et_pb_contact .et_pb_contact_field input:focus,
.et_pb_contact .et_pb_contact_field textarea:focus,
.et_pb_files_container:focus {
    border-color: #00669a85;
    color: var(--color-paragraph-text);
}
.et_pb_files_container span.et_pb_accepted_files_desc {
    font-size: .875em;
    padding-top: 6px;
}
.et_pb_files_container {
    background-color: transparent !important;
    border: 0;
    padding-left: 0 !important;
}
/* 7 - end FORMS */
/* 8 - start LOGO */
header .et_builder_inner_content .et_pb_image img {
    height: auto;
}
body:not(.single-post) header .et_builder_inner_content .et_pb_image img {
    filter: grayscale(0) brightness(1);
    transition: all 0.6s ease-in;
}
body:not(.single-post) header .et_builder_inner_content.scrolled .et_pb_image img {
    filter: grayscale(0) brightness(1);
    transition: all 0.6s ease-in;
}
/* exception for Home page */
body.home header .et_builder_inner_content .et_pb_image img {
    filter: grayscale(1) brightness(3);
    transition: all 0.6s ease-in;
}

/* 8 - end LOGO */
/* 9 - start HEADER / NAVIGATION */
header .et_builder_inner_content {
    background-color: #ffffff00;
    padding: 30px 0;
    width: 100% !important;
    max-width: 100%;
    position: fixed;
    transition: all 0.6s ease-out;
    z-index: 4 !important;
}

header .et_builder_inner_content.scrolled {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    box-shadow: 0px -5px 20px 0px #0000002b;
    transition: all 0.6s ease-in;
}

header .et_builder_inner_content .et_pb_row {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    /*max-width: 80%;*/
}

header .et_builder_inner_content .et_pb_column .et_pb_menu {
    background-color: transparent;
    /*background-color: red;*/
    position: absolute;
    width: 85%;
    right: 30px;
}
@media (min-width: 768px) {
    header .et_builder_inner_content .et_pb_column .et_pb_menu {
        padding: 0 20px;
    }
}

header .et_builder_inner_content .et_pb_section {
    background-color: transparent;
    padding: 0;
}

header .et_builder_inner_content li.menu-item {
    font-family: var(--font-brand);
    font-weight: 600;
    letter-spacing: -0.01em;
}

header .et_builder_inner_content li.menu-item {
    padding: 0 20px;
}

header .et_builder_inner_content li.menu-item:last-child {
    padding-right: 0;
}
header .et_builder_inner_content li.menu-item a {
    color: var(--color-navigation);
}

header .et_builder_inner_content ul#menu-main-menu li.menu-item.current-menu-item a {
    color: var(--color-primary) !important;
}

body:not(.single-post) header .et_builder_inner_content.scrolled ul#menu-main-menu li.menu-item a {
    color: #fff;
    color: var(--color-navigation);
}

/* expection for DIVI editor in wireframe */
html.et-vb-app-ancestor[data-et-app-view=wireframe] #et-boc > header > div {
    padding: 0;
    position: relative;
}

html.et-vb-app-ancestor[data-et-app-view=wireframe] #main-content {
    padding-top: 0;
}

/* social links  */
.et_pb_column.et-last-child.social-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

body header .et_builder_inner_content .et_pb_column.et-last-child.social-links .et_pb_code a {
    color: var(--color-navigation);
    display: block;
    font-family: var(--font-brand);
    font-weight: 600;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: all 0.6s ease-out;
}
body header .et_builder_inner_content.scrolled .et_pb_column.et-last-child.social-links .et_pb_code a {
    color: var(--color-navigation);
    transition: all 0.6s ease-in;
}

.et_pb_column.et-last-child.social-links .et_pb_code .et_pb_code_inner {
    margin-top: 3px;
}

@media (max-width: 767px) {
    .et_pb_column.et-last-child a {
        margin-top: 5px;
    }
}

/* exception for Home page */
body.home header .et_builder_inner_content ul#menu-main-menu li.menu-item a {
    color: #fff;
}

body.home header .et_builder_inner_content:not(.scrolled) ul#menu-main-menu li.menu-item.current-menu-item a {
    color: #fff !important;
}


body.home header .et_builder_inner_content:not(.scrolled) .et_pb_column.et-last-child.social-links .et_pb_code a {
    color: #fff;
}




/* mobile */
.mobile_nav .mobile_menu_bar:before {
    color: var(--color-headers-text) !important;
}
.mobile_nav .mobile_menu_bar:before {
    margin-top: -2px;
    top: 0;
}
body.home header .et_builder_inner_content:not(.scrolled) .mobile_nav .mobile_menu_bar:before {
    color: #fff !important;
}
.et_pb_menu ul.et_mobile_menu {
    border-top: 0;
    top: 59px;
    width: 100%;
}
.et_pb_menu ul.et_mobile_menu li {
    padding: 0;
    text-align: right;
}
.et_pb_menu ul.et_mobile_menu li a {
    border: 0;
}



/* 9 - end HEADER / NAVIGATION */
/* 10- start HERO SLIDER */
.hero-slider {
    margin-top: calc(var(--navbar-height)*-1) !important;
}
.hero-slider h2 {
    color: var(--color-headers-text);
    font-family: var(--font-default);
    font-size: clamp(2em, 5vw, 3.8em) !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em;
    line-height: 125%;
    margin-top: 15px;
    text-shadow: none;
    text-transform: none;
    word-spacing: 0;
}

.hero-slider .slide-AFS360 h2 {
    font-size: clamp(2.4em, 5vw, 4.2em) !important;
    font-weight: 700 !important;
}
.hero-slider .slide-AFS360 h2:after {
    background: url(/wp-content/themes/Ablewise/images/nuvem.svg) center no-repeat;
    background-size: 40px;
    content: "";
    display: inline-block;
    height: 100px;
    width: 48px;
}
.hero-slider h2 a {
    text-decoration :none;
}
.hero-slider h4 {
    font-family: var(--font-default);
    font-size: clamp(1.25em, 2vw, 1.6em);
    font-weight: 400;
    line-height: 130%;
    text-shadow: none;
}
.et_pb_section.hero .et_pb_slide {
    height: calc(100vh) !important;
}
.et_pb_section.hero .et_pb_slide:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4) repeat scroll 0 center;
}

.et_pb_section.hero a.et_pb_button {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff !important;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    color: #fff !important;
    font-family: var(--font-default);
    font-size: 1.4em;
    font-weight: 700;
    line-height: 100% !important;
    padding: 2px 1px !important;
    text-shadow: none;
    text-transform: uppercase;
}
.et_pb_section.hero a.et_pb_button:hover {
    background-color: transparent !important;
    border: 0;
    border-bottom: 1px solid var(--color-secondary) !important;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    color: var(--color-secondary) !important;
    font-family: var(--font-default);
    font-size: 1.4em;
    font-weight: 700;
    line-height: 100% !important;
    padding: 2px 1px !important;
    text-shadow: none;
    text-transform: uppercase;
}
.et_pb_section.hero a.et_pb_button:after,
.et_pb_section.hero a.et_pb_button:before {
    display: none;
}

.et-pb-arrow-prev:before {
    background: url(/wp-content/themes/Ablewise/images/arrow.svg) center no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 30px;
    opacity: 80%;
    transform: rotate(180deg);
    width: 30px;
}

.et-pb-arrow-next:before {
    background: url(/wp-content/themes/Ablewise/images/arrow.svg) center no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 30px;
    opacity: 80%;
    width: 30px;
}

.et-pb-arrow-prev:hover:before,
.et-pb-arrow-next:hover:before {
    opacity: 100%;
}
.slider-more-arrow.et_pb_code {
        margin-top: -31px;
    z-index: 99 !important;
}
.slider-more-arrow.et_pb_code a.more-arow {
    background: url(/wp-content/themes/Ablewise/images/arrow.svg) center no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 30px;
    margin: auto;
    margin-top: -150px;
    opacity: 80%;
    transform: rotate(90deg);
    width: 30px;
}
.slider-more-arrow.et_pb_code a.more-arow:hover {
    opacity: 100%;
}
.slider-more-arrow-achor {
    margin-top: -50px;
        padding-bottom: 50px;
}
/* 10- end HERO SLIDER */
/* 11- start FOOTER */
footer .et_pb_section {
    padding: 30px 0;
}

footer .et_pb_text,
footer .et_pb_text p {
    color: var(--color-paragraph-text);
    font-family: var(--font-default) !important;
    font-size: .75rem;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 1.2em;
}
@media (min-width: 768px) {
    footer .et_pb_text.copyright p {
        text-align: left;
    }
    footer .et_pb_text.links p {
        text-align: right;
    }
}
@media (max-width: 767px) {
    footer .et_pb_row {
        row-gap: 10px;
    }
    footer .et_pb_text {
        text-align: center;
    }
}

/* 11- end FOOTER */
/* home products + Product Blurb */
#Products h1:after {
    background: url(/wp-content/themes/Ablewise/images/nuvem.svg) center no-repeat;
    background-size: 30px;
    content: "";
    display: inline-block;
    filter: invert(.69);
    height: 69px;
    width: 32px;
}
.home-products {
    padding: 96px 0;
}
.home-products .et_pb_blurb.product img {
    filter: contrast(0.6);
}
.home-products .et_pb_blurb.product p {
    font-size: 1em;
}
.home-products .et_pb_blurb.product:hover h4.et_pb_module_header {
    color: var(--color-primary);
}
.home-products .et_pb_blurb.product:hover img {
    filter: invert(19%) sepia(93%) saturate(2250%) hue-rotate(182deg) brightness(102%) contrast(101%);
}


/* quoted text */
.quoted .et_pb_text p {
    padding: 40px 0 40px 0;
}
.quoted .et_pb_text p:before {
    background: url(/wp-content/themes/Ablewise/images/quote.svg) center no-repeat;
    background-size: 100%;
    color: var(--color-primary);
    content: "";
    display: inline-block;
    font-family: var(--font-brand);
    margin-right: 15px;
    height: 32px;
    width: 50px;
}
/* about us */
.about-us p:last-of-type {
    padding-bottom: 30px;
}

/* our numbers */
.our-numbers .et_pb_circle_counter .percent p > span.percent-value {
    color: var(--color-primary);
    font-family: var(--font-brand);
    font-size: 1em;
    font-weight: 600;
    line-height: 115%;
}
.our-numbers .et_flex_column {
    padding: 0 30px;
}
@media (min-width: 981px) {
.our-numbers .et_flex_column:last-of-type {
    padding: 0 0 0 calc(30px + 3vw);
}
}
.our-numbers h3.et_pb_module_header {
    color: var(--color-primary);
    font-family: var(--font-brand);
    font-size: clamp(1.45em, 2vw, 1.9em);
    font-weight: 400;
    line-height: 125%;
}
.our-numbers .et_pb_circle_counter .et_pb_circle_counter_inner {
    --vertical-gap: 0 !important;
}

.our-numbers .et_pb_circle_counter .percent p {
    padding: 0;
}

.our-numbers .et_pb_circle_counter canvas {
    display: none;
}



.our-vision {
    margin-top: 40px;
}
.our-vision h1,
.our-vision p {
    color: #fff !important;
}
.our-vision p:last-of-type {
    padding-bottom: 30px;
}



.people {
    background-color: #e8e8e8;
}
.people .et_pb_blurb {
    padding: 0 calc(40px + 1vw) calc(40px + 1vw);
}


.people .et_pb_blurb .et_pb_main_blurb_image img {
    border: 4px solid var(--color-primary);
    border-radius: 100%;
}
.people .et_pb_blurb h4.et_pb_module_header {
    font-size: 1.8em;
    font-size: clamp(1.6em, 1.5vw, 1.8em) !important;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding-bottom: 6px;
}
.people .et_pb_blurb .et_pb_blurb_description p {
    font-size: 1.33em;
    font-size: clamp(1em, 1.5vw, 1.25em) !important;
    font-style: italic;
    font-weight: 200;
}

.people .et_pb_heading.lead h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.contact-info h4 {
    color: var(--color-headers-text);
    margin-bottom: 2px;
    padding-bottom: 0;
    padding-top: 10px;
}



/* Product page BLOG */
/* fix for blog pages */
/*body.wp-singular .et_pb_post_title {
        padding-top: 150px;
}
*/
/* structure*/
body.wp-singular .product-page > .et_pb_row {
    min-height: calc(100vh - 300px);
}

body.wp-singular .product-page .post-content {
    margin-top: 30px;
}

body.wp-singular .et_pb_post_content .et_block_row {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    width: 100%;
}
body.wp-singular .et_pb_post_content .et_pb_section {
    background-color: transparent;
    padding: 0;
}

@media (min-width: 768px) {
    body.wp-singular.post-template-default .et_pb_post_title h1.entry-title,
    body.wp-singular.post-template-default .et_pb_button_module_wrapper, 
    body.wp-singular.post-template-default .et_pb_post_content p {
        /*text-align: right;*/
    }
}
/* side list */
.product-page .category-column {
    gap: 10px;
    order: 0;
    padding-top: 30px;
}

@media (max-width: 767px) {
    .product-page .category-column {
        order: 1;
    }
}

a.et_pb_button.product-btn {
    align-content: center;
    align-items: center;
    background-color: var(--color-primary);
    background-size: 20px;
    background-position: left center;
    border-color: var(--color-primary);
    border-radius: 0 30px 30px 0;
    border-width: 8px 22px;
    box-shadow: 0px 6px 3px #00000000 !important;
    color: #fff !important;
    display: flex;
    flex-direction: row;
    font-size: 1em;
    min-width: 100%;
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 5px 0 5px 32px !important;
    transition: all 0.2s ease-out;
    width: 100% !important;
}
a.et_pb_button.product-btn:hover {
    background-color: var(--color-primary) !important;
    border-radius: 0 30px 30px 0;
    border-width: 8px 16px;
    box-shadow: 0px 6px 3px #00000000;
    padding: 5px 0 5px 32px !important;
    transition: all 0.2s ease-in;
}

a.et_pb_button.product-btn.active-product {
    /*background-color: #ff0404 !important;
    border-color: #ff0404;*/
    background-position: right center;
    box-shadow: 0px 6px 3px #00000044 !important;
    cursor: default;
    pointer-events: none;
    /*text-transform: uppercase;*/
    text-align: right;
    display: inline-block;
    padding-right: 40px !important;
    transition: all 0.2s ease-in;  

}
a.et_pb_button.product-btn:hover {
     box-shadow: 0px 6px 3px #00000044 !important; 
}
a.et_pb_button.product-btn:after {
    display: none;
}
/* - button product colors */
a.et_pb_button.product-btn[id="Onboarding"] {
    background-color: var(--color-onboarding) !important;
    border-color: var(--color-onboarding) !important;
}
a.et_pb_button.product-btn[id="Origination"] {
    background-color: var(--color-origination) !important;
    border-color: var(--color-origination) !important;
}
a.et_pb_button.product-btn[id="Decision engine"] {
    background-color: var(--color-decisionengine) !important;
    border-color: var(--color-decisionengine) !important;
}
a.et_pb_button.product-btn[id="Client view"] {
    background-color: var(--color-clientview) !important;
    border-color: var(--color-clientview) !important;
}

a.et_pb_button.product-btn[id="Collections"] {
    background-color: var(--color-collections) !important;
    border-color: var(--color-collections) !important;
}
a.et_pb_button.product-btn[id="Legal"] {
    background-color: var(--color-legal) !important;
    border-color: var(--color-legal) !important;
}

a.et_pb_button.product-btn[id="AML"] {
    background-color: var(--color-aml) !important;
    border-color: var(--color-aml) !important;
}
a.et_pb_button.product-btn[id="Invoice"] {
    background-color: var(--color-invoice) !important;
    border-color: var(--color-invoice) !important;
}


/* content */
.services-intro .et_pb_heading h1 {
    color: #fff !important;
    font-family: var(--font-brand);
}
.services-intro .et_pb_text p {
    color: #fff !important;
    font-family: var(--font-default);
    font-weight: 600;
}

.services-intro:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35) repeat scroll 0 center;
}

/* service page */
/* contact form */
.contact-form {
    color: var(--color-paragraph-text);
    font-family: var(--font-default) !important;
    margin-top: -90px !important;
    min-height: 90vh;
}

.contact-form .et_pb_contact_field[data-id="subject_type"] {
    color: var(--color-paragraph-text);
        font-family: var(--font-brand) !important;
    padding: 8px;
}
.contact-form .et_pb_contact_field[data-id="subject_type"] .et_pb_contact_field_options_title {
    font-family: var(--font-default);
    font-size: 1em;
}
.contact-form label {
    color: var(--color-paragraph-text);
}

/* cookie bar */

#cookie-notice {
    background-color: #ffffffcc !important;
        font-family: var(--font-brand) !important;
}
#cn-accept-cookie {
    background-color: transparent !important;
    border: 1px solid var(--color-paragraph-text) !important;
    color: var(--color-paragraph-text) !important;
    font-family: var(--font-brand) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
    text-transform: uppercase !important;
        transition: all 0.2s ease-in;
}
#cn-accept-cookie:hover {
    background-color: transparent !important;
    border: 1px solid var(--color-primary) !important;
    color: var(--color-primary) !important;
    font-family: var(--font-brand) !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
    text-transform: uppercase !important;
        transition: all 0.2s ease-out;
}
#cn-close-notice {
    display: none !important;
}
#cn-close-notice:hover {
    opacity: 1;
}
#cn-close-notice:hover:before, #cn-close-notice:hover:after { 
    background-color: var(--color-primary) !important;
}