#cluster-analysis {
font-family: 'Segoe UI Regular';
color: white;
--color: #0e8025;
--color_border: #0e8025;
--clip_path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
/*--fon_url: url("/static/products/bi_reporting/assets/back2.png");*/
}

.selector_row {

}

.selector_col {
display: inline-block;
width: 30%;
}

.dash-section-graph {
    margin-inline: auto;
    width: 80%;
}

.cards_blog .col {
display: flex;
justify-content: center;
}

.cards_blog .shape-outer{
width: 11vw;
height: 11vw;
min-width: 150px;
min-height: 150px;
}

.cards_blog .shape-inner{
width: calc(11vw - 2px);
height: calc(11vw - 2px);
min-width: 148px;
min-height: 148px;
}

.card_blog{
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
border: 1px solid var(--color_border);
box-shadow: 0 0 10px var(--color_border);
width: 250px;
height: 370px;
}

.figure2{
-webkit-clip-path: circle(50% at 50% 50%);
font-size: 25px;
}

.cards_blog{
align-items: unset;
justify-content: center;
gap: 50px;
margin: 0 50px;
}

.text_on_card{
padding: 30px;
text-align: center;
font-size: 18px;
}
.some-text-blog{
text-align: center;
font-size: 20px;
}

.some-text-blog .col{
margin: 10px 0;
min-width: 200px;
}

.some-text-blog span{
color: var(--color);
margin: none;
}

.dash-section-text{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}

.dash-section-text .col{
margin-top: 10px;
}

.some-text-blog2{
text-align: center;
}

.some-text-blog2 .col{
min-width: 200px;
border: 1px solid var(--color);
border-radius: 20px;
box-shadow: 10px var(--color);
margin: 0 10px;
}

.some-text-blog2 .row{
margin-top: 20px;
}

.dash-section{
margin: 20px 0;
}


.some-text-blog2 .col B{
color: var(--color);
font-size: 20px;
}

 .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;
}
.cluster_selector {
margin-block: 5px;
width: 90%;
background-color: black;
color: white;
border: none;
outline: none;
box-shadow: 0px 0px 3px 1px #4472c4;
}
.cluster_selector:focus {
    border-color: #95cfeb;
}
.small_title{
color: white;
font-size: 22px;
font-family: 'Segoe UI Bold';
margin-block: 20px;
text-align: center;
}

.dash-section .row {
    flex-direction: column;
    gap: 1rem;
    padding-block: 0.8rem;
}

.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: 150px;
    width: 150px;
    margin: 25px;
    background: var(--color);
}

.shape-inner {
    height: 148px;
    width: 148px;
    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;
    }

    #cluster-analysis > .container-fluid {
    padding-block: 5px;
    }

     .shadows {
    background-image: var(--fon_url);
    background-repeat: no-repeat;
    background-size: 100%;
    }
     .dash-section .row {
    flex-direction: row;
    }

     .dash-section-text {
    font-size: 20px;
    text-align: start;
    }
}

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