*, *::before, *::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a{
    text-decoration: none;
}

:root{
    --theme-yellow: #ff9900;
    --theme-gray: #333333;
    --theme-whilte: #ffffff;
    --theme-darkgray: #222222;
    --theme-darkbrown: #200101;
}

.services-txt p{
    color: var(--theme-whilte);
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.services-img-part{
    width: 500px;
    height: 400px;
    background-image: url("../img/hm.slides/slide002.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-living{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/living.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-bedroom{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/bedroom.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-dining{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/diningroom.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-kitchen{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/kitchen.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-study{
    width: 500px;
    height: 400px;
    background-image: url("../img/items/study.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-pooja{
    width: 500px;
    height: 400px;
    background-image: url("../img/items/pooja.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-bath{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/bathroom.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-curtains{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/curtains.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-decor{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/decor.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-lighting{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/lighting.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-wallpaper{
    width: 500px;
    height: 400px;
    background-image: url("../img/Items/wallpaper.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.services-txt-part{
    width: 500px;
    height: 400px;
    border: 1px solid rgba(1, 1, 1, 0.4);    
    color: var(--theme-whilte);
    font-family: 'Poppins', sans-serif;
    background-image: radial-gradient(circle, #444444, #404040, #3b3b3b, #373737, #333333);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.f-letter{
    color: var(--theme-yellow);
}

.offer-banner{
    position: absolute;
    height: 50px;
    width: 300px;
    background: var(--theme-yellow);
    transform: rotate(45deg);
    top: -10px;
    right: -80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 70px;
    padding-top: 10px;
    font-size: 1.6rem;
    font-weight: 600;
}

@media screen and (max-width: 768px){
    .services-img-part{
        width: 100%;
    }

    .services-txt-part{
        width: 100%;
        height: fit-content;
    }

    .services-txt p{
        color: var(--theme-whilte);
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
}