p { margin: 0 0 .8rem !important; }
.single_post_content ul { display: flex; flex-wrap: wrap; flex-direction: column; margin: 1.7rem 0;}
pre { margin: 2rem 0 !important; }
.content img { border-radius: 1rem; }

.menu_container { background: linear-gradient(135.15deg, #711463 1.34%, #191AAC 77.26%); padding: 30px 30px 40px; border-radius: 20px; height: fit-content;}
.sidebar {width: 30%;display: flex;gap: 2rem;flex-direction: column;position: sticky;top: var(--sidebar-stick-top, 20px);align-self: flex-start;}
.menu_container h3 {color: var(--whiteColor);}
.services-navigation a { padding: .5rem 1.5rem; border-radius: 8px; background: #0003; width: 100%; color: var(--whiteColor); display: block;line-height: 2.5rem;}
#menu-services { display: flex; flex-wrap: wrap; flex-direction: column; gap: 1rem;}
.services-navigation a { position: relative; }
.services-navigation a::after {content: '➜ '; font-size: 1.1rem; right: 1rem; position: absolute; top: 50%; transform: translateY(-50%); background: var(--whiteColor); color: var(--priColor); padding: 0 0.7rem; border-radius: var(--radious); height: fit-content;width: fit-content;}
.active { background: linear-gradient(92.5deg, var(--priColor) 2.09%, var(--fifthColor) 93.92%); border-radius: 8px; }
.single_services_container { display: flex; flex-wrap: wrap; flex-direction: row; gap: 2rem;justify-content: space-between; align-items: flex-start;}
.single_post_content {width: 65%;}


.single_post_content ul li { margin: 0 0 0 2rem; color: var(--priColor);list-style: disc;padding: 0 0 0 .5rem;}
.services_item { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem 0;gap: 2rem 0;}
.services_item section { width: 48%; border: 1px solid #c1bfbf;padding: 2rem;border-radius: 1rem;}
.services_item img { border-radius: unset; margin: 0 0 1.5rem; }
.services_item h4 { margin: 0 0 1.2rem; }

/* Sidebar */
.contact_info { display: flex; flex-wrap: wrap; flex-direction: column; position: relative; }
.contact_info::before {content: url('../../images/icon/phone.png'); position: absolute; top: 2rem; left: 2rem;}
.contact_info a { margin: 0; }
.contact_info { display: flex; flex-wrap: wrap; flex-direction: column; border: 1px solid var(--borderColor); padding: 6rem 2rem 2rem; border-radius: 1.5rem;  gap: 1rem;height: fit-content;}
.contact_info a { color: var(--textColor);  font-family: var(--secFont);}
.contact_info .contact_number { font-size: 1.6rem; color: var(--darkColor); font-weight: 700;}
.contact_info .button { margin: 1.5rem 0 0; color: var(--whiteColor);font-family: var(--priFont);}
.contact_info h4 { margin: 1rem 0 0; }

/* Banner Sidebar */
.sidebar_banner{position: relative;height: fit-content;border-radius: 1.5rem;overflow: hidden;}
.sidebar_banner::before { content: ''; position: absolute; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); mask-image: linear-gradient(to bottom, transparent 0%, rgb(0, 0, 0) 12%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgb(0, 0, 0) 12%); width: 100%;height: 46%;bottom: 0;background-image: linear-gradient(180deg, #00000000 0%, #000000CC 100%);}
.floating_banner_info { position: absolute; bottom: 4%; width: 90%; margin: 0 auto; left: 50%; transform: translateX(-50%); text-align: center;}
.floating_banner_info h3 { color: var(--whiteColor); font-size: 3rem;}
.floating_banner_info .button-2 { margin: 0 auto; color: var(--whiteColor); }
.sidebar_banner img { border-radius: 1.5rem; overflow: hidden; }

/* Accordion Styles */
.faq-accordion { counter-reset: faq-counter; list-style: none !important; padding: 0; margin: 0; }
.faq-item { border-bottom: 1px solid #e0e0e0; margin-bottom: 1rem; }
.faq-accordion .active {background: unset;}
.single_post_content ul.faq-accordion li { list-style: none !important; margin: 0 0 1rem 0; padding: .5rem 0; }
.faqV
.faq-question p { margin: 0; display: flex; align-items: flex-start; color: var(--darkColor); font-size: 1.25rem; font-weight: 300; line-height: 1.4; width: 100%; font-family: var(--priFont); }
.faq-question p::before { counter-increment: faq-counter; content: counter(faq-counter) ". "; font-weight: 700; margin-right: 0.5rem; color: var(--darkColor); flex-shrink: 0; }
/* Red Circle Icon */
.faq-toggle-icon { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: var(--priColor); border-radius: 50%; transition: transform 0.3s ease; flex-shrink: 0; }
/* Arrow inside the circle */
.faq-toggle-icon::before { content: ''; width: 8px; height: 8px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); margin-bottom: 2px; /* Visual adjustment */ transition: transform 0.3s ease; }
.faq-answer { display: none; padding: 1rem 0 1rem 2rem; color: var(--textColor); line-height: 1.6; font-size: 1rem; }