 u8d984u8d988u8d8a7u8d8b4u8daa9 u8d8acu8d988u8d8a7u8d986 import urlu800 ' ' ; body font family 'iransans 'iransans light' sans serif;margin 0u800;padding 0u800;background #f9f9f9; * u8d8a8u8d8aeu8d8b4 u8dbb1 u8d987u8d8afu8d8b1 * .unique header width 95u800 ;maxu800 width 1000px;margin 20px auto 0u800 auto; background linear gradient 135deg #1e90ff #ff4500 ; color #fffu800;padding 12px 20px;border radius 12px; boxu800 shadow 0u800 4pxu800 15px rgba 0u800 0u800 0u800 0u800u82e3u800 ; font size 28px;font weight 300u800;text align center; opacity 0u800;transform translatey 20px ;animation fadein 1su800 forwards; keyframes fadein tou800 opacity 1u800;transform translatey 0u800 ; .header link display block;margin topu800 6pxu800;font size 14px;color #fffu800;text decoration underline;cursor pointer; .header link hover color #ffff00; * u8d8a8u8d8aeu8d8b4 u8dbb2 u8d988u8db8cu8d8afu8db8cu8d988 * .video section width 95u800 ;maxu800 width 1000px;margin 30px auto 50px auto; opacity 0u800;transform translatey 30px ;transition allu800 0u800u82e8su800; .video container position relative;border radius 12px;overflow hidden; boxu800 shadow 0u800 4pxu800 15px rgba 0u800 0u800 0u800 0u800u82e2u800 ; height 250px; .glowing border position absolute;topu800 5pxu800;left 5pxu800;right 5pxu800;bottom 5pxu800; border radius 15px; background linear gradient 270deg #1e90ff #ff4500 #1e90ff ; background size 600u800 600u800 ;animation glow 8su800 linear infinite;zu800 index 1u800; keyframes glow 0u800 background position 0u800 50u800 ; 50u800 background position 100u800 50u800 ; 100u800 background position 0u800 50u800 ; .video container video width 100u800 ; height 100u800 ; object fitu800 cover; border radius 12px; position relative; zu800 index 2u800; display block; * u8d8a8u8d8aeu8d8b4 u8dbb3 u8d8b4u8d8a8u8daa9u8d987u8e2808cu8d987u8d8a7u8db8c u8d8a7u8d8acu8d8aau8d985u8d8a7u8d8b9u8db8c * .social section width 95u800 ;maxu800 width 1000px;margin 20px auto 50px auto;text align center; .social icons display flex;justify content center;gapu800 20px;flex wrap wrap; .social icons au800 font size 40px;display inline flex;align items center;justify content center; text decoration none;transition transform 0u800u82e2su800 ease filter 0u800u82e2su800;opacity 0u800;transform translatey 20px ; .social icons au800u82eshow opacity 1u800;transform translatey 0u800 ; .social icons au800 hover .social icons au800 active transform scale 1u800u82e2u800 ;filter drop shadow 0u800 0u800 5pxu800 rgba 255u800 215u800 0u800 0u800u82e7u800 ; .social icons iu800 animation pulse 2su800 infinite alternate;display inline block; keyframes pulse 0u800 text shadow 0u800 0u800 2pxu800 rgba 255u800 255u800 255u800 0u800u82e5u800 ; 50u800 text shadow 0u800 0u800 8pxu800 rgba 255u800 255u800 255u800 0u800u82e8u800 ; 100u800 text shadow 0u800 0u800 4pxu800 rgba 255u800 255u800 255u800 0u800u82e6u800 ; * u8d8a8u8d8aeu8d8b4 u8dbb6 u8d981u8d988u8d8aau8d8b1 * .unique footer width 95u800 ; maxu800 width 1000px; margin 40px auto; background linear gradient 135deg #1e90ff #ff4500 ; border radius 12px; color #fffu800; padding 20px; boxu800 shadow 0u800 4pxu800 15px rgba 0u800 0u800 0u800 0u800u82e3u800 ; text align center; .footer container display flex; flex wrap wrap; justify content space around; align items center; gapu800 15px; .footer phone font size 2emu800; font weight bold; color #fffu800; text decoration none; .footer phone hover text decoration underline; .footer address font size 1emu800; .footer address first letter font size 1u800u82e2emu800; font weight bold; .footer icons imgu800 width 40px; height 40px; margin 0u800 5pxu800; .footer mapu800 imgu800 width 100u800 ; maxu800 width 400px; border radius 12px; margin topu800 10px; * u8d8b1u8db8cu8d8b3u8d9beu8d8a7u8d986u8d8b3u8db8cu8d988 * media maxu800 width 600px .unique header font size 20px;padding 8pxu800 12px; .header link font size 12px; .social icons au800 font size 32px; .category card font size 14px;padding 12px 18px; .categories title font size 18px; .text boxu800 font size 14px;padding 15px; .video container height 180px; .footer container flex direction column; gapu800 10px; .footer phone font size 1u800u82e6emu800; .footer address first letter font size 1u800u82e15em; .footer icons imgu800 width 30px; height 30px; u8d987u8d8afu8d8b1 u8d984u8d988u8d8a7u8d8b4u8daa9 u8d8acu8d988u8d8a7u8d986 u8d8a8u8d8b1u8d988 u8d8a8u8d987 u8d8b4u8d8a8u8daa9u8d987u8e2808cu8d987u8d8a7 u8d988u8db8cu8d8afu8db8cu8d988 u8d985u8d8b1u8d988u8d8b1u8daafu8d8b1 u8d8b4u8d985u8d8a7 u8d8a7u8d8b2 u8d9beu8d8aeu8d8b4 u8d988u8db8cu8d8afu8db8cu8d988 u8d9beu8d8b4u8d8aau8db8cu8d8a8u8d8a7u8d986u8db8c u8d986u8d985u8db8cu8e2808cu8daa9u8d986u8d8af. u8d8b4u8d8a8u8daa9u8d987u8e2808cu8d987u8d8a7u8db8c u8d8a7u8d8acu8d8aau8d985u8d8a7u8d8b9u8db8c u8d8a8u8d8a7u8daa9u8d8b3 u8d985u8d8aau8d986 u8d984u8d988u8d8a7u8d8b4u8daa9 u8d8acu8d988u8d8a7u8d986 u8d981u8d988u8d8aau8d8b1 09120000000 u8d8a2u8d8b0u8d8b1u8d8a8u8d8a7u8db8cu8d8acu8d8a7u8d986 documentu82eaddeventlistener "domcontentloaded" function documentu82equeryselector '.header link' .addeventlistener 'click' function eu800 eu800u82epreventdefault ; const target documentu82equeryselector thisu82egetattribute 'href' ; ifu800 target targetu82escrollintoview behavior 'smooth' ; ; const videosection documentu82equeryselector '.video section' ; const obsvideo newu800 intersectionobserver entries entriesu82eforeach entry ifu800 entryu82eisintersecting videosectionu82estyleu82eopacity 1u800; videosectionu82estyleu82etransform 'translatey 0u800 '; ; threshold 0u800u82e3u800 ; obsvideou82eobserve videosection ; const icons documentu82equeryselectorall '.social icons au800' ; const obsicons newu800 intersectionobserver entries entriesu82eforeach entry ifu800 entryu82eisintersecting iconsu82eforeach icon iu800 settimeout iconu82eclasslistu82eaddu800 'show' ; iu800*150u800 ; ; ; threshold 0u800u82e3u800 ; obsiconsu82eobserve documentu82equeryselector '.social section' ; const categoriessection documentu82equeryselector '.categories section' ; const obscategories newu800 intersectionobserver entries entriesu82eforeach entry ifu800 entryu82eisintersecting categoriessectionu82eclasslistu82eaddu800 'show' ; ; threshold 0u800u82e3u800 ; obscategoriesu82eobserve categoriessection ; const textbox documentu82equeryselector '.text boxu800' ; const obstextbox newu800 intersectionobserver entries entriesu82eforeach entry ifu800 entryu82eisintersecting textboxu82eclasslistu82eaddu800 'show' ; ; threshold 0u800u82e3u800 ; obstextboxu82eobserve textbox ; ; fontawesome enu800 main_page #seou800 title u8d984u8d988u8d8a7u8d8b4u8daa9 u8d8acu8d988u8d8a7u8d986 title_mode u8d984u8d988u8d8a7u8d8b4u8daa9 u8d8acu8d988u8d8a7u8d986 keywords u8d981u8d8b1u8d8a7u8d8bau8db8cu8d8a8 u8daa9u8d8b3u8d8a8 u8d988 u8daa9u8d8a7u8d8b1 u8d8b5u8d981u8d8adu8d987 u8d8a7u8d8aeu8d8aau8d8b5u8d8a7u8d8b5u8db8c u8d8afu8d8a7u8d986u8d8b4u8d986u8d8a7u8d985u8d987 u8d8a2u8d986u8d984u8d8a7u8db8cu8d986 u8d984u8d988u8d8a7u8d8b4u8daa9 u8d8acu8d988u8d8a7u8d986 description u8d984u8d988u8d8a7u8d8b4u8daa9 u8d8acu8d988u8d8a7u8d986 image image_alt 