/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         The Descartes Systems Group, Inc.
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
/*
Spacing: 2em!!!
Border-radius:
Big element: 12px;
Medium element: 6px;
Small element, buttons: 3px;  
  
  
var(--dark-blue)
var(--light-blue)
var(--dark-gray)
var(--traditional-dark-blue)
var(--medium-blue)
var(--light-green)
var(--light-orange)
var(--light-gray)
var(--dark-blue-20)
var(--medium-blue-20)
var(--dark-blue-10)
var(--medium-blue-10)
var(--dark-blue-plus-10)
var(--medium-blue-plus-10)
var(--dark-blue-plus-20)
var(--medium-blue-plus-20)
var(--light-blue-20)
var(--light-orange-20)
var(--light-green-20)
var(--light-blue-10)
var(--light-orange-10)
var(--light-green-10)
var(--light-blue-plus-10)
var(--light-orange-plus-10)
var(--light-green-plus-10)
var(--light-blue-plus-20)
var(--light-orange-plus-20)
var(--light-green-plus-10)
 * */


/* =Theme customization starts here
------------------------------------------------------- */

:root {
	/* Font sizes */
	--fs-base: 1rem;      /* 16px */
	--fs-sm: 0.875rem;    /* 14px */
	--fs-xs: 0.75rem;     /* 12px */
	--fs-h4: 1.25rem;     /* 20px */
	--fs-h3: 1.5rem;      /* 24px */
	--fs-h2: 2rem;        /* 32px */
	--fs-h1: 2.5rem;      /* 40px */

	/* Font weights */
	--fw-regular: 400;
	--fw-medium: 400;
	--fw-semibold: 400;
	--fw-bold: 700;
	
	/* Spacing scale */
	--space-0: 0;
	--space-1: 0.25rem;  /* 4px */
	--space-2: 0.5rem;   /* 8px */
	--space-3: 0.75rem;  /* 12px */
	--space-4: 1rem;     /* 16px */
	--space-6: 1.5rem;   /* 24px */
	--space-8: 2rem;     /* 32px */
	--space-12: 3rem;    /* 48px */
	--space-16: 4rem;    /* 64px */	

	/* Border radius scale */
	--radius-none: 0;
	--radius-sm: 0.125rem;  /* 2px */
	--radius-md: 0.25rem;   /* 4px */
	--radius-ml: 0.375rem;  /* 6px */
	--radius-lg: 0.5rem;    /* 8px */
	--radius-xl: 1rem;      /* 16px */
	--radius-round: 9999px; /* full pill/circle */
	
	/*Colors*/
	--white: #ffffff;
    --white-blue: #e5f2fd;
	--dark-blue: #134169; /*Descartes Dark Blue*/
	--light-blue: #009CEB; /*Descartes Light Blue*/
	--dark-gray: #53565A; /*Descartes Dark Gray*/
	--traditional-dark-blue: #0055AA; /*Descartes Traditional Dark Blue**/
	--medium-blue: #007DC0; /*Descartes Medium Blue*/
	--light-green: #BADD92; /*Descartes Light Green*/
	--light-orange: #FF9922; /*Descartes Light Orange*/
	--medium-gray: #AAAAAA; /*Descartes Medium Gray*/
	--light-gray: #f4f5f6; /*Descartes Light Gray*/
	--dark-blue-20: #206EA8; /*Descartes Dark Blue -20%*/
	--medium-blue-20: #91C7E4; /*Descartes Medium Blue -20%*/
	--dark-blue-10: #1C5C8C; /*Descartes Dark Blue -10%*/
	--medium-blue-10: #45A0D1; /*Descartes Medium Blue -10%*/
	--dark-blue-plus-10: #012A49; /*Descartes Dark Blue +10%*/
	--medium-blue-plus-10: #036793; /*Descartes Medium Blue +10%*/
	--dark-blue-plus-20: #021A2D; /*Descartes Dark Blue +20%*/
	--medium-blue-plus-20: #023C56; /*Descartes Medium Blue +20%*/
	--light-blue-20: #BAE8FF; /*Descartes Light Blue -20%*/
	--light-orange-20: #FFDCB4; /*Descartes Light Orange -20%*/
	--light-green-20: #EAF5DD; /*Descartes Light Green -20%*/
	--light-blue-10: #66CCFF; /*Descartes Light Blue -10%*/
	--light-orange-10: #FFBB6B; /*Descartes Light Orange -10%*/
	--light-green-10: #DBEFC6; /*Descartes Light Green -10%*/
	--light-blue-plus-10: #408BD7; /*Descartes Light Blue +10%*/
	--light-orange-plus-10: #FF7F00; /*Descartes Light Orange +10%*/
	--light-green-plus-10: #99CC56; /*Descartes Light Green +10%*/
	--light-blue-plus-20: #035185; /*Descartes Light Blue +20%*/
	--light-orange-plus-20: #FF6100; /*Descartes Light Orange +20%*/
	--light-green-plus-10: #79B230; /*Descartes Light Green +10%*/

    --light-border: #e2e8f0;
}

/* Fonts added 092823 */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../divi-child/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../divi-child/fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-v30-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../divi-child/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../divi-child/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-v30-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../divi-child/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../divi-child/fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-condensed-v25-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../divi-child/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-condensed-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../divi-child/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../divi-child/fonts/roboto-condensed-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}
/*Font Size Control*/
/* h1 {font-size: 4em !important;line-height: 1em !important;}
h2 {font-size: 3.2em !important;line-height: 1em !important;}
h3 {font-size: 2.4em !important;line-height: 1em !important;}
h4 {font-size: 1.6em !important;line-height: 1em !important;}
h5 {font-size: 1.4em !important;line-height: 1em !important;}
h4 {font-size: 1.2em !important;line-height: 1em !important;} */

h1 { font-size: var(--fs-h1); font-weight: var(--fw-bold); }
h2 { font-size: var(--fs-h2); font-weight: var(--fw-semibold); }
h3 { font-size: var(--fs-h3); font-weight: var(--fw-medium); }
h4 { font-size: var(--fs-h4); font-weight: var(--fw-medium); }
p  { font-size: var(--fs-base); font-weight: var(--fw-regular); }
small { font-size: var(--fs-sm); font-weight: var(--fw-regular); }

.et_pb_column_1_3 h1, .et_pb_column_1_4 h1, .et_pb_column_1_5 h1, .et_pb_column_1_6 h1, .et_pb_column_2_5 h1 {
    font-size: var(--fs-h1);
}
.small-h1 h1 {
    font-size: var(--fs-h3) !important;
	color: var(--light-blue) !important;
}
.small-h1 h2 {
    font-size: var(--fs-h1) !important;
}
.et_pb_module_heading span.highlight {
    color: var(--light-blue);
}
html, body {
    font-family: 'Roboto', sans-serif !important;
}

