/* Add custom CSS styles below */ 



.product-card:hover {
    --tw-translate-y: -10px;
    transform: translate(var(--tw-translate-x), -10px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 0.4s;
    /* background-color: red; */
    box-shadow: 0px 3px 16px #ffbd0c;
}

.dark *.faq-content-single-wrapper {
    --tw-bg-opacity: 1;
    background-color:#201c31 !important;
}

img[alt="Store Logo"] {
  height: 77px;
    margin-top: -16px;
}
footer::after {
    content: "برمجة وتطوير - اد فلو | AD FLOW ";
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: transparent; /* تجعل النص شفاف لإظهار التدرج */
    background: linear-gradient(to right, #002366, skyblue, cyan, darkblue, cyan, skyblue, #002366);
    background-size: 400% 100%; /* زيادة العرض لجعل التدرج أكثر نعومة */
    animation: gradient-animation 10s ease infinite; /* زيادة مدة التأثير لنعومة أكبر */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; /* تأثير الخلفية على النص فقط */
}
.s-gifting-modal-icon {
 background: var(--dark-grey);
  border: unset;
}
.s-gifting-filepond-placeholder-text {
  color: var(--dark-text-main)
}
.s-gifting-slider .s-slider-container {
  padding-left:15rem
}