/*
 Theme Name:     ZaiLab
Theme URI:       https://creativepace.com/
Description:	 Pace Creative Child theme of GeneratePRess
Author:			 Pace Creative
Author URI:		 https://creativepace.com/
Template:		 generatepress
Version:		 2.1.3
Release Date:    8 June 2024
*/

:root {
 
    --white:#ffffff;
    --cyan:#56CBFF;
    --navy:#051565;
    --dark-navy:#111827;
    --light:#F5F8FF;
    --blue:#0496FF;
    --gray:#F5F8FF;
    --bg-blue:#EDF1F7;
    --br-section-blue:#EDF1F7;
    --bg-section-blue:#F5F8FF;
    --br-faq-blue:#C4CDD8;
    --bg-faq-blue:#F5F8FF;
    --light-gray:#C4CDD8;
    --line-gray:#EDF1F7;
    --red:#DC2626;
    --dark-gray:#111827;
    
}

/* Typography */

body {
    font-family: 'Source Sans Pro', sans-serif !important;
    background-color:var(--white) ;
    
}
h1 {
    font-family: 'dm serif display' !important;
    font-size: 64px;
    font-weight: 600;
    font-style: normal;
    line-height: 64px;
    letter-spacing: -1px;
    Color: var(--light) ;
	margin-bottom: 10px !important;
}
 h1 span{
    Color: var(--cyan) ;
    text-transform: lowercase;
}

h2 {
    font-family: 'dm serif display'!important;
    color: var(--navy);
    margin-bottom: 40px;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; 
    letter-spacing: 0px;
    text-transform: capitalize;
}
h3{
    font-family: 'Source Sans Pro', sans-serif !important;
    Font-size:32px;
    Line-height:32px ;
    letter-spacing: 0px;
    font-weight:700;
    Color:var(--navy);
    text-transform: none;
	margin-bottom: 40px;
    
}
.h3-left{
    font-family: 'Source Sans Pro', sans-serif !important;
    Font-size:32px;
    Line-height:32px ;
    letter-spacing: 0px;
    font-weight:700;
    Color:var(--white);
    text-transform: none;
}
h4{
	font-family: 'Source Sans Pro', sans-serif !important;;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; 
    font-size:17px;
    letter-spacing:2px;
    color:var(--blue);
    text-transform: uppercase;
    margin-bottom:0px;
}


/*h5{
    
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    Color:var(--black); 
} */
p.body-lg{
	font-family: 'Source Sans Pro', sans-serif ;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0.05em;
    color:var(--light) !important; 
}
p a{
    color:var(--navy);
}
a{
    color:var(--navy);
    font-weight:700;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px !important;
}
p.body-m{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400; 
	line-height: 24px;
    letter-spacing: 0px;
    color:var(--dark-gray) !important; 
}
li.body-m{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400; 
	line-height: 24px;
    letter-spacing: 0px;
    color:var(--dark-gray) !important; 
}

p.body-m-white{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400; 
	line-height: 24px;
    letter-spacing: 0px;
    color:var(--white) !important; 
}
p.body-m-white span {
    font-weight: 900 ;
    color:var(--white) !important; 
}

p.body-large-bold {
font-family: var(--font-family-body, "Source Sans Pro");
font-size:  20px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 160% */
letter-spacing:  0px;
margin-bottom: 10px;
Color: var(--dark-navy) !important;
}
P{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    Color: var(--dark-navy) !important;
   
} 
:where(.wp-block-columns) {
    margin-bottom: 0px !important;
}
.wp-block-getwid-section__wrapper{
    padding:0px;
}