@media only screen and (min-width: 981px) {
	#logo {
    	max-width: 150px;
	}
}
/*Two columns text*/
@media only screen and (min-width: 981px) {

.two-columns-text {
	 column-count: 2;
    column-gap: var(--size-6); /* Adjust the gap between columns */
}
}
/*Custom scrollbar*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
@media screen and (max-width: 1269px) {
    ::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(13deg, var(--medium-gray) 14%, var(--medium-gray) 64%);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(13deg, var(--medium-gray) 14%, var(--medium-gray) 64%);
}
::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: inset 7px 10px 12px #f0f0f0;
}
::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: var(--dark-blue-plus-20);
}
::selection {
    color: #fff;
    background: var(--dark-blue-plus-20);
}

/* default: no admin bar */
:root { --adminbar-h: 0px; }

/* admin bar visible (logged in) */
body.admin-bar { --adminbar-h: 32px; }          /* desktop */
@media (max-width: 782px) {                     /* WP breakpoint */
	body.admin-bar { --adminbar-h: 46px; }      /* mobile/tablet */
}

/*Resets*/
.dp-dfg-skin-default .dp-dfg-item {
	border: 0;
}
.et-db #et-boc .et-l .et-waypoint.et_pb_animation_top.et-animated {
    animation: none !important;
    -webkit-animation: none !important;
}

/*Set Border Radius*/
.et_pb_module.et_pb_image .et_pb_image_wrap,
.et_pb_module.et_pb_image .et_pb_image_wrap img,
.et_pb_module .et_pb_video_overlay,
.et_pb_module .et_pb_video_overlay_hover,
.et_pb_module.et_pb_video iframe,
.fluid-width-video-wrapper iframe,
.et_pb_module.et_pb_testimonial,
.et_pb_module.et_pb_gallery,
.single-post #main-content .et-l--body > .et_builder_inner_content > .et_pb_section > .et_pb_row img,
.single-post #main-content .et-l--post > .et_builder_inner_content > .et_pb_section > .et_pb_row img {
    border-radius: var(--radius-ml);
}

/*Balance text*/
* {
	text-wrap: balance;
}
p, ul > li, ol > li {
	text-wrap: auto;
	text-wrap: pretty;
}
/*Fix SVG*/
/* 1. Any  whose src ends with .svg */
.et_pb_menu__logo img[src$=".svg"] {
  width: var(--logo-w, 100%) !important;
  height: auto;
}

/* 2. Inline SVGs without their own width/height */
.et_pb_menu__logo svg:not([width]):not([height]) {
  width: var(--logo-w, 100%) !important;
  height: auto;
}
/*Fix Elements Height in ROW*/
.et_pb_row.flex_pb_row{
    display:flex !important;
    align-items: stretch !important;
}
.et_pb_row.flex_pb_row .et_pb_column  {
    flex: 1 !important;
    height: auto !important;
}
@media (max-width: 980px) {
.et_pb_row.flex_pb_row {
    display:block !important;
}
}
/*Align Center Divi Elements when Equalize Column Heights is ON*/
.et_pb_equal_columns>div {
    margin: auto;
}
/* @media (max-width: 980px) {
	.et_pb_equal_columns>div:first-child {
    	margin: 0px 0 2em 0;
	}
}
.et_pb_equal_columns:has(.et_pb_blurb)>.et_pb_column 
{
    margin: 0;
} */

.et_pb_equal_columns:has(.et_pb_blurb)>.et_pb_column>.et_pb_blurb
{
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex: 1;
}

/* Blocks edit of global layouts, please add to all global layouts!!! */
body.logged-in .no-edit  {
    pointer-events: none !important;
}
/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
	margin-right: 1em !important;
    margin-bottom: 0 !important;
}
@media (max-width: 980px) {
	.et-db #et-boc .et-l .et_pb_button_module_wrapper,
	.et_pb_button_module_wrapper {
	margin-right: 0em !important;
    margin-bottom: 1em !important;
	display: flex;
    align-items: center;
    justify-content: center;
	}
}
body #et-boc .et-l  .pa-inline-buttons .et_pb_button_module_wrapper a.et_pb_button.et_pb_bg_layout_light {
    background: none !important;
    border-width: 1px !important;
    border-color: var(--light-blue) !important;
    color: var(--light-blue) !important;
}
body #et-boc .et-l  .pa-inline-buttons .et_pb_button_module_wrapper a.et_pb_button.et_pb_bg_layout_light:hover {
    background: var(--light-blue) !important;
    border-width: 1px !important;
    border-color: var(--light-blue) !important;
    color: var(--white) !important;
}
/* Dark, Medium and Light sections controller*/
.dark-section, .dark-gradient-section,
.dark-section *, .dark-gradient-section *,
.dark-section *::before,  .dark-gradient-section *::before,
.dark-section *::after, .dark-gradient-section *::after {
  color: var(--white) !important;
}

.color-section, .color-gradient-section,
.color-section *, .color-gradient-section *,
.color-section *::before,  .color-gradient-section *::before,
.color-section *::after, .color-gradient-section *::after {
  color: var(--white) !important;
}
/*Base: background colors*/
.dark-section {
  background: var(--dark-blue) !important;
}
.medium-section {
  background: var(--light-blue) !important;
}
.light-section {
  background: var(--white-blue) !important;
}
.gray-section {
  background: var(--light-gray) !important;
}

/* Base: build the gradient once for all sections */
.dark-gradient-section,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].dark-gradient-section,
.medium-gradient-section,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].medium-gradient-section,
.light-gradient-section,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].light-gradient-section,
.lightblue-gradient-section,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].lightblue-gradient-section,
.gray-gradient-section,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].gray-gradient-section,
.darkgray-gradient-section,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].darkgray-gradient-section {
  /* default angle (can be overridden by direction utilities) */
  --gradient-angle: -35deg;

  /* each section will supply its own start/end colors (below) */
  background: linear-gradient(
    var(--gradient-angle),
    var(--gradient-start) 0%,
    var(--gradient-end) 100%
  ) !important;

  background-repeat: no-repeat; /* optional, often useful */
}

/* Per-section color themes (your originals, moved into variables) */
.dark-gradient-section,
.et-db #et-boc .et-l .et_pb_section.dark-gradient-section,
.et-db #et-boc .et-l .theme-builder-area .theme-builder-area-content div.dark-gradient-section {
  --gradient-start: var(--dark-blue);
  --gradient-end:   var(--dark-blue-plus-10);
}

.medium-gradient-section,
.et-db #et-boc .et-l .et_pb_section.medium-gradient-section,
.et-db #et-boc .et-l .theme-builder-area .theme-builder-area-content div.medium-gradient-section {
  --gradient-start: var(--light-blue);
  --gradient-end:   var(--medium-blue);
}

.light-gradient-section,
.et-db #et-boc .et-l .et_pb_section.light-gradient-section,
.et-db #et-boc .et-l .theme-builder-area .theme-builder-area-content div.light-gradient-section {
  --gradient-start: var(--light-blue-20);
  --gradient-end:   var(--medium-blue-20);
}

