/*
 Theme Name:     Divi Child Theme 2025 - Speed
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         The Websites Team
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.2.0
*/
 

 
/* Theme customization starts here

/*---------------------CSS FOR LP's and BLP's---------------------*/
/*uncomment to use*/

/*#et-top-navigation{
display: none;
}

#logo{
display: none;
}*/


/*---------------------CSS FOR ALL BUILDS---------------------*/




/* ################## RESPONSIVE STYLES ###################### */

:root {
    --vgreen: #3d9660;
    --light-bg: #f5f9fd;
    --dark-bg: #072337;
    --hover-bg: #e7f1fb;
    --blue-link: #1976d2;
    --green-link: #32755a;
}

@media (min-width:1151px) and (max-width:1228px) {

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 97%;
    }

}


@media (min-width:981px) and (max-width:1150px) {

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 97%;
    }

}

@media (min-width:601px) and (max-width:980px) {

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
        line-height: 15px;
        padding: 10px 0px 10px 5px;
        width: 95%;
        margin-left: 25px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 97%;
    }

}

@media (min-width:461px) and (max-width:600px) {

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
        line-height: 15px;
        padding: 10px 0px 10px 5px;
        width: 92%;
        margin-left: 25px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 95%;
    }

}

@media (max-width:460px) {

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
        line-height: 15px;
        padding: 10px 0px 10px 5px;
        width: 90%;
        margin-left: 25px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 92%;
    }
}

/*Make phone number color visible on Safari*/
a[href^=tel] {
  text-decoration: none;
  color: inherit;
}

/*Used to flip the order of a section on mobile view*/
@media only screen and ( max-width: 980px ) {
    .flip { display: -webkit-flex; -webkit-flex-direction: column-reverse; display: flex; flex-direction: column-reverse !important;}
    .flip .et_pb_column:first-child() { margin-top: 30px; margin-bottom: 0px; }
}


/*Make logo size 80%*/
#logo { max-width: 80% !important; max-height: 80% !important; }



/*Styling the confirmation message, change the color to darker color if on a light background*/
div.gform_confirmation_message {
    text-align: center !important;
    color: inherit!important;/*CHANGE TO YOUR DESIRED COLOR*/
    font-size: 16px !important;
}
.gfield_label{
    color:inherit; /*CHANGE TO YOUR DESIRED COLOR*/
}
.gform_required_legend{
    color:inherit;/*CHANGE TO YOUR DESIRED COLOR*/
}

/*Vertically align icons to the text on secondary menu*/
.et-pb-icon {
padding-top: 4px !important;
}

/* Fix alignment issues with gravity forms checkbox and radio button */
.gform_wrapper.gravity-theme .gfield input[type="checkbox"],
.gform_wrapper.gravity-theme .gfield input[type="radio"] { width: auto; }

/*Used to add padding on cart icon so it's not touching the phone number and email. For websites with WooCommerce integration*/
.et-cart-info{padding-right:15px !important;}

/*---------------------OPTIONAL CSS---------------------*/
/*uncomment to use*/


/*--NAVIGATION MENU--*/
/* Hamburger menu color, change color from black to desired color */
/*@media only screen and (max-width: 980px){
#et-top-navigation span.mobile_menu_bar:before, #et-top-navigation span.mobile_menu_bar:after {
    color: #000 !important;
    }}*/


/*Fix last navigation dropdown on navigation bar from cutting off*/
/*.nav li ul {
    right: 0px;
    left: auto;
}*/

/*Used to show the hamburger bar early so the navigation doesn't run into the logo.  Change the max-width value to the value right before the navigation runs into the logo*/
/*@media(max-width:1030px){
    nav#top-menu-nav{
        display:none;
    }
}

@media(max-width:1030px){
    #et_mobile_nav_menu{
        float:right;
        display:block;
    }
}*/

/*Add drop shadow to navigation on main header*/
/*--------Header Drop Shadow-----*/
 /*#main-header {
 -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 }*/

/*Add drop shadow to navigation on fixed header*/
/*--------FIXED Header Drop Shadow-----*/
 /*#main-header.et-fixed-header {
 -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24)!important;
 -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24)!important;
 box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24)!important;
 }*/



/*--GRAVITY FORMS--*/

/* change gravity form placeholder text color to white, change from white to color desired*/
/*::-webkit-input-placeholder { color:#FFF; }
:-moz-placeholder { opacity: 1; color:#FFF; } 
::-moz-placeholder { opacity: 1; color:#FFF; } 
:-ms-input-placeholder { color:#FFF; } 
input:-moz-placeholder { color:#FFF; }*/

/*Align Gravity form button to the right*/
/*.dcgd_submit_button {
  float:right;
}*/


/*--OTHER--*/

/*Used to hide the title of the images on the gallery module of Divi*/
/*.mfp-title{
display: none !important;
}*/


/* Fill in hover effect for button similar to Divi Plus (e.g construction) 
   Don't use the button icon and border. Adjust the padding to increase/decrease the size of the button
*/
/*body .et_pb_button { padding: 10px 16px !important; border-width: 0px !important; }
body .et_pb_button:hover { box-shadow: inset -10.5em 0 0 0 #000; -webkit-box-shadow: inset -10.5em 0 0 0 #000; }*/

/*
 * ----------------------------------------
 * GLOBAL SHARED STYLES
 * This file contains CSS used across multiple sites.
 * ----------------------------------------
 */

/*** General Styles & Fixes ***/
div#top-header {
    display: none;
}

/* Divi Carousel Slider */
.testimonial-slider-icon,
.testimonial-slider-headshot {
    float: right;
    padding: 10px;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin-top: auto;
}

.testimonial-slider-quote {
    width: 40px;
    padding-bottom: 10px;
}

@media (min-width: 981px) {
    .desktop_middle-outside .swiper-buttton-container {
        left: -70px !important;
        right: -70px !important;
    }
}

@media (max-width: 980px) and (min-width: 768px) {
    .tablet_middle-outside .swiper-buttton-container {
        left: -60px !important;
        right: -60px !important;
    }
}

@media (max-width:980px) {
    .dica_divi_carousel_0 .dica-container .swiper-button-next,
    .dica_divi_carousel_0 .dica-container .swiper-button-prev {
        font-size: 40px !important;
    }
}

@media (max-width: 767px) {
    .dica_divi_carousel .dica-container.mobile_middle-inside .swiper-buttton-container,
    .dica_divi_carousel .dica-container.mobile_middle-outside .swiper-buttton-container {
        justify-content: center !important;
    }

    .testimonial-slider .mobile_middle-outside .swiper-buttton-container {
        position: relative;
    }
    .mobile_middle-outside .swiper-buttton-container {
    transform: translateY(30%);
    }

    .testimonial-slider .dica_divi_carousel_0 .dica-container .swiper-button-next,
    .testimonial-slider .dica_divi_carousel_0 .dica-container .swiper-button-prev {
        font-size: 35px;
    }
}

/* Divi Mobile Carousel Fixes */
@media (max-width: 767px) {
    .et_pb_slider,
    .et_pb_post_slider,
    .et_pb_fullwidth_slider {
        touch-action: pan-y pinch-zoom !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .et_pb_slider .et_pb_slide,
    .et_pb_post_slider .et_pb_slide {
        width: 100% !important;
        display: block !important;
    }

    .et_pb_slider .et-pb-arrow-prev,
    .et_pb_slider .et-pb-arrow-next,
    .et_pb_post_slider .et-pb-arrow-prev,
    .et_pb_post_slider .et-pb-arrow-next {
        display: block !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        z-index: 999 !important;
    }

    .et_pb_carousel {
        overflow: hidden !important;
    }

    .et_pb_carousel .et_pb_carousel_item {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .et_pb_slider .et_pb_container {
        touch-action: pan-y !important;
    }
}

/* Fix for iOS Safari specifically */
@supports (-webkit-touch-callout: none) {
    .et_pb_slider,
    .et_pb_post_slider {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Other global styles... */
.et_pb_tabs .et_pb_tab {
    scroll-margin-top: 0px !important;
}

.align-vert-center {
    align-items: center;
}

.sm-heading-above {
    margin-bottom: 0 !important;
    letter-spacing: 5px;
}

.mb {
    margin-bottom: 30px;
}

.mt {
    margin-top: 30px;
}

img.arrow,
.arrow {
    width: 26px !important;
    max-width: 26px !important;
    height: auto;
    position: relative;
    top: 8px;
    transition: filter 0.3s ease;
    text-decoration: none;
}

a:hover img.arrow {
    filter: grayscale(100%);
}
.checkmark-list .et_pb_blurb_position_left .et_pb_blurb_container {
padding-left: 2px;
}

.checkmark-list ul li,
.checkmark-list ol li {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.6rem;
}

.checkmark-list ul {
    list-style: none !important;
    padding-left: 0 !important;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.checkmark-list ul li {
    position: relative;
    padding-left: 30px;
}

.checkmark-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url('/wp-content/uploads/sites/10/2025/09/grn-checkmark-icon.webp') no-repeat center center;
    background-size: contain;
}

.checkmark-list.white ul li::before {
    background: url('/wp-content/uploads/sites/10/2025/09/white-checkmark-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.checkmark-list p+ul {
    margin-top: 0;
}

.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button,
.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button:hover {
    padding: 15px 50px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.3em !important;
    font-size: 18px !important;
}

.dipl_button a.dipl_button_link.dipl_button_default_fill span {
    line-height: 1.3em !important;
}

@media (max-width: 480px) {
    .et-db #et-boc .et_pb_button_module_wrapper .et_pb_button,
    .et-db #et-boc .et_pb_button_module_wrapper .et_pb_button:hover,
    body #page-container .et_pb_section .et_pb_button_0.min-with-auto-banner,
    body .et_pb_button {
        padding: 15px 30px !important;
    }
}

.gform_wrapper.gform-theme--foundation .gfield input.large:focus,
.gform_wrapper.gform-theme--foundation .gfield select.large:focus,
.gform_wrapper.gform-theme--foundation .gfield select.medium:focus {
    box-shadow: rgba(63, 155, 99, 0.55) 0px 0px 0px 0.25rem;
    border-color: rgb(32, 78, 50);
    outline: none;
}

.gfield_required_text {
    visibility: hidden;
    position: relative;
}

.gfield_required_text::after {
    visibility: visible;
    position: absolute;
    left: 0;
    content: "Required";
    background: #83919b !important;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
    border-radius: 5px;
}

span.gfield_required.gfield_required_text {
    background: #83919b !important;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
    border-radius: 5px;
}

input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    color: #898989 !important;
}

.gfield input:focus {
    /* border: 3px solid #3f9b63!important; */
}

/* Footer */
.location-tab .dipl_tabs_item_title.dipl_active_tab .dipl_tab_title,
.location-tab .dipl_tabs_item_title .dipl_tab_title:hover {
    border-bottom: 2px solid #3f9b63 !important;
}

.footer-2 a:hover {
    text-decoration: underline !important;
}

.footer3 a {
    padding: 0 20px;
}

.dipl_tabs .dipl_tabs_item {
    padding: 0 !important;
}

.dipl_tabs .dipl_tabs_item_title_inner_wrap {
    justify-content: left !important;
}

span.grn.clr {
    font-size: 10px;
    text-transform: capitalize;
    border: 1px solid;
    padding: 2px 10px;
    border-radius: 30px;
    color: #3c9a63;
    position: relative;
    top: -3px;
    left: 5px;
}

span.clr {
    font-size: 9px;
    text-transform: capitalize;
    border: 1px solid;
    padding: 2px 5px;
    border-radius: 30px;
    position: relative;
    top: 0;
    left: 5px;
    font-weight: bold;
}

span.blu.clr {
    color: #42A5F5;
}

span.org.clr {
    color: #FFCB40;
}

span.pur.clr {
    color: #9A67EA;
}

@media (max-width: 980px) {
    .dipl_tabs .dipl_tabs_item_title_inner_wrap {
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .footer3 a {
        padding: 0 10px;
    }
}

.doorstep-menu li {
    display: inline-block;
    margin-right: 25px !important;
}

.doorstep-menu li a:hover {
    text-decoration: underline;
}

.doorstep-menu ul {
    padding: 0 !important;
}

/* Post/Article Content */
.single-post .et_pb_post {
    margin-bottom: 0;
}

/* ALL ARTICLES - CONTENT VIEWS */
.pt-cv-content-item:hover {
    transform: translate(0px, -7px);
    transition: transform 0.3s ease;
}

.pt-cv-content-item {
    position: relative;
    min-height: 100px;
    border-radius: 6px;
    padding: 0;
}

.pt-cv-meta-fields {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 0px;
}

.pt-cv-meta-fields {
    padding: 0px 15px;
}

h3.pt-cv-title a {
    font-size: 21px;
    color: #555 !important;
    font-weight: 700;
    font-family: Raleway;
}

.pt-cv-meta-fields span.entry-date time {
    color: #666 !important;
    font-size: 16px;
}

.pt-cv-meta-fields {
    padding-bottom: 20px;
}

li.cv-pageitem-number.active a {
    background: #3f9b63 !important;
    color: #fff !important;
}

li.cv-pageitem-number a {
    border-radius: 100% !important;
    margin-right: 15px;
    background: #e0e0e0 !important;
    color: #333 !important;
}

li.cv-pageitem-next a,
li.cv-pageitem-prev a,
li.cv-pageitem-last a,
li.cv-pageitem-first a {
    border: none !important;
    font-size: 28px;
    position: relative;
    top: -10px;
    color: #333 !important;
}

.pt-cv-pagination.pagination {
    float: right;
}

@media(max-width:980px) {
    .pt-cv-pagination.pagination {
        float: unset;
        display: flex !important;
        justify-content: center;
    }
}

.pt-cv-taxoterm a {
    font-weight: 600;
}

@media (max-width: 980px) {
    .equal-buttons .dipl_button_default_fill,
    .equal-buttons .et_pb_ {
        padding-right: auto !important;
        padding-left: auto !important;
    }
}

.single-post .et_pb_post {
    margin-bottom: 0;
}

.dipl_tabs a.dipl_button_link.dipl_button_default_fill span {
    line-height: 1.3em !important;
}

/* Menu */
#et_search_icon:before {
    font-size: 12px !important;
    color: #3f9b63 !important;
}

#et-secondary-nav li {
    text-align: left !important;
}

#et-top-navigation {
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    padding-left: 0 !important;
}

@media(min-width:981px) {
    .menu-btn {
        position: absolute !important;
        right: 0;
    }
}

.menu-btn a span {
    background: #3F9B63 !important;
    padding: 8px 15px !important;
    color: #fff !important;
    border-radius: 5px !important;
}

span#db-info-text a,
span#db-info-text {
    color: #83919b !important;
    font-weight: normal;
}

@media(max-width:980px) {
    #main-header,
    div#page-container {
        background-color: #082336 !important;
    }

    .mobile_menu_bar:before {
        color: #fff !important;
    }

    .et_pb_svg_logo #logo {
        height: 45%;
    }
}

/* General & Utility Styles */
html {
    scroll-behavior: auto !important;
}

body {
    scroll-behavior: auto !important;
}

div#footer-bottom, .page-id-23389500 header#main-header {
    display: none;
}

* {
    scroll-behavior: auto !important;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sm-heading-above {
    margin-bottom: 0 !important;
    letter-spacing: 5px;
}

.green-link {
    color: #3f9b63 !important;
}

.underline-link-dk, .testimonial-slider a {
    text-decoration: underline;
    font-weight: 700 !important;
}

.underline-link-dk:hover, .testimonial-slider a:hover {
    color: #666666 !important;
    text-decoration: underline;
}

.related-service-card a:hover {
    color: #666666;
}

.text-button {
    padding: 0 !important;
    text-align: auto !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.dipl_button a.dipl_button_link.dipl_button_default_fill span {
    line-height: 1.3em !important;
}

.banner-btns .dipl_button_item_1 .dipl_button_link {
    border: 2px solid #fff !important;
}

.banner-btns .dipl_button_item_1 .dipl_button_link:hover {
    border: 2px solid #2e7655 !important;
}

.pill-btn, .pill-btn .dipl_button_item {
    text-align: center;
    margin-right: 4px !important;
}

.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button.text-button {
    padding: 0 !important;
    text-align: auto !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.banner-btns .dipl_button_text {
    line-height: 1.3em !important;
}

.doorstep-menu ul {
    padding: 0 !important;
}

.doorstep-menu li {
    display: inline-block;
    margin-right: 25px !important;
}

.doorstep-menu li a:hover {
    text-decoration: underline;
}

.et_pb_tabs .et_pb_tab {
    scroll-margin-top: 0px !important;
}

/* Divi Specific Overrides */
.et_pb_row_0_tb_header {
    max-width: 100% !important;
    padding: 0px 5px !important;
}

.et-l--header ul {
    padding-bottom: 0px !important;
}

.et-l .et-waypoint.et_pb_animation_top.et-animated {
    animation: unset !important;
}

.et-waypoint.et_pb_animation_top.et-animated, .et_pb_animation_top.et-animated {
    animation: unset !important;
    opacity: 1 !important;
}

.et_pb_tabs .et_pb_tab {
    padding-top: 0;
}

.et_pb_tabs .et_pb_tab .et_pb_row {
    width: 100%;
}

.et_pb_tabs .et_pb_tabs_controls {
    min-width: 305px;
    background: #fff !important;
    text-align: right;
    border-right: 2px solid #e0e0e0;
}

ul.et_pb_tabs_controls {
    padding-right: 15px !important;
}

.et_pb_tabs_controls li.et_pb_tab_active a {
    background: #ecf5f0;
}

.et_pb_tabs_controls li {
    float: none;
    border-right: none !important;
    width: 100%;
    margin-bottom: 20px;
}

ul.et_pb_tabs_controls:after {
    border-top: none !important;
}

.et_pb_tabs_controls li a {
    display: inline !important;
    background: #efefef;
    border-radius: 15px;
    padding: 5px 30px;
}

.et_pb_tab_active a {
    color: #439a65 !important;
}

.remove-borders div {
    border: none !important;
}

.et_pb_filterable_portfolio {
    min-height: 400px;
}

.et_pb_portfolio_item {
    transition: opacity 0.3s ease;
}

.et_pb_portfolio_item, .dp-tab-content {
    transition: all 0.3s ease;
}

.et_pb_social_icon a {
    text-decoration: none;
}

.et_pb_social_media_follow {
    padding: 0;
}

.et_pb_post_title_0:before {
    content: "UPDATED: ";
    display: inline-block;
    color: #2E7655;
}

.et_pb_tabs_controls .et_pb_tabs_item_title img {
    margin-right: 5px !important;
}

.dipl_tabs_item_title_inner_wrap {
    justify-content: left !important;
}

.dipl_tabs_item_title img {
    position: relative;
    /*top: -15px;*/
}

.dipl_tabs_item .dipl_single_tab_content {
    padding: 0 !important;
}

.dipl_tabs .dipl_tabs_item {
    padding: 0 !important;
}

.dipl_tabs_controls {
   /* min-width: 305px;*/
    /*background: #fff !important;*/
    text-align: right;
}

.dipl_tabs_controls li {
    float: none;
    border-right: none !important;
    width: 100%;
    margin-bottom: 20px;
}

/* Button & Link Styles */
#gform_submit_button_3, #gform_submit_button_15, .gform_button, .green-button, div.gen_form_container form#gen_auto_form button#gen_submit_button {
    border-radius: 5px !important;
    color: #fff;
    background-color: #3F9B63 !important;
    padding-top: 15px !important;
    padding-right: 50px !important;
    padding-bottom: 15px !important;
    padding-left: 50px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.green-button:hover, #gform_submit_button_3:hover, #gform_submit_button_15:hover, .gform_button:hover, div.gen_form_container form#gen_auto_form button#gen_submit_button:hover {
    background-color: #2E7655 !important;
    color: #fff;
}

.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button, .et-db #et-boc .et_pb_button_module_wrapper .et_pb_button:hover {
    padding: 15px 50px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.3em !important;
    font-size: 18px !important;
}


.single-case-studies #main-content .container, .single-products #main-content .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
}

.single-case-studies #main-content div#left-area, .single-products #main-content div#left-area {
    padding-bottom: 0 !important;
}

.single-post .et_pb_post {
    margin-bottom: 0;
}

.spacing h2 span, .spacing h3 span, .spacing h2, .spacing h3, .spacing h4, .spacing h5 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold !important;
}

.spacing .et_pb_row img {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.spacing .et_pb_row .et_pb_column_1_2 p {
    margin-bottom: 30px !important;
}

.mb {
    margin-bottom: 30px;
}

.mt {
    margin-top: 30px;
}

.et_pb_text ol, .et_pb_text ul {
    padding-bottom: 0em;
}

.et_pb_text_inner li:last-child {
    margin-bottom: 0px;
}

/* Form Styles */
div#gform_wrapper_4 {
    display: block !important;
}

.ai-signup-form {
    background-color: #052033;
    padding: 40px;
    border-radius: 10px;
    color: #ffffff;
    max-width: 90%;
    margin: 0 auto;
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.ai-signup-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
}

.ai-signup-form input[type="text"], .ai-signup-form input[type="email"] {
    color: #666;
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 16px;
    box-sizing: border-box;
}

.ai-signup-form input[type="submit"], .ai-signup-form button {
    background-color: #3f9b63 !important;
    font-weight: 500;
    color: white;
    border: 2px solid;
    padding: 12px 24px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 6px;
    width: 100%;
    line-height: 1.7em !important;
    transition: background-color 0.3s ease;
}

.ai-signup-form input[type="submit"]:hover, .ai-signup-form button:hover {
    background-color: #2e7655 !important;
}

.ai-signup-form p {
    font-size: 12px !important;
    color: #dddddd;
    margin-top: 20px;
    line-height: 20px !important;
}

.ai-signup-form a {
    color: #4ee180;
    text-decoration: underline;
}

.gform_confirmation_message_3 {
    text-align: center !important;
}

.gform-theme--foundation .gform_fields {
    row-gap: 20px;
}

.gform-theme--foundation .gform_fields .gfield select {
    margin-bottom: 0px;
}

.gform-theme--foundation .gform_fields .gfield select, .gform-theme--foundation .gform_fields .gfield input {
    box-shadow: none;
}

.gform-theme--foundation .gform_footer {
    margin-tpp: 0px;
}

input#gform_submit_button_11 {
    font-weight: 500;
    font-size: 16px;
    padding: 10px 24px;
}

h2.gform_title {
    display: none;
}

.gform_wrapper .gform_body .gform_fields .gfield {
    margin-bottom: 10px;
}

/* Pricing & Tables */
.page-id-2471 a.pricing-grn-button:hover {
    background-color: #2E7655;
    border-color: #2E7655 !important;
}

.page-id-2471 table td:nth-child(1) {
    text-align: left !important;
}

.page-id-2471 table td {
    text-align: center;
}

.most-popular-tag {
    width: 101.5% !important;
}

.th-feature-item li::marker {
    content: unset !important;
}

/* this affects filtergrid page numbers
div#main-content ul {
    list-style-image: url('/wp-content/uploads/2025/01/checkmark-icon.png');
}

div#main-content ul li {
    padding-left: 0;
}*/

    .checkmark-list {
    list-style-image: url('/wp-content/uploads/2025/01/checkmark-icon.png');
}


.star-table table:not(.variations) {
    border: none !important;
}

.star-table tr td {
    display: block !important;
}

.star-table table {
    border: none !important;
    display: table !important;
}

.star-table tr td {
    border-top: 0 !important;
    text-align: center;
    color: #fff;
}

.star-table.white tr td {
    color: #333;
}

.star-table tr td p {
    padding-bottom: 0 !important;
}

.star-table tr td img {
    margin-top: 15px;
}

/* Images & Galleries */
.gallery .et_pb_image:hover img, .gallery .et_pb_image_wrap:hover img, .gallery a:hover img {
    transform: scale(1.3);
    transition: all 2s ease;
}

.gallery, .gallery a, .gallery .et_pb_image, .gallery .et_pb_image_wrap {
    overflow: hidden;
    display: inline-block;
}

.gallery .et_pb_image img, .gallery .et_pb_image_wrap img, .gallery a img {
    transition: all 1s ease;
    display: block;
}

.gallery .mpf-title {
    display: none !important;
}


/**Video - Open in Lightbox**/

.dp_image_card_carousel .swiper-slide {
    position: relative;
}

.dp_image_card_carousel .swiper-slide img.custom-video-trigger {
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

.lightbox-content-1 {
  display: none;
}


/**End Lightbox**/

.custom-video-trigger {
    cursor: pointer;
}

.custom-video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #071c2a;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-video-popup-content {
    position: relative !important;
    background: #fff !important;
    padding: 20px !important;
    border-radius: 10px !important;
    width: 80% !important;
    height: 80% !important;
}

.custom-close-btn {
    position: absolute;
    top: -25px;
    right: 5px;
    font-size: 30px;
    cursor: pointer;
    color: #ffffff;
}
  @media(max-width:981px){
    .custom-video-popup-content {
    height: 40% !important;
}
  } 
.custom-close-btn {
    position: absolute;
    top: -25px;
    right: 5px;
    font-size: 30px;
    cursor: pointer;
    color: #ffffff;
}

.dipl_team_member_lightbox .mfp-close:active {
    top: 10px !important;
}

.dipl_team_grid_0_lightbox .mfp-close {
    color: #3F9B63 !important;
    font-size: 34px !important;
    border: 2px solid #3F9B63;
    border-radius: 100%;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    right: 20px;
    top: 10px;
}

.dipl_team_member_wrapper_lightbox {
    max-width: 768px;
    border-radius: 10px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}

.dipl_team_grid_0_lightbox.mfp-bg {
    background-color: rgba(181, 189, 195, 0.30) !important;
}

