.elementor-kit-7{--e-global-color-primary:#E6ABF4;--e-global-color-secondary:#1E293B;--e-global-color-text:#181818;--e-global-color-accent:#F8D7E3;--e-global-color-kadence1:#D86C97;--e-global-color-kadence2:#282828;--e-global-color-kadence3:#282828;--e-global-color-kadence4:#333333;--e-global-color-kadence5:#4d4d4d;--e-global-color-kadence6:#646464;--e-global-color-kadence7:#f7dede;--e-global-color-kadence8:#F6F2EF;--e-global-color-kadence9:#ffffff;--e-global-color-4884a21:#9FD8C2;--e-global-color-a0c4dce:#FFF9FB;--e-global-color-7252bf3:#B0B0B0;--e-global-color-10a4365:#F3689B;--e-global-typography-primary-font-family:"VazirMatn";font-feature-settings:"numr";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"IRANYekanX";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"VazirMatn";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"VazirMatn";--e-global-typography-accent-font-weight:500;}.elementor-kit-7.el-is-editing{--global-palette1:#D86C97;--global-palette2:#282828;--global-palette3:#282828;--global-palette4:#333333;--global-palette5:#4d4d4d;--global-palette6:#646464;--global-palette7:#f7dede;--global-palette8:#F6F2EF;--global-palette9:#ffffff;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 label{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-family:"VazirMatn", Sans-serif;font-feature-settings:"numr";}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<header class="bg-pink-100 shadow-md">
  <div class="container mx-auto flex justify-between items-center py-4 px-6">
    <div class="flex items-center space-x-3">
      <img src="/logo.png" alt="لوگوی هنرستان" class="w-12 h-12 rounded-full">
      <h1 class="text-xl font-bold text-gray-800">
        هنرستان فنی‌وحرفه‌ای دخترانه فاطمیه منطقه ۱۸
      </h1>
    </div>
    <nav class="hidden md:flex space-x-6 text-gray-700">
      <a href="#" class="hover:text-pink-600">صفحه اصلی</a>
      <a href="#" class="hover:text-pink-600">رشته‌ها</a>
      <a href="#" class="hover:text-pink-600">اخبار</a>
      <a href="#" class="hover:text-pink-600">تماس با ما</a>
    </nav>
    <button class="bg-pink-500 text-white px-4 py-2 rounded-lg hover:bg-pink-600">
      ثبت‌نام
    </button>
  </div>
</header>/* End custom CSS */