.accordion_section_title {  }

.accordion_top_wrap {
	margin-bottom: 32px;
}
.accordion_wrapper .section__label { padding:20px 50px 20px 30px; cursor: pointer; text-transform:none; }
.accordion_wrapper .section__label i { 
    font-size: 1.2rem;
    position: absolute !important;
    right: 20px;
}
.accordion_wrapper .section__content { padding: 0 90px 30px;	}
.accordion_wrapper .section__content * { font-size:1.4rem; line-height:2.1rem; }

.section__input:checked+.section__label+.section__content { display: block;     background: var(--primary-color-3);}
.section__input:checked+.section__label { border-bottom: 0;     background: var(--primary-color-3); }


.accordion_wrapper .bg-primary-color-3 .section__input:checked+.section__label+.section__content { background: var(--mono1);}
.accordion_wrapper .bg-primary-color-3 .section__input:checked+.section__label {    background: var(--mono1); }


.section__input:checked+.section__label i { transform:rotate(270deg); --webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); }
.single__accordion { position: relative; overflow: hidden; margin: 2px 0; border-bottom: 1px var(--primary-color-4) solid; }
.single__accordion:after { content: ''; position: absolute; top: 0; left:0; background: transparent; transition: var(--base-transition); width: 100%; height: 100%; z-index: -1; }

.single__accordion:hover:after,
.single__accordion:focus:after,
.single__accordion:focus-within:after { background: var(--primary-color-3); }
.single__accordion input:focus-visible + label { outline: 1px dashed var(--primary-color-2); outline-offset: -5px }
.single__accordion input {
height: 0;
    width: 0;
    opacity: 0;
}
.section__input:checked+.section__label+.section__content:after { content: ''; position: absolute; top: 50%; left:50%; background: var(--primary-color-3); transition: var(--base-transition); width: 100vw; height: 100vh; z-index: -1; transform: translate(-50%, -50%);
}

/*.accordion_wrapper .section__input:focus + label + div {
	display: block;
}
*/

@media all and (max-width: 767.98px) {

.accordion_wrapper .section__content {
    padding: 0 32px 30px;
}

}

@media screen and (max-width: 575px) {
	.accordion_wrapper .section__label {padding-left: 15px; padding-right: 40px;}
}