.lightblue-gradient-section,
.et-db #et-boc .et-l .et_pb_section.lightblue-gradient-section,
.et-db #et-boc .et-l .theme-builder-area .theme-builder-area-content div.lightblue-gradient-section {
  --gradient-start: var(--white);
  --gradient-end:   var(--white-blue);
}

.gray-gradient-section,
.et-db #et-boc .et-l .et_pb_section.gray-gradient-section,
.et-db #et-boc .et-l .theme-builder-area .theme-builder-area-content div.gray-gradient-section {
  --gradient-start: var(--white);
  --gradient-end:   var(--light-gray);
}

.darkgray-gradient-section,
.et-db #et-boc .et-l .et_pb_section.darkgray-gradient-section,
.et-db #et-boc .et-l .theme-builder-area .theme-builder-area-content div.darkgray-gradient-section {
  --gradient-start: var(--dark-gray);
  --gradient-end:   var(--medium-gray);
}

/* Direction utilities (apply to ANY of the sections above) */
.gradient-ltr,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].gradient-ltr { /* Left → Right */
  --gradient-angle: 90deg;
}
.gradient-rtl,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].gradient-rtl { /* Right → Left */
  --gradient-angle: 270deg;
}
.gradient-ttb,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].gradient-ttb { /* Top → Bottom */
  --gradient-angle: 180deg;
}
.gradient-btt,
.et-db #et-boc .et-l div.et_pb_section[class*="et_pb_section_"].gradient-btt { /* Bottom → Top */
  --gradient-angle: 0deg;
}

/*Number Counter Fix*/
.et_pb_number_counter .percent p span {
    font-weight: 700;
}
/*CPT Custom styles*/
.cpts-2c-h2-text-button-bullets-color .et_pb_row  {
background: linear-gradient(90deg,var(--light-blue) 0%, var(--light-blue) 50%, #fff 50%, #fff 100%);
}
@media (max-width: 981px) {
    .cpts-2c-h2-text-button-bullets-color .et_pb_row  {
        background: var(--white);
    }
	.cpts-2c-h2-text-button-bullets-color .et_pb_row>div:nth-child(1)  {
        background-color: var(--light-blue);
        border-radius: 0;
        color: var(--white) !important;
    }	
}
.cpts-2c-h2-blocks-bullets .et_pb_row:nth-child(3) {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
}
.et-l .et_pb_blurb_content {
	max-width: 100% !important;
}
/* swap columns on mobile */
@media only screen and ( max-width: 980px) {
    .flip {
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse !important;
    }
}
/*Add spacing between blocks*/
@media screen and (max-width: 980px){
.et_pb_row.et_pb_equal_columns>div:nth-of-type(1) {
    margin-bottom: 2em !important;
}
.et_pb_row.flip.et_pb_equal_columns>div:nth-of-type(2) {
    margin-bottom: 2em !important;
}
	.et_pb_row.flip.et_pb_equal_columns>div:nth-of-type(1) {
    margin-bottom: 0 !important;
}
}

/*White Button Light Button*/
a.et_pb_button.white-button.et_pb_bg_layout_light,
.dark-section a.et_pb_button.white-button.et_pb_bg_layout_light,
.color-section a.et_pb_button.white-button.et_pb_bg_layout_light{
    background: var(--white) !important;
    color: var(--light-blue) !important;
}
a.et_pb_button.white-button.et_pb_bg_layout_light:hover{
    background: var(--dark-blue) !important;
    color: var(--white) !important;
}

/*Blurb Icon Update*/
.et_pb_blurb_content .et_pb_blurb_container h3.et_pb_module_header {
    font-size: 1.3em !important;
    line-height: 1em;
}

.et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    font-size: 1em !important;
    line-height: 1.3em;
}
/*Fix Blurb SVG size*/
.et_pb_main_blurb_image span{
display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.et_pb_main_blurb_image img[src$=".svg"] {
    min-width: 70px !important;
}

.et_pb_blurb_container {
    vertical-align: middle !important;
}

.et_pb_blurb_content .et_pb_main_blurb_image span:has(img){
    background-color: var(--white);
    padding: 10px;
    border-radius: 6px;
}
.icons-light-gray-bg .et_pb_blurb_content .et_pb_main_blurb_image span:has(img){
    background-color: var(--light-gray);
}

.et_pb_blurb_content .et_pb_main_blurb_image span img{
    max-height: 70px;
}
.et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom: 1.5em;
}
.et_pb_module.et_pb_blurb {
    margin-bottom: 1em !important;
}

/*Accordion FAQ Design*/
.et-db #et-boc .et-l .et_pb_accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open h3.et_pb_toggle_title {
    font-size: 1.6em !important;
    color: var(--light-blue) !important;
    transition: background-color 1.5s ease; /* Smooth transition */

}
.et-db #et-boc .et-l .et_pb_accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item h3.et_pb_toggle_title {
    font-size: 1.6em !important;
    color: var(--dark-blue) !important;
    transition: background-color 1.5s ease; /* Smooth transition */

}
.et-db #et-boc .et-l .dark-section .et_pb_accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item h3.et_pb_toggle_title,
.et-db #et-boc .et-l .dark-section .et_pb_accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item h3.et_pb_toggle_title
{
     color: var(--white) !important;
}
.et-db #et-boc .et-l .dark-section .et_pb_accordion_0.et_pb_accordion .et_pb_accordion_item {
	    border-color: var(--white);
}
/*Dark section accordion fix*/
.et-db #et-boc .et-l .dark-section .et_pb_accordion_item.et_pb_toggle_open {
    background-color: transparent;
}
.et-db #et-boc .et-l .dark-section .et_pb_accordion_item a {
    color: var(--light-blue) !important;
}
/*Logo Slider Design*/

