/* Home Banner */
.homeBannerHeading h1{
    font-size: 55px !important;
    line-height: 1.2;
    font-weight: 600 !important;
}
body.home #page-container .et_pb_section .homeBannerBtn {
    padding: 5px 36px 5px 18px !important;
    border-width: 0px !important;
    border-radius: 6px;
    font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    background-color: #7fba00;
    width: max-content !important;
    line-height: 35px !important;
    font-size: 18px !important;
    width: fit-content;
}
body.home #page-container .et_pb_section .homeBannerBtn:hover {
    padding: 5px 46px 5px 18px !important;
}


.et_pb_column_3.et_pb_column.et_pb_column_1_4.et_block_column.et_pb_css_mix_blend_mode_passthrough.home-banner-vid-col::before { content: "I"; font-family: ETmodules; width: 55px; height: 55px; font-size: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; color: #fff; line-height: 1em; }
.et_pb_section .et_pb_row.slider-nav{ padding-left: 5% !important; padding-right: 5% !important; max-width: 100% !important; }
body #page-container .et_pb_section .et_pb_button_2:after,
body #page-container .et_pb_section .et_pb_button_3:after,
body #page-container .et_pb_section .et_pb_button_4:after, 
body #page-container .et_pb_section .et_pb_button_5:after{ display: inline !important; }

/* body #main-footer .et_pb_row_0_tb_footer.footer-full-row, #main-footer .footer-full-row{
    max-width: 1600px !important;
        margin: 0 auto !important;
} */
body #main-footer .footer-full-row .et_pb_text_inner{ padding:0px 20px; }
body #main-footer .footer-menu-row .software-menu{ max-width: 345px; width: 100%; margin-right: 70px; }
body #main-footer .footer-menu-row .solutions-menu{
    max-width: calc(100% - 345px);
    width: 100%;
}

body #main-footer .footer-full-row.footer-bottom-row {
    padding: 20px 0px;
}

/* Header stikcy top position*/
body.et_fixed_nav.et_secondary_nav_enabled #main-header {
    top: 61px !important;
}

/* Home Banner End*/


/* Extension page */

body.wp-singular #page-container .et_pb_section .et_pb_button_0{
    max-width: max-content !important;
    width: 100% !important;
    padding: 12px 42px 12px 32px !important;
    line-height: 1.2em !important;
    min-height: auto!important;
    font-size: 18px !important;
}

body.wp-singular #page-container .et_pb_section .et_pb_button_0:hover{
    background-color: #7FBA00 !important;
    padding: 12px 52px 12px 32px !important;
}
body.wp-singular.page-child #page-container .et_pb_section .et_pb_button_0:hover{
    padding: 16px 52px 16px 32px !important;
}
body.home #page-container .et_pb_section .et_pb_button_0:hover{ background-color: #7FBA00 !important; padding: 16px 52px 16px 32px !important; }
body.wp-singular #page-container .et_pb_section .et_pb_button_0:after{ top: 10px; right: 0px; }
body.home #page-container .et_pb_section .et_pb_button_0:after{
    top: 10px;
    right: -5px;
}
body.wp-singular #page-container .et_pb_section .et_pb_button_0:hover:after{
    right: -20px;
}
body.home #page-container .et_pb_section .et_pb_button_0:hover:after{
    right: -20px;
}


body.wp-singular #page-container .et_pb_section .et_pb_button_1{
    font-size: 18px !important;
    padding: 5px 32px !important;
        justify-content: center;
    display: flex;
}

body.wp-singular #page-container .et_pb_section .et_pb_button_1:hover{
    padding: 5px 52px 5px 32px !important;
}
body.home #page-container .et_pb_section .et_pb_button_1:hover{
    padding: 5px 52px 5px 32px !important;
}
body.wp-singular #page-container .et_pb_section .et_pb_button_1:after{ top: 10px; right:0px; }
body.wp-singular #page-container .et_pb_section .et_pb_button_1:hover:after{ right: -10px; }
/* body.wp-singular #section-highlights{
    margin-top: 0px !important;
} */

body.wp-singular .et_pb_icon_2.et_pb_icon.et_pb_module.et_block_module .et_pb_icon_wrap{
    transform:none;
}

body.wp-singular .et_pb_icon_3.et_pb_icon.et_pb_module.et_block_module .et_pb_icon_wrap{
    transform:none;
}

/* pricing Page button fix */

