.woocpt-img-wrapper a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;
}
.woocpt-img-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: middle;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    max-width: 100% !important;
}
.woocpt_product_price,
.woocpt_product_price span bdi,
.woocpt_product_price .woocpt-current-price span bdi,
.woocpt_product_price .woocpt-regular-price.woocpt-sale-price del span bdi {
    color: #fff;
}
.woocpt_product_price .woocpt-regular-price.woocpt-sale-price del span bdi {
    text-decoration: line-through;
}
.woocpt-main-wrapper {
    max-inline-size: 1170px;
    margin-block: auto;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 250px);
    gap: 10px;
    grid-auto-flow: dense;
    grid-auto-rows: 1fr;
    padding-block: 15px;
    padding-inline: 15px;
}
.woocpt-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;
}
.woocpt-content-wrapper {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start:0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding-block: 15px;
    padding-inline: 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;
}
.woocpt-img-wrapper:hover .woocpt-content-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.woocpt-pos-main {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.woocpt-style-one .woocpt-img-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.woocpt-title {
    pointer-events: auto;
}
.woocpt-prodCatx {
    position: absolute;
    inset-inline-end: 20px;
    inset-block-start: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 1;
}
.woocpt-cat {
    color: #fff;
    background: #7209b7;
    padding-block: 5px;
    padding-inline: 10px;
    border-radius: 30px;
    border-top-left-radius: 0;
    font-weight: 500;
    font-size: 13px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.woocpt-style-one .woocpt-img-wrapper:hover .woocpt-cat {
    background: #ff0000;
    border-radius: 30px;
    border-top-right-radius: 0;
}
.woocpt-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    row-gap: 1px;
}
.woocpt-img-wrapper::before {
   content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 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(.woocpt-style-one .woocpt-img-wrapper:nth-child(1),
.woocpt-style-two .woocpt-img-wrapper:nth-child(1),
.woocpt-style-three .woocpt-img-wrapper:nth-child(1),
.woocpt-style-four .woocpt-img-wrapper:nth-child(1),
.woocpt-style-five .woocpt-img-wrapper:nth-child(1),
.woocpt-style-five .woocpt-img-wrapper:nth-child(2),
.woocpt-style-six .woocpt-img-wrapper:nth-child(3),
.woocpt-style-seven .woocpt-img-wrapper:nth-child(3),
.woocpt-style-seven .woocpt-img-wrapper:nth-child(4), 
.woocpt-style-eight .woocpt-img-wrapper:nth-child(2), 
.woocpt-style-eight .woocpt-img-wrapper:nth-child(4), 
.woocpt-style-eight .woocpt-img-wrapper:nth-child(5), 
.woocpt-style-nine .woocpt-img-wrapper:nth-child(1), 
.woocpt-style-ten .woocpt-img-wrapper:nth-child(1), 
.woocpt-style-fifteen .woocpt-img-wrapper:nth-child(1),
.woocpt-style-sixteen .woocpt-img-wrapper:nth-child(1), 
.woocpt-style-seventeen .woocpt-img-wrapper:nth-child(5), 
.woocpt-style-seventeen .woocpt-img-wrapper:nth-child(4), 
.woocpt-style-eighteen .woocpt-img-wrapper:nth-child(1) ) .woocpt-content-wrapper .woocpt-title h2 {
    font-size: clamp(1.563rem, 2vw + 1rem, 1.313rem);;
}

.woocpt-style-one .woocpt-content-wrapper {
    padding-block: 20px;
    padding-inline: 20px;
    background: #00000059;
}
.woocpt-title h2 {
    font-size: 23px;
    color: #fff;
    line-height: 1.1;
    display: inline;
    padding-block-end: 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;
}
.woocpt-style-one .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #00ff48;
}
.woocpt-contalign-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .woocpt-cartbtn {
    background: #7209b7;
    color: #fff;
    display: inline-block;
    padding-block: 8px;
    padding-inline: 13px;
    font-size: 15px;
    font-weight: 600;
    margin-block-start: 10px;
}
.woocpt-style-one .woocpt-qview i {
    inset-block-end: 0;
    inset-block-start: unset;
    inset-inline-start: 0;
    inset-inline-end: 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;
}
.woocpt-style-one .woocpt-img-wrapper {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.woocpt-style-one .woocpt-img-wrapper:hover .woocpt-qview i {
    opacity: 1;
    inset-block-start: unset;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
 .woocpt-qview i {
    color: #fff;
    background: #7209b7;
    display: inline-block;
    padding-block: 12px;
    padding-inline: 12px;
    font-size: 25px;
    border-radius: 50%;
    position: absolute;
    inset-block-start: 60%;
    inset-inline-start: 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;
    
}
 .woocpt-img-wrapper:hover .woocpt-qview i {
    inset-block-start: 50%;
    opacity: 1;
    visibility: visible;
}
 .woocpt-review {
    color: #fdcc0d;
    font-size: 16px;
}
.woocpt-desc p{
    color: #fff;
    margin-block-end: 15px;
    margin-block-start: 8px;
    line-height: 1.2;
}
.woocpt-meta .woocpt-date i {
    color: #fff;
    margin-inline-end: 5px;
    font-size: 12px;
}
.woocpt-meta .woocpt-date span {
    color: #fff;
    font-size: 12px;
}
.woocpt-meta .woocpt-author i {
    color: #fff;
    margin-inline-end: 5px;
    font-size: 12px;
}
.woocpt-meta .woocpt-author span {
    color: #fff;
    font-size: 12px;
}
.woocpt-meta .woocpt-comment i {
    color: #fff;
    margin-inline-end: 5px;
    font-size: 12px;
}
.woocpt-meta .woocpt-comment span {
    color: #fff;
    font-size: 12px;
}
.woocpt-meta .woocpt-tag i {
    color: #fff;
    margin-inline-end: 5px;
    font-size: 12px;
}
.woocpt-meta .woocpt-tag span {
    color: #fff;
    font-size: 12px;
}

/* Style two Start */

.woocpt-style-two .woocpt-img-wrapper:hover img {
    object-position: 0 1%;
}
.woocpt-style-two .woocpt-img-wrapper .woocpt-content-wrapper .woocpt-title h2 {
    -webkit-transition: background-size .4s ease,color .4s ease;
    transition: background-size .4s ease,color .4s ease;
    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%;
}
.woocpt-style-two .woocpt-img-wrapper:hover .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    background-size: 100% 100%;
}
.woocpt-style-two .woocpt-cartbtn {
    background: #ffb700;
}
.woocpt-style-two .woocpt-cat {
    background: #ffb700;
    border-radius: 0;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.woocpt-style-two .woocpt-img-wrapper:hover .woocpt-cat {
    background: #9e0059;
}

/* Style three Start */

.woocpt-style-three .woocpt-img-wrapper:nth-child(1) .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-three .woocpt-img-wrapper::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00a651), to(rgba(0, 200, 255, 0)));
    background-image: -o-linear-gradient(bottom, #00a651 0%, rgba(0, 200, 255, 0) 100%);
    background-image: linear-gradient(0deg, #00a651 0%, rgba(0, 200, 255, 0) 100%);
}
.woocpt-style-three .woocpt-img-wrapper:hover::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(23%, #00a651), to(#00c8ff9c));
    background-image: -o-linear-gradient(bottom, #00a651 23%, #00c8ff9c 100%);
    background-image: linear-gradient(0deg, #00a651 23%, #00c8ff9c 100%);
}
.woocpt-style-three .woocpt-img-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.woocpt-style-three .woocpt-img-wrapper .woocpt-title h2 {
    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%);
}
.woocpt-style-three .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #f95700;
}
.woocpt-style-three .woocpt-cat {
    background: #80b918;
    border-radius: 30px;
}
.woocpt-style-three .woocpt-img-wrapper:hover .woocpt-cat {
    background: #ff9c00;
    border-radius: 0;
}

/* Style four Start */
.woocpt-style-four .woocpt-img-wrapper:hover img {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
}
:is(.woocpt-style-four .woocpt-img-wrapper:nth-child(1),
 .woocpt-style-four .woocpt-img-wrapper:nth-child(4)) .woocpt-content-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.woocpt-style-four .woocpt-img-wrapper {
    background: #5efdac;
}
.woocpt-style-four .woocpt-img-wrapper::before {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#00000073),to(#393c07));
    background-image: -o-linear-gradient(top,#00000073 0%,#393c07 100%);
    background-image: linear-gradient(180deg,#00000073 0%,#393c07 100%);
}
.woocpt-style-four .woocpt-img-wrapper .woocpt-content-wrapper .woocpt-title h2 {
    -webkit-transition: background-size .6s ease,color .6s ease;
    transition: background-size .6s ease,color .6s ease;
    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%;
    background-size: 0% 100%;
}
.woocpt-style-four .woocpt-img-wrapper:hover .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    background-size: 100% 100%;
}
.woocpt-style-four .woocpt-cat {
    background: #0000;
    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;
}
.woocpt-style-four .woocpt-img-wrapper:hover .woocpt-cat {
    background: #9e0059;
}

/* Style five Start */
.woocpt-main-wrapper.woocpt-style-five {
    grid-template-columns: repeat(6, 1fr);
}
.woocpt-style-five .woocpt-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #E4B41B, #084049);
    background: -moz-linear-gradient(top left, #E4B41B, #084049);
    background: linear-gradient(to bottom right, #e4b41b63, #084049);
}

.woocpt-style-five .woocpt-img-wrapper:hover img {
    opacity: 0;
}
.woocpt-style-five .woocpt-img-wrapper .woocpt-title h2 {
   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%);
}
.woocpt-style-five .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #fff;
}
.woocpt-style-five .woocpt-cat {
    background: #f3501e;
    border-bottom-right-radius: 0;
    padding-block: 5px;
    padding-inline: 15px;
}
.woocpt-style-five .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-five .woocpt-img-wrapper:nth-child(1) .woocpt-content-wrapper,
.woocpt-style-five .woocpt-img-wrapper:nth-child(2) .woocpt-content-wrapper {
    transform: translateY(0)
}
.woocpt-style-five .woocpt-img-wrapper:nth-child(3) .woocpt-content-wrapper,
.woocpt-style-five .woocpt-img-wrapper:nth-child(4) .woocpt-content-wrapper {
    transform: translateY(38px)
}
.woocpt-style-five .woocpt-img-wrapper:hover:nth-child(3) .woocpt-content-wrapper,
.woocpt-style-five .woocpt-img-wrapper:hover:nth-child(4) .woocpt-content-wrapper {
    transform: translateY(0)
}
.woocpt-style-five .woocpt-img-wrapper:nth-child(1) .woocpt-title h2,
.woocpt-style-five .woocpt-img-wrapper:nth-child(2) .woocpt-title h2 {
    font-size: 35px;
}

/* Style six Start */

.woocpt-style-six .woocpt-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #610c1759, #0D1A86);
    background: -moz-linear-gradient(top left, #610c1759, #0D1A86);
    background: linear-gradient(to bottom right, #610c1759, #0D1A86);
}
.woocpt-style-six .woocpt-img-wrapper::after {
    position: absolute;
    content: "";
    inset-block-start: 15px;
    inset-inline-end: 15px;
    inset-block-end: 15px;
    background: #7109b700;
    inset-inline-start: 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;
}
.woocpt-style-six .woocpt-img-wrapper .woocpt-title h2 {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
}
.woocpt-style-six .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #fff;
}
.woocpt-style-six .woocpt-img-wrapper:hover::after {
    background:#7209b79e;
}
.woocpt-style-six .woocpt-img-wrapper:hover .woocpt-content-wrapper {
    padding-block: 30px;
    padding-inline: 30px;
}
.woocpt-style-six .woocpt-cat {
    background: #D6ED17FF;
    color: #000;
}

/* Style seven Start */

.woocpt-style-seven .woocpt-img-wrapper {
    border-radius: 0;
}
.woocpt-style-seven .woocpt-img-wrapper::before {
    background: -webkit-linear-gradient(top left, #d6d00954, #A74EB0);
    background: -moz-linear-gradient(top left, #d6d00954, #A74EB0);
    background: linear-gradient(to bottom right, #d6d00954, #A74EB0);
}
.woocpt-style-seven .woocpt-img-wrapper::after {
    position: absolute;
    content: "";
    inset-block-start: 15px;
    inset-inline-end: 15px;
    inset-block-end: 15px;
    inset-inline-start: 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;
}
:is(.woocpt-style-seven .woocpt-img-wrapper:nth-child(1),
 .woocpt-style-seven .woocpt-img-wrapper:nth-child(2), 
 .woocpt-style-seven .woocpt-img-wrapper:nth-child(5), 
 .woocpt-style-seven .woocpt-img-wrapper:nth-child(6)) .woocpt-content-wrapper {
    transform: translateY(83px);
}
:is(.woocpt-style-seven .woocpt-img-wrapper:nth-child(3),
 .woocpt-style-seven .woocpt-img-wrapper:nth-child(4)) .woocpt-content-wrapper {
    transform: translateY(0);
}
:is(.woocpt-style-seven .woocpt-img-wrapper:hover:nth-child(1),
 .woocpt-style-seven .woocpt-img-wrapper:hover:nth-child(2), 
 .woocpt-style-seven .woocpt-img-wrapper:hover:nth-child(5), 
 .woocpt-style-seven .woocpt-img-wrapper:hover:nth-child(6)) .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-seven .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-seven .woocpt-img-wrapper .woocpt-content-wrapper {
    padding-block: 30px;
    padding-inline: 30px;
}
.woocpt-style-seven .woocpt-img-wrapper .woocpt-content-wrapper .woocpt-title h2 {
    -webkit-transition: background-size .4s ease,color .4s ease;
    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: 0 100%;
    background-size: 0% 100%;
    line-height: inherit;
}
.woocpt-style-seven .woocpt-img-wrapper:hover .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    background-size: 100% 100%;
}
.woocpt-style-seven .woocpt-cat {
     background: #c0760c;
    border-radius: 5px;
}

/* Style eight Start */
.woocpt-main-wrapper.woocpt-style-eight {
    grid-template-columns: repeat(7, 1fr);
}
.woocpt-style-eight .woocpt-img-wrapper::before {
    background: -webkit-linear-gradient(bottom left, #750b8300, #5C03D9);
    background: -moz-linear-gradient(bottom left, #750b8300, #5C03D9);
    background: linear-gradient(to bottom left, #750b8300, #5c03d9);
}
.woocpt-style-eight .woocpt-img-wrapper::after {
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
inline-size: 100%;
block-size: 100%;
z-index: 1;
background: linear-gradient(to right, #4fd675, #4fd6c8);
content: "";
opacity: 0;
transition: opacity 0.4s;
pointer-events: none;
z-index: 0;
}
.woocpt-style-eight .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-eight .woocpt-img-wrapper:hover::after {
    opacity: .8;
}
.woocpt-style-eight .woocpt-img-wrapper:nth-child(5) .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-eight .woocpt-img-wrapper:nth-child(2) .woocpt-content-wrapper,
.woocpt-style-eight .woocpt-img-wrapper:nth-child(4) .woocpt-content-wrapper {
    transform: translateY(38px);
}
.woocpt-style-eight .woocpt-img-wrapper:hover:nth-child(2) .woocpt-content-wrapper,
.woocpt-style-eight .woocpt-img-wrapper:hover:nth-child(4) .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-eight .woocpt-img-wrapper .woocpt-content-wrapper .woocpt-title h2 {

    -webkit-transition: background-size .4s ease,color .4s ease;
    transition: background-size .4s ease,color .4s ease;
    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: 0 100%;
    background-size: 0% 100%;
}
.woocpt-style-eight .woocpt-img-wrapper:hover .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    background-size: 100% 100%;
}
.woocpt-style-eight .woocpt-cat {
    background: #F95700FF;
    transform: skewX(-25deg);
    border-radius: 5px;
}

/* Style nine Start */

.woocpt-style-nine .woocpt-img-wrapper::after {
    content: " ";
    inline-size: 45px;
    block-size: 45px;
    display: block;
    position: absolute;
    inset-block-end: calc(-1 * 55px);
    inset-inline-end: calc(-1 * 55px);
    border-left: 55px solid #326891;
    border-bottom: 55px solid #fff;
    box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    transition: all .3s;
    z-index: 2;
}
.woocpt-style-nine .woocpt-img-wrapper::before {
    background-image: linear-gradient(180deg,#c1691c00 0%,#427e35 100%);
}
.woocpt-style-nine .woocpt-img-wrapper {
    border-radius: 0;
}
.woocpt-style-nine .woocpt-img-wrapper:hover::after {
    inset-block-end: 0!important;
    inset-inline-end: 0!important;
}
.woocpt-style-nine .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-nine .woocpt-img-wrapper .woocpt-title h2 {
     background-image: linear-gradient(to bottom,#f95700 0%,#f95700 98%);
}
.woocpt-style-nine .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #f95700;
}
.woocpt-style-nine .woocpt-cat {
    background: #D01C1FFF;
    border-radius: 30px;
}

/* Style ten Start */

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

/* Style eleven Start */

.woocpt-style-eleven .woocpt-img-wrapper::before {
    background-image: linear-gradient(90deg, #00c8ff9e 0%, #e08a0ea8 100%);
}
.woocpt-style-eleven .woocpt-img-wrapper:hover img {
   transform: scaleX(1.3);
}
.woocpt-style-eleven .woocpt-img-wrapper {
   border-radius: 0;
}
.woocpt-style-eleven .woocpt-content-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0000001f;
    z-index: -1;
}
.woocpt-style-eleven .woocpt-img-wrapper .woocpt-title h2 {
    font-size: 30px;
}
.woocpt-style-eleven .woocpt-img-wrapper .woocpt-content-wrapper {
    transform: translateY(92px);
}
.woocpt-style-eleven .woocpt-img-wrapper:hover .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-eleven .woocpt-img-wrapper .woocpt-title h2 {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
}
.woocpt-style-eleven .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #fff;
}
.woocpt-style-eleven .woocpt-cat {
    background: #5E5FFE;
    border-radius: 30px;
}

/* Style twelve Start */

.woocpt-style-twelve .woocpt-img-wrapper {
    border-radius: 0;
}
:is(.woocpt-style-twelve .woocpt-img-wrapper:nth-child(1),
.woocpt-style-twelve .woocpt-img-wrapper:nth-child(2),
.woocpt-style-twelve .woocpt-img-wrapper:nth-child(3),
.woocpt-style-twelve .woocpt-img-wrapper:nth-child(6)) .woocpt-content-wrapper {
   transform: translateY(36px);
}
:is(.woocpt-style-twelve .woocpt-img-wrapper:hover:nth-child(1),
.woocpt-style-twelve .woocpt-img-wrapper:hover:nth-child(2),
.woocpt-style-twelve .woocpt-img-wrapper:hover:nth-child(3),
.woocpt-style-twelve .woocpt-img-wrapper:hover:nth-child(6)) .woocpt-content-wrapper {
   transform: translateY(0);
}
.woocpt-style-twelve .woocpt-img-wrapper::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 0;
    z-index: 0;
    pointer-events: none;
    transition: all .5s;
    background: #ff2419e5;
}
.woocpt-style-twelve .woocpt-img-wrapper .woocpt-title h2 {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: 50% bottom;
}
.woocpt-style-twelve .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #fff;
}
.woocpt-style-twelve .woocpt-img-wrapper:hover::after{
    block-size: 100%;
}
.woocpt-style-twelve .woocpt-img-wrapper::before {
    background-image: linear-gradient(180deg,#0000 0%,#252c06 100%);
}
.woocpt-style-twelve .woocpt-cat {
    background: #d4088c;
    border-radius: 5px;
    transform: skew(15deg);
}

/* Style thirteen Start */

.woocpt-style-thirteen .woocpt-img-wrapper::before {
     background: -webkit-linear-gradient(top left, #0fd64f47, #0D1A86);
    background: -moz-linear-gradient(top left, #0fd64f47, #0D1A86);
    background: linear-gradient(to bottom right, #0fd64f47, #000);
}
.woocpt-style-thirteen .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-thirteen .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #fff;
}
.woocpt-style-thirteen .woocpt-img-wrapper .woocpt-title h2 {
    font-size: clamp(1.563rem, 2vw + 1rem, 2.188rem);
}
.woocpt-style-thirteen .woocpt-img-wrapper .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-thirteen .woocpt-cat {
     background: #00ff9b;
    color: #000;
    border-radius: 30px;
}
.woocpt-style-thirteen .woocpt-img-wrapper:hover .woocpt-cat {
    background: #ffc200;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Style fourteen Start */


.woocpt-style-fourteen .woocpt-img-wrapper {
    border: 1px solid #ffffff;
    border-radius: 0;
}
.woocpt-style-fourteen .woocpt-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%);
}
.woocpt-style-fourteen .woocpt-img-wrapper:hover img {
   transform: scale(1.1);
}
.woocpt-style-fourteen .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    line-height: 1;
}
:is(.woocpt-style-fourteen .woocpt-img-wrapper:hover:nth-child(2),
 .woocpt-style-fourteen .woocpt-img-wrapper:hover:nth-child(5)) .woocpt-content-wrapper{
    transform: translateY(0);
}
.woocpt-style-fourteen .woocpt-cat {
    background: #F7C600;
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 10% 50%, 0 0);
    padding-block: 5px;
    padding-inline: 15px;
    border-radius: 0;
}

/* Style fifteen Start */

.woocpt-style-fifteen .woocpt-img-wrapper::before {
   background-image: linear-gradient(230deg,#4568dc75 0%,#b06ab3 100%);
}
.woocpt-style-fifteen .woocpt-img-wrapper {
    border-radius: 0;
}
.woocpt-style-fifteen .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-fifteen .woocpt-img-wrapper .woocpt-content-wrapper{
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%)!important;
    inline-size: 100%;
    padding-block: 0px;
    padding-inline: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.woocpt-style-fifteen .woocpt-img-wrapper:nth-child(1) .woocpt-title h2 {
    font-size: 45px;
}
.woocpt-style-fifteen .woocpt-img-wrapper .woocpt-title h2 {
    font-size: 35px;
}
.woocpt-style-fifteen .woocpt-img-wrapper .woocpt-content-wrapper .woocpt-title h2 {

    -webkit-transition: background-size .4s ease,color .4s ease;
    transition: background-size .4s ease,color .4s ease;
    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: 0 100%;
    background-size: 0% 100%;
}
.woocpt-style-fifteen .woocpt-img-wrapper:hover .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    background-size: 100% 100%;
}
.woocpt-style-fifteen .woocpt-img-wrapper .woocpt-desc p {
    font-size: 20px;
}
.woocpt-style-fifteen .woocpt-img-wrapper:nth-child(1) .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-fifteen .woocpt-cat {
    background: #926D00;
    outline: 2px solid #fff;
    outline-offset: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 30px;
}
.woocpt-style-fifteen .woocpt-img-wrapper:hover .woocpt-cat {
    outline: 2px solid #f95700;
    outline-offset: 0;
}

/* Style sixteen Start */
.woocpt-style-sixteen .woocpt-img-wrapper::before {
    background-image: linear-gradient(266deg, #a5b4fc47, #4f46e5);
}
.woocpt-style-sixteen .woocpt-img-wrapper .woocpt-title h2 {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: left 0% bottom;
}
.woocpt-style-sixteen .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #fff;
}
.woocpt-style-sixteen .woocpt-img-wrapper:nth-child(1) .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-sixteen .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-sixteen .woocpt-cat {
    background: #00C9A7;
    border-radius: 5px;
}

/* Style seventeen Start */
.woocpt-main-wrapper.woocpt-style-seventeen {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, minmax(190px, 1fr));
        gap: 1px;
    }
    .woocpt-style-seventeen .woocpt-img-wrapper:nth-child(1) {
        grid-column: span 4;
        grid-row: 1 / 2;
    }
    .woocpt-style-seventeen .woocpt-img-wrapper:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: span 4;
    }
    .woocpt-style-seventeen .woocpt-img-wrapper:nth-child(3) {
        grid-row: 1 / 2;
        grid-column: span 4;
    }
    .woocpt-style-seventeen .woocpt-img-wrapper:nth-child(4) {
        grid-column: span 6;
        grid-row: 2 / 3;
    }
    .woocpt-style-seventeen .woocpt-img-wrapper:nth-child(5) {
        grid-column: span 6;
    }

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

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

    .woocpt-style-seventeen .woocpt-img-wrapper:nth-child(8) {
        grid-column: span 4;
    }
.woocpt-style-seventeen .woocpt-img-wrapper {
   border-radius: 0;
}
.woocpt-style-seventeen .woocpt-img-wrapper:hover img {
   transform: scale(1.1);
}
.woocpt-style-seventeen .woocpt-content-wrapper {
   transform: translateY(0);
}
.woocpt-style-seventeen .woocpt-img-wrapper::before {
   background-image: linear-gradient(180deg,#0000000f 0%,#2f0743 100%);
}
.woocpt-style-seventeen .woocpt-content-wrapper .woocpt-title h2 {
    background: #fff;
    color: #000;
    padding-block: 0px;
    padding-inline: 7px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.woocpt-style-seventeen .woocpt-cat {
    background: #fc67fa;
    border-radius: 5px;
}

/* Style eightteen Start */

.woocpt-style-eighteen .woocpt-img-wrapper::before {
    background-image: linear-gradient(180deg,#d04ed64d 0%,#f95700 100%);
}
.woocpt-style-eighteen .woocpt-img-wrapper:nth-child(1) .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-eighteen .woocpt-img-wrapper .woocpt-title h2 {
     background-image: linear-gradient(to bottom,#fff 0%,#fff 98%);
     background-position: left 0% bottom;
}
.woocpt-style-eighteen .woocpt-img-wrapper:hover .woocpt-title h2 {
    background-size: 100% 2px;
    color: #fff;
}
.woocpt-style-eighteen .woocpt-cat {
    background: #00acc1;
    border-radius: 0;
}

/* Style nineteen Start */
.woocpt-style-nineteen .woocpt-img-wrapper::before {
    background-image: linear-gradient(180deg,#20bf5505 0%,#233329 100%);
}
.woocpt-style-nineteen .woocpt-img-wrapper:hover img {
    object-position: left;
}
.woocpt-style-nineteen .woocpt-img-wrapper .woocpt-content-wrapper {
    transform: translateY(0);
}
.woocpt-style-nineteen .woocpt-content-wrapper .woocpt-title h2 {
    font-size: clamp(1.375rem, 2vw, 2.188rem);
}
.woocpt-style-nineteen .woocpt-img-wrapper .woocpt-content-wrapper .woocpt-title h2 {
    -webkit-transition: background-size .4s ease,color .4s ease;
    transition: background-size .4s ease,color .4s ease;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#19B06B),to(#19B06B));
    background-image: linear-gradient(#19B06B,#19B06B);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0% 100%;
}
.woocpt-style-nineteen .woocpt-img-wrapper:hover .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    background-size: 100% 100%;
}
.woocpt-style-nineteen .woocpt-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;
}
.woocpt-style-nineteen .woocpt-img-wrapper {
    border-radius: 0;
}

/* Style twenty Start */

.woocpt-style-twenty .woocpt-img-wrapper:hover img {
    transform: scale(1.1);
}
.woocpt-style-twenty .woocpt-img-wrapper::before {
    background-image: linear-gradient(180deg,#00ca3673 0%,#012842 100%);
}
.woocpt-style-twenty .woocpt-content-wrapper {
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%)!important;
    inline-size: 100%;
}
.woocpt-style-twenty .woocpt-content-wrapper .woocpt-desc p {
    font-size: 20px;
}
.woocpt-style-twenty .woocpt-img-wrapper .woocpt-content-wrapper .woocpt-title h2 {
    -webkit-transition: background-size .4s ease,color .4s ease;
    transition: background-size .4s ease,color .4s ease;
    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;
}
.woocpt-style-twenty .woocpt-img-wrapper:hover .woocpt-content-wrapper .woocpt-title h2 {
    color: #fff;
    padding-block: 0px;
    padding-inline: 8px;
    background-size: 100% 100%;
}
.woocpt-style-twenty .woocpt-cat {
    background: #3C43ED;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border-radius: 0;
    padding-block: 12px;
    padding-inline: 20px;
}
.woocpt-style-twenty .woocpt-img-wrapper {
    border-radius: 0;
}

/* Style twenty One Start */
.woocpt-style-twentyOne .woocpt-img-wrapper::before {
    background-image: linear-gradient(180deg,#00000003 0%,#005c3f 100%);
}
.woocpt-style-twentyOne .woocpt-img-wrapper:hover .woocpt-cat{
    background: #19B06B;
    border-radius: 0;
}
.woocpt-style-twentyOne .woocpt-cat {
    background: #00acc1;
    border-radius: 30px;
}


/* Responsive Code Start Here */

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

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

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

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

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

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

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

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

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

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


/* Modal Start Here */

.woocpt-quick-view {
    cursor: pointer;
    z-index: 111111;
    position: relative;
}
.woocpt-modal-wrapper {
    position: fixed;
    background: #00000070;
    inset: 0;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    z-index: 9;
}
.woocpt-modal-container {
    display: flex;
    position: relative;
    inline-size: 1000px;
    max-inline-size: 90%;
    margin-block: auto;
    margin-inline: auto;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px #00000047;
    z-index: 9;
   
}
.woocpt-close-btn {
    position: absolute;
    inset-inline-end: 10px;
    inset-block-start: 5px;
    border: 2px solid;
    border-radius: 5px;
    padding-block: 5px;
    padding-inline: 5px;
    cursor: pointer;
}
.woocpt-modal-left-content {
    max-inline-size: 500px;
}
.woocpt-product-thumbnail {
    inline-size: 100%;
    block-size: 400px;
}
.woocpt-product-thumbnail img{
    inline-size: 100%;
    block-size: 100%;
    object-fit: fill;
}
.woocpt-replace-img-container {
    display: flex;
}
.woocpt-replace-img-container img {
    inline-size: 100px;
    aspect-ratio: 1 / 1;
    object-fit: fill;
}
.woocpt-product-cat {
    display: flex;
}
.woocpt-modal-right-content {
    padding-inline-start: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.show-popup {
    opacity: 1;
    visibility: visible;
}
/* Modal End Here */

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


/* Sale Badge */
.woocpt-sale-featured-badge {
    position: absolute;
    inset-block-end: 10px;
    display: flex;
    inline-size: auto;
    gap: 10px;
}
.woocpt-regular-price.woocpt-sale-price {
  text-decoration: line-through;
}
.woocpt-sale-featured-badge.woocpt-badge-left {
    inset-inline-start: 10px;
    align-items: flex-start;
}
.woocpt-sale-featured-badge.woocpt-badge-right {
    inset-inline-end: 10px;
    align-items: flex-end;
}
.woocpt-sale-featured-badge.woocpt-featured-sale-order {
  flex-direction: column-reverse;
}

/* Badge Style */

.woocpt-badge-style2 .woocpt-sale-badge,
.woocpt-badge-style2 .woocpt-featured-badge,
.woocpt-badge-style2 .woocpt-stock-badge {
  border-radius: 50%;
  inline-size: 50px;
  block-size: 50px;
}
.woocpt-badge-style3 .woocpt-sale-badge,
.woocpt-badge-style3 .woocpt-featured-badge,
.woocpt-badge-style3 .woocpt-stock-badge {
  padding-block-start: 5px;
  padding-inline-start: 10px;
  padding-inline-end: 22px;
  padding-block-end: 5px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.woocpt-badge-style3 .woocpt-sale-badge,
.woocpt-badge-style3 .woocpt-featured-badge,
.woocpt-badge-style3 .woocpt-stock-badge {
    padding-block-start: 5px;
    padding-inline-start: 10px;
    padding-inline-end: 22px;
    padding-block-end: 5px;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}
.woocpt-badge-style4 .woocpt-sale-badge,
.woocpt-badge-style4 .woocpt-stock-badge,
.woocpt-badge-style4 .woocpt-featured-badge {
  padding-inline: 10px;
  padding-block-start: 5px;
  padding-block-end: 14px;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 75%,
    75% 75%,
    75% 100%- 50% 75%,
    0% 75%
  );
}
.woocpt-badge-style4 .woocpt-sale-badge,
.woocpt-badge-style4 .woocpt-stock-badge,
.woocpt-badge-style4 .woocpt-featured-badge {
    padding-inline: 10px;
    padding-block-start: 5px;
    padding-block-end: 14px;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 75%,
    54% 75%,
    26% 100%,
    30% 75%,
    0% 75%
  );
}
.woocpt-badge-style5 .woocpt-sale-badge,
.woocpt-badge-style5 .woocpt-stock-badge,
.woocpt-badge-style5 .woocpt-featured-badge {
  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%
  );
}
.woocpt-badge-style5 .woocpt-sale-badge,
.woocpt-badge-style5 .woocpt-stock-badge .woocpt-badge-style5 .woocpt-featured-badge {
  padding-block: 7px;
  padding-inline: 10px;
  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%
  );
}
.woocpt-badge-style6 .woocpt-sale-badge,
.woocpt-badge-style6 .woocpt-stock-badge,
.woocpt-badge-style6 .woocpt-featured-badge {
  padding-block: 10px;
  padding-inline: 10px;
  clip-path: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}
.woocpt-badge-style7 .woocpt-sale-badge,
.woocpt-badge-style7 .woocpt-stock-badge,
.woocpt-badge-style7 .woocpt-featured-badge {
    padding-block: 10px;
    padding-inline: 10px;
  clip-path: polygon(
    20% 0%,
    80% 0%,
    100% 20%,
    100% 80%,
    80% 100%,
    20% 100%,
    0% 80%,
    0% 20%
  );
}
.woocpt-badge-style8 .woocpt-sale-badge,
.woocpt-badge-style8 .woocpt-stock-badge,
.woocpt-badge-style8 .woocpt-featured-badge {
    padding-block: 10px;
    padding-inline: 10px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

/* Badge Position */
.woocpt-sale-badge,
.woocpt-stock-badge,
.woocpt-featured-badge,
.woocpt-stock-count {
  background-color: #4caf50;
  color: #ffffff;
  padding-block: 5px;
  padding-inline: 10px;
  width: max-content;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
  margin-block: 0;
  margin-inline: 0;
}