
.form-control.d-flex input {
    background-color: transparent;
    min-width: 100px; 
}

#filters2-container {
    width: 100%;
    min-height: 700px;

    @media (max-width: 1295px) {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 150px), url('/assets/cover01.jpg') no-repeat center center;
        background-size: cover;
        padding-top: 165px;
        .back {
            width: 100%;
            padding: 32px calc(50% - 397px/2);
            .text1 {
                height: 29px;
                font-size: 24px;
                margin: auto;
            }
            .text2 {
                height: 21px;
                font-size: 16px;
                margin: auto;
            }
            .filters1, .filters2 {
                .select25 {
                    flex-grow: 1;
                    width: 258px;
                    .btn-gold {
                        width: 100%;
                    }
                }
                .select33 {
                    width: 397px;
                }
                .prices {
                    width: 397px;
                }
            }
        }
    }
    @media (max-width: 420px) {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 150px), url('/assets/cover01.jpg') no-repeat center center;
        background-size: cover;
        .back {
            padding: 32px 10px;
            .text1 {
                font-size: 22px;
            }
            .filters1, .filters2 {
                .select25 {
                    width: 100%;
                }
                .select33 {
                    width: 100%;
                }
                .prices {
                    width: 100%;
                    flex-direction: column;
                    gap: 20px !important;
                    input {
                        width: 100%;
                    }
                }
            }
        }
    }

    @media (min-width: 1296px) {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 150px), url('/assets/cover01.jpg') no-repeat center center;
        background-size: cover;
        .back {
            margin-top: 298px;
            position: absolute;
            height: 305px;
            left: calc(50% - 1296px/2);
            /* top: 98px; */
            width: 1296px;
            padding: 48px 32px;
            .text1 {
                /* width: 528px; */
                height: 48px;
                font-size: 40px;
            }
            .text2 {
                /* width: 351px; */
                height: 29px;
                font-size: 24px;
            }
            .filters1, .filters2 {
                width: 1232px;
                .select25 {
                    width: 258px;
                }
                .select33 {
                    width: 397px;
                }
                .prices {
                    width: 397px;
                }
            }
        }
    }

    .back {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* gap: 32px; */ 

        background: rgba(33, 37, 41, 0.8);
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(2px);

        color: white;

        .text1 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 0px;
            
            line-height: 120%;
        }

        .text2 {
            display: flex;
            align-items: center;

            line-height: 120%;
        }

        .filters1 {
            margin-top: 20px;
        }

        .filters1, .filters2 {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 0px;

            /* height: 86px; */
            gap: 20px;

            .prices {
                display: flex;
                gap: 10px;
            }
        }
    }
} 
