/*
Theme Name: Shatelpayamak v3
Author: AmiraliChegini
Author URI: https://idehhost.com
Description: A development theme, from static HTML to wordpress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
    font-family: "Vazir";
src: url("./fonts/Vazir.eot");
    /* IE9 Compat Modes */
    src: url("./fonts/Vazir.eot?#iefix") format("embedded-opentype"),
        url("./fonts/Vazir.woff2") format("woff2"),
        url("./fonts/Vazir.woff") format("woff"), 
        url("./fonts/Vazir.ttf") format("truetype");
    /* Safari, Android, iOS */
}
@font-face {
  font-family: "IranSans";
  src: url("./fonts/IRANSANSExpanded.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/IRANSANSExpanded.eot?#iefix") format("embedded-opentype"),
      url("./fonts/IRANSANSExpanded.woff2") format("woff2"),
      url("./fonts/IRANSANSExpanded.woff") format("woff"), 
      url("./fonts/IRANSANSExpanded.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: "bootstrap-icons";
  src: url("./fonts/bootstrap-icons.woff2") format("woff2"),
url("./fonts/bootstrap-icons.woff") format("woff");
}

        body {
            box-sizing: border-box;
            font-family: 'IranSans', sans-serif;
        }

        /* بقیه استایل‌ها همونطور که نوشتی */
        .gradient-bg {
            background: linear-gradient(-45deg, #8B5CF6, #A855F7, #C084FC, #DDD6FE, #6366F1, #4F46E5, #3730A3);
            background-size: 400% 400%;
            animation: gradientShift 8s ease infinite;
            position: relative;
            overflow: hidden;
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .rocket-animation {
            animation: rocket-fly 3s ease-in-out infinite;
        }

        @keyframes rocket-fly {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-10px) rotate(5deg); }
        }

        .counter-animation {
            animation: countUp 2s ease-out;
        }

        @keyframes countUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .feature-card:hover {
            transform: translateY(-5px);
            transition: all 0.3s ease;
        }

        .pulse-button {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
            100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
        }
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}
.animate-fadeIn {
  animation: fadeIn 0.3s ease-out;
}