.banner-module {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 280px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 8px 10px 0px rgba(29, 30, 33, 0.16);
    background: linear-gradient(90deg, #fff 23.5%, #f8f8f8 100%);
}

.banner-module .background-wrapper {
        position: relative;
    }

.banner-module .background-wrapper .top-left-corner {
            position: absolute;
        }

.banner-module .background-wrapper .top-left-corner svg {
                position: relative;
            }

.banner-module .background-wrapper .bottom-right-corner {
            bottom: 0;
            position: absolute;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
        }

.banner-module .background-wrapper .bottom-right-corner svg {
                bottom: 0;
                position: absolute;
            }

.banner-module .background-wrapper .bottom-right-corner img {
                position: absolute;
                width: 263px;
                bottom: 10px;
            }

.banner-module .content-wrapper {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        z-index: 10;
        gap: 24px;
        padding: 10px;
    }

.banner-module .content-wrapper .module-title {
            color: #2e3134;
            font-size: 32px;
        }

.banner-module .content-wrapper .module-title span {
                color: #2e3134;
                font-family: Inter;
                font-size: 32px;
                font-weight: 600;
            }

.banner-module .content-wrapper .module-description {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

.banner-module .content-wrapper .module-description .description-title {
                display: flex;
                justify-content: flex-start;
                gap: 8px;
                width: 100%;
                color: #2e3134;
                font-size: 18px;
                font-weight: 600;
            }

.banner-module .content-wrapper .module-description .description-title .icon-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

.banner-module .content-wrapper .module-description .description-title .text-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

.banner-module .content-wrapper .module-description .description-title img {
                    height: 36px;
                }

.banner-module .content-wrapper .module-description .description-item {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                color: #2e3134;
            }

.banner-module .content-wrapper .module-description .description-item .icon-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

.banner-module .content-wrapper .module-description .description-item .text-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

.banner-module-pre-sale {
    border-right: 8px solid #085ef1;
}

.banner-module-sale {
    border-right: 8px solid #ffd54f;
    border-right: 8px solid var(--amber-color-amber-300, #ffd54f);
}

.banner-module-post-sale {
    border-right: 8px solid #4caf50;
    border-right: 8px solid var(--green-color-green-500, #4caf50);
}

@media (max-width: 768px) {
    .banner-module {
        border-radius: 8px;

        grid-template-columns: 1fr;
        height: 600px;
    }

        .banner-module .background-wrapper {
            min-height: 350px;
        }

            .banner-module .background-wrapper .top-left-corner {
                margin-top: -35px;
            }
                .banner-module .background-wrapper .bottom-right-corner svg {
                    left: -10%;
                }
            .banner-module .content-wrapper .module-title {
                position: absolute;
                top: 40px;
                left: 8%;
            }

    .banner-module-pre-sale {
        margin-top: 10px;
        margin-bottom: 10px;
        border-right: 4px solid #085ef1;
    }

    .banner-module-sale {
        border-right: 4px solid #ffd54f;
        border-right: 4px solid var(--amber-color-amber-300, #ffd54f);
    }

    .banner-module-post-sale {
        border-right: 4px solid #4caf50;
        border-right: 4px solid var(--green-color-green-500, #4caf50);
    }
}