body #page-container .et_pb_section  #pricing-table  div a.et_pb_button{font-size: 16px !important;padding-left: 1em !important;padding-right: 1em !important;}
body #page-container .et_pb_section  #pricing-table  div a.et_pb_button::after{display: contents;}
/* process-management page */
body .hero-section-grid-ad .hero-grid  div.module-image{margin-top: auto;margin-bottom: auto !important;}
/* non-conformance/ */
body #hero-section-grid .hero-grid  div.module-image{margin-top: auto;margin-bottom: auto !important;}
body #section-highlights-2 .et_pb_module_header h6{ font-size: 20px !important; line-height: 1.2; font-weight: 600 !important; color: #343434 !important; }

/* home page blog grid button width fix */
body #section-latest-news .et_pb_module a.cta-primary{font-size: 18px !important;    padding-right: 1.8em !important;padding-left: 1.8em !important;}
/* pricing page pricing button icon fix*/
body #page-container div.et_pb_module a.primary-cta.pricing-cta{padding-right: 1.7em !important;padding-left: 1.7em !important;}
body #page-container div.et_pb_module a.primary-cta.pricing-cta::after{display: unset;}
body #page-container .et_pb_section #pricing-table div a.et_pb_button{max-width: 200px;margin-inline: auto;padding-left: 1.7em !important;padding-right: 1.7em !important;}
/* #main-header .container{padding-top: 10px;} */

/* contact form full widht */
body #section-contact-form { width: 90% !important; margin-inline: auto !important; }
/* Slick slider dot solutions/microsoft365-medical-qms */
body .image-gallery-carousel-ad div.et-pb-controllers { height: revert-rule !important; }

#main-footer .footer-full-row  > div > div > div {padding-left: 0px !important;}
body .free-trial-form .phone-fields .wpcf7-not-valid-tip { bottom: -14px; font-size: 10px;}
body .contact-form-section .wpcf7-not-valid-tip{font-size: 10px;}
/* body.page-id-24488 #hero-section-grid .hero-grid .et_pb_row_sticky, body.page-id-23919  #hero-section-grid .hero-grid .et_pb_row_sticky{background-color: #1B77BD;} */

/* video anchor tag set display inline block to avoid full link */
body .landing-hero .landing-vid-logo a {display: inline-block;}

/* buttron fix on webinar pages */
body.wp-singular #page-container .webinar-thankyou .et_pb_text_inner a.et_pb_button:hover{ background-color: rgba(0, 0, 0, .05) !important;     border: 2px solid transparent;  }
body.wp-singular #page-container .webinar-thankyou .et_pb_text_inner a.et_pb_button::after{ right: 0px !important; top: 50% !important;}
body.page.page-id-27427 #section-hero-video a.et_pb_button{font-size: 16px !important; padding-right: 2em !important; padding-left: 0.7em !important;}
body.page.page-id-27427 #section-hero-video a.et_pb_button::after{top: 50%; right: unset;}
body #main-content #section-explore-extensions .et_pb_button.et_pb_promo_button::after{margin-left: 0em !important;}
/* fix breadcrump color on page */
body.page.page-id-23754 .breadcrumbs span{color: #fff;}
body.page.page-id-23754 .breadcrumbs span a{color: #fff !important;}
body.page.page-id-23754 .breadcrumbs span.breadcrumb_last{color: #fff;}
@media screen and (max-width:1600px){
    #main-footer .footer-full-row  > div > div > div {padding-left: 20px !important;}
}
@media screen and (max-width:1440px){
body.wp-singular #page-container .et_pb_section .et_pb_button_1:after {
    top: 16px;
    right: -4px;
}
}
@media screen and (max-width:1024px){
    body.et_fixed_nav.et_secondary_nav_enabled #main-header { top: 60px !important; }
    .discover-btn-wrapper .et_pb_button_module_wrapper{position: unset !important; margin-top: 20px;}
    #main-footer .footer-full-row.footer-bottom-row .footer-container.bottom .col:first-child { max-width: 60%; }
    body.page-child div#section-customer-logos{width: 100% !important;}
}
@media screen and (min-width: 981px) {
    body.wp-singular .et_pb_gutters2.et_block_row.et_pb_row>.et_pb_column_1_2{
        width: 50%;
        margin-right: 0px;
    }

    body.wp-singular .et_pb_gutters2.et_block_row.et_pb_row>.et_pb_column_1_4{
        width: 25%;
        margin-right: 0px;
    }
    
}

body.wp-singular div#section-explore-extensions h2.et_pb_module_header{
    font-size: 40px !important;
}
div#section-explore-extensions .et_pb_heading_container h3.et_pb_module_header{
    font-size: 28px !important;
    line-height: 1.2em !important;
}

body.wp-singular .et_pb_row_14.et_pb_row{
    width: 90%!important;
}