.dipl_team_member_wrapper_lightbox img {
    border-radius: 10px !important;
    width: auto !important;
    height: auto !important;
}

.dipl_team_member_lightbox .dipl_team_member_image_wrapper {
    text-align: center !important;
}

.dipl_team_member_lightbox .dipl_team_member_content_wrapper {
    padding: 10px 20px 20px 48px !important;
}



/* Filter Grid */

.event-category-filter ul a.active {
    font-weight: bold;
}

.pagination-link {
    font-size: 1em !important;
    font-weight: 500;
    border-radius: 20px !important;
    /*padding: 10px 13px !important;*/
}

.pagination a {
    background-color: #e5e5e5 !important;
}

.date-time-container {
    background-color: #ECF5F0;
    padding: 2px 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    margin-right: 6px;
}

.date-range-text {
    margin-right: 5px;
    font-size: 14px;
}

.time-text {
    margin-left: 0px;
    font-size: 14px;
}

.recurring-icon {
    margin-left: 3px;
    vertical-align: middle;
}

.event-arrow {
    font-size: 18px;
    color: #3F9B63;
}

#ez-toc-container {
    display: none;
}

.dipl_image_card_carousel_0 .dipl_image_card_carousel_item .dipl_image_card_inner_content_wrapper, .dipl_image_card_carousel_1 .dipl_image_card_carousel_item .dipl_image_card_inner_content_wrapper {
    justify-content: flex-start !important;
}

.product-image-blue-box {
    background-color: #ddeaf8;
    padding: 25px;
    border-radius: 20px;
}

.et_section_specialty .et_pb_row:has(> .et_pb_column.product-image-blue-box), .et_section_specialty .et_pb_row_inner:has(> .et_pb_column.product-image-blue-box) {
    align-items: center;
}

.location-buttons .et_pb_blurb_container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 95px;
}

.location-buttons .et_pb_blurb_content {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
}

.location-buttons.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 0px !important;
}

.location-buttons .et_pb_blurb_content h4, .location-buttons .et_pb_blurb_content p {
    padding-bottom: 0px !important;
}

.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button.gradient-button {
    background: linear-gradient(-90deg, #1976d2 0%, #673ab7 100%);
    transition: background 0.3s ease;
}

.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button.gradient-button:hover {
    background: linear-gradient(-90deg, #1976d2 0%, #EB00FF 100%);
}

/*news grid - company page*/
.news-grid article {
    position: relative;
    background-color: #072337 !important;
}

.news-grid article:hover {
    transform: translate(0px, -7px);
    transition: transform 0.3s ease;
}

.news-grid article h3 {
    margin-bottom: 50px;
}

.news-grid article:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-image: url('/wp-content/uploads/2025/08/white-arrow-up.webp');
    background-size: contain;
    background-repeat: no-repeat;
    visibility: visible;
}

.back-link::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 24px;
    background-image: url('/content-library/wp-content/uploads/sites/2/2025/06/green-arrow-right-e1750700408263.webp');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}

.back-link:hover {
    color: #555;
}

.back-link:hover::before {
    filter: brightness(0) invert(1);
}

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

.features_overview_sec h3 {
    padding-bottom: 0;
}

.custom-tab {
    padding: 20px 0px;
    border-bottom: 1px solid #75ADE4;
    cursor: pointer;
    margin-bottom: 0px;
}

h4.custom-tab-title {
    font-weight: bold;
    color: #b3b3b3;
    font-size: 21px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.custom-tab.active .custom-tab-title {
    color: #555;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.custom-tab .custom-tab-title {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.custom-tab-description {
    display: none;
    padding-top: 0px;
    font-size: 16px;
    color: #666;
}

.custom-tab-description p {
    margin-bottom: 20px;
}

.custom-tab-description a {
    color: #3f9b63;
    font-weight: 700;
    margin-bottom: 20px;
}

.custom-tab-description a:hover {
    color: #666666;
}

.custom-tab.active .custom-tab-description {
    display: block;
}

.et_pb_image.image-tab {
    display: none;
    transition: all 0.3s ease;
}

.et_pb_image.image-tab.active {
    display: block;
}

.mobile-image {
    display: none;
}

.scroll-tab.dipl_tabs .dipl_tabs_content .dipl_active_tab_content {
    border-radius: 10px;
    margin-top: 20px;
}

.team-bio-name h5 {
    padding-bottom: 0;
}

.team-member {
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding-bottom: 0 !important;
}

.team-member:hover {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}

.team-member .et_pb_team_member_image {
    margin-bottom: 0;
}

.team-member .et_pb_team_member_image img {
    display: block;
    width: 100%;
    height: auto;
}

.team-member .et_pb_team_member_description {
    background-color: #3f9b63;
    color: white;
    padding: 20px 15px;
    text-align: center;
}

.center-video {
    text-align: center;
}

.wistia_no_animate * {
    transition: none !important;
    -mozilla-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
}

.marketplace-products::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 150px;
    height: 100%;
    background: transparent linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .44) 71%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 1000;
}

.marketplace-products::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    width: 150px;
    height: 100%;
    background: transparent linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, .44) 71%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 1000;
}

.et_pb_searchform input[type=text] {
    margin-top: 0 !important;
}

div.search-signin-container {
    display: flex;
    justify-content: end;
}

div.signin-link {
    display: inline-block;
}

div.signin-link a {
    color: #3F9B63;
    font-size: 12px;
    font-weight: bold;
}

div.search-icon {
    width: 17px;
    display: inline-block;
    margin-right: 15px;
    margin-top: 1px;
    padding-top: 4px;
}

div.search-icon:hover {
    cursor: pointer;
}

.et_pb_search {
    border: 1px solid #fff;
}

.et_pb_search input.et_pb_s, .et_pb_search ::placeholder {
    color: #fff;
    height: auto !important;
}

div.company-code-container {
    display: flex;
    align-items: center;
}

div.nv-direct-desk {
    cursor: pointer;
    z-index: 99;
    padding-right: 10px;
}

div.nv-direct-desk div.nav-label-container {
    font-weight: 700;
    font-size: 12px !important;
    font-family: Open Sans;
    display: flex;
}

div.nv-direct-desk div.nav-label-container svg {
    width: 22px;
    fill: #eeeeee;
}

div.nv-direct-menu {
    min-width: 242px;
    position: absolute;
    top: 50px;
    left: -40px;
    box-shadow: 1px 3px 6px 0px rgb(0 0 0 / 16%);
    background-color: white;
    z-index: 99;
    padding: 10px;
}

div.nv-direct-menu ul {
    padding: 0;
}

div.nv-direct-menu li {
    list-style-type: none;
    padding: 5px 10px;
    margin: 5px 0px;
}

div.nv-direct-menu li img {
    max-width: 22px;
    max-height: 22px;
    display: inline-block;
    margin-right: 5px;
}

div.nav-label {
    color: #eee;
}

.nav-none {
    display: none;
}

div.nv-direct-menu li a {
    display: flex;
    color: #666;
    font-weight: 700;
    font-size: 14px;
}

div.nv-direct-menu li:hover {
    background: #e7f1fb;
    border-radius: 0px 10px 10px 0px;
}

div.nv-direct-menu li:hover a {
    color: #1976d2;
}

div.nav-direct-menu li>a p::after {
    content: "";
    width: 22px;
    height: 15px;
    display: inline;
    background-image: url(/wp-content/uploads/arrow-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    left: 0px;
}

.search-column .et_pb_search {
    border: 0px !important;
}

.search-column input[type=text] {
    border-width: 0px 0px 1px 0px !important;
    border-radius: 5px !important;
}

input.site_search_bar:focus {
    border-bottom: 1px solid #ffffff !important;
}

.search-column .et_pb_module:nth-child(1) {
    width: 100% !important;
}

.search-column .et_pb_module {
    margin-bottom: 0px !important;
}

.search-column .search-box-module {
    width: 100%;
}

input.site_search_bar {
    color: #fff !important;
    border-bottom: 1px solid #fff;
    -webkit-appearance: none !important;
    background: transparent !important;
    display: inline-block !important;
    flex: 1 !important;
    min-width: 0 !important;
    padding: .715em !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: normal !important;
}

input.site_search_bar::placeholder {
    color: #fff !important;
}

div.search-signin-module {
    min-width: 170px;
}

div.search-column {
    display: flex;
}

.search-box-module {
    display: inline-block;
    width: 70%;
    top: -100px;
    transition: all 0.3s linear;
}

.search-signin-module {
    display: inline-block;
    width: 24%;
}

div.search-signin-module div.et_pb_code_inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

header {
    margin-top: -15px;
}

.custom-video-popup-content {
    position: relative;
    width: 80%;
    max-width: 900px;
    height: 70%;
    background: #000;
}

.custom-video-frame {
    width: 100%;
    height: 100%;
}

.custom-close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

/* All Articles - Content Views */
.pt-cv-content-item:hover {
    transform: translate(0, -7px);
    transition: transform 0.3s ease;
}

#newsroom-grid .pt-cv-content-item {
    position: relative;
    min-height: 100px;
    box-shadow: 0px 0px 6px 0px #d6d6d6;
    border-radius: 6px;
}

.pt-cv-meta-fields {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 0px;
}

.pt-cv-thumb-wrapper .pt-cv-thumbnail {
    object-fit: cover;
    width: 100%;
    margin-bottom: 0 !important;
}

.pt-cv-taxoterm.above_title, h3.pt-cv-title, .pt-cv-meta-fields {
    padding: 0px 15px;
}

h3.pt-cv-title {
    font-size: 21px;
    line-height: 1em;
}

h3.pt-cv-title a {
    color: #555 !important;
    font-weight: 700;
    font-family: Raleway;
}

.pt-cv-meta-fields span.entry-date time {
    color: #666 !important;
    font-size: 16px;
}

.pt-cv-meta-fields {
    padding-bottom: 20px;
}

.iscvblock .pt-cv-content-item {
    width: 100% !important;
}

.iscvblock .pt-cv-content-item {
    padding-bottom: 60px;
}

li.cv-pageitem-number.active a {
    background: #3f9b63 !important;
    color: #fff !important;
}

li.cv-pageitem-number a {
    border-radius: 100% !important;
    margin-right: 15px;
    background: #e0e0e0 !important;
    color: #333 !important;
}

li.cv-pageitem-next a, li.cv-pageitem-prev a, li.cv-pageitem-last a, li.cv-pageitem-first a {
    border: none !important;
    font-size: 28px;
    position: relative;
    top: -10px;
    color: #333 !important;
}

.pt-cv-pagination.pagination {
    float: right;
}

.pt-cv-taxoterm a {
    font-weight: 600;
}

.pt-cv-taxoterm above_title, .pt-cv-title am, .pt-cv-title, .pt-cv-view.iscvblock .pt-cv-content-item a, .pt-cv-tax-press-releases, .pt-cv-taxoterm above_title, h3.pt-cv-title {
    text-align: left !important;
}


.pagination-link {
    font-size: 1em !important;
    font-weight: 500;
    border-radius: 20px !important;
    padding: 10px 13px !important;
}

.et_pb_with_border .et-pb-icon {
    border: auto !important;
    border-top: 1px solid #a1a1a1 !important;
    border-right: 1px solid #a1a1a1 !important;
    border-bottom: 1px solid #a1a1a1 !important;
}

.et_pb_section_0.et_pb_section {
    position: relative;
}

.cmplz-cookiebanner{
    position: fixed;
    bottom: 0 !important;
    left: 0!important;
    transform: translatey(-5px) translatex(0)!important;
}
@media only screen and (min-width:980px){
  .cmplz-cookiebanner{
    left: 10px!important;
  }
}

    @media only screen and (max-width: 980px){
        .cmplz-cookiebanner{
        width: 99%!important;
        transform: translatex(0.5vw)!important;
    }
}
/*Preview tab*/
#cmplz-manage-consent .cmplz-manage-consent {
font-size: 13px !important;
padding: 5px 10px !important;
height: unset !important;
}

/*Alternate columns on desktop*/
@media only screen and (min-width: 980px){
  body #page-container .alternate .et_pb_row{
    display: flex!important;
    justify-content: space-between;
    gap: 1rem;
    align-items:center;
}
  body #page-container .alternate .et_pb_row:nth-child(even){
    flex-direction: row-reverse!important;
}
}
    
        /* Target even rows */
    body #page-container  .alternate .et_pb_row:nth-child(even) .et_pb_column.et-last-child {
    margin-right: 5.5% !important;
    }
      body #page-container .alternate .et_pb_row:nth-child(even) .et_pb_column {
    margin-right: 0 !important;
}

/*hazey white over compare logos*/
.marketplace-products::before{
content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 150px;
    height:100%;
    background: transparent linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .44) 71%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 1000;
}
.marketplace-products::after {
content: "";
    position: absolute;
    top: 0px;
    right: 0;
    width: 150px;
    height: 100%;
    background: transparent linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, .44) 71%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 1000;
}

/******************************CUSTOMIZER CSS********************************************************************************************************************/

.dipl_tooltip, .tooltipster-base {
    display: none !important;
}

/*Careers page - gradient button hover */
.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button.gradient-button {
    background: linear-gradient(-90deg, #1976d2 0%, #673ab7 100%);
    transition: background 0.3s ease;
}
.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button.gradient-button:hover {
    background: linear-gradient(-90deg, #1976d2 0%, #EB00FF 100%);
}

/*Snapshot report*/

@media (max-width: 480px) {
.__ssw_snapshot_widget .__ssw_submit_button {
    font-size: 14px !important;
    }
    .__ssw_snapshot_widget {
        padding: 12px 0 !important;
        box-shadow: none !important;
    }}

/*.news-grid - company page news section styling */
.news-grid article {
    position: relative;
    background-color: #072337!important;
}
.news-grid article:hover {
    transform: translate(0px, -7px);
    transition: transform 0.3s ease;
}
.news-grid article h3 {
    margin-bottom: 50px;
}
.news-grid article:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-image: url('https://vendasta-multisite-rebuild.wp-premium-staging.com/wp-content/uploads/2025/08/white-arrow-up.webp');
    background-size: contain;
    background-repeat: no-repeat;
    visibility: visible;
}


@media (max-width: 1228px) {
    .et_pb_searchform    input[type=text] {
    margin-top:0 !important;    
    }
}

div#footer-bottom, .page-id-23389500 header#main-header {
    display:none;
}

.back-link::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 24px;
  background-image: url('/content-library/wp-content/uploads/sites/2/2025/06/green-arrow-right-e1750700408263.webp');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

.back-link:hover {
  color: #555;
}

.back-link:hover::before {
  filter: brightness(0) invert(1);
}


/****DEFAULT POSTS*****/
.post-template-default.single .post {
padding-bottom:80px;    
}

.post-template-default #left-area a {
    font-weight:700;
}

.post-template-default #left-area a:hover {
    color: #666666;
}
     
.post-template-default   #left-area {
      padding: 0px !important;
}

/* Media query for devices with a minimum width of 767 pixels */
@media (min-width: 767px) {
    /* Flexbox display for blurb content */
    .vertical-align-blurb .et_pb_blurb_content {
        display: flex!important;
    }
    
    /* Flexbox display for blurb container */
    .vertical-align-blurb .et_pb_blurb_container {
        display: flex!important;
        justify-content: center; /* Center align blurb container horizontally */
        flex-direction: column; /* Arrange blurb container content in a column */
    }
    
    /* Flexbox display for main blurb image */
    .et-db #et-boc .et-l .vertical-align-blurb .et_pb_main_blurb_image {
        display: flex;
        width: auto!important; /* Ensure blurb image width adjusts automatically */
        margin-bottom: 0px!important; /* Remove bottom margin for better alignment */
    }
}

.pointer:hover {
    cursor: pointer;
}

html {
    scroll-behavior: auto !important;
}

html, body {
    scroll-behavior: auto !important;
}

.et_pb_filterable_portfolio {
    min-height: 400px;
}

.et_pb_portfolio_item {
    transition: opacity 0.3s ease;
}

.dp-tabs-container {
    min-height: 200px;
}

.dp-tab-content {
    transition: opacity 0.3s ease;
}

/* Disable smooth scrolling completely */
* {
    scroll-behavior: auto !important;
}

.et_pb_portfolio_item,
.dp-tab-content {
    transition: all 0.3s ease;
}

.vertical-align-equal-col {
    display:flex;
    align-items:center;
}
.search-box-module {
  top: -50px;
  position: relative; /* or absolute if needed */
  transition: top 0.3s ease;
}

.search-box-module.search-visible {
  top: 0px;
}

/* glossary style starts */
.category-glossary .left-container .et_pb_row {
    width: 100%;
}
#main-content .container{padding-top: 0 !important;}
.category-glossary .et_post_meta_wrapper {
    display: none;
}
#main-content .container:before {background: none !important;}
#sidebar {display:none;}
.category-glossary .content-container {display: flex !important;}
.category-glossary .left-container.cust-column {
    min-width: 325px !important;
    display: inline-block;
    position: relative;
    margin-right: 50px;
}
.category-glossary .right-container.cust-column {
    display: inline-block;
    margin-bottom:0px !important;   
}
.category-glossary .left-container.cust-column h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 0;
}
.category-glossary .left-container.cust-column article {
    padding-bottom: 15px;
    margin-bottom: 0;
}
.category-glossary  div.glossary-breadcrumbs {padding-bottom: 40px !important;}
.category-glossary  div.glossary-breadcrumbs a{color: #2E7655 !important;}
div.glossary-breadcrumbs span.page-term{text-transform: capitalize;}
h1.glossary-title{
      font-size: 50px;
      color: #555;
      font-weight: bold;
      padding-bottom:20px;
      border-bottom: 2px solid #3F9B63;
      margin-bottom: 20px;
 }
.category-glossary div.section-content, .category-glossary div.section-content p {
    line-height: 2em;
}
.glossary-greyed {
    background-color: #F5F5F5;
    padding: 40px;
    margin: 2em 0;
}
.section-title {border-bottom: 3px solid #035E52;margin-bottom: 1em !important;margin-top: 1em !important;}
.right-container ol li, .right-container ul li {line-height: 1.5em;margin-bottom: 10px;}
div.glossary-section#glossary-toc {margin-top: 0;}
h3.section-title {
    font-weight: bold;
    font-size: 28px;
}
.left-container .et_pb_section.et_pb_section_1 {
    position: sticky;
    top: 110px;
}
.section-content.content-faq h3 {font-weight: bold;}
#glossary-kt ul{padding-bottom:0 !important;}
.glossary-date .et_pb_title_meta_container * {display: none;}
    .glossary-date .et_pb_title_meta_container span {
    display: inline-block !important;
    font-size: 16px;
    color: #2E7655;
    text-transform: uppercase;
}
.glossary-date .et_pb_title_meta_container span {
    display: inline-block;
    font-size: 16px;
    color: #2E7655;
    text-transform: uppercase;
}
.right-container .et_pb_post_title_0:before
 {
    content: "UPDATED: ";
    display: inline-block;
    color: #2E7655;
}
.glossary-date .et_pb_title_container {display: inline-block;}
div#glossary-intro {padding-top: 40px;}
.glossary-greyed {padding-top: 25px;}

 @media (min-width: 981px){
     #logo_slider .dipl_image_card_image_wrapper img {
    width: 85% !important; /*smaller logos on desktop*/
}
     
   #left-area {
      width: 100% !important;
      padding: 23px 0px 0px !important;
      float: none !important;
  }
     .single-case-studies #left-area {
    padding:0px !important;
} /*prevent gap created on Case Study pages*/
  }
@media (max-width: 980px){
    .content-container {flex-direction: column;}
    .left-container.cust-column {order: 2;}
    h1.glossary-title{font-size: 38px !important;}
    h2.section-title{font-size: 28px !important;}
    .content-faq h3 {font-size: 24px !important;}
    .glossary-greyed{padding:30px !important;}
    .category-glossary .left-container.cust-column{min-width:260px !important;width: 100%;}
    #main-content .container {
    padding-top: 50px !important;
}
}   
/* glossary style ends */
.features_overview_sec .et_pb_blurb_container {
    vertical-align: middle !important;
}

.features_overview_sec h3 {
        padding-bottom:0;
}

.green-link {
    color: #3f9b63!important;
}

.underline-link-dk,.testimonial-slider a {
    text-decoration: underline;
    font-weight:700 !important;
}
.underline-link-dk:hover,.testimonial-slider a:hover {
    color: #666666 !important;
    text-decoration: underline;
}

.related-service-card a:hover {
    color: #666666;
}

/***HOME PAGE VERTICAL TABS***/
.custom-tab {
  padding: 20px 0px;
  border-bottom: 1px solid #75ADE4;
  cursor: pointer;
  margin-bottom: 0px;
}

h4.custom-tab-title {
  font-weight: bold;
  color: #b3b3b3;
  font-size: 21px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.custom-tab.active .custom-tab-title {
  color: #555;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.custom-tab .custom-tab-title {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.custom-tab-description {
  display: none;
  padding-top: 0px;
  font-size: 16px;
  color: #666;
}
.custom-tab-description p {
  margin-bottom: 20px;
}
.custom-tab-description a {
  color:#3f9b63;
  font-weight: 700;
  margin-bottom: 20px;
}

.custom-tab-description a:hover {
    color: #666666;
}

.custom-tab.active .custom-tab-description {
  display: block;
}

.et_pb_image.image-tab {
  display: none;
  transition: all 0.3s ease;
}

.et_pb_image.image-tab.active {
  display: block;
}
  .mobile-image {
    display: none;
  }
  @media (max-width:980px) {
    .et_pb_column.image-column {
      display: none!important;
    }
    .custom-tab.active .mobile-image {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 20px;
            background: rgba(25, 118, 210, 0.15);
      padding: 30px;
      margin-top: 30px;
    }
  }
/***END HOME PAGE TABS***/

/*****TEMPORARY - HIDE TABLE OF CONTENTS FROM CUSTOM PLUGIN - ONLY NEEDED ON BLOG SITE******/
#ez-toc-container {
    display:none;
}

/*horizontal tabs*/
/*.dipl_tab_desc .one_half a 
 { display: inline-block; width: 100%; }*/
@media (max-width:980px) {
.one_half, .one_half_last {
    width: 100%;
    margin:0;
    float: none;
    }
    .one_half {
        margin-bottom:30px;
    }
}
/*dropdown moblie view*/
@media (max-width:767px){
    .et_pb_text_inner p select{
        width:100% !important;
    }
    .et_pb_text_inner select{
        width:100% !important;
    }
}

.scroll-tab.dipl_tabs .dipl_tabs_content .dipl_active_tab_content {
    border-radius: 10px;
    margin-top: 20px;
}

.snapshot-widget {
    padding: 30px 30px 30px;
    color: rgba(0, 0, 0, .5);
    width: 100%;
    background-color: #3A9C61;
    position: relative;
      border-radius: 10px;
}

.snapshot-widget h3 {
    font-weight: 700;
}

.snapshot-widget button, .btn-snapshot {
        border-color: #fff;
    border-radius: 5px;
    transition: auto;
    background-color: #fff !important;
    padding-top: 15px !important;
    padding-right: 50px !important;
    padding-bottom: 15px !important;
    padding-left: 50px !important;
    margin-top:16px;
    font-family: 'OPEN SANS';
    font-weight: 600;
    color: #555;
    font-size: 18px;
}

@media (max-width: 1228px) {
    input[type=text], select#country.form-control {
        padding: 10px 5px;
        border: none;
        background-color: #fff;
            margin-top: 10px;
            width:100%;
    }
}

/**Team Member**/
/* --- Team Member Card Styling (using custom class .team-member) --- */
.team-bio-name h5 {
    padding-bottom:0;
}
/* Main container for each team member */
.team-member {
    border-radius: 12px; 
    overflow: hidden;    
    background-color: #ffffff; 
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1); 
    margin-bottom: 30px;    
    padding-bottom: 0 !important; 
}

/* Optional: Add a slight lift on hover */
.team-member:hover {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}

.team-member .et_pb_team_member_image {
    margin-bottom:0;
}

/* Team member image container and image */
.team-member .et_pb_team_member_image img {
    display: block;         
    width: 100%;         
    height: auto;
}

/* Description area (name and title) - this will be the green bar */
.team-member .et_pb_team_member_description {
    background-color: #3f9b63;
    color: white;
    padding: 20px 15px;
    text-align: center;
}
@media (min-width: 768px) and (max-width: 980px) {
    .et_pb_column .et_pb_team_member_image {
        width: auto;
        margin: 0 0px 0px 0;
        text-align: left;
    }
}

.center-video {
    text-align:center;
}

/* form 4 */
div#gform_wrapper_4 {
    display: block !important;
}

#gform_submit_button_3, #gform_submit_button_15,.gform_button, .green-button, div.gen_form_container form#gen_auto_form button#gen_submit_button {
       border-radius: 5px !important; color: #fff;background-color: #3F9B63 !important;
    padding-top: 15px !important;
    padding-right: 50px !important;
    padding-bottom: 15px !important;
    padding-left: 50px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.green-button:hover, #gform_submit_button_3:hover, #gform_submit_button_15:hover, .gform_button:hover,div.gen_form_container form#gen_auto_form button#gen_submit_button:hover {
    background-color: #2E7655 !important; /*darker green*/
    color: #fff;
}

.thirty-margin-top {
    margin-top:30px;
}

/**Wistia Videos**/
.wistia_no_animate * {
transition: none !important;
-mozilla-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
}



