.first-section-about {

    width: 100%;

    height: 30vh;

    text-align: center;

    padding: 2rem 0;

    align-content: center;

}



.px-5about {

    padding: 1rem;

}



.pb-5about {}



.px-md-5about {}



.mb-about {

    margin-bottom: 5rem;

}



.image-para1 img {
    width: 100%;
    height: 100%;
    max-height: 350px;
    object-fit: cover;
}



.content-para1 p,

li {

    color: #5f5d5d;

    /* border:1px solid green; */

    font-size: 18px;

    font-weight: 400;

    padding: 5px 5px 5px 0;

    font-family: sans-serif;

}



.content-para1 {

    align-content: center;

}



.exception-divimg {

    width: 100%;

    height: 100%;

    /* background-color: #deeef3; */

}



.w-50per {

    width: 60%;

}



/* Optional styling for the card */

.wishlist-card {

    border-radius: 8px;

    background: #fff;

}



.wishlist-img {

    border-radius: 4px;

}



.view-product-4 {

    border: none;

    padding: 9px 15px;

    color: white;

    font-size: 16px;

    border-radius: 5px;

    font-weight: 500;

    background-color: var(--blueish-color);

}



.px-md-5 {

    padding-left: 35px;

    padding-right: 35px;

}



.shopping-details-btn {

    border: none;

    padding: 9px 15px;

    color: white;

    font-size: 16px;

    border-radius: 5px;

    font-weight: 500;

    background-color: var(--blueish-color);

}



.p-5cu2 {

    padding: 3rem;

}



.about_us_banner {

    position: relative;

    width: 100%;

    height: 60vh;

    overflow: hidden;

}



.about_us_banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.about_us_banner div {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    background: rgba(0, 0, 0, 0.4);

    padding: 20px 40px;

    border-radius: 10px;

}



.hp-printer-banner div {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}



.about_us_banner h1 {

    color: #fff;

    font-size: 3rem;

    font-weight: 700;

    letter-spacing: 2px;

}



/* all blogs sectionn  */



.all_blogs_banner {

    position: relative;

    width: 100%;

    height: 70vh;

    overflow: hidden;

}



.all_blogs_banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.all_blogs_banner div {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    background: rgba(0, 0, 0, 0.4);

    padding: 20px 40px;

    border-radius: 10px;

}



.all_blogs_banner h1 {

    color: #fff;

    font-size: 3rem;

    font-weight: 700;

    letter-spacing: 2px;

}



/* Single Blog Page Banner */

.single_blog_banner {

    position: relative;

    width: 100%;

    height: 50vh;

    overflow: hidden;

}



.single_blog_banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.single_blog_banner::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

}



.single_blog_banner div {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    z-index: 2;

}



.single_blog_banner h1 {

    color: #fff;

    font-size: 3rem;

    font-weight: 700;

    letter-spacing: 2px;

}







.mt-5about {

    margin-top: 2.5rem;

}



@media (max-width: 768px) {

    .about_us_banner {

        height: 50vh;

    }



    .about_us_banner h1 {

        font-size: 2rem;

    }



    .single_blog_banner div {

        width: inherit;

    }



  .hp-printer-banner div {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}



@media (max-width: 480px) {

    .about_us_banner {

        height: 40vh;

    }



    .about_us_banner div {

        padding: 10px 20px;

    }



    .about_us_banner h1 {

        font-size: 1.5rem;

    }

}













@media(max-width:767.8px) {

    .mobile-rd {

        /* border: 1px solid green; */

        /* direction: rtl; */

        flex-direction: column-reverse;

    }



    .mobile_view_hide {

        display: none;

    }



    .p-5cu2 {

        padding: 1.5rem;

    }



    .mb-about {

        margin-bottom: 0;

    }



    .px-md-5about {

        padding-top: 1.5rem;

    }



    .first-section-about {

        height: unset;

    }

}



/* Hide table on small screens,  cards */

@media (max-width: 767.8px) {

    .wishlist-table {

        display: none !important;

    }



    .wishlist-cards {

        display: block;

    }



    .w-50per {

        width: 100%;

    }

}