/* Services page - Shift to Intelligent Quality with BPAQuality365® */
body.page-child div#section-customer-logos{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 90%;
}

body #page-container .et_pb_section .et_pb_button_6:hover ,body #page-container .et_pb_section .et_pb_button_7:hover{
    padding-right: 3em !important;
}

body #page-container .et_pb_section .et_pb_button_6:after ,body #page-container .et_pb_section .et_pb_button_7:after{
    top: 8px!important;
    transition: right 0.3s ease-in-out!important;
}

body #page-container .et_pb_section .et_pb_button_6:hover:after ,body #page-container .et_pb_section .et_pb_button_7:hover:after{
    right: -10px!important;
}
body.page-id-28375 .et_pb_row_14.et_pb_row { width: 100% !important; }
#module-slider-row .module-slider .module-image{
    margin-left: 0px !important;
}

body .slider-nav .slider-next .et_pb_icon{
    transform:none !important;
}

body .slider-nav .slider-prev .et_pb_icon{
    transform:none !important;
}

body .slider-nav .slider-next .et_pb_icon .et_pb_icon_wrap{
    transform: rotate(90deg);
}
body .slider-nav .slider-prev .et_pb_icon .et_pb_icon_wrap{
    transform: rotate(-90deg);
}

body.page.page-id-2006  #section-highlights-2 h3.et_pb_module_header{color: #333 !important;font-size: 41px !important; line-height: 1.2;font-weight: 600 !important;}
body #events-row .webinar-schedules .next.page-numbers:before {    transform: rotate(180deg); right: 0;}
body #events-row .webinar-schedules .prev.page-numbers:before{right: 50px;}

@media screen and (max-width: 980px) {
    body.wp-singular body .et_pb_row_0.et_pb_row{
        margin-top: 0px !important;
        margin-bottom: 40px !important;
    }
    
    body.wp-singular #section-highlights > .et_pb_column{
        margin-bottom: 0px;
    }

    body.wp-singular .et_pb_button_1_wrapper{
        position: static !important;
        margin-top: 15px !important;
    }
    
    /* body.wp-singular .et_pb_row_10{
        max-height: 300px;
        justify-content: center;
    } */
    
     /* On page extension/incident-power-apps unset max-height */
    body.page-id-16290.wp-singular .et_pb_row_10{
        max-height: unset;
      
    }
    body.page.page-id-21902  .et_pb_button_2_wrapper{position: unset !important;}
    body #section-contact-form .contact-form-section{margin-top: 0px !important;}

    body.wp-singular #section-media-columns .et_pb_module{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /* On page microsoft365-eqms added classes to unset max-height */
    body.wp-singular .no-max-height .et_pb_row_10 {max-height: unset;}
    body.wp-singular #page-container .no-max-height .et_pb_button_1{font-size: 16px !important;}

    /* disable overfloew from slick slider */
    .section-customer-ad#section-customer-logos .slick-list{overflow: hidden;}
    .contact-form-section#free-trial h3{text-align: center;}

    /* contact form on page microsoft365-eqms */
    .contact-form-section#free-trial .et_pb_testimonial_inner{display: flex;flex-direction: column;gap: 1rem;}

    /* cta subscriber form section text center */
    #section-cta-newsletter .et_pb_text_inner pre { text-align: center !important;}
    body.page.page-id-21902  #section-contact-form{padding-top: 0px !important;}
    .software-banner#partner-program #hero-row-text-img{margin-bottom: 0px !important;}
    .section-features-block#features-block{padding-top: 0px !important;}
    body.page.page-id-28375 .et_pb_button_module_wrapper.et_pb_button_2_wrapper{top: 0px !important;}
    body.page.page-id-28375 .section-features-block#features-block{padding-top: 30px !important;}

    /*  page /extensions/incident-power-apps/ button fix*/
body.page.page-id-16290  #features-block .et_pb_module.et_pb_button_module_wrapper {position: unset  !important; bottom: 0px;left: 0px;}
}


/* .et_pb_row_10 is Divi's auto-generated row index, not a stable per-page id - the
   max-height:300px rule above (originally meant for a different row) leaks onto the
   "Agile eQMS modules" 4-col icon grid on the Medical QMS page, clipping it to 300px
   at max-width:980px and causing the next row to overlap it. Cancel it for this row. */