/**Menu Styles from Styles module in Header**/
 a.nav_item {
    color: rgb(83, 83, 82) !important;
}
  nav h2, nav h3, nav h4, nav h5, nav h6 {
    font-weight: bold!important;
}
  @media screen and (min-width: 1230px) {
    .nav_logo {
      margin-top: 8px !important;
    }
  }
  .nav-wrapper .main-custom-navigation .get-free-access {
    margin-left: 125px!important;
  }
  .ws_menu {
    box-shadow: 0px 10px 50px #0000008A;
    -moz-box-shadow: 0px 10px 50px #0000008A;
    -webkit-box-shadow: 0px 10px 50px #0000008A;
  }
  .resources-learn-card:nth-child(1){
    background-image: url('/wp-content/uploads/2025/01/Starting-a-digital-marketing-agency-img-1.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    border-bottom: 5px solid #1976D2;
  }
    .resources-learn-card:nth-child(2){
    background-image: url('/wp-content/uploads/2025/01/Discover-how-to-grow-your-agency-img.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    border-bottom: 5px solid #FFA000;
  }
  .resources-learn-card:nth-child(3){
    background-image: url('/wp-content/uploads/2025/01/Learn-how-to-make-money-with-AI-img.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    border-bottom: 5px solid #673AB7;
  }
  /* Nav main styles for desktop ---------------- */

nav.vanv24,
nav.vanv24:before,
nav.vanv24:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.button-container {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

header .et_builder_inner_content {
    background-color: #072337 !important;
}

.et_pb_row_0_tb_header {
    max-width: 100% !important;
    padding: 0px 5px !important;
}

.et-l--header ul {
    padding-bottom: 0px !important;
}

nav.vanv24 p,
nav.vanv24 a,
nav.vanv24 h2,
nav.vanv24 h3,
nav.vanv24 h4,
nav.vanv24 h5,
nav.vanv24 h6,
#mobile-nav :before,
#mobile-nav :after,
#mobile-nav span {
    font-family: Open Sans !important;
}

.blur {
    filter: blur(5px);
}

nav.vanv24 a {
    color: #333;
    font-size: 12px;
    cursor: pointer;
}

nav.vanv24 p {
    font-size: 14px;
}

nav.vanv24 ul li {
    list-style: none;
}
  
div.nav-grid ul li {
  list-style: none;
}


nav {
    background: #072337; /*navy*/
}

.nav-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

ul.nav-menu>li>a:only-child.ai-tools::after {
    content: 'New';
    height: 20px;
    background-color: #1976D2;
    color: white;
    padding: 3px 8px 3px 8px;
    border-radius: 12px;
    top: 12px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 5px;
}

ul.nav-menu>li>a:only-child.ai-tools::after:hover,
ul.nav-menu>li>a:only-child.ai-tools::after:focus,
ul.nav-menu>li>a:only-child.ai-tools::after:active {
    transform: rotate(0) !important;

}

li a.ai-tools::before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url('/wp-content/uploads/AI-icon_navigation.png');
    background-size: 25px 25px;
    margin-right: 3px;
    position: relative;
    top: 5px
}

/* NAV MENU 1ST LEVEL */

/*change for mobile and responsive---> */

.nav_logo {
    margin-left: calc((100vw - 1200px)/2);
}

div.nav-wrapper>ul {
    padding-right: calc((100vw - 1200px)/2);
    /* position: relative;*/
}

/*change for mobile*/
ul.nav-menu>li {
    float: left;
    font-size: 14px;
    list-style: none;
}

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li {
    width: 284px;
    list-style: none;
    margin: 0;
}

ul.nav-menu>li>a {
    display: block;
    line-height: 45px;
    padding: 0 25px 10px 15px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    color: #efefef !important;
}

ul.nav-menu li a.nav-cta-btn {
    background: #3f9b63; /*green*/
    padding: 0px 15px;
    border-radius: 4px;
    line-height: 30px;
    margin-top: 8px;
    font-size: 14px;
}
ul.nav-menu li.nav-main-cta:hover {
    border-bottom: none!important;
}
ul.nav-menu li.nav-main-cta:hover>a.nav-cta-btn {
    background: #2e7655; /*dark green*/
    border-bottom: none!important;
}

ul.nav-menu>li>a:hover,
ul.nav-menu>li:hover>a,
ul.nav-menu>li.nav-active-menu-item>a:hover,
ul.nav-menu>li.nav-active-menu-item:hover>a {
    border-bottom: 5px solid var(--green-link);
    color: #efefef !important;
}


ul.nav-menu>li>a>img {
    max-width: 16px;
    display: block;
}


/*NAV SUBITEM COLUMNS*/

div.nav-grid>div.nav-row [class^="nav-col"] {
    position: relative;
    float: left;
    height: auto;
}

div.nav-grid img {
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
}


/*** Setting column width for submenu ******/

div.nav-grid>div.nav-row div.nav-col-4 {
    width: 33.33%;
}

div.nav-grid>div.nav-row div.nav-col-5 {
    /* min-width: 40%; */
    min-width: calc((100vw - 1200px)/2 + 287px);
    min-height: 629px;
}

div.nav-grid>div.nav-row div.nav-col-6 {
    width: 50%;
    padding: 10px 5px;
}

div.nav-grid>div.nav-row div.nav-col-7 {
    width: 628px;
    padding: 30px 20px;
    background: var(--light-bg);
    border-left: 2px solid #ccc;
    min-height: 629px;
}

.nav-col-7 .nav-mid-col {
    background: var(--light-bg);
}


/********************************************/
/*** First column sub level menu list ******/


/* NAV MEGA MENU */

ul.nav-menu>li.nav-menu-mega>div,
ul.nav-menu>li.nav-menu-list>div {
    position: absolute;
    width: 100%;
    height: auto;
    top: 60px;
    left: 0;
    background: #fff;
    overflow: hidden;

}


/* NAV MEGA MENU UL LIST */

/*change for mobile*/

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav {
    position: relative;
    /*width: 200px;*/
    width: 100%;
    height: 100%;
    /*height: 500px;   if you don't want javascript to define height, use manual height */
    left: calc((100vw - 1200px)/2);
    top: 0;
    padding: 0;
    background: #fff;
}


ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li {
    font-size: 14px;
    /*padding-bottom: 10px;*/
}

/* needs to fix for mobile*/
ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
    display: flex;
    width: 264px;
    line-height: 1.7em;
    padding: 5px;
    background: #fff;
    color: #666;
    margin-bottom: 8px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 0px 10px 10px 0px;
  align-items:center;
}

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a img {
    width: 22px;
    height: 22px;
    display: inline-flex;
    margin-right: 5px;
}

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
    border-radius: 0px 10px 10px 0px;
}

div.nv-direct-menu li>a.active,
div.nv-direct-menu li:hover>a,
ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li.nav-active-menu-item>a,
ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a:hover {
    background: var(--hover-bg);
    border-radius: 0px 10px 10px 0px;
}

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li.nav-active-menu-item>a h3,
ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a:hover h3 {
    color: #1976D2;
}

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li.nav-active-menu-item>a::after,
ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a:hover::after {
    filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
}

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>div {
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 619px;
    left: 284px;
    top: 0;
    margin-top: -90px;
    background: #fff;
}

h3.sidebar-heading {
    font-size: 16px;
    margin-left: calc((100vw - 1200px)/2);
    padding: 30px 0px;
}

ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li:hover>a,
ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li:focus>a,
ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li:active>a {
    background: var(--hover-bg);
    border-radius: 0px 10px 10px 0px;
}

div.bottom-logo-bar {
    height: 50px;
    background: #fff;
    border-top: 2px solid #ccc;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 calc((100vw - 1200px)/2);
    margin-top: 20px;
    z-index: 999;
    display: flex;
    justify-content: space-between;
}

div.bottom-logo-bar div {
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 700;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

div.bottom-logo-bar div a:hover,
div.bottom-logo-bar div a:active {
    background: none;
}

div.bottom-logo-bar div.logo-second-col {
    width: 267px;
}

div.bottom-logo-bar div.logo-second-col div.matchcraft {
    margin-right: 106px;
}

div.bottom-logo-bar div.integrations {
    width: 284px;
}

div.bottom-logo-bar div.dev-resources {
    padding-left: 30px;
}

div.bottom-logo-bar div.integrations::after {
    content: 'New';
    height: 20px; /*changed from 26px*/
    font-size: 12px;
    background-color: #1976D2;
    color: white;
    padding: 3px 8px 3px 8px;
    margin-left: 5px;
    border-radius: 12px;
}

div.bottom-logo-bar div.integrations::before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url('/wp-content/uploads/integrations-icon.png');
    background-size: 25px 25px;
    margin-right: 3px;
}

div.bottom-logo-bar div.dev-resources::before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url('/wp-content/uploads/developer-resources-icon.png');
    background-size: 25px 25px;
    margin-right: 3px;
}


a.nav-label.menu-list-item h3 {
    padding: 0px;
    font-size: 14px!important;
    font-weight: 500!important;
  font-family: Open Sans!important;
}

/********************************************/
/*** Mid column category list ******/

a.highlight {
    color: #3d9660;
    width: 100%;
    max-width: 130px;
    max-height: 25px;
    margin-bottom: 0px;
  display:block;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid #3d9660;
}
a.highlight.morelink {
    margin-bottom: 30px;
    border-bottom: none;
}
  
a.blue_link {
    color: #5a9ddf;
    width: 100%;
    max-width: 160px;
    font-size: 13px;
    border-bottom: 1px solid #5a9ddf;
    font-weight: 700;
    margin-bottom: 30px;
}


.blue_link_container {
    margin-top: 10px;
}


.intro-text {
    margin-left: 0px !important;
    font-size: 13px!important;
  line-height:1.5em;
}

.intro-heading {
    font-size: 16px;
    font-weight: 700;
  padding-bottom:6px;
}

.container-divider {
    width: 100%;
    border: 0;
    height: 0;
    border-top: 1px solid #00000040;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.mid-col-intro {
    display: flex;
    padding-bottom: 5px;
}

.mid-col-intro .description-container {
    flex: 3;
    padding: 5px;
    font-size: 12px;
}

.mid-col-intro .button-container {
    flex: 1;
    display: block;
    text-align: center;
}


.mid-col-intro button {
    color: #3f9b63;
    font-size: 14px;
    background-color: transparent;
    padding: 8px 15px;
    border: 1px solid #3f9b63;
    border-radius: 4px;
}

.mid-col-intro button a::after {
    content: "2192";
    font-size: 16px;
    color: #3f9b63;
}

.mid-col-intro button:hover {
    background-color: #3f9b63;
    color: #fff;
    border: 1px solid #3f9b63;
    cursor: pointer;
}

div.nav-grid>div.nav-row>[class^="nav-col"] [class^="nav-col"].nav-col-category {
    padding: 0px;
    width: 100%;
    display: flex;
}

.nav-col-category .nav-col-cat-col-left {
    margin-right: 20px;
}

.nav-col-category .nav-col-cat-col-right {
    margin-left: 20px;
}

.nav-col-category .nav-col-6 {
    display: flex;
    flex-direction: column;
    width: 270px;
    padding: 10px 0px 10px 0px;
    border-radius: 0px 10px 10px 0px;
  margin-bottom: 3px;
  min-height: 84px;
}

h3.nav-col-cat-heading {
    width: 100%;
    font-size: 14px!important;
  font-family:Open Sans !important;
    font-weight: 500!important;
  margin-bottom: 0px;
  padding-bottom: 6px;
}

.nav-col-6 div.multi-location:after {
    content: "";
    width: 22px;
    height: 15px;
    display: inline-block;
    background-image: url('/wp-content/uploads/starburst.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 140px;
}


.nav-col-category .nav-col-6:hover {
    background: var(--hover-bg);
    border-radius: 0px 10px 10px 0px;
}

.nav-col-category .nav-col-6:hover p.nav-col-cat-text {
    color: #516573;
}

.nav-col-category .nav-col-6:hover h3.nav-col-cat-heading {
    color: #1976D2;
}


/*Mid col category list hover effect*/
.nav-col-category .nav-col-6:hover h3.nav-col-cat-heading::after {
    content: "";
    width: 22px;
    height: 15px;
    display: inline-block;
    background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
}

.nav-col-category .nav-col-6 div {
    display: flex;
}

.nav-col-category .nav-col-6.cat-list {
    display: block;
}

.nav-col-category .nav-col-6.cat-list:hover {
    background: none;
}

.nav-col-category .nav-col-6.cat-list h3,
  .mid-cat-heading {
    font-size: 13px!important;
    text-transform: uppercase;
    color: #516573;
  margin-left: 7px;
  margin-top: 10px;
}

  a.nav-col-6.nav_item.ml-link {
    background-color: #D1E4F6;    
  }
  
div.nav-grid img.cat-icon {
    height: 25px;
    width: 25px;
    margin-right: 20px;
    top: -4px;
    left: 10px;
}

div.nav-grid img.cat-list-icon {
    height: 25px;
    width: 25px;
    margin-right: 5px;
    display: inline;
    vertical-align: text-top;
    margin-top: -2px;
}

div.nav-grid .nav-end-col img.cat-list-icon {
    height: 25px;
    width: 25px;
    margin-right: 5px;
    display: inline;
    vertical-align: text-top;
    margin-top: -2px;
}

div.nav-grid ul.cat-list-list {
    margin: 10px 0px;
    padding: 0px;
  list-style:none;
}

div.nav-grid ul.cat-list-list li {
    padding: 2px 5px 5px 5px;
}

div.nav-grid ul.cat-list-list li {
    width: 87%;
  /*margin-bottom: 10px;*/

}

div.nav-grid .nav-mid-col ul.cat-list-list li:hover::after {
    content: "";
    width: 22px;
    height: 15px;
    display: inline-block;
    background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 80%;
    margin-top: 7px;
    filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
}


div.nav-grid ul.cat-list-list li:hover a {
    color: #1976D2 !important;
}


div.nav-grid ul.cat-list-list li.blue-list:hover::after {
    content: "";
    display: none;
}

div.nav-grid .nav-end-col ul.cat-list-list {
    margin-left: 0px;
}

div.nav-grid .nav-end-col ul.cat-list-list li:hover::after {
    content: "";
    width: 22px;
    height: 15px;
    display: inline-block;
    background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 250px;
    margin-top: 7px;
    filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
}


div.nav-grid .nav-end-col ul.cat-list-list li.blue-list:hover {
    background: transparent;
}

div.nav-grid ul.cat-list-list li:hover {
    background: var(--hover-bg);
    border-radius: 0px 10px 10px 0px;
}

div.nav-grid .nav-end-col ul.cat-list-list li a.nav_item.cat-list-item {
    color: #efefef !important;
    font-size: 14px !important;
  display: inline-flex;
    align-items: center;
}

div.nav-grid .nav-end-col ul.cat-list-list li:hover a.nav_item.cat-list-item {
    color: #1976D2 !important;
}

div.nav-grid .nav-end-col ul.cat-list-list li:hover a.nav_item.cat-list-item a:after {
    color: rgb(83, 83, 82) !important;
}

div.nav-grid a.cat-list-item {
    font-size: 13px;
    font-weight: 500;
}

div.nav-grid p.nav-col-cat-text {
    padding: 0px 0px 0px 10px;
    margin-top: 0;
}

p.nav-col-cat-text {
    width: 95%;
    font-size: 12px!important;
  line-height:1.5em;
}


.nav-col-12.col-link {
    margin-top: 10px;
    width: 100%;
    padding: 0 10px;
}

.nav-col-6.col-link:hover {
    background: transparent;
}


/*************************************************************/
/*** Third column with background image, hide on mobile ******/

div.nav-grid>div.nav-row>[class^="nav-col"].nav-end-col {
    padding: 0px 0px 0px 0px !important;
    display: block;
}

div.nav-grid>div.nav-row>[class^="nav-col"].nav-end-col div {
    width: 100% !important;
    display: block;
    overflow: hidden;
  padding: 25px 30px;
}

div.nav-grid>div.nav-row>[class^="nav-col"].nav-end-col img {
    margin-top: 0px;
    display: block;
    max-width: 100%;
}

div.nav-grid>div.nav-row>[class^="nav-col"].nav-end-col img.cat-list-icon {
    height: 25px;
    width: 25px;
    margin-right: 5px;
    display: inline;
    vertical-align: text-top;
    margin-top: -2px;
    max-width: 100%;
}

@media (min-width:1900px) {
    div.nav-grid>div.nav-row>[class^="nav-col"].nav-end-col {
        padding: 10px 65px;
    }
}

@media (min-width:1200px)and (max-width:1400px) {
    div.nav-grid>div.nav-row>[class^="nav-col"].nav-end-col {
        padding: 10px 20px;
    }
}

/* Setting background images for end column for different sub item*/

.nav-end-col.nav-end-col-platform {
    background-image: url('/wp-content/uploads/2025/01/cta-gradient-bkgd-1.png');
    background-size: cover;
    background-position: center;
    color: white;

}

.nav-end-col.nav-end-col-platform h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 0px;
  line-height: 25px !important
}

.nav-end-col ul.cat-list-list {
    margin-left: -20px;
}

/* NAV MANU 2ND LEVEL */

ul.nav-menu>li>ul>li,
ul.nav-menu>li>ul>li>ul>li {
    position: relative;
}

ul.nav-menu>li>ul>li>a,
ul.nav-menu>li>ul>li>ul>li>a,
ul.nav-menu>li>ul>li>ul>li>ul>li>a {
    display: block;
    width: 170px;
    line-height: 40px;
    padding: 0 35px 0 25px;
    background: #fff;
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

ul.nav-menu>li>ul>li:hover>a,
ul.nav-menu>li>ul>li>a:hover,
ul.nav-menu>li>ul>li>ul>li:hover>a,
ul.nav-menu>li>ul>li>ul>li>a:hover,
ul.nav-menu>li>ul>li>ul>li>ul>li:hover>a,
ul.nav-menu>li>ul>li>ul>li>ul>li>a:hover {
    background: #efefef;
}

ul.nav-menu>li>ul>li>a:only-child:after,
ul.nav-menu>li>ul>li>ul>li>a:only-child:after,
ul.nav-menu>li>ul>li>ul>li>ul>li>a:only-child:after {
    content: "";
}

ul.nav-menu>li>ul>li>a .fa,
ul.nav-menu>li>ul>li>ul>li>a .fa,
ul.nav-menu>li>ul>li>ul>li>ul>li>a .fa {
    position: relative;
    width: 24px;
}

ul.nav-menu>li.nav-menu-right>ul {
    right: 0;
}


/* DEVICES EXCEPT MOBILE */

@media(min-width:1229px) {

    /* Transparent */
    div.vnav-wrapper.nav-menu-transparent {
        background: none;
    }

    div.vnav-wrapper.nav-menu-transparent>ul.nav-menu>li.nav-active-menu-item>a {
        background: none;
    }

    div.vnav-wrapper.nav-menu-transparent>ul.nav-menu>li:hover>a,
    div.vnav-wrapper.nav-menu-transparent>ul.nav-menu>li>a:hover {
        background: none;
        color: #e2e2e2;
    }

    /* Full Width */
    div.vnav-wrapper.nav-menu-full-width {
        width: 100%;
    }

    div.vnav-wrapper.nav-menu-full-width>ul.nav-menu {
        width: 1228px;
        margin: 0 auto;
    }

    /* MEGA MENU --> HIDE ON NON-MOBILE */
    ul.nav-menu>li.nav-menu-mega>div,
    ul.nav-menu>li.nav-menu-list>div {
        /* hide */
        visibility: hidden;
        opacity: 0;
        display: none;
    }


    ul.nav-menu>li.nav-active-menu-item>div {
        visibility: visible;
        opacity: 1;
        display: block;
        height: 494px;
    }

    ul.nav-menu>li.nav-active-menu-item#products>div {
        height: 620px !important;
    }

    ul.nav-menu>li.nav-active-menu-item#solutions>div {
        height: 550px !important;
    }

    /* MEGA MENU --> SHOW ON NON-MOBILE 
        ul.nav-menu>li.nav-menu-mega:hover>div,
        ul.nav-menu>li.nav-menu-list:hover>div {
            visibility: visible;
            opacity: 1;
        } */

    /* TOGGLE BUTTON --> HIDE ON NON-MOBILE */
    .nav-wrapper .visible-xs {
        visibility: hidden !important;
        position: absolute;
    }

    /* MEGA MENU -->  */
    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>div {
        visibility: hidden;
        opacity: 0;
    }

    /*
         
        ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li:first-of-type>div {       
            visibility: visible;
            opacity: 1;
        } */

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li.nav-active-menu-item>div {
        visibility: visible;
        opacity: 1;
    }


    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li:hover>div {
        visibility: visible;
        opacity: 1;
        z-index: 101;
    }


    ul.nav-menu>li.has-child-menu>a:after {
        /* css down-arrows if has child item */
        content: "";
        width: 22px;
        height: 15px;
        display: inline-block;
        background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        left: 10px;
        top: 10px;
        filter: brightness(0) invert(1);
        transform: rotate(90deg);

    }

    ul.nav-menu>li.has-child-menu.nav-active-menu-item>a:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: -2px;
    }

    ul.nav-menu>li>ul>li>a:after,
    ul.nav-menu>li>ul>li>ul>li>a:after,
    ul.nav-menu>li>ul>li>ul>li>ul>li>a:after {

        width: 18px;
        height: 13px;
        display: inline-block;
        background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 15px;
    }

    ul.nav-menu>li>ul>li:hover>a:after,
    ul.nav-menu>li>ul>li>ul>li:hover>a:after,
    ul.nav-menu>li>ul>li>ul>li>ul>li:hover>a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    ul.nav-menu>li>ul>li.vnav-open-to-left>a:after,
    ul.nav-menu>li>ul>li>ul>li.vnav-open-to-left>a:after,
    ul.nav-menu>li>ul>li>ul>li>ul>li.vnav-open-to-left>a:after {
        /* css down-arrows if has child item */
        content: 'f104';
        right: auto;
        left: 10px;
    }

    ul.nav-menu>li>ul>li.vnav-open-to-left:hover>a:after,
    ul.nav-menu>li>ul>li>ul>li.vnav-open-to-left:hover>a:after,
    ul.nav-menu>li>ul>li>ul>li>ul>li.vnav-open-to-left:hover>a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

}

 /**************Transition*********************************************/

 span.vnav-dropdown-toggle {
     transition: transform 0.3s ease;
 }

 span.vnav-dropdown-toggle:after {
     transition: transform 0.3s ease;
 }

/*change to 980? >>>>>>*/

 @media(min-width:1228px) {

    /* Arrows ransition*/
     ul.nav-menu>li>a:after {
         transition: all 0.3s ease;
     }

     ul.nav-menu>li>ul>li>a:after,
     ul.nav-menu>li>ul>li>ul>li>a:after,
     ul.nav-menu>li>ul>li>ul>li>ul>li>a:after {
         transition: all 0.3s ease;
     }
 }

/***Menu Styles - from Code module in Header***/
 .search-column .et_pb_search {
    border: 0px !important;
    }
  .search-column input[type=text] {
    border-width: 0px 0px 1px 0px !important;
    border-radius: 5px !important;
  }
  input.site_search_bar:focus {    
    border-bottom: 1px solid #ffffff !important;
    }
  .search-column .et_pb_module:nth-child(1) {   
    width: 100% !important;
  }
  .search-column .et_pb_module {    
    margin-bottom: 0px !important;
  }
  .search-column .search-box-module {
    width: 100%;
  }
  input.site_search_bar {
    color: #fff !important;
    border-bottom: 1px solid #fff;
    -webkit-appearance: none !important;
    background: transparent !important;
    display: inline-block !important;
    flex: 1 !important;
    min-width: 0 !important;
    padding: .715em !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: normal !important;
  }
  input.site_search_bar::placeholder {
    color: #fff !important;
  }
    div.search-signin-module{
      min-width:    170px;
    }
    div.search-column{
      display:flex;
    }
    .search-box-module{
      display:inline-block;
      width:70%;
      top:-100px;
      transition: all 0.3s linear;
    }
    .search-signin-module{
      display:inline-block;
      width:24%;
    }
    div.search-signin-module div.et_pb_code_inner {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: end;
  }
    
    div.search-signin-container {
      display: flex;
      justify-content: end;
    }
    div.signin-link{
      display:inline-block;
    }
    div.signin-link a{
      color: #3F9B63;
      font-size: 12px;
      font-weight: bold;
    }
    div.search-icon{
      width:17px;
      display:inline-block;
      margin-right:15px;
      margin-top:1px;
      padding-top:4px;
    }
    div.search-icon:hover{
      cursor:pointer;
    }
  .et_pb_search {
    border:1px solid #fff;
  }
  .et_pb_search input.et_pb_s,
 .et_pb_search placeholder {
    color:#fff;
   height: auto !important;
  }
    
        div.company-code-container{
          display: flex;
          align-items:center;
      }
      div.nv-direct-desk{
          cursor: pointer;
          z-index: 99;
          padding-right: 10px;
      }
      div.nv-direct-desk div.nav-label-container{
          font-weight: 700;
          font-size: 12px!important;
          font-family: Open Sans;
          display:flex;
      }
      div.nv-direct-desk div.nav-label-container svg {
        width:22px;
        fill:#eeeeee;
      }
      div.nv-direct-menu{
          min-width:242px;
          position: absolute;
          top: 50px;
          left: -40px;
          box-shadow: 1px 3px 6px 0px rgb(0 0 0 / 16%);
          background-color: white;
          z-index: 99;
          padding: 10px;
      }
      div.nv-direct-menu ul{
          padding: 0;
      }
      div.nv-direct-menu li{
          list-style-type: none;
          padding: 5px 10px;
          margin: 5px 0px;
      }
      div.nv-direct-menu li img{
          max-width: 22px;
          max-height: 22px;
          display: inline-block;
          margin-right: 5px;
      }
      div.nav-label {
        color:#eee;
      }
      .nav-none {
        display:none;
      }
      div.nv-direct-menu li a{
          display: flex;
          color: #666;
          font-weight:700;
          font-size: 14px;
      }
      div.nv-direct-menu li:hover{
      background: #e7f1fb;
      border-radius: 0px 10px 10px 0px;
      }
      div.nv-direct-menu li:hover a{
          color: #1976d2;
      }
      
      div.nav-direct-menu li>a p::after {
      content: "";
      width: 22px;
      height: 15px;
      display: inline;
      background-image: url(/wp-content/uploads/arrow-icon.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      left: 0px;   
  
      }
 /*End Menu Styles*/     

/*****MOBILE MENU****/

@media(min-width:1229px) {

    /* 
      .et_pb_section_0_tb_header.et_pb_section.top-pre-navigation {
        padding:0px calc((100vw - 1200px)/2);
    } */

  a.nav-col-6.nav_item.ml-link,
  .nav-col-6.nav_item.er-link {
    margin-top:0px;    
  }
  
    ul.nav-menu>li>a:only-child.ai-tools {
        padding-bottom: 9px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li:hover::after {
        content: "";
        width: 22px;
        height: 15px;
        display: inline-block;
        background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: 80%;
        margin-top: 7px;
        filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
    }


    .nav-wrapper {
        height: 60px;
    }

    .submenu-show {
        display: block !important;
    }

    .desk-none {
        display: none;
    }

    ul.nav-menu>li>a.ai-tools::after {
        content: 'New';
        height: 20px;
        background-color: #1976D2;
        color: white;
        padding: 3px 8px 3px 8px;
        border-radius: 12px;
        top: 12px;
        font-weight: 600;
        font-size: 12px;
        margin-left: 5px;
    }

    a.menu-list-item::after {
        content: "";
        width: 22px;
        height: 15px;
        display: flex;
        background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: 248px;
    }

    div.nav-grid>div.nav-row div.nav-col-7#bcp-col {
        height: auto !important;
        min-height: 631px; /*match height to menu container*/
    }

    div.nav-grid>div.nav-row div.nav-col-7#customer-col {
        height: auto !important;
        min-height: 600px;
    }

    div.nav-grid>div.nav-row div.nav-col-7#role-col {
        height: auto !important;
        min-height: 600px;
    }

    div.nav-grid>div.nav-row div.nav-col-7#community-col,
    div.nav-grid>div.nav-row div.nav-col-7#support-col {
        min-height: 600px;
    }

    ul.nav-menu>li.nav-active-menu-item>div {
        min-height: 463px;
    }

}

