
.space-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.justify-content-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.view-primaryColor {
    height: 20px;
    background-color: var(--4110b0d8-primaryColor);
}
.view-secondaryColor {
    height: 20px;
    background-color: var(--4110b0d8-secondaryColor);
}
.container-center {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.specs {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid var(--primaryColor);
    background-color: var(--secondaryColor);
    font-weight: 600;
    text-transform: capitalize;
}
.specValue {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 50px 5px 5px 5px;
    padding: 5px;
    border-radius: 20px;
    border: 1px solid var(--secondaryColor);
    background-color: var(--secondaryColor);
    color: white;
    font-weight: 600;
    text-transform: capitalize;
}
.specValue span {
    color: var(--primaryColor);
}

