@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');

.woocpt-main-wrapper {
    max-width: 1170px;
    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: 1fr;
    padding: 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;
    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;
}
.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-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;
}
.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;
    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(.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: 20px;
    background: #00000059;
}
.woocpt-title h2 {
    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;
}
.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-prival :is(.woocpt-disprice, .woocpt-rootprice) {
    color: #fff;
    font-size: 16px;
}
.woocpt-style-one .woocpt-prival .woocpt-rootprice {
    text-decoration: line-through;
}
 .woocpt-cartbtn {
    background: #7209b7;
    color: #fff;
    display: inline-block;
    padding: 8px 13px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
}
.woocpt-style-one .woocpt-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;
}
.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;
    top: 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: 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;
    
}
 .woocpt-img-wrapper:hover .woocpt-qview i {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
 .woocpt-review {
    color: #fdcc0d;
    font-size: 16px;
}
.woocpt-desc p{
    color: #fff;
    margin-bottom: 15px;
    margin-top: 8px;
}
.woocpt-meta .woocpt-date i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.woocpt-meta .woocpt-date span {
    color: #fff;
    font-size: 12px;
}
.woocpt-meta .woocpt-author i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.woocpt-meta .woocpt-author span {
    color: #fff;
    font-size: 12px;
}
.woocpt-meta .woocpt-comment i {
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
.woocpt-meta .woocpt-comment span {
    color: #fff;
    font-size: 12px;
}
.woocpt-meta .woocpt-tag i {
    color: #fff;
    margin-right: 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: 5px 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: "";
    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;
}
.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: 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: "";
    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;
}
: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: 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;
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;
}
.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: " ";
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: calc(-1 * 55px);
    right: 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 {
    bottom: 0!important;
    right: 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;
    top: 0;
    left: 0;
    width: 100%;
    height: 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{
    height: 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: 5px 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{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    width: 100%;
    padding: 0 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: 0 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 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    width: 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: 0 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: 12px 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;
    width: 1000px;
    max-width: 90%;
    margin: 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;
    right: 10px;
    top: 5px;
    border: 2px solid;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}
.woocpt-modal-left-content {
    max-width: 500px;
}
.woocpt-product-thumbnail {
    width: 100%;
    height: 400px;
}
.woocpt-product-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.woocpt-replace-img-container {
    display: flex;
}
.woocpt-replace-img-container img {
    width: 100px;
    aspect-ratio: 1 / 1;
    object-fit: fill;
}
.woocpt-product-cat {
    display: flex;
}
.woocpt-modal-right-content {
    padding-left: 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;
}


.woocpt_taxo_align_center{
    text-align: center !important;
}
.woocpt_taxo_align_left{
    text-align: left !important;
}
.woocpt_taxo_align_right{
    text-align: right !important;
}
.woocpt_taxo_align_center_j{
    justify-content: center !important;
}
.woocpt_taxo_align_left_j{
    justify-content: left !important;
}
.woocpt_taxo_align_right_j{
    justify-content: right !important;
}