.hp-sec{
    margin: 1rem 0 0 0 ;
    display: flex;
    gap: 1rem;
    width: 100%;
}
@media (max-width: 600px) {
    .hp-sec{
        flex-wrap: wrap;
    }
}

    .h{
        position: relative;
        overflow: hidden;
        width: 100%;
        padding:3rem 0 ;
    }
        .h img{
            position: absolute;
            inset: 0;

            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.3;
            z-index: 0;
        }
        .h div{
            position: relative;
            z-index: 1;

            padding: 1rem 1rem;
            color: rgb(114, 195, 252);
        }
            .h div p{
                padding-left: 0.5rem;
                margin: 0.5rem 0;
                line-height: 2;
            }



    .p{
        position: relative;
        overflow: hidden;
        width: 100%;
        padding:3rem 0 ;
    }
        .p img{
            position: absolute;
            inset: 0;

            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.3;

            z-index: 0;
        }
        .p div{
            position: relative;
            z-index: 1;

            padding: 1rem 1rem;
            color: rgb(255, 116, 255);
        }
            .p div p{
                padding-left: 0.5rem;
                margin: 0.5rem 0;
                line-height: 2;
            }