.lp-banner-grid__content{
  height:100%;
	min-height:700px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2em;
}

.lp-banner-grid__content h1{
	font-family: Roboto;
	font-size: 44px;
	font-weight: 700;
	line-height: 51.56px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
  color:background: #333333;
	margin-bottom:25px;
}

.lp-banner-grid__content p{
	font-family: Roboto;
	font-size: 20px;
	font-weight: 400;
	line-height: 23.44px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
  color:background: #333333;
	margin-bottom:25px;
}
.lp-banner-grid__accordion-title{
	margin-bottom:30px;
}
.lp-banner-grid__accordion-title h1, .lp-banner-grid__accordion-title h2, .lp-banner-grid__accordion-title h3{
	font-family: Roboto;
	font-size: 32px;
	font-weight: 700;
	line-height: 37.5px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #FFFFFF;

}

.lp-banner-grid__accordion-container{
	height:100%;
	min-height:700px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:2em;
}

.lp-banner-grid__image-right,
.lp-banner-grid__image-left{
	height:100%;
	width:100%;
	object-fit:cover;
	display:block;
}

/* Accordion */
.lp-banner-grid .lp-banner-grid__accordion {
	width: 100%;
	margin: 0 auto;
	background-color: #333333;
  padding:10px;
}

.lp-banner-grid .accordion-header {
    background-color: #333333;
    color:white;
    padding: 16px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    display:flex;
    gap:1em;
		font-size: 20px;
		font-weight: 600;
		line-height: 23.44px;
}



.lp-banner-grid .accordion-content {
    padding: 6px 0 6px 65px;
    display: none;
    animation: fadeIn 0.5s ease-in-out;
    color:white;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        max-height: 0;
    }

    100% {
        opacity: 1;
        max-height: 1000px;
        /* Set a large enough value to accommodate the content */
    }
}

.lp-banner-grid .accordion-header__icon {
    width: 25px;
    height: 25px;
    position: relative;
}

.lp-banner-grid .accordion-header__icon span {
    position: absolute;
    transition: 300ms;
    background: white;
    border-radius: 2px;
}

/* Create the "+" shape by positioning the spans absolutely */
.lp-banner-grid .accordion-header__icon span:first-child {
    top: 25%;
    bottom: 25%;
    width: 10%;
    left: 45%;
}

.lp-banner-grid .accordion-header__icon span:last-child {
    left: 25%;
    right: 25%;
    height: 10%;
    top: 45%;
}

/* Morph the shape when the button is hovered over */
.lp-banner-grid .accordion-header.active .accordion-header__icon span {
    transform: rotate(90deg);
}

.lp-banner-grid .accordion-header.active .accordion-header__icon span:last-child {
    left: 50%;
    right: 50%;
}