/* Orion FAQ */
.orion-faq { width: 100%; padding: 80px 0; background-color: #f8f9fa; }
.orion-faq__container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; min-height: 600px; }

.wc-custom-faq .orion-faq__container {
    max-width: 100%;
	 padding: 0px;
	background-color:white;
}
.wc-custom-faq section.orion-faq {
    padding: 0px;
}
.wc-custom-faq .orion-faq__background-image 
{
	max-width:910px;
	width:100%;
	position:relative;
	overflow:hidden;
}
.wc-custom-faq .orion-faq__background-image:before{
	content:'';
	display:block;
	padding-top:93%;
}
.wc-custom-faq .orion-faq__background-image img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	position:absolute;
	top:0;
	left:0;
}
.wc-custom-faq .orion-faq__content-box {
    position: absolute;
    top: 50px;
    left: 800px;
	 padding: 72px 89px;
}
.wc-custom-faq h2.orion-faq__title {
    color: white;
    text-align: left;
    margin-bottom: 30px;
}
.wc-custom-faq h5.orion-faq__question {
    color: white;
}
.wc-custom-faq .orion-faq__item.open .orion-faq__question-wrapper
{
	background-color:transparent;
	padding:28px 0;
}
.wc-custom-faq .orion-faq__answer{
font-size:18px;
	line-height:32px;
	font-weight:300;
	font-family:Lexend;
}
.wc-custom-faq .orion-faq__toggle
{
	 width: 42px;
    height: 42px;
    border-radius: 50px;
    display: flex;
    align-items: center;
	padding:0;
}
.wc-custom-faq .orion-faq__toggle:focus 
{ outline: 1px solid white;
	outline-offset: 1px;
	border-radius: 50px; }
.wc-custom-faq .orion-faq__toggle:hover
{ transform: scale(1.1);  
	background-color:#186F65; 
	outline: 1px solid white }

/* Left Background Section */
.orion-faq__background-section { position: relative; overflow: hidden; }
.orion-faq__background-image { width: 100%; height: 100%; position: relative; }
.orion-faq__background-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* Right FAQ Content Box */
.orion-faq__content-box { background-color: #186F65; padding: 60px 50px; color: white; display: flex; flex-direction: column; justify-content: center; position: relative; }
.orion-faq__title { margin: 0 0 40px; font-size: 36px; font-weight: 700; font-family: 'El Messiri', serif; line-height: 1.2; text-align: center; }

/* FAQ Items */
.orion-faq__items { display: flex; flex-direction: column; gap: 0; }
.orion-faq__item { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.orion-faq__item:last-child { border-bottom: none; }

/* Question Wrapper */
.orion-faq__question-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; cursor: pointer; transition: all 0.3s ease; }
.orion-faq__question-wrapper:hover { background-color: rgba(255, 255, 255, 0.05); }
.orion-faq__question { margin: 0; font-size: 18px; font-weight: 600; font-family: 'Lexend', sans-serif; line-height: 1.4; flex: 1; padding-right: 20px; }

/* Toggle Button */
.orion-faq__toggle { background: none; border: none; color: white; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.orion-faq__toggle:hover { transform: scale(1.1); }
.orion-faq__toggle:focus { outline: 2px solid white; outline-offset: 2px; border-radius: 4px; }
.orion-faq__toggle-icon { font-size: 24px; font-weight: bold; line-height: 1; }

/* Answer Wrapper */
.orion-faq__answer-wrapper { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; }
.orion-faq__answer { padding: 0 0 25px; font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.9); font-family: 'Lexend', sans-serif; }

/* Open State */
.orion-faq__item.open .orion-faq__answer-wrapper { max-height: 200px; padding-top: 0; }
.orion-faq__item.open .orion-faq__question-wrapper { background-color: rgba(255, 255, 255, 0.1); }



/* Responsive Design */
@media (max-width: 992px) {
	.orion-faq__container { grid-template-columns: 1fr; gap: 0; }
	.orion-faq__background-section { order: 2; min-height: 400px; }
	.orion-faq__content-box { order: 1; padding: 50px 40px; }
	.orion-faq__title { font-size: 32px; margin-bottom: 30px; }
}

@media (max-width: 768px) {
	.orion-faq { padding: 60px 0; }
	.orion-faq__container { padding: 0 15px; }
	.orion-faq__content-box { padding: 40px 30px; }
	.orion-faq__title { font-size: 28px; margin-bottom: 25px; }
	.orion-faq__question { font-size: 16px; }
	.orion-faq__answer { font-size: 15px; }
	.orion-faq__background-section { min-height: 300px; }
}

@media (max-width: 480px) {
	.orion-faq__content-box { padding: 30px 20px; }
	.orion-faq__title { font-size: 24px; margin-bottom: 20px; }
	.orion-faq__question-wrapper { padding: 20px 0; }
	.orion-faq__question { font-size: 15px; padding-right: 15px; }
	.orion-faq__answer { font-size: 14px; padding: 0 0 20px; }
	.orion-faq__toggle { width: 25px; height: 25px; }
	.orion-faq__toggle-icon { font-size: 20px; }
}

/* Accessibility */
.orion-faq__toggle[aria-expanded="true"]
/* .orion-faq__toggle-icon::before { content: "−"; } */
.orion-faq__toggle[aria-expanded="false"] 
/* .orion-faq__toggle-icon::before { content: "+"; } */

/* Focus States */
.orion-faq__question-wrapper:focus-within { background-color: rgba(255, 255, 255, 0.1); outline: 2px solid white; outline-offset: -2px; }

/* Smooth Transitions */
.orion-faq__item { transition: all 0.3s ease; }
.orion-faq__answer-wrapper { transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

/* Hover Effects */
.orion-faq__item:hover { background-color: rgba(255, 255, 255, 0.02); }

/* Print Styles */
@media print {
	.orion-faq__toggle { display: none; }
	.orion-faq__item.open .orion-faq__answer-wrapper { max-height: none; }
	.orion-faq__answer-wrapper { max-height: none; }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
	.orion-faq__answer-wrapper { transition: none; }
	.orion-faq__item { transition: none; }
	.orion-faq__question-wrapper { transition: none; }
}