.pulsating-variant-v10.product-features{

    background-color: #f5f5f5;

    /* overflow: initial; */

}

.pulsating-variant-v10.product-features.bg-white {

    background-color: #fff !important;

}

.pulsating-variant-v10.product-features .content-wrapper-content h3 {

    font-size: 28px;

}

.pulsating-variant-v10.product-features .feature-img {

    position: relative;

    display: table;

    margin: 0 auto;

    overflow: hidden;

}

.pulsating-variant-v10.product-features .product-features-desc .description-content {

    padding: 0;

}

@media (min-width: 992px) {

    .pulsating-variant-v10.product-features .feature-img {

        margin: 0;

        overflow: initial;

    }

}

.pulsating-variant-v10.product-features .feature-show {

    z-index: 13 !important;

}

.pulsating-variant-v10.product-features .feature-dot-container{

    position: absolute;

    top: 0;

    left: 0;

}

.pulsating-variant-v10.product-features .feature-dot {

    position: absolute;

    z-index: 9999;

    cursor: pointer;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;



}



/* Feature Button */

.pulsating-variant-v10.product-features .feature-dot span {

    color: #0a3611;

    position: absolute;

    z-index: 2;

    top: 0;

    text-align: center;

    display: inline-block;

    font-size: 18px;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    line-height: 40px;

    transition: all ease-in-out 0.7s;

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50%;

}



.feature-dot-container::before {

    content: '';

    position: absolute;

    width: 0%;

    height: 0%;

    background-color: #51515178;

    top: 10px;

    left: 9px;

    clip-path: polygon(0 0, 100% 1%, 100% 100%, 39% 99%, 0 0);

    transition: all ease-in-out 0.8s;

    /* border: 4px solid #0a3611; */

}



.pulsating-variant-v10.product-features .feature-dot {

    background-color: #0a3611;

    border-radius: 50%;

    transition: all ease-in-out 0.7s;

    color: #ffffff;

    z-index: 5;

    width: 52px;

    height: 52px;

    text-align: center;

    position: relative;

}

.pulsating-variant-v10.product-features .feature-dot {

    border-radius: 0;

    position: relative;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

}

.pulsating-variant-v10.product-features .feature-dot.circle {

    border-radius: 50%;

    border-bottom-right-radius: 6px;

    z-index: 2;



}

.pulsating-variant-v10.product-features .feature-dot.circle span {

    border-radius: 50%;

}

.pulsating-variant-v10.product-features .feature-dot span {

    border-radius: 0;

}

.pulsating-variant-v10.product-features .feature-dot span::before {

    content: "";

    position: absolute;

    bottom: -9px;

    left: 50%;

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #fff;

    transition: all ease-in-out 0.8s;

}



.pulsating-variant-v10.product-features .feature-dot.circle span::before, .pulsating-variant-v10.product-features .feature-dot.circle::before {

    display: none;

}

.pulsating-variant-v10.product-features .feature-dot.feature-show {
    background-color: #fff;
}
.pulsating-variant-v10.product-features .feature-dot.feature-show::before {
   border-top: 10px solid #fff;
}
.pulsating-variant-v10.product-features .feature-dot.feature-show span {
    background-color: #0a3611;
    color: #fff;
}
.pulsating-variant-v10.product-features .feature-dot.feature-show span::before {
   border-top: 10px solid #0a3611;
}

.pulsating-variant-v10.product-features .feature-dot::before {

    content: "";

    position: absolute;

    bottom: -9px;

    left: 50%;

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #0a3611;

    transition: all ease-in-out 0.8s;

}

.pulsating-variant-v10.product-features .feature-dot {

    -webkit-animation: rotate-scale-up 0s linear both;

    animation: rotate-scale-up 0s linear both;

}



.circle-icons span.icon-inner {

    display: inline-block;

    position: absolute;

    top: -16px;

    right: -10px;

    z-index: 4;

    cursor: pointer;

}



@-webkit-keyframes rotate-scale-up {

    0% {

        -webkit-transform: rotateZ(180deg) scale(0);

        transform: rotateZ(180deg) scale(0);

        opacity: 0;

    }



    30% {

        -webkit-transform: rotateZ(220deg) scale(0.7);

        transform: rotateZ(220deg) scale(0.7);

        opacity: 1;

    }



    60% {

        -webkit-transform: rotateZ(280deg) scale(1.1);

        transform: rotateZ(280deg) scale(1.1);

    }



    80% {

        -webkit-transform: rotateZ(320deg) scale(0.95);

        transform: rotateZ(320deg) scale(0.95);

    }



    100% {

        -webkit-transform: rotateZ(360deg) scale(1);

        transform: rotateZ(360deg) scale(1);

    }

}



@keyframes rotate-scale-up {

    0% {

        -webkit-transform: rotateZ(180deg) scale(0);

        transform: rotateZ(180deg) scale(0);

        opacity: 0;

    }



    30% {

        -webkit-transform: rotateZ(220deg) scale(0.7);

        transform: rotateZ(220deg) scale(0.7);

        opacity: 1;

    }



    60% {

        -webkit-transform: rotateZ(280deg) scale(1.1);

        transform: rotateZ(280deg) scale(1.1);

    }



    80% {

        -webkit-transform: rotateZ(320deg) scale(0.95);

        transform: rotateZ(320deg) scale(0.95);

    }



    100% {

        -webkit-transform: rotateZ(360deg) scale(1);

        transform: rotateZ(360deg) scale(1);

    }

}

.pulsating-variant-v10.product-features .product-features-desc .cross {

    position: absolute;

    top: 0px;

    left: 0px;

    border-radius: 0%;

    width: 40px;

    height: 40px;

    padding: 10px;

    padding-top: 0px;

    color: #ffffff;

    font-size: 24px;

    display: none;

}