@media (max-width: 781px) {
 
    h1{
        Font-size:40px ;
        Line-height:40px ;
        letter-spacing: -1px;;
    }
 
	.h1-italic{
		font-size:32px;
		 Line-height:38px ;
	}
    h2{
        Font-size:32px;
		line-height:32px;
        font-weight: 700;
    }
 	.h2-italic{   
		Font-size:28px;
		line-height:34px;
	}
    h3{
        Font-size:24px;
		line-height:24px;
        font-weight: 900;
		margin-bottom: 20px;
	}
    .h3-left {
        Font-size: 24px;
        Line-height: 24px;
    }
	h4{
        Font-size: 16px;
        line-height: 16px;
        font-weight: 900;
        letter-spacing: 2px;
        margin-bottom: 8px !important;
	}
    p.body-lg{
	    font-family: 'Source Sans Pro', sans-serif ;
	    font-size: 18px;
        line-height:24px;
    }
    
	.body-m-bold p{
        Font-size:16px;
		line-height:24px;
	}
    p.body-m-white{
       
        line-height: 20px;
      
    }
	p.body-xxl{
        Font-size:18px;
		line-height:24px;
	}
	p.body-xl{
        Font-size:16px;
		line-height:22px;
	}
	p.body-m{
        Font-size:16px;
		line-height:24px;
	}
    
    .hero-left-button a{
        font-size:18px !important;
    }
    .hero-right-button a{
        font-size:18px !important;
    }
       p.body-large-bold{
	    font-family: 'Source Sans Pro', sans-serif ;
	    font-size: 18px !important;
        line-height:24px !important;
    }
}

/* Layout  ****************************************/
.grid-container {
    max-width: 100%;
    --bs-gutter-x: 0;
    overflow-x: hidden;
    /*padding:0px;*/
    
}
.site-content .content-area, .inner-content,
.wp-block-getwid-section__inner-content {
    display: block;
    margin: 0 auto;
    max-width: 1440px;
    
}
.wp-block-getwid-section .wp-block-getwid-section__wrapper .wp-block-getwid-section__inner-wrapper{
    max-width: 1440px;
}


.site-content{
    background-color: #fff;
}
.separate-containers .site-main{
    margin:0 auto ;
}
/* Header *******************************************/
/* active page manu navigation underline */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    /*text-decoration-color: var(--navy) !important;
    text-underline-offset: 8px;
    text-decoration-thickness: 4px !important;
    text-decoration: underline;
*/
    color: var(--navy) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    letter-spacing: 0px;
}  
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a
{
    color:var(--navy) !important;
}
li#menu-item-75 {
    display:block;
}
.inside-header {
    padding: 24px 40px;
    max-width: 1440px;
}
.main-navigation a{
    color: var(--navy);
    text-align: center;

    /* Nav Desktop */
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /*display: inline-flex;*/
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    
}

