#brand-reputation-research {
font-family: 'Segoe UI Regular';
color: white;
--color: orange;
--color_border: rgba(243, 156, 18, 0.25);
--clip_path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
--fon_url: url("/static/products/bi_reporting/assets/back2.png");
}

 .title {
text-align: center;
margin-bottom: 35px;
}

 .first_text {
text-align: start;
word-spacing: 2px;
font-size: 22px;
}

 .second_text {
text-align: start;
word-spacing: 2px;
}

.dash-section-text {
font-size: 20px;
text-align: start;
word-spacing: 2px;
}
#brand-reputation-research > .container-fluid {
padding-block: 30px;
border-bottom: solid 1px var(--color_border);
}

.dash-dropdown {
margin-inline: 3rem;
}

select:not([multiple]) {
    word-wrap: normal;
    width: 50%;
    min-width: 10rem;
    max-width: 20rem;
    background-color: black;
    color: white;
    outline: 0;
    border: 1px solid rgba(32, 68, 171, 1);
    padding: 5px 8px;
}

.slider_group{
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: column;

}
 .slider_group > div{
width: 100%;
}

.slider-item {
display: flex;
flex-direction: column;
gap: 0.3rem;
}

.slider-item > div:first-child {
text-align: center;
}

.slider-item > div:last-child {
margin-inline: auto;
width: min(90%, 600px);
}

.small_title{
color: white;
font-size: 22px;
font-family: 'Segoe UI Bold';
margin-block: 20px;
text-align: center;
}

.dash-section .row {
    flex-direction: column;
}

.shadow {
    filter: drop-shadow(0px 0px 10px var(--color));
    box-shadow: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shape-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 100px;
    width: 100px;
    margin: 25px;
    background: var(--color);
}

.shape-inner {
    height: 98px;
    width: 98px;
    background: radial-gradient(black, 85%, var(--color));
    background-size: cover;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.figure {
-webkit-clip-path: var(--clip_path);
        clip-path: var(--clip_path);
}

.img_prod {
    width: 60%;
    display: block;
}

.text_prod {
    font-size: 20px;
    margin: auto;
    width: 70%;
    color: white;
    text-align: center;
}

@media only screen and (min-width: 1025px) {

     .title {
    margin-bottom: 20px;
    text-align: start;
    }
     .first_text {
    font-size: 26px;
    text-align: start;
    }
     .small_title{
    text-align: start;
    }

    #brand-reputation-research > .container-fluid {
    padding-block: 50px;
    border-bottom: solid 1px var(--color_border);
    }

     .shadows {
    background-image: var(--fon_url);
    background-repeat: no-repeat;
    background-size: 100%;
    }
     .dash-section .row {
    flex-direction: row;
    }
     .dash-section .col {
    min-width: 500px;
    }
     .dash-section-text {
    font-size: 20px;
    text-align: start;
    }
}

@media (max-width: 1249px) {
     .dash-section:nth-child(2n) > .row{
        flex-direction: column-reverse;
    }
}