@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
}
a {
    text-decoration: none;
}
.woocptc-main-wrapper .woocptc-img-wrapper img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    vertical-align: middle;
    aspect-ratio: 16 / 9;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.woocptc-main-wrapper {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, minmax(250px, auto));
    gap: 10px;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(250px, auto);
}
.woocptc-img-wrapper {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    will-change: transform;
}
.woocptc-img-wrapper > a {
    flex: 1;
    height: 100%;
}
.woocptc-content-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top:0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding: 15px;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    will-change: transform;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.woocptc-img-wrapper:hover .woocptc-content-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.woocptc-pos-main {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.woocptc-style-one .woocptc-img-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.woocptc-title {
    pointer-events: auto;
}
.woocptc-cat {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #fff;
    background: #7209b7;
    padding: 5px 10px;
    border-radius: 30px;
    border-top-left-radius: 0;
    font-weight: 500;
    font-size: 13px;
    z-index: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.woocptc-style-one .woocptc-img-wrapper:hover .woocptc-cat {
    background: #ff0000;
    border-radius: 30px;
    border-top-right-radius: 0;
}
.woocptc-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    row-gap: 1px;
}
.woocptc-img-wrapper::before {
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#01284236),to(#01284236));
    background-image: -o-linear-gradient(top,#01284236 0%,#01284236 100%);
    background-image: linear-gradient(180deg,#0128423d 0%,#01284236 100%);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 1;
    pointer-events: none;
}
:is(.woocptc-style-one .woocptc-img-wrapper:nth-child(1),
.woocptc-style-two .woocptc-img-wrapper:nth-child(1),
.woocptc-style-three .woocptc-img-wrapper:nth-child(1),
.woocptc-style-four .woocptc-img-wrapper:nth-child(1),
.woocptc-style-five .woocptc-img-wrapper:nth-child(1),
.woocptc-style-five .woocptc-img-wrapper:nth-child(2),
.woocptc-style-six .woocptc-img-wrapper:nth-child(3),
.woocptc-style-seven .woocptc-img-wrapper:nth-child(3),
.woocptc-style-seven .woocptc-img-wrapper:nth-child(4), 
.woocptc-style-eight .woocptc-img-wrapper:nth-child(2), 
.woocptc-style-eight .woocptc-img-wrapper:nth-child(4), 
.woocptc-style-eight .woocptc-img-wrapper:nth-child(5), 
.woocptc-style-nine .woocptc-img-wrapper:nth-child(1), 
.woocptc-style-ten .woocptc-img-wrapper:nth-child(1), 
.woocptc-style-fifteen .woocptc-img-wrapper:nth-child(1),
.woocptc-style-sixteen .woocptc-img-wrapper:nth-child(1), 
.woocptc-style-seventeen .woocptc-img-wrapper:nth-child(5), 
.woocptc-style-seventeen .woocptc-img-wrapper:nth-child(4), 
.woocptc-style-eighteen .woocptc-img-wrapper:nth-child(1) ) .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    font-size: clamp(1.563rem, 2vw + 1rem, 1.313rem);;
}

.woocptc-style-one .woocptc-content-wrapper {
    padding: 20px;
    background: #00000059;
}
.woocptc-title .woocptc_catagory-title {
    font-size: 23px;
    color: #fff;
    line-height: 1.1;
    display: inline;
    padding-bottom: 0;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#00ff48),color-stop(98%, #00ff48));
    background-image: -o-linear-gradient(top,#00ff48 0%,#00ff48 98%);
    background-image: linear-gradient(to bottom,#00ff48 0%,#00ff48 98%);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
            transition-delay: .2s;
}
.woocptc-style-one .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #00ff48;
}
.woocptc-contalign-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .woocptc-prival :is(.woocptc-disprice, .woocptc-rootprice) {
    color: #fff;
    font-size: 16px;
}
.woocptc-style-one .woocptc-prival .woocptc-rootprice {
    text-decoration: line-through;
}
 .woocptc-cartbtn {
    background: #7209b7;
    color: #fff;
    display: inline-block;
    padding: 8px 13px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
}
.woocptc-style-one .woocptc-qview i {
    bottom: 0;
    top: unset;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    border-radius: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.woocptc-style-one .woocptc-img-wrapper {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.woocptc-style-one .woocptc-img-wrapper:hover .woocptc-qview i {
    opacity: 1;
    top: unset;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
 .woocptc-qview i {
    color: #fff;
    background: #7209b7;
    display: inline-block;
    padding: 12px;
    font-size: 25px;
    border-radius: 50%;
    position: absolute;
    top: 60%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    
}
 .woocptc-img-wrapper:hover .woocptc-qview i {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
 .woocptc-review {
    color: #fdcc0d;
    font-size: 16px;
}
.woocptc-desc p{
    color: #fff;
    margin-bottom: 15px;
    margin-top: 8px;
}
.woocptc-meta .woocptc-date i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.woocptc-meta .woocptc-date span {
    color: #fff;
    font-size: 12px;
}
.woocptc-meta .woocptc-author i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.woocptc-meta .woocptc-author span {
    color: #fff;
    font-size: 12px;
}
.woocptc-meta .woocptc-comment i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.woocptc-meta .woocptc-comment span {
    color: #fff;
    font-size: 12px;
}
.woocptc-meta .woocptc-tag i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.woocptc-meta .woocptc-tag span {
    color: #fff;
    font-size: 12px;
}

/* Style two Start */
.woocptc-style-two .woocptc-img-wrapper::before {
    background-image: linear-gradient(180deg,#ff110017 0%,#fffcfa17 100%);
}
.woocptc-style-two .woocptc-img-wrapper:hover img {
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
}
.woocptc-style-two .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffb244),to(#ffb244));
    background-image: linear-gradient(#ffb244,#ffb244);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0% 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-two .woocptc-content-wrapper {
    background: #00ffe1;
    top: unset;
}
.woocptc-style-two .woocptc-img-wrapper:hover .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.woocptc-style-two .woocptc-cartbtn {
    background: #9e0059;
    border-radius: 30vmin;
}
.woocptc-style-two .woocptc-extra-meta {
    color: #9e0059;
}
.woocptc-style-two .woocptc-cat {
    background: #ffb700;
    border-radius: 0;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
}
.woocptc-style-two .woocptc-img-wrapper:hover .woocptc-cat {
    background: #9e0059;
}

/* Style three Start */

.woocptc-style-three .woocptc-img-wrapper .woocptc-content-wrapper {
    background: #e8cece;
    justify-content: end;
    top: unset;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}
.woocptc-style-three .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}
.woocptc-style-three .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-review {
    color: #fff500;
}
.woocptc-style-three .woocptc-img-wrapper::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00a6511c), to(#00a6511c ));
    background-image: -o-linear-gradient(bottom, #00a6511c 0%, #00a6511c 100%);
    background-image: linear-gradient(0deg, #00a6511c 0%, #00a6511c 100%);
}
.woocptc-style-three .woocptc-img-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.woocptc-style-three .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#f95700),color-stop(98%, #f95700)); 
    background-image: -o-linear-gradient(top,#f95700 0%,#f95700 98%); 
    background-image: linear-gradient(to bottom,#f95700 0%,#f95700 98%);
}
.woocptc-style-three .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #f95700;
}
.woocptc-style-three .woocptc-cat {
    background: #80b918;
    border-radius: 30px;
}
.woocptc-style-three .woocptc-img-wrapper:hover .woocptc-cat {
    background: #ff9c00;
    border-radius: 0;
}
.woocptc-style-three .woocptc-img-wrapper .woocptc-cartbtn {
    background: #80b918;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/* Style four Start */
.woocptc-style-four .woocptc-img-wrapper:hover img {
    opacity: 0;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
}
/* :is(.woocptc-style-four .woocptc-img-wrapper:nth-child(1),
 .woocptc-style-four .woocptc-img-wrapper:nth-child(4)) .woocptc-content-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
} */
.woocptc-style-four .woocptc-img-wrapper::before {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#6a994e2e),to(#6a994e2e));
    background-image: -o-linear-gradient(top,#6a994e2e 0%,#6a994e2e 100%);
    background-image: linear-gradient(180deg,#6a994e2e 0%,#6a994e2e 100%);
}
.woocptc-style-four .woocptc-img-wrapper .woocptc-content-wrapper {
    opacity: 0;
    background-color: #99582a;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform-origin: 50% 0%;
}
.woocptc-style-four .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    opacity: 1;
    background-color: #99582a;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform-origin: 50% 0%;
}
.woocptc-style-four .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9e0059),to(#9e0059));
    background-image: linear-gradient(#9e0059,#9e0059);
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-four .woocptc-img-wrapper:hover .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.woocptc-style-four .woocptc-cat {
    background: #9e0059;
    border-radius: 5px;
    box-shadow: 
        3px 3px 5px #fdcc0d,
        -3px -3px 5px hsl(48deg 98% 52%),
        3px -3px 5px #fdcc0d, 
         -3px 3px 5px #fdcc0d;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}
.woocptc-style-four .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-cartbtn {
     background: #9e0059;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
/* Style five Start */
.woocptc-main-wrapper.woocptc-style-five {
    grid-template-columns: repeat(6, 1fr);
}
.woocptc-style-five .woocptc-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #08404947, #0840492e);
    background: -moz-linear-gradient(top left, #08404947, #0840492e);
    background: linear-gradient(to bottom right, #08404947, #0840492e);
}

.woocptc-style-five .woocptc-img-wrapper:hover img {
    opacity: 0;
}
.woocptc-style-five .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
   background-image: -webkit-gradient(linear,left top, left bottom,from(#f3501e),color-stop(98%, #f3501e));
   background-image: -o-linear-gradient(top,#f3501e 0%,#f3501e 98%);
   background-image: linear-gradient(to bottom,#f3501e 0%,#f3501e 98%);
}
.woocptc-style-five .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #fff;
}
.woocptc-style-five .woocptc-cat {
    background: #f3501e;
    border-bottom-right-radius: 0;
    padding: 5px 15px;
}
.woocptc-style-five .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-cartbtn {
    background: #f3501e;
}
.woocptc-style-five .woocptc-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocptc-style-five .woocptc-img-wrapper .woocptc-content-wrapper {
    background: rgba(0, 0, 0, 0.404);
    top: unset;
    bottom: unset;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.woocptc-style-five .woocptc-img-wrapper:nth-child(1) .woocptc-title .woocptc_catagory-title,
.woocptc-style-five .woocptc-img-wrapper:nth-child(2) .woocptc-title .woocptc_catagory-title {
    font-size: 35px;
}

/* Style six Start */

.woocptc-style-six .woocptc-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #9b5de51f, #9b5de51f);
    background: -moz-linear-gradient(top left, #9b5de51f, #9b5de51f);
    background: linear-gradient(to bottom right, #9b5de51f, #9b5de51f);
}
.woocptc-style-six .woocptc-img-wrapper::after {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    bottom: 15px;
    background: #7109b700;
    left: 15px;
    border: 2px solid #fffffff2;
    box-shadow: 0 0 0 15px rgb(255 255 255 / 65%);
    transition: all 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
}
.woocptc-style-six .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
}
.woocptc-style-six .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #fff;
}
.woocptc-style-six .woocptc-img-wrapper:hover::after {
    background:#7209b79e;
}
.woocptc-style-six .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    padding: 30px;
}
.woocptc-style-six .woocptc-cat {
    background: #D6ED17FF;
    color: #000;
}
.woocptc-style-six .woocptc-cartbtn {
    background: #D6ED17FF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/* Style seven Start */

.woocptc-style-seven .woocptc-img-wrapper {
    border-radius: 0;
}
.woocptc-style-seven .woocptc-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #cd09d614, #a74eb012);
    background: -moz-linear-gradient(top left, #cd09d614, #a74eb012);
    background: linear-gradient(to bottom right, #cd09d614, #a74eb012);
}
.woocptc-style-seven .woocptc-img-wrapper::after {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 2px solid #fffffff2;
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.103);
    will-change: opacity;
    transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
}
.woocptc-style-seven .woocptc-img-wrapper .woocptc-content-wrapper {
    background: #34a0a4;
    left: 100%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.woocptc-style-seven .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    left: 0;
}
.woocptc-style-seven .woocptc-img-wrapper img {
    left: 0;
    position: absolute;
}
.woocptc-style-seven .woocptc-img-wrapper:hover img {
     left: -100%;
}
.woocptc-style-seven .woocptc-img-wrapper .woocptc-content-wrapper {
    padding: 30px;
}
.woocptc-style-seven .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    transition: background-size .4s ease,color .4s ease;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c0760c),to(#c0760c));
    background-image: linear-gradient(#c0760c,#c0760c);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 0% 100%;
    line-height: inherit;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-seven .woocptc-img-wrapper:hover .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.woocptc-style-seven .woocptc-cat {
     background: #c0760c;
    border-radius: 5px;
}
.woocptc-style-seven .woocptc-img-wrapper:hover .woocptc-cat {
     opacity: 0;
}
.woocptc-style-seven .woocptc-cartbtn {
    background: #c0760c;
    font-size: 14px;
    border-radius: 30vmin;
    -webkit-border-radius: 30vmin;
    -moz-border-radius: 30vmin;
    -ms-border-radius: 30vmin;
    -o-border-radius: 30vmin;
}
/* Style eight Start */
.woocptc-style-eight .woocptc-img-wrapper {
   box-shadow: 0 0 5px #10e8658f;
}
.woocptc-main-wrapper.woocptc-style-eight {
    grid-template-columns: repeat(7, 1fr);
}
.woocptc-style-eight .woocptc-img-wrapper::before {
    background: -webkit-linear-gradient(bottom left, #10e8652e, #5c03d900);
    background: -moz-linear-gradient(bottom left, #10e8652e, #5c03d900);
    background: linear-gradient(to bottom left, #10e8652e, #5c03d900);
}
.woocptc-style-eight .woocptc-img-wrapper::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(to right, #4fd675, #4fd6c8);
content: "";
opacity: 0;
transition: opacity 0.4s;
pointer-events: none;
z-index: 0;
}
.woocptc-style-eight .woocptc-img-wrapper:hover img {
    transform: scale(1.1) rotate(20deg);
}
.woocptc-style-eight .woocptc-img-wrapper:hover::after {
    opacity: .8;
}
.woocptc-style-eight .woocptc-img-wrapper .woocptc-content-wrapper {
    transform: translateY(0);
    opacity: 0;
}
.woocptc-style-eight .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    opacity: 1;
}
.woocptc-style-eight .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f95700),to(#f95700));
    background-image: linear-gradient(#f95700,#f95700);
    background-repeat: no-repeat;
    background-position: right top;
    color: #f95700;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-eight .woocptc-img-wrapper:hover .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.woocptc-style-eight .woocptc-cat {
    background: #F95700FF;
    transform: skewX(-25deg);
    border-radius: 5px;
}
.woocptc-style-eight .woocptc-img-wrapper:hover .woocptc-cat {
    transform: skewX(0) translateX(200%);
    -webkit-transform: skewX(0) translateX(200%);
    -moz-transform: skewX(0) translateX(200%);
    -ms-transform: skewX(0) translateX(200%);
    -o-transform: skewX(0) translateX(200%);
}

.woocptc-style-eight .woocptc-extra-meta {
    color:#F95700FF;
}
.woocptc-style-eight .woocptc-cartbtn {
    background: #F95700FF;
    font-size: 14px;
    border-radius: 30vmin;
    -webkit-border-radius: 30vmin;
    -moz-border-radius: 30vmin;
    -ms-border-radius: 30vmin;
    -o-border-radius: 30vmin;
}
/* Style nine Start */

.woocptc-style-nine .woocptc-img-wrapper::after {
    content: " ";
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: calc(-1 * 55px);
    right: calc(-1 * 55px);
    border-left: 55px solid #ff77000f;
    border-bottom: 55px solid #fff;
    box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    transition: all .3s;
    z-index: 2;
}
.woocptc-style-nine .woocptc-img-wrapper::before {
   background-image: linear-gradient(180deg,#ff77000f 0%,#ff77000f 100%);
}
.woocptc-style-nine .woocptc-img-wrapper {
    border-radius: 0;
}
.woocptc-style-nine .woocptc-img-wrapper:hover::after {
    bottom: 0!important;
    right: 0!important;
}
.woocptc-style-nine .woocptc-img-wrapper .woocptc-content-wrapper {
    opacity: 0;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
}
.woocptc-style-nine .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.woocptc-style-nine .woocptc-img-wrapper .woocptc-content-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000;
    opacity: 0;
    z-index: -1;  
}
.woocptc-style-nine .woocptc-img-wrapper:hover .woocptc-content-wrapper::before {
    opacity: .7;
}
.woocptc-style-nine .woocptc-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocptc-style-nine .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
     background-image: linear-gradient(to bottom,#f95700 0%,#f95700 98%);
}
.woocptc-style-nine .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #f95700;
}
.woocptc-style-nine .woocptc-cat {
    background: #D01C1FFF;
    border-radius: 30px;
}
.woocptc-style-nine .woocptc-cartbtn {
    background: #D01C1FFF;
}
.woocptc-style-nine .woocptc-extra-meta {
    color: #fa6f25;
}
/* Style ten Start */

.woocptc-style-ten {
    border: 1px solid #0003;
}
.woocptc-style-ten .woocptc-img-wrapper {
    will-change: transform;
    border-radius: 0;
    border: 1px solid #0003;
}
.woocptc-style-ten .woocptc-img-wrapper::before {
    background-image: linear-gradient(336deg, #b0ff0021 0%, #b0ff001f 100%);
}
.woocptc-style-ten .woocptc-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocptc-style-ten .woocptc-content-wrapper {
    transform: translateY(100%);
}
.woocptc-style-ten .woocptc-cartbtn {
    background: #d87210;
    border-radius: 30vmin;
    -webkit-border-radius: 30vmin;
    -moz-border-radius: 30vmin;
    -ms-border-radius: 30vmin;
    -o-border-radius: 30vmin;
}
.woocptc-style-ten .woocptc-img-wrapper:hover .woocptc-content-wrapper::before {
    position: absolute;
    content: "";
    inset: 0;
    background: #0000006b;
    opacity: 1;
    transform: translateY(0);
    z-index: -1;
}
.woocptc-style-ten .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     transition-delay: .3s;
}
.woocptc-style-ten .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 3px;
    color: #fff;
}
.woocptc-style-ten .woocptc-cat {
    background: #d87210;
    border: 2px solid #fff200;
}
.woocptc-style-ten .woocptc-img-wrapper:hover .woocptc-cat {
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
}

/* Style eleven Start */

.woocptc-style-eleven .woocptc-img-wrapper::before {
    background-image: linear-gradient(90deg, #00c8ff3b 0%, #e08a0e00 100%);
}
.woocptc-style-eleven .woocptc-img-wrapper:hover img {
   transform: scaleX(1.3);
}
.woocptc-style-eleven .woocptc-img-wrapper {
   border-radius: 0;
}
.woocptc-style-eleven .woocptc-content-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0000002e;
    z-index: -1;
}
.woocptc-style-eleven .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
    font-size: 30px;
}
.woocptc-style-eleven .woocptc-img-wrapper .woocptc-content-wrapper {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.woocptc-style-eleven .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.woocptc-style-eleven .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
}
.woocptc-style-eleven .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #fff;
}
.woocptc-style-eleven .woocptc-title {
    text-align: center;
}
.woocptc-style-eleven .woocptc-cat {
    background: #5E5FFE;
    border-radius: 30px;
}
.woocptc-style-eleven .woocptc-cartbtn {
    background: #5E5FFE;
    font-size: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.woocptc-style-eleven .woocptc-contalign-wrapper {
    flex-direction: column;
}
.woocptc-style-eleven .woocptc-review {
    color: #ffd400;
    margin-top: 10px;
    font-size: 13px;
}
/* Style twelve Start */

.woocptc-style-twelve .woocptc-img-wrapper {
    border-radius: 0;
}
:is(.woocptc-style-twelve .woocptc-img-wrapper:nth-child(1),
.woocptc-style-twelve .woocptc-img-wrapper:nth-child(2),
.woocptc-style-twelve .woocptc-img-wrapper:nth-child(3),
.woocptc-style-twelve .woocptc-img-wrapper:nth-child(6)) .woocptc-content-wrapper {
   opacity: 0;
}
:is(.woocptc-style-twelve .woocptc-img-wrapper:hover:nth-child(1),
.woocptc-style-twelve .woocptc-img-wrapper:hover:nth-child(2),
.woocptc-style-twelve .woocptc-img-wrapper:hover:nth-child(3),
.woocptc-style-twelve .woocptc-img-wrapper:hover:nth-child(6)) .woocptc-content-wrapper {
   opacity: 1;
}
.woocptc-style-twelve .woocptc-img-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 0;
    pointer-events: none;
    transition: all .5s;
    background: #ff2419e5;
}
.woocptc-style-twelve .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: 50% bottom;
}
.woocptc-style-twelve .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #fff;
}
.woocptc-style-twelve .woocptc-img-wrapper:hover::after{
    height: 100%;
}
.woocptc-style-twelve .woocptc-img-wrapper::before {
    background-image: linear-gradient(180deg,#08e60c14 0%,#08e60c14 100%);
}
.woocptc-style-twelve .woocptc-cat {
    background: #d4088c;
    border-radius: 5px;
    transform: skew(15deg);
}

/* Style thirteen Start */

.woocptc-style-thirteen .woocptc-img-wrapper::before {
     background: -webkit-linear-gradient(top left, #2f0edd1a, #2f0edd1a);
    background: -moz-linear-gradient(top left, #2f0edd1a, #2f0edd1a);
    background: linear-gradient(to bottom right, #2f0edd1a, #2f0edd1f);
}
.woocptc-style-thirteen .woocptc-img-wrapper:hover img {
    transform: perspective(600px) translateX(50%);
    -webkit-transform: perspective(600px) translateX(50%);
    -moz-transform: perspective(600px) translateX(50%);
    -ms-transform: perspective(600px) translateX(50%);
    -o-transform: perspective(600px) translateX(50%);
}
.woocptc-style-thirteen .woocptc-img-wrapper .woocptc-content-wrapper {
    right: unset;
    transform: perspective(600px) rotateY(90deg);
    -webkit-transform: perspective(600px) rotateY(90deg);
    -moz-transform: perspective(600px) rotateY(90deg);
    -ms-transform: perspective(600px) rotateY(90deg);
    -o-transform: perspective(600px) rotateY(90deg);
    transform-origin: left;
    background: #293c19;
    width: 50%;
}
.woocptc-style-thirteen .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}
.woocptc-style-thirteen .woocptc-contalign-wrapper {
    flex-direction: column;
    align-items: start;
}
.woocptc-style-thirteen .woocptc-review {
    margin-top: 10px;
}
.woocptc-style-thirteen .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #fff;
}
.woocptc-style-thirteen .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
    font-size: clamp(1.563rem, 2vw + 1rem, 2.188rem);
}
.woocptc-style-thirteen .woocptc-cat {
    background: #00ff9b;
    color: #000;
    border-radius: 30px;
}
.woocptc-style-thirteen .woocptc-cartbtn {
    background: #00ff9b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.woocptc-style-thirteen .woocptc-img-wrapper:hover .woocptc-cat {
    background: #ffc200;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Style fourteen Start */


.woocptc-style-fourteen .woocptc-img-wrapper {
    border: 1px solid #ffffff;
    border-radius: 0;
}
.woocptc-style-fourteen .woocptc-content-wrapper {
    background: rgba(0, 0, 0, 0.5);
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
}
.woocptc-style-fourteen .woocptc-img-wrapper:hover img {
   transform: scale(1.1);
}
.woocptc-style-fourteen .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    line-height: 1;
}
:is(.woocptc-style-fourteen .woocptc-img-wrapper:hover:nth-child(2),
 .woocptc-style-fourteen .woocptc-img-wrapper:hover:nth-child(5)) .woocptc-content-wrapper{
    transform: translateY(0);
}
.woocptc-style-fourteen .woocptc-cat {
    background: #F7C600;
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 10% 50%, 0 0);
    padding: 5px 15px;
    border-radius: 0;
}
.woocptc-style-fourteen .woocptc-cartbtn {
    background: #F7C600;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/* Style fifteen Start */

.woocptc-style-fifteen .woocptc-img-wrapper::before {
   background-image: linear-gradient(230deg,#8b5d2c3b 0%,#8b5d2c3b 100%);
}
.woocptc-style-fifteen .woocptc-img-wrapper {
    border-radius: 0;
}
.woocptc-style-fifteen .woocptc-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocptc-style-fifteen .woocptc-img-wrapper .woocptc-content-wrapper{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    width: 100%;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.woocptc-style-fifteen .woocptc-img-wrapper:nth-child(1) .woocptc-title .woocptc_catagory-title {
    font-size: 45px;
}
.woocptc-style-fifteen .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
    font-size: 35px;
}
.woocptc-style-fifteen .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d6ed17),to(#d6ed17));
    background-image: linear-gradient(#d6ed17,#d6ed17);
    background-repeat: no-repeat;
    background-position: right bottom;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-fifteen .woocptc-img-wrapper:hover .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.woocptc-style-fifteen .woocptc-img-wrapper .woocptc-desc p {
    font-size: 20px;
}
.woocptc-style-fifteen .woocptc-img-wrapper:nth-child(1) .woocptc-content-wrapper {
    transform: translateY(0);
}
.woocptc-style-fifteen .woocptc-cat {
    background: #926D00;
    outline: 2px solid #fff;
    outline-offset: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 30px;
}
.woocptc-style-fifteen .woocptc-cartbtn {
    background: #926D00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.woocptc-style-fifteen .woocptc-img-wrapper:hover .woocptc-cat {
    outline: 2px solid #f95700;
    outline-offset: 0;
}

/* Style sixteen Start */
.woocptc-style-sixteen .woocptc-img-wrapper::before {
    background-image: linear-gradient(266deg, #4f46e529, #4f46e529);
}
.woocptc-style-sixteen .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: left 0% bottom;
}
.woocptc-style-sixteen .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
    color: #fff;
}
.woocptc-style-sixteen .woocptc-img-wrapper .woocptc-content-wrapper {
    text-align: center;
    background: #c500ff;
    transform: translateY(0) translateX(-100%);
    -webkit-transform: translateY(0) translateX(-100%);
    -moz-transform: translateY(0) translateX(-100%);
    -ms-transform: translateY(0) translateX(-100%);
    -o-transform: translateY(0) translateX(-100%);
}
.woocptc-style-sixteen .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    transform: translateY(0) translateX(0%);
    -webkit-transform: translateY(0) translateX(0%);
    -moz-transform: translateY(0) translateX(0%);
    -ms-transform: translateY(0) translateX(0%);
    -o-transform: translateY(0) translateX(0%);
}
.woocptc-style-sixteen .woocptc-review {
    margin-top: 10px;
}
.woocptc-style-sixteen .woocptc-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocptc-style-sixteen .woocptc-contalign-wrapper {
    flex-direction: column;
}
.woocptc-style-sixteen .woocptc-cat {
    background: #00C9A7;
    border-radius: 5px;
}
.woocptc-style-sixteen .woocptc-img-wrapper:hover .woocptc-cat {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.woocptc-style-sixteen .woocptc-cartbtn {
    background: #00C9A7;
    position: relative;
}
.woocptc-style-sixteen .woocptc-cartbtn::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    background: #d8ea00;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .3s;
}
.woocptc-style-sixteen .woocptc-img-wrapper:hover .woocptc-cartbtn::before {
    top: 0;
    left: 0;
}
/* Style seventeen Start */
.woocptc-main-wrapper.woocptc-style-seventeen {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, minmax(190px, 1fr));
        gap: 1px;
    }
    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(1) {
        grid-column: span 4;
        grid-row: 1 / 2;
    }
    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: span 4;
    }
    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: span 4;
    }
    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(4) {
        grid-column: span 6;
        grid-row: 2 / 3;
    }
    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(5) {
        grid-column: span 6;
    }

    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(6) {
        grid-column: span 4;
    }

    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(7) {
        grid-column: span 4;
    }

    .woocptc-style-seventeen .woocptc-img-wrapper:nth-child(8) {
        grid-column: span 4;
    }
.woocptc-style-seventeen .woocptc-img-wrapper {
   border-radius: 0;
}
.woocptc-style-seventeen .woocptc-img-wrapper:hover img {
   transform: scale(1.1);
}
.woocptc-style-seventeen .woocptc-content-wrapper {
   transform: translateY(0);
}
.woocptc-style-seventeen .woocptc-img-wrapper::before {
   background-image: linear-gradient(180deg,#0000000f 0%,#14455259 100%);
}
.woocptc-style-seventeen .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    background: #fff;
    color: #000;
    padding: 0 7px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.woocptc-style-seventeen .woocptc-cat {
    background: #fc67fa;
    border-radius: 5px;
}
.woocptc-style-seventeen .woocptc-atcart-btn {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-seventeen .woocptc-img-wrapper:hover .woocptc-atcart-btn {
    bottom: 30px
}
.woocptc-style-seventeen .woocptc-cartbtn {
    background: #fc67fa;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/* Style eightteen Start */

.woocptc-style-eighteen .woocptc-img-wrapper::before {
    background-image: linear-gradient(180deg,#d04ed600 0%,#f9570036 100%);
}

.woocptc-style-eighteen .woocptc-img-wrapper .woocptc-content-wrapper {
    transform: translateY(0);
    background: #000;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.woocptc-style-eighteen .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.woocptc-style-eighteen .woocptc-img-wrapper .woocptc-title .woocptc_catagory-title {
     background-image: linear-gradient(to bottom,#00acc1 0%,#00acc1 98%);
     background-position: left 0% bottom;
     color: #00acc1;
}
.woocptc-style-eighteen .woocptc-img-wrapper:hover .woocptc-title .woocptc_catagory-title {
    background-size: 100% 2px;
}
.woocptc-style-eighteen .woocptc-cat {
    background: #00acc1;
    border-radius: 0;
}
.woocptc-style-eighteen .woocptc-img-wrapper:hover .woocptc-cat {
   opacity: 0;
}
.woocptc-style-eighteen .woocptc-extra-meta {
    color: #ffc107;
}
.woocptc-style-eighteen .woocptc-cartbtn {
    background: #00acc1;
    border-radius: 30vmin;
    -webkit-border-radius: 30vmin;
    -moz-border-radius: 30vmin;
    -ms-border-radius: 30vmin;
    -o-border-radius: 30vmin;
}
/* Style nineteen Start */
.woocptc-style-nineteen .woocptc-img-wrapper::before {
   background-image: linear-gradient(180deg,#20bf5505 0%,#69ffa152 100%);
}
.woocptc-style-nineteen .woocptc-img-wrapper:hover img {
    object-position: left;
}
.woocptc-style-nineteen .woocptc-img-wrapper {
    box-shadow: 0 0 1px #000;
}
.woocptc-style-nineteen .woocptc-img-wrapper .woocptc-content-wrapper {
    transform: translateY(0);
    justify-content: end;
}
.woocptc-style-nineteen .woocptc-extra-meta {
    color: #a00;
}
.woocptc-style-nineteen .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    font-size: clamp(1.375rem, 2vw, 2.188rem);
}
.woocptc-style-nineteen .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#19B06B),to(#19B06B));
    background-image: linear-gradient(#19B06B,#19B06B);
    color: #000;
    background-repeat: no-repeat;
    background-position: left top;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-nineteen .woocptc-img-wrapper:hover .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    background-size: 100% 100%;
    padding: 0 7px;
}
.woocptc-style-nineteen .woocptc-cat {
    background: #19B06B;
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    border-radius: 0;
} 
.woocptc-style-nineteen .woocptc-cartbtn {
    background: #19b06b00;
    color: #000;
    border: 1px solid #19b06b;
}
.woocptc-style-nineteen .woocptc-img-wrapper {
    border-radius: 0;
}

/* Style twenty Start */


.woocptc-style-twenty .woocptc-img-wrapper:hover img {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.woocptc-style-twenty .woocptc-img-wrapper::before {
    background-image: linear-gradient(180deg,#00000038 0%,#00000038 100%);
}
.woocptc-style-twenty .woocptc-content-wrapper {
    inset: 0;
    width: 100%;
    background: #7161ef;
    opacity: 0;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
}
.woocptc-style-twenty .woocptc-img-wrapper:hover .woocptc-content-wrapper {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.woocptc-style-twenty .woocptc-content-wrapper .woocptc-desc p {
    font-size: 20px;
}
.woocptc-style-twenty .woocptc-img-wrapper .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#19B06B),to(#19B06B));
    background-image: linear-gradient(#3C43ED,#3C43ED);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0% 100%;
    font-size: clamp(1.375rem, 2vw + 1rem, 2rem);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.woocptc-style-twenty .woocptc-img-wrapper:hover .woocptc-content-wrapper .woocptc-title .woocptc_catagory-title {
    color: #fff;
    padding: 0 8px;
    background-size: 100% 100%;
}
.woocptc-style-twenty .woocptc-cat {
    background: #3C43ED;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border-radius: 0;
    padding: 12px 20px;
}
.woocptc-style-twenty .woocptc-img-wrapper {
    border-radius: 0;
}
.woocptc-style-twenty .woocptc-cartbtn {
    background: #718355;
    border-radius: 30vmin;
    -webkit-border-radius: 30vmin;
    -moz-border-radius: 30vmin;
    -ms-border-radius: 30vmin;
    -o-border-radius: 30vmin;
}
/* Style twenty One Start */
.woocptc-style-twentyOne .woocptc-img-wrapper::before {
   background-image: linear-gradient(180deg,#00000003 0%,#005c3f61 100%);
}
.woocptc-style-twentyOne .woocptc-title .woocptc_catagory-title, 
.woocptc-style-twentyOne .woocptc-extra-meta {
    color:#000;
}
.woocptc-style-twentyOne .woocptc-img-wrapper:hover .woocptc-cat{
    background: #19B06B;
    border-radius: 0;
}
.woocptc-style-twentyOne .woocptc-cat {
    background: #00acc1;
    border-radius: 30px;
}
.woocptc-style-twentyOne .woocptc-cartbtn {
    background: #00acc1;
    border-radius: 30vmin;
    -webkit-border-radius: 30vmin;
    -moz-border-radius: 30vmin;
    -ms-border-radius: 30vmin;
    -o-border-radius: 30vmin;
}

/* Responsive Code Start Here */

@media (min-width: 551px) {
    :is(.woocptc-style-one, 
    .woocptc-style-two, 
    .woocptc-style-three,
    .woocptc-style-four,
    .woocptc-style-five,
    .woocptc-style-seven,
    .woocptc-style-eight,
    .woocptc-style-nine,
    .woocptc-style-ten,
    .woocptc-style-eleven,
    .woocptc-style-thirteen,
    .woocptc-style-fourteen,
    .woocptc-style-fifteen,
    .woocptc-style-sixteen,
    .woocptc-style-eighteen,
    .woocptc-style-nineteen,
    .woocptc-style-twenty,
    .woocptc-style-twentyOne) .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    :is(.woocptc-style-one, 
    .woocptc-style-two, 
    .woocptc-style-three,
    .woocptc-style-four,
    .woocptc-style-five,
    .woocptc-style-seven,
    .woocptc-style-eight,
    .woocptc-style-nine,
    .woocptc-style-ten,
    .woocptc-style-eleven,
    .woocptc-style-thirteen,
    .woocptc-style-fourteen,
    .woocptc-style-fifteen,
    .woocptc-style-sixteen,
    .woocptc-style-eighteen,
    .woocptc-style-nineteen,
    .woocptc-style-twenty,
    .woocptc-style-twentyOne) .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 3 / 5;
    }
    :is(.woocptc-style-one, 
    .woocptc-style-two, 
    .woocptc-style-three,
    .woocptc-style-four,
    .woocptc-style-five,
    .woocptc-style-seven,
    .woocptc-style-eight,
    .woocptc-style-nine,
    .woocptc-style-ten,
    .woocptc-style-eleven,
    .woocptc-style-thirteen,
    .woocptc-style-fourteen,
    .woocptc-style-fifteen,
    .woocptc-style-sixteen,
    .woocptc-style-eighteen,
    .woocptc-style-nineteen,
    .woocptc-style-twenty,
    .woocptc-style-twentyOne) .woocptc-img-wrapper:nth-child(3) {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
    }
    :is(.woocptc-style-one,
     .woocptc-style-two, 
     .woocptc-style-three,
     .woocptc-style-four,
     .woocptc-style-five,
     .woocptc-style-seven,
     .woocptc-style-eight,
     .woocptc-style-nine,
     .woocptc-style-ten,
     .woocptc-style-eleven,
     .woocptc-style-thirteen,
     .woocptc-style-fourteen,
     .woocptc-style-fifteen,
     .woocptc-style-sixteen,
     .woocptc-style-eighteen,
     .woocptc-style-nineteen,
     .woocptc-style-twenty,
     .woocptc-style-twentyOne) .woocptc-img-wrapper:nth-child(4) {
        grid-row: 2 / 3;
        grid-column: 3 / 5;
    }
   
      /* Responsive Style Six */
    .woocptc-style-six .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 3 / 5;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(3) {
        grid-row: 2 / 3;
        grid-column: 1 / -1;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(4) {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(5) {
        grid-column: 3 / 5;
        grid-row: 3 / 4;
    }
     .woocptc-style-seven .woocptc-img-wrapper:nth-child(5) {
        grid-column: 1 / 3
    }
    
    .woocptc-style-seven .woocptc-img-wrapper:nth-child(6) {
        grid-column: 3 / 5;
    }
    .woocptc-style-eight .woocptc-img-wrapper:nth-child(5) {
       grid-column: 1 / 5
   }
    .woocptc-style-nine .woocptc-img-wrapper:nth-child(5) {
       grid-column: 1 / 3
   }
    .woocptc-style-nine .woocptc-img-wrapper:nth-child(6) {
       grid-column: 3 / 5
   }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(5) {
       grid-column: 1 / 5
   }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(6) {
       grid-column: 1 / 3
   }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(7) {
       grid-column: 3 / 5
   }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(1) {
       grid-column: 1 / 4
   }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(2) {
       grid-column: 4 / 7
   }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(3) {
       grid-column: 1 / 4
   }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(4) {
       grid-column: 4 / 7
   }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(5) {
       grid-column: 1 / 4
   }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(6) {
       grid-column: 4 / 7
   }
    .woocptc-style-five, 
    .woocptc-style-eight,
    .woocptc-style-thirteen {
        grid-template-columns: repeat(4, 1fr)!important;
    }
    .woocptc-style-nine {
        grid-template-rows: repeat(3, minmax(200px, auto))!important;
    }
    .woocptc-style-ten {
        grid-template-rows: repeat(4, minmax(200px, auto));
        gap: 0;
    }
    .woocptc-style-eleven {
        grid-template-columns: repeat(6, 1fr)!important;
        grid-template-rows: repeat(2, minmax(70px, auto))!important;
    }
    .woocptc-style-twelve {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(3, minmax(120px, auto));
        gap: 3px;
    }
    .woocptc-style-twenty {
        grid-template-rows: repeat(4, minmax(300px, auto));
        gap: 1px;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 4;
        grid-row: 1 / 2;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(2) {
        grid-column: 4 / -1;
        grid-row: 1 / 2;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(3) {
        grid-row: 2 / 4;
        grid-column: 1 / 3;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(4) {
        grid-column: 3 / 5;
        grid-row: 2 / 4;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(5) {
        grid-column: 5 / -1;
        grid-row: 2 / 4;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(6) {
        grid-row: 4 / -1;
        grid-column: 1 / 4;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(7) {
        grid-row: 4 / -1;
        grid-column: 4 / -1;
    }
    .woocptc-style-fourteen {
        gap: 2px;
    }
    .woocptc-style-thirteen .woocptc-img-wrapper:nth-child(5) {
        grid-column: 1 / -1;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(5) {
        grid-row: 4 / -1;
        grid-column: 1 / 3;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(6) {
        grid-row: 4 / -1;
        grid-column: 3 / -1;
    }
    .woocptc-style-eighteen .woocptc-img-wrapper:nth-child(5) {
        grid-column: 1 / -1;
    }
     .woocptc-style-twenty .woocptc-img-wrapper:nth-child(5) {
        grid-column: 1 / 3;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(6) {
        grid-column: 3 / -1;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(7) {
        grid-column: 1 / 3;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(8) {
        grid-column: 3 / -1;
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(5) {
        grid-column: 1 / 3;
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(6) {
        grid-column: 3 / -1;
    }
}

@media (min-width: 850px) {
    /* Responsive Style One */
    .woocptc-style-one {
        grid-template-columns: repeat(6, 1fr);
    }
     .woocptc-style-one .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }
    .woocptc-style-one .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 3 / 5;
    }
    .woocptc-style-one .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 3;
        grid-column: 5 / 7;
    }
     .woocptc-style-one .woocptc-img-wrapper:nth-child(4) {
        grid-row: 2 / 3;
        grid-column: 3 / 5;
    }
    /* Responsive Style two */
    .woocptc-style-two {
        grid-template-columns: repeat(6, 1fr);
    }
    .woocptc-style-two .woocptc-img-wrapper:nth-child(1) {
        grid-row: 1 / 3;
        grid-column: 1 / 3;
    }
    .woocptc-style-two .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 3 / -1;
    }
    .woocptc-style-two .woocptc-img-wrapper:nth-child(3) {
        grid-row: 2 / 3;
        grid-column: 3 / 5;
    }
    .woocptc-style-two .woocptc-img-wrapper:nth-child(4) {
        grid-row: 2 / 3;
        grid-column: 5 / 7;
    }
    /* Responsive Style three */
    .woocptc-style-three {
        grid-template-columns: repeat(8, 1fr);
    }
    .woocptc-style-three .woocptc-img-wrapper:nth-child(1) {
        grid-row: span 2;
        grid-column: span 3;
    }
    .woocptc-style-three .woocptc-img-wrapper:nth-child(2) {
        grid-row: span 2;
        grid-column: 4 / 6;
    }
    .woocptc-style-three .woocptc-img-wrapper:nth-child(3) {
        grid-column: 6 / 9;
        grid-row: 1 / 2;
    }

    .woocptc-style-three .woocptc-img-wrapper:nth-child(4) {
        grid-column: 6 / 9;
        grid-row: 2 / 3;
    }
     /* Responsive Style Four */
    .woocptc-style-four {
        grid-template-columns: repeat(12, 1fr);
    }
    .woocptc-style-four .woocptc-img-wrapper:nth-child(1) {
        grid-row: span 2;
        grid-column: 1 / 5;
    }
    .woocptc-style-four .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 5 / 9;
    }
    .woocptc-style-four .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: 9 / -1;
    }
    .woocptc-style-four .woocptc-img-wrapper:nth-child(4) {
        grid-column: 5 / -1;
        grid-row: 2 / 3;
    }
     /* Responsive Style Five */
    .woocptc-style-five .woocptc-img-wrapper:nth-child(1) {
        grid-row: span 2;
        grid-column: 1 / 3;
    }
    .woocptc-style-five .woocptc-img-wrapper:nth-child(2) {
        grid-column: 3 / 5;
        grid-row: span 2;
    }
    .woocptc-style-five .woocptc-img-wrapper:nth-child(3) {
        grid-column: 5 / 7;
        grid-row: 1 / 2;
    }
    .woocptc-style-five .woocptc-img-wrapper:nth-child(4) {
        grid-row: 2 / 3;
        grid-column: 5 / 7;
    }
    .woocptc-style-five {
        grid-template-columns: repeat(6, 1fr)!important;
    }
    /* Responsive Style Six */
    .woocptc-style-six {
        grid-template-columns: repeat(12, 1fr);
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 5;
        grid-row: 1 / 2;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(2) {
        grid-row: 2 / 3;
        grid-column: 1 / 5;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 3;
        grid-column: 5 / 9;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(4) {
        grid-column: 9 / -1;
        grid-row: 1 / 2;
    }
    .woocptc-style-six .woocptc-img-wrapper:nth-child(5) {
        grid-column: 9 / -1;
        grid-row: 2 / 3;
    }
    /* Responsive Style Seven */
    .woocptc-style-seven .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    .woocptc-style-seven .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }
    .woocptc-style-seven .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: 3 / -1;
    }
    .woocptc-style-seven .woocptc-img-wrapper:nth-child(4) {
        grid-column: 2 / 4;
    }
    .woocptc-style-seven .woocptc-img-wrapper:nth-child(5) {
        grid-column: 1 / 2;
    }

    .woocptc-style-seven .woocptc-img-wrapper:nth-child(6) {
        grid-column: 4 / 5;
    }
    /* Responsive Style eight */
    .woocptc-style-eight .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    .woocptc-style-eight .woocptc-img-wrapper:nth-child(2) {
        grid-column: 3 / 6;
    }
    .woocptc-style-eight .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: 6 / -1;
    }
    .woocptc-style-eight .woocptc-img-wrapper:nth-child(4) {
        grid-column: 1 / 4;
    }
    .woocptc-style-eight .woocptc-img-wrapper:nth-child(5) {
        grid-column: 4 / -1;
    }
     .woocptc-style-eight {
        grid-template-columns: repeat(7, 1fr)!important;
    }
    /* Responsive Style nine */
     .woocptc-style-nine .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 4;
    }
    .woocptc-style-nine .woocptc-img-wrapper:nth-child(2) {
        grid-column: 3 / 4;
        grid-row: 1 / 4;
    }
    .woocptc-style-nine .woocptc-img-wrapper:nth-child(3) {
        grid-column: 4 / 5;
        grid-row: 1 / 5;
    }
    .woocptc-style-nine .woocptc-img-wrapper:nth-child(4) {
        grid-column: 1 / 3;
        grid-row: 4 / -1;
    }
    .woocptc-style-nine .woocptc-img-wrapper:nth-child(5) {
        grid-column: 3 / 4;
        grid-row: 4 / -1;
    }
    .woocptc-style-nine .woocptc-img-wrapper:nth-child(6) {
        grid-column: 4 / 5;
        grid-row: 5 / -1;
    }
    .woocptc-style-nine {
        grid-template-rows: repeat(7, minmax(80px, auto))!important;
    }
    /* Responsive Style ten */
    .woocptc-style-ten {
        grid-template-rows: repeat(7, minmax(70px, auto));
        gap: 0;
    }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 4;
    }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(2) {
        grid-column: 3 / 4;
        grid-row: 1 / 4;
    }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(3) {
        grid-column: 4 / 5;
        grid-row: 1 / 4;
    }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(4) {
        grid-column: 3 / 4;
        grid-row: 4 / -1;
    }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(5) {
        grid-column: 4 / -1;
        grid-row: 4 / -1;
    }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(6) {
        grid-row: 4 / -1;
        grid-column: 2 / 3;
    }
    .woocptc-style-ten .woocptc-img-wrapper:nth-child(7) {
        grid-row: 4 / -1;
        grid-column: 1 / 2;
    }
    /* Responsive Style eleven */
    .woocptc-main-wrapper.woocptc-style-eleven {
        grid-template-columns: repeat(6, 1fr)!important;
        grid-template-rows: repeat(7, minmax(70px, auto))!important;
    }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(2) {
        grid-column: 3 / 5;
        grid-row: 1 / 3;
    }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 3;
        grid-column: 5 / -1;
    }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(4) {
        grid-column: 3 / 5;
        grid-row: 3 / -1;
    }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(5) {
        grid-column: 5 / -1;
        grid-row: 3 / -1;
    }
    .woocptc-style-eleven .woocptc-img-wrapper:nth-child(6) {
        grid-row: 4 / -1;
        grid-column: 1 / 3;
    }
    /* Responsive Style twelve */
    .woocptc-main-wrapper.woocptc-style-twelve {
        grid-template-columns: repeat(9, 1fr);
        grid-template-rows: repeat(7, minmax(70px, auto));
        gap: 3px;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 4;
        grid-row: 1 / 4;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(2) {
        grid-column: 4 / 7;
        grid-row: 1 / 3;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 3;
        grid-column: 7 / -1;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(4) {
        grid-column: 6 / 8;
        grid-row: 3 / -1;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(5) {
        grid-column: 8 / -1;
        grid-row: 3 / -1;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(6) {
        grid-row: 4 / -1;
        grid-column: 1 / 4;
    }
    .woocptc-style-twelve .woocptc-img-wrapper:nth-child(7) {
        grid-row: 3 / -1;
        grid-column: 4 / 6;
    }
      /* Responsive Style thirteen */
      .woocptc-main-wrapper.woocptc-style-thirteen {
        grid-template-columns: repeat(6, 1fr)!important;
        grid-template-rows: repeat(2, minmax(250px, 1fr));
    }
    .woocptc-style-thirteen .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 4;
        /* grid-row: span 2; */
    }

    .woocptc-style-thirteen .woocptc-img-wrapper:nth-child(2) {
        grid-column: 4 / 7;
    }

    .woocptc-style-thirteen .woocptc-img-wrapper:nth-child(3) {
        grid-column: 1 / 3;
    }

    .woocptc-style-thirteen .woocptc-img-wrapper:nth-child(4) {
        grid-column: 3 / 5;
    }

    .woocptc-style-thirteen .woocptc-img-wrapper:nth-child(5) {
        grid-column: 5 / 7;
    }
     /* Responsive Style fourteen */

    .woocptc-main-wrapper.woocptc-style-fourteen {
        grid-template-columns: repeat(7, 1fr);
        gap: 0;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 3 / 6;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: 6 / -1;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(4) {
        grid-column: 4 / 6;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(5) {
        grid-column: 1 / 4;
        grid-row: 2 / 3;
    }
    .woocptc-style-fourteen .woocptc-img-wrapper:nth-child(6) {
        grid-column: 6 / -1;
        grid-row: 2 / 3;
    }
    /* Responsive Style fifteen */
    .woocptc-main-wrapper.woocptc-style-fifteen {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    .woocptc-style-fifteen .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 4;
        grid-row: 1 / -1;
    }
    .woocptc-style-fifteen .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 4 / 6;
    }
    .woocptc-style-fifteen .woocptc-img-wrapper:nth-child(3) {
        grid-row: 2 / 3;
        grid-column: 4 / 6;
    }
    .woocptc-style-fifteen .woocptc-img-wrapper:nth-child(4) {
        grid-column: 4 / 6;
        grid-row: 3 / 4;
    }
     /* Responsive Style sixteen */

    .woocptc-style-sixteen {
        grid-template-columns: repeat(11, 1fr);
        grid-template-rows: repeat(2, minmax(170px, 1fr));
    }
    .woocptc-style-sixteen .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 6;
        grid-row: 1 / -1;
    }
    .woocptc-style-sixteen .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / -1;
        grid-column: 6 / 8;
    }
    .woocptc-style-sixteen .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / -1;
        grid-column: 8 / 10;
    }
    .woocptc-style-sixteen .woocptc-img-wrapper:nth-child(4) {
        grid-column: 10 / -1;
        grid-row: 1 / -1;
    }
    /* Responsive Style eighteen */
    .woocptc-main-wrapper.woocptc-style-eighteen {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(2, minmax(220px, 1fr));
    }
    .woocptc-style-eighteen .woocptc-img-wrapper:nth-child(1) {
        grid-column: span 6;
        grid-row: 1 / -1;
    }
    .woocptc-style-eighteen .woocptc-img-wrapper:nth-child(2) {
        grid-row: auto;
        grid-column: span 3;
    }
    .woocptc-style-eighteen .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: span 3;
    }
    .woocptc-style-eighteen .woocptc-img-wrapper:nth-child(4) {
        grid-column: span 3;
        grid-row: 2 / 3;
    }
    .woocptc-style-eighteen .woocptc-img-wrapper:nth-child(5) {
        grid-column: span 3;
    }
    /* Responsive Style nineteen */
    .woocptc-main-wrapper.woocptc-style-nineteen {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(2, minmax(220px, 1fr));
        gap: 1px;
    }
    .woocptc-style-nineteen .woocptc-img-wrapper:nth-child(1) {
        grid-column: span 3;
        grid-row: 1 / -1;
    }
    .woocptc-style-nineteen .woocptc-img-wrapper:nth-child(2) {
        grid-row: span 2;
        grid-column: span 3;
    }
    .woocptc-style-nineteen .woocptc-img-wrapper:nth-child(3) {
        grid-row: span 2;
        grid-column: span 3;
    }
    .woocptc-style-nineteen .woocptc-img-wrapper:nth-child(4) {
        grid-column: span 3;
        grid-row: span 2;
    }
    /* Responsive Style twenty */
    .woocptc-main-wrapper.woocptc-style-twenty {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, minmax(270px, 1fr));
        gap: 2px;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(1) {
        grid-column: span 6;
        grid-row: span 1;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(2) {
        grid-row: 1 / 3;
        grid-column: span 3;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(3) {
        grid-row: span 2;
        grid-column: span 3;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(4) {
        grid-column: span 3;
        grid-row: span 1;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(5) {
        grid-column: span 3;
        grid-row: span 1;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(6) {
        grid-column: span 4;
        grid-row: span 1;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(7) {
        grid-column: span 4;
        grid-row: span 1;
    }
    .woocptc-style-twenty .woocptc-img-wrapper:nth-child(8) {
        grid-column: span 4;
        grid-row: span 1;
    }
    /* Responsive Style twenty One  */
    .woocptc-main-wrapper.woocptc-style-twentyOne {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, minmax(220px, 1fr));
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(1) {
        grid-column: 1 / 4;
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(2) {
        grid-row: span 2;
        grid-column: 4 / 8;
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: 8 / -1;
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(4) {
        grid-column: span 3;
        grid-row: 2 / -1;
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(5) {
        grid-column: 8 / -1;
        grid-row: 2 / -1;
    }
    .woocptc-style-twentyOne .woocptc-img-wrapper:nth-child(6) {
        grid-column: 4 / 8;
    }
}
@media(max-width: 550px) {
    .woocptc-style-one, 
    .woocptc-style-two, 
    .woocptc-style-three,
    .woocptc-style-four,
    .woocptc-style-five,
    .woocptc-style-six,
    .woocptc-style-seven,
    .woocptc-style-eight,
    .woocptc-style-nine,
    .woocptc-style-ten,
    .woocptc-style-eleven,
    .woocptc-style-twelve,
    .woocptc-style-thirteen,
    .woocptc-style-fourteen,
    .woocptc-style-fifteen,
    .woocptc-style-sixteen,
    .woocptc-style-eighteen,
    .woocptc-style-nineteen,
    .woocptc-style-twenty,
    .woocptc-style-twentyOne {
        grid-template-columns: 1fr!important;
    }
    .woocptc-style-seventeen {
        row-gap: 10px!important;
    }
    .woocptc-style-seventeen :is(
    .woocptc-img-wrapper:nth-child(1), 
    .woocptc-img-wrapper:nth-child(2), 
    .woocptc-img-wrapper:nth-child(3),
    .woocptc-img-wrapper:nth-child(4), 
    .woocptc-img-wrapper:nth-child(5), 
    .woocptc-img-wrapper:nth-child(6), 
    .woocptc-img-wrapper:nth-child(7), 
    .woocptc-img-wrapper:nth-child(8)) {
        grid-column: 1 / -1;
    }
}


/* Ferdaus sk */
.woocptc-extra-meta{
    color: white;
}

.woocptc_taxo_align_center{
    text-align: center !important;
}
.woocptc_taxo_align_left{
    text-align: left !important;
}
.woocptc_taxo_align_right{
    text-align: right !important;
}
.woocptc_taxo_align_center_j{
    justify-content: center !important;
}
.woocptc_taxo_align_left_j{
    justify-content: left !important;
}
.woocptc_taxo_align_right_j{
    justify-content: right !important;
}