.main-navigation a:hover{
    text-decoration: underline;
    color:var(--navy) !important;
    background-color:var(--gray);
    -webkit-text-decoration-color: var(--navy); /* Safari */  
    text-decoration-color: var(--navy);
    text-underline-offset:8px;
    text-decoration-thickness:2px;
    border-radius:12px;
    padding: 10px 24px !important;
}
.main-navigation .main-nav ul li a {
    padding: 16px 24px !important;
    line-height: 16px ;
}
.main-navigation .main-nav ul li a:hover {
    padding: 16px 24px !important;
    line-height: 16px ;
}
/*.main-navigation a:active{
    text-decoration: underline;
    color:var(--gray) !important;
    -webkit-text-decoration-color: var(--light-gray) !important; 
    text-decoration-color: var(--light-gray) !important;   
}



.main-navigation a:visited{
    text-decoration: underline;
    color:var(--gray) !important;
    -webkit-text-decoration-color: var(--dark-yellow) !important;  
    text-decoration-color:var(--dark-yellow) !important; 
}*/
li#menu-item-33 a {
    background-color: var(--navy) !important;
    color: var(--white) !important;
    text-align: center;
    border-radius: 26px;   
    margin: 0 auto;
    margin-top: 10px;
    /* justify-content: left; */
    /* margin-top: 14px; */
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 16px 24px !important;
   
}
li#menu-item-33 a:hover{
	background-color:var(--cyan) !important;
	border:1px solid var(--cyan) !important;
    color:var(--navy) !important;
    text-decoration: underline;
    text-decoration-thickness:2px;
    padding:16px 24px !important;
}

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 4px 4px 0 var(--color-border-default, #C4CDD8);
}
@media (max-width: 855px) {
	.main-navigation .main-nav ul li a{
		padding-left:8px;
		padding-right:8px;
	}
    .wp-block-buttons>.wp-block-button {
         width: 100%;
    }



}
@media (max-width: 1145px) {
    li#menu-item-33,
    li#menu-item-28
    {
        border-top:unset;
    }
	.menu-toggle {
    	font-weight: bold;
    	font-size: 30px;
}
    .gp-icon svg {
        height: 80%;
        width: 80%;
        margin-top: 0px;
    }
    .inside-header {
        margin: 0px;
        padding-right: 0;
        padding-left: 0;
        padding-top:0px;
        padding-top: 20px;
        background: var(--White, #FFF);
        box-shadow: 0 4px 4px 0 var(--color-border-default, #C4CDD8);
    }
	
    .inside-header.grid-container {
        padding: 0px;
}
    .main-navigation .main-nav ul li a{
        padding-left:0px;
        color: var(--navy);
        text-align: left;

        /* Subhead 2 Mobile */
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .main-navigation.toggled .main-nav li {
        width: fit-content;
        text-align: left;
    }
    .main-navigation .main-nav ul li a {
        padding: 10px 24px !important;
        
    }
    .main-navigation li{
        /*border-top: 1px solid #E9E9E9;*/
        
    }
	
	.main-navigation a:hover{
    	
	}
	.main-navigation a:active{
    	
	}
	.main-navigation .main-nav ul li a:hover{
		
	}
    .has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 10px;
    }
    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: white;
    }
.main-navigation .main-nav>ul{
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom:20px;
    }
div#primary-menu {
    border-radius: 0px 0px 20px 20px;
    background: var(--White, #FFF);
   /*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.58);*/
    padding-bottom: 10px;
}
.site-header {
    background: var(--color-background-default, #FFF);
    box-shadow: 0 4px 4px 0 var(--color-border-default, #C4CDD8);
   z-index:9999;
}
button.menu-toggle {
    padding-right: 20px;
}
.site-logo{
    padding:20px;
	
}

}

.pum-theme-14 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close {
    
    position: absolute;
    height: 35px!important;
    width: 35px!important;
    left: auto;
    right: 24px!important;
    bottom: auto;
    top: 24px!important;
    padding: 4px!important;
    color: var(--navy) !important;
    font-weight: 100;
    font-size: 21px!important;
    line-height: 20px!important;
    border: 2px solid  var(--navy)!important;
    border-radius: 42px!important;
    box-shadow: unset !important;
    text-shadow: unset !important;
    background-color: #cccccc00!important; 
    font-family: 'dm serif display' !important;
}
.pum-theme-14 .pum-container, .pum-theme-enterprise-blue .pum-container {
    padding: 28px;
    border-radius: 20px !important;
    border: 1px none #000000;
    
    background-color: rgba(255, 255, 255, 1.00);
}
div#popmake-44{
box-shadow: 0 4px 4px 0 var(--color-border-default, #C4CDD8) !important;
}
.pum-theme-14 .pum-container, .pum-theme-enterprise-blue .pum-container
#popup{
    padding:0px !important;
}
#popup-screening .wp-block-getwid-section__inner-content {
    padding: 75px;
}
#popup-treatment .wp-block-getwid-section__inner-content {
    padding: 65px;
}
#popup-followup .wp-block-getwid-section__inner-content {
    padding: 70px;
}
#popup-randomization .wp-block-getwid-section__inner-content {
    padding: 55px;
}
#popup-infprmed .wp-block-getwid-section__inner-content {
    padding: 65px;
}
div#popmake-92{
    border-radius: 20px;
}
div#tippy-1,
div#tippy-2,
div#tippy-3,
div#tippy-4,
div#tippy-5 {
    display: none;
}
.popup h4{
    color: var(--navy);
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing:  0px;
	margin-bottom: 10px;
	text-transform: none;
}
#popup-informed .wp-block-getwid-section__inner-content {
    padding: 75px;
}

div#popmake-21{
    border-radius: 20px;
}
div#tippy-1,
div#tippy-3 {
    display: none;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
    padding-right: 0px !important;
}

/* hero section **************************/


