 u8d8b6u8d8a7u8db8cu8d8b9u8d8a7u8d8aa u8d8a8u8db8cu8d8a7u8d986u8d984u8d988 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 u8dbb5 u8d8a8u8d8a7u8daa9u8d8b3 u8d985u8d8aau8d986 * .text boxu800 section width 95u800 ; maxu800 width 1000px; margin 40px auto 60px auto; .text boxu800 background linear gradient 145deg #ffffff #f0f0f0 ; border radius 12px; padding 20px; boxu800 shadow 0u800 4pxu800 12px rgba 0u800 0u800 0u800 0u800u82e15u800 ; font size 16px; line height 1u800u82e6u800; color #333u800; opacity 0u800; transform translatey 20px ; transition allu800 0u800u82e8su800; .text boxu800u82eshow opacity 1u800; transform translatey 0u800 ; * 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 u8d8b6u8d8a7u8db8cu8d8b9u8d8a7u8d8aa u8d8a8u8db8cu8d8a7u8d986u8d984u8d988 u8d8a8u8d8b1u8d988 u8d8a8u8d987 u8d8b4u8d8a8u8daa9u8d987u8e2808cu8d987u8d8a7 u8d988u8db8cu8d8afu8db8cu8d988 u8d985u8d8b1u8d988u8d8b1u8daafu8d8b1 u8d8b4u8d985u8d8a7 u8d8a7u8d8b2 u8d9beu8d8aeu8d8b4 u8d988u8db8cu8d8afu8db8cu8d988 u8d9beu8d8b4u8d8aau8db8cu8d8a8u8d8a7u8d986u8db8c u8d986u8d985u8db8cu8e2808cu8daa9u8d986u8d8af. u8d8b4u8d8a8u8daa9u8d987u8e2808cu8d987u8d8a7u8db8c u8d8a7u8d8acu8d8aau8d985u8d8a7u8d8b9u8db8c u8d981u8d988u8d8aau8d8b1 09128985433 u8d8aau8d987u8d8b1u8d8a7u8d986 u8d986u8d8b3u8db8cu8d985 u8d8b4u8d987u8d8b1 u8d8adu8d8b5u8d8a7u8d8b1u8daa9 u8d8a8u8d8a7u8d984u8d8a7 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 #seou800 title u8d8b6u8d8a7u8db8cu8d8b9u8d8a7u8d8aa u8d8a8u8db8cu8d8a7u8d986u8d984u8d988 title_mode u8d8b6u8d8a7u8db8cu8d8b9u8d8a7u8d8aa u8d8a8u8db8cu8d8a7u8d986u8d984u8d988 keywords u8d981u8d8b1u8d8a7u8d8bau8db8cu8d8a8 u8daa9u8d8b3u8d8a8 u8d988 u8daa9u8d8a7u8d8b1 u8d8b5u8d981u8d8adu8d987 u8d8a7u8d8aeu8d8aau8d8b5u8d8a7u8d8b5u8db8c u8d8afu8d8a7u8d986u8d8b4u8d986u8d8a7u8d985u8d987 u8d8a2u8d986u8d984u8d8a7u8db8cu8d986 u8d8b6u8d8a7u8db8cu8d8b9u8d8a7u8d8aa u8d8a8u8db8cu8d8a7u8d986u8d984u8d988 description u8d8b6u8d8a7u8db8cu8d8b9u8d8a7u8d8aa u8d8a8u8db8cu8d8a7u8d986u8d984u8d988 image image_alt 