.bioBoxWhite {
	position: relative;
	z-index: 2;
	margin:0;
	padding: 60px 0 30px;
}

.bioBoxWhite:before {
	content: url(../images/bg-Certified.png);
	position: absolute;
	z-index: 0;
	left: 50%;
	margin-left: -136px;
	top: 85px;
	opacity: 0.8;
}

.bioBoxWhite:after {
	content: url(../images/bg-Approved.png);
	position: absolute;
	z-index: 0;
	left: -165px;
	bottom: -122px;
	opacity: 0.5;
}

	.bioBoxWhite h2 {
		font-size: 1.5em;
		font-weight: 400;
		padding: 0;
		margin: 0 15px 10px;
		color:#fff;
	}

	.bioBoxWhite h3 {
		font-weight: 700;
		font-size: 2.75em;
		line-height: 1em;
		margin: 10px 15px 45px;
		padding: 0;
		position:relative;
		color:#fff;
	}
	
		.bioBoxWhite h3::after {
			content: "";
			position: absolute;
			z-index: 1;
			bottom: -15px;
			left: 0;
			border: 3px solid #c22026;
			width: 110px;
		}

    .bioBoxWhite .accordion {
		position: relative;
		z-index: 3;
		display: flex;
		align-items: center;
		flex-direction: column;
		background:#fff;
		padding:15px;
    }
	
        .bioBoxWhite .accordion .panels {
            display: flex;
            width: 100%;
        }

		.bioBoxWhite .accordion .panel {
			display: flex;
			flex-direction: column;
			flex: 0 0 55%;
			visibility: hidden;
		}

        .bioBoxWhite .accordion .panel.visible {
            display: flex;
            flex:0 0 calc((45% / (var(--visible-count) - 1)));
			visibility: visible;
        }

        .bioBoxWhite .accordion .panel.active {
			flex: 0 0 55%;
			visibility: visible;
        }
		
		.bioBoxWhite .accordion .panel.single {
			flex: 0 0 100% !important;
		}
		
		.bioBoxWhite .accordion .panel.hidden {
			display:none;
		}

    .bioBoxWhite .accordion .content {
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
    }

    .bioBoxWhite .accordion .content .right-column {
		flex-wrap: wrap;
		padding-left:15px;
    }

	.bioBoxWhite .accordion .panel.visible .content .left-column {
		flex: 0 0 100%;
	}

    .bioBoxWhite .accordion .panel.active .content .left-column {
		flex: 0 0 40%;
    }
		
		.bioBoxWhite .panel .itemPhoto {
			padding-bottom:100%;
			background-size:cover;
			background-position:center center;
			border:4px solid #055DB6;
		}
		
		.bioBoxWhite .panel .itemName {
			font-weight: bold;
			margin-top: 10px;
		}
		
		.bioBoxWhite .panel .itemTitle {
			margin-top: 5px;
			font-weight: 500;
		}

	.bioBoxWhite .accordion .panel .content .right-column {
		visibility:hidden;
		flex: 0 0 60%;
		white-space:pre-line;
		font-weight: 500;
    }

    .bioBoxWhite .accordion .panel.visible .content .right-column {
		display:none;
    }

    .bioBoxWhite .accordion .panel.active .content .right-column {
		display:block;
		visibility:visible;
		align-content: center;
    }

    .bioBoxWhite .accordion button {
      background: #ccc;
      border: none;
      padding: 10px;
      cursor: pointer;
    }


@media (max-width: 800px) {
	.bioBoxWhite .accordion .panel {
		flex: 0 0 75%;
	}
	
	.bioBoxWhite .accordion .panel.visible {
		flex:0 0 calc((25% / (var(--visible-count) - 1)));
	}
	
	.bioBoxWhite .accordion .panel.active {
		flex: 0 0 75%;
	}
	
	.bioBoxWhite .accordion .panel.active .content .left-column {
		flex: 0 0 40%;
	}
	
	.bioBoxWhite .accordion .panel .content .right-column {
		flex: 0 0 60%;
	}
}

@media (max-width: 640px) {
	.bioBoxWhite .accordion .panel.active,
	.bioBoxWhite .accordion .panel {
		flex: 0 0 100%;
	}
}