/* MEDIA QUERY --> SMALL DEVICES */

@media(max-width:1228px) {

    /* mobile search styles for blog nav mobile layout*/

    .mob-search {
        width: 250px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        border-radius: 4px;
        padding: 0px 15px !important;
    }

    .mob-search form {
        height: 40px;
    }

    div.mob-search:after {
        margin-top: 7px;
    }

    input[type=text] {
        padding: 10px 5px;
        border: none;
        background-color: #fff;
    }

    .mob-search input[type=submit] {
        opacity: 0;
    }

    div.mob-search:after {
        margin-bottom: 10px !important;
    }


    .et_pb_search_1_tb_header placeholder,
    .et_pb_search_1_tb_header input.et_pb_s {
        color: #fff !important;
    }

    .et_pb_search_1_tb_header {
        border: 1px solid #fff;
    }
  .nav-col-category .nav-col-6 {
    min-height: 60px;
  }

    div.nav-grid ul.cat-list-list li {
        width: 100%;
    }

    /*  div.nav-grid ul.cat-list-list li:hover::after {
        left:90%;
    } */
    div.nav-grid .nav-mid-col ul.cat-list-list li {
        max-width: 100%;
        padding: 0px 5px 0px 0px;
        /*changed from top 15px to 0px*/
        height: 60px;
    }

    ul.cat-list-list li a.cat-list-item {
        display: block;
    }


    div.nav-grid .nav-mid-col ul.cat-list-list li:hover a::after {
        filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li:hover::after {
        display: none;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        content: "";
        width: 22px;
        height: 15px;
        display: inline-block;
        background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: 97%;
        margin-top: 7px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li.blue-list::after {
        display: none;
    }

    ul.nav-menu>li>a.ai-tools::after {
        content: 'New';
        height: 20px;
        background-color: #1976D2;
        color: white;
        padding: 3px 8px 3px 8px;
        border-radius: 12px;
        top: 12px;
        font-weight: 600;
        font-size: 12px;
        margin-left: 5px;
    }


    div.nav-grid ul.cat-list-list li.blue-list:hover {
        background: transparent;
        border-radius: 0px 10px 10px 0px;
    }

    div.nav-grid .nav-end-col ul.cat-list-list li {
        max-width: 250px;

    }

    h3.sidebar-heading {
        margin-left: 30px;
        text-transform: uppercase;
        font-size: 14px;
        padding: 20px 0px;
    }

    li.desk-none>h3.sidebar-heading {
        margin-left: 0px;
        text-align: center;
    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav {
        margin-left: 0px;
    }

    /*
        div.bottom-logo-bar  {
            display:none;
        } */

    div.bottom-logo-bar div.integrations {
        padding-left: 10px;
    }

    li:not(#resources) div.bottom-logo-bar div.dev-resources {
        display: none;
    }

    li#resources div.bottom-logo-bar div.dev-resources {
        display: flex;
        width: 100%;
        padding-left: 10px;
    }

    li#resources div.bottom-logo-bar div.integrations {
        display: none;
    }

    div.bottom-logo-bar div.logo-second-col {
        display: none;
    }

    div.bottom-logo-bar {
        background: #fff;
        width: 92%;
        height: 60px;
        margin: 0px auto 0 auto;
        position: relative;
        padding: 8px 0px 0px 0px;
    }

    div.bottom-logo-bar a {
        font-size: 14px;
        font-weight: 500;
    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>div {
        margin-top: 0px;
    }

    div.nav-grid>div.nav-row div.nav-col-7 {
        border-left: none;
    }

    .mid-cat-heading.featured {
        margin-top: 20px;
    }

    div.nav-grid a.cat-list-item {
        font-size: 14px;
    }

    div.nav-grid>div.nav-row>[class^="nav-col"].nav-end-col {
        display: none;
    }

 /*   .et_pb_section_0_tb_header.et_pb_section {
        display: none;
    }*/

    .desk-none {
        display: block;
    }

    .mob-none {
        display: none;
    }

    div.nav-grid>div.nav-row div.nav-col-7,
    div.nav-grid>div.nav-row div.nav-col-5 {
        height: auto !important;
    }

    div.nav-grid>div.nav-row div.nav-col-7#bcp-col,
    div.nav-grid>div.nav-row div.nav-col-7#type-col {
        height: auto !important;
        min-height: 350px;
    }

    div.nav-grid>div.nav-row div.nav-col-7#customer-col {
        height: auto !important;
        min-height: 400px;
    }

    div.nav-grid>div.nav-row div.nav-col-7#role-col {
        height: auto !important;
        min-height: 450px;
    }

    div.nav-grid>div.nav-row div.nav-col-7#community-col,
    div.nav-grid>div.nav-row div.nav-col-7#support-col {
        height: auto !important;
        min-height: 260px;
    }

    ul.nav-menu>li>a.ai-tools {
        padding-right: 0px;
    }

    .blue-list {
        margin: 20px 0px 50px 0px;
    }

    ul.nav-menu>li>a:hover,
    ul.nav-menu>li:hover>a,
    ul.nav-menu>li.nav-active-menu-item>a:hover,
    ul.nav-menu>li.nav-active-menu-item:hover>a {
        border-bottom: none;
    }

    ul.nav-menu>li>a.ai-tools:hover {
        border-bottom: 1px solid #fff;
    }

    .nav-menu .vnav-mobile-sublevel-show {
        padding-top: 10px;
        margin-top: -5px;
    }

    li.nav-menu-list#company>div>ul.nav-menu-list-nav {
        padding-top: 20px;
    }

    li#company ul li {
        height: 60px;
    }

    li.nav-menu-list#company>a {
        padding: 0px 10px;
        border-bottom: none;
    }

    .button-container .sign-in-header {
        border: none;
        background: rgba(0, 0, 0, 0);
        padding: 4px 9px;
        color: #3F9B63 !important;
        font-weight: 600;
        text-transform: none;
        font-size: 14px;
    }

.nav-wrapper ul.nav-menu>li>a.nav-cta-btn {
        width: 184px;
        text-align: center;
        margin-top: 30px;
        padding: 10px 34px;
        margin-right: auto;
        margin-left: auto!important;
        border-bottom: none;
    }

    ul.nav-menu>li:has(a.only-child) {
        /* width:95%;
        margin:0 auto;*/
        padding-right: 0px;
    }

    .button-container .sign-in-header>a {
        color: #3F9B63 !important;
    }

    .button-container .sign-in-header>img {
        max-width: 22px;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    div.nav-grid img.cat-icon {
        width: 20px;
        height: 20px;
        top: 0px;
        right: 10px;
        margin-left: -10px;
    }

    .nav_logo {
        margin-left: 30px;
    }

    div.nav-wrapper>ul {
        position: relative;
        padding: 10px 0px 0px 0px;
        margin-top: -5px;
        margin-left: 0px;
        background: #072337; /*navy*/

    }

    /*Nav grid - Feb 01-*/
    .nav-col-category .nav-col-cat-col-right {
        margin-left: 0px;
    }

    .intro-text {
        padding: 12px 25px;
    }

    .mid-col-intro .button-container {
        display: none;
    }

    a.blue_link {
        margin-top: 30px;
    }
  
    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li.nav-active-menu-item>a,
    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li:hover>a {
        background: #fff;
        border-radius: 0px;
    }

    ul.nav-menu>li {
        float: left;
    }

    div.nav-wrapper .hidden-xs {
        visibility: hidden;
        display: none;
    }

    div.vnav-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        background: #111;
    }

    .nav-wrapper .visible-xs {
        visibility: visible;
        position: absolute;
        right: 20px;
        /* right:0px; */
        top: -10px;
    }

    /* Menu 1ST LEVEL */
    div.nav-wrapper>ul {
        position: absolute;
        top: 40px;
        width: 100%;
    }

    ul.nav-menu>li>a,
    ul.nav-menu>li>a:hover,
    ul.nav-menu>li:hover>a,
    ul.nav-menu>li.nav-active-menu-item>a {
        border-bottom: 1px solid #fff;
    }

    a.nav-label.menu-list-item h3::after {
        display: none;
    }

    /* Menu 2ND LEVEL */
    ul.nav-menu>li>ul,
    ul.nav-menu>li>ul>li>ul,
    ul.nav-menu>li>ul>li>ul>li>ul {
        position: relative;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: none;
    }

    ul.nav-menu>li,
    ul.nav-menu>li>ul>li,
    ul.nav-menu>li>ul>li>ul>li,
    ul.nav-menu>li>ul>li>ul>li>ul>li {
        position: relative;
    }

    /* MEGA MENU  */
    ul.nav-menu>li.nav-menu-mega,
    ul.nav-menu>li.nav-menu-list {
        position: relative;
        width: 100%;
    }

    ul.nav-menu>li.nav-menu-list>a,
    ul.nav-menu>li.nav-menu-list>a:hover,
    ul.nav-menu>li.nav-menu-list>a:focus,
    ul.nav-menu>li.nav-menu-list>a:active {
        margin: 0px 20px;
        border-bottom: 1px solid #fff;
        height: 60px;
        padding-top: 7px;
    }

    ul.nav-menu>li.nav-menu-mega>div,
    ul.nav-menu>li.nav-menu-list>div {
        position: relative;
        top: auto;
        left: auto;
        border-top: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    /* MEGA MENU GRID */
    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav {
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
        padding: 0;
    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li {
        position: relative;
        background: #fff;
        width: 100%;
    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>h3 {
        line-height: 15px;
        padding: 0px 0px 0px 30px;
        /*changed padding for blog nav*/
        width: 100%;
        /*margin-top:-20px;*/
    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li:hover>a {
        background: #e7f1fb;
        border-radius: 0px 10px 10px 0px;
    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a:active h3 {
        color: #1976d2;
    }

    /* 
      a.nav-label.menu-list-item h3 {
        padding-bottom:20px;
      } */

    .mob-none,
    .box_link_container.mid_col_intro {
        display: none;
    }

    div.nav-grid>div.nav-row>[class^="nav-col"] [class^="nav-col"].nav-col-category {
        padding: 10px 15px 30px 30px;
        flex-direction: column;
    }

    div.nav-grid>div.nav-row>[class^="nav-col"] [class^="nav-col"].nav-col-category a {
        padding: 15px 0px 15px 10px;
        width: 100%;
    }

    .nav-col-category .nav-col-cat-col-left {
        margin-right: 0px;
    }


    .nav-col-7 .nav-mid-col {
        height: auto;
        padding-top: 30px;
    }

    div.nav-grid>div.nav-row div.nav-col-6 {
        padding: 0;
    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>div {
        position: relative;
        width: 100%;
        min-height: auto;
        left: auto;
        top: auto;
        z-index: auto;
        background: #f5f9fd;
        border-top: 2px solid #BAD6F2;
        border-bottom: 2px solid #BAD6F2;
    }

    /* ENU DROPDOWN TOGGLE - MOBILE */

    span.vnav-dropdown-toggle {
        position: absolute;
        width: 50px;
        height: 50px;
        max-width: 50px;
        max-height: 50px;
        right: 0;
        top: 0;
        padding: 10px 17px;
        z-index: 1000000;
        cursor: pointer;
    }

    a.only-child~span.vnav-dropdown-toggle {
        display: none;
    }

    span.vnav-dropdown-toggle:after {
        /* css + sign if has child item */
        content: "+";
        width: 22px;
        display: inline;
        color: #ffffff;
        font-size: 20px;
        position: absolute;
        right: 20px;
        top: 17px;
    }

    span.vnav-dropdown-toggle-rotate {
        transform: rotate(45deg);
        top: 10px;
    }

    #company .nav-menu-list-nav span.vnav-dropdown-toggle-rotate {
        transform: rotate(0deg);
        top: 10px;
    }

    #company .nav-menu-list-nav span {
        display: none;
        /*  content: "";
        width: 22px;
        height: 15px;
        display: inline;
        color:#555555;
        background-image: url(/wp-content/uploads/2025/01/arrow-icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 20px;
        top: 15px; */
    }

    #company .nav-menu-list-nav li a:after {
        content: "";
        width: 22px;
        height: 15px;
        display: inline;
        color: #555555;
        background-image: url('/wp-content/uploads/2025/01/arrow-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 20px;
        top: 15px;
    }

    /* css arrows for sub level item */
    .nav-grid-lined~span.vnav-dropdown-toggle:after {
        content: "";
        width: 22px;
        height: 15px;
        display: inline;
        color: #555555;
        background-image: url(/wp-content/uploads/2025/01/arrow-icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 20px;
        top: 15px;

    }

    .nav-grid-lined~span.vnav-dropdown-toggle:hover:after,
    #company .nav-menu-list-nav span.vnav-dropdown-toggle:hover:after {
        filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);

    }

    #company span.sublevel-one-toggle-rotate {
        display: none;
        /*
        transform: rotate(0deg);       
        filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
        top:0px;
        right:0px; */
    }

    span.sublevel-one-toggle-rotate {
        transform: rotate(90deg);
        filter: invert(38%) sepia(91%) saturate(893%) hue-rotate(180deg) brightness(86%) contrast(94%);
        top: 10px;
        right: 15px;
    }


    ul.nav-menu>li>a:before,
    ul.nav-menu>li>ul>li>a:before,
    ul.nav-menu>li>ul>li>ul>li>a:before,
    ul.nav-menu>li>ul>li>ul>li>ul>li>a:before,
    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a:before {
        content: "";
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
    }

    ul.nav-menu>li>a.ai-tools::before {
        width: 25px;
        height: 25px;
        position: relative;
        right: 0;
        top: 5px;
        background-repeat: no-repeat;
    }


    ul.nav-menu>li>a.ai-tools::after {
        content: 'New';
        height: 20px;
        background-color: #1976D2;
        color: white;
        padding: 3px 8px 3px 8px;
        border-radius: 12px;
        top: 12px;
        font-weight: 600;
        font-size: 12px;
        margin-left: 5px;
    }


    /*MENU HIDE/SHOW SUBMENUS - MOBILE */
    ul.nav-menu>li>ul>li>ul>li>ul,
    ul.nav-menu>li>ul>li>ul,
    ul.nav-menu>li>ul,
    ul.nav-menu {
        max-height: 0;
        transform: scaleY(0);
        overflow: hidden;

    }

    ul.nav-menu>li>ul.vnav-mobile-sublevel-show,
    ul.nav-menu>li>ul>li>ul.vnav-mobile-sublevel-show,
    ul.nav-menu>li>ul>li>ul>li>ul.vnav-mobile-sublevel-show,
    ul.nav-menu.vnav-mobile-sublevel-show {
        transform: scaleY(1);
        /* max-height: calc(100vh) !important;*/
        min-height: calc(100vh) !important;
        overflow-y: scroll;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */

    }

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>div.vnav-mobile-sublevel-show::-webkit-scrollbar {
        display: none;
    }

    body::-webkit-scrollbar {
        display: none;
    }


    /* vnav CONTENT GRID */
    div.nav-grid>div.nav-row div.nav-row [class^="nav-col"] {
        margin-top: 0;
    }

    div.nav-grid>div.nav-row div.nav-row:first-of-type [class^="nav-col"] {
        margin-top: 0;
    }

    div.nav-grid.nav-grid-lined>div.nav-row:after {
        height: 0;
    }

    div.nav-grid>div.nav-row>[class^="nav-col"] {
        padding: 0;
    }

    div.nav-grid>div.nav-row>[class^="nav-col"] [class^="nav-col"] {
        padding-left: 0;
    }

    div.nav-grid>div.nav-row div.nav-col-1,
    div.nav-grid>div.nav-row div.nav-col-2,
    div.nav-grid>div.nav-row div.nav-col-3,
    div.nav-grid>div.nav-row div.nav-col-4,
    div.nav-grid>div.nav-row div.nav-col-5,
    div.nav-grid>div.nav-row div.nav-col-6,
    div.nav-grid>div.nav-row div.nav-col-7,
    div.nav-grid>div.nav-row div.nav-col-8,
    div.nav-grid>div.nav-row div.nav-col-9,
    div.nav-grid>div.nav-row div.nav-col-10,
    div.nav-grid>div.nav-row div.nav-col-11,
    div.nav-grid>div.nav-row div.nav-col-12 {
        width: 100%;
        height: auto;
    }

    div.nav-grid>div.nav-row div.nav-col-1,
    div.nav-grid>div.nav-row div.nav-col-2,
    div.nav-grid>div.nav-row div.nav-col-3,
    div.nav-grid>div.nav-row div.nav-col-4,
    div.nav-grid>div.nav-row div.nav-col-5,
    div.nav-grid>div.nav-row div.nav-col-6,
    div.nav-grid>div.nav-row div.nav-col-7,
    div.nav-grid>div.nav-row div.nav-col-8,
    div.nav-grid>div.nav-row div.nav-col-9,
    div.nav-grid>div.nav-row div.nav-col-10,
    div.nav-grid>div.nav-row div.nav-col-11,
    div.nav-grid>div.nav-row div.nav-col-12 {

        padding: 0;
    }

    div.nav-grid.nav-grid-lined>div.nav-row>div[class^="nav-col"]:after {
        width: 0px;
    }

    div.nav-grid img {
        position: relative;
        max-width: 100%;
        height: auto;
        display: block;
    }

/* Hamburger icon - mobile */
        .c-hamburger {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                overflow: hidden;
                margin: 0;
                padding: 0;
                width: 40px;
                height: 40px;
                font-size: 0;
                text-indent: -9999px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                box-shadow: none;
                border-radius: none;
                border: none;
                cursor: pointer;
                -webkit-transition: background 0.3s;
                transition: background 0.3s;
        }
        .c-hamburger:focus {
                outline: none;
        }
        .c-hamburger span {
                display: block;
                position: absolute;
                top: 20px;
                left: 5px;
                right: 5px;
                height: 2px;
                background: white;
        }
        .c-hamburger span::before,
        .c-hamburger span::after {
                position: absolute;
                display: block;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: #fff;
                content: "";
        }
        .c-hamburger span::before {
                top: -10px;
        }
        .c-hamburger span::after {
                bottom: -10px;
        }
        /**
       * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
       * down to center and transform into an "x".
       */
        .c-hamburger--htx {
                background-color: var(--dark-bg);
        }
        .c-hamburger--htx span {
                -webkit-transition: background 0s 0.3s;
                transition: background 0s 0.3s;
        }
        .c-hamburger--htx span::before,
        .c-hamburger--htx span::after {
                -webkit-transition-duration: 0.3s, 0.3s;
                transition-duration: 0.3s, 0.3s;
                -webkit-transition-delay: 0.3s, 0s;
                transition-delay: 0.3s, 0s;
        }
        .c-hamburger--htx span::before {
                -webkit-transition-property: top, -webkit-transform;
                transition-property: top, transform;
        }
        .c-hamburger--htx span::after {
                -webkit-transition-property: bottom, -webkit-transform;
                transition-property: bottom, transform;
        }
        /* active state, i.e. menu open */
        .c-hamburger--htx.is-active {
                background-color: #384F5F;
                border-radius: 50px 0px 0px 50px;
                width: 60px;
        }
        .c-hamburger--htx.is-active span {
                background: none;
                width: 30px;
                margin-left: 10px
        }
        .c-hamburger--htx.is-active span::before {
                top: 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        }
        .c-hamburger--htx.is-active span::after {
                bottom: 0;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        }
        .c-hamburger--htx.is-active span::before,
        .c-hamburger--htx.is-active span::after {
                -webkit-transition-delay: 0s, 0.3s;
                transition-delay: 0s, 0.3s;
        }
        /* Reset transparent menu active menu item padding */
        /* Reset transparent menu active menu item padding */
        div.vnav-wrapper.nav-menu-transparent>ul.nav-menu>li.nav-active-menu-item>a {
        div.vnav-wrapper.nav-menu-transparent>ul.nav-menu>li.nav-active-menu-item>a {
                padding-left: 45px;
                padding-left: 45px;
        }
        }}



    div.nav-grid>div.nav-row::after {
        content: "";
        display: table;
        clear: both;
    }

    /* Reset transparent menu active menu item padding */
    div.vnav-wrapper.nav-menu-transparent>ul.nav-menu>li.nav-active-menu-item>a {
        padding-left: 45px;
    }

@media (max-width:980px) {
    .post-template-default.single .post {
padding-bottom:8px !important;   /*default post spacing*/
}

    ul.nav-menu>li,
    ul.nav-menu>li.nav-menu-right {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .marketplace-products::before, .marketplace-products::after {
        display: none;
    }

}

@media (min-width:981px) and (max-width:1228px) {
    ul.nav-menu {}

    ul.nav-menu>li,
    ul.nav-menu>li.nav-menu-right {
        float: none;
        width: 96%;
        margin: 0 auto;
    }


    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
        line-height: 15px;
        padding: 10px 0px 10px 5px;
        width: 96%;
        margin-left: 25px;
    }

}

@media (min-width:1151px) and (max-width:1228px) {

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 97%;
    }

}


@media (min-width:981px) and (max-width:1150px) {

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 97%;
    }

}

@media (min-width:601px) and (max-width:980px) {

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
        line-height: 15px;
        padding: 10px 0px 10px 5px;
        width: 95%;
        margin-left: 25px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 97%;
    }

}

@media (min-width:461px) and (max-width:600px) {

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
        line-height: 15px;
        padding: 10px 0px 10px 5px;
        width: 92%;
        margin-left: 25px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 95%;
    }

}

@media (max-width:460px) {

    ul.nav-menu>li.nav-menu-list>div>ul.nav-menu-list-nav>li>a {
        line-height: 15px;
        padding: 10px 0px 10px 5px;
        width: 90%;
        margin-left: 25px;
    }

    div.nav-grid .nav-mid-col ul.cat-list-list li a::after {
        left: 92%;
    }
}
/****END MOBILE MENU****/

/* footer */
footer.et-l.et-l--footer{
    z-index: 0;
    position: relative;
}
/* */
@media(min-width:981px){
#horizontal-tabs .dipl_single_tab_content .et_pb_row {
    min-height: 510px ! IMPORTANT;
}
}
/**Horizontal tabs - responsive design**/
  .responsive-section {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
  }

  .responsive-column {
    flex: 1 1 50%;
   /* min-width: 300px;*/
  }

  .responsive-column img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  @media (max-width: 768px) {
    .responsive-section {
      flex-direction: column !important;
    }
  }

.tab-h3 {
    color: #fff;
    font-weight: 700;
}

.dark-tab-h3 {
    font-weight:700;
}

/**Equal Height Events Slider*/
.acf-events-slider .event-slide {
    position: relative; /* Required for absolute positioning of content */
}

.acf-events-slider .event-info {
    /* fixed height for content */
    height: 250px; /* Adjust this value as needed! */
    overflow: hidden; /* prevents content from overflowing the container */
}

.slick-slide img {
    display: inline; /*display recurring icon beside date*/
}

.acf-events-slider .event-image img {
  width: 100%;
  height: auto;
  object-fit: cover; /* Ensure the image fills the container while maintaining aspect ratio (cropping if needed) */
}

 .acf-events-slider.slick-slider {
    position: relative; /* Needed for absolute positioning of arrows/dots */
    width: 100%;
    margin: 0 auto;
    overflow: visible;   /* overflow: visible; is KEY for dots visibility */
    min-height: 350px; /* Keep min-height for container */
     padding: 10px 10px 5px 10px; /* Debug padding for main container */
}

.acf-events-slider .slick-arrow {
    position: absolute;      /* Absolute position RELATIVE TO .acf-events-slider */
    top: auto;               /* Override vertical centering */
    bottom: 0px;            /* ✅ Align arrows to the BOTTOM of slider container */
    z-index: 10;
    cursor: pointer;
    color: #555;
    /* transform: translateY(-50%); REMOVE vertical centering transform */
}