#customers_feature_logo_slider .owl-stage,
#customers_solution_logo_slider .owl-stage,
#customers_integration_logo_slider .owl-stage,
#integrations_color_logo_slider .owl-stage,
#solutions_color_logo_slider .owl-stage,
#features_color_logo_slider  .owl-stage {
	margin: 0 auto;
}
.et-db #et-boc .et-l #customers_feature_logo_slider .et_pb_post,
.et-db #et-boc .et-l #customers_solution_logo_slider .et_pb_post,
.et-db #et-boc .et-l #customers_integration_logo_slider .et_pb_post,
.et-db #et-boc .et-l #integrations_color_logo_slider .et_pb_post,
.et-db #et-boc .et-l #solutions_color_logo_slider .et_pb_post,
.et-db #et-boc .et-l #features_color_logo_slider .et_pb_post {
    margin-bottom: 0px;
}
.et-db #et-boc .et-l #customers_feature_logo_slider .et_pb_post .logo-slide,
.et-db #et-boc .et-l #customers_solution_logo_slider .et_pb_post .logo-slide,
.et-db #et-boc .et-l #customers_integration_logo_slider .et_pb_post .logo-slide,
.et-db #et-boc .et-l #integrations_color_logo_slider .et_pb_post .logo-slide,
.et-db #et-boc .et-l #solutions_color_logo_slider .et_pb_post .logo-slide,
.et-db #et-boc .et-l #features_color_logo_slider .et_pb_post .logo-slide {
    text-align: center;
}
.et-db #et-boc .et-l #customers_feature_logo_slider .et_pb_post .logo-slide .logo-link,
.et-db #et-boc .et-l #customers_solution_logo_slider .et_pb_post .logo-slide .logo-link,
.et-db #et-boc .et-l #customers_integration_logo_slider .et_pb_post .logo-slide .logo-link,
.et-db #et-boc .et-l #integrations_color_logo_slider .et_pb_post .logo-slide .logo-link,
.et-db #et-boc .et-l #solutions_color_logo_slider .et_pb_post .logo-slide .logo-link,
.et-db #et-boc .et-l #features_color_logo_slider .et_pb_post .logo-slide .logo-link {
    display: inline-block;
    max-width: 150px;
}
/*counter number variations*/
.counter-times-sign p:before {
    content: "x";
}
.counter-times-sign-after p:after {
    content: "x";
}
.counter-dollar-sign p:before {
    content: "$";
}
.counter-plus-sign p:before {
    content: "+";
}
/*Quotes Slider Design*/
.flex-quote {
    display: flex;
    align-items: flex-start; /* or center */
    gap: 2em; /* space between image and text */
    align-items: center;
    justify-content: center;
    background: var(--light-gray);
    border-radius: 6px;
    padding: 2em;
}
p.quote-body,
.customer-quote .customer-field[class$="quote_body"],
.et_pb_testimonial_content p {
    font-size: 18px !important;
    line-height: 1.5em;
}
p.quote-body:before,
p.quote-body:after,
.customer-quote .customer-field[class$="quote_body"]:before,
.customer-quote .customer-field[class$="quote_body"]:after,
.et_pb_testimonial_content p:before,
.et_pb_testimonial_content p:after
{
    display: inline-block;
    color: var(--medium-blue);
    font-size: 2em;
    line-height: 0;
    top: .2em;
    position: relative;
    /*margin: 0 6px 0 0px;*/
}
p.quote-body:before,
.customer-quote .customer-field[class$="quote_body"]:before,
.et_pb_testimonial_content p:before {
    content: open-quote;
}
p.quote-body:after,
.customer-quote .customer-field[class$="quote_body"]:after,
.et_pb_testimonial_content p:after {
    content: close-quote;
}
/* .et_pb_column .et_pb_module.et_pb_testimonial {
    background-color: var(--light-gray);
} */
.quote-img {
    flex: 0 0 auto;
    max-width: 200px;
}
.quote-img img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}
.quote-info {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.quote-text {
    margin-bottom: 1em;
}
@media (max-width: 800px) {
    .flex-quote { 
        flex-direction: column;
        gap: 1em;
    }
    .quote-img { 
        max-width: 100%;
    }
}
/*checkered-icons blurb*/
/* .checkered-icons>div{
    background:var(--white);
} */
/*Gallery Layout */
.et-db #et-boc .et-l .gallery-layout-section .et_pb_gallery_item a {
    pointer-events: none;
    cursor: default;
}

/*Customer Data Filter*/
span.customer-field[class*="customer_relationship-details-"] {
   text-align: center;
   width: 100%;
   display:flex;
   justify-content:center;
   align-items: center;
   font-size:24px;
   font-weight: 100;
   color: var(--light-blue);
}
/*Cusotmer Quotes Inline Code*/
.customer-quote span.customer-field.customer_relationship-quotes-0-portrait {
    height:140px;
    width: 140px;
    background:aliceblue;
    padding:20px;
    border-radius:120px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content: center;
}
span.customer-field {
    display: flex;
}
span.customer-field[class$="quote_body"] {
    display: block;
}

/*Company Data List*/
div.customer-field[class*="customer_relationship-details-"] {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--light-blue);
    font-size: var(--fs-h4);
}
div.customer-field[class*="customer_relationship-details-"] span.label {
    font-weight: var(--fw-bold);
    color: var(--dark-blue);
}

/*Link Hover*/
a {
    transition: color 250ms ease-in-out;
}
a:hover {
    color: var(--dark-blue-10);
}

/*Custom Table Layout*/
.custom-table-layout {
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
    margin: 0 !important;
}
.custom-table-layout th,
.custom-table-layout td {
    border-bottom: 1px solid var(--light-border);
    padding: 10px 15px !important;
    text-align: left;
}
.custom-table-layout th {
    border-bottom-width: 2px;
}
.custom-table-layout thead {
    background: var(--light-gray);
}
.custom-table-layout tbody tr:nth-child(even) {
    background: #fafafa; 
}
.custom-table-layout tbody tr:nth-child(odd) {
    background: white; 
}
@media (max-width: 767px) {
    .custom-table-layout thead {
        display: none;
    }
    .custom-table-layout,
    .custom-table-layout tbody,
    .custom-table-layout tr,
    .custom-table-layout td {
        display: block;
        width: 100%;
    }
    .custom-table-layout tr {
        margin-bottom: 20px;
        border: 1px solid var(--light-border);
        border-radius: 6px;
    }
    .custom-table-layout td {
        border: none !important;
    }
    .custom-table-layout td::before {
        content: attr(data-label);
        display: block;
        font-weight: bold;
    }
}

/* Equal Height Section */
@media (min-width: 981px) {
    .equal-height-section,
    .equal-height-section>div {
        display: flex;
    }
}

/* Vertical Columns Section */
.vertical-columns-section .et_pb_column {
    padding: 30px 30px 15px;
	border-radius: 6px;
    background-color: var(--light-gray);
}
.dark-section .vertical-columns-section .et_pb_column,
.dark-gradient-section .vertical-columns-section .et_pb_column {
    background-color: white;
}
.vertical-columns-section .et_pb_column:nth-of-type(even) {
    background-color: var(--white-blue);
}
.dark-section .vertical-columns-section .et_pb_column:nth-of-type(odd) .et_pb_blurb_content .et_pb_main_blurb_image span:has(img),
.dark-gradient-section .vertical-columns-section .et_pb_column:nth-of-type(odd) .et_pb_blurb_content .et_pb_main_blurb_image span:has(img) {
    background-color: var(--light-gray);
}
.vertical-columns-section .et_pb_column h3,
.vertical-columns-section .et_pb_column h3 span {
    color: var(--dark-blue) !important;
}
.vertical-columns-section .et_pb_column p,
.vertical-columns-section .et_pb_column .et_pb_blurb_description {
	color: var(--dark-gray) !important;
}
.vertical-columns-section .et_pb_column.et_pb_column_1_5 {
    padding-left: 20px;
	padding-right: 20px;
}
@media (min-width: 981px) {
    .vertical-columns-section {
        display: flex;
    }
    .et_pb_gutters3.et-db .et-l .vertical-columns-section .et_pb_column_1_4,
    .et_pb_gutters3.et-db #et-boc .et-l .vertical-columns-section .et_pb_column_1_4 {
        width: 22.75%;
        margin-right: 3%;
    }
}