@media screen and (max-width: 980px) {
    body.wp-singular #section-modules .et_pb_row_10{
        max-height: none !important;
        justify-content: flex-start !important;
    }
    body.page.page-id-14822  div#section-media-columns img{    height: auto;}
}
@media screen and (max-width: 768px) {
body.page.page-id-2006  #section-highlights-2 h3.et_pb_module_header{color: #333 !important;font-size: 28px !important;}
 #features-block.section-features-block > div:first-child div.et_pb_heading{ padding-inline: 0px!important; }
body.wp-singular #page-container  #partner-program a.primary-cta{padding: 5px 25px !important;}
body.page-id-14822.wp-singular #page-container  #partner-program a.primary-cta{padding: 12px 42px 12px 32px !important;}
/* remove margin from heading and text */
#features-block.section-features-block > div:first-child div.et_pb_heading{margin-left: 0px !important;}
div#features-block div.et_pb_heading{margin-top: 0px !important;}
body.wp-singular div#section-customer-logos{ margin-bottom: 0px !important; }


/* flex-start for the power extension box */
body.page-id-23929 .Power-extension-icon-list-ad.extension-without-image .image-box-ad{align-items: flex-start;gap: 20px;}
/* page audit managemnent*/
body .Power-extension-icon-list-ad.extension-without-image .image-box-ad{align-items: flex-start;gap: 20px;}
body.et_fixed_nav.et_secondary_nav_enabled #main-header { top: 85px !important; }
body #section-cta-newsletter .et_pb_code_3.et_pb_code.et_pb_module{margin-left: 0px !important;}
#sticky-content > .inner-feature-row .inner-row-cta-section { width: 100% !important; position: relative; left: 0; /* overflow: hidden; */ margin-top: 20px; margin-bottom: 20px; }
div#sticky-content .slider-nav{width: 100vw !important;
    max-width: 100vw !important;}
body.page-id-25576 #features-block .et_pb_accordion .et_pb_accordion_item {border: 0px !important;border-bottom: 1px solid #d9d9d9 !important;}
#main-footer .footer-full-row.footer-bottom-row .footer-container.bottom .col:first-child { max-width: 100%; }
body .et_block_module.wp-video-popup span::before{width: 100px; height: 100px; top: calc((100% - 100px) / 2); left: calc((100% - 100px) / 2);}
body #section-contact-form #free-trial {margin-top: 55px !important;
    padding-top: 55px !important;}
#partner-program div#section-highlights .et_pb_column{width: 100% !important;}
/* style.css's mobile override still targets Divi4's old class name (et_pb_module_heading).
   Divi 5 renders these as et_pb_module_header instead, so the override never matches and
   the desktop rule ("body h4", higher specificity) wins at every width - headings that
   should shrink to 22px on mobile stay at 28px and wrap awkwardly (e.g. the "Want to learn
   more about BPA's eQMS?" CTA). Re-target the current class name with enough specificity
   to beat "body h4". */
body h4.et_pb_module_header{ font-size: 22px !important; font-weight: 700 !important; line-height: 1.2 !important; }
body.wp-singular #page-container .et_pb_section .et_pb_button_0{font-size: 16px !important;    padding: 16px 52px 16px 32px !important; margin:0px !important;}
body .cta-primary, body .primary-cta{font-size: 16px !important;}
body.home #page-container .et_pb_section .homeBannerBtn { padding: 5px 36px 5px 18px !important; border-width: 0px !important; border-radius: 6px; font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important;width: max-content !important; line-height: 35px !important; font-size: 18px !important; width: fit-content; }
/* main page hero h1 font size */
body.page-template .landing-hero #section-hero-video h1.et_pb_module_heading{font-size: 35px !important;}

body .landing-hero #section-hero-video h1.et_pb_module_header{font-size: 35px !important;}

/* FOOTER */
body #main-footer .footer-menu-row .solutions-menu{ max-width: calc(100% - 200px); width: 100%; }
body #main-footer .footer-menu-row .software-menu { max-width: 200px; width: 100%; margin-right: 20px; }
}


@media (max-width:667px){
    body.wp-singular .no-max-height .et_pb_row_10{flex-direction: column;}
    body #main-footer .footer-menu-row .solutions-menu{ max-width: 100%; width: 100%; }
body #main-footer .footer-menu-row .software-menu { max-width: 100%; width: 100%; margin-right: 0px; }
body #main-footer .footer-menu-row{
    flex-direction: column !important;
}
#main-footer .footer-full-row.footer-bottom-row .footer-container.bottom .col:last-child p{
    flex-wrap: nowrap !important;
}
}