.acf-events-slider .slick-prev {
  left: calc(68% - 320px);  /* ✅ NEW - Position left using calc() */}
  
.acf-events-slider .slick-next {
    right: calc(68% - 300px); /* ✅ NEW - Position right using calc() */
  
}

/* 6. Dots Navigation - Positioned Below, Adjust Width and Margin (No Changes) */

  ul.slick-dots {
    padding:0;
  }

  @media (max-width: 1230px) {
    .acf-events-slider .slick-next {
    right: calc(68% - 260px);
}
    .acf-events-slider .slick-prev {
    left: calc(68% - 275px);
}
  }
@media (max-width: 600px) {
    .acf-events-slider .slick-prev {
  left: calc(125% - 320px);  /* ✅ NEW - Position left using calc() */}
  
.acf-events-slider .slick-next {
    right: calc(125% - 300px); /* ✅ NEW - Position right using calc() */
  
    }}
/****Event Category Filter****/
.event-category-filter {
    width:100%;
    position: relative; /* ✅ Add position: relative to container - Positioning context */
}

.event-category-filter h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #555;
}

/* Default list styling (Desktop) */
.event-category-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block; /* Show list on desktop by default */
}

.event-category-filter li {
    margin-bottom: 5px;
}

.event-category-filter a {
    display: block;
    padding: 2px 10px;
    text-decoration: none;
    border-radius: 20px;
    transition: background-color 0.2s ease;
    font-size: 16px;
    font-weight: 400;
    color: #555;
}

.event-category-filter a:hover {
    background-color: #ECF5F0;
    color: #3f9b63;
}

.event-category-filter a.active {
    background-color: #ECF5F0;
    color: #3f9b63;
}

/* Dropdown styling (Tablet and Mobile) - Positioning Adjustments */


/* Style the dropdown list when it's OPEN (expanded) */
.event-category-filter select:focus { /* or :active, adjust as needed */
    outline: none; /* Remove default focus outline if you want */
    border-color: #66afe9; /* Example: Highlight border on focus */
    box-shadow: 0 0 5px rgba(81, 203, 238, 0.5); /* Example: Add a focus shadow */
    z-index: 10; /* ✅ Ensure dropdown list is above other content when open */ /* ADDED z-index */
    position: absolute; /* ✅ Absolute positioning for dropdown list */ /* NEW - position: absolute; */
    top: 100%;         /* ✅ Position list directly below dropdown box */       /* NEW - top: 100%; */
    left: 0;
    width: 100%;       /* Match width of dropdown box */                      /* NEW - width: 100%; */
    background-color: white; /* Match background of dropdown box or set as desired */ /* Optional background */
    border: 1px solid #ccc; /* Optional border for the list */              /* Optional border */
    border-top: none;      /* Remove top border to visually connect to dropdown box */ /* Optional border */
    border-radius: 0 0 5px 5px; /* Match bottom border radius */           /* Optional border */
    margin-top: -1px;       /* Slightly overlap to remove double border effect */ /* Optional - adjust if needed */
    box-sizing: border-box; /* Ensure padding and border are included in width */  /* Optional - good practice */
    padding-top: 10px;     /* Add padding to the dropdown list */              /* Optional padding */
    padding-bottom: 10px;    /* Add padding to the dropdown list */              /* Optional padding */
    display: block;         /* Ensure it's displayed as a block element */        /* Ensure display: block */
}
/* Dropdown styling (Tablet and Mobile) */

/* Hide dropdown on desktop */
@media (min-width: 769px) { /* Desktop and larger */
    .event-category-filter select {
        display: none; /* Hide dropdown on desktop */
    }
}

/* Hide list on tablet and mobile */
@media (max-width: 768px) { /* Tablet and mobile */
    .event-category-filter ul {
        display: none; /* Hide list on tablet/mobile */
    }
}
    color: #3f9b63; /* Green text color for the active item */
}
/**End Event Category Filter
.event-session-type {
     background: #E7F1FB;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 14px;
    color: #666;
}*/

.recurring-icon {
    margin-left: 5px; /* Spacing between the date and the icon */
    vertical-align: middle;
}

img.recurring-icon {
    font-size:18px;
    width: 16px !important;
}

.event-session-type {
    /* Add styling for the session type */
}

.event-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    gap: 10px;
    margin-bottom: 10px;
}

.event-date, .event-time, .event-category {
    background: #f4f4f4;
    padding: 5px 10px;
    border-radius: 5px;
}

/***Event Featured Image - 3 Across Grid***/
.acf-events-grid-featured-3col {
  display: flex;           /* Use flexbox for layout */
  flex-wrap: wrap;        /* Allow items to wrap to the next line */
  margin: 0 -10px;        /* Add horizontal spacing around the entire grid */
}
.acf-events-grid-featured-3col {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

/* Ensure each item takes up the correct width */
.acf-events-grid-featured-3col .event-grid-item {
    width: calc(33.333% - 20px);
    margin: 10px;
    box-sizing: border-box;
}
/*
.acf-events-grid-featured-3col .event-grid-item {
  width: calc(33.333% - 20px);*/ /* Each item takes up 1/3 of the width, minus spacing */
                                  /*
  margin: 10px;     
box-sizing: border-box;} */ /* Include padding and border in the element's total width */


.acf-events-grid-featured-3col .event-grid-item {
    padding:0; 
}
 
.acf-events-grid-featured-3col .event-meta, .acf-events-grid-featured-3col .event-grid-description {
    padding: 0 20px 15px 20px;
}

.acf-events-grid-featured-3col .event-grid-link {
    padding: 0 20px 30px 20px;
}

.acf-events-grid-featured-3col  .event-grid-item h3 {
    padding: 0 15px 0 15px;
}

.acf-events-grid-featured-3col a.event-link {
    padding: 0 15px 15px 15px;
}

@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    .acf-events-grid-featured-3col .event-grid-item {
        width: calc(100% - 20px); /* Make it a single column on smaller screens */
    }
    .event-grid-item h3 {
        font-size: 18px;
    }
}

.event-grid-layout .et_button_no_icon .et_pb_button {
    padding: 0 !important;
}


/*** EVENTS SLIDER ***/

.acf-events-slider {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.event-slide {
    display: flex; /* Arrange image and text in a row */
    flex-direction: row; /*Image and text horizontally*/
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    border: 1px solid #E0E0E0; /*light gray border*/
}

.event-image {
    flex: 0 0 40%; /* Image takes up 40% of the slide */
    max-width: 40%;
    margin-right: 20px; /* Space between image and text */
}

@media (max-width: 768px) {
    .event-image {
        max-width:100%;
        margin-right:0;
    }
}


.event-info {
    flex: 1; /* Info takes up the remaining space */
    padding: 0;
}

.event-meta {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap; /*Allows content to wrap to the next line*/
}

.event-date {
    background: #ECF5F0;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    color: #666;
}

.event-category, .event-session-type {
background: #E7F1FB; /*light blue*/    
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 13px;
    color: #666;
}

.event-date,.event-category, .event-session-type  {
            font-weight:400;
}

.event-description {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.event-link {
    display: inline-block;
   color:#3f9b63; /*green link*/
;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

.event-link:hover {
    text-decoration: none;
}

.event-info h3 {
    font-weight: 700;
    font-size: 22px;
    color: #555;
    padding-bottom: 16px;
}

/* Slick Slider Overrides */
.slick-dots {
    bottom: auto;
    text-align: center;
    position: relative;
}

.slick-next:before,
.slick-prev:before {
    color: #555;
}

.slick-prev {
    left: 10px;
    z-index: 1;
}

.slick-next {
    right: 10px;
}

.slick-next:before {
      font-family: 'ETmodules'; /* Use Divi's icon font */
    content: '35';
    font-size: 24px;
    color:#3f9b63; /*green*/
}

.slick-prev:before {
     font-family: 'ETmodules'; /* Use Divi's icon font */
    content: '34';
    font-size: 24px;
    color:#3f9b63; /*green*/
}

.slick-initialized .slick-slide {
    display: flex;
}

.acf-events-slider .slick-dots {
    display: block !important; /* Make sure the dots container is visible */
}

.acf-events-slider .slick-dots li {
    display: inline-block; /* Display dots horizontally */
    margin: 0 5px;         /* Spacing between dots */
}

.acf-events-slider .slick-dots li button {
    font-size: 0;           /* Hide default button text */
    width: 11px;           /* Dot width */
    height: 11px;          /* Dot height */
    border: 1px solid #999;  /* Border color */
    background-color: #fff; /* Dot background color */
    border-radius: 50%;       /* Make it a circle */
    cursor: pointer;         /* Change cursor on hover */
}

.acf-events-slider .slick-dots li.slick-active button {
    background-color: #3f9b63; /*green active dot*/
}

.acf-events-slider .slick-prev,
.acf-events-slider .slick-next {
    display: block !important; /* Make sure the arrows are visible */
    cursor: pointer;
}


.acf-events-slider .slick-dots li button {
    border: 1px solid #3f9b63; /*green*/
}
.slick-dots li button:before 
    {
        font-size:11px;
        line-height: 11px;
        width: 11px;
        height: 11px;
        position: absolute;
        content: none; /*remove additional dot*/
    }

.slick-dots li.slick-active button:before {
    color:#3f9b63; /*green*/
}

/*** EVENTS GRID ***/
.acf-events-grid {
    display: grid;
    gap: 20px; /* Spacing between grid items */
    margin-top: 30px; /* Space between slider and grid */
    grid-template-columns: repeat(2, 1fr); /* Two equal-width columns */
}

.event-grid-item {
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
    padding: 15px; /* Add padding to the entire grid item */
}

.event-grid-item:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow on hover */
}

.event-grid-item a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 0; /* Remove padding from the anchor itself */
}

/*  The image is no longer visible.  
.event-grid-image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.event-grid-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.event-grid-item:hover .event-grid-image img {
    transform: scale(1.1);
}
*/

.event-grid-item h3 {
    font-size: 21px;
      font-weight: 700;
      color: #555;
    margin: 10px 5px;
}

.event-grid-meta {
    display: flex;
    flex-wrap: wrap; /* Allows content to wrap to the next line */
grid-template-columns: repeat(2, 1fr); /* Two equal-width columns */

    gap: 10px;
    margin-bottom: 10px; /* Space between meta and description */
}

.event-grid-date {
    background: #E5F2E1;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    color: #666;
}

.event-grid-category {
    background: #E7F1FB; /*light blue*/
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 13px;
    color: #666;
}

.event-grid-item .event-grid-description {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-bottom: 15px; /* Space between description and button */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.event-grid-link {
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}
.event-grid-item a, .event-grid-item a:hover {
        color:#3f9b63; /*green link*/
}
    .event-grid-item a:hover {
        background: transparent;
    }

.event-grid-link:hover {
    background-color: #367c39;
    text-decoration: none;
}
/* Events Responsive Adjustment */
@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    .acf-events-grid {
        grid-template-columns: 1fr !important; /* Single column on smaller screens */
    }
    .event-grid-item h3, .event-info h3 {
        font-size: 18px;
    }
    .slick-initialized .slick-slide {
        display: block; /*fullwidth slider*/
    }
    .acf-events-slider .event-info {

    height: auto; 
    overflow: hidden; 
}
    
    .acf-events-grid-featured-3col .event-grid-item {
        width: 100% !important; /*fullwidth on-demand and webinar events*/
    }
}
/* Responsive Adjustment 
/*** END EVENTS GRID ***/

.dipl_image_card_carousel_0 .dipl_image_card_carousel_item .dipl_image_card_inner_content_wrapper,
.dipl_image_card_carousel_1 .dipl_image_card_carousel_item .dipl_image_card_inner_content_wrapper {
    justify-content: flex-start !important;
}


/* horizontal tabs */
/* horizontal tabs */
.scroll-tab .dipl_tabs_controls .dipl_tabs_item_title img {
  margin-right: 5px !important;
}

.scroll-tab .dipl_tabs_controls .dipl_tabs_item_title_inner_wrap {
  padding: 5px 10px !important;
}

.scroll-tab .dipl_tabs_controls {
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 15px 0 !important;

  display: flex;              /* ✅ center + flexbox */
  justify-content: center;    /* ✅ center horizontally */
  overflow-x: hidden;         /* ✅ hides overflow */
  scroll-behavior: smooth;    /* ✅ smooth scroll */
  white-space: nowrap;        /* ✅ keep items inline */
  gap: 10px;                  /* optional spacing between tabs */
}

@media (max-width: 980px) {
  .scroll-tab .dipl_tabs_controls {
    padding: 11px 0 !important;
  }
  .scroll-tab .et_pb_text_inner h3 {
    font-size: 22px;
  }
}

/* arrows */
.nav-arrow {
  background: transparent;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  color: white; /* match your design */
}

.nav-arrow.left {
  margin-right: 10px;
}

.nav-arrow.right {
  margin-left: 10px;
}

.small-tab #horizontal-tabs .nav-arrow.right, .small-tab #horizontal-tabs .nav-arrow.left {
    display: none;
}

.small-tab #horizontal-tabs .dipl_tabs_0 .dipl_tab_wrapper .dipl_tabs_controls {
    justify-content: center !important; }

/***END HORIZONTAL SCROLL TAB***/

 #custom-listings-layout {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
  }

  #custom-listings-layout .column {
    flex: 1 1 50%;
    min-width: 300px;
  }

  #custom-listings-layout .column img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  @media only screen and (max-width: 768px) {
    #custom-listings-layout {
      flex-direction: column !important;
    }
  }

   #horizontal-tabs .dipl_tabs_0 .dipl_tab_wrapper .dipl_tabs_controls {
        justify-content: flex-start !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    #horizontal-tabs .dipl_tabs_wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    #horizontal-tabs .dipl_tabs_controls {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: hidden;
        scroll-behavior: smooth;
        white-space: nowrap;
        scrollbar-width: none;
    }

    #horizontal-tabs .dipl_tabs_controls::-webkit-scrollbar {
        display: none;
    }

    #horizontal-tabs .dipl_single_tab_content .et_pb_row {
        padding: 30px;
        width:100%;
    }
    
@media only screen and (max-width: 979px) {
    #horizontal-tabs .dipl_single_tab_content .et_pb_row {
        padding: 30px !important;
    }
}

#horizontal-tabs .dipl_tabs .dipl_tabs_item .dipl_single_tab_content {
padding:50px;   
}

    #horizontal-tabs .dipl_tabs_item_title {
        display: flex;
        align-items: center;
        cursor: pointer;
        white-space: nowrap;
        min-width: max-content;
    }
    #horizontal-tabs .nav-arrow {
        position: absolute;
        top: 30px;
        transform: translateY(-50%);
        background-color: transparent;
        color: white;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        z-index: 9999;
        border-radius: 50%;
        font-size: 35px;
    }

    #horizontal-tabs .nav-arrow.left {
        left: -40px;
    }

    #horizontal-tabs .nav-arrow.right {
        right: -40px;
    }

/*vertically center horizontal tab content*/
.dipl_tab_desc {
  display: flex !important;
  align-items: center;  /* This vertically centers children */
}

.one_half,
.one_half.et_column_last {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically */
}


/* Hide the "clear" div that Divi inserts */
.et_pb_tab_content .dipl_tab_desc .clear {
  display: none;
}


/**Video Carousel**/
.video-carousel
{
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
background: #000; 
margin-bottom:20px;
}

.sm-heading-above { /*small font headings above H2s*/
    margin-bottom:0 !important;
    letter-spacing: 5px;
}

/*Timeline*/
 /* Scrollbar Styling */
    .timeline-container::-webkit-scrollbar {
        height: 12px;
    }
    .timeline-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    .timeline-container::-webkit-scrollbar-thumb {
        background: #3F9B63; 
        border-radius: 10px;
    }
    .timeline-container {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    .timeline {
        display: flex;
        position: static;
        max-width: fit-content;
        margin: auto;
        padding-top: 50px; /* Adjusted padding */
    }

    .timeline::before {
        content: "";
        position: absolute;
        top: 70px; /* Dashed line position */
        left: 30px;
        width: 100%;
        height: 0;
        border-top: 2px dashed #999;
        z-index: -1;
    }

    .timeline .event {
        position: relative;
        min-width: 180px; /* Reduced min-width */
      max-width:300px;
        margin: 0 20px; /* Reduced horizontal margins */
        flex-shrink: 0;
        text-align: left;
    }

    .timeline .year {
        display: inline-block;
        padding: 10px 15px;
        color: white;
        font-weight: bold;
        border-radius: 5px;
        position: relative;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .timeline .content {
        padding: 15px 15px 15px 0px;
        border-radius: 5px;
        background: white;
        /* Removed box-shadow */
        text-align: left;
        font-size: 16px;
        /* Removed border */
        word-wrap: break-word;
        min-height: 60px; /* Reduced min-height */
    }

    /* Color the year markers */
    .timeline .event:nth-child(5n+1) .year { background: #1976D2; }
    .timeline .event:nth-child(5n+2) .year { background: #FFA000; }
    .timeline .event:nth-child(5n+3) .year { background: #C2185B; }
    .timeline .event:nth-child(5n+4) .year { background: #00695C; }
    .timeline .event:nth-child(5n+5) .year { background: #673AB7; }

    /* Style the pointer/arrow */
    .timeline .year::after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid;
    }

    .timeline .event:nth-child(5n+1) .year::after { border-top-color: #1976D2; }
    .timeline .event:nth-child(5n+2) .year::after { border-top-color: #FFA000; }
    .timeline .event:nth-child(5n+3) .year::after { border-top-color: #C2185B; }
    .timeline .event:nth-child(5n+4) .year::after { border-top-color: #00695C; }
    .timeline .event:nth-child(5n+5) .year::after { border-top-color: #673AB7; }



/** interactive map **/
/* interactive map */
.location-map .dipl_hotspot_item .dipl_marker {
    overflow: visible !important;
}

.dipl_hotspot.location-map .dipl_marker_wrapper {
    display: inline-block;
    position: relative;
}

.dipl_hotspot.location-map .dipl_marker_wrapper img {
    transition: transform 0.5s ease;
    transform-origin: center center; /* Change to center center */
}

.dipl_hotspot.location-map .dipl_marker_wrapper img:hover {
    transform: scale(1.5) translateY(-10px); /* Add translateY to move it up */
}

/* Ensure text stays in place */
.dipl_hotspot_item {
    position: relative;
    text-align: center;
}

/* Make sure tooltips don't interfere */
.dipl_tooltip_wrapper {
    display: none !important;
}

/* Prevent the tooltip system from causing layout shifts */
.tooltipstered {
    position: relative;
    display: inline-block;
}

/* Hide the Divi Plus Hotspot labels */
.dipl_hotspot_item_0:before:hover{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.location-map .dipl_hotspot_0 {
    display: none; /*hide map hotpot tooltip*/
visibility: hidden;
opacity: 0;
}

/*** video carosel ***/
@media(max-width:767px){
.feature-products-slider.image-carousel .swiper-button-next, .feature-products-slider.image-carousel .swiper-button-prev{
    top: 109% !important;
    width: auto !important; 
}
    }

.et_pb_tabs .et_pb_tab {
    scroll-margin-top: 0px !important; /*prevent jumping to the top of the page when tab is selected*/
}

/********************/
/***Vertical Tabs***/
/********************/

.scrollLeftTabs .et_pb_tabs_controls {
    min-width: 305px; /*set vertical tabs width*/
}
  .row-w-borders .et_pb_column_1_3 {border:1px solid #e5e4e5;border-radius:6px;padding:20px;}
  
  .row-w-borders .et_pb_column_1_3 b a {color:#212121 !important;}
  
  .row-w-borders .et_pb_column_1_3 img {max-width:45px;}
  
  .row-w-borders a {font-weight:bold;}

/*icon before tab title*/
  .et_pb_tabs_controls li a:before {
    content:""; background:url('/wp-content/uploads/2025/03/icon-ecommerce.png');
    display:inline-block;
    width:13px;
    height:11px;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    margin-right:5px;
  }
  
 li.et_pb_tab_1 a:before {background:url('/wp-content/uploads/2025/03/icon-reputation.png');}
  
  li.et_pb_tab_2 a:before {background:url('/wp-content/uploads/2025/03/icon-listings.png');}
  
  li.et_pb_tab_3 a:before {background:url('/wp-content/uploads/2025/03/icon-social.png');}
  
  li.et_pb_tab_4 a:before {background:url('/wp-content/uploads/2025/03/content-nav-icon.png');}
  
  li.et_pb_tab_5 a:before {background:url('/wp-content/uploads/2025/03/scheduling-icon.png');}
  
  li.et_pb_tab_6 a:before {background:url('/wp-content/uploads/2025/03/icon-website.png');}
  
  li.et_pb_tab_7 a:before {background:url('/wp-content/uploads/2025/03/icon-advertising.png');}
  
  li.et_pb_tab_8 a:before {background:url('/wp-content/uploads/2025/03/icon-productivity.png');}
  
  li.et_pb_tab_9 a:before {background:url('/wp-content/uploads/2025/03/icon-seo-gray.png');}
  
  li.et_pb_tab_10 a:before {background:url('/wp-content/uploads/2025/03/icon-communication-1.png');}
/*Tabs Styling*/
  .et_pb_tabs {border:none !important;}
  .et_pb_tabs_controls {min-width:305px;background:#fff !important;text-align:right;border-right:2px solid #e0e0e0;}
  ul.et_pb_tabs_controls {padding-right:15px !important;}
  .et_pb_tabs_controls li.et_pb_tab_active a {background:#ecf5f0;}
  .et_pb_tabs_controls li {float:none;border-right:none !important;width:100%;margin-bottom:20px;}
  ul.et_pb_tabs_controls:after {border-top:none !important;}
  .et_pb_tabs_controls li a {display:inline !important;background:#efefef;border-radius:15px;padding: 5px 30px;}
  .et_pb_tab_active a {color:#439a65 !important;}
  
  .et_pb_tabs .et_pb_tab {padding-top:0;}
  .et_pb_tabs .et_pb_tab .et_pb_row {width:100%;}
  
  .remove-borders div {border:none !important;}
  
  @media (min-width: 750px) {
    .scrollLeftTabs, .scrollRightTabs {display:none;}
    .et_pb_tabs_controls {padding-top:20px !important;}
  }
  
  @media (max-width: 750px) {
    .et_pb_tabs_0.et_pb_tabs {
      display:unset !important;
      position:relative;
    }
    .et_pb_tabs_controls {
      border-right:none;
      text-align:left;
      overflow-x: scroll;
        white-space: nowrap;
      margin-left:0px !important;
      width: calc(100% - 0px);
      min-width:auto;
    }
    .et_pb_tabs_controls::-webkit-scrollbar {
        -webkit-appearance: none;
        }
    .et_pb_tabs_controls li {
      display:inline;
      width:auto;
      border-bottom:none;
      margin-right:10px;
    }
    .scrollLeftTabs, .scrollRightTabs {
            display:none; /*hide arrows*/
      font-size:35px;
      line-height:0.7em;
      position:absolute;
      top:0;
      cursor:pointer;
      padding:0px 4px 4px !important;
      background:#f7f7f7;
      border-radius:4px;
    }
    .scrollRightTabs {
      right:0;
    }
        .et_pb_tab {
            padding: 24px 0;
        }
  }
/********************/
/***End Vertical Tabs***/
/********************/


/***Anchor Links - scroll underneath sticky header***/
:target::before {
  content: "" !important;
  display: block !important;
/*  height: 80px !important;  Adjust this value to match the height of your sticky header */
  margin-top: 80px !important; /* Adjust this value to match the height of your sticky header */
}

/***spacing****/

div#top-header { 
display: none; 
} 
@media(max-width:767px){ 
div#et-main-area { 
margin-top: 60px !important; 
    } 
    .mob-price-cards.onboarding-mob.base-card .onb-title {
    font-size: 28px !important;
}
}
@media(min-width:768px) and (max-width:981px){ 
div#et-main-area { 
margin-top: 45px !important; 
    } 
    
        #logo-sold table img {
        margin: auto 40px!important;
    }
} 

/**Articles**/
.number-list ol li /*add spacing below numbered list items*/
{margin-bottom:30px !important;}

/* marketplace */ 
.feature-products-slider .dipl_image_card_carousel_item { 
min-height: 230px; 
}
.feature-products-slider .swiper-button-next, .feature-products-slider .swiper-button-prev { 
top: 112% !important; 
width: 70% !important; 
z-index: 9999 !important; 
} 

/* pricing */ 
.et_pb_section_2, .et_pb_section_3, .et_pb_section_4, .et_pb_section_5, .et_pb_section_6, .et_pb_section_8 {
    z-index: 0 !important;
}
.page-id-2471 .most-popular-tag {
    width: 101.5% !important;
}
/*.page-id-2471 img.yesware-img {
    width: auto !important;
}*/
.page-id-2471 .open span.arrow-down {
    transform: rotate(180deg) !important;
    display: inline-block;
    top: 0px;
}
.page-id-2471 a.pricing-grn-button:hover {
    background-color: #2E7655;
    border-color: #2E7655 !important;
}
.page-id-2471 table td:nth-child(1) { 
text-align: left ! IMPORTANT; 
} 
.page-id-2471 table td { 
text-align: center;     
}
@media(max-width:767px){
    #pricing-table.table-responsive tr td:nth-child(2) {
        padding: 10px 5px !important;
    }
} 

.single-post h1.entry-title { 
font-size: 50px; 
font-weight: 700; 
} 
.single-post h2 { 
font-size: 38px; 
font-weight: bold; 
margin-bottom: 15px; 
} 
 .single-post #left-area p { 
line-height: 1.5em !important; 
} 
@media (max-width: 980px) {
.single-post h1.entry-title {
    font-size: 38px; /*post h1 title size*/
    }}

.quote .et_pb_testimonial_portrait:before{ 
box-shadow: none !important; 
} 
.quote .et_pb_testimonial_portrait{ 
margin-right:15px !important; 
} 
@media(max-width:767px){ 
.quote .et_pb_testimonial_portrait{ 
margin: 10px 10px 15px 0px !important; 
} 
 } 

.single-case-studies .et_post_meta_wrapper, .single-case-studies div#sidebar, .single-products .et_post_meta_wrapper, .single-products div#sidebar { 
display: none; 
} 
.single-case-studies #main-content .container, .single-products #main-content .container { 
width: 100% !important; 
max-width: 100% !important; 
padding-top:0 !important; 
} 
.single-case-studies #main-content div#left-area, .single-products #main-content div#left-area { 
padding-bottom: 0 !important; 
} 
/* share toggle */ 
.share-toggle .et_pb_toggle_content.clearfix { 
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15); 
margin-top: 20px; 
padding-bottom: 5px; 
} 
/* hide animation */ 
.et-l .et-waypoint.et_pb_animation_top.et-animated { 
animation: unset !important; 
} 
.et-waypoint.et_pb_animation_top.et-animated, .et_pb_animation_top.et-animated { 
animation: unset !important; 
opacity: 1 !important; 
} 
/* checkmark list */ 
.checkmark-list ul li,
.checkmark-list ol li { 
padding-left: 2px; 
margin-bottom: 15px; 
color: #666; 
line-height: 1.6rem; 
} 
.checkmark-list ul { 
/*list-style-image: url('/wp-content/uploads/2025/08/grn-checkmark-icon.webp'); */
    list-style: none!important; /* remove default bullets */
    padding-left: 0!important;
    padding-bottom: 0; 
    margin-bottom: 15px;
} 
.checkmark-list ul li {
    position: relative;
    padding-left: 30px; /* space for icon */
}
.checkmark-list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url('/wp-content/uploads/2025/08/grn-checkmark-icon.webp') no-repeat center center;
  background-size: contain;
}
.checkmark-list.white ul li::before {
  background: url('/wp-content/uploads/2025/08/checkmark.png');
  background-repeat: no-repeat;
  background-size: contain;
}

/* button*/ 

.banner-btns .dipl_button_item_1 .dipl_button_link{
    border: 2px solid #fff !important; /*force Divi Plus outline buttons to show outline*/
} 


.banner-btns .dipl_button_item_1 .dipl_button_link:hover{
    border: 2px solid #2e7655 !important;
}
.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button, .et-db #et-boc .et_pb_button_module_wrapper .et_pb_button:hover{ 
padding: 15px 50px !important; 
font-weight: 600 !important; 
text-align: center !important; 
line-height: 1.3em !important; 
font-size:18px !important; 
} 

.dipl_button a.dipl_button_link.dipl_button_default_fill span{ 
line-height: 1.3em !important 
}

@media (max-width: 1464px) {
    .equal-buttons .dipl_button_classic .dipl_button_link { 
min-width: 220px ; 
text-align: center; 
} 
}

@media(max-width:767px){ 
.equal-buttons .dipl_button a.dipl_button_link.dipl_button_default_fill { 
min-width: 216px; 
text-align: center; 
} 
    /*.equal-buttons .dipl_button_classic .dipl_button_link {
        min-width: 240px;
    }*/

    .equal-buttons .dipl_button_classic .dipl_button_link { 
        margin-right:10px; /*add space between buttons*/}
    
.equal-buttons .dipl_button .dipl_button_item { 
display: block !important; 
} 

    .et-db #et-boc .et_pb_button_module_wrapper .et_pb_button, .et-db #et-boc .et_pb_button_module_wrapper .et_pb_button:hover{ 
padding: 15px auto !important; 
    } }

.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button.text-button { 
padding:0 !important; 
text-align: auto !important; 
font-size:16px !important; 
font-weight: 700 !important; 
} 

@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_1_2 .et_pb_module .dipl_button_item_0 {
        margin-bottom: 10px; /*less space under Divi Plus buttons*/
    }

/* Menu CSS */ 
    #et_search_icon:before{ 
    font-size:12px !important; 
    color: #3f9b63 !important; 
    } 
    #et-secondary-nav li { 
    text-align: left !important; 
    } 
    #et-top-navigation { 
    float: none; 
    display: flex; 
    justify-content: center; 
    padding-left: 0 !important; 
    } 
} /*added to close*/
@media(min-width:981px){ 
.menu-btn { 
position: absolute !important; 
right: 0; 
} 
} 
.menu-btn a span { 
background: #3F9B63; 
padding: 8px 15px; 
color: #fff !important; 
border-radius: 5px; 
} 
span#db-info-text a, span#db-info-text { 
color: #83919b !important; 
font-weight: normal; 
} 
@media(max-width:980px){ 
#main-header,div#page-container{ 
background-color: #082336 !important; 
} 
.mobile_menu_bar:before{
    color:#fff !important;
    } 