#hero .wp-block-getwid-section__wrapper{
    padding:128px 40px;
	min-height: 570px !important;
}
.hero-buttons{
	gap:0px ;
}
.hero-left-button a::after{
    content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    background-image: url('/wp-content/uploads/2026/04/union.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.hero-left-button a:hover::after{
    content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    background-image: url('/wp-content/uploads/2026/06/union-4.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.hero-left-button a{
    background-color: var(--cyan) !important;
    padding:20px 24px !important;
    border-radius: var(--radius-full, 9999px);
    color:var(--navy) !important;
    font-size:20px ;
    line-height:32px;
    font-weight:600;
}
.hero-left-button a:hover{
    background-color: var(--navy) !important;
    border-radius: var(--radius-full, 9999px);
    color:var(--cyan) !important;
    text-decoration: underline;
    border:1px solid var(--navy);
    text-underline-offset: 8px;
   
    outline: 2px solid var(--cyan); 
    outline-offset: -6px; 
}
.hero-right-button a{
    background-color:transparent !important;
    font-size:20px ;
    border-radius: var(--radius-full, 9999px);
    border:2px solid var(--white) !important;
    color:var(--white) !important;
    line-height:32px;
    font-weight:600;
    padding:20px 24px !important;
}
.hero-right-button a:hover{
     background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: var(--radius-full, 9999px);
    color:var(--white) !important;
    text-decoration: underline;
    border:1px solid var(--white);
    text-underline-offset: 8px;
    border:2px solid var(--white);
}
.hero-right-button a::after{
    content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    background-image: url('/wp-content/uploads/2026/04/union-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


img.wp-image-39,
img.wp-image-40{
    margin-left: 8px;
}
.hero-buttons {
    gap: 20px;
}

@media (max-width: 765px) {
    #hero .wp-block-getwid-section__wrapper{
        padding:0px 20px 0px 20px;
    }
    #hero .wp-block-getwid-section__background{
        background-image: url(/wp-content/uploads/2026/06/hero-mobile.jpg) !important;
        background-repeat: no-repeat;
    }
	.hero-buttons{
		gap:16px ;
	}
	#hero .getwid-reset-min-height-mobile {
        min-height: 600px !important;
    }
}
/* About section *************************/
    #about{
        padding:40px ;
       
    }
.hero-buttons.about {
    padding-top: 40px;
}
    .left-about {
        background-color: #051565;
        color: #ffff;
        padding: 40px 40px 16px 40px;
        border-radius: 20px;
    }


.about-left-button a{
    background-color: var(--white) !important;
    padding:24px;
    border-radius: var(--radius-full, 9999px);
    color: #051565 !important;
    font-size:17px !important;
    border:2px solid var(--navy) !important;  
    font-size:20px !important;
    font-weight:600;
    line-height:32px;
    letter-spacing: 0px;
    padding:20px !important;
}
.about-left-button a::after{
    content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    background-image: url('/wp-content/uploads/2026/04/union.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.about-left-button a:hover{
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px !important;
}
.about-right-button a{
    background-color:transparent !important;
    padding:24px;
    font-size:20px !important;
    border-radius: var(--radius-full, 9999px);
    border:2px solid var(--white) !important;
    color:var(--navy) !important;
    padding-left:0px !important;
    font-size:20px;
    font-weight:600;
    line-height:32px;
    letter-spacing: 0px;
    padding:20px !important;
}
.about-right-button a::after{
    content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    background-image: url('/wp-content/uploads/2026/04/union.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.about-right-button a:hover{
    color:var(--cyan) !important;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px !important;
}
.about-right-button a:hover::after{
    content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    background-image: url('/wp-content/uploads/2026/06/union-4.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
 /*   content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    background-image: url('wp-content/uploads/2026/06/union-4.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
*/
@media (max-width: 765px) {
    #about{
        padding:40px 20px !important;
       
    }
    .left-about {
        padding: 20px 20px 0px 20px;
    }
    #about a.wp-block-button__link.wp-element-button {
        text-align: left;
    }
    .about-right-button a,
    .about-left-button a{
        font-size:18px !important;
        line-height:24px ;
       
    }
    .about {
        gap: 0px;
    }
}
/* Sections ******************************/
.sections{
    background-color:var(--bg-blue) !important;
    padding:80px 40px;
}
.inner-section{
    border-radius: var(--radius-lg, 20px);
    border: 1px solid var(--br-section-blue);
    background: var(--bg-section-blue);
}
.sections h2 {
    margin-bottom: 0px;
}
/* For sections **************************/
#for-sections{
    background-color:var(--gray) !important;
    padding:80px 40px 40px 40px;
}
@media (max-width: 765px) {
    #for-sections{
        background-color:var(--gray) !important;
        padding:40px 20px 20px 20px;
    }
}
/* Profetionals **************************/