/*Blog Archive*/
.blog .et_pb_ajax_pagination_container,
.archive .et_pb_ajax_pagination_container,
.search-results .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.blog .et_pb_ajax_pagination_container article,
.archive .et_pb_ajax_pagination_container article,
.search-results .et_pb_ajax_pagination_container article {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    border-radius: 6px;
    box-shadow: rgba(124, 122, 153, 0.2) 0 5px 50px;
}
.blog .et_pb_ajax_pagination_container article .entry-featured-image-url img,
.archive .et_pb_ajax_pagination_container article .entry-featured-image-url img,
.search-results .et_pb_ajax_pagination_container article .entry-featured-image-url img {
    border-radius: 6px 6px 0 0;
}
.blog .et_pb_ajax_pagination_container article h2,
.archive .et_pb_ajax_pagination_container article h2,
.search-results .et_pb_ajax_pagination_container article h2 {
    padding: 0 30px;
}
.blog .et_pb_ajax_pagination_container article h2 a,
.archive .et_pb_ajax_pagination_container article h2 a,
.search-results .et_pb_ajax_pagination_container article h2 a {
    transition: all 300ms ease 0ms;
}
.blog .et_pb_ajax_pagination_container article h2 a:hover,
.archive .et_pb_ajax_pagination_container article h2 a:hover,
.search-results .et_pb_ajax_pagination_container article h2 a:hover {
    color: var(--light-blue) !important;
}
.blog .et_pb_ajax_pagination_container article .post-meta,
.archive .et_pb_ajax_pagination_container article .post-meta,
.search-results .et_pb_ajax_pagination_container article .post-meta {
    display: block;
    margin: 0;
    padding: 8px 30px 0;
    font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
    color: var(--medium-gray) !important;
    text-transform: none;
}
.blog .et_pb_ajax_pagination_container article .post-content,
.archive .et_pb_ajax_pagination_container article .post-content,
.search-results .et_pb_ajax_pagination_container article .post-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px 30px 30px;
}
.blog .et_pb_ajax_pagination_container article .post-content .post-content-inner,
.archive .et_pb_ajax_pagination_container article .post-content .post-content-inner,
.search-results .et_pb_ajax_pagination_container article .post-content .post-content-inner {
    margin-bottom: 10px;
}
.blog .et_pb_ajax_pagination_container article .post-content .more-link,
.archive .et_pb_ajax_pagination_container article .post-content .more-link,
.search-results .et_pb_ajax_pagination_container article .post-content .more-link {
	text-transform: capitalize;
	transition: all 300ms ease 0ms;
}
.blog .et_pb_ajax_pagination_container article .post-content .more-link:hover,
.archive .et_pb_ajax_pagination_container article .post-content .more-link:hover,
.search-results .et_pb_ajax_pagination_container article .post-content .more-link:hover {
	color: var(--medium-blue) !important;
}

/*Blog Single*/
.single-post #main-content .et-l--post > .et_builder_inner_content > .et_pb_section {
    padding: 0;
}
.single-post #main-content .et-l--post > .et_builder_inner_content > .et_pb_section > .et_pb_row {
    width: 100%;
    padding: 0;
}
.single-post .post-publish-date > .et_pb_text_inner {
    opacity: 0.5;
}
.single-post .et_pb_widget_area.et_pb_widget_area_left {
    border-right: 0;
    padding-right: 0;
}
.single-post .et_pb_widget_area .et_pb_widget:has(.wp-block-heading) {
    margin-bottom: 10px;
}
.single-post .et_pb_widget_area .et_pb_widget.widget_recent_entries {
    margin-bottom: 0;
}
.single-post .et_pb_widget_area .et_pb_widget.widget_recent_entries ul li {
    margin-bottom: 12px;
}
.single-post .et_pb_widget_area .et_pb_widget a {
    transition: all 300ms ease 0ms;
}
.single-post .et_pb_widget_area .et_pb_widget .wp-block-search__button,
.search-results .et_pb_search input.et_pb_searchsubmit {
    border: 1px solid var(--light-blue);
    background-color: var(--light-blue);
    color: white;
    font-weight: bold;
    transition: all 250ms ease-in-out;
}
.single-post .et_pb_widget_area .et_pb_widget .wp-block-search__button:hover,
.search-results .et_pb_search input.et_pb_searchsubmit:hover {
    border: 1px solid var(--medium-blue);
    background-color: var(--medium-blue);
}

/*Archive page pagination fix*/
.blog div:has(> .pagination),
.archive div:has(> .pagination),
.search-results div:has(> .pagination) {
	grid-column-start: span 3;
}
@media (max-width: 1100px) {
    .blog .et_pb_ajax_pagination_container,
    .archive .et_pb_ajax_pagination_container,
    .search-results .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(2, 1fr);
    }
    .blog div:has(> .pagination),
    .archive div:has(> .pagination),
    .search-results div:has(> .pagination) {
        grid-column-start: span 2;
    }
}
@media (max-width: 767px) {
    .blog .et_pb_ajax_pagination_container,
    .archive .et_pb_ajax_pagination_container,
    .search-results .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
    }
    .blog div:has(> .pagination),
    .archive div:has(> .pagination),
    .search-results div:has(> .pagination) {
        grid-column-start: auto;
    }
}

