/* Template Name: Lizehen Author: Themesdesign Version: 1.1.0 File Description: Main Css file of the template */ /****************************************\ 01.general 02.helper 03.components 04.menu 05.home 06.how-it-work 07.services 08.counter 09.pricing 10.testimonial 11.team 12.blog 13.contact 14.footer 15.responsive *****************************************/ .no-space { max-height: 0px; padding: 0px; margin: 0px; overflow: hidden; } /* Accordion chevron icon styles */ /* Accordion Styles */ /* Accordion Styles */ .accordion .card { border: none; background: none; margin-bottom: 1rem; /* Added margin for spacing between accordion items */ } .accordion .card-header { background-color: #ffffff; border-bottom: 1px solid #E6E8EC; padding: 0.75rem 1.25rem; position: relative; /* Position relative for the caret icon */ } .accordion .btn-link { color: #2F2E41; font-size: 1.2rem; font-weight: bold; background-color: #ffffff; text-align: left; width: 100%; padding-right: 2rem; /* Ensuring space for the icon */ border: none; box-shadow: none; transition: all 0.3s; /* Remove padding to prevent text jump */ padding-top: 0.75rem; padding-bottom: 0.75rem; } .accordion .btn-link:hover, .accordion .btn-link:focus { text-decoration: none; background-color: #f8f9fa; } .accordion .btn-link::after { /* Font Awesome arrow down */ content: '\f078'; /* FontAwesome caret-down icon */ font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease-in-out; } .accordion .btn-link.collapsed::after { /* Font Awesome arrow right */ content: '\f054'; /* FontAwesome caret-right icon */ transform: translateY(-50%); } .accordion .collapse.show .btn-link::after, .accordion .collapse:not(.show) .btn-link::after { /* Prevent the icon from rotating */ transform: translateY(-50%); } .accordion .collapse, .accordion .collapse.show { padding: 0; /* Remove padding to prevent content jump */ } .accordion .card-body { background-color: #ffffff; color: #6E7191; line-height: 1.6; padding: 1rem 3rem; /* Consistent padding for open and closed states */ border-top: none; /* Remove any border for the expanded answer */ } /* Include this in your main stylesheet or in a