#cc-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    /* vh 代表视口高度 */
    background-color: #f7f7f7;
    /* Gray-100 的近似值 */
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    /* 5xl in Tailwind corresponds roughly to 1280px */
    padding-left: 1rem;
    /* 4 in Tailwind is 1rem */
    padding-right: 1rem;
    /* 4 in Tailwind is 1rem */
}

@media (min-width: 640px) {

    /* sm breakpoint */
    .container {
        padding-left: 1.5rem;
        /* 6 in Tailwind is 1.5rem */
        padding-right: 1.5rem;
        /* 6 in Tailwind is 1.5rem */
    }
}

@media (min-width: 1024px) {

    /* lg breakpoint */
    .container {
        padding-left: 2rem;
        /* 8 in Tailwind is 2rem */
        padding-right: 2rem;
        /* 8 in Tailwind is 2rem */
    }
}

.container_h1 {
    /*  选择器需要根据实际应用场景调整 */
    font-size: 3rem;
    /* text-5xl 的近似值，实际大小取决于你的 Tailwind 配置 */
    text-align: center;
    font-weight: 800;
    /* font-extrabold 的近似值 */
    color: black;
    margin-bottom: 1.5rem;
    /* mb-6 的近似值 */
    margin-top: 0.5rem;
    /* mt-2 的近似值 */
}

.container_p_6 {
    /* 选择器需要根据实际应用场景调整 */
    font-size: 1.15rem;
    line-height: 1.5;
    /* text-base 的默认值 */
    color: #374151;
    /* text-gray-700 的近似值，可能需要根据你的 Tailwind 配置调整 */
    margin-bottom: 1.5rem;
    /* mb-6 的近似值，可能需要根据你的 Tailwind 配置调整 */
    text-indent: 0;
    /* indent-0 */
}

.container_h2 {
    /* 选择器需要根据实际应用场景调整 */
    font-size: 1.875rem;
    /* text-3xl 的近似值，实际大小取决于你的 Tailwind 配置 */
    color: black;
    font-weight: bold;
    margin-bottom: 2rem;
    /* mb-8 的近似值 */
    margin-top: 2rem;
    /* mt-8 的近似值 */
    text-indent: 0;
    /* indent-0 */
}

.container_h2_p {
    /* 选择器需要根据实际应用场景调整 */
    font-size: 1.15rem;
    line-height: 1.5;
    /* text-base 的默认值 */
    color: #374151;
    /* text-gray-700 的近似值，可能需要根据你的 Tailwind 配置调整 */
    margin-bottom: 1rem;
    /* mb-4 的近似值，可能需要根据你的 Tailwind 配置调整 */
    text-indent: 0;
    /* indent-0 */
}

.container_ol {
    /* 选择器需要根据实际应用场景调整 */
    list-style-type: decimal;
    /* list-decimal */
    list-style-position: inside;
    font-size: 1.15rem;
    line-height: 1.5;
    /* list-inside */
    color: #374151;
    /* text-gray-700 的近似值，可能需要根据你的 Tailwind 配置调整 */
    margin-bottom: 1rem;
    /* mb-4 的近似值，可能需要根据你的 Tailwind 配置调整 */
    padding-left: 1.5rem;
    /* pl-4 的近似值，可能需要根据你的 Tailwind 配置调整 */
    text-indent: 0;
    /* indent-0 */
}

.container_span {
    /* Or other appropriate selector */
    font-weight: bold;
    display: inline-block;
    font-size: 1rem;
    /* text-base default */
}

#faqs {
    /*  Choose a suitable selector;  .container is common for this layout */
    margin-left: auto;
    margin-right: auto;
    /* mx-auto */
    /* background-color: #f3f4f6; */
    /* bg-gray-100 -  This is the default; check your config */
    padding-left: 1rem;
    padding-right: 1rem;
    /* px-4 */
}

@media (min-width: 640px) {

    /* sm:px-6 */
    .faqs {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {

    /* lg:px-8 */
    .faqs {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.faqs_container_div {
    /* Replace .element with your actual selector */
    margin-bottom: 2rem;
    text-align: center;
    /* mb-8 - Default value; check your config */
}

@media (min-width: 768px) {

    /* md:mb-12 */
    .faqs_container_div {
        margin-bottom: 3rem;
        /* mb-12 - Default value; check your config */
    }
}

@media (min-width: 1024px) {

    /* lg:mb-16 */
    .faqs_container_div {
        margin-bottom: 4rem;
        /* mb-16 - Default value; check your config */
    }
}

.faqs_h1 {
    /* Replace .element with your actual selector */
    font-size: 3rem;
    /* text-5xl - Default value; check your config */
    text-align: center;
    /* text-center */
    font-weight: 800;
    /* font-extrabold */
    color: black;
    /* text-black */
    margin-bottom: 1.5rem;
    /* mb-6 - Default value; check your config */
    margin-top: 4rem;
    /* mt-16 - Default value; check your config */
}

.faqs_h2_div {
    /* Replace .element with your actual selector */
    margin-bottom: 1.5rem;
    /* mb-6 - Default value; check your config */
    border-radius: 1rem;
    /* rounded-xl - Default value; check your config */
    border: 1px solid black;
    /* border border-solid border-black */
    padding: 2rem;
    /* p-8 - Default value; check your config */
}

.faqs_h2_div_element {
    /* Replace .element with your actual selector */
    margin-bottom: 1rem;
    /* mb-4 - Default value; check your config */
    display: flex;
    /* flex */
    cursor: pointer;
    /* cursor-pointer */
    align-items: flex-start;
    /* items-start */
    justify-content: space-between;
    /* justify-between */
}

.faqs_h2 {
    /* Replace .element with your actual selector */
    font-size: 1.25rem;
    /* text-xl - Default value; check your config */
    font-weight: 600;
    /* font-semibold */
    color: rgb(55, 55, 55);
    /* text-gray-600 - Default value; check your config */
    text-indent: 0;
}

.faqs_h2_p1 {
    /* Replace .element with your actual selector */
    color: #4a4949;
    margin-bottom: 1rem;
    line-height: 1.5;
    /* mb-4 - Default value; check your config */
    font-size: 1rem;
    /* text-sm - Default value; check your config */
    text-indent: 0;
    /* indent-0 */
}

.faqs_h2_p2 {
    /* Replace .element with your actual selector */
    color: #4a4949;
    line-height: 1.5;
    font-size: 1rem;
    /* text-sm - Default value; check your config */
    text-indent: 0;
    /* indent-0 */
}

.faqs_href {
    /* Replace .element with your actual selector */
    font-weight: 600;
    /* font-semibold */
    color: #4a4949;
    /* text-gray-500 - Default value; check your config */
}

.faqs_href:hover {
    color: #2563EB;
    /* hover:text-blue-500 - Default value; check your config */
    text-decoration: underline;
    /* hover:underline */
}

.footer_div {
    /* Replace .element with your actual selector */
    border-top: 1px solid #A0AEC0;
    /* border-t border-gray-500 - Default value; check your config */
    background-color: #F7FAFC;
    /* bg-gray-100 - Default value; check your config */
    color: #4A5568;
    /* text-gray-700 - Default value; check your config */
}

.footer_p {
    /* Replace .element with your actual selector */
    font-family: 'Inter', sans-serif;
    /* font-inter -  You MUST define this in your CSS or Tailwind config */
    text-align: center;
    /* text-center */
    font-size: 0.875rem;
    /* text-sm - Default value; check your config */
    color: #0a1834;
    /* text-gray-600 - Default value; check your config */
}

@media (min-width: 1024px) {

    /* lg:mt-0 */
    .footer_p {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}