.elementor-28 .elementor-element.elementor-element-b845739{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-28 .elementor-element.elementor-element-d032cf8{--display:flex;}.elementor-28 .elementor-element.elementor-element-f4b11ca{--display:flex;}.elementor-28 .elementor-element.elementor-element-1a2ff86{--display:flex;}/* Start custom CSS for container, class: .elementor-element-d032cf8 */.araa-courses-panel {
width: calc(100% - 32px);
	max-width: var(--araa-maxw);
	margin: 72px auto;
	box-sizing: border-box;
	border: 1.5px solid rgba(29,78,216,.3);
	border-radius: 32px;
	padding: 20px 48px;
	background:
		radial-gradient(650px 340px at 92% -5%, rgba(56,189,248,.28), transparent 62%),
		radial-gradient(560px 300px at 3% 105%, rgba(29,78,216,.20), transparent 58%),
		linear-gradient(180deg, #eef4fc, #dce8f8);
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(29,78,216,.05), 0 24px 56px -30px rgba(29,78,216,.28);
}
.araa-courses-panel::before,
.araa-faq-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		linear-gradient(rgba(29,78,216,.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(29,78,216,.05) 1px, transparent 1px);
	background-size: 40px 40px;
	-webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 25%, transparent 70%);
	        mask-image: radial-gradient(120% 90% at 50% 0%, #000 25%, transparent 70%);
}
/* محتوای داخل باکس بالای الگو بماند */
.araa-courses-panel > *,
.araa-faq-panel > * { position: relative; z-index: 1; }
.araa-courses-panel .araa-section-head {
	margin-bottom: 40px;
}
.araa-courses-panel .araa-courses-grid {
	gap: 28px;
}


@media (max-width: 560px) {
	.araa-courses-panel {
width: calc(100% - 24px);
		margin: 40px auto;
		padding: 32px 20px;
		border-radius: 22px;
	}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a2ff86 *//* ---------- باکس کلی بخش سوالات متداول ---------- */
.araa-faq-panel {
width: calc(100% - 32px);
	max-width: var(--araa-maxw);
	margin: 72px auto;
	box-sizing: border-box;
	border: 1.5px solid rgba(29,78,216,.3);
	border-radius: 32px;
	padding: 20px 48px;
	background:
		radial-gradient(650px 340px at 92% -5%, rgba(56,189,248,.28), transparent 62%),
		radial-gradient(560px 300px at 3% 105%, rgba(29,78,216,.20), transparent 58%),
		linear-gradient(180deg, #eef4fc, #dce8f8);
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(29,78,216,.05), 0 24px 56px -30px rgba(29,78,216,.28);
}

.araa-faq-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		linear-gradient(rgba(29,78,216,.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(29,78,216,.05) 1px, transparent 1px);
	background-size: 40px 40px;
	-webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 25%, transparent 70%);
	        mask-image: radial-gradient(120% 90% at 50% 0%, #000 25%, transparent 70%);
}
.araa-faq-panel .araa-section-head {
	margin-bottom: 40px;
}
@media (max-width: 560px) {
	.araa-faq-panel {
width: calc(100% - 24px);
		margin: 40px auto;
		padding: 32px 20px;
		border-radius: 22px;
	}
}/* End custom CSS */