.card-custom-design {

    /* border:1px solid grey; */

    width: 24%;

    height: fit-content;

    box-shadow: 1px 1px 5px lightgray;

    margin-bottom: 18px;

    border-radius: 10px;

}



.w-32 {

    width: 33%;

}



.full-width {

    display: flex;

    width: 100%;

}



.small-width {

    display: block;

    width: 32%;

}



.with-o-card {

    display: flex;

    width: 100%;

    /* height: 70px; */

}



.without-o-card {

    width: 100%;

    /* height: 70px; */

    /* border: 1px solid green; */

}



.card-custom-design:hover {

    box-shadow: 0px 0px 3px lightblue;

    border-radius: 5px;

}



/* .card-custom-design:hover .without-o-card {

    display: none;

}



.card-custom-design:hover .with-o-card {

    display: block;

} */



.justify-space-between {

    justify-content: space-between;

}



.cit1 {

    text-align: center;

    width: 100px;

    height: 100px;

}



.cit12 {

    text-align: center;

    width: 100%;

    /* height: ; */

    padding: 10px;

    border-radius: 3px;

}



.cit2 {

    text-align: center;

    width: 90%;

    padding: 10px;

    height: 70%;

}



.card-custom-design .cit1 .card-img-top {

    width: 100%;

    height: 100%;

    overflow: hidden;

    margin-top: 12px;

    border-radius: 5px;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;



}





.font-litte-lite {

    font-size: 12px;

    color: grey;

    font-weight: 500;

}



.font-litle-small {

    font-size: 14px;

    font-weight: 600;

}



.quickview {

    max-width: 150px;

    width: 100%;

    font-weight: 600;

    text-align: center;

    padding: 6px;

    margin-left: 10px;

    border: 1px solid var(--blueish-color);

    font-size: 14px;

    background-color: transparent;

    border-radius: 5px;



}



.addtocart {

    min-width: 94px;

    width: 100%;

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

    color: white;

    font-weight: 600;

    text-align: center;

    padding: 7px;

    border: none;

    font-size: 14px;

    border-radius: 5px;

}



.heading-one-section {

    display: flex;

    justify-content: space-between;

    padding: 1rem 0 1.4rem;

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

    border-bottom: 1px solid lightgray;

}



.heading-one-section button {

    border: 1px solid grey;

    background-color: transparent;

    border-radius: 5px;

    padding: 5px 10px;

}



/* limited offer banner */

.limited-offer-banner4 {

    width: 100%;

    background-color: #ecfbfb;

    height: 310px;

    margin-bottom: 3rem;

}



.font-size-22 {

    font-size: 30px;

    font-weight: 200;

}



.font-size-20 {

    font-size: 29px;

    font-weight: 700;

}



.font-size-18 {

    font-size: 21px;

    font-weight: 200;

}



.view-offer-btn {

    border: none;

    padding: 10px 20px;

    font-weight: 400;

    background-color: #5c5ceb;

    color: white;

    border-radius: 5px;

}



.padding-left-top1 {

    padding-left: 3rem;

    padding-top: 1.5rem;

}



.image-banner-card-offer {

    width: 80%;

    height: 50%;

}



.image-banner-card-offer img {

    width: 100%;

    height: 100%;

}



.badge-offer-limit {

    background-color: rgb(236, 78, 93);

    color: white;

    border-radius: 3px;

    font-size: 13px;

    padding: 1px 7px;

}



/* heading-thid-section */

.card2 {

    display: flex;

    border-bottom: 1px solid lightgray;

    margin-bottom: 8px;

    padding-bottom: 7px;

}



.card2 .img-div-card2 img {

    width: 100%;

    height: 60%;

}



.card2 div p {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 2px !important;

}



.index-third-section {

    height: 100vh;

}



.testimonial-card {

    transition: all 0.3s ease-in-out;

    border: 1px solid #f1f1f1;

}



.testimonial-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

}



.testimonial-card img {

    width: 50px;

    height: 50px;

    object-fit: cover;

}



.hover-shadow:hover {

    background-color: #f8f9fa;

    transition: all 0.3s ease;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    transform: translateY(-3px);

}





/* Banner Section */

.banner-section {

    width: 100%;

    height: 65vh;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}



/* Banner Image */

.banner-section img.banner-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



/* Dark Overlay */

.banner-section::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    z-index: 1;

}



/* Banner Content */

.banner-content {

    position: relative;

    z-index: 2;

    max-width: 700px;

    text-align: center;

}



.banner-content h1 {

    font-size: 3.5rem;

}



.banner-content p {

    font-size: 1.2rem;

}



/* Responsive */

@media (max-width: 576px) {

    .banner-section {

        height: 65vh;

    }



    .banner-content h1 {

        font-size: 2rem;

    }



    .banner-content p {

        font-size: 1rem;

    }

}