.accordioncontainer {
font-family:'Figtree';
margin: 0;
padding: 0;
}
.accordion-container {
width: 100%;
margin: 20px auto;
}
.accordion-item {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.accordion-header {
width: 100%;
background: none;
border: none;
padding: 15px 20px;
text-align: left;
font-size: clamp(1.25rem, 3vw, 2rem);
color: #88271A;;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
outline: none;
}
.accordion-header .accordion-number{
flex: 0 1 3.5rem;
}
.accordion-header .accordion-title{
flex: 1 1 100%;
text-align: center;
}
.accordion-header.active {
font-weight: 400;
background-color: #fff;
}
.content-image.leftside {
width: 50%;
}
.content-text.rightside {
width: 50%;
padding:0px 7%;
}
.accordion-number {
font-size: clamp(1.25rem, 3vw, 2.5rem); 
font-weight: 400;
color: #88271A; }
.accordion-content {
display: none;
padding: 15px 20px;
background-color: #fff;
}
.accordion-content img {
max-width: 100%; }
.content-wrapper {
display: flex;
align-items: flex-start;
}
.content-image img {
width:100%; }
.content-text {
padding-left: 5%;}
.content-text h3 {
font-size: 30px;
font-weight: 400;
color: #88271A; }
.content-text p {
font-size: 20px;
font-weight: 400;
color: #000000;
line-height: 1.5;
padding: 0px 0px 3% 0px;
}
@media only screen and (max-width: 781px){
.content-image.leftside {
width:100%}
.content-text.rightside {
width: 100%;
padding: 0;}
.content-wrapper.fullside {
display: flex;
flex-direction: column;
}
.content-text {
padding-left:0% !important;
}
.accordion-header {
width: 96%;
padding: 14px 5px;
}
}