.image-title-accordion {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0.72rem 0;
	
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.image-title-accordion {
		padding: 0.4rem 0;
	
}
	}
.image-title-accordion .container {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 1.04rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.image-title-accordion .container {
			gap: 0.4rem;
	}
		}
.image-title-accordion .image-title-wrap {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.31rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.image-title-accordion .image-title-wrap {
			flex-direction: column;
			gap: 0.4rem;
	}
		}
:is(.image-title-accordion .image-title-wrap) .title-wrap {
			position: relative;
			display: block;
			width: calc((100% - 0.31rem) / 2);
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.image-title-accordion .image-title-wrap) .title-wrap {
				width: 100%;
		}
			}
:is(:is(.image-title-accordion .image-title-wrap) .title-wrap) .title {
				color: var(--blue);
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
					:is(:is(:is(.image-title-accordion .image-title-wrap) .title-wrap) .title) br {
						display: none;
					}
				}
:is(.image-title-accordion .image-title-wrap) .image-wrap {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			width: calc((100% - 0.31rem) / 2);
			border-radius: 0.4rem;
			overflow: hidden;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.image-title-accordion .image-title-wrap) .image-wrap {
				width: 100%;
		}
			}
:is(:is(.image-title-accordion .image-title-wrap) .image-wrap) img {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
.image-title-accordion .accordion-wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.8rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.image-title-accordion .accordion-wrap {
			gap: 0.4rem;
	}
		}
:is(.image-title-accordion .accordion-wrap) .accordion-item {
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: space-between;
			gap: 0.3rem;
			width: 100%;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.image-title-accordion .accordion-wrap) .accordion-item {
				flex-direction: column;
				gap: 0.24rem;
		}
			}
:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side {
				position: relative;
				display: flex;
				flex-direction: row;
				align-items: flex-start;
				justify-content: space-between;
				flex-shrink: 0;
				width: 4.39rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side {
					width: 100%;
					flex-direction: column;
					gap: 0.08rem;
			}
				}
:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side) .accordion-number-wrap {
					position: relative;
					display: flex;
					align-items: flex-start;
    				justify-content: flex-start;
					width: 0.3rem;
					flex-shrink: 0;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side) .accordion-number-wrap {
						width: 100%;
				}
					}
:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side) .accordion-number-wrap) .number {
						padding-top: 0.035rem;
						color: var(--blue);
					}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side) .accordion-number-wrap) .number {
							padding-top: 0;
					}
						}
:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side) .accordion-item-title {
					position: relative;
					display: flex;
					align-items: flex-start;
    				justify-content: flex-start;
					width: 3.86rem;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side) .accordion-item-title {
						width: 100%;
				}
					}
:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .left-side) .accordion-item-title) .title {
						color: var(--dark-grey);
					}
:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				width: 6.26rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side {
					width: 100%;
			}
				}
:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content {
					position: relative;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: flex-start;
					width: 100%;
					padding-bottom: 0.24rem;
				}
:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content) .text {
						color: var(--dark-grey);
					}
:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content) .hidden-text {
						height: 0;
						overflow: hidden;
						transition: height 0.6s ease-in-out;
					}
:is(:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content) .hidden-text) .text {
							color: var(--dark-grey);
						}
:is(:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content) .hidden-text) .top-spacer {
							height: 0.15rem;
							width: 100%;
						}
:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content) .arrow-wrap {
						position: absolute;
						z-index: 10;
						bottom: 0;
						right: 0;
						display: flex;
						align-items: center;
						justify-content: center;
						width: 0.08rem;
						height: 0.1414rem;
						transform: rotate(-90deg);
						transition: transform 0.4s ease-in-out;
						cursor: pointer;
					}
.active:is(:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content) .arrow-wrap) {
							transform: rotate(90deg);
						}
:is(:is(:is(:is(:is(.image-title-accordion .accordion-wrap) .accordion-item) .right-side) .accordion-item-content) .arrow-wrap) svg {
							width: 100%;
							height: 100%;
						}