#profetionals{
    padding:64px;
    border-radius: 24px;
    background-color:var(--white) !important;
    
}
#profetional-inner-section{
   padding:40px; 
   background-color:var(--gray) !important;
   border-radius: var(--radius-lg, 20px);
    border: 1px solid  #EDF1F7;
    background: #F5F8FF;
    margin-top:48px;
    margin-bottom:48px;
}
@media (max-width: 765px) {
    #profetionals{
        padding:20px !important;
    }
    #profetional-inner-section {
        padding: 20px;
        margin-bottom: 20px !important;
        margin-top: 20px
    }
}
/* criteria **********************/
#criteria{
    padding:40px;
}
#criteria .inner-section{
    border-radius: 20px;
    border: var(--stroke-lg, 2px) solid var( --br-section-blue) !important;
    background: var(--white) !important;
    padding:40px;
    margin-bottom: 20px;
}
#criteria .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-8f761849.wp-block-columns-is-layout-flex {
    gap: 20px;
}

::marker {
    color: var(--color-background-brand-2, #0496FF);
    font-size: 25px;
}
li {
    /*margin-bottom: 5px;*/
    color:var(--dark-navy);
}
ol, ul {
    margin: 0 0 1.5em 1.5em;
}
#criteria h4 {
    margin-bottom: 8px ;
    color: var(--navy);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height:  20px; /* 100% */
    letter-spacing:  0px;
    text-transform: none !important;
}
@media (max-width: 765px) {
    #criteria{
        padding:20px !important;
    }
    #criteria .inner-section {
        padding: 20px;
        margin-bottom: 0px ;
    }
    h4.wp-block-heading.key{
        margin-bottom:10px !important;
    }
    .criteria-first-row {
        margin-bottom: 20px !important;
        
    }
    .wp-block-column.clinical-inner-section.icon-text.criteria-first-row.is-layout-flow.wp-block-column-is-layout-flow {
        margin-bottom: 20px !important;
    }
}
/* FAQ **********************************/
#faq.inner-section {
    padding: 24px;
    border: 1px solid var(--br-faq-blue);
    background: var(--bg-faq-blue);
}
#faq-title h3{
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0px !important;
}
span.wp-block-getwid-accordion__header-title{
    font-family: 'Source Sans Pro', sans-serif !important;
    color: var(--navy);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 160% */
    letter-spacing: 0px;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper,
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child {

    border: unset;
}
.wp-block-getwid-accordion__content {
    padding: 1.5em;
    border-right: unset;
    border-left: unset;
    border-bottom: 1px solid var(--br-faq-blue) ;
}
.wp-block-getwid-accordion__content:last-child {
    
}
.wp-block-getwid-accordion__icon i {
    font-size: 25px;
}
img.wp-image-49,
img.wp-image-51 {
    border-radius: 20px;
}
i.fas.fa-chevron-up,
i.fas.fa-chevron-down{
    color:var(--navy);
}
#ui-id-8 .wp-block-getwid-accordion__content {
    border-bottom: unset;
}
@media (max-width: 765px) {
    div#faq{
        padding:10px !important;
    }
    span.wp-block-getwid-accordion__header-title{
        font-size:18px;
    }
}
/* Clinical **********************/

