.contents {
        padding: 20px 20px;
        border: 1px solid rgb(217, 224, 235);
        border-radius: 8px;
        margin: 30px 0px 0;
        background-color: rgb(243, 245, 251);
    }

:root {
            --page-icon: url("/sites/zweb/images/crm/catalystsolutions/link.svg");
        }

        .faq-element {
            margin-bottom: 10px; /* Space between each element */
        }

        .collapsible {
            background-color: #F2F8FD; /* Lighter blue background for the question box */
            color: #333; /* Darker text color for better readability */
            cursor: pointer;
            padding: 18px;
            width: calc(100% - 38px); /* Full width minus padding */
            border: 1px solid #AFCDE7; /* Light blue border */
            border-radius: 5px; /* Rounded corners for all sides */
            text-align: left;
            outline: none;
            font-size: 15px;
            transition: 0.4s;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0; /* Remove margin */
        }

        .collapsible .question {
            display: flex;
            align-items: center;
        }

        .collapsible .copy-link {
            margin-left: 0.2em; /* Adjust the space between the question and the copy link */
            cursor: pointer;
            font-size: 16px;
            color: #5a67d8; /* Soothing blue color for hyperlink */
            visibility: hidden; /* Hide the copy link icon by default */
            position: relative;
        }

        .collapsible:hover .copy-link {
            visibility: visible; /* Show the copy link icon when the button is hovered */
        }

        .collapsible::after {
            content: '\25BC'; /* Unicode character for down arrow */
            font-size: 13px;
            color: #5a67d8; /* Soothing blue color for the arrow */
            margin-left: 10px;
            transition: transform 0.4s;
        }

        .active::after {
            transform: rotate(180deg); /* Rotate the arrow when active */
        }

        .active, .collapsible:hover {
            background-color: #E1F0FB; /* Slightly darker blue when hovered or active */
        }

        .answer {
            display: none;
            overflow: hidden;
            background-color: #ffffff; /* Even lighter blue background for the answer box */
            border: 1px solid #AFCDE7; /* Light blue border */
            border-top: none; /* Remove top border to connect with the button */
            border-radius: 0 0 5px 5px; /* Rounded corners at the bottom */
            margin: 0; /* Remove margin */
            height: 0; /* Initial height */
            transition: height 0.4s ease; /* Smooth transition for height */
        }

        .answer p {
            padding: 18px;
        }

        .copy-link:hover {
            color: #434190; /* Darker blue when hovered */
        }

        .tooltip {
            visibility: hidden;
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 125%; /* Position the tooltip above the icon */
            left: 50%;
            margin-left: -30px;
            opacity: 0;
            transition: opacity 0.3s;
            font-size: 12px;
        }

        .copy-link.copied .tooltip {
            visibility: visible;
            opacity: 1;
        }

        .link-icon {
            width: 16px;
            height: 16px;
            background: var(--page-icon)no-repeat -644px -30px;
            margin-left: 5px !important;
            max-width: unset !important;
        }

        .copy-link:hover .link-icon {
            filter: brightness(0.7); /* Darker when hovered */
        }

        .faq-element p {
            margin-bottom: unset !important; /* Remove margin for the answer text */
        }

.page-wrapper *:focus {
box-shadow: unset !important;
}