.accordion-with-tab {
	background-image: url("../png/background-wave-9.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.accordion-with-tab__item {
	border-top: 1px solid var(--secondary-palette-cool-grey);
}

.accordion-with-tab__button {
	background-color: transparent;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	font-family: var(--primary-font-family-regular);
	font-size: inherit;
	line-height: inherit;
	color: var(--secondary-palette-dark-grey);
}

.accordion-with-tab__button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
	color: var(--secondary-palette-dark-grey);
}

.accordion-with-tab__button::after {
	background-image: url("../svg/tiny-down-arrow-icon.svg");
}

.accordion-with-tab__button:not(.collapsed)::after {
	background-image: url("../svg/tiny-down-arrow-icon.svg");
}

.accordion-with-tab__button:focus {
	border-color: transparent;
	box-shadow: none;
}

.accordion-with-tab__button:hover {
	color: var(--secondary-palette-dark-grey-100);
}

.accordion-with-tab__button:hover::after {
	background-image: url("../svg/down-light-arrow-blue.svg");
}

.accordion-with-tab__body {
	background-color: transparent;
	font-family: var(--primary-font-family-regular);
	color: var(--secondary-palette-dark-grey-200);
}

.accordion-with-tab__body--button {
	border: none;
	border-top: 2px solid var(--secondary-palette-cool-grey-300);
	opacity: 0.5;
}

.accordion-with-tab__body--button.active {
	border-top: 5px solid var(--primary-palette-yellow);
	opacity: 1;
}

.accordion-with-tab__body--button:hover{
	opacity: 1;
}

.accordion-with-tab__box {
	border: 1px solid var(--secondary-palette-warm-grey-300);
	background-color: #F0F1F5;
	width: 85%;
}

.accordion-with-tab__box--mobile {
	display: none;
}

.accordion-with-tab__box--mobile picture {
	z-index: 2;
}

.accordion-with-tab__box--mobile::after {
	border: 1px solid var(--secondary-palette-warm-grey-300);
	background-color: #F0F1F5;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: 85%;
	z-index: 1;
}

.tab-content-height{
	min-height: 600px;
}

.accordion_with-tab__box--image{
    border-radius: 10px;
    box-shadow: 0 2px 20px 0 #A6A3A340;
    background-color: var(--secondary-palette-white);
    max-height: 90%;
}

.accordion-tab__content {
  display: -webkit-box;
   -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.accordion-with-tab__body--button.active  .accordion-tab__content{
  -webkit-line-clamp: none;
  display: block;
}

@media only screen and (width <= 992px) {
    .accordion-with-tab__body--button.active .accordion-with-tab__box--mobile {
        display: flex;
    }
}