#clinical{
    padding:40px ;
    background-color: var(--gray) !important;
	padding-bottom:0px !important;
}
#clinical .inner-section{
    border: var(--stroke-lg, 2px) solid var(--white);
    background: var(--white);
    padding: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.clinical-inner-section{
    border-radius: 20px;
    border: var(--stroke-lg, 2px) solid var( --br-section-blue);
    background: var(--bg-section-blue);
    padding:40px;
    margin-bottom: 20px !important;
}
#clinical .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-8f761849.wp-block-columns-is-layout-flex {
    gap: 20px;
}
#clinical h2 {
    margin-bottom: 40px ;
}
#clinical h4 {
    margin-bottom: 0px;
}
#clinical .between {
    padding: 20px 0px 40px 20px;
    margin-bottom:0px;
}
.icon-text p{
    font-size:20px;
    font-weight: 600;
}
@media (max-width: 765px) {
    #clinical{
        padding:20px !important;
    }
    #clinical h2 {
        margin-bottom: 20px;
    }
    #clinical .inner-section{
        padding:20px;
    }
	.clinical {
		gap: 0px;
	}
    .clinical-inner-section{
        padding:20px;
    }
    .icon-text p{
        font-size:18px;
        font-weight: 600;
        Color: var(--navy) !important;
        margin-bottom:0px !important;
    }
    #clinical .between{
        padding:20px;
    }
    #infographic h3{
        padding:20px !important;
    }
    #clinical-saftey{
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }
    .clinical-inner-section{
        margin-bottom: 0px !important;
    }
}
/* Clinical-trial *************************/
#clinical-trial{
    margin-top: 40px;
}
.clinical-inner-section-top {
    margin-bottom: 20px;
}
/* inphograph ****************************/
#infographic{
   
    padding:40px 0px;
}
#infographic h3{
    padding-bottom:40px;
    margin-bottom: 0px !important;
}
.infographic-inner-section{
    border-radius: 20px;
    border: var(--stroke-lg, 2px) solid var( --br-section-blue);
    background: var(--bg-section-blue);
    margin-bottom: 20px !important;
    border-radius: 20px;
  
}
.fa-plus:before {
    content: "\f067";
    color: var(--navy) !important;
    font-size: 20px;
}
.wp-block-getwid-image-hotspot .wp-block-getwid-image-hotspot__dot-content {
    color: #fff;
    font-size: 13px;
}
.fa-plus:hover {
    color: var(--cyan); 
}
.wp-block-getwid-image-hotspot .wp-block-getwid-image-hotspot__dot-icon { 
    line-height: 0.80 !important;   
}
.wp-block-getwid-image-hotspot .wp-block-getwid-image-hotspot__dot {   
    background-color: var(--white);
    border: 3px solid var(--navy);  
}




.wp-block-getwid-image-hotspot__dot:hover .fa-plus:before {
    color: var(--cyan) !important;
}

/* Change the hotspot border to cyan on hover */
.wp-block-getwid-image-hotspot__dot:hover {
    border-color: var(--cyan);
}
/* change close pop up butt:hoveron on hover***/
button.pum-close.popmake-close:hover{
	color: var(--cyan) !important;
    border: 2px solid var(--cyan) !important;
}
.fa-times:hover{
	color: var(--cyan) !important;
}
/* clinical-saftey ***********************/
#clinical-saftey{
    padding-top:20px;
    padding-bottom:0px;
	
}
div#faq {
    padding: 24px ;
    border: 1px solid var(--br-faq-blue) !important;
    background: var(--bg-faq-blue) !important;
	padding-bottom: 0px !important;
}
#ui-id-16 .wp-block-getwid-accordion__content,
#ui-id-20 .wp-block-getwid-accordion__content  {
    border-bottom: unset;
}
ul.wp-block-list.nested-list {
    margin: 0 0 1.5em 2.5em;
}
.nestes-bulet::marker {
    color: var(--dark-navy) !important;
}
@media (max-width: 765px) {
    #faq-title h3 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #infographic {
        padding: 0px;
        padding-bottom: 20px;
    }
}
/* Resources *****************/

#resources{
    padding:80px 40px 20px 40px;
}
#resources .flyer{
   display:none;
}
#resources h3{
    color: var(--color-text-brand-1, #051565);
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
    letter-spacing:  0px;
    }
.resources-button a{
    margin-top:40px;
    border-radius: var(--radius-full, 9999px);
    border: var(--stroke-lg, 2px) solid var(--color-border-brand-2, #051565);
    background-color:transparent !important;
    color:var(--color-border-brand-2, #051565) !important;
    padding: var(--spacing-3, 16px) var(--spacing-5, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2, 8px);
    font-size:16px !important;
}
img.wp-image-69{
    margin-right:8px;
}
#advocacy{
    padding-bottom:80px;

}
#advocacy h3{
    color: var(--navy);
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
    letter-spacing:  0px;
    }