.pulsating-variant-v10 .backdrop {

    position: fixed;

    height: 100vh;

    width: 100vw;

    top: 0;

    left: 0;

    z-index: 9;

    display: none;

}



.pulsating-variant-v10.product-features .product-features-desc .cross {

    display: block;

}

.pulsating-variant-v10.product-features .product-features-desc {

    position: fixed;

    border-radius: 0px;

    z-index: 20;

    height: 100vh;

    width: 100vw;

    max-width: unset;

    max-height: unset;

    overflow-y: auto;

    border: none;

    padding: 8px;

    background-color: #fff;

    opacity: 0;

    visibility: hidden;

    top: 0px;

    left: 0;

    width: 100%;

    height: 100%;

    transition: all ease-in-out 0.8s;



}

.pulsating-variant-v10.product-features .product-features-desc .description-content{

    width: 100%;

    background: #ffffff;

    border: none;

    padding: 0px;

    max-height: 95vh;

    overflow-y: auto;

}





.bg-green {

    background-color: #0a3611;

}



/* PRoduct Feature */

.pulsating-variant-v10.product-features .product-features-desc.show-card {

    width: 100%;

    height: 100%;

    visibility: visible;

    opacity: 1;

    transition-delay: 1.8s;

    transition: all ease-in-out 0.8s;

    padding-top: 40px;

}

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

    .pulsating-variant-v10.product-features .product-features-desc.show-card {

        width: 510px;

        height: calc(100% - 30px);

        min-height: 580px;

        padding-top: 0;

        right: auto;

        left: 510px;

        top: 15px;

        transform-origin: top left;

        transform: scale(1);

        transition: all ease-in-out 0.8s;



    }



    .pulsating-variant-v10.product-features .product-features-desc {

        position: absolute;

        top: 0px;

        opacity: 0;

        transition: all 0.9s ease;

        border-radius: 0;

        box-shadow: 15px 0 15px -5px rgba(0, 0, 0, 0.12), 0 -20px 20px -5px rgba(0, 0, 0, 0.1), 0 20px 20px -5px rgba(0, 0, 0, 0.1);

        z-index: 9999999;

        visibility: hidden;

        max-width: 100%;

        border: none;

        padding: 0;

        background-color: #0a3611;

        transition: all ease-in-out 0.8s;

        left: -10px;

        right: auto;

        width: 510px;

        height: calc(100% - 30px);

        min-height: 580px;

        transform: scale(0);

        transform-origin: top left;



    }



    .pulsating-variant-v10.product-features .product-features-desc .description-content{

        width: 100%;

        background: #0a3611;

        border: none;

        height: 100%;

        padding: 0px;

        max-height: 100%;

    }

    .pulsating-variant-v10.product-features .product-features-desc .cross {

        position: absolute;

        top: 0px;

        left: 0px;

        border-radius: 0%;

        width: 40px;

        height: 40px;

        padding: 10px;

        padding-top: 0px;

        color: #ffffff;

        font-size: 24px;

        display: none;

    }

    .content-wrapper-content h3,

    .content-wrapper-content p {

        color: #fff;

    }



    .feature-dot-container.show-before::before {

        display: block;

    }



    .pulsating-variant-v10.product-features .product-features-desc .description-content h3 {

        color: #fff;

    }

    .content-wrapper-content {

        padding: 15px;

    }

     .pulsating-variant-v10.product-features .feature-dot-container {

        width: 140%;

        height: 105%;

    }



    .feature-dot-container::before {

        content: '';

        position: absolute;

        width: 0%;

        height: 0%;

        background-color: #51515178;

        top: 2px;

        left: 20px;

        clip-path: polygon(0 0, 100% 1%, 100% 100%, 39% 99%, 0 0);

        transition: all ease-in-out 0.8s;

        /* border: 4px solid #0a3611; */

    }

     .feature-dot-container.show-before::before {

        width: 100%;

        height: 100%;

        transition: all ease-in-out 0.8s;

        z-index: 5;



    }

    .pulsating-variant-v10.product-features .feature-dot-container {

        width: 188%;

        height: 112%;

        min-height: 630px;

        /* background-color: #0a36116d; */

    }



}

@media only screen and (min-width: 991px) and (max-width: 1499px) {

    .pulsating-variant-v10.product-features .feature-dot-container {

        width: 590px;

    }

    .feature-dot-container::before {

        clip-path: polygon(0 0, 100% 1%, 100% 100%, 1.5% 99%, 0 0);

    }

    .pulsating-variant-v10.product-features .product-features-desc.show-card {

        left: 65px;

    }

}





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

    .pulsating-variant-v10.product-features .feature-dot-container {

        width: 188%;

        height: 112%;

        min-height: 630px;

        /* background-color: #0a36116d; */

    }



    .pulsating-variant-v10.product-features .product-features-desc.show-card {

        width: 510px;

        left: 510px;



    }



    .pulsating-variant-v10.product-features .feature-dot.feature-show {

        z-index: 1000 !important;

    }



    .feature-dot-container.show-before::before {

        width: 100%;

        height: 100%;

        transition: all ease-in-out 0.8s;

        z-index: 5;



    }



    .content-wrapper-content {

        padding: 15px;

    }



    .content-wrapper-content h3,

    .content-wrapper-content p {

        color: #fff;

    }



    .pulsating-variant-v10.product-features .feature-dot {

        -webkit-animation: rotate-scale-up 0.5s linear both;

        animation: rotate-scale-up 0.5s linear both;

    }











}