/*Customers, Integrations, Solutions*/
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filters ul,
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-pagination ul.pagination,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filters ul,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-pagination ul.pagination,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filters ul,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-pagination ul.pagination {
    gap: 10px;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link,
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-pagination .pagination a.pagination-link,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-pagination .pagination a.pagination-link,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-pagination .pagination a.pagination-link {
    border: 0;
    font-size: 14px;
    font-weight: bold;
    color: var(--dark-gray);
    background-color: var(--light-gray);
	transition: all 300ms ease 0ms;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:not(.active):hover,
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-pagination .pagination li:not(.active) a.pagination-link:hover,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:not(.active):hover,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-pagination .pagination li:not(.active) a.pagination-link:hover,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:not(.active):hover,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-pagination .pagination li:not(.active) a.pagination-link:hover {
    color: white;
    background-color: var(--traditional-dark-blue);
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    display: block;
    padding: 15px 30px;
    line-height: 1em;
    border-radius: 50px;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-pagination li a,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-pagination li a,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-pagination li a {
    border-radius: 3px;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.active,
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .pagination li.active a,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.active,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .pagination li.active a,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-filter a.active,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-skin-default .pagination li.active a {
    background-color: var(--light-blue);
    color: white;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items {
    margin: 20px 0;
}
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item {
    padding: 30px 35px;
    border: 0;
    box-shadow: rgba(124, 122, 153, 0.2) 0 5px 50px;
    transition: box-shadow 250ms ease-in-out;
}
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item {
    border-radius: 6px;
    transition: box-shadow 250ms ease-in-out;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item .dp-dfg-cf-main_menu_image img {
    border-radius: 15px;
    box-shadow: rgba(124, 122, 153, 0.2) 0 5px 50px;
    transition: box-shadow 250ms ease-in-out;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item:hover .dp-dfg-cf-main_menu_image img,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item:hover,
.post-type-archive-solution.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item:hover {
    box-shadow: rgba(124, 122, 153, 0.5) 0 5px 50px;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item .dp-dfg-header,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item .dp-dfg-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    order: 1;
    padding: 10px 0 15px;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item .dp-dfg-header .entry-title,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item .dp-dfg-header .entry-title {
    font-size: 16px !important;
    line-height: 1.2em !important;
    text-align: center;
    transition: color 250ms ease-in-out;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item:hover .dp-dfg-header .entry-title {
    color: var(--light-blue);
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-custom-content,
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-custom-field-value,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-custom-content,
.post-type-archive-integration.et-db #et-boc .et-l .dp-dfg-skin-default .dp-dfg-custom-field-value {
    font-size: 0;
    line-height: 0;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item {
    overflow: visible;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item:before {
	font-size: 13px;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.type-success-story:before {
	content: 'Success Story';
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.type-testimonial:before {
	content: 'Testimonial';
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item .dfg-customer-logo-wrap {
	text-align: center;
}
.post-type-archive-customer.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items article.dp-dfg-item .dfg-customer-logo-wrap img {
    width: 120px;
    padding-top: 10px;
}

/* Sticky filters on Integration page*/
.dp-dfg-skin-default .dp-dfg-filter {
	margin-top: 0;
}
@media (min-width: 981px) {
	.post-type-archive-customer .dp-dfg-filters,
    .post-type-archive-integration .dp-dfg-filters,
    .post-type-archive-solution .dp-dfg-filters {
		position: sticky;
		top: calc(100px + var(--adminbar-h));
		z-index: 1;
        text-align: center;
	}
    .post-type-archive-customer .dp-dfg-filters .dp-dfg-level,
    .post-type-archive-integration .dp-dfg-filters .dp-dfg-level,
    .post-type-archive-solution .dp-dfg-filters .dp-dfg-level {
        display: inline-flex;
        align-items: center;
        padding: 11px 11px 10px;
		border-radius: 50px;
        background: white;
    }
}
@media (max-width: 1269px) {
    .post-type-archive-customer.et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items,
    .post-type-archive-integration.et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 980px) {
    .post-type-archive-customer.et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items,
    .post-type-archive-integration.et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
    .post-type-archive-customer.et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items,
	.post-type-archive-integration.et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*Integration Single*/
.single-integration.et-db #et-boc .et-l .pa-inline-buttons .et_pb_button_module_wrapper.et_pb_button_0_wrapper a {
    background: var(--light-blue) !important;
    border: 1px solid var(--light-blue) !important;
    color: white !important;
}
.single-integration.et-db #et-boc .et-l .pa-inline-buttons .et_pb_button_module_wrapper.et_pb_button_0_wrapper a:hover {
    background: var(--medium-blue) !important;
    border: 1px solid var(--medium-blue) !important;
}
.single-integration.et-db #et-boc .et-l .pa-inline-buttons .et_pb_button_module_wrapper.et_pb_button_1_wrapper a {
    background: none !important;
    border: 1px solid var(--light-blue) !important;
    color: var(--light-blue) !important;
}
.single-integration.et-db #et-boc .et-l .pa-inline-buttons .et_pb_button_module_wrapper.et_pb_button_1_wrapper a:hover {
    background: var(--light-blue) !important;
    border: 1px solid var(--light-blue) !important;
    color: var(--white) !important;
}
.single-integration.et-db #et-boc .et-l .et_pb_section_0 .et-last-child .et_pb_image {
    text-align: center !important;
}
.single-integration.et-db #et-boc .et-l .et_pb_section_0 .et-last-child .et_pb_image_wrap {
    display: inline-block !important;
    width: 80%;
    padding: 80px 30px;
    background-color: var(--dark-blue);
}
.single-integration.et-db #et-boc .et-l .et_pb_section_0 .et-last-child .et_pb_image_wrap img {
    height: 120px;
}
.single-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items {
    display: grid !important;
}
.single-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items .dp-dfg-item {
    margin: 0;
    border: 0;
    padding: 12px 20px;
    border-radius: 15px;
    box-shadow: rgba(124, 122, 153, 0.2) 0 5px 50px;
    transition: box-shadow 250ms ease-in-out;
}
.single-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items .dp-dfg-item:hover {
    box-shadow: rgba(124, 122, 153, 0.5) 0 5px 50px;
}
@media (max-width: 980px) {
    .et-db #et-boc .et-l .et_pb_section.et_pb_section_0 {
        padding-top: 0;
    }
    .single-integration.et-db #et-boc .et-l .et_pb_section_0 .et-last-child .et_pb_image_wrap {
        width: 100%;
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .single-integration.et-db #et-boc .et-l .dp-dfg-container .dp-dfg-items .dp-dfg-item:last-child {
        position: relative;
        left: calc(50% + 10px)
    }
}

/*Single Success Story*/
.single-success-story .et_pb_column.light-section:has(.logo-img) {
    padding: 30px;
    border-radius: 6px;
}
.single-success-story .et_pb_column.light-section:has(.logo-img) > .et_pb_module {
    margin: 0 !important;
}
@media (min-width: 768px) {
    .single-success-story .et_pb_column.light-section .logo-img {
        padding: 0 40px;
    }
}

/* Form */
.clickdform.mainDiv {
    padding: 0 !important;
}
#clickdimensionsForm {
    padding: 15px 30px 5px !important;
    border-radius: 6px;
    background-color: var(--white-blue);
}
#clickdimensionsForm .responsiveCellSize1 {
    width: 50% !important;
    min-width: auto;
}
#clickdimensionsForm .responsiveCellSize1:first-of-type {
    padding-right: 10px !important;
}
#clickdimensionsForm .responsiveCellSize1:nth-of-type(2) {
    padding-left: 10px !important;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select,
#clickdimensionsForm textarea,
#clickdimensionsForm .responsiveCell>.alignBottom>span,
#clickdimensionsForm input[type=checkbox]~span,
#clickdimensionsForm #btnSubmit {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: var(--dark-blue) !important;
}
#clickdimensionsForm .requiredInfo {
    font-family: 'Roboto', sans-serif !important;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select {
    height: 2.4rem !important;
}
#clickdimensionsForm #btnSubmit {
    margin: 20px 0 0 !important;
    padding: 12px 30px !important;
    height: auto !important;
    color: white !important;
    border: none;
    cursor: pointer;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select,
#clickdimensionsForm textarea,
#clickdimensionsForm #btnSubmit {
    border-radius: 3px !important;
}
#clickdimensionsForm input[type='text'],
#clickdimensionsForm select,
#clickdimensionsForm textarea {
    border: 0;
    box-shadow: rgba(124, 122, 153, 0.05) 0 5px 50px;
}
#clickdimensionsForm #btnSubmit {
    background-color: var(--light-blue) !important;
    transition: background-color 250ms ease-in-out;
}
#clickdimensionsForm #btnSubmit:hover {
    background-color: var(--dark-blue-10) !important;
}
#clickdimensionsForm .responsiveCellSize2 {
    padding: 10px 0 0 !important;
}
#clickdimensionsForm span.maxSize1 {
    margin: 10px 0 5px !important;
}
#clickdimensionsForm .requiredInfo {
    line-height: 2em;
}
#clickdimensionsForm div:has(> input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: 10px;
}
#clickdimensionsForm div:has(> input[type="checkbox"]) span {
    margin: 0 !important;
    line-height: 1.6em;
}
#clickdimensionsForm input[type="checkbox"] {
    margin: 0;
}
#clickdimensionsForm div:has(> .buttonContainer) {
    text-align: left !important;
}
#clickdimensionsForm .buttonContainer {
    margin: 0 !important;
}

