:root {
    --main-color: #084042;
    --white-color: #ffffff;
    --black-color: #2B2540;
    --black-color-opacity: #2b2540c4;
    --paragraph-color: #818090;
    --bg-color: #F3F6FD;
    --transition: .4s all ease-in-out;
}
        
        .view-selection li .selected {
    background-color: var(--main-color);
    color: #fff;
}

.change-room {
    background-color: var(--main-color);
   border: 1px solid var(--main-color);
}

.change-room:hover {
    background-color: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
}
.overlay-descr {
 
    height: 80px !important;
    
}

.progress4 .cssProgress-bar {

    background:  var(--main-color);
}
.examples h6 strong {
    color: var(--main-color) !important;
}

.vue-slider-process {
    background-color: var(--main-color) !important;
  
}

.page-item.active .page-link {
   
    background-color:  var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.fas.fa-star.color_theme {
        color: #efbb1f;
}