body {
    /*background-color: var(--base);*/
}

.home_sw_container {
    margin: .8em 0;
}

.h_swiper_pagi {
    filter: hue-rotate(259deg);
}

.home_swiper {
    max-width: 40em;
    /*max-height: 20em;*/
}

    .home_swiper img {
        width: 100%;
        height: auto;
    }

.swiper_container {
}

    .swiper_container .swiper_scroll {
        width: 80%;
        margin: .5em 9% 0px 9%;
        background-color: var(--tri);
    }

.swiper_btn {
    color: rgba(var(--tri-no), .85);
    padding: .5em;
}


.swiper_slide {
    padding-bottom: 1em;
    max-width: 15em;
}

    .swiper_slide .swiper_sbox {
        box-sizing: border-box;
        padding: .25em;
        margin: .25em 0;
        border-radius: .25em;
        /*box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.075);*/
        background-color: white;
        box-shadow: 0 0 0 .5px rgba(0, 0, 0, 0.1), .15em .12em 2px 0 rgba(0, 0, 0, 0.075);
    }

        .swiper_slide .swiper_sbox .prod_brief {
            margin-top: .25em;
            padding: .25em;
            padding-bottom: 0;
            text-transform: capitalize;
            border-radius: .25em;
        }

        .swiper_slide .swiper_sbox img {
            width: 100%;
            height: 150px;
            border-radius: .25em .25em 0 0;
        }

        .swiper_slide .swiper_sbox .prod_offer {
            font-size: small;
            color: var(--bs-secondary);
            background-color: white;
            display: flex;
            align-items: flex-end;
            padding: .25em .5em;
            position: absolute;
            margin: .25em;
            font-weight: bold;
            border-radius: .25em;
            box-shadow: 0 0 1px grey;
            z-index: 9;
        }

.prod_brief .prod_name {
    margin: 0;
    color: black;
    text-align: left;
}

.prod_brief p {
    margin: 0;
    text-align: left;
}

.prod_brief .prod_des {
    color: var(--bs-secondary);
    font-style: italic;
    font-size: small;
}

.prod_brief .btn_pri {
    width: 100%;
    margin-top: .5em;
}


/*.prod_brief .prod_offerype {
    font-size: small;
    color: var(--bs-secondary);
    background-color: var(--tri);
    width: fit-content;
    display: flex;
    align-items: flex-end;
    padding: .15em .5em;
    margin: .25em 0;
    margin-left: auto;
    border-radius: .25em;
    box-shadow: 0 0 1px grey;
}*/

.swiper_category {
    max-width: 15em;
}

    .swiper_category .swiper_sbox {
        border-radius: .25em;
        box-shadow: 0 0 0 .5px var(--bs-secondary), .15em .12em 2px 0 var(--bs-primary);
        margin: .25em 0;
        background-color: white;
    }

    .swiper_category img {
        border-radius: .5em;
        padding: .15em;
        width: 100%;
        height: 100px;
    }

    .swiper_category .prod_brief .prod_name {
        text-align: center;
        color: var(--bs-primary);
        font-weight: bold;
        font-size: large;
        margin: 0;
        padding: .25em 0;
        text-transform: uppercase;
    }














.tr_l {
    /*background-color: darkslategrey;*/
    /*background: linear-gradient(100deg, var(--tri) 0%, var(--bs-primary) 100%);*/
    /*background: linear-gradient(100deg, darkslategrey 0%, var(--bs-primary) 100%);*/
    padding-bottom: .7em;
    margin: 0px auto !important;
    background: repeating-linear-gradient(45deg, var(--bs-secondary) 0% 50%, var(--base) 50% 100%);
}

.dr_l {
    /*background: linear-gradient(150deg, var(--tri) 0%, var(--bs-primary) 50%, var(--bs-primary) 100%);*/
    padding-bottom: .7em;
    margin: 0px auto !important;
    background: repeating-linear-gradient(45deg, white 0% 50%, var(--tri) 50% 100%);
}

.r_l {
    /*background: linear-gradient(90deg, var(--tri) 0%, red 100%);*/
    padding-bottom: .7em;
    margin: 0px auto !important;
    background: repeating-linear-gradient(45deg, var(--tri) 0% 50%, white 50% 100%);
}


@media (max-width: 767.98px) {
    .swiper_slide {
        padding-bottom: 1em;
        /*max-width: 12em;*/
    }

    .swiper_category {
        max-width: 10em;
    }

        .swiper_category img {
            height: 80px;
        }

        .swiper_category .prod_brief .prod_name {
            font-size: medium;
        }
}


.prodimg_container {
    /*border: 1px solid;*/
    padding: .25em;
    max-height: 500px;
}

.prodimg_slides {
    
}

    .prodimg_slides div {
        display: flex;
        align-items: center;
        margin: auto;
    }

        .prodimg_slides div img {
            /*max-height: 400px;*/
            width: 100%;
            height: auto;
        }
#prodimgSwiper1{
    border: 1px solid;
}
#prodimgSwiper1 .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

#prodimgSwiper1 .swiper-slide-thumb-active {
    opacity: 1;
}