.cm-bggry {
    background-color: #f2f2f2;
    ;
}

.prod-baner {
    margin-top: 5%;
    position: relative;
}

@media only screen and (min-width:760px) {

    .prod-baner {
        position: relative;
        /* display: inline-block; */
        /* shrink to fit content */
    }

    .prod-baner img {
        width: 100%;
        height: 60vh;
    }

    
}

.prod-abs {

    position: absolute;
    top: 50%;
    /* transform: translate(-50%); */
    left: 5%;

}

.prod-main h3 {
    padding-top: 10%;
    /* padding-bottom: 2%; */
}


.prod-crd h5 {
    padding-top: 5%;
    text-transform: capitalize;
    color: #971D32;
    font-weight: 700;
}

.threed-prod-view {
    position: relative;
}

h3 .mn-heading2 {
    font-size: 20px !important;
}

.cm-fss {
    font-size: 14px !important;
}

.mn-heading2 span {
    font-size: 18px !important;
    font-weight: 700;
    color: #971D32;
}

.threedname {
    position: absolute;
    top: 10%;
    /* z-index: 100; */
    left: 5%;
}


.sm-abt-prod {
    font-size: 14px;
    text-align: justify;
    hyphens: auto;
    /* modern */
    -webkit-hyphens: auto;
    /* Safari */
    -ms-hyphens: auto;
    /* old Edge/IE */
    overflow-wrap: break-word;
    /* allow breaks inside long words */
    word-break: normal;
    /* avoid over-aggressive breaking */
    text-align-last: left;

    line-height: 20px;
}



.see-prod {
    background-color: #971D32;
    color: white;
    text-decoration: none;
    padding: 1% 3%;
}




.prod-abs .lin span {
    background-color: white !important;
}

.prod-abs h2 {
    color: white !important;
}


.sub-cont {
    color: white;
}


.prod-abs1 {

    position: absolute;
    top: 15%;
    right: 30%;
    /* transform: translate(-50%); */
    left: 5%;

}

.right-lin {
    border-right: 1px solid grey;
    /* text-align: center; */
}

.left-lin {
    border-left: 1px solid grey;
    /* text-align: center; */
}

.right-lin a,
.left-lin a {
    text-decoration: none;
    color: black;
}

.right-lin a {
    background-color: #971D32;
    color: white;
    padding: 3% 15% !important;
    border-radius: 20px;
    font-size: 14px;
    border: 1.5px solid #971D32;
}

.left-lin a {
    border: 1.5px solid #971D32;
    font-size: 14px;
    /* color: white; */
    padding: 3% 15% !important;
    border-radius: 20px;
}

.enq-sec .conta {
    background-color: black;
    color: white;
    text-transform: capitalize;
    text-decoration: none;
    padding: 1% 3%;
    border-radius: 20px;
    margin-right: 10px;
    font-weight: 500;
}



.enq-sec .down-brocher {
    background-color: white;
    color: black;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none;
    padding: 1% 3%;
    border-radius: 20px;
    margin-right: 50px;
}


.tex-jus {
    text-align: justify !important;
    /* text-align-last: center; */
}

.prod-abs1 .lin span {
    background-color: white !important;
}

.prod-abs1 h2 {
    color: white !important;
}

.bg-gry {
    background-color: lightgray;
}

.sub-cont {
    color: white;
}

.prod-ul li {
    font-size: 14px;
}



/*  */
.fet-card {
    border: 1.5px solid #971D32;
    border-bottom: 5px solid #971D32;
    text-align: center;
    border-radius: 5px;
    padding: 5% 2%;
    min-height: 180px;
}


.prod-crd img {
    height: 210px;
    background-color: #F5F5F5;
}

.fet-card .fet-nme {
    font-size: 20px;
    font-weight: 600;
}



/*  */


.bck-dr {
    background-color: #212121;
    color: white !important;
}



/*  */

.gry-gb {
    background: url('../images/all-product/bgm.png') center / cover no-repeat #E4E3E3;
    /* optional height if you want a hero-style block */
    /* min-height: 60vh; */
}


.spec tr {
    border-bottom: 1px solid black;
}


.spec-table-box {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    /* rounds top/bottom borders */
}

/* scrollable area like the screenshot */
.spec-scroll {
    max-height: 260px;
    overflow: auto;
}

/* table base */
table.spec {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
}

table.spec tr+tr td {
    border-top: 1px solid var(--border);
}

table.spec td {
    padding: 12px 16px;
    vertical-align: top;
    background: #fff;
}

/* columns */
td.spec-code {
    width: 22%;
    white-space: nowrap;
    color: var(--muted);
}

td.spec-name {
    width: 23%;
    font-weight: 600;
}

td.spec-desc {
    width: 55%;
    color: #374151;
}

/* subtle scrollbar */
.spec-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.spec-scroll::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 8px
}

.spec-scroll::-webkit-scrollbar-track {
    background: transparent
}

/* mobile: stack rows */
@media (max-width:640px) {
    table.spec tr {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4px
    }

    td.spec-code,
    td.spec-name,
    td.spec-desc {
        width: auto
    }

    table.spec tr+tr td {
        border-top: none
    }

    table.spec tr+tr {
        border-top: 1px solid var(--border)
    }

    td.spec-code {
        color: var(--muted)
    }
}

.spec td {
    border: 1px solid #ccc;
    /* light gray border */
    padding: 8px 12px;
}

.spec tr:nth-child(even) {
    background-color: #f9f9f9;
    /* optional striped rows */
}



.youtube-viedo {
    height: 451px;
    width: 75%;
}


.prod-img {
    width: 120%;
}












@media only screen and (max-width:760px) {
    .prod-baner img {
        height: 100vh;
    }


    .right-lin a {
        padding: 1% 5% !important;
    }

    .left-lin a {
        padding: 1% 5% !important;
    }


    .prod-abs1 {
        top: 15%;
        right: 5%;
        /* transform: translate(-50%); */
        left: 5%;
    }

    .mn-heading {
        /* font-family: "Jost", sans-serif; */
        font-size: 25px;
    }


    .enq-sec a {
        display: block;
        margin-top: 4%;
    }

    .youtube-viedo {
        height: 250px;
        width: 100%;
    }


}