:root {
    /* Color */
    --clrBk_box:#f5ebdd;
}

/* Box of texts */
.clBk_Box {
    background-color: var(--clrBk_box);
    border-radius: 0;
    border: none;
    /* border: 0.1rem black solid;
    border-radius: 1.5%; */
    padding: 12px;
}

/* Box of texts */
.clBk_Box_Mod {
    background-color: var(--clrBk_box);
    border-radius: 0;
    border: none;
    /* border: 0.1rem black solid;
    border-radius: 1.5%; */
}

.clBk_Main {
    background-color: var(--clrBk_box);
}


.clText_Left {
    text-align: left;
}

.clMonth_Remove{
    color: black;
    font-family: "Helvetica";
    font-size: calc(10px + 0.35vw);
}

.clBk_ProLandlord{
    background-image: url("../Images/Illustrations/callAndBuilding.jpg");
    background-position: bottom;
    background-attachment: fixed;
    background-size: cover;
}

.clBkHouse {
    background-image: url("../Images/Houses&Buildings/house1.jpg");
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.slide1 {
    background: url("../Images/Houses&Buildings/building2.jpg");
    background-size: cover;
}

.slide2 {
    background: url("../Images/Houses&Buildings/house1.jpg");
    background-size: cover;
}

.slide3 {
    background: url("../Images/Houses&Buildings/building1.jpg");
    background-size: cover;
}

.slide4 {
    background: url("../Images/Houses&Buildings/house3.jpg");
    background-size: cover;
}

.slide5 {
    background: url("../Images/Houses&Buildings/building3.jpg");
    background-size: cover;
}

.slide6 {
    background: url("../Images/Houses&Buildings/house2.png");
    background-size: cover;
}

.clFillSpace  {
    height:55vh;
}

.clBk_PrivateLandlord {
    background-image: url("../Images/Illustrations/welcome.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


.clBk_Tenant {
    background: url("../Images/Illustrations/familyInGarden.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.clBtnBkClrGray:disabled{
    color:white;
}

.clHeader {
    margin-bottom:1.5rem;
    color: var(--clrBlueSerenitys);
    font-weight: bold;
}

.clBox-marg-x {
    margin-right: 12px;
    margin-left: 12px;
}


.clSerenityS_LightOrDark {
    color: var(--clrLightSerenitys);
    font-weight: lighter;
    font-family: libelSuit;
}



button:hover .clSerenityS_LightOrDark {
    color: var(--clrSerenitys);
    font-weight: lighter;
    font-family: libelSuit;
}


@media screen and (min-width: 576px) {
    .clJustifySM {
        text-align: justify;
    }
}

@media screen and (max-width: 575px) {
    .clJustifySM {
        text-align: left;
    }
}

.clLightOrDark{
    color:white;
}


button:hover .clLightOrDark {
    color: black;
}


@media screen and (min-width: 576px) {
    .clBox_mB {
        margin-bottom:65px;
    }
}

@media screen and (max-width: 575px) {
    .clBox_mB {
        margin-bottom:48px;
    }
}



@media screen and (max-width: 575px) {
    .clPadCentralElm {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media screen and (min-width: 576px) {
    .clPadCentralElm {
        padding-right: 12px;
        padding-left: 12px;
    }
}

.clPadMod_Updt_Clr {
    padding-left: 16px;
}