@media (max-width: 767px) {
    #clickdimensionsForm .responsiveCellSize1 {
        width: 100% !important;
    }
    #clickdimensionsForm .responsiveCellSize1:first-of-type {
        padding-right: 0 !important;
    }
    #clickdimensionsForm .responsiveCellSize1:nth-of-type(2) {
        padding-left: 0 !important;
    }
    #clickdimensionsForm {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #clickdimensionsForm input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        min-width: 32px;
        border: 2px solid var(--medium-blue-10);
        border-radius: 4px;
        background-color: #fff;
        cursor: pointer;
        display: inline-grid;
        place-content: center;
    }
    #clickdimensionsForm input[type="checkbox"]:checked::after {
        content: "✓";
        font-size: 22px;
        color: var(--dark-blue);
        line-height: 1;
    }
}

/* Form - Refer a Friend - fixes */
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(1),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(2),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(3),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(4),
.refer-a-friend #clickdimensionsForm .responsiveRow:nth-of-type(5),
.refer-a-friend #clickdimensionsForm .responsiveCell.responsiveCellSize1.emptyCell {
    display: none
}
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCell div.alignTop {
    display: block;
}
.refer-a-friend .clickdform #clickdimensionsForm .minSize1,
.refer-a-friend .clickdform #clickdimensionsForm .minSize2,
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize2 {
    width: auto;
    min-width: auto;
}
.refer-a-friend .clickdform #clickdimensionsForm .maxSize1 {
    max-width: none;
}
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(select),
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(textarea),
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(input[aria-label="Referrer: Name"]),
.refer-a-friend .clickdform #clickdimensionsForm .responsiveCellSize1:has(input[aria-label="Referrer: Company Name"]),
#clickdimensionsForm div:has(> .buttonContainer) {
    width: 100% !important;
    padding-right: 0 !important;
}
.refer-a-friend #clickdimensionsForm #btnSubmit {
    margin: 0 !important;
}

/* Footer */
footer .footer-menu .et_pb_text_inner p {
    font-size: 13px;
}
footer .footer-menu .et_pb_text_inner p:not(:last-child) {
    padding-bottom: 8px;
}
footer .footer-icons {
    padding: 8px 0;
}
footer .footer-icons .et-pb-icon {
    margin: 0 5px;
    font-size: 34px !important;
    line-height: 2em !important;
    color: var(--light-blue);
    transition: all 250ms ease-in-out;
}
footer .footer-bottom p {
    font-size: 12px;
    line-height: 2.25em;
}
footer .footer-menu .et_pb_text_inner p a,
footer .footer-bottom p a {
    transition: all 250ms ease-in-out;
}
footer .footer-menu .et_pb_text_inner p a:hover,
footer .footer-icons .et-pb-icon:hover,
footer .footer-bottom p a:hover {
    color: var(--dark-blue-10) !important;
}

/*CST Linking Box [customer_related_stories] */

.crs-grid {
	display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr;
    gap: var(--space-6);

}
.crs-grid:only-child {
  gap: 0;
}
.crs-card {
	padding: var(--space-8);
	border-radius: 0.5rem;
	background-color: var(--light-gray);
}
.crs-container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    gap: var(--space-8);
    align-items: center;
}
.crs-container-left .crs-company-logo img {
    height: 8rem;
    border-radius: 2000px;
    background:var(--white);
}
.crs-excerpt {
	margin-bottom: var(--space-8) !important;
}
.crs-eyebrow {
    margin-bottom: 10px;
}
@media (max-width: 980px) {
    .crs-container {
        display: block;
        text-align: center;
    }
    .crs-container .crs-container-left {
        margin-bottom: 20px;
    }
}
/*Pricing Generic Page*/

.custom-pricing-boxes {
    background: var(--light-gray);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
}
.custom-pricing-boxes:nth-of-type(4) {
  background:var(--white-blue);
}
.pricing-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-6);
  grid-template-areas:
    "one two . cur"
    "c1  c2  c3 c4";
}

/* Map by actual child index in your HTML */
.pricing-container > div:nth-child(1) { /* One-Time Cost */
  grid-area: one;
  justify-self: start;
}
.pricing-container > div:nth-child(2) { /* On-Going Costs */
  grid-area: two;
  justify-self: start;
}
.pricing-container > div:nth-child(3) { /* currency-switcher */
  grid-area: cur;
  align-self: center;
  justify-self: end;
}

/* The four pricing boxes: children 4–7 */
.pricing-container > div:nth-child(4) { grid-area: c1; }
.pricing-container > div:nth-child(5) { grid-area: c2; }
.pricing-container > div:nth-child(6) { grid-area: c3; }
.pricing-container > div:nth-child(7) { grid-area: c4; }

/* Mobile: currency first, then heading-one, first box, heading-two, rest */
@media (max-width: 768px) {
  .pricing-container {
    grid-template-columns: 1fr;
    grid-template-areas:
      "cur"
      "one"
      "c1"
      "two"
      "c2"
      "c3"
      "c4";
  }

  .pricing-container > div:nth-child(1),
  .pricing-container > div:nth-child(2),
  .pricing-container > div:nth-child(3) {
    justify-self: center;
    text-align: center;
  }
}

/*Pricing ROI Page Fix*/
.custom-pricing-table{
    display:flex;
    align-content:stretch;
    justify-content: stretch;
}
.custom-pricing-table .et_pb_column .et_pb_module.custom-pricing-boxes{
    background:var(--light-gray);
    padding:var(--space-6);
    border-radius: var(--radius-lg)
}
.custom-pricing-table .et_pb_column:first-child .et_pb_module.custom-pricing-boxes{
    background:var(--white-blue);
    padding:var(--space-6);
    border-radius: var(--radius-lg)
}
p:has(span.js-price) {
    color: var(--light-blue);
    margin: 0 0 var(--space-6) 0;
	font-size: var(--fs-h4);
}

.pvx-roi-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;  /* two columns */
	gap: 0 var(--space-16);
  grid-template-areas:
    "one one"
    "a   c"
    "b   d";
}