@media (max-width: 765px) {
    #resources{
        padding:20px;
    }
    #resources h3{
        font-size:24px;
    }
    .advocacy-list{
        gap:0px !important;
    }
    ol, ul {
        margin: 0 0 0 1.5em;
    }
    #advocacy{
        padding-bottom:20px;
    }
    .resources-button a{
        margin-top:0px;
        font-weight: 700;
    }
    #advocacy h3{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; 
        letter-spacing:  0px;
    }
    #advocacy p{
        margin-bottom:0px !important;
    }
}
/* contact us ****************/
#contact{
    background-color:var(--navy);
    padding:80px 40px;
}
#contact h4 {
    margin-bottom: 0px;
}
#contact h2{
    color:var(--bg-faq-blue) !important;
    font-weight:700 !important;
     margin-bottom:30px;
}

#contact p{
    color:var(--bg-faq-blue) !important;
    margin-bottom:40px;
}
label#field_qh4icy_label,
label#field_29yf4d_label{
    color:var(--bg-faq-blue) !important;
    font-size:16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.input#field_qh4icy,
.input#field_29yf4d,
.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement{
    border-radius: 7px;
    border: 1px solid var(--color-opacity-10-light, rgba(255, 255, 255, 0.20));
    background: var(--color-overlay-accent-10-10, rgba(245, 248, 255, 0.20));
    font-size:20px !important;
}
.contact-right{
    padding:80px;
    border-radius: 24px;
    border: 1px solid var(--color-opacity-10-light, rgba(255, 255, 255, 0.10));
    background: var(--color-overlay-accent-10-10, rgba(245, 248, 255, 0.10));
}
.contact{
    background-color:var(--navy);
}
span.stroke {
    color:var(--red);
    padding-right: 3px;
    margin-right: 3px;
}
.form-bottom{
    padding-top:40px;
    border-top:2px solid rgba(255, 255, 255, 0.10);
}
.form-bottom p {
    margin-bottom: 0px !important;
}
.with_frm_style input[type=text]::placeholder,
.with_frm_style input[type=email]::placeholder {
    color: var(--navy) !important;
    font-style: normal !important;
    font-size: 20px !important;
    font-weight: 400;
    line-height:  32px; /* 160% */
    letter-spacing: 0px;
}
.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{
    min-height: 60px;
}
.frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style{
    width:100%;
    border-radius: var(--radius-full, 9999px);
    background: var(--color-background-brand-3, #56CBFF);
    padding-top:20px;
    padding-bottom:20px;
	box-shadow:unset !important;
}
button.frm_button_submit {
    color: var(--dark-navy) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}
button.frm_button_submit::after{
    /*content: "\f061"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 10px; */
    content: "";
    display: inline-block;
    width: 20px;   
    height: 15px;  
    margin-left: 10px; 
    content: url('/wp-content/uploads/2026/04/union.png');
    
}
.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement {
    margin-bottom: 0px;
}
.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 40px;
}
.with_frm_style .frm_form_fields > fieldset {
    padding-bottom:0px;
}

button.frm_button_submit:hover {
    background-color: var(--navy)!important; 
    color: var(--cyan)!important;           
	outline: 2px solid var(--cyan)!important; 
    outline-offset: -6px; 
	border:unset !important;
	text-decoration:underline;
	text-underline-offset: 5px;
    text-decoration-thickness: 2px !important;
}

button.frm_button_submit:hover::after {
    content: url('/wp-content/uploads/2026/06/union-4.png')!important; 
}


