/* style-patch.css
   این فایل کلاس‌های Tailwind‌ای رو اضافه می‌کنه که در index.php استفاده شده‌اند
   ولی چون style.css قدیمی/بیلد‌نشده بود، داخلش وجود نداشتند (به‌خصوص کلاس‌های
   ریسپانسیو مثل lg:text-7xl و md:w-[48%]/lg:w-[32%]).
   راه‌حل درست و بلندمدت: بازسازی کامل style.css از سورس Tailwind (نه این پچ).
   این فایل فقط یک رفع سریع است. */

.-left-20{left:-5rem}
.-top-20{top:-5rem}
.blur-3xl{filter:blur(64px)}
.bottom-0{bottom:0}
.bottom-5{bottom:1.25rem}
.duration-300{transition-duration:.3s}
.gap-5{gap:1.25rem}
.gap-7{gap:1.75rem}
.h-80{height:20rem}
.h-96{height:24rem}
.inline-flex{display:inline-flex}
.leading-9{line-height:2.25rem}
.left-5{left:1.25rem}
.mb-16{margin-bottom:4rem}
.mt-12{margin-top:3rem}
.mt-5{margin-top:1.25rem}
.pb-28{padding-bottom:7rem}
.pb-3{padding-bottom:.75rem}
.pt-24{padding-top:6rem}
.right-5{right:1.25rem}
.rounded-\[40px\]{border-radius:40px}
.scroll-smooth{scroll-behavior:smooth}
.shrink-0{flex-shrink:0}
.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
.snap-mandatory{--tw-scroll-snap-strictness:mandatory}
.snap-start{scroll-snap-align:start}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.w-12{width:3rem}
.w-80{width:20rem}
.w-96{width:24rem}

.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}
.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

.from-black\/70{--tw-gradient-from:rgba(0,0,0,.7) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-black\/10{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}

@media (min-width:768px){
    .md\:w-\[48\%\]{width:48%}
}
@media (min-width:1024px){
    .lg\:w-\[32\%\]{width:32%}
    .lg\:text-7xl{font-size:4.5rem;line-height:1}
}