/* Assign areas */
.pvx-roi-inner .tracking-savings-calculator__switcher {
	display:grid;
	grid-area: one;
	justify-self: end; 

} /* right align on desktop */
.pvx-roi-inner .tracking-savings-calculator__content { grid-area: a; }
.pvx-roi-inner .tracking-savings-calculator__results-wrapper {
	
	grid-area: c;
    display: grid;
    place-items: center;
}
/* On mobile: single column, center content */
@media (max-width: 768px) {
  .pvx-roi-inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "one"
      "a"
      "c"
      "b"
      "d";
  }
  .pvx-roi-inner .tracking-savings-calculator__switcher { justify-self: center; }
}
.roi-block-currency {
	justify-self: end;   /* align right on desktop */
	margin-bottom: var(--space-3);
}
.tracking-savings-calculator__results-title {
  text-align: center; /* always center */
}
  .roi-block-currency {
	  display:flex;
	  align-items:center;
	  justify-content:center;
  }
/* On mobile: override top element to center */
@media (max-width: 768px) {
  .roi-block-currency {
    justify-self: center;
  }
}
.tracking-savings-calculator__factors .range-slider {
    margin: var(--space-4) 0;
}
.tracking-savings-calculator__factors .range-slider span{
    font-size: var(--fs-base);
    font-weight: var(--fw-bold);
}
.range-slider__minmax {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.pvx-roi-dropbtn .pvx-roi-dropdown-selected-option {
	display:flex;
	align-items:center;
	gap: 10px;
}
.tracking-savings-calculator__switcher {
	display: grid;
	grid-template-rows: auto auto; /* 2 rows */
}
.tracking-savings-calculator__results-wrapper {
	padding: var(--space-6);
    background: var(--light-gray);
    border-radius: var(--radius-lg);
}

.tracking-savings-calculator-results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    text-align: center;
}
@media (max-width: 768px) {
  .tracking-savings-calculator-results {
	  grid-template-columns: 1fr;
}
}
.tracking-savings-calculator-results>div {
    background: var(--dark-blue);
    color: var(--white);
	font-weight:var(--fw-bold);
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	padding: var(--space-4);
    border-radius: var(--radius-ml);
	transition: background-color 0.5s ease;
	cursor:pointer;
}
.tracking-savings-calculator-results>div:hover {
    background: var(--light-blue);

}
.tracking-savings-calculator-results span.calculator-result-item__result {
    display:flex;
    align-items:center;
    justify-content:center;
    width: auto;
    padding: var(--space-3);
    background:var(--white);
    color:var(--dark-blue);
    border-radius: var(--radius-round);
    margin: var(--space-3) 0;
}
.tracking-savings-calculator-results__cta .et_pb_button,
.tracking-savings-calculator-results__cta .et_pb_button:hover {
    padding: 10px 12px !important;
}

.calculator-result-item__result.labour-savings-result{
	text-align:center;
}

      /* Minimal styles for dropdown & sliders; adjust to theme as needed */
.pvx-roi-currency-dropdown {
    position: relative;
    display: inline-block;
}

.pvx-roi-dropbtn {
    background: var(--white);
    border: 1px solid var(--light-border);
    border-radius: var(--radius-sm);
    margin-left: 10px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: var(--dark-blue-plus-20);
}

.pvx-roi-dropdown-arrow {
    transition: transform .2s ease;
}

.pvx-roi-dropdown-arrow.show,
#currencyPicker[aria-expanded="true"] .pvx-roi-dropdown-arrow {
    transform: rotate(180deg);
}

.pvx-roi-dropdown-content {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    display: none;
    z-index: 30;
    background:var(--white);
    border: 1px solid var(--light-border);
    border-radius: var(--radius-sm);
    padding: var(--space-2);
    min-width: 107px;
    box-shadow: 0 8px 20px rgba(2, 6, 23, .08);
}

.pvx-roi-dropdown-content.show {
    display: block;
}

.pvx-roi-currency-option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: .45rem .6rem;
    border-radius: var(--radius-sm);
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    color: var(--dark-blue-plus-20);
}

.pvx-roi-currency-option:hover {
    background: var(--light-gray);
}

.pvx-roi-currency-option[data-selected] {
    background: var(--white-blue);
}

      /* Range slider fill using background-size trick (inline JS sets background-size) */
.range-slider__range {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background-image: linear-gradient(90deg, var(--medium-blue),var(--light-blue));
    background-repeat: no-repeat;
    /* so background-size works as "fill" */
    background-color: var(--light-gray);
    accent-color: var(--light-blue);
    outline: none;
}
      .range-slider__value-wrapper { 
font-weight:var(--fw-bold);
color:var(--light-blue);		  
}
      .tracking-savings-calculator__result-item {
		  border-radius: 12px; padding: 18px;
}
      .calculator-result-item__result { font-size: 1.25rem; font-weight: 700; }
.wp-block-button.is-style-fill {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-6);
}
/* Layout */
.currency-switcher { position: relative; display: inline-block; }
.currency-layer { position: relative; z-index: 9999; display: flex; align-items: center; } /* helps in tricky sections */

/* Button */
.currency-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: 10px;
    padding: 8px 12px;
    border: 1px solid var(--light-border);
    border-radius: var(--radius-sm);
    background: #fff;
    cursor: pointer;
    min-width: 110px;
    font-size: 14px;
    color: var(--dark-blue-plus-20);
}
/* .currency-btn:focus {
    outline: 2px solid #5b9dff;
    outline-offset: 2px;
} */
.currency-btn .chev {
    line-height: 0;
}

/* List */
.currency-list {
  position: absolute; margin: .25rem 0 0; padding: var(--space-2);
  list-style: none; background: #fff; border: 1px solid var(--light-border); border-radius: var(--radius-sm);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  width: 100%; max-height: 260px; overflow: auto; z-index: 100000;
  font-size: 14px;
  color: var(--dark-gray);
}
.currency-list.is-portal { /* when portaled to <body> */
  position: absolute; z-index: 2147483000; width: auto; /* JS sets width */
}
.currency-list li {
  display: flex; align-items: center; gap: .5rem; padding: .45rem .6rem; cursor: pointer; color: var(--dark-blue-plus-20);
}
.currency-list li[aria-selected="true"] { background: var(--white-blue); }
.currency-list li:hover { background: var(--light-gray); }

/* Flags */
.flag-icon {
    width: 25px;
    height: 25px;
}
.flag-us { background-image: url('/wp-content/uploads/flags/us.svg'); }
.flag-gb { background-image: url('/wp-content/uploads/flags/gb.svg'); }
.flag-au { background-image: url('/wp-content/uploads/flags/au.svg'); }

/* Accessibility helpers */
.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}


/*Styling Things*/
.column_light_gray .et_pb_column {
    background: var(--light-gray);
    height: 100%;
    padding: 30px;
    border-radius: var(--radius-lg);
}

@media (max-width: 1199px) {
    .et_pb_number_counter .percent p,
    .et-db #et-boc .et-l .et_pb_number_counter .percent p {
        font-size: 58px;
    }
}
@media (max-width: 767px) {
    .half-sized-containers .et_pb_column {
        width: 50% !important;
        margin: 0 0 15px !important;
    }
    .half-sized-containers .et_pb_column .et_pb_module {
        padding: 0 15px;
    }
}