.product-listing{display: flex ; padding-top: 0%; gap: 0%; box-sizing: border-box;}

.product-listing .left{display: flex ; flex-basis: 30%;align-items: center;}

.product-listing .left .p-head{display: flex ; flex-direction: column; gap: 30px;}

.product-listing .left .p-head h3{font-size:var(--h2-1);font-weight:600;color:var(--grey-bg);    text-transform: uppercase;padding-bottom: 5px;

    border-bottom: 1px solid rgba(194, 194, 194, 1);margin-bottom: 15px;display: flex;transition: 0.3s all ease-in-out;

    align-items: center;

    justify-content: space-between;}

.product-listing .left .p-head .inner-head-a{text-decoration: none; transition:0.3s all ease-in-out; color: var(--grey-bg); font-weight: 500; line-height: 1.1;    cursor: pointer;    display: flex;

    align-items: center;

    gap: 0;
    font-size: clamp(1rem, calc(1vw + var(--common-unit)), 1.25rem);
}

.product-listing .left .p-head .inner-head{display: flex ; flex-direction: column; gap: 25px;max-height: 0px;transition:0.3s all ease-in-out;

    overflow: hidden;}



.product-listing .right{display: flex ; flex-direction: column;flex-basis: 70%;position:relative;}

.product-listing .right .content{display: flex ; align-items: center; gap: 1%;top: 0;

    left: 0;position: absolute;

    opacity: 0;

    transition: 0.3s all ease-in-out;}

.product-listing .right .content .p-img{display: flex ; flex-basis: 65%;}

.product-listing .right .content .p-img img{width:100%;height:auto;}

.product-listing .right .content .p-content{display: flex ; flex-basis: 35%; flex-direction: column; gap: 8px;}





.product-listing .right .content.active{opacity:1;}



.product-listing .right .content .p-content h3{font-size: var(--p-head); color: var(--orange); font-weight: 600; line-height: 1.1;}



.product-listing .right .content .p-content p{font-size: 1rem; color: var(--grey-bg);}





.product-listing .left .p-head .p-item{cursor:pointer;}





/*.product-listing .left .p-head .p-item.active .inner-head{max-height:500px;}*/



.product-listing .left .p-head .p-item.active h3{color:var(--orange);}



.product-listing .left .p-head .p-item.active svg path{transform-origin: center;transition: 0.3s all ease-in-out;}



.product-listing .left .p-head .p-item.active svg path{



    fill: var(--orange);

    transform: rotate(-90deg);

    }





.product-listing .left .p-item .inner-head-a .a-icon{width:0px;transition:0.3s all ease-in-out;margin-right: 0px;}

.product-listing .left .p-item .inner-head-a.active .a-icon{width:38px; margin-right: 10px;}

.product-listing .left .p-item .inner-head-a.active{color:var(--orange);}