.elementor-26839 .elementor-element.elementor-element-07977d6{--display:flex;--margin-top:-117px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26839 .elementor-element.elementor-element-0968257{--display:flex;}.elementor-26839 .elementor-element.elementor-element-6a21b00{margin:88px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;}.elementor-26839 .elementor-element.elementor-element-c15ac59{--display:flex;}.elementor-26839 .elementor-element.elementor-element-88297bb{--display:flex;}.elementor-26839 .elementor-element.elementor-element-40f776e{margin:43px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-26839 .elementor-element.elementor-element-54df642{--display:flex;}@media(max-width:1024px){.elementor-26839 .elementor-element.elementor-element-07977d6{--margin-top:-79px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26839 .elementor-element.elementor-element-6a21b00{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + -102px) 0px;}}@media(max-width:767px){.elementor-26839 .elementor-element.elementor-element-07977d6{--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26839 .elementor-element.elementor-element-6a21b00{margin:54px 0px calc(var(--kit-widget-spacing, 0px) + -117px) 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-0e80487 */.faculty-read-more-box { width: 100%; max-width: 100%; background: linear-gradient(180deg, #ffffff 0%, #fcfaff 100%); border: 2px solid #3F2864; border-radius: 20px; padding: 30px; box-sizing: border-box; direction: rtl; text-align: right; line-height: 2.1; font-size: 18px; color: #2b2b2b; box-shadow: 0 10px 28px rgba(63, 40, 100, 0.10); position: relative; overflow: hidden; } .faculty-read-more-box::before { content: ""; position: absolute; top: -80px; left: -80px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(231,111,48,0.12) 0%, rgba(231,111,48,0) 70%); pointer-events: none; } .faculty-read-more-box::after { content: ""; position: absolute; bottom: -90px; right: -90px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(63,40,100,0.12) 0%, rgba(63,40,100,0) 70%); pointer-events: none; } .faculty-read-more-box a { color: #E76F30; text-decoration: none; font-weight: 700; transition: 0.3s ease; } .faculty-read-more-box a:hover { color: #3F2864; text-decoration: underline; } .faculty-read-more-box strong { color: #3F2864; } .faculty-read-more-box h2, .faculty-read-more-box h3 { color: #3F2864; margin-top: 26px; margin-bottom: 12px; line-height: 1.7; font-weight: 800; position: relative; } .faculty-read-more-box h2 { font-size: 26px; } .faculty-read-more-box h3 { font-size: 22px; } .faculty-read-more-box ul { margin: 16px 0; padding-right: 22px; } .faculty-read-more-box li { margin-bottom: 10px; } .faculty-intro-text, .faculty-more-text { position: relative; z-index: 2; } .faculty-more-text { max-height: 0; overflow: hidden; transition: max-height 0.7s ease; } #toggle-faculty:checked ~ .faculty-more-text { max-height: 4000px; } .faculty-read-more-btn { display: inline-block; margin-top: 22px; background: linear-gradient(135deg, #E76F30 0%, #cf5f24 100%); color: #ffffff; padding: 13px 24px; border-radius: 12px; cursor: pointer; font-size: 15px; font-weight: 700; transition: 0.3s ease; box-shadow: 0 8px 18px rgba(231,111,48,0.25); position: relative; z-index: 2; } .faculty-read-more-btn:hover { background: linear-gradient(135deg, #3F2864 0%, #2f1f4c 100%); color: #ffffff; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(63,40,100,0.22); } .faculty-read-more-btn::after { content: "اقرأ المزيد"; } #toggle-faculty:checked ~ .faculty-read-more-btn::after { content: "إخفاء النص"; } @media (max-width: 767px) { .faculty-read-more-box { padding: 22px 18px; font-size: 16px; line-height: 1.95; border-radius: 16px; } .faculty-read-more-box h2 { font-size: 22px; } .faculty-read-more-box h3 { font-size: 19px; } .faculty-read-more-btn { width: auto; font-size: 14px; padding: 12px 18px; } }/* End custom CSS */