/* Add custom CSS styles below */  
.vidtext h3 {
    text-transform: uppercase;
    background-image: linear-gradient(45deg,rgba(222,199,104,1) 26%,rgba(255,237,161,1) 47%,rgba(255,251,232,1) 51%,rgba(255,232,137,1) 55%,rgba(222,199,104,1) 78%);
    background-size: 200% auto;
    color: #fff;
    line-height: 81px;
    font-weight: 700;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 4rem;
}
.vidtext .md\:max-w-md {
    max-width: 62%;
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
 
.aqsamm .box-img:hover {
    transition: all .3s;
    transform: scale(1.1);
    box-shadow: 0 0 5px #9747ff,0 0 6px #9747ff,0 0 20px #c397fc;
    z-index: 5;
    position: relative;
}
.aqsamm .box-img{
    transition: all .3s;
    border-radius: 25px;
} 
.engg h2, .engg .img-container.flex.flying-obj.spinning-obj {
    color: #DEC768;
    filter: drop-shadow(2px 4px 6px #DEC768) !important;
}
.ashraq h2 {
    color: #0DB0AC;
}
body.index {
    background: #171717 !important;
}
/*-------- upgrade button ---------*/
.s-product-card-content-footer salla-add-product-button .s-button-outline {
    background-image: linear-gradient(45deg, rgba(13,176,172,1) 39%, rgba(141,240,238,1) 51%, rgba(13,176,172,1) 63%) !important;
    color: #fff;
    background-size: 200% !important;
    border: 0;
    animation: textclip 2s linear infinite;
    border: 0;
    box-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
/*--card effect--*/
.s-product-card-image img.loaded {
    transition: all .5s;
}
.s-product-card-image img.loaded:hover {
    transform: rotate(8deg) scale(1.3);
    transition: all .5s;
}
.s-product-card-entry {
    border: 2px solid #0db0ac;
    padding: 7px;
    border-radius: 17px;
    box-shadow: 0 0 3px #0db0ac,0 0 3px #fff,0 0 3px #fff;
    height: 97%;
    margin-top: 8px;
}
.index .store-footer {
    background-color: #088a87;
    border-radius: 50px 50px 0 0;
}
@media(max-width:900px){
.vidtext h3 {
    text-transform: uppercase;
    background-image: linear-gradient(45deg,rgba(222,199,104,1) 26%,rgba(255,237,161,1) 47%,rgba(255,251,232,1) 51%,rgba(255,232,137,1) 55%,rgba(222,199,104,1) 78%);
    background-size: 200% auto;
    color: #fff;
    line-height: 43px;
    font-weight: 700;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 2rem;
}
.vidtext .md\:max-w-md {
    max-width: 81%;
}
.aqsamm .box-img{
    transition: all .3s;
    border-radius: 15px;
} 
}