@media screen and (max-width: 480px) {

    body div#section-cta-newsletter div{
        margin: 0 !important;
    }
    body a.cta-primary.et_pb_bg_layout_dark:after{
        top: 0px;
    }

    body.wp-singular #page-container .et_pb_section .et_pb_button_1:after{
        top: 10px;
    }
    .section-features-block#features-block{
        padding-top: 50px !important;
    }

    body.wp-singular #section-modules .et_pb_row_10{
        justify-content: center !important;
    }

    .et-l--post>.et_builder_inner_content .et_pb_section.et_pb_section_9, .et-l--post>.et_builder_inner_content .et_pb_section.et_pb_section_8{
        padding: 40px 10px;
    }

    /* Slider heading */
    #module-slider-row .et_pb_heading h3{
        font-size: 28px !important;
        text-align: left !important;
    }

    body.wp-singular.page-child #page-container .et_pb_section .et_pb_button_0{
        max-width: max-content !important;
    }
    body.wp-singular #page-container .et_pb_section .et_pb_button_0{
        max-width: 100% !important;
        width: 100% !important;
    }

    body.wp-singular.page-child div.software-banner{
        padding-inline: 0px !important;
        padding-bottom: 50px !important;
    }

    body.wp-singular div#section-customer-logos{
        padding: 40px 0px;
    }

    #section-media-columns .et_pb_row_10{
        flex-wrap: wrap;
    }

    body div#section-explore-extensions .et_pb_row .et_pb_module.et_pb_promo{
        padding: 20px 0px 20px!important;
    }
    div#section-why-microsoft .et_pb_column{
        width: 100% !important;
    }
    body #section-modules .module-item{
        max-width: 100% !important;
    }
    .cta-primary.cta-light:after{
        top: 8px;
    }
#main-footer .footer-menu-row{flex-direction: column;}
#main-footer .footer-menu-row > div {width: 100% !important;max-width: 100%  !important;}
    body.et_fixed_nav.et_secondary_nav_enabled #main-header {
        top: 125px !important;
    }
body.wp-singular #section-customer-logos{width: 100% !important;}
div#brochure-download > div { max-width: 90% !important; }
body #page-container .et_pb_section .trusted-cta-ss{max-width: 86% !important;}
body #section-explore-extensions{    padding-top: 0;}
body #section-explore-extensions .market-row{margin-top: 0px !important;}
body.page.page-id-23923 #sticky-content div.fullwidth-mob.document-row-space{left:0px !important;}
body.page .webinar-thankyou .et_pb_text_inner p img{padding-top: 30px;}
body.page .thankyou-section .et_pb_text_inner p img{padding-top: 30px;}

/* contact page fixe*/
body.page.page-id-996 .et_block_section .et_block_row span img{margin-top: 30px;}
body.page.page-id-996 .community-portal-cta{margin-top: 40px;}
/* footer logo center*/
#main-footer .footer-top-row .col:first-child{display: flex;justify-content: center;align-items: center;}
body #section-modules .module-item { max-width: 90% !important; }
}

/* Hide the invisible reCAPTCHA badge - shows a domain-mismatch error on non-production hostnames */
.grecaptcha-badge{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}



/* Medical QMS page (page-id-20503): the "Request a demo" button in the hero CTA card
   is absolutely positioned (inset: auto auto 35px 35px) by Divi's own per-post CSS,
   which was tuned for desktop. On mobile it overlaps the caption text below it.
   Scoped to this page id so it can't affect any other page's own button_0. */
@media screen and (max-width: 767px) {
    body.page-id-20503 .et_pb_button_0_wrapper{
        position: static !important;
        inset: auto !important;
        margin-top: 15px !important;
    }
}


@media screen and (max-width: 430px) {
    body header#main-header, .et_secondary_nav_only_menu header#main-header, body.et_fixed_nav.et_secondary_nav_only_menu.admin-bar header#main-header {
        top: 140px !important;
    }
    div#lateral-tabs ul.et_pb_tabs_controls li a{padding: 10px;}
    body #lateral-tabs .et_pb_tab { padding: 10px; }
     body #lateral-tabs .et_pb_tab .fluid-width-video-wrapper{margin-top: 20px;}
    div#section-contact-form div#free-trial{padding-left: 0px !important;padding-right: 0px !important;}
    body.wp-singular #page-container .et_pb_section .et_pb_button_1:after{top:0%;}
/*  page /extensions/incident-power-apps/ overflow fix*/
body.page.page-id-16290 #main-content {overflow-x: hidden;}
body.wp-singular.page.page-id-30246 #page-container .et_pb_section .primary-cta.pricing-cta{    font-size: 16px !important;}
body.wp-singular.page.page-id-30246 #page-container #section-hero-video .et_pb_button_module_wrapper{margin-right: 0px !important;}
body.wp-singular.page.page-id-30246 #page-container .et_pb_section .primary-cta.pricing-cta::after{top:8px;}
}