/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./components/Modeldesignpage/bannerdesign/faqdesign.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.faq-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(64px, 9vw, 120px) 24px;
    background:
        radial-gradient(ellipse at 8% 10%, rgba(249, 71, 91, 0.09), transparent 32%),
        #faf9f6;
    color: #1a1a1a;
    font-family: Arial, sans-serif;
}

.faq-background {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transform: translate3d(0, var(--faq-parallax-y, 0px), 0);
    will-change: transform;
}

.faq-background::before,
.faq-background::after {
    position: absolute;
    width: clamp(180px, 28vw, 390px);
    aspect-ratio: 1;
    border-radius: 50%;
    content: "";
    filter: blur(2px);
}

.faq-background::before {
    top: 8%;
    left: -12%;
    background: radial-gradient(circle, rgba(249, 71, 91, 0.11), rgba(249, 71, 91, 0) 70%);
    animation: faq-glow-drift 12s ease-in-out infinite alternate;
}

.faq-background::after {
    right: -12%;
    bottom: 2%;
    background: radial-gradient(circle, rgba(255, 179, 71, 0.16), rgba(255, 179, 71, 0) 70%);
    animation: faq-glow-drift 14s ease-in-out -4s infinite alternate-reverse;
}

.faq-background__question,
.faq-background__label {
    position: absolute;
    color: rgba(249, 71, 91, 0.055);
    font-weight: 800;
    line-height: 1;
    animation: faq-symbol-float 8s ease-in-out infinite;
}

.faq-background__question {
    top: 5%;
    right: 7%;
    font-size: clamp(160px, 27vw, 350px);
    transform: rotate(10deg);
}

.faq-background__label {
    bottom: 7%;
    left: 4%;
    color: rgba(255, 179, 71, 0.12);
    font-size: clamp(40px, 8vw, 100px);
    letter-spacing: 0.06em;
    animation-delay: -3s;
}

.faq-inner {
    position: relative;
    z-index: 1;
    width: min(100%, 900px);
    margin: 0 auto;
}

.faq-intro {
    max-width: 660px;
    margin: 0 auto 44px;
    text-align: center;
}

.faq-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: #f9475b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.faq-intro h2 {
    margin: 0;
    color: #1a1a1a;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 750;
    letter-spacing: -0.045em;
    line-height: 1.1;
}

.faq-intro p {
    margin: 16px 0 0;
    color: #6b6866;
    font-size: 16px;
    line-height: 1.7;
}

.faq-list {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
}

.faq-card {
    overflow: hidden;
    border: 1px solid rgba(26, 26, 26, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 26px rgba(34, 26, 22, 0.035);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.faq-card:hover,
.faq-card.is-open {
    border-color: rgba(249, 71, 91, 0.28);
    box-shadow: 0 12px 30px rgba(249, 71, 91, 0.08);
}

.faq-question {
    display: grid;
    width: 100%;
    grid-template-columns: 42px 1fr 36px;
    align-items: center;
    grid-gap: 14px;
    gap: 14px;
    padding: 21px 24px;
    border: 0;
    background: transparent;
    color: #252323;
    cursor: pointer;
    font: inherit;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.5;
    text-align: left;
}

.faq-number {
    color: #f9475b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.faq-toggle {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: #fff0e7;
    color: #f9475b;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    transition: transform 260ms cubic-bezier(0.2, 0.75, 0.25, 1), background 180ms ease;
}

.faq-card.is-open .faq-toggle {
    transform: rotate(180deg);
    background: #ffe2d5;
}

.faq-answer-panel {
    display: grid;
    grid-template-rows: 0fr;
    visibility: hidden;
    transition: grid-template-rows 320ms cubic-bezier(0.2, 0.75, 0.25, 1), visibility 0s linear 320ms;
}

.faq-answer-panel.is-open {
    grid-template-rows: 1fr;
    visibility: visible;
    transition-delay: 0s;
}

.faq-answer {
    min-height: 0;
    overflow: hidden;
    padding: 0 74px 0 80px;
    border-top: 1px solid rgba(249, 71, 91, 0.12);
    background: linear-gradient(90deg, rgba(249, 71, 91, 0.035), rgba(255, 255, 255, 0.4));
    color: #4e4a48;
    font-size: 15px;
    line-height: 1.75;
    overflow-wrap: anywhere;
    opacity: 0;
    transform: translateY(-5px);
    transition: padding 320ms ease, opacity 220ms ease, transform 320ms ease;
}

.faq-answer-panel.is-open .faq-answer {
    padding-top: 17px;
    padding-bottom: 22px;
    opacity: 1;
    transform: translateY(0);
}

.faq-answer p {
    margin: 0;
}

.faq-more {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 28px auto 0;
    padding: 13px 22px;
    border: 1px solid #f9475b;
    border-radius: 999px;
    background: transparent;
    color: #f9475b;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.faq-more:hover {
    transform: translateY(-1px);
    background: #f9475b;
    color: #fff;
}

.faq-message {
    padding: 30px;
    border: 1px solid rgba(26, 26, 26, 0.08);
    border-radius: 16px;
    background: #fff;
    color: #6b6866;
    text-align: center;
}

[data-aos="faq-rotate-left"],
[data-aos="faq-rotate-right"] {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

[data-aos="faq-rotate-left"] {
    transform: translate3d(-42px, 0, 0) rotate(-3deg);
}

[data-aos="faq-rotate-right"] {
    transform: translate3d(42px, 0, 0) rotate(3deg);
}

[data-aos="faq-rotate-left"].aos-animate,
[data-aos="faq-rotate-right"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0);
}

@keyframes faq-glow-drift {
    from { transform: translate3d(0, -12px, 0) scale(0.96); }
    to { transform: translate3d(18px, 14px, 0) scale(1.05); }
}

@keyframes faq-symbol-float {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -12px; }
}

@media (max-width: 600px) {
    .faq-section {
        padding-right: 16px;
        padding-left: 16px;
    }

    .faq-intro {
        margin-bottom: 30px;
    }

    .faq-question {
        grid-template-columns: 30px 1fr 32px;
        gap: 10px;
        padding: 17px 15px;
        font-size: 14px;
    }

    .faq-toggle {
        width: 30px;
        height: 30px;
    }

    .faq-answer {
        padding-right: 16px;
        padding-left: 55px;
        font-size: 14px;
    }

    .faq-answer-panel.is-open .faq-answer {
        padding-top: 14px;
        padding-bottom: 18px;
    }

    .faq-background__question {
        top: 8%;
        right: -8%;
        font-size: 160px;
    }

    .faq-background__label {
        bottom: 3%;
        left: -2%;
        font-size: 42px;
    }

    [data-aos="faq-rotate-left"] {
        transform: translate3d(-24px, 0, 0) rotate(-2deg);
    }

    [data-aos="faq-rotate-right"] {
        transform: translate3d(24px, 0, 0) rotate(2deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-background__question,
    .faq-background__label,
    .faq-background::before,
    .faq-background::after {
        animation: none;
    }

    .faq-card,
    .faq-more,
    .faq-answer,
    .faq-answer-panel {
        transition: none;
    }

    .faq-answer-panel.is-open {
        grid-template-rows: 1fr;
    }

    .faq-answer-panel:not(.is-open) {
        display: none;
    }

    .faq-answer-panel.is-open .faq-answer {
        padding-top: 17px;
        padding-bottom: 22px;
        opacity: 1;
        transform: none;
    }

    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .faq-background {
        transform: none !important;
        will-change: auto;
    }
}