#main-header .et_mobile_menu{ 
background-color:#fff !important; 
} 
.et_pb_svg_logo #logo { 
height: 45%; 
} 
 } 
/* marketplace*/ 
.marketplace-product a { 
font-weight: bold; 
} 
.marketplace-product a:hover { 
color:#2e7655 !important; 
} 
#marketplace-explore {
    margin-right: 40px;
}
    
/* rating box in compare inner pages*/ 
@media(max-width:500px){
    .mob-price-cards.onboarding-mob.base-card .onb-title {
    font-size: 28px !important;
}
.rating_box ul li img { 
width: 60px !important; 
} 
.rating_box ul li, .rating_box ul li.overall p { 
font-size: 14px !important; 
} 
.rating_box ul li.overall img { 
width: 65px !important; 
} 
.feature-products-slider .dipl_image_card_carousel_item_0,.feature-products-slider .dipl_image_card_carousel_item_1,.feature-products-slider .dipl_image_card_carousel_item_2,.feature-products-slider .dipl_image_card_carousel_item_3,.feature-products-slider .dipl_image_card_carousel_item_4,.feature-products-slider .dipl_image_card_carousel_item_5 { min-height: auto!important; 
} 
}
.rating_box ul li { 
display: flex !important; 
justify-content: space-between; 
align-items: center; 
margin-top: 10px; 
} 
.rating_box ul li.overall p { 
font-size: 18px; 
} 
.rating_box ul li.overall img { 
width: 130px; 
} 
.rating_box ul li img { 
width: 100px; 
} 
.rating_box ul{ 
padding-left:0 !important; 
} 
/* compare page verticle tab */ 
.v-tab.dipl_tabs_0 .dipl_tabs_controls .dipl_tabs_item_title_inner_wrap { 
justify-content:start !important; 
} 

.v-tab.dipl_tabs .dipl_tabs_item_title_inner_wrap { 
justify-content: start !important; 
} 
.v-tab .dipl_tabs_item_title img { 
position: relative; 
top: -15px; 
} 
.v-tab .dipl_single_tab_content h3 { 
font-weight: bold; 
margin-bottom: 15px; 
} 
.v-tab .dipl_single_tab_content a { 
font-weight: bold; 
} 
.v-tab .dipl_single_tab_content img.t-img { 
max-width: 600px; 
width: 100%; 
text-align: center; 
display: block; 
margin: 0 auto; 
} 
.v-tab .et_pb_with_border.et_pb_module.dipl_tabs_item { 
overflow: visible; 
} 

.v-tab .dipl_tabs_controls {
text-align:left !important;}
    
    @media (max-width: 980px) {
        .v-tab .dipl_tabs_0 .dipl_tabs_controls .dipl_tabs_item_title_inner_wrap {
            justify-content:unset !important; /*left align content in tabs*/
        }
        .v-tab .dipl_tabs .dipl_tabs_content {
            margin-top: 20px;
        }
    }
/* Testimonial Compare page*/ 
.c-testimonial .swiper-button-next:after { 
content: url(/wp-content/uploads/2025/01/carousel-next-navy.png); 
transform: scale(0.6); 
right: -110px !important; 
position: absolute; 
} 
.c-testimonial .swiper-button-prev:after { 
content: url(/wp-content/uploads/2025/01/carousel-previous-navy-1.png); 
transform: scale(0.6); 
left: -110px !important; 
position: absolute; 
} 
.c-testimonial .swiper-button-next, .c-testimonial .swiper-button-prev { 
border: none !important; 
transform:none !important; 
} 
.c-testimonial .dipl_testimonial_author_image { 
position: absolute; 
bottom: 0; 
right: 10%; 
width: 50px !important; 
height: 50px !important; 
} 
/*Google Reviews / Testimonial Slider*/ 
body .dipl_testimonial_desc .c-testimonial .dipl_testimonial_slider .dipl_testimonial_opening_quote_icon,body .dipl_testimonial_desc .dipl_testimonial_slider_0 .dipl_testimonial_opening_quote_icon, body .dipl_testimonial_desc .dipl_testimonial_slider .dipl_testimonial_quote_icon,body .c-testimonial .dipl_testimonial_slider .dipl_testimonial_opening_quote_icon { 
color: transparent !important; 
top: -45px !important; 
background: url(/wp-content/uploads/2025/01/quotation-icon.png) !important; 
width: 37px !important; 
height: 29px !important; 
background-repeat: no-repeat; 
transform: none !important; 
} 
    
/* star table compare page banner */ 
.star-table table:not(.variations) {
    border: none !important;
}
@media(max-width:767px){ 
.star-table tr td { 
display:block !important; 
} 
 } 
.star-table table { 
border: none !important; 
display:table !important; 
} 
.star-table tr td { 
border-top: 0 !important; 
text-align: center;
color: #fff; 
} 
.star-table.white tr td {
    color:#333;
    } 
.star-table tr td p { 
padding-bottom: 0 !important; 
} 
.star-table tr td img { 
margin-top: 15px; 
} 
/* leadership css */ 
.page .dipl_team_member_lightbox .mfp-close:active { 
top: 10px !important; 
} 
.dipl_team_grid_0_lightbox .mfp-close { 
color: #3F9B63 !important; 
font-size: 34px !important; 
border: 2px solid #3F9B63; 
border-radius: 100%; 
padding: 0; 
width: 30px; 
height: 30px; 
line-height: 28px; 
right: 20px; 
top: 10px; 
} 
.dipl_team_member_wrapper_lightbox{ 
max-width: 768px; 
border-radius: 10px; 
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15); 
} 
.dipl_team_grid_0_lightbox.mfp-bg { 
background-color: rgba(181, 189, 195, 0.30) !important; 
} 
.dipl_team_member_wrapper_lightbox img { 
border-radius: 10px !important; 
width: auto !important; 
height: auto !important; 
}
.dipl_team_member_lightbox .dipl_team_member_image_wrapper{
text-align:center !Important;   
}
@media(min-width:981px){ 
.dipl_team_social_wrapper { 
position: absolute; 
top: 320px; 
left: 12%; 
} 
.dipl_team_member_lightbox .dipl_team_member_content_wrapper { 
padding: 10px 20px 20px 48px !important; 
} 
.dipl_team_member_wrapper_lightbox { 
grid-template-columns: 30% 70% !important; 
} 
 } 
@media(max-width:980px){    
    
.mfp-wrap.dipl_team_grid_0_lightbox .dipl_team_member_wrapper_lightbox{ 
width:80% !important; 
} 
.dipl_team_member_lightbox .dipl_team_member_content_wrapper { 
padding: 20px 10px !Important; 
} 
.dipl_team_member_wrapper_lightbox { 
grid-template-columns:100% !important; 
} 
.mfp-wrap.dipl_team_member_lightbox .dipl_team_member_name { 
font-size: 20px !important; 
margin-bottom: 15px; 
} 
 } 
.dipl_team_grid .layout2 .dipl_team_overlay_wrapper { 
display: none; 
} 
/* left side menu for how to make money using AI page*/ 
.marketplace-menu li { 
margin-bottom: 05px; 
} 
.marketplace-menu li a{ 
padding: 3px 10px !important; 
display:block; 
} 
.marketplace-menu li a:hover, .marketplace-menu li:first-child a{ 
color: #3f9b63 !important; 
background: #ECF5F0; 
border-radius: 20px; 
} 
.left-side-menu li { 
margin-bottom: 10px; 
} 
.left-side-menu ul, .marketplace-menu ul { 
padding-left: 0 !important; 
} 
.left-side-menu li a { 
padding: 6px 15px !important; 
display: block; 
} 
.left-side-menu li a:hover, .left-side-menu li:first-child a{ 
background: #ECF5F0; 
border-radius: 20px; 
}
    

/*.left-side-menu li a:hover, .left-side-menu li a.active{ 
background: #ECF5F0; 
border-radius: 20px; 
}*/
.list-indented ul, .list-indented ol { 
margin-left: 30px; 
} 
.list-indented ul li, .list-indented ol li { 
margin-top: 15px; 
line-height: 1.7; 
} 
.select-bx select { 
width: 100%; 
padding:10px 35px 10px 15px; 
color: #3f9b63; 
border: 2px solid #929292; 
border-radius: 4px; 
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); 
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; 
background-size: 5px 5px, 5px 5px, 1px 1.5em; 
appearance: none; 
background-repeat: no-repeat; 
} 
.select-bx select option, .select-bx select { 
font-size:16px !important; 
} 
/* default template */ 
.pill-btn .dipl_button_text:hover { 
text-decoration: underline; 
} 
.blurb-left.et_pb_blurb .et_pb_image_wrap { 
margin: 0px !important; 
} 
.sm-icon-text .et_pb_main_blurb_image{ 
margin-bottom: 20px !important; 
} 
.list li{
    margin-top:15px;
    } 
/* .left-bullet.et_pb_blurb_position_left .et_pb_blurb_container { padding-left: 0 !important; } .left-bullet span.et_pb_image_wrap { padding-top: 5px; } .left-bullet .et_pb_main_blurb_image { width: 23px !important; }*/ 
@media only screen and ( max-width: 980px ) { 
.flip { 
display: -webkit-flex; 
-webkit-flex-direction: column-reverse; 
display: flex; 
flex-direction: column-reverse ! important;
} 
.et_section_specialty.flip>.et_pb_row {
    display: -webkit-flex; 
    -webkit-flex-direction: column-reverse; 
    display: flex; 
    flex-direction: column-reverse ! important;
}
        .c-testimonial .swiper-button-next:after,.c-testimonial .swiper-button-prev:after {
        transform:scale(0.3);
            margin-top:10px;
    }
.dipl_arrows_bottom_center, .dipl_arrows_bottom_left, .dipl_arrows_bottom_right {
        margin-top:30px;
    }
 } 
@media(min-width:981px){ 
.et_pb_row.img-vertically-center { 
display: flex; 
align-items: center; 
} 
 } 
/* Footer */ 
.location-tab .dipl_tabs_item_title.dipl_active_tab .dipl_tab_title, .location-tab .dipl_tabs_item_title .dipl_tab_title:hover { 
border-bottom: 2px solid #3f9b63 !important; 
} 
.location-tab.dipl_tabs_0_tb_footer .dipl_tab_wrapper .dipl_tabs_item_title{ 
flex-grow: 0.1 !important; 
} 
.location-tab.dipl_tabs_0_tb_footer .dipl_tab_wrapper .dipl_tabs_controls { 
justify-content: left !important; 
} 
@media(max-width:981px){ 
.location-tab.dipl_tabs_0_tb_footer .dipl_tab_wrapper .dipl_tabs_item_title{ 
flex-grow: 0.2 !important; 
} 
.location-tab.dipl_tabs_0_tb_footer .dipl_tab_wrapper .dipl_tabs_controls { 
justify-content: center !important; 
} 
 } 
.footer-2 a:hover{
    text-decoration: underline !important;
    } 
.footer3 a{
    padding:0 20px;
    } 
.dipl_tabs .dipl_tabs_item{
    padding:0 !important;
    } 
.dipl_tabs .dipl_tabs_item_title_inner_wrap{
    justify-content: left !important;
    } 
span.grn.clr { 
font-size: 10px; 
text-transform: capitalize; 
border: 1px solid; 
padding: 2px 10px; 
border-radius: 30px; 
color: #3c9a63; 
position: relative; 
top: -3px; left: 5px; 
} 
span.clr { 
font-size: 9px; 
text-transform: capitalize; 
border: 1px solid; 
padding: 2px 5px; 
border-radius: 30px; 
position: relative; 
top: 0; 
left: 5px; 
font-weight: bold; 
} 
span.blu.clr {
    color: #42A5F5;
    } 
span.org.clr {
    color: #FFCB40;
    } 
span.pur.clr {
    color: #9A67EA;
    } 
@media(max-width:980px){ 
.dipl_tabs .dipl_tabs_item_title_inner_wrap { 
justify-content: center !important; 
} 
 } 
@media(max-width:767px){    
.dipl_image_card_carousel_0 
    .dipl_image_card_carousel_item {
        margin-top: 30px !important; /*spacing between product cards when stacked*/
    }
    
    .footer3 a{
    padding:0 10px;
    } 
} 
.mak-money .et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container{ 
vertical-align: middle !important; 
} 
.doorstep-menu li { 
display: inline-block; 
margin-right: 25px !important; 
} 
.doorstep-menu li a:hover { 
text-decoration: underline; 
} 
.doorstep-menu ul {
    padding: 0 !important; 
    }


/****ALL ARTICLES - CONTENT VIEWS****/

.pt-cv-content-item:hover {
  transform: translate(0, -7px);
  transition: transform 0.3s ease;
}
/* Desktop styles */
#newsroom-grid .pt-cv-content-item {
    position: relative;
    min-height: 100px; /* Adjust this value based on your needs */
    box-shadow: 0px 0px 6px 0px #d6d6d6;
    border-radius: 6px;
}

.pt-cv-meta-fields {
  position: absolute;
  bottom: 0;
  left: 0;
}

.pt-cv-meta-fields {
    padding-bottom:0px;
}

/*Images*/
#pt-cv-view-1cfd703bow .pt-cv-thumb-wrapper:not(.miniwrap) {
    height:130px;
}
.pt-cv-thumb-wrapper .pt-cv-thumbnail {
  object-fit: cover;
  width: 100%;
/*   aspect-ratio: 369.28 / 221.44; Maintains original aspect ratio */ 
  margin-bottom: 0 !important;
}

.pt-cv-taxoterm.above_title, h3.pt-cv-title, .pt-cv-meta-fields {
    padding: 0px 15px;
}
h3.pt-cv-title {
    font-size: 21px;
    line-height: 1em;
}
h3.pt-cv-title a {
    color: #555 !important;
    font-weight:700;
    font-family: Raleway;
}
.pt-cv-meta-fields span.entry-date time {
    color: #666 !important;
    font-size: 16px;
}
.pt-cv-meta-fields {
    padding-bottom: 20px;
}

.iscvblock .pt-cv-content-item {
  width: 100%!important;
}

#pt-cv-view-78546ffuzq .pt-cv-thumbnail:not(.pt-cv-thumbnailsm),#pt-cv-view-8935dfc8qy .pt-cv-thumbnail:not(.pt-cv-thumbnailsm) {
    height: auto !important;
}

/* Mobile styles */
@media screen and (max-width: 981px) {
    span.toggle-price-content.enterprise-card {
    font-size: 22px;
}
div#pricingg {
    z-index: 1!important;
}
    div#savings {
    z-index: 1!important;
}
    div#logo-sold table {
    height: auto !important;
    overflow-x: scroll;
}
    #logo-sold table img{
margin: auto 13px;
    }
#savings p {
    font-size: 18px;
    font-weight: 700;
}
    #logo-sold .et_pb_text_inner {
         font-size: 18px;
    font-weight: 700;
}
  .pt-cv-thumb-wrapper .pt-cv-thumbnail {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 369.28/221.44; /* This maintains the original image proportion */
  }
  
  .iscvblock .pt-cv-content-item {
    width: 100% !important;
    max-width: 369.28px;
    margin: 0 auto;
  }
}

.iscvblock .pt-cv-content-item {
        padding-bottom:60px; /*make container tall enough for all text*/
}

/***Categories***/
@media (min-width: 981px) {
  .categories  .et_pb_gutters3 .et_pb_column,   .categories  .et_pb_gutters3.et_pb_row .et_pb_column {
        margin-right: 40px;
    }
}
@media (min-width: 981px) {
     .categories  .et_pb_gutters3 .et_pb_column_1_3,   .categories  .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
        width: 31%;
    }
}

@media only screen and (min-width: 981px) {
/* Set fixed gutter width for rows */
.custom-gutters .et_pb_row {
  width: 100%; /* Adjust container width as needed */
 
}

/* Set fixed gutter width between columns */
.custom-gutters .et_pb_column {
  margin-right: 40px !important; /* Set your desired gutter width */
}

/* Remove margin from last column */
.custom-gutters .et_pb_column:last-child {
  margin-right: 0 !important;
    }}
/*End Categories*/

#pt-cv-view-1cfd703bow .pt-cv-thumbnail:not(.pt-cv-thumbnailsm) {
    height: auto !important;
}

/*left filter blog*/
.pt-cv-taxoterm above_title, .pt-cv-title am, .pt-cv-title,.pt-cv-view.iscvblock .pt-cv-content-item a, .pt-cv-tax-press-releases, .pt-cv-taxoterm above_title,h3.pt-cv-title {
    text-align: left !important; 
}

/* Set up the blog grid layout */
li.cv-pageitem-number.active a {
background:#3f9b63 !important;
color: #fff !important;     
}
li.cv-pageitem-number a {
border-radius: 100% !important;
margin-right: 15px;
background: #e0e0e0 !important;
color: #333 !important; 
}
li.cv-pageitem-next a, li.cv-pageitem-prev a,
li.cv-pageitem-last a, li.cv-pageitem-first a {
    border: none !important;
    font-size: 28px;
    position: relative;
    top: -10px;
    color: #333 !important;
}
.pt-cv-pagination.pagination{
    float:right;
}
@media(max-width:980px){
.pt-cv-pagination.pagination {
 float: unset;
display: flex !important;
justify-content: center;
}   
}

.pt-cv-taxoterm a { /*category*/
    font-weight: 600;
}

/* post css */
.spacing a{
    text-decoration:underline;
}
.spacing .et_pb_row img {
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.spacing .et_pb_row .et_pb_column_1_2 p {
margin-bottom:30px !important;
}
.spacing .et_pb_row h2, .spacing .et_pb_row img {
    margin-top: 0;
    margin-bottom: 0;
}
.single-post .et_pb_post {
    margin-bottom: 0;
}
.spacing h2 span, .spacing h3 span, .spacing h2, .spacing h3, .spacing h4, .spacing h5 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold !important;
}
.single-post .et_pb_row_1_tb_body li{
    margin-bottom:15px;
}
.single-post .et_pb_row_1_tb_body img {
    margin-bottom: 40px;
    margin-top: 40px;
}

@media (max-width: 980px) {
.equal-buttons .dipl_button_default_fill, .equal-buttons .et_pb_ {
    padding-right: auto !important;
    padding-left: auto !important;
    }
}

/***Gallery - Zoom Hover Effect***/
.gallery .et_pb_image:hover img,
.gallery .et_pb_image_wrap:hover img,
.gallery a:hover img {
  transform: scale(1.3);
  transition: all 2s ease;
}

.gallery,
.gallery a,
.gallery .et_pb_image,
.gallery .et_pb_image_wrap {
  overflow: hidden;
  display: inline-block; /* or block, depending on your layout */
}

.gallery .et_pb_image img,
.gallery .et_pb_image_wrap img,
.gallery a img {
  transition: all 1s ease;
  display: block; /* removes any bottom gap */
}

.gallery .mpf-title {
    display:none !important; /*hide image titles*/
}

/* Newsroom page 

.et_pb_text_inner li {
    margin-bottom: 30px;
}*/
.et_pb_text_inner li:last-child {
    margin-bottom: 0px;
}
.et_pb_text ol, .et_pb_text ul {
    padding-bottom: 0em;
}
.ower-alpha-inside{
    list-style: lower-alpha inside;
}
.circle-inside{
    list-style: circle inside;
}
.square-inside{
list-style: square inside;}
/* margin bottom and margin top */
.mb{
    margin-bottom:30px;
    }
.mt{
    margin-top:30px;
}

/*Down Circled Arrow - Explore All Stories*/
.down-arrow {
 width:34px;
    top: 3px; 
    position: relative;
}

@media (min-width: 981px) and (max-width: 1327px) {
    /* same width stacking buttons on banner home page*/
        .banner-btns     .dipl_button_item .dipl_button_link {
        width: 250px;
     text-align:center; 
    }
}

@media (max-width: 980px) {
/*Down Circled Arrow - Explore All Stories*/
.down-arrow {
 width:30px;
    top: 5px; 
    position: relative;
}
}

@media (max-width: 540px) {
    .banner-btns     .dipl_button_item .dipl_button_link {
        width: 250px;
    }
    
/*Down Circled Arrow - Explore All Stories*/
.down-arrow {
 width:26px;
    top: 3px; 
    position: relative;
}   
    /* Media Query for Mobile Devices */            
                    .center-button .dipl_button_text{
                        text-align:center !important;
                    }
.marketplace-products::before{
    width: 50px !important;
}
.marketplace-products::after {
    width: 50px;
}                   
                    
                    .equal-buttons .dipl_button_classic .dipl_button_link { 
                            min-width: 195px; /*smaller side by side buttons on mobile*/
}
    }

/*vertically center column items in an equal-height row*/
.align-vert-center {
    align-items:center;
}

.subscriptions.et_pb_main_blurb_image span {
    border-radius: 50px;
}

.subscriptions .et_pb_main_blurb_image img {
    border-radius: 0px!important;
}