@media (max-width: 765px) {
    #contact{
        padding:40px 20px;
    }
    #contact h2{
        margin-bottom:20px;
    }
    #contact h4{
        margin-bottom:8px;
    }
    .contact-right{
        padding:40px;
    }
    #contact p {
        margin-bottom: 20px;
    }
}
/* Site footer ***************/
#footer{
    padding:40px;
}
.upper-footer{
    background: var(--color-background-dark-1, #051565);
}
.upper-footer p {
    color: var(--color-text-gray, #C4CDD8) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: 0px;
}
/* footer ****************/
.site-footer{
    padding:40px;
    background-color:var(--dark-gray);
}
.site-footer p{
    color: var(--light-gray) !important;
    
}
#footer-middle{
    padding-top:40px;
    border-bottom: 1px solid var(--line-gray);
}
.site-footer li{
    color: var(--light-gray) !important;
    font-size:16px;
    padding-left: 16px !important;
}
#footer-bottom{
    padding-top:40px; 
}
#footer-bottom a{
    color:var(--light-gray) !important;
}
#footer-bottom p{
    font-size:14px;
}
.site-info{
    display:none;
}
.social:where(.wp-block-columns.is-layout-flex) {
    gap: 0;
    justify-content: end;
}
.about-left-button.alignfull.are-vertically-aligned-center.is-not-stacked-on-mobile.social.is-layout-flex.wp-container-core-columns-is-layout-8f761849.wp-block-columns-is-layout-flex {
    
    justify-content: right !important;
}
/* Site info ***********************/
#siteinfo{
    background-color:var(--line-gray);
    padding-bottom: 28px;
    padding-left:40px;
    padding-right:40px;
    display:none;
}
.site-info{
    gap:0px;
}
img.wp-image-81 {
    padding-bottom: 20px;
}
/* back to top ***********************/
a.generate-back-to-top{
    background-color: var(--navy);
    color:var(--white);
}
#audience-popup{
    border-radius: var(--radius-lg, 20px);
    border: 1px solid var(--color-border-subtle-1, #EDF1F7);
    background: var(--color-background-subtle, #F5F8FF);
    padding:20px;
}
#audience-popup img{
    width:40px;
}
#audience-popup h4{
    padding-bottom:0px;
    margin-bottom:0px;
}
#audience-popup p {
    margin-top: 20px;
    font-size: 18px;
}
#audience-popup p.body-large-bold {
    margin-bottom: 10px;

}
div#popmake-44 {
    border-radius: 20px;
}

/* Container holds the correct dimensions */
.social-linkdin,
.social-x {
  position: relative;
  display: inline-block;
  width: 40px;  
  height: 40px; 
}

/* Position both images perfectly on top of each other */
.social-linkdin img,
.social-x img {
    position: absolute;
    top: 0;
    left: 0;
/*  width: 100%;
    height: 100%;*/
    width: 40px !important;
    height: auto;
    transition: opacity 0.3s ease-in-out;
}

/* Hide the hover image via opacity by default */
.social-linkdin .img-hover,
.social-x .img-hover{
  opacity: 0;
}

/* Fade default out and hover in during mouseover */
.social-linkdin:hover .img-default ,
.social-x:hover .img-default {
  opacity: 0;
}
.social-linkdin:hover .img-hover,
.social-x:hover .img-hover {
  opacity: 1;
}


@media (max-width: 765px) {
    .site-footer {
        padding: 20px;
    }
    #footer-middle {
        padding-top: 0px
    }
    .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style{
        padding-top: 14px;
        padding-bottom: 14px;
		box-shadow:unset;
    }
	
    .frm_style_formidable-style.with_frm_style .form-field{
        margin-bottom:16px;
    }
    .wp-block-navigation__container {
        align-items: start;
        display: flex;
        flex-direction: column;
        flex-wrap: var(--navigation-layout-wrap, wrap);
        justify-content: var(--navigation-layout-justify, initial);
        list-style: none;
        margin: 0;
        padding-left: 0;
        margin-bottom: 20px !important;
    }
    .site-footer li {
        padding-left: 0px !important;
    }
    #footer-middle p {
        margin-bottom: 0;
    }
    #footer-middle :where(.wp-block-columns.is-layout-flex) {
        gap: 10px;
    }
    .social{
        gap: 0px !important;
    }
    .wp-block-column.is-vertically-aligned-center.footer-bottom-left.is-layout-flow.wp-block-column-is-layout-flow{
            flex-basis: 55% !important;
    }
    div#popmake-44 {
        width: 344px!important;
        height: auto!important;
        top: 430px!important;
        left: 10px!important;

    }
}