.kps-red-house {
    width: 90%;
    height: 350px;
    margin-top: 3%;
}

.kps-red-house img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kps-house-info {
    margin-top: 3%;
}

.kps-house-info p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: rgba(51, 51, 51, 0.9);
}

.kps-shades {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    margin-top: 2%;
}

.kpk-shade-box-yellow {
    width: 25%;
    height: 67px;
    margin-bottom: 2%;
    background: yellow;
    border-radius: 20px 0px;
}

/* red */
.kpk-shade-box:nth-child(1) {
    background-color: rgba(206	70	72);
}

.kpk-shade-box:nth-child(2) {
    background-color: rgba(231	119	141);
}

.kpk-shade-box:nth-child(3) {
    background-color: rgba(243	154	176);
}

.kpk-shade-box:nth-child(4) {
    background-color: rgba(220	114	148);
}

.kpk-shade-box:nth-child(5) {
    background-color: rgba(226	134	165 );
}

.kpk-shade-box:nth-child(6) {
    background-color: rgba(231	155	188);
}

/* yellow */

.kpk-shade-box-yellow:nth-child(1) {
    background-color: rgba(255 166 0);
}

.kpk-shade-box-yellow:nth-child(2) {
    background-color: rgba(255 218 143);
}

.kpk-shade-box-yellow:nth-child(3) {
    background-color: rgba(255	208	111);
}

.kpk-shade-box-yellow:nth-child(4) {
    background-color: rgba(255	186	58);
}

.kpk-shade-box-yellow:nth-child(5) {
    background-color: rgba(250	235	203);
}

.kpk-shade-box-yellow:nth-child(6) {
    background-color: rgba(253	226	174);
}

/* blue */
.kpk-shade-box-blue:nth-child(1) {
    background-color: rgba(75	134	193);
}

.kpk-shade-box-blue:nth-child(2) {
    background-color: rgba(50	125	186);
}

.kpk-shade-box-blue:nth-child(3) {
    background-color: rgba(0	149	204);
}

.kpk-shade-box-blue:nth-child(4) {
    background-color: rgba(35	163	211);
}

.kpk-shade-box-blue:nth-child(5) {
    background-color: rgba(0	154	184);
}

.kpk-shade-box-blue:nth-child(6) {
    background-color: rgba(0	158	169);
}

/* purple */
.kpk-shade-box-purple:nth-child(1) {
    background-color: rgba(69	71	113);
}

.kpk-shade-box-purple:nth-child(2) {
    background-color: rgba(58	73	115);
}

.kpk-shade-box-purple:nth-child(3) {
    background-color: rgba(84	123	180);
}

.kpk-shade-box-purple:nth-child(4) {
    background-color: rgba(83	72	114);
}

.kpk-shade-box-purple:nth-child(5) {
    background-color: rgba(117	126	186);
}

.kpk-shade-box-purple:nth-child(6) {
    background-color: rgba(136	144	198);
}
.kpk-shade-box-purple:nth-child(7) {
    background-color: rgba(139	122	163);
}

/* orange */

.kpk-shade-box-orange:nth-child(1) {
    background-color: rgba(240	133	94);
}

.kpk-shade-box-orange:nth-child(2) {
    background-color: rgba(224	95	51);
}

.kpk-shade-box-orange:nth-child(3) {
    background-color: rgba(250	169	135);
}

.kpk-shade-box-orange:nth-child(4) {
    background-color: rgba(249	204	173);
}

.kpk-shade-box-orange:nth-child(5) {
    background-color: rgba(253	175	126);
}

.kpk-shade-box-orange:nth-child(6) {
    background-color: rgba(246	141	85);
}

/* black */

.kpk-shade-box-black:nth-child(1) {
    background-color: rgba(65	66	70);
}

.kpk-shade-box-black:nth-child(2) {
    background-color: rgba(64	70	78);
}

.kpk-shade-box-black:nth-child(3) {
    background-color: rgba(56	66	75);
}

.kpk-shade-box-black:nth-child(4) {
    background-color: rgba(67	79	82);
}

.kpk-shade-box-black:nth-child(5) {
    background-color: rgba(58	64	66);
}

.kpk-shade-box-black:nth-child(6) {
    background-color: rgba(72	72	69);
}
.kpk-shade-box-black:nth-child(7) {
    background-color: rgba(61	64	66);
}

/* brown */

.kpk-shade-box-brown:nth-child(1) {
    background-color: rgba(133	113	100);
}

.kpk-shade-box-brown:nth-child(2) {
    background-color: rgba(121	105	97);
}

.kpk-shade-box-brown:nth-child(3) {
    background-color: rgba(115	94	91);
}

.kpk-shade-box-brown:nth-child(4) {
    background-color: rgba(147	97	86);
}

.kpk-shade-box-brown:nth-child(5) {
    background-color: rgba(155	104	88);
}

.kpk-shade-box-brown:nth-child(6) {
    background-color: rgba(157	119	96);
}

/* green */

.kpk-shade-box-green:nth-child(1) {
    background-color: rgba(0	169	154);
}

.kpk-shade-box-green:nth-child(2) {
    background-color: rgba(63	174	124);
}

.kpk-shade-box-green:nth-child(3) {
    background-color: rgba(102	171	118);
}

.kpk-shade-box-green:nth-child(4) {
    background-color: rgba(112	182	105);
}

.kpk-shade-box-green:nth-child(5) {
    background-color: rgba(130	188	98);
}

.kpk-shade-box-green:nth-child(6) {
    background-color: rgba(173	198	86);
}

@media(max-width: 576px) {
    .kps-red-house {
        width: 100%;
    }
}