.subscriptions .et_pb_image_wrap  {
    border-radius: 50px;
}
#pricing-card.et-last-child .th-description{
margin-bottom:60px !important;
}
.row-to-click.open p:after, .row-to-click.open span.arrow_carrot-down {
    transform: rotate(-90deg);
    top: 0px;
}

                    /*
                    
                    #pricingg div#pricing-card {
    margin-bottom: 40px;
}
                    #pricingg div#pricing-card:last-child {
    margin-bottom: 0px!important;
}                   
         .currency-switch.title-switch.mobile {
    background: #fff;
}  
                    
.onboarding-mob sup {
    bottom: 0px !important;
}               
                    /***Buttons with Long Text***/
.et-db #et-boc .et_pb_button_module_wrapper .et_pb_button.button-long, 
.button-long:hover {
    padding: 15px 15px !important; /* Adjust as needed */
}
        
/***END MOBILE QUERY***/

/* --- Green Arrow Styling & Hover Effect --- */

/* Base style for the arrow (from the previous answer) */
img.arrow, .arrow {
    width: 26px !important;
    max-width: 26px !important; /* This is crucial to override theme defaults */
    height: auto;
    position: relative;
    top: 8px;
    /* ✅ Add a transition for the filter property */
    transition: filter 0.3s ease; 
    text-decoration:none;
}

/* Hover effect: Apply filter when the parent link is hovered */
a:hover img.arrow {
    /* ✅ Converts the image to grayscale */
    filter: grayscale(100%);
    
    /* Optional: Make it a lighter gray if needed */
    /* filter: grayscale(100%) brightness(1.5); */ 
}

.subscriptions .et_pb_blurb_description {
    margin-top: 20px;
}
#markets h3.et_pb_module_header:before {
    content: " ";
    display: block;
    height: 1px;
    width: 40px;
    position: absolute;
    top: 30%;
    background: #fff;
}
#additional-onboarding-sessions h3.et_pb_module_header:before {
    content: " ";
    display: block;
    height: 1px;
    width: 40px;
    position: absolute;
    top: 40%;
    background: #fff;
}
/* #pricing-table sup {
    font-size: 17px !important;
    bottom: 0em !important;
} */

#onboarding sup {
    font-size: 17px !important;
    bottom: 0em !important;
} 

/* If the margin isn't taking effect due to other styles, try forcing it with */
  #pricing-card.et_pb_column {
    margin-top: 40px !important;
  }
     /* If there are specific Divi mobile classes interfering, override them */
  .et_pb_row .et_pb_column.et_pb_column_3.mob-price-cards {
    margin-top: 40px !important;
  }


/* Optionally add a smoother transition when switching between desktop/mobile */
#pricing-card {
  transition: margin 0.3s ease;
}

/***End Desktop Query***/


.text-icon { /*pricing page - icon in line with text*/
width: 28px;
height: 28px;
vertical-align: text-bottom; margin-left: 5px;
}

.arrow-down {
    position: relative;
    top: 5px;
}

span.toggle-price-content.enterprise-card {
    font-size: 28px;
}

.enterprise-block .th-title:before {
    font-size: 20px;
    padding-bottom: 0px;
    content: "";
    width: 40px;
    height: 1px;
    background: #3F9B63;
    position: absolute;
    bottom: -4px;
    left: 0;
}
.enterprise-block  .th-title::before {
    bottom: -10px!important;
}
.marketplace-menu .et_pb_text_inner li{
    margin-bottom:0px;
}


@media (max-width: 980px) {
    .mfp-close {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;}
}

.date-time-container {
    background-color: #ECF5F0;  /* Background color for the whole date-time block */
    padding: 2px 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
        margin-bottom:6px;
      margin-right:6px;
}

.date-range-text {
    margin-right: 5px;
     font-size: 14px;
}

.time-text {
    margin-left: 0px;
         font-size: 14px;
}

.recurring-icon {
    margin-left: 3px;
    vertical-align: middle;
}

/******* END DIVI FILTERGRID WEBINAR EVENTS*****/

/***** Onboarding Pricing Table*****/
  table#pricing-table tr.onboard-heading-row th {
      background-color: #fff;
   }
  #pricing-table.table-responsive.onboarding-table .onboard-heading-row th {
   
    border-left: 0px;
}
  table#pricing-table tr.onboard-heading-row th {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
   table.onboarding-table .top-pricing {
      font-size: 30px;
   }
   .onb-title {
      font: bold 25px Raleway;
   }
   .onb-title.main-title {
      font: bold 38px Raleway;
         color: #555;
   }
   .sub-title {
      font: 10px "Open Sans";
      position: relative;
      margin-bottom: 15px;
      padding-bottom: 5px;
                 color: #555;

   }
   .sub-title::after {
      content: "";
      background-color: #3F9B63;
      height: 1px;
      width: 25px;
      position: absolute;
      left: 0;
      bottom: 0;
   }
   .otf {
      font: italic 10px "Open Sans";
      padding-left: 10px;
   }
   .onboarding-description {
      font: 400 italic 16px "Open Sans";
      margin-top: 25px;
      margin-bottom: 25px;
                 color: #555;

   }

div.mob-price-cards.onboarding-mob .plan-features {
  margin-top: 20px;
} /*mobile pricing table*/
.mob-price-cards .entry-content table:not(.variations) {
    border-spacing: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/****Product Cards - Display 3 Stacked on Mobile****/
@media only screen and (max-width: 767px) {

.banner-btns {
width: 100%;
text-align:center;}     
}

@media (max-width: 500px) {
.banner-btns .dipl_button_2 .dipl_button_item {
display:block !important;
    }
}

/* The container creates the horizontal scroll area */
.comparetable-container {
    width: 100%;
    overflow-x: auto; /* Use 'auto' to show scrollbar only when needed */
    -webkit-overflow-scrolling: touch; /* Adds smooth scrolling on iOS devices */
    position: relative;
    padding-top: 10px;
}

/* The table is forced to be wide, which triggers the container's scrollbar */
table.compare-table { 
   width: auto;
 /* min-width: 1400px;*/
  border-collapse: separate !important; /* Important for border-radius to work on corners */
    border-spacing: 0;
}

/* --- START: CSS for Table with Rounded Top Corners --- */

/* Step 1: Force the table to allow rounding and apply the main radius */
.entry-content table:not(.variations) {
    /* CRUCIAL: These two properties are the key to making border-radius work on tables */
    /*border-collapse: separate;*/
    border-spacing: 0;

    /* Your other styles, now with a working border-radius */
    border: 1px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
    border-radius: 10px 10px 0 0 !important; /* Rounds the top-left and top-right corners of the table itself */
}

/* Step 2: Round the header cells so they don't poke through the table's rounded corners */
/* This targets the top-left header cell */
.entry-content table:not(.variations) thead tr:first-child th:first-child {
    border-radius: 9px 0 0 0; /* A slightly smaller value (10px - 1px border) fits perfectly */
}

/* This targets the top-right header cell */
.entry-content table:not(.variations) thead tr:first-child th:last-child {
    border-radius: 0 9px 0 0;
}

/* --- END: CSS for Table with Rounded Top Corners --- */



/* --- General & Specific Table Styling (Preserved from your original) --- */

.compare-table tr td, 
.compare-table tr th { 
    padding: 15px 20px; /* Consolidated padding */
  /*  min-width: 160px; /* Consolidated min-width */
    vertical-align: middle;
} 

.compare-table th { 
    text-align: center;
    color: #fff; 
} 

.compare-table td { 
    text-align: center; 
    border-right: 1px solid #e0e0e0;
}
/*table tbody td:first-child {
    border-left: 1px solid #e0e0e0;
}*/

table .dropdown-form td {
    border-right: 1px solid #e0e0e0;
}

.compare-table tr td:last-child,
.compare-table tr th:last-child {
    border-right: none;
}

.compare-table tr td:first-child { 
    text-align: left; 
    font-weight: 500;
} 

/* Header styles */
.compare-table thead { 
    background: #082336; 
} 

.compare-table thead.dropdown-form {
    background:none;
}

.compare-table thead th.companies { 
    border-radius: 10px 0 0 0px; 
    
    text-align: left; 
} 

.compare-table thead th:last-child { 
    border-radius: 0 10px 0 0; 
} 

th#vendasta-logo-header { 
    position: relative; 
    background: #384F5F; 
    border: none;
} 
#vendasta-logo-header:before {
    content: "";
    position: absolute;
    height: 7px;
    background: #384F5F;
    width: 100%;
    left: 0;
    top: -7px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dark-table-logo {background-color: white; padding:4px;border-radius:4px;} 

/* Highlighted Vendasta column */
.compare-table td.highlight { 
    background: #1A786C; 
    color:#fff !important; 
    border-color: #177367;
}   

/* Alternating row colors */
.compare-table tbody tr:nth-child(even) { 
    background: #f7f8f9; 
}
.compare-table tbody tr:nth-child(even) td.highlight {
    background: #1A786C; /* Ensure highlight overrides zebra striping */
}

/* Checkmark and Cross styles */
td.checkmark img { 
    width: 25px; 
} 
td.cross img { 
    width: 22px; 
}   
.compare-table img {
    max-width: 120px;
    height: auto;
}
.compare-table td img {
    vertical-align: middle;
}

table.compare-table.pricing-table {
    min-width: auto;
}

th.companies, .entry-content thead th, .entry-content tr th { color: #fff !important;}

@media (max-width: 1024px) {
  .checkmark img,
  .cross img {
    width: 24px !important;
  }
}

th.dropdown {
    border-radius: 0 10px 0 0;
}

/* FORM CONTAINER */
.ai-signup-form {
  background-color: #052033; /* Dark navy blue */
  padding: 40px;
  border-radius: 10px 10px 10px 10px;
  color: #ffffff;
  max-width: 90%;
  margin: 0 auto;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

/* LABELS */
.ai-signup-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
}

/* INPUT FIELDS */
.ai-signup-form input[type="text"],
.ai-signup-form input[type="email"] {
    color:#666;
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 16px;
  box-sizing: border-box;
}

/* SUBMIT BUTTON */
.ai-signup-form input[type="submit"],
.ai-signup-form button {
  background-color: #3f9b63 !important; /* Green */
    font-weight:500;
  color: white;
  border: 2px solid;
  padding: 12px 24px;
  font-size: 20px;
  cursor: pointer;
  border-radius: 6px;
  width: 100%;
    line-height:1.7em!important;
  transition: background-color 0.3s ease;
}

.ai-signup-form input[type="submit"]:hover,
.ai-signup-form button:hover {
  background-color: #2e7655!important;
}

/* BOTTOM NOTE / DISCLAIMER TEXT */
.ai-signup-form p {
  font-size: 12px !important;
  color: #dddddd;
  margin-top: 20px;
  line-height: 20px !important;
}

.ai-signup-form a {
  color: #4ee180; /* Light green for links */
  text-decoration: underline;
}

/* RESPONSIVE FOR MOBILE */
@media (max-width: 480px) {
  .ai-signup-form {
    padding: 20px;
  }

  .ai-signup-form input[type="submit"],
  .ai-signup-form button {
    font-size: 14px;
    padding: 10px 20px;
  }
}

/*Gravity Forms*/
.gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto {
        /*flex: none;*/
        inline-size: 100%;
    }
.gform-theme--foundation .gform_fields {
    /*grid-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 12!important;
     display: unset;*/
    row-gap:20px;   
} 
.gform-theme--foundation .gform_fields .gfield select {
    margin-bottom: 0px;
}
.gform-theme--foundation .gform_fields .gfield select,
.gform-theme--foundation .gform_fields .gfield input {
    box-shadow: none;
}
.gform-theme--foundation .gform_footer {
    margin-tpp: 0px;
}
div#input_11_1 {
    row-gap: normal;
} 
input#gform_submit_button_11 {
    font-weight: 500;
    font-size: 16px;
    padding: 10px 24px;
}
h2.gform_title {
    display: none;
}

.gform_confirmation_message_3 {
    text-align:center !important; /*contact page success message*/
}
#gform_3 .gfield, .gform_wrapper .gform_body .gform_fields .gfield  {
    margin-bottom:10px; /*add space between the fields*/
}

/*Reviews Slider*/
@media (max-width:980px) {
.reviews-slider .dipl_testimonial_author_image img, .reviews-slider .dipl_testimonial_slider .dipl_testimonial_author_image img, .dipl_testimonial_slider .dipl_testimonial_author_image {
    width: 36px !important;
    object-fit: unset !important;
    height: 30px!important;
        position: absolute;
    bottom: 10px;
    right: 25px;
    }
    .reviews-slider .dipl_testimonial_slider .layout2 .dipl_testimonial_author_image {
        margin-bottom:0 !important;
    }
}

.reviews-slider div.dipl_testimonial_slider .dipl_testimonial_author_image {
    height:30px !important;
}

.process_step {
    padding-bottom:20px !important;
}
.BambooHR-ATS-board h2 {
    font-weight:700;
}
  
/*Company Careers - Platform Testimonial Carousel*/
.platform-testimonial-carousel iframe {
    height: 300px;
}
.platform-testimonial-carousel .content p:first-of-type {
    padding: 0px!important;
    height: 300px;
}


.platform-testimonial-carousel .dica_divi_carouselitem {
    /*margin-right: 60px;*/
  background-color: #FFF;
  border-radius: 6px;
  position: relative;
}
.platform-testimonial-carousel .dica_divi_carouselitem iframe {
  border-radius: 6px 6px 0px 0px;
}
.platform-testimonial-carousel .dica_divi_carouselitem .content p {
    padding: 30px 45px 20px 55px;    
}
  /*
.platform-testimonial-carousel.home-testimonial-second .dica_divi_carouselitem .content:after {
  content: '';
  background: url(https://vendasta-multisite-rebuild.wp-premium-staging.com/wp-content/uploads/green-quotation.png);
  width: 25px;
  height: 27px;
  position: absolute;
  left: 18px;
  top: 322px;
  background-size: 99%;
  background-repeat: no-repeat;
} */
.platform-testimonial-carousel .swiper-buttton-container {
   margin-top: 40px;
}
  @media (max-width:767px){
    
/* Carousel_2 styleing*/
    
    .dica_divi_carousel_1, .dica_divi_carousel_2 {
      width:400px!important;
    }
/*
  .platform-testimonial-carousel.home-testimonial  .dica_divi_carousel_2.dica_divi_carousel .dica_divi_carouselitem .content:after {
visibility:visible;
opacity:1;
} */
    
    .platform-testimonial-carousel.home-testimonial .dica_divi_carouselitem .fluid-width-video-wrapper {
    padding-top:100%;
  }
    
    .dica_divi_carousel_2.dica_divi_carousel .dica_divi_carouselitem .dica-item-content {
      padding-top:0px!important;
    }
    .platform-testimonial-carousel.home-testimonial .dica_divi_carouselitem .dica-item-content {
      padding:0px 0px 0px 0px;
    }
    
    .platform-testimonial-carousel.home-testimonial .dica_divi_carouselitem .content p {
      padding: 0px 30px 20px 20px;
    }

.platform-testimonial-carousel.home-testimonial iframe  {
      height:100%;
      width:100%;
}
.platform-testimonial-carousel.home-testimonial {
       padding: 0px;
}
    
.platform-testimonial-carousel.home-testimonial .dica_divi_carouselitem p {
       padding: 0px 30px 20px 20px;
}
  
    .platform-testimonial-carousel.home-testimonial .dica_divi_carouselitem h4 {
       padding: 0px 0px 0px 0px;
}
    
.platform-testimonial-carousel .item-title {
    padding: 0px 20px;
}

.platform-testimonial-carousel .item-subtitle {
  padding: 5px 20px;
}

.platform-testimonial-carousel.home-testimonial  .green-check-list ul li:before {
    left:20px;
  }  
    .platform-testimonial-carousel.home-testimonial  .green-check-list ul li {
    padding-left:30px;
  } 
  }
  
.work_testimonials .platform-testimonial-carousel .dica_divi_carouselitem
  {
        background-color: transparent !important;
  }
  
.work_testimonials #et-boc .dica_divi_carousel .dica_divi_carouselitem .dica-image-container img, .dica_divi_carousel .dica_divi_carouselitem .dica-image-container img
  {
    width:520px !important;
    border-radius: 15px !important;
  }
  
  .work_testimonials .dica_divi_carousel_0 {
      min-height: max-content;
  }
  .work_testimonials #et-boc .dica_divi_carousel .dica_divi_carouselitem .dica-image-container .image {
    border-radius: 15px !important;
}

/*Glossary Pages*/
.saboxplugin-wrap {
    display:none; /*hide author box on glossary pages*/
}
 
.post-template-default #left-area .et_pb_social_icon a {
    text-decoration:none; /*remove underline*/
}

#left-area .et_pb_social_media_follow {
    padding:0;
}
header{
        margin-top: -15px;
}

.custom-video-popup-content {
  position: relative;
  width: 80%;
  max-width: 900px;
  height: 70%;
  background: #000;
}

.custom-video-frame {
  width: 100%;
  height: 100%;
}

.custom-close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
        .header {
            padding: 15px;
        }
}
@media only screen and (max-width: 425px) {

    .dipl_testimonial_slider .dipl_testimonial_author_image img {
    width: auto;
    height: auto;
  position: relative;
   top: -19px;
        left: -30px;
         object-fit: unset !important;
    object-position: unset !important;
}
}

.page-id-156706 #main-header{
    display:none;
}
.et_pb_section_0.et_pb_section {
    position: relative;
 /*   top: -73px; removed -adds white gap between menu and content*/ 
}
#cmplz-manage-consent .cmplz-manage-consent {
    left: 40px;
    bottom: 0px !important;
    right: unset;
}
#cmplz-manage-consent .cmplz-manage-consent{
    right: auto !important;
}

/****VIDEO CAROUSEL*****/
.dp_image_card_carousel .swiper-slide {
  position: relative;
}

.dp_image_card_carousel .swiper-slide img.custom-video-trigger {
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

/*********MFP********/

.mfp-bg, .mfp-wrap {
    z-index: 99999 !important;
}

.mfp-wrap {
    place-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
}
.mfp-wrap .et_pb_row {
        width: 100%;
    }
    
.mfp-wrap .et_pb_code{
    width: 80vw!important;
    max-width: 100%;
    }

@media(max-width:981px) {
    .mfp-bottom-bar {
        padding: 0px 4px 0px 50px !important;
        font-size: 12px !important;
    }

    .mfp-gallery .mfp-content {
        padding: 40px 50px !important;
    }

    .mfp-gallery.mfp-wrap .mfp-bottom-bar {
        margin-top: -120px !important;
    }
     .mfp-wrap .et_pb_code{
    width: 95vw!important;
    }
}

@media(min-width:981px) {
    .mfp-gallery.mfp-wrap .mfp-arrow-right {
        right: 20px !important;
    }

    .mfp-gallery.mfp-wrap .mfp-arrow-left {
        left: 20px !important;
    }
}

/* This targets the navigation arrows and resets their top position. */
.mfp-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* Adjust this to set their vertical position within the centered content */
    margin: 0 !important;
    margin-top:0 !important;
}

/* These specific selectors ensure the arrows are on the correct side */
.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-right {
    right: 0;
}


.mfp-gallery .mfp-arrow-right,
.mfp-gallery .mfp-arrow-left {
    border: 3px solid #fff;
    border-radius: 100%;
}

.mfp-gallery .mfp-arrow-right:after,
.mfp-gallery .mfp-arrow-left:after {
    font-size: 40px !important;
    width: 44px !important;
}

.mfp-gallery .mfp-arrow-left::before,
.mfp-gallery .mfp-arrow-right::before {
    display: none !important;
}

.mfp-gallery .mfp-counter {
    display: none;
}

.mfp-gallery .mfp-image-holder .mfp-close {
    top: 10px !important;
    font-size: 22px;
    border: 2px solid #3f9b63;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 21px;
    right: 10px !important;
    padding-right: 4px !important;
    opacity: 1 !important;
    color: #3f9b63 !important;
    font-weight: 500;
    cursor: pointer !important;
}

.mfp-gallery .mfp-image-holder .mfp-close:hover {
    background: #3f9b63 !important;
    color: #fff !important;
}

.mfp-gallery .mfp-image-holder .mfp-close:after {
    display: none !important;
}

.mfp-gallery .mfp-content .mfp-figure:after {
    content: none !important;
}

.mfp-gallery .mfp-content {
    /*background: #072337 !important;*/
    padding: 40px 80px;
    border-radius: 10px;
    width: 100%;
}

.mfp-gallery img.mfp-img {
    padding: 0 !important;
}

.mfp-gallery .mfp-bottom-bar {
    margin-top: -80px !important;
    padding: 0px 40px 0px 80px;
}

.mfp-fade.mfp-bg {
    opacity: 0.8;
}

.mfp-content .lightbox-content {
    max-width: 600px;
    margin: 0 auto;
}
/* Move x to top right corner*/

.mfp-gallery .mfp-container {
    width: fit-content!important;
    max-width: 1200px!important;
}

.mfp-fade.mfp-bg {
    opacity: 0.8;
}

.mpf-container {
    background: #071C2A;
}

.mfp-gallery .mfp-arrow-right, .mfp-gallery .mfp-arrow-left {
    border: 3px solid #fff;
    border-radius: 100%;
}

.mfp-gallery .mfp-arrow-right:after, .mfp-gallery .mfp-arrow-left:after {
    font-size: 40px !important;
    width: 44px !important;
}

.mfp-gallery .mfp-arrow-left::before, .mfp-gallery .mfp-arrow-right::before {
    display: none !important;
}

.mfp-gallery .mfp-counter {
    display: none;
}

.mfp-gallery .mfp-image-holder .mfp-close {
    top: 10px !important;
    font-size: 22px;
    border: 2px solid #3f9b63;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 21px;
    right: 10px !important;
    padding-right: 4px !important;
    opacity: 1 !important;
    color: #3f9b63 !important;
    font-weight: 500;
    cursor: pointer !important;
}

.mfp-gallery .mfp-image-holder .mfp-close:hover {
    background: #3f9b63 !important;
    color: #fff !important;
}

.mfp-gallery .mfp-image-holder .mfp-close:after {
    display: none !important;
}

.mfp-gallery .mfp-content .mfp-figure:after {
    content: none !important;
}

.mfp-gallery .mfp-content {
    background: ##072337 !important;
    padding: 40px 80px;
    border-radius: 10px;
}

.mfp-gallery .mfp-bottom-bar {
    margin-top: -80px !important;
    padding: 0px 40px 0px 80px;
}

/* media gallery */

.mfp-container { /* make image popup background color not full height*/
height: auto !important;
border-radius: 10px;
position: relative!important;
}

.mfp-wrap.mfp-gallery .mfp-container.mfp-image-holder.mfp-s-ready {
    max-width: 700px;
    margin: 0 auto !important;
    position: relative;
        background: #072337;
}

.mfp-content {
    display: grid;
    place-items: center;
}
.mfp-content .lightbox-content {
  /*max-width: 600px;*/
  margin: 0 auto;
}
.mfp-fade.mfp-bg {
  opacity: 0.8;
}

.mpf-container {
    background: #072337; /*navy lightbox background color*/
}

/* Do not add custom content—rely on Divi’s default arrow icons */
.mfp-arrow-left::before,
.mfp-arrow-right::before {
    display: block !important; /* Block for centering */
    text-align: center !important; /* Center horizontally */
    /* Remove content: '2190' and content: '2192' to use Divi’s defaults */
}

/* Position buttons (use your previous positioning) */
.mfp-wrap .mfp-arrow-left {
    left: 10px !important; /* Space from left edge, matching your setup */
}

.mfp-wrap .mfp-arrow-right {
    right: 10px !important; /* Space from right edge, matching your setup */
}

/* Ensure hover effect matches close button */
.mfp-arrow:hover {
    opacity: 1 !important;
}

/* Ensure hover effect matches arrows */
.mfp-close:hover {
    opacity: 1 !important;
}

.mfp-close:hover {
    opacity: 1 !important;
}

/* Divi Filter Grid - Hide search clear (x) button */
.dp-dfg-search .dp-dfg-search-input::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    display: none !important;
}

.dp-dfg-search .dp-dfg-search-input {
    text-overflow: ellipsis;
}

.acf-events-grid .event-grid-item, .event-hover .dp-dfg-items .products {
    transition: all 0.3s ease;
}


.dp-dfg-skin-default .dp-dfg-filter, .dp-dfg-skin-default .pagination li {
    margin-bottom: 5px;
}

.dp-dfg-skin-default .pagination li {
    margin-right: 5px;
}

.dp-dfg-skin-default .dp-dfg-filter a.active, .dp-dfg-skin-default .pagination li.active a, .et-l .dp-dfg-skin-default .dp-dfg-filter a.active, .et-l .dp-dfg-skin-default .pagination li.active a {
    background-color: #ecf5f0 !important;
}

.dp-dfg-pagination .pagination a, .dp-dfg-skin-default .dp-dfg-filter a, .et-l .dp-dfg-pagination .pagination a.pagination-link, .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    border: none !important;
    border-radius: 15px;
    padding: 0.8em 1.2em;
}

.dp-dfg-skin-default .dp-dfg-filters .dp-dfg-taxonomy-label {
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding-left: 15px;
}

.dp-dfg-skin-default.dp-dfg-skin-left-vertical-filters .dp-dfg-filters ul {
    text-align: left !important;
    text-transform: capitalize;
}

.dp-dfg-search-icon {
    border-top: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1.6em !important;
    color: #3f9b63 !important;
    padding-right: 5px !important;
}

.dp-dfg-pagination .pagination a, .dp-dfg-skin-default .dp-dfg-filter a, .et-l .dp-dfg-pagination .pagination a.pagination-link, .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    height: auto !important;
}


.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown .dp-dfg-level {
    background: #fff;
    padding: 10px;
}

.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {
    margin-bottom: 0;
}

