.custom-signs, .more-about {
    padding: 100px 48px;
    display: flex;
    align-items: flex-start;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    gap: 48px;
}

.custom-signs--video, .more-about--video {
    align-items: center;
}

.custom-signs__video, .more-about__video {
    max-width: 634px;
    width: 100%;
}

.custom-signs .custom-signs__content, .more-about .more-about__content {
    max-width: 634px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.custom-signs .custom-signs__title {
    max-width: 512px;
    width: 100%;
    font-size: 54px;
    line-height: 65px;
    font-weight: 800;
}

.more-about .more-about__title {
    max-width: 570px;
    width: 100%;
    font-size: 54px;
    line-height: 65px;
    font-weight: 800;
}

.custom-signs .custom-signs__text, .more-about .more-about__text {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
}

.custom-signs .custom-signs__images, .more-about .more-about__images {
    position: relative;
    max-width: 600px;
    height: 600px;
    width: 100%;
}

.custom-signs .custom-signs__image:first-child {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    max-width: 500px;
    width: 100%;
}

.more-about .more-about__image:first-child {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    max-width: 500px;
    width: 100%;
}

.custom-signs .custom-signs__button, .more-about .more-about__button {
    width: fit-content;
}

.custom-signs .custom-signs__image:last-child {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
}

.more-about .more-about__image:last-child {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}

.custom-signs .custom-signs__image img, .more-about .more-about__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.faq-main {
    position: relative;
    padding: 100px 48px;
    background-image: url(https://speedpro-stage.freshy.dev/addison/wp-content/uploads/sites/4/2025/04/black-art.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.faq {
    position: relative;
    z-index: 2;
}

.faq .faq__title {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    color: white;
    margin-bottom: 48px;
}

.faq .faq-accordion {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto; 
}

.faq .accordion, .faq .accordion-item, .faq .accordion-button {
    background-color: transparent;
}

.faq .accordion-item {
    border: none;
    border-bottom: 2px solid white;
    transition: border-bottom 0.3s ease-in-out;
}

.faq .accordion-item:has(.accordion-collapse.show) {
    border-bottom: 2px solid #D9291B;
}

.faq .accordion-button[aria-expanded="true"]::after {
    transform: unset!important;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" width="64px" height="64px" viewBox="0 -5 24 24" version="1.1" fill="%23D9291B" stroke="%23D9291B"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>chevron-down</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Icon-Set" transform="translate(-572.000000, -1200.000000)" fill="%23D9291B"><path d="M595.688,1200.28 C595.295,1199.89 594.659,1199.89 594.268,1200.28 L583.984,1211.57 L573.702,1200.28 C573.31,1199.89 572.674,1199.89 572.282,1200.28 C571.89,1200.68 571.89,1201.32 572.282,1201.71 L583.225,1213.72 C583.434,1213.93 583.711,1214.02 583.984,1214 C584.258,1214.02 584.535,1213.93 584.745,1213.72 L595.688,1201.71 C596.079,1201.32 596.079,1200.68 595.688,1200.28" id="chevron-down"></path></g></g></g></svg>')!important;
}

.faq .accordion-item:last-of-type>.accordion-collapse, .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed, .accordion-item:last-of-type {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.faq .accordion-button {
    border-radius: 0;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    padding: 24px 0;
}

.faq .accordion-body {
    color: white;
    font-weight: 500;
    font-size: 22px;
    font-style: italic;
    padding: 0 0 24px;
}

.faq .accordion-button:not(.collapsed) {
    color: #D9291B;
    background-color: transparent;
    box-shadow: none;
}

.faq .accordion-button:focus {
    box-shadow: none;
}

.faq .accordion-button::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" width="64px" height="64px" viewBox="0 -5 24 24" version="1.1" fill="%23ffffff" stroke="%23ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>chevron-down</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Icon-Set" transform="translate(-572.000000, -1200.000000)" fill="%23ffffff"><path d="M595.688,1200.28 C595.295,1199.89 594.659,1199.89 594.268,1200.28 L583.984,1211.57 L573.702,1200.28 C573.31,1199.89 572.674,1199.89 572.282,1200.28 C571.89,1200.68 571.89,1201.32 572.282,1201.71 L583.225,1213.72 C583.434,1213.93 583.711,1214.02 583.984,1214 C584.258,1214.02 584.535,1213.93 584.745,1213.72 L595.688,1201.71 C596.079,1201.32 596.079,1200.68 595.688,1200.28" id="chevron-down"></path></g></g></g></svg>');
}

.faq .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" width="64px" height="64px" viewBox="0 -5 24 24" version="1.1" fill="%23D9291B" stroke="%23D9291B"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>chevron-down</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Icon-Set" transform="translate(-572.000000, -1200.000000)" fill="%23D9291B"><path d="M595.688,1200.28 C595.295,1199.89 594.659,1199.89 594.268,1200.28 L583.984,1211.57 L573.702,1200.28 C573.31,1199.89 572.674,1199.89 572.282,1200.28 C571.89,1200.68 571.89,1201.32 572.282,1201.71 L583.225,1213.72 C583.434,1213.93 583.711,1214.02 583.984,1214 C584.258,1214.02 584.535,1213.93 584.745,1213.72 L595.688,1201.71 C596.079,1201.32 596.079,1200.68 595.688,1200.28" id="chevron-down"></path></g></g></g></svg>');
}

.faq-overlay {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 1200px) {
    .custom-signs {
        padding: 48px 20px;
        max-width: 100%;
        flex-direction: column;
    }
    .more-about {
        padding: 48px 20px;
        max-width: 100%;
        flex-direction: column-reverse;
    }
    .custom-signs .custom-signs__content, .more-about .more-about__content {
        max-width: 100%;
    }
    .custom-signs .custom-signs__title, .more-about .more-about__title {
        max-width: 100%;
        font-size: 32px;
        line-height: 40px;
    }
    .custom-signs .custom-signs__text, .more-about .more-about__text {
        font-size: 18px;
        line-height: 28px;
    }
    .custom-signs .custom-signs__images, .more-about .more-about__images {
        max-width: 100%;
        max-height: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .custom-signs .custom-signs__image:first-child, .custom-signs .custom-signs__image:last-child, .more-about .more-about__image:first-child, .more-about .more-about__image:last-child {
        position: relative;
        max-width: 100%;
    }
    .custom-signs .custom-signs__image img, .more-about .more-about__image img {
        border-radius: 8px;
        aspect-ratio: 1 / 1;
    }
    .faq-main {
        padding: 48px 20px;
    }
    .faq .faq__title {
        font-size: 32px;
        margin-bottom: 24px;
    }
    .faq .accordion-button {
        font-size: 22px;
    }
    .faq .accordion-body {
        font-size: 16px;
    }
}