:root {
    /*
        Background
    */

    /* --background-superdark: #000;
    --background-dark: #0F204B;
    --background-dark-shade: #05309a;
    --background-light: #ccd2f185;
    --background-lighter: #ccd2f19e;
    --background-lightest: #f5f5f5; */

    --background-superdark: #000;
    /* --background-dark: #F9D201; */
    /* --background-dark: #FFCF0C; */
    --background-dark: #000;
    /* --background-dark: #DF0012; */
    /* --background-dark: lightblue; */
    /* --background-dark-shade: #E8E14B; */
    /* --background-dark-shade: #FFCF0C; */
    --background-dark-shade: #333;
    --background-light: #c1c1bf85;
    --background-lighter: #ccd2f19e;
    --background-lightest: #f5f5f5;

    /*
        Font
    */

    /* --font-superdark: #000;
    --font-dark: #0F204B;
    --font-dark-light: gray;
    --font-light: whitesmoke;
    --font-lighter: white; */

    --font-superdark: #000;
    /* --font-dark: #000c; */
    --font-dark: #f5f5f5;
    --font-dark-light: gray;
    --font-light: whitesmoke;
    --font-lighter: white;

    /* CTA */
    /* --cta-background: #F4891E;
    --cta-dark-background: #e47609; */

    --cta-background: #111107;
    --cta-dark-background: #000;
}


/* Button Start */

.btn-view{
    background: var(--background-superdark);
    color: var(--font-light);
    font-weight: 300;
    border: none;
}

.btn-view:hover{
    background: var(--background-superdark);
    color: var(--font-lighter);
    border: none;
}


.btn-book{
    background: var(--cta-background);
    color: var(--font-lighter);
    font-weight: 300;
    border: none;
}

.btn-book:hover{
    background: var(--cta-dark-background);
    color: var(--font-lighter);
    border: none;
}

.btn-location{
    background: #157ae7;
    color: #fff;
    border: none;
}

.btn-location:hover{
    background: #1518e7;
    color: #fff;
}

/* Button End */


/* Header start */
.header,
.sticky-content.fixed.fix-top{
    background: var(--background-dark);
}

.menu > li > a{
    color: var(--font-dark
    );
}

/* Header End */


/* Services Start */

#services .sidebar{
    background: var(--background-light);
}

#services .catalog .items.list-mode .item .info{
    /* background: var(--background-light); */
}

#services .searchingfor{
    background-color: var(--cta-background);
    border: 0.5px solid var(--background-light);
}

#services .searchingfor > p{
    color: var(--font-lighter);
}

#services .sidebar .filter .options .option{
    color: var(--font-dark);
}

#services .sidebar .filter .minmaxprice input{
    border: 0.5px solid var(--background-dark);
}

/* Services End */


/* Service Start */

#servicevendor{
    background: var(--background-light);
}

#servicevendor .content .image{
    background: var(--background-lightest);
}

#servicevendor .content .info .name{
    color: var(--font-dark);
}

#servicevendor .content .info .address{
    color: var(--font-dark);
}


#service .content .left .breadcrumb{
    background: var(--background-superdark);
    color: var(--font-light);
}


#service .content .left{
    background: var(--background-light);
}


#service .content .right{
    background: var(--background-superdark);
}

#service .content .right .stats .stat .count{
    color: var(--font-light);
}

#service .content .right .stats .stat .name{
    color: var(--font-lighter);
}


#service .content .right .pricing{
    background: var(--background-lightest);
}

#service .content .right .workinghours{
    background: var(--background-lightest);
}

#service .content .right .workinghours .title{
    background: var(--background-superdark);
    color: var(--font-lighter);
    /*! font-weight: 300; */
    /*! font-size: 1em; */
    /*! text-align: center; */
}

select.locationdropdown{
    color: var(--font-lighter);
    border: 1px solid var(--background-light);
}

/* Service End */



.btn.btn-whatsapp{
    background: #48A41D;
    color: white;
}

.btn.btn-whatsapp:hover{
    background: #1D9849;
    color: white;
}

.btn.btn-shortlist{
    background: var(--background-dark);
    color: var(--font-superdark);
}

.btn.btn-shortlist:hover{
    background: var(--background-superdark);
    color: var(--font-light);
}