div.dpdfg_filtergrid_0 .dp-dfg-layout-flex .dp-dfg-items {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)) !important;
}

.dp-dfg-item:hover {
    transform: translate(0px, -7px);
    transition: transform 0.3s ease;
}

.dp-dfg-skin-default .dp-dfg-filter a.active, .dp-dfg-skin-default .dp-dfg-filter a:hover {
    color: #3f9b63 !important;
    background: #f4f4f4 !important;
}

.case-studies .dp-dfg-filters-dropdown {
    margin-bottom: 50px !important;
}

.case-studies .dp-dfg-filters.dp-dfg-filters-dropdown-layout {
    margin-top: 80px;
}

.case-studies p.dp-dfg-dropdown-label {
    border-color: #929292 !important;
    border-radius: 5px;
    padding: 7px 10px !important;
}

.case-studies .dp-dfg-dropdown-label:after {
    right: 5px !important;
}

.case-studies ul.pagination {
    justify-content: flex-start !important;
    margin-top: 30px !important;
}

.case-studies li.pagination-item a {
    padding: 10px 15px !important;
    border-radius: 100% !important;
    margin-right: 10px !important;
    font-weight: bold;
    line-height: 16px !important;
    background: #e0e0e0 !important;
}

.case-studies li.pagination-item.dp-dfg-direction a {
    background: transparent !important;
    border: none !important;
    margin-right: 0 !important;
}

.case-studies li.pagination-item.active a {
    background: #3f9b63 !important;
    color: #fff !important;
}

.case-studies .dp-dfg-meta.entry-meta span.terms a.term-link.case-studies {
    display: none;
}

.case-studies .dp-dfg-meta.entry-meta span.terms {
    background: #6a7b87;
    padding: 5px 10px;
    border-radius: 30px;
}

.case-studies .dp-dfg-meta.entry-meta {
    margin-top: 12px;
    margin-left: 10px;
}

.case-studies .dp-dfg-content.entry-summary {
    margin-left: 10px;
    margin-bottom: 10px;
}

.press-releases .dp-dfg-meta {
    display: flex !important;
    flex-direction: column;
}

.press-releases .dp-dfg-meta span.terms {
    order: -1 !important;
    font-weight: 600;
    font-size: 16px;
    color: #3F9B63 !important;
}

.press-releases .et_pb_post_meta span.published {
    order: 2 !important;
    font-size: 16px;
}

.press-releases .dp-dfg-meta .published {
    order: 2 !important;
    margin-top: 5px !important;
    font-size: 16px !important;
    color: #666 !important;
}

.press-releases .dp-dfg-meta.entry-meta {
    position: static;
}

.press-releases span.published {
    position: absolute !important;
    bottom: 15px;
}

.press-releases article {
    padding-bottom: 30px !important;
}

.events-grid .dp-dfg-item {
    display: grid !important;
    grid-template-areas:
        "title"
        "date-time"
        "excerpt"
        "category"
        "button";
    grid-gap: 6px;
}

.events-grid .dp-dfg-header {
    grid-area: title;
}

.events-grid .dp-dfg-content {
    grid-area: excerpt;
}

.events-grid .dp-dfg-item>div[grid-area="date-time"] {
    display: flex !important;
    flex-wrap: wrap;
    grid-area: date-time;
    align-items: center;
}

.dp-dfg-cf-start_date, .dp-dfg-cf-end_date, .dp-dfg-cf-start_time, .dp-dfg-cf-end_time, .dp-dfg-cf-session_type {
    margin-right: 10px;
    display: inline-block;
}

.dp-dfg-cf-event_category {
    grid-area: category;
    display: block !important;
    visibility: visible !important;
}

.dp-dfg-cf-button_call_to_action_text {
    grid-area: button;
    display: block !important;
    visibility: visible !important;
    text-align: center;
}

.dp-dfg-cf-button_call_to_action_text .dp-dfg-custom-field-value {
    display: inline-block;
    background-color: #2ea3f2;
    color: white;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
}

.dp-dfg-custom-content {
    display: none;
}

.events-grid .dp-dfg-cf-start_date, .dp-dfg-cf-start_time {
    background: #ECF5F0;
    border-radius: 4px;
    padding: 5px 10px;
}

.events-grid .session-type-text {
    background: #E7F1FB;
    padding: 2px 10px !important;
    border-radius: 20px;
    font-size: 13px;
    margin-left: 0px;
    margin-bottom: 6px;
}

.events-grid .dp-dfg-container .dp-dfg-items .dp-dfg-item {
    padding: 30px;
}

.events-grid .dp-dfg-cf-event_category .dp-dfg-custom-field-value {
    background: #EEE;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
}

.events-grid .dp-dfg-cf-button_call_to_action_text .dp-dfg-custom-field-value {
    display: inline-block;
    background-color: transparent;
    color: #3F9B63;
    padding: 0px;
    border-radius: 3px;
    cursor: pointer;
    text-transform: unset;
    font-weight: 700;
    font-size: 18px !important;
}


.dp-dfg-cf-button_call_to_action_text {
    text-align: left;
}

.events-grid .dp-dfg-pagination .pagination a, .events-grid .dp-dfg-skin-default .dp-dfg-filter a, .events-grid .et-l .dp-dfg-pagination .pagination a.pagination-link, .events-grid .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    border-radius: 20px;
    border: none !important;
    padding: 4px 10px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.1em !important;
    text-align: left;
}

.events-grid .dp-dfg-skin-default .dp-dfg-filter a.active, .events-grid .dp-dfg-skin-default .dp-dfg-filter a:hover {
    background: #ECF5F0 !important;
}


.integrations .dp-dfg-skin-default .dp-dfg-header h2.entry-title {
    font-weight: 700;
}


.dp-dfg-skin-default .dp-dfg-filter a, .dp-dfg-skin-default .pagination li {
    margin-bottom: 5px;
}

.dp-dfg-skin-default .pagination li {
    margin-right: 5px;
}

.dp-dfg-skin-default .dp-dfg-filter a.active, .dp-dfg-skin-default .pagination li.active a, .et-l .dp-dfg-skin-default .dp-dfg-filter a.active, .et-l .dp-dfg-skin-default .pagination li.active a {
    background-color: #ecf5f0 !important;
}

.dp-dfg-pagination .pagination a, .dp-dfg-skin-default .dp-dfg-filter a, .et-l .dp-dfg-pagination .pagination a.pagination-link, .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    border: none !important;
    border-radius: 15px;
    padding: 0.8em 1.2em;
}

/* Divi Filter Grid */
.dp-dfg-skin-default .dp-dfg-filters .dp-dfg-taxonomy-label {
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding-left: 15px;
}

.dp-dfg-skin-default.dp-dfg-skin-left-vertical-filters .dp-dfg-filters ul {
    text-align: left !important;
    text-transform: capitalize;
}

.dp-dfg-search-icon {
    border-top: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1.6em !important;
    color: #3f9b63 !important;
    padding-right: 5px !important;
}

.dp-dfg-pagination .pagination a, .dp-dfg-skin-default .dp-dfg-filter a, .et-l .dp-dfg-pagination .pagination a.pagination-link, .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    height: auto !important;
}

.pagination .next-posts a, .pagination .dp-dfg-last-page a, .pagination .dp-dfg-first-page a, .pagination .previous-posts a {
    background-color: transparent !important;
}

.pagination a {
    background-color: #e5e5e5 !important;
}

body .et-l .dp-dfg-skin-default .pagination li.active a {
    background-color: #3f9b63 !important;
    color: #fff;
}



.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown .dp-dfg-level {
    background: #fff;
    padding: 10px;
}

.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {
    margin-bottom: 0;
}

.dp-dfg-item:hover {
    transform: translate(0px, -7px);
    transition: transform 0.3s ease;
}

/***********DIVI FILTERGRID************/
.dp-dfg-container .dp-dfg-items .dp-dfg-item {
display: flex;
padding-bottom:10px;}

.dpdfg_filtergrid_0 .dp-dfg-image img {
height: auto !important;
width: auto !important;}

/* pagination */
#newsroom-grid .dpdfg_filtergrid_0_tb_body .dp-dfg-skin-default .dp-dfg-pagination ul.pagination li.pagination-item {
  background:none!important;
  box-shadow: none!important;
}
.dp-dfg-pagination li.pagination-item.active a {
background:#3f9b63 !important;
color: #fff !important;     
}
.dp-dfg-pagination li.pagination-item a {
    border-radius: 100% !important;
  border: none!important;
    margin-right: 15px;
    color: #333 !important; 
  font-size:16px;
  font-weight: 700;
  /*line-height:1em;*/
  box-shadow: none;
  background:#e0e0e0!important;
}
.dp-dfg-pagination li.pagination-item a.pagination-link {
 /* width:38px;
  height: 38px;
  padding: 11px 10px 8px!important;*/
  text-align: center;
}

.dp-dfg-pagination li.pagination-item.next-posts a,
.dp-dfg-pagination li.pagination-item.previous-posts a{
    font-size: 1.4em;
    color: #7C7B7C!important;
    border: none!important;
    background:#FFF!important;
}
.dp-dfg-pagination li.pagination-item.next-posts a span,
.dp-dfg-pagination li.pagination-item.previous-posts a span {
    padding-top:0px;
}


.dpdfg_filtergrid_0_.dp-dfg-dropdown-label {
border-radius: 4px;
border-color: #929292;
padding: 7px 12px;
font-size: 14px;
color: #808080;
}


.dpdfg_filtergrid_0 .dp-dfg-item {
border-radius: 6px;
box-shadow: 0px 0px 6px 0px #d6d6d6;
border: none;}

.dpdfg_filtergrid_0 .dp-dfg-image {
/*height:100%;*/
max-height: 222px;
overflow: hidden;
margin-bottom: 0px;
}

.dpdfg_filtergrid_0 .dpdfg-header {
margin-top: 0px;
padding: 0px 15px 25px;
padding-bottom: 25px!important;
}

.dpfg_filtergrid_0 .dp-dfg-skin-default .dp-dfg-pagination ul.pagination li.pagination-item {
border-radius: 100% !important;
margin-right: 12px;}

.et-l .dp-dfg-pagination .pagination a.pagination-link {
display:inline;
}

/* Filter Grid */

.acf-events-grid .event-grid-item, .event-hover .dp-dfg-items .products {
    transition: all 0.3s ease;
}
.event-category-filter ul a.active {
    font-weight: bold; /* Optional: Highlight active filter */
}

.pagination .next-posts a, .pagination .dp-dfg-last-page a, .pagination .dp-dfg-first-page a, .pagination .previous-posts a {
    background-color: transparent !important;
}

body .et-l .dp-dfg-skin-default .pagination li.active a {
    background-color: #3f9b63 !important;
    color: #fff;
}

.recomm-vendor-products .dp-dfg-filters, .recomm-vendor-products .dp-dfg-filters-buttons-layout {
    display: none;
}

/**Filtergrid Event Grid Layout**/
.event-grid-layout .dp-dfg-item{
    padding: 30px;
}

.recomm-vendor-products .dp-dfg-filters, .recomm-vendor-products .dp-dfg-filters-buttons-layout {
  display:none; /*hide recommended vendor product - individual pages filter*/
}

.gridview figure.dp-dfg-image.entry-thumb { 
margin: 0 !important;
padding-bottom:10px !important; 
} 
.gridview .dp-dfg-skin-default .dp-dfg-image img { 
width: 50px; 
} 
.gridview .dp-dfg-content.entry-summary { 
padding-bottom: 0 !important; 
} 
.gridview .dp-dfg-item { 
padding: 15px !important; 
} 
@media(max-width:980px){ 
.listview .dp-dfg-layout-list .dp-dfg-item { 
grid-template-columns: minmax(50px, 50px) auto !important; 
}
 } 
@media(min-width:981px){ 
.listview .dp-dfg-items { 
grid-template-columns: 49% 49% !important; 
} 
    } 
.listview .dp-dfg-layout-list .dp-dfg-image { 
margin: 0 !important; 
    width: 45px;
} 
.listview .dp-dfg-content.entry-summary { 
padding-bottom:10px !important; 
}
@media(max-width:767px)
{
.listview .dp-dfg-content.entry-summary { 
padding-bottom:0px 
    } 
    .listview .dp-dfg-layout-list .dp-dfg-item {
    padding: 15px !important;
}
}   

/* newsroom */ 
.newsroom-page .dpdfg_filtergrid_0  .dp-dfg-dropdown-label {
border-radius: 4px;
border-color: #929292;
padding: 7px 12px;
font-size: 14px;
color: #808080;
}

.newsroom-page .dpdfg_filtergrid_0 .dp-dfg-item {
padding-bottom: 60px;
border-radius: 6px;
box-shadow: 0px 0px 6px 0px #d6d6d6;
border: none;
}

.newsroom-page .dp-dfg-skin-default .dp-dfg-image img{
margin-bottom:0 !important;
height: 130px;
overflow: hidden !important;
object-fit:cover;
}
.newsroom-page .dp-dfg-header.entry-header { 
order: 2 !important;
} 
.newsroom-page .dp-dfg-meta.entry-meta { 
padding: 15px 15px 15px 15px; 
} 
.newsroom-page ul.pagination { 
justify-content: flex-end !important; 
margin-top: 30px !important; 
} 
.newsroom-page li.pagination-item a { 
padding: 10px 15px !important; 
border-radius:100% !important; 
margin-right: 10px !important; 
font-weight: bold; 
line-height: 16px !important; 
background: #e0e0e0 !important; 
} 
.newsroom-page li.pagination-item.dp-dfg-direction a { 
background: transparent !important; 
border: none !important; 
margin-right: 0 !important; 
} 
.newsroom-page li.pagination-item.active a { 
background: #3f9b63 !important; 
color: #fff !important; 
} 
.newsroom-page p.dp-dfg-dropdown-label { 
border-color: #929292 !important; 
border-radius: 5px; 
padding: 7px 10px !important; 
} 
.newsroom-page .dp-dfg-dropdown-label:after { 
right: 5px !important; 
} 

/* case studies */ 
.case-studies .dp-dfg-skin-default .dp-dfg-filter a.active, .dp-dfg-skin-default .dp-dfg-filter a:hover { 
color: #3f9b63 !important; /*green*/
background: #f4f4f4 !important; 
} 

.case-studies .dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown .dp-dfg-level { 
max-height: 300px; 
text-align: left; 
} 
.case-studies article:hover, .listview .dp-dfg-container .dp-dfg-items .dp-dfg-item:hover, .gridview .dp-dfg-container .dp-dfg-items .dp-dfg-item:hover, .event-grid:hover { 
transform: translate3d(0px, -7px, 0); 
transition: 0.3s all; 
} 

.case-studies .dp-dfg-filters-dropdown:nth-child(1):before { 
content: 'Client type'; 
position: absolute; 
top: -26px; font-size: 
14px; font-weight: 500; 
} 
.case-studies .dp-dfg-filters-dropdown:nth-child(2):before { 
content: 'Industries served'; 
position: absolute; 
top: -26px; 
font-size: 14px; 
font-weight: 500; 
} 
.case-studies .dp-dfg-filters-dropdown { 
margin-bottom: 50px !important; 
} 
.case-studies .dp-dfg-filters.dp-dfg-filters-dropdown-layout { 
margin-top: 80px; 
} 
.case-studies p.dp-dfg-dropdown-label { 
border-color: #929292 !important; 
border-radius: 5px; 
padding: 7px 10px !important; 
} 
.case-studies .dp-dfg-dropdown-label:after { 
right: 5px !important; 
} 
.case-studies ul.pagination { 
justify-content: flex-start !important; 
margin-top: 30px !important; 
} 
.case-studies li.pagination-item a { 
padding: 10px 15px !important; 
border-radius:100% !important; 
margin-right: 10px !important; 
font-weight: bold; 
line-height: 16px !important; 
background: #e0e0e0 !important; 
} 
.case-studies li.pagination-item.dp-dfg-direction a { 
background: transparent !important; 
border: none !important; 
margin-right: 0 !important; 
} 
.case-studies li.pagination-item.active a { 
background: #3f9b63 !important; 
color: #fff !important; 
} 


.case-studies .dp-dfg-meta.entry-meta { 
margin-left: 10px; 
} 
.case-studies .dp-dfg-content.entry-summary { 
margin-left: 10px; 
margin-bottom: 10px; 
} 

/***Rearrange meta below title - Newsroom Page***/

.dp-dfg-item {
    display: flex !important;
    flex-direction: column !important;
}

/* Ensure metadata is in a column layout */
.dp-dfg-meta {
/*     display: flex !important;
    flex-direction: column !important; */
/*  order: 1; */
    text-align: left;
}

/* Move .terms ABOVE the title */
.dp-dfg-meta .terms {
    order: -1 !important; /* Forces it to be first */
    margin-bottom: 5px !important;
}


/* Move .published BELOW the title */
.dp-dfg-meta .published {
    order: 2 !important; /* Moves it below everything */
    margin-top: 5px !important;
}

/* .dp-dfg-meta .published {
    position: relative;
    top: 50px; 
} */

/*****Newsroom - Press Releases - Divi Filtergrid Layout*****/
.press-releases .dp-dfg-meta {
    display: flex!important;
    flex-direction: column;
}

.press-releases .dp-dfg-meta span.terms {
    order: -1!important; /* Moves category above the title */
  font-weight:600;
  font-size:16px;
  color: #3F9B63!important;
}

.press-releases .et_pb_post_meta span.published {
    order: 2!important; /* Moves date below the title */
  font-size:16px;
  
}
.press-releases .dp-dfg-meta .published {
    order: 2 !important;
    margin-top: 5px !important;
    font-size: 16px !important;
    color: #666 !important;
}
.press-releases .dp-dfg-meta.entry-meta {
    position: static;
}
.press-releases span.published {
    position: absolute!important;
    bottom: 15px;
}
.press-releases article {
    padding-bottom: 30px!important;
}



/******DIVI FILTERGRID WEBINAR LAYOUT****/
.events-grid .dp-dfg-item {
  display: grid !important;
  grid-template-areas:
    "title"
    "date-time"
         "excerpt"
    "category"
    "button";
  grid-gap: 6px;
}

/* Title at the top */
.events-grid .dp-dfg-header {
  grid-area: title;
}

/* Excerpt on the 2nd row */
.events-grid .dp-dfg-content {
  grid-area: excerpt;
}

/* Date/time container on the 3rd row */
.events-grid .dp-dfg-item > div[grid-area="date-time"] {
  display: flex !important;
  flex-wrap: wrap;
  grid-area: date-time;
  align-items: center;
}

/* Make sure date, time, and event type all go on one line */
.dp-dfg-cf-start_date,
.dp-dfg-cf-end_date,
.dp-dfg-cf-start_time,
.dp-dfg-cf-end_time,
.dp-dfg-cf-session_type {
  margin-right: 10px;
  display: inline-block;
}

/* Event category on the 4th row - make sure it's visible */
.dp-dfg-cf-event_category {
  grid-area: category;
  display: block !important; /* Force display */
  visibility: visible !important;
}

/* Register Now button on the 5th row - make sure it's visible */
.dp-dfg-cf-button_call_to_action_text {
  grid-area: button;
  display: block !important; /* Force display */
  visibility: visible !important;
  text-align: center;
}

/* Style the custom button */
.dp-dfg-cf-button_call_to_action_text .dp-dfg-custom-field-value {
  display: inline-block;
  background-color: #2ea3f2; /* Divi default color - adjust as needed */
  color: white;
  padding: 10px 20px;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
}

/* Hide original custom content container but extract its elements first */
.dp-dfg-custom-content {
  display: none;
}
/******* END DIVI FILTERGRID WEBINAR EVENTS*****/

/**Styling**/
/*Event Date & Time*/
.events-grid .dp-dfg-cf-start_date,.dp-dfg-cf-start_time {
    background: #ECF5F0;
    border-radius: 4px;
    padding: 5px 10px;
}

/*Event Session Type*/
.events-grid .session-type-text {
    background: #E7F1FB; /*light blue*/
    padding: 2px 10px !important;
    border-radius: 20px;
    font-size: 13px;
    margin-left: 0px;
    margin-bottom:6px;
}

.events-grid .dp-dfg-container .dp-dfg-items .dp-dfg-item {
    padding: 30px;
}

/*Event Category*/
.events-grid .dp-dfg-cf-event_category .dp-dfg-custom-field-value {
    background: #EEE;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
}

.events-grid .dp-dfg-cf-button_call_to_action_text .dp-dfg-custom-field-value {
    display: inline-block;
    background-color: transparent;
    color: #3F9B63;
    padding: 0px;
    border-radius: 3px;
    cursor: pointer;
    text-transform: unset;
    font-weight: 700;
    font-size: 18px !important;
}


.dp-dfg-cf-button_call_to_action_text {
    text-align:left;
}
/***Filter Links***/
.events-grid .dp-dfg-pagination .pagination a,.events-grid .dp-dfg-skin-default .dp-dfg-filter a, .events-grid .et-l .dp-dfg-pagination .pagination a.pagination-link, .events-grid .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link  {
    border-radius: 20px;
    border:none !important;
    padding: 4px 10px !important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.1em !important;
    text-align: left;
}
.events-grid .dp-dfg-skin-default .dp-dfg-filter a.active, .events-grid .dp-dfg-skin-default .dp-dfg-filter a:hover  {
    background:#ECF5F0 !important;
}

.event-arrow {
 font-size: 18px;
    color:#3F9B63; /*green*/
}

/*****Integrations - Filtergrid Grid Layout****/

.dp-dfg-skin-default .dp-dfg-meta {font-size:15px !important; padding: 10px 0 0 0 !important;}

.dp-dfg-header { padding: 10px 10px 20px 10px; !important;order:2;}

  .dp-dfg-skin-default .dp-dfg-item {
display: flex;
    flex-direction: column; border:none !important;border-radius:6px;box-shadow:0px 3px 12px -3px rgb(0 0 0 / 20%)!important;}
   

  .dp-dfg-skin-default .dp-dfg-filter, .dp-dfg-skin-default .pagination li {margin-bottom:5px;}
  .dp-dfg-skin-default .pagination li {margin-right:5px;}
  .dp-dfg-skin-default .dp-dfg-filter a.active, .dp-dfg-skin-default .pagination li.active a, .et-l .dp-dfg-skin-default .dp-dfg-filter a.active, .et-l .dp-dfg-skin-default .pagination li.active a {background-color:#ecf5f0 !important;}
  .dp-dfg-pagination .pagination a, .dp-dfg-skin-default .dp-dfg-filter a, .et-l .dp-dfg-pagination .pagination a.pagination-link, .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {border:none !important;border-radius:15px;padding:0.8em 1.2em;}
  .dp-dfg-skin-default .dp-dfg-filters .dp-dfg-taxonomy-label {padding-bottom:0 !important;margin-bottom:10px !important;font-size:16px !important;font-weight:700 !important;text-align: left !important;
    padding-left: 15px;}
  .dp-dfg-skin-default.dp-dfg-skin-left-vertical-filters .dp-dfg-filters ul {text-align:left !important;text-transform:capitalize;}
 
 .dp-dfg-skin-default .dp-dfg-search-input {width:100%;border-top: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-top:3px;
    padding-bottom:3px;
    border-right:none;}

  .dp-dfg-search-icon {border-top: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size:1.6em !important;
    color:#3f9b63 !important;
    padding-right:5px !important;}
  
  
  .dp-dfg-pagination .pagination a, .dp-dfg-skin-default .dp-dfg-filter a, .et-l .dp-dfg-pagination .pagination a.pagination-link, .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {height:auto !important;}
  .pagination-link {font-size:1em !important;font-weight:500;border-radius: 20px !important; padding: 10px 13px !important;}
  .pagination .next-posts a, .pagination .dp-dfg-last-page a, .pagination .dp-dfg-first-page a, .pagination .previous-posts a {background-color:transparent !important;}
  .pagination a {background-color:#e5e5e5 !important;}
  body .et-l .dp-dfg-skin-default .pagination li.active a {background-color:#3f9b63 !important;color:#fff;}
  
  .dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown .dp-dfg-level {background:#fff;padding:10px;}
  .dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {margin-bottom:0;}
  
 .dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {
 border-radius: 6px;
 }

  
  @media only screen and (max-width: 980px) {
    .dp-dfg-search {top:120px;}
    .dp-dfg-filters {top:180px;}
  }
  
  @media only screen and (max-width: 480px) {
    .dp-dfg-search {position:relative !important;top:auto;}
    .dp-dfg-filters {position:relative !important;top:auto;}
    body .dp-dfg-layout-flex .dp-dfg-item {width:100% !important;}
    body .dp-dfg-skin-default .dp-dfg-filters .dp-dfg-taxonomy-label {text-align:center !important;}
      .dp-dfg-header .entry-title {width:100%; margin-top:5px !important;}
  .dp-dfg-skin-default .dp-dfg-item>div:last-of-type {
    padding-bottom:0 !important;
  }
    .dp-dfg-skin-default .dp-dfg-header h2.entry-title,.dpdfg_filtergrid_1 .entry-title {
      font-weight:700 !important;
    }
  }
div.dpdfg_filtergrid_0 .dp-dfg-layout-flex .dp-dfg-items {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)) !important;
}
/* adjust the "Get Access" CTA in primary header*/
ul.nav-menu>li>a {
    padding-right: 20px !important;
}

@media (max-width: 480px) {
.integration .dp-dfg-meta {
    padding: 10px 15px 0 15px !important;
}
}

/**Divi Filtergrid**/
 .et_pb_with_border .et-pb-icon {border: auto !important; border-top: 1px solid #a1a1a1!important;
    border-right: 1px solid #a1a1a1!important;
    border-bottom: 1px solid #a1a1a1 !important;}

 .dp-dfg-item:hover {
    transform: translate(0px, -7px);
    transition: transform 0.3s ease;
}