@font-face {
    font-family: "bootstrap-icons";
    src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
    url("../fonts/bootstrap-icons.woff") format("woff");
}
[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-alarm-fill::before{content:"\f101"}.bi-alarm::before{content:"\f102"}.bi-align-bottom::before{content:"\f103"}.bi-align-center::before{content:"\f104"}.bi-align-end::before{content:"\f105"}.bi-align-middle::before{content:"\f106"}.bi-align-start::before{content:"\f107"}.bi-align-top::before{content:"\f108"}.bi-alt::before{content:"\f109"}.bi-app-indicator::before{content:"\f10a"}.bi-app::before{content:"\f10b"}.bi-archive-fill::before{content:"\f10c"}.bi-archive::before{content:"\f10d"}.bi-arrow-90deg-down::before{content:"\f10e"}.bi-arrow-90deg-left::before{content:"\f10f"}.bi-arrow-90deg-right::before{content:"\f110"}.bi-arrow-90deg-up::before{content:"\f111"}.bi-arrow-bar-down::before{content:"\f112"}.bi-arrow-bar-left::before{content:"\f113"}.bi-arrow-bar-right::before{content:"\f114"}.bi-arrow-bar-up::before{content:"\f115"}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-counterclockwise::before{content:"\f117"}.bi-arrow-down-circle-fill::before{content:"\f118"}.bi-arrow-down-circle::before{content:"\f119"}.bi-arrow-down-left-circle-fill::before{content:"\f11a"}.bi-arrow-down-left-circle::before{content:"\f11b"}.bi-arrow-down-left-square-fill::before{content:"\f11c"}.bi-arrow-down-left-square::before{content:"\f11d"}.bi-arrow-down-left::before{content:"\f11e"}.bi-arrow-down-right-circle-fill::before{content:"\f11f"}.bi-arrow-down-right-circle::before{content:"\f120"}.bi-arrow-down-right-square-fill::before{content:"\f121"}.bi-arrow-down-right-square::before{content:"\f122"}.bi-arrow-down-right::before{content:"\f123"}.bi-arrow-down-short::before{content:"\f124"}.bi-arrow-down-square-fill::before{content:"\f125"}.bi-arrow-down-square::before{content:"\f126"}.bi-arrow-down-up::before{content:"\f127"}.bi-arrow-down::before{content:"\f128"}.bi-arrow-left-circle-fill::before{content:"\f129"}.bi-arrow-left-circle::before{content:"\f12a"}.bi-arrow-left-right::before{content:"\f12b"}.bi-arrow-left-short::before{content:"\f12c"}.bi-arrow-left-square-fill::before{content:"\f12d"}.bi-arrow-left-square::before{content:"\f12e"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-repeat::before{content:"\f130"}.bi-arrow-return-left::before{content:"\f131"}.bi-arrow-return-right::before{content:"\f132"}.bi-arrow-right-circle-fill::before{content:"\f133"}.bi-arrow-right-circle::before{content:"\f134"}.bi-arrow-right-short::before{content:"\f135"}.bi-arrow-right-square-fill::before{content:"\f136"}.bi-arrow-right-square::before{content:"\f137"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-circle-fill::before{content:"\f139"}.bi-arrow-up-circle::before{content:"\f13a"}.bi-arrow-up-left-circle-fill::before{content:"\f13b"}.bi-arrow-up-left-circle::before{content:"\f13c"}.bi-arrow-up-left-square-fill::before{content:"\f13d"}.bi-arrow-up-left-square::before{content:"\f13e"}.bi-arrow-up-left::before{content:"\f13f"}.bi-arrow-up-right-circle-fill::before{content:"\f140"}.bi-arrow-up-right-circle::before{content:"\f141"}.bi-arrow-up-right-square-fill::before{content:"\f142"}.bi-arrow-up-right-square::before{content:"\f143"}.bi-arrow-up-right::before{content:"\f144"}.bi-arrow-up-short::before{content:"\f145"}.bi-arrow-up-square-fill::before{content:"\f146"}.bi-arrow-up-square::before{content:"\f147"}.bi-arrow-up::before{content:"\f148"}.bi-arrows-angle-contract::before{content:"\f149"}.bi-arrows-angle-expand::before{content:"\f14a"}.bi-arrows-collapse::before{content:"\f14b"}.bi-arrows-expand::before{content:"\f14c"}.bi-arrows-fullscreen::before{content:"\f14d"}.bi-arrows-move::before{content:"\f14e"}.bi-aspect-ratio-fill::before{content:"\f14f"}.bi-aspect-ratio::before{content:"\f150"}.bi-asterisk::before{content:"\f151"}.bi-at::before{content:"\f152"}.bi-award-fill::before{content:"\f153"}.bi-award::before{content:"\f154"}.bi-back::before{content:"\f155"}.bi-backspace-fill::before{content:"\f156"}.bi-backspace-reverse-fill::before{content:"\f157"}.bi-backspace-reverse::before{content:"\f158"}.bi-backspace::before{content:"\f159"}.bi-badge-3d-fill::before{content:"\f15a"}.bi-badge-3d::before{content:"\f15b"}.bi-badge-4k-fill::before{content:"\f15c"}.bi-badge-4k::before{content:"\f15d"}.bi-badge-8k-fill::before{content:"\f15e"}.bi-badge-8k::before{content:"\f15f"}.bi-badge-ad-fill::before{content:"\f160"}.bi-badge-ad::before{content:"\f161"}.bi-badge-ar-fill::before{content:"\f162"}.bi-badge-ar::before{content:"\f163"}.bi-badge-cc-fill::before{content:"\f164"}.bi-badge-cc::before{content:"\f165"}.bi-badge-hd-fill::before{content:"\f166"}.bi-badge-hd::before{content:"\f167"}.bi-badge-tm-fill::before{content:"\f168"}.bi-badge-tm::before{content:"\f169"}.bi-badge-vo-fill::before{content:"\f16a"}.bi-badge-vo::before{content:"\f16b"}.bi-badge-vr-fill::before{content:"\f16c"}.bi-badge-vr::before{content:"\f16d"}.bi-badge-wc-fill::before{content:"\f16e"}.bi-badge-wc::before{content:"\f16f"}.bi-bag-check-fill::before{content:"\f170"}.bi-bag-check::before{content:"\f171"}.bi-bag-dash-fill::before{content:"\f172"}.bi-bag-dash::before{content:"\f173"}.bi-bag-fill::before{content:"\f174"}.bi-bag-plus-fill::before{content:"\f175"}.bi-bag-plus::before{content:"\f176"}.bi-bag-x-fill::before{content:"\f177"}.bi-bag-x::before{content:"\f178"}.bi-bag::before{content:"\f179"}.bi-bar-chart-fill::before{content:"\f17a"}.bi-bar-chart-line-fill::before{content:"\f17b"}.bi-bar-chart-line::before{content:"\f17c"}.bi-bar-chart-steps::before{content:"\f17d"}.bi-bar-chart::before{content:"\f17e"}.bi-basket-fill::before{content:"\f17f"}.bi-basket::before{content:"\f180"}.bi-basket2-fill::before{content:"\f181"}.bi-basket2::before{content:"\f182"}.bi-basket3-fill::before{content:"\f183"}.bi-basket3::before{content:"\f184"}.bi-battery-charging::before{content:"\f185"}.bi-battery-full::before{content:"\f186"}.bi-battery-half::before{content:"\f187"}.bi-battery::before{content:"\f188"}.bi-bell-fill::before{content:"\f189"}.bi-bell::before{content:"\f18a"}.bi-bezier::before{content:"\f18b"}.bi-bezier2::before{content:"\f18c"}.bi-bicycle::before{content:"\f18d"}.bi-binoculars-fill::before{content:"\f18e"}.bi-binoculars::before{content:"\f18f"}.bi-blockquote-left::before{content:"\f190"}.bi-blockquote-right::before{content:"\f191"}.bi-book-fill::before{content:"\f192"}.bi-book-half::before{content:"\f193"}.bi-book::before{content:"\f194"}.bi-bookmark-check-fill::before{content:"\f195"}.bi-bookmark-check::before{content:"\f196"}.bi-bookmark-dash-fill::before{content:"\f197"}.bi-bookmark-dash::before{content:"\f198"}.bi-bookmark-fill::before{content:"\f199"}.bi-bookmark-heart-fill::before{content:"\f19a"}.bi-bookmark-heart::before{content:"\f19b"}.bi-bookmark-plus-fill::before{content:"\f19c"}.bi-bookmark-plus::before{content:"\f19d"}.bi-bookmark-star-fill::before{content:"\f19e"}.bi-bookmark-star::before{content:"\f19f"}.bi-bookmark-x-fill::before{content:"\f1a0"}.bi-bookmark-x::before{content:"\f1a1"}.bi-bookmark::before{content:"\f1a2"}.bi-bookmarks-fill::before{content:"\f1a3"}.bi-bookmarks::before{content:"\f1a4"}.bi-bookshelf::before{content:"\f1a5"}.bi-bootstrap-fill::before{content:"\f1a6"}.bi-bootstrap-reboot::before{content:"\f1a7"}.bi-bootstrap::before{content:"\f1a8"}.bi-border-all::before{content:"\f1a9"}.bi-border-bottom::before{content:"\f1aa"}.bi-border-center::before{content:"\f1ab"}.bi-border-inner::before{content:"\f1ac"}.bi-border-left::before{content:"\f1ad"}.bi-border-middle::before{content:"\f1ae"}.bi-border-outer::before{content:"\f1af"}.bi-border-right::before{content:"\f1b0"}.bi-border-style::before{content:"\f1b1"}.bi-border-top::before{content:"\f1b2"}.bi-border-width::before{content:"\f1b3"}.bi-border::before{content:"\f1b4"}.bi-bounding-box-circles::before{content:"\f1b5"}.bi-bounding-box::before{content:"\f1b6"}.bi-box-arrow-down-left::before{content:"\f1b7"}.bi-box-arrow-down-right::before{content:"\f1b8"}.bi-box-arrow-down::before{content:"\f1b9"}.bi-box-arrow-in-down-left::before{content:"\f1ba"}.bi-box-arrow-in-down-right::before{content:"\f1bb"}.bi-box-arrow-in-down::before{content:"\f1bc"}.bi-box-arrow-in-left::before{content:"\f1bd"}.bi-box-arrow-in-right::before{content:"\f1be"}.bi-box-arrow-in-up-left::before{content:"\f1bf"}.bi-box-arrow-in-up-right::before{content:"\f1c0"}.bi-box-arrow-in-up::before{content:"\f1c1"}.bi-box-arrow-left::before{content:"\f1c2"}.bi-box-arrow-right::before{content:"\f1c3"}.bi-box-arrow-up-left::before{content:"\f1c4"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-arrow-up::before{content:"\f1c6"}.bi-box-seam::before{content:"\f1c7"}.bi-box::before{content:"\f1c8"}.bi-braces::before{content:"\f1c9"}.bi-bricks::before{content:"\f1ca"}.bi-briefcase-fill::before{content:"\f1cb"}.bi-briefcase::before{content:"\f1cc"}.bi-brightness-alt-high-fill::before{content:"\f1cd"}.bi-brightness-alt-high::before{content:"\f1ce"}.bi-brightness-alt-low-fill::before{content:"\f1cf"}.bi-brightness-alt-low::before{content:"\f1d0"}.bi-brightness-high-fill::before{content:"\f1d1"}.bi-brightness-high::before{content:"\f1d2"}.bi-brightness-low-fill::before{content:"\f1d3"}.bi-brightness-low::before{content:"\f1d4"}.bi-broadcast-pin::before{content:"\f1d5"}.bi-broadcast::before{content:"\f1d6"}.bi-brush-fill::before{content:"\f1d7"}.bi-brush::before{content:"\f1d8"}.bi-bucket-fill::before{content:"\f1d9"}.bi-bucket::before{content:"\f1da"}.bi-bug-fill::before{content:"\f1db"}.bi-bug::before{content:"\f1dc"}.bi-building::before{content:"\f1dd"}.bi-bullseye::before{content:"\f1de"}.bi-calculator-fill::before{content:"\f1df"}.bi-calculator::before{content:"\f1e0"}.bi-calendar-check-fill::before{content:"\f1e1"}.bi-calendar-check::before{content:"\f1e2"}.bi-calendar-date-fill::before{content:"\f1e3"}.bi-calendar-date::before{content:"\f1e4"}.bi-calendar-day-fill::before{content:"\f1e5"}.bi-calendar-day::before{content:"\f1e6"}.bi-calendar-event-fill::before{content:"\f1e7"}.bi-calendar-event::before{content:"\f1e8"}.bi-calendar-fill::before{content:"\f1e9"}.bi-calendar-minus-fill::before{content:"\f1ea"}.bi-calendar-minus::before{content:"\f1eb"}.bi-calendar-month-fill::before{content:"\f1ec"}.bi-calendar-month::before{content:"\f1ed"}.bi-calendar-plus-fill::before{content:"\f1ee"}.bi-calendar-plus::before{content:"\f1ef"}.bi-calendar-range-fill::before{content:"\f1f0"}.bi-calendar-range::before{content:"\f1f1"}.bi-calendar-week-fill::before{content:"\f1f2"}.bi-calendar-week::before{content:"\f1f3"}.bi-calendar-x-fill::before{content:"\f1f4"}.bi-calendar-x::before{content:"\f1f5"}.bi-calendar::before{content:"\f1f6"}.bi-calendar2-check-fill::before{content:"\f1f7"}.bi-calendar2-check::before{content:"\f1f8"}.bi-calendar2-date-fill::before{content:"\f1f9"}.bi-calendar2-date::before{content:"\f1fa"}.bi-calendar2-day-fill::before{content:"\f1fb"}.bi-calendar2-day::before{content:"\f1fc"}.bi-calendar2-event-fill::before{content:"\f1fd"}.bi-calendar2-event::before{content:"\f1fe"}.bi-calendar2-fill::before{content:"\f1ff"}.bi-calendar2-minus-fill::before{content:"\f200"}.bi-calendar2-minus::before{content:"\f201"}.bi-calendar2-month-fill::before{content:"\f202"}.bi-calendar2-month::before{content:"\f203"}.bi-calendar2-plus-fill::before{content:"\f204"}.bi-calendar2-plus::before{content:"\f205"}.bi-calendar2-range-fill::before{content:"\f206"}.bi-calendar2-range::before{content:"\f207"}.bi-calendar2-week-fill::before{content:"\f208"}.bi-calendar2-week::before{content:"\f209"}.bi-calendar2-x-fill::before{content:"\f20a"}.bi-calendar2-x::before{content:"\f20b"}.bi-calendar2::before{content:"\f20c"}.bi-calendar3-event-fill::before{content:"\f20d"}.bi-calendar3-event::before{content:"\f20e"}.bi-calendar3-fill::before{content:"\f20f"}.bi-calendar3-range-fill::before{content:"\f210"}.bi-calendar3-range::before{content:"\f211"}.bi-calendar3-week-fill::before{content:"\f212"}.bi-calendar3-week::before{content:"\f213"}.bi-calendar3::before{content:"\f214"}.bi-calendar4-event::before{content:"\f215"}.bi-calendar4-range::before{content:"\f216"}.bi-calendar4-week::before{content:"\f217"}.bi-calendar4::before{content:"\f218"}.bi-camera-fill::before{content:"\f219"}.bi-camera-reels-fill::before{content:"\f21a"}.bi-camera-reels::before{content:"\f21b"}.bi-camera-video-fill::before{content:"\f21c"}.bi-camera-video-off-fill::before{content:"\f21d"}.bi-camera-video-off::before{content:"\f21e"}.bi-camera-video::before{content:"\f21f"}.bi-camera::before{content:"\f220"}.bi-camera2::before{content:"\f221"}.bi-capslock-fill::before{content:"\f222"}.bi-capslock::before{content:"\f223"}.bi-card-checklist::before{content:"\f224"}.bi-card-heading::before{content:"\f225"}.bi-card-image::before{content:"\f226"}.bi-card-list::before{content:"\f227"}.bi-card-text::before{content:"\f228"}.bi-caret-down-fill::before{content:"\f229"}.bi-caret-down-square-fill::before{content:"\f22a"}.bi-caret-down-square::before{content:"\f22b"}.bi-caret-down::before{content:"\f22c"}.bi-caret-left-fill::before{content:"\f22d"}.bi-caret-left-square-fill::before{content:"\f22e"}.bi-caret-left-square::before{content:"\f22f"}.bi-caret-left::before{content:"\f230"}.bi-caret-right-fill::before{content:"\f231"}.bi-caret-right-square-fill::before{content:"\f232"}.bi-caret-right-square::before{content:"\f233"}.bi-caret-right::before{content:"\f234"}.bi-caret-up-fill::before{content:"\f235"}.bi-caret-up-square-fill::before{content:"\f236"}.bi-caret-up-square::before{content:"\f237"}.bi-caret-up::before{content:"\f238"}.bi-cart-check-fill::before{content:"\f239"}.bi-cart-check::before{content:"\f23a"}.bi-cart-dash-fill::before{content:"\f23b"}.bi-cart-dash::before{content:"\f23c"}.bi-cart-fill::before{content:"\f23d"}.bi-cart-plus-fill::before{content:"\f23e"}.bi-cart-plus::before{content:"\f23f"}.bi-cart-x-fill::before{content:"\f240"}.bi-cart-x::before{content:"\f241"}.bi-cart::before{content:"\f242"}.bi-cart2::before{content:"\f243"}.bi-cart3::before{content:"\f244"}.bi-cart4::before{content:"\f245"}.bi-cash-stack::before{content:"\f246"}.bi-cash::before{content:"\f247"}.bi-cast::before{content:"\f248"}.bi-chat-dots-fill::before{content:"\f249"}.bi-chat-dots::before{content:"\f24a"}.bi-chat-fill::before{content:"\f24b"}.bi-chat-left-dots-fill::before{content:"\f24c"}.bi-chat-left-dots::before{content:"\f24d"}.bi-chat-left-fill::before{content:"\f24e"}.bi-chat-left-quote-fill::before{content:"\f24f"}.bi-chat-left-quote::before{content:"\f250"}.bi-chat-left-text-fill::before{content:"\f251"}.bi-chat-left-text::before{content:"\f252"}.bi-chat-left::before{content:"\f253"}.bi-chat-quote-fill::before{content:"\f254"}.bi-chat-quote::before{content:"\f255"}.bi-chat-right-dots-fill::before{content:"\f256"}.bi-chat-right-dots::before{content:"\f257"}.bi-chat-right-fill::before{content:"\f258"}.bi-chat-right-quote-fill::before{content:"\f259"}.bi-chat-right-quote::before{content:"\f25a"}.bi-chat-right-text-fill::before{content:"\f25b"}.bi-chat-right-text::before{content:"\f25c"}.bi-chat-right::before{content:"\f25d"}.bi-chat-square-dots-fill::before{content:"\f25e"}.bi-chat-square-dots::before{content:"\f25f"}.bi-chat-square-fill::before{content:"\f260"}.bi-chat-square-quote-fill::before{content:"\f261"}.bi-chat-square-quote::before{content:"\f262"}.bi-chat-square-text-fill::before{content:"\f263"}.bi-chat-square-text::before{content:"\f264"}.bi-chat-square::before{content:"\f265"}.bi-chat-text-fill::before{content:"\f266"}.bi-chat-text::before{content:"\f267"}.bi-chat::before{content:"\f268"}.bi-check-all::before{content:"\f269"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check-circle::before{content:"\f26b"}.bi-check-square-fill::before{content:"\f26c"}.bi-check-square::before{content:"\f26d"}.bi-check::before{content:"\f26e"}.bi-check2-all::before{content:"\f26f"}.bi-check2-circle::before{content:"\f270"}.bi-check2-square::before{content:"\f271"}.bi-check2::before{content:"\f272"}.bi-chevron-bar-contract::before{content:"\f273"}.bi-chevron-bar-down::before{content:"\f274"}.bi-chevron-bar-expand::before{content:"\f275"}.bi-chevron-bar-left::before{content:"\f276"}.bi-chevron-bar-right::before{content:"\f277"}.bi-chevron-bar-up::before{content:"\f278"}.bi-chevron-compact-down::before{content:"\f279"}.bi-chevron-compact-left::before{content:"\f27a"}.bi-chevron-compact-right::before{content:"\f27b"}.bi-chevron-compact-up::before{content:"\f27c"}.bi-chevron-contract::before{content:"\f27d"}.bi-chevron-double-down::before{content:"\f27e"}.bi-chevron-double-left::before{content:"\f27f"}.bi-chevron-double-right::before{content:"\f280"}.bi-chevron-double-up::before{content:"\f281"}.bi-chevron-down::before{content:"\f282"}.bi-chevron-expand::before{content:"\f283"}.bi-chevron-left::before{content:"\f284"}.bi-chevron-right::before{content:"\f285"}.bi-chevron-up::before{content:"\f286"}.bi-circle-fill::before{content:"\f287"}.bi-circle-half::before{content:"\f288"}.bi-circle-square::before{content:"\f289"}.bi-circle::before{content:"\f28a"}.bi-clipboard-check::before{content:"\f28b"}.bi-clipboard-data::before{content:"\f28c"}.bi-clipboard-minus::before{content:"\f28d"}.bi-clipboard-plus::before{content:"\f28e"}.bi-clipboard-x::before{content:"\f28f"}.bi-clipboard::before{content:"\f290"}.bi-clock-fill::before{content:"\f291"}.bi-clock-history::before{content:"\f292"}.bi-clock::before{content:"\f293"}.bi-cloud-arrow-down-fill::before{content:"\f294"}.bi-cloud-arrow-down::before{content:"\f295"}.bi-cloud-arrow-up-fill::before{content:"\f296"}.bi-cloud-arrow-up::before{content:"\f297"}.bi-cloud-check-fill::before{content:"\f298"}.bi-cloud-check::before{content:"\f299"}.bi-cloud-download-fill::before{content:"\f29a"}.bi-cloud-download::before{content:"\f29b"}.bi-cloud-drizzle-fill::before{content:"\f29c"}.bi-cloud-drizzle::before{content:"\f29d"}.bi-cloud-fill::before{content:"\f29e"}.bi-cloud-fog-fill::before{content:"\f29f"}.bi-cloud-fog::before{content:"\f2a0"}.bi-cloud-fog2-fill::before{content:"\f2a1"}.bi-cloud-fog2::before{content:"\f2a2"}.bi-cloud-hail-fill::before{content:"\f2a3"}.bi-cloud-hail::before{content:"\f2a4"}.bi-cloud-haze-1::before{content:"\f2a5"}.bi-cloud-haze-fill::before{content:"\f2a6"}.bi-cloud-haze::before{content:"\f2a7"}.bi-cloud-haze2-fill::before{content:"\f2a8"}.bi-cloud-lightning-fill::before{content:"\f2a9"}.bi-cloud-lightning-rain-fill::before{content:"\f2aa"}.bi-cloud-lightning-rain::before{content:"\f2ab"}.bi-cloud-lightning::before{content:"\f2ac"}.bi-cloud-minus-fill::before{content:"\f2ad"}.bi-cloud-minus::before{content:"\f2ae"}.bi-cloud-moon-fill::before{content:"\f2af"}.bi-cloud-moon::before{content:"\f2b0"}.bi-cloud-plus-fill::before{content:"\f2b1"}.bi-cloud-plus::before{content:"\f2b2"}.bi-cloud-rain-fill::before{content:"\f2b3"}.bi-cloud-rain-heavy-fill::before{content:"\f2b4"}.bi-cloud-rain-heavy::before{content:"\f2b5"}.bi-cloud-rain::before{content:"\f2b6"}.bi-cloud-slash-fill::before{content:"\f2b7"}.bi-cloud-slash::before{content:"\f2b8"}.bi-cloud-sleet-fill::before{content:"\f2b9"}.bi-cloud-sleet::before{content:"\f2ba"}.bi-cloud-snow-fill::before{content:"\f2bb"}.bi-cloud-snow::before{content:"\f2bc"}.bi-cloud-sun-fill::before{content:"\f2bd"}.bi-cloud-sun::before{content:"\f2be"}.bi-cloud-upload-fill::before{content:"\f2bf"}.bi-cloud-upload::before{content:"\f2c0"}.bi-cloud::before{content:"\f2c1"}.bi-clouds-fill::before{content:"\f2c2"}.bi-clouds::before{content:"\f2c3"}.bi-cloudy-fill::before{content:"\f2c4"}.bi-cloudy::before{content:"\f2c5"}.bi-code-slash::before{content:"\f2c6"}.bi-code-square::before{content:"\f2c7"}.bi-code::before{content:"\f2c8"}.bi-collection-fill::before{content:"\f2c9"}.bi-collection-play-fill::before{content:"\f2ca"}.bi-collection-play::before{content:"\f2cb"}.bi-collection::before{content:"\f2cc"}.bi-columns-gap::before{content:"\f2cd"}.bi-columns::before{content:"\f2ce"}.bi-command::before{content:"\f2cf"}.bi-compass-fill::before{content:"\f2d0"}.bi-compass::before{content:"\f2d1"}.bi-cone-striped::before{content:"\f2d2"}.bi-cone::before{content:"\f2d3"}.bi-controller::before{content:"\f2d4"}.bi-cpu-fill::before{content:"\f2d5"}.bi-cpu::before{content:"\f2d6"}.bi-credit-card-2-back-fill::before{content:"\f2d7"}.bi-credit-card-2-back::before{content:"\f2d8"}.bi-credit-card-2-front-fill::before{content:"\f2d9"}.bi-credit-card-2-front::before{content:"\f2da"}.bi-credit-card-fill::before{content:"\f2db"}.bi-credit-card::before{content:"\f2dc"}.bi-crop::before{content:"\f2dd"}.bi-cup-fill::before{content:"\f2de"}.bi-cup-straw::before{content:"\f2df"}.bi-cup::before{content:"\f2e0"}.bi-cursor-fill::before{content:"\f2e1"}.bi-cursor-text::before{content:"\f2e2"}.bi-cursor::before{content:"\f2e3"}.bi-dash-circle-dotted::before{content:"\f2e4"}.bi-dash-circle-fill::before{content:"\f2e5"}.bi-dash-circle::before{content:"\f2e6"}.bi-dash-square-dotted::before{content:"\f2e7"}.bi-dash-square-fill::before{content:"\f2e8"}.bi-dash-square::before{content:"\f2e9"}.bi-dash::before{content:"\f2ea"}.bi-diagram-2-fill::before{content:"\f2eb"}.bi-diagram-2::before{content:"\f2ec"}.bi-diagram-3-fill::before{content:"\f2ed"}.bi-diagram-3::before{content:"\f2ee"}.bi-diamond-fill::before{content:"\f2ef"}.bi-diamond-half::before{content:"\f2f0"}.bi-diamond::before{content:"\f2f1"}.bi-dice-1-fill::before{content:"\f2f2"}.bi-dice-1::before{content:"\f2f3"}.bi-dice-2-fill::before{content:"\f2f4"}.bi-dice-2::before{content:"\f2f5"}.bi-dice-3-fill::before{content:"\f2f6"}.bi-dice-3::before{content:"\f2f7"}.bi-dice-4-fill::before{content:"\f2f8"}.bi-dice-4::before{content:"\f2f9"}.bi-dice-5-fill::before{content:"\f2fa"}.bi-dice-5::before{content:"\f2fb"}.bi-dice-6-fill::before{content:"\f2fc"}.bi-dice-6::before{content:"\f2fd"}.bi-disc-fill::before{content:"\f2fe"}.bi-disc::before{content:"\f2ff"}.bi-discord::before{content:"\f300"}.bi-display-fill::before{content:"\f301"}.bi-display::before{content:"\f302"}.bi-distribute-horizontal::before{content:"\f303"}.bi-distribute-vertical::before{content:"\f304"}.bi-door-closed-fill::before{content:"\f305"}.bi-door-closed::before{content:"\f306"}.bi-door-open-fill::before{content:"\f307"}.bi-door-open::before{content:"\f308"}.bi-dot::before{content:"\f309"}.bi-download::before{content:"\f30a"}.bi-droplet-fill::before{content:"\f30b"}.bi-droplet-half::before{content:"\f30c"}.bi-droplet::before{content:"\f30d"}.bi-earbuds::before{content:"\f30e"}.bi-easel-fill::before{content:"\f30f"}.bi-easel::before{content:"\f310"}.bi-egg-fill::before{content:"\f311"}.bi-egg-fried::before{content:"\f312"}.bi-egg::before{content:"\f313"}.bi-eject-fill::before{content:"\f314"}.bi-eject::before{content:"\f315"}.bi-emoji-angry-fill::before{content:"\f316"}.bi-emoji-angry::before{content:"\f317"}.bi-emoji-dizzy-fill::before{content:"\f318"}.bi-emoji-dizzy::before{content:"\f319"}.bi-emoji-expressionless-fill::before{content:"\f31a"}.bi-emoji-expressionless::before{content:"\f31b"}.bi-emoji-frown-fill::before{content:"\f31c"}.bi-emoji-frown::before{content:"\f31d"}.bi-emoji-heart-eyes-fill::before{content:"\f31e"}.bi-emoji-heart-eyes::before{content:"\f31f"}.bi-emoji-laughing-fill::before{content:"\f320"}.bi-emoji-laughing::before{content:"\f321"}.bi-emoji-neutral-fill::before{content:"\f322"}.bi-emoji-neutral::before{content:"\f323"}.bi-emoji-smile-fill::before{content:"\f324"}.bi-emoji-smile-upside-down-fill::before{content:"\f325"}.bi-emoji-smile-upside-down::before{content:"\f326"}.bi-emoji-smile::before{content:"\f327"}.bi-emoji-sunglasses-fill::before{content:"\f328"}.bi-emoji-sunglasses::before{content:"\f329"}.bi-emoji-wink-fill::before{content:"\f32a"}.bi-emoji-wink::before{content:"\f32b"}.bi-envelope-fill::before{content:"\f32c"}.bi-envelope-open-fill::before{content:"\f32d"}.bi-envelope-open::before{content:"\f32e"}.bi-envelope::before{content:"\f32f"}.bi-eraser-fill::before{content:"\f330"}.bi-eraser::before{content:"\f331"}.bi-exclamation-circle-fill::before{content:"\f332"}.bi-exclamation-circle::before{content:"\f333"}.bi-exclamation-diamond-fill::before{content:"\f334"}.bi-exclamation-diamond::before{content:"\f335"}.bi-exclamation-octagon-fill::before{content:"\f336"}.bi-exclamation-octagon::before{content:"\f337"}.bi-exclamation-square-fill::before{content:"\f338"}.bi-exclamation-square::before{content:"\f339"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-exclamation-triangle::before{content:"\f33b"}.bi-exclamation::before{content:"\f33c"}.bi-exclude::before{content:"\f33d"}.bi-eye-fill::before{content:"\f33e"}.bi-eye-slash-fill::before{content:"\f33f"}.bi-eye-slash::before{content:"\f340"}.bi-eye::before{content:"\f341"}.bi-eyedropper::before{content:"\f342"}.bi-eyeglasses::before{content:"\f343"}.bi-facebook::before{content:"\f344"}.bi-file-arrow-down-fill::before{content:"\f345"}.bi-file-arrow-down::before{content:"\f346"}.bi-file-arrow-up-fill::before{content:"\f347"}.bi-file-arrow-up::before{content:"\f348"}.bi-file-bar-graph-fill::before{content:"\f349"}.bi-file-bar-graph::before{content:"\f34a"}.bi-file-binary-fill::before{content:"\f34b"}.bi-file-binary::before{content:"\f34c"}.bi-file-break-fill::before{content:"\f34d"}.bi-file-break::before{content:"\f34e"}.bi-file-check-fill::before{content:"\f34f"}.bi-file-check::before{content:"\f350"}.bi-file-code-fill::before{content:"\f351"}.bi-file-code::before{content:"\f352"}.bi-file-diff-fill::before{content:"\f353"}.bi-file-diff::before{content:"\f354"}.bi-file-earmark-arrow-down-fill::before{content:"\f355"}.bi-file-earmark-arrow-down::before{content:"\f356"}.bi-file-earmark-arrow-up-fill::before{content:"\f357"}.bi-file-earmark-arrow-up::before{content:"\f358"}.bi-file-earmark-bar-graph-fill::before{content:"\f359"}.bi-file-earmark-bar-graph::before{content:"\f35a"}.bi-file-earmark-binary-fill::before{content:"\f35b"}.bi-file-earmark-binary::before{content:"\f35c"}.bi-file-earmark-break-fill::before{content:"\f35d"}.bi-file-earmark-break::before{content:"\f35e"}.bi-file-earmark-check-fill::before{content:"\f35f"}.bi-file-earmark-check::before{content:"\f360"}.bi-file-earmark-code-fill::before{content:"\f361"}.bi-file-earmark-code::before{content:"\f362"}.bi-file-earmark-diff-fill::before{content:"\f363"}.bi-file-earmark-diff::before{content:"\f364"}.bi-file-earmark-easel-fill::before{content:"\f365"}.bi-file-earmark-easel::before{content:"\f366"}.bi-file-earmark-excel-fill::before{content:"\f367"}.bi-file-earmark-excel::before{content:"\f368"}.bi-file-earmark-fill::before{content:"\f369"}.bi-file-earmark-font-fill::before{content:"\f36a"}.bi-file-earmark-font::before{content:"\f36b"}.bi-file-earmark-image-fill::before{content:"\f36c"}.bi-file-earmark-image::before{content:"\f36d"}.bi-file-earmark-lock-fill::before{content:"\f36e"}.bi-file-earmark-lock::before{content:"\f36f"}.bi-file-earmark-lock2-fill::before{content:"\f370"}.bi-file-earmark-lock2::before{content:"\f371"}.bi-file-earmark-medical-fill::before{content:"\f372"}.bi-file-earmark-medical::before{content:"\f373"}.bi-file-earmark-minus-fill::before{content:"\f374"}.bi-file-earmark-minus::before{content:"\f375"}.bi-file-earmark-music-fill::before{content:"\f376"}.bi-file-earmark-music::before{content:"\f377"}.bi-file-earmark-person-fill::before{content:"\f378"}.bi-file-earmark-person::before{content:"\f379"}.bi-file-earmark-play-fill::before{content:"\f37a"}.bi-file-earmark-play::before{content:"\f37b"}.bi-file-earmark-plus-fill::before{content:"\f37c"}.bi-file-earmark-plus::before{content:"\f37d"}.bi-file-earmark-post-fill::before{content:"\f37e"}.bi-file-earmark-post::before{content:"\f37f"}.bi-file-earmark-ppt-fill::before{content:"\f380"}.bi-file-earmark-ppt::before{content:"\f381"}.bi-file-earmark-richtext-fill::before{content:"\f382"}.bi-file-earmark-richtext::before{content:"\f383"}.bi-file-earmark-ruled-fill::before{content:"\f384"}.bi-file-earmark-ruled::before{content:"\f385"}.bi-file-earmark-slides-fill::before{content:"\f386"}.bi-file-earmark-slides::before{content:"\f387"}.bi-file-earmark-spreadsheet-fill::before{content:"\f388"}.bi-file-earmark-spreadsheet::before{content:"\f389"}.bi-file-earmark-text-fill::before{content:"\f38a"}.bi-file-earmark-text::before{content:"\f38b"}.bi-file-earmark-word-fill::before{content:"\f38c"}.bi-file-earmark-word::before{content:"\f38d"}.bi-file-earmark-x-fill::before{content:"\f38e"}.bi-file-earmark-x::before{content:"\f38f"}.bi-file-earmark-zip-fill::before{content:"\f390"}.bi-file-earmark-zip::before{content:"\f391"}.bi-file-earmark::before{content:"\f392"}.bi-file-easel-fill::before{content:"\f393"}.bi-file-easel::before{content:"\f394"}.bi-file-excel-fill::before{content:"\f395"}.bi-file-excel::before{content:"\f396"}.bi-file-fill::before{content:"\f397"}.bi-file-font-fill::before{content:"\f398"}.bi-file-font::before{content:"\f399"}.bi-file-image-fill::before{content:"\f39a"}.bi-file-image::before{content:"\f39b"}.bi-file-lock-fill::before{content:"\f39c"}.bi-file-lock::before{content:"\f39d"}.bi-file-lock2-fill::before{content:"\f39e"}.bi-file-lock2::before{content:"\f39f"}.bi-file-medical-fill::before{content:"\f3a0"}.bi-file-medical::before{content:"\f3a1"}.bi-file-minus-fill::before{content:"\f3a2"}.bi-file-minus::before{content:"\f3a3"}.bi-file-music-fill::before{content:"\f3a4"}.bi-file-music::before{content:"\f3a5"}.bi-file-person-fill::before{content:"\f3a6"}.bi-file-person::before{content:"\f3a7"}.bi-file-play-fill::before{content:"\f3a8"}.bi-file-play::before{content:"\f3a9"}.bi-file-plus-fill::before{content:"\f3aa"}.bi-file-plus::before{content:"\f3ab"}.bi-file-post-fill::before{content:"\f3ac"}.bi-file-post::before{content:"\f3ad"}.bi-file-ppt-fill::before{content:"\f3ae"}.bi-file-ppt::before{content:"\f3af"}.bi-file-richtext-fill::before{content:"\f3b0"}.bi-file-richtext::before{content:"\f3b1"}.bi-file-ruled-fill::before{content:"\f3b2"}.bi-file-ruled::before{content:"\f3b3"}.bi-file-slides-fill::before{content:"\f3b4"}.bi-file-slides::before{content:"\f3b5"}.bi-file-spreadsheet-fill::before{content:"\f3b6"}.bi-file-spreadsheet::before{content:"\f3b7"}.bi-file-text-fill::before{content:"\f3b8"}.bi-file-text::before{content:"\f3b9"}.bi-file-word-fill::before{content:"\f3ba"}.bi-file-word::before{content:"\f3bb"}.bi-file-x-fill::before{content:"\f3bc"}.bi-file-x::before{content:"\f3bd"}.bi-file-zip-fill::before{content:"\f3be"}.bi-file-zip::before{content:"\f3bf"}.bi-file::before{content:"\f3c0"}.bi-files-alt::before{content:"\f3c1"}.bi-files::before{content:"\f3c2"}.bi-film::before{content:"\f3c3"}.bi-filter-circle-fill::before{content:"\f3c4"}.bi-filter-circle::before{content:"\f3c5"}.bi-filter-left::before{content:"\f3c6"}.bi-filter-right::before{content:"\f3c7"}.bi-filter-square-fill::before{content:"\f3c8"}.bi-filter-square::before{content:"\f3c9"}.bi-filter::before{content:"\f3ca"}.bi-flag-fill::before{content:"\f3cb"}.bi-flag::before{content:"\f3cc"}.bi-flower1::before{content:"\f3cd"}.bi-flower2::before{content:"\f3ce"}.bi-flower3::before{content:"\f3cf"}.bi-folder-check::before{content:"\f3d0"}.bi-folder-fill::before{content:"\f3d1"}.bi-folder-minus::before{content:"\f3d2"}.bi-folder-plus::before{content:"\f3d3"}.bi-folder-symlink-fill::before{content:"\f3d4"}.bi-folder-symlink::before{content:"\f3d5"}.bi-folder-x::before{content:"\f3d6"}.bi-folder::before{content:"\f3d7"}.bi-folder2-open::before{content:"\f3d8"}.bi-folder2::before{content:"\f3d9"}.bi-fonts::before{content:"\f3da"}.bi-forward-fill::before{content:"\f3db"}.bi-forward::before{content:"\f3dc"}.bi-front::before{content:"\f3dd"}.bi-fullscreen-exit::before{content:"\f3de"}.bi-fullscreen::before{content:"\f3df"}.bi-funnel-fill::before{content:"\f3e0"}.bi-funnel::before{content:"\f3e1"}.bi-gear-fill::before{content:"\f3e2"}.bi-gear-wide-connected::before{content:"\f3e3"}.bi-gear-wide::before{content:"\f3e4"}.bi-gear::before{content:"\f3e5"}.bi-gem::before{content:"\f3e6"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-geo-alt::before{content:"\f3e8"}.bi-geo-fill::before{content:"\f3e9"}.bi-geo::before{content:"\f3ea"}.bi-gift-fill::before{content:"\f3eb"}.bi-gift::before{content:"\f3ec"}.bi-github::before{content:"\f3ed"}.bi-globe::before{content:"\f3ee"}.bi-globe2::before{content:"\f3ef"}.bi-google::before{content:"\f3f0"}.bi-graph-down::before{content:"\f3f1"}.bi-graph-up::before{content:"\f3f2"}.bi-grid-1x2-fill::before{content:"\f3f3"}.bi-grid-1x2::before{content:"\f3f4"}.bi-grid-3x2-gap-fill::before{content:"\f3f5"}.bi-grid-3x2-gap::before{content:"\f3f6"}.bi-grid-3x2::before{content:"\f3f7"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid-3x3::before{content:"\f3fa"}.bi-grid-fill::before{content:"\f3fb"}.bi-grid::before{content:"\f3fc"}.bi-grip-horizontal::before{content:"\f3fd"}.bi-grip-vertical::before{content:"\f3fe"}.bi-hammer::before{content:"\f3ff"}.bi-hand-index-fill::before{content:"\f400"}.bi-hand-index-thumb-fill::before{content:"\f401"}.bi-hand-index-thumb::before{content:"\f402"}.bi-hand-index::before{content:"\f403"}.bi-hand-thumbs-down-fill::before{content:"\f404"}.bi-hand-thumbs-down::before{content:"\f405"}.bi-hand-thumbs-up-fill::before{content:"\f406"}.bi-hand-thumbs-up::before{content:"\f407"}.bi-handbag-fill::before{content:"\f408"}.bi-handbag::before{content:"\f409"}.bi-hash::before{content:"\f40a"}.bi-hdd-fill::before{content:"\f40b"}.bi-hdd-network-fill::before{content:"\f40c"}.bi-hdd-network::before{content:"\f40d"}.bi-hdd-rack-fill::before{content:"\f40e"}.bi-hdd-rack::before{content:"\f40f"}.bi-hdd-stack-fill::before{content:"\f410"}.bi-hdd-stack::before{content:"\f411"}.bi-hdd::before{content:"\f412"}.bi-headphones::before{content:"\f413"}.bi-headset::before{content:"\f414"}.bi-heart-fill::before{content:"\f415"}.bi-heart-half::before{content:"\f416"}.bi-heart::before{content:"\f417"}.bi-heptagon-fill::before{content:"\f418"}.bi-heptagon-half::before{content:"\f419"}.bi-heptagon::before{content:"\f41a"}.bi-hexagon-fill::before{content:"\f41b"}.bi-hexagon-half::before{content:"\f41c"}.bi-hexagon::before{content:"\f41d"}.bi-hourglass-bottom::before{content:"\f41e"}.bi-hourglass-split::before{content:"\f41f"}.bi-hourglass-top::before{content:"\f420"}.bi-hourglass::before{content:"\f421"}.bi-house-door-fill::before{content:"\f422"}.bi-house-door::before{content:"\f423"}.bi-house-fill::before{content:"\f424"}.bi-house::before{content:"\f425"}.bi-hr::before{content:"\f426"}.bi-hurricane::before{content:"\f427"}.bi-image-alt::before{content:"\f428"}.bi-image-fill::before{content:"\f429"}.bi-image::before{content:"\f42a"}.bi-images::before{content:"\f42b"}.bi-inbox-fill::before{content:"\f42c"}.bi-inbox::before{content:"\f42d"}.bi-inboxes-fill::before{content:"\f42e"}.bi-inboxes::before{content:"\f42f"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-circle::before{content:"\f431"}.bi-info-square-fill::before{content:"\f432"}.bi-info-square::before{content:"\f433"}.bi-info::before{content:"\f434"}.bi-input-cursor-text::before{content:"\f435"}.bi-input-cursor::before{content:"\f436"}.bi-instagram::before{content:"\f437"}.bi-intersect::before{content:"\f438"}.bi-journal-album::before{content:"\f439"}.bi-journal-arrow-down::before{content:"\f43a"}.bi-journal-arrow-up::before{content:"\f43b"}.bi-journal-bookmark-fill::before{content:"\f43c"}.bi-journal-bookmark::before{content:"\f43d"}.bi-journal-check::before{content:"\f43e"}.bi-journal-code::before{content:"\f43f"}.bi-journal-medical::before{content:"\f440"}.bi-journal-minus::before{content:"\f441"}.bi-journal-plus::before{content:"\f442"}.bi-journal-richtext::before{content:"\f443"}.bi-journal-text::before{content:"\f444"}.bi-journal-x::before{content:"\f445"}.bi-journal::before{content:"\f446"}.bi-journals::before{content:"\f447"}.bi-joystick::before{content:"\f448"}.bi-justify-left::before{content:"\f449"}.bi-justify-right::before{content:"\f44a"}.bi-justify::before{content:"\f44b"}.bi-kanban-fill::before{content:"\f44c"}.bi-kanban::before{content:"\f44d"}.bi-key-fill::before{content:"\f44e"}.bi-key::before{content:"\f44f"}.bi-keyboard-fill::before{content:"\f450"}.bi-keyboard::before{content:"\f451"}.bi-ladder::before{content:"\f452"}.bi-lamp-fill::before{content:"\f453"}.bi-lamp::before{content:"\f454"}.bi-laptop-fill::before{content:"\f455"}.bi-laptop::before{content:"\f456"}.bi-layer-backward::before{content:"\f457"}.bi-layer-forward::before{content:"\f458"}.bi-layers-fill::before{content:"\f459"}.bi-layers-half::before{content:"\f45a"}.bi-layers::before{content:"\f45b"}.bi-layout-sidebar-inset-reverse::before{content:"\f45c"}.bi-layout-sidebar-inset::before{content:"\f45d"}.bi-layout-sidebar-reverse::before{content:"\f45e"}.bi-layout-sidebar::before{content:"\f45f"}.bi-layout-split::before{content:"\f460"}.bi-layout-text-sidebar-reverse::before{content:"\f461"}.bi-layout-text-sidebar::before{content:"\f462"}.bi-layout-text-window-reverse::before{content:"\f463"}.bi-layout-text-window::before{content:"\f464"}.bi-layout-three-columns::before{content:"\f465"}.bi-layout-wtf::before{content:"\f466"}.bi-life-preserver::before{content:"\f467"}.bi-lightbulb-fill::before{content:"\f468"}.bi-lightbulb-off-fill::before{content:"\f469"}.bi-lightbulb-off::before{content:"\f46a"}.bi-lightbulb::before{content:"\f46b"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-charge::before{content:"\f46d"}.bi-lightning-fill::before{content:"\f46e"}.bi-lightning::before{content:"\f46f"}.bi-link-45deg::before{content:"\f470"}.bi-link::before{content:"\f471"}.bi-linkedin::before{content:"\f472"}.bi-list-check::before{content:"\f473"}.bi-list-nested::before{content:"\f474"}.bi-list-ol::before{content:"\f475"}.bi-list-stars::before{content:"\f476"}.bi-list-task::before{content:"\f477"}.bi-list-ul::before{content:"\f478"}.bi-list::before{content:"\f479"}.bi-lock-fill::before{content:"\f47a"}.bi-lock::before{content:"\f47b"}.bi-mailbox::before{content:"\f47c"}.bi-mailbox2::before{content:"\f47d"}.bi-map-fill::before{content:"\f47e"}.bi-map::before{content:"\f47f"}.bi-markdown-fill::before{content:"\f480"}.bi-markdown::before{content:"\f481"}.bi-mask::before{content:"\f482"}.bi-megaphone-fill::before{content:"\f483"}.bi-megaphone::before{content:"\f484"}.bi-menu-app-fill::before{content:"\f485"}.bi-menu-app::before{content:"\f486"}.bi-menu-button-fill::before{content:"\f487"}.bi-menu-button-wide-fill::before{content:"\f488"}.bi-menu-button-wide::before{content:"\f489"}.bi-menu-button::before{content:"\f48a"}.bi-menu-down::before{content:"\f48b"}.bi-menu-up::before{content:"\f48c"}.bi-mic-fill::before{content:"\f48d"}.bi-mic-mute-fill::before{content:"\f48e"}.bi-mic-mute::before{content:"\f48f"}.bi-mic::before{content:"\f490"}.bi-minecart-loaded::before{content:"\f491"}.bi-minecart::before{content:"\f492"}.bi-moisture::before{content:"\f493"}.bi-moon-fill::before{content:"\f494"}.bi-moon-stars-fill::before{content:"\f495"}.bi-moon-stars::before{content:"\f496"}.bi-moon::before{content:"\f497"}.bi-mouse-fill::before{content:"\f498"}.bi-mouse::before{content:"\f499"}.bi-mouse2-fill::before{content:"\f49a"}.bi-mouse2::before{content:"\f49b"}.bi-mouse3-fill::before{content:"\f49c"}.bi-mouse3::before{content:"\f49d"}.bi-music-note-beamed::before{content:"\f49e"}.bi-music-note-list::before{content:"\f49f"}.bi-music-note::before{content:"\f4a0"}.bi-music-player-fill::before{content:"\f4a1"}.bi-music-player::before{content:"\f4a2"}.bi-newspaper::before{content:"\f4a3"}.bi-node-minus-fill::before{content:"\f4a4"}.bi-node-minus::before{content:"\f4a5"}.bi-node-plus-fill::before{content:"\f4a6"}.bi-node-plus::before{content:"\f4a7"}.bi-nut-fill::before{content:"\f4a8"}.bi-nut::before{content:"\f4a9"}.bi-octagon-fill::before{content:"\f4aa"}.bi-octagon-half::before{content:"\f4ab"}.bi-octagon::before{content:"\f4ac"}.bi-option::before{content:"\f4ad"}.bi-outlet::before{content:"\f4ae"}.bi-paint-bucket::before{content:"\f4af"}.bi-palette-fill::before{content:"\f4b0"}.bi-palette::before{content:"\f4b1"}.bi-palette2::before{content:"\f4b2"}.bi-paperclip::before{content:"\f4b3"}.bi-paragraph::before{content:"\f4b4"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-patch-check::before{content:"\f4b6"}.bi-patch-exclamation-fill::before{content:"\f4b7"}.bi-patch-exclamation::before{content:"\f4b8"}.bi-patch-minus-fill::before{content:"\f4b9"}.bi-patch-minus::before{content:"\f4ba"}.bi-patch-plus-fill::before{content:"\f4bb"}.bi-patch-plus::before{content:"\f4bc"}.bi-patch-question-fill::before{content:"\f4bd"}.bi-patch-question::before{content:"\f4be"}.bi-pause-btn-fill::before{content:"\f4bf"}.bi-pause-btn::before{content:"\f4c0"}.bi-pause-circle-fill::before{content:"\f4c1"}.bi-pause-circle::before{content:"\f4c2"}.bi-pause-fill::before{content:"\f4c3"}.bi-pause::before{content:"\f4c4"}.bi-peace-fill::before{content:"\f4c5"}.bi-peace::before{content:"\f4c6"}.bi-pen-fill::before{content:"\f4c7"}.bi-pen::before{content:"\f4c8"}.bi-pencil-fill::before{content:"\f4c9"}.bi-pencil-square::before{content:"\f4ca"}.bi-pencil::before{content:"\f4cb"}.bi-pentagon-fill::before{content:"\f4cc"}.bi-pentagon-half::before{content:"\f4cd"}.bi-pentagon::before{content:"\f4ce"}.bi-people-fill::before{content:"\f4cf"}.bi-people::before{content:"\f4d0"}.bi-percent::before{content:"\f4d1"}.bi-person-badge-fill::before{content:"\f4d2"}.bi-person-badge::before{content:"\f4d3"}.bi-person-bounding-box::before{content:"\f4d4"}.bi-person-check-fill::before{content:"\f4d5"}.bi-person-check::before{content:"\f4d6"}.bi-person-circle::before{content:"\f4d7"}.bi-person-dash-fill::before{content:"\f4d8"}.bi-person-dash::before{content:"\f4d9"}.bi-person-fill::before{content:"\f4da"}.bi-person-lines-fill::before{content:"\f4db"}.bi-person-plus-fill::before{content:"\f4dc"}.bi-person-plus::before{content:"\f4dd"}.bi-person-square::before{content:"\f4de"}.bi-person-x-fill::before{content:"\f4df"}.bi-person-x::before{content:"\f4e0"}.bi-person::before{content:"\f4e1"}.bi-phone-fill::before{content:"\f4e2"}.bi-phone-landscape-fill::before{content:"\f4e3"}.bi-phone-landscape::before{content:"\f4e4"}.bi-phone-vibrate-fill::before{content:"\f4e5"}.bi-phone-vibrate::before{content:"\f4e6"}.bi-phone::before{content:"\f4e7"}.bi-pie-chart-fill::before{content:"\f4e8"}.bi-pie-chart::before{content:"\f4e9"}.bi-pin-angle-fill::before{content:"\f4ea"}.bi-pin-angle::before{content:"\f4eb"}.bi-pin-fill::before{content:"\f4ec"}.bi-pin::before{content:"\f4ed"}.bi-pip-fill::before{content:"\f4ee"}.bi-pip::before{content:"\f4ef"}.bi-play-btn-fill::before{content:"\f4f0"}.bi-play-btn::before{content:"\f4f1"}.bi-play-circle-fill::before{content:"\f4f2"}.bi-play-circle::before{content:"\f4f3"}.bi-play-fill::before{content:"\f4f4"}.bi-play::before{content:"\f4f5"}.bi-plug-fill::before{content:"\f4f6"}.bi-plug::before{content:"\f4f7"}.bi-plus-circle-dotted::before{content:"\f4f8"}.bi-plus-circle-fill::before{content:"\f4f9"}.bi-plus-circle::before{content:"\f4fa"}.bi-plus-square-dotted::before{content:"\f4fb"}.bi-plus-square-fill::before{content:"\f4fc"}.bi-plus-square::before{content:"\f4fd"}.bi-plus::before{content:"\f4fe"}.bi-power::before{content:"\f4ff"}.bi-printer-fill::before{content:"\f500"}.bi-printer::before{content:"\f501"}.bi-puzzle-fill::before{content:"\f502"}.bi-puzzle::before{content:"\f503"}.bi-question-circle-fill::before{content:"\f504"}.bi-question-circle::before{content:"\f505"}.bi-question-diamond-fill::before{content:"\f506"}.bi-question-diamond::before{content:"\f507"}.bi-question-octagon-fill::before{content:"\f508"}.bi-question-octagon::before{content:"\f509"}.bi-question-square-fill::before{content:"\f50a"}.bi-question-square::before{content:"\f50b"}.bi-question::before{content:"\f50c"}.bi-rainbow::before{content:"\f50d"}.bi-receipt-cutoff::before{content:"\f50e"}.bi-receipt::before{content:"\f50f"}.bi-reception-0::before{content:"\f510"}.bi-reception-1::before{content:"\f511"}.bi-reception-2::before{content:"\f512"}.bi-reception-3::before{content:"\f513"}.bi-reception-4::before{content:"\f514"}.bi-record-btn-fill::before{content:"\f515"}.bi-record-btn::before{content:"\f516"}.bi-record-circle-fill::before{content:"\f517"}.bi-record-circle::before{content:"\f518"}.bi-record-fill::before{content:"\f519"}.bi-record::before{content:"\f51a"}.bi-record2-fill::before{content:"\f51b"}.bi-record2::before{content:"\f51c"}.bi-reply-all-fill::before{content:"\f51d"}.bi-reply-all::before{content:"\f51e"}.bi-reply-fill::before{content:"\f51f"}.bi-reply::before{content:"\f520"}.bi-rss-fill::before{content:"\f521"}.bi-rss::before{content:"\f522"}.bi-rulers::before{content:"\f523"}.bi-save-fill::before{content:"\f524"}.bi-save::before{content:"\f525"}.bi-save2-fill::before{content:"\f526"}.bi-save2::before{content:"\f527"}.bi-scissors::before{content:"\f528"}.bi-screwdriver::before{content:"\f529"}.bi-search::before{content:"\f52a"}.bi-segmented-nav::before{content:"\f52b"}.bi-server::before{content:"\f52c"}.bi-share-fill::before{content:"\f52d"}.bi-share::before{content:"\f52e"}.bi-shield-check::before{content:"\f52f"}.bi-shield-exclamation::before{content:"\f530"}.bi-shield-fill-check::before{content:"\f531"}.bi-shield-fill-exclamation::before{content:"\f532"}.bi-shield-fill-minus::before{content:"\f533"}.bi-shield-fill-plus::before{content:"\f534"}.bi-shield-fill-x::before{content:"\f535"}.bi-shield-fill::before{content:"\f536"}.bi-shield-lock-fill::before{content:"\f537"}.bi-shield-lock::before{content:"\f538"}.bi-shield-minus::before{content:"\f539"}.bi-shield-plus::before{content:"\f53a"}.bi-shield-shaded::before{content:"\f53b"}.bi-shield-slash-fill::before{content:"\f53c"}.bi-shield-slash::before{content:"\f53d"}.bi-shield-x::before{content:"\f53e"}.bi-shield::before{content:"\f53f"}.bi-shift-fill::before{content:"\f540"}.bi-shift::before{content:"\f541"}.bi-shop-window::before{content:"\f542"}.bi-shop::before{content:"\f543"}.bi-shuffle::before{content:"\f544"}.bi-signpost-2-fill::before{content:"\f545"}.bi-signpost-2::before{content:"\f546"}.bi-signpost-fill::before{content:"\f547"}.bi-signpost-split-fill::before{content:"\f548"}.bi-signpost-split::before{content:"\f549"}.bi-signpost::before{content:"\f54a"}.bi-sim-fill::before{content:"\f54b"}.bi-sim::before{content:"\f54c"}.bi-skip-backward-btn-fill::before{content:"\f54d"}.bi-skip-backward-btn::before{content:"\f54e"}.bi-skip-backward-circle-fill::before{content:"\f54f"}.bi-skip-backward-circle::before{content:"\f550"}.bi-skip-backward-fill::before{content:"\f551"}.bi-skip-backward::before{content:"\f552"}.bi-skip-end-btn-fill::before{content:"\f553"}.bi-skip-end-btn::before{content:"\f554"}.bi-skip-end-circle-fill::before{content:"\f555"}.bi-skip-end-circle::before{content:"\f556"}.bi-skip-end-fill::before{content:"\f557"}.bi-skip-end::before{content:"\f558"}.bi-skip-forward-btn-fill::before{content:"\f559"}.bi-skip-forward-btn::before{content:"\f55a"}.bi-skip-forward-circle-fill::before{content:"\f55b"}.bi-skip-forward-circle::before{content:"\f55c"}.bi-skip-forward-fill::before{content:"\f55d"}.bi-skip-forward::before{content:"\f55e"}.bi-skip-start-btn-fill::before{content:"\f55f"}.bi-skip-start-btn::before{content:"\f560"}.bi-skip-start-circle-fill::before{content:"\f561"}.bi-skip-start-circle::before{content:"\f562"}.bi-skip-start-fill::before{content:"\f563"}.bi-skip-start::before{content:"\f564"}.bi-slack::before{content:"\f565"}.bi-slash-circle-fill::before{content:"\f566"}.bi-slash-circle::before{content:"\f567"}.bi-slash-square-fill::before{content:"\f568"}.bi-slash-square::before{content:"\f569"}.bi-slash::before{content:"\f56a"}.bi-sliders::before{content:"\f56b"}.bi-smartwatch::before{content:"\f56c"}.bi-snow::before{content:"\f56d"}.bi-snow2::before{content:"\f56e"}.bi-snow3::before{content:"\f56f"}.bi-sort-alpha-down-alt::before{content:"\f570"}.bi-sort-alpha-down::before{content:"\f571"}.bi-sort-alpha-up-alt::before{content:"\f572"}.bi-sort-alpha-up::before{content:"\f573"}.bi-sort-down-alt::before{content:"\f574"}.bi-sort-down::before{content:"\f575"}.bi-sort-numeric-down-alt::before{content:"\f576"}.bi-sort-numeric-down::before{content:"\f577"}.bi-sort-numeric-up-alt::before{content:"\f578"}.bi-sort-numeric-up::before{content:"\f579"}.bi-sort-up-alt::before{content:"\f57a"}.bi-sort-up::before{content:"\f57b"}.bi-soundwave::before{content:"\f57c"}.bi-speaker-fill::before{content:"\f57d"}.bi-speaker::before{content:"\f57e"}.bi-speedometer::before{content:"\f57f"}.bi-speedometer2::before{content:"\f580"}.bi-spellcheck::before{content:"\f581"}.bi-square-fill::before{content:"\f582"}.bi-square-half::before{content:"\f583"}.bi-square::before{content:"\f584"}.bi-stack::before{content:"\f585"}.bi-star-fill::before{content:"\f586"}.bi-star-half::before{content:"\f587"}.bi-star::before{content:"\f588"}.bi-stars::before{content:"\f589"}.bi-stickies-fill::before{content:"\f58a"}.bi-stickies::before{content:"\f58b"}.bi-sticky-fill::before{content:"\f58c"}.bi-sticky::before{content:"\f58d"}.bi-stop-btn-fill::before{content:"\f58e"}.bi-stop-btn::before{content:"\f58f"}.bi-stop-circle-fill::before{content:"\f590"}.bi-stop-circle::before{content:"\f591"}.bi-stop-fill::before{content:"\f592"}.bi-stop::before{content:"\f593"}.bi-stoplights-fill::before{content:"\f594"}.bi-stoplights::before{content:"\f595"}.bi-stopwatch-fill::before{content:"\f596"}.bi-stopwatch::before{content:"\f597"}.bi-subtract::before{content:"\f598"}.bi-suit-club-fill::before{content:"\f599"}.bi-suit-club::before{content:"\f59a"}.bi-suit-diamond-fill::before{content:"\f59b"}.bi-suit-diamond::before{content:"\f59c"}.bi-suit-heart-fill::before{content:"\f59d"}.bi-suit-heart::before{content:"\f59e"}.bi-suit-spade-fill::before{content:"\f59f"}.bi-suit-spade::before{content:"\f5a0"}.bi-sun-fill::before{content:"\f5a1"}.bi-sun::before{content:"\f5a2"}.bi-sunglasses::before{content:"\f5a3"}.bi-sunrise-fill::before{content:"\f5a4"}.bi-sunrise::before{content:"\f5a5"}.bi-sunset-fill::before{content:"\f5a6"}.bi-sunset::before{content:"\f5a7"}.bi-symmetry-horizontal::before{content:"\f5a8"}.bi-symmetry-vertical::before{content:"\f5a9"}.bi-table::before{content:"\f5aa"}.bi-tablet-fill::before{content:"\f5ab"}.bi-tablet-landscape-fill::before{content:"\f5ac"}.bi-tablet-landscape::before{content:"\f5ad"}.bi-tablet::before{content:"\f5ae"}.bi-tag-fill::before{content:"\f5af"}.bi-tag::before{content:"\f5b0"}.bi-tags-fill::before{content:"\f5b1"}.bi-tags::before{content:"\f5b2"}.bi-telegram::before{content:"\f5b3"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone-forward-fill::before{content:"\f5b5"}.bi-telephone-forward::before{content:"\f5b6"}.bi-telephone-inbound-fill::before{content:"\f5b7"}.bi-telephone-inbound::before{content:"\f5b8"}.bi-telephone-minus-fill::before{content:"\f5b9"}.bi-telephone-minus::before{content:"\f5ba"}.bi-telephone-outbound-fill::before{content:"\f5bb"}.bi-telephone-outbound::before{content:"\f5bc"}.bi-telephone-plus-fill::before{content:"\f5bd"}.bi-telephone-plus::before{content:"\f5be"}.bi-telephone-x-fill::before{content:"\f5bf"}.bi-telephone-x::before{content:"\f5c0"}.bi-telephone::before{content:"\f5c1"}.bi-terminal-fill::before{content:"\f5c2"}.bi-terminal::before{content:"\f5c3"}.bi-text-center::before{content:"\f5c4"}.bi-text-indent-left::before{content:"\f5c5"}.bi-text-indent-right::before{content:"\f5c6"}.bi-text-left::before{content:"\f5c7"}.bi-text-paragraph::before{content:"\f5c8"}.bi-text-right::before{content:"\f5c9"}.bi-textarea-resize::before{content:"\f5ca"}.bi-textarea-t::before{content:"\f5cb"}.bi-textarea::before{content:"\f5cc"}.bi-thermometer-half::before{content:"\f5cd"}.bi-thermometer-high::before{content:"\f5ce"}.bi-thermometer-low::before{content:"\f5cf"}.bi-thermometer-snow::before{content:"\f5d0"}.bi-thermometer-sun::before{content:"\f5d1"}.bi-thermometer::before{content:"\f5d2"}.bi-three-dots-vertical::before{content:"\f5d3"}.bi-three-dots::before{content:"\f5d4"}.bi-toggle-off::before{content:"\f5d5"}.bi-toggle-on::before{content:"\f5d6"}.bi-toggle2-off::before{content:"\f5d7"}.bi-toggle2-on::before{content:"\f5d8"}.bi-toggles::before{content:"\f5d9"}.bi-toggles2::before{content:"\f5da"}.bi-tools::before{content:"\f5db"}.bi-tornado::before{content:"\f5dc"}.bi-trash-fill::before{content:"\f5dd"}.bi-trash::before{content:"\f5de"}.bi-trash2-fill::before{content:"\f5df"}.bi-trash2::before{content:"\f5e0"}.bi-tree-fill::before{content:"\f5e1"}.bi-tree::before{content:"\f5e2"}.bi-triangle-fill::before{content:"\f5e3"}.bi-triangle-half::before{content:"\f5e4"}.bi-triangle::before{content:"\f5e5"}.bi-trophy-fill::before{content:"\f5e6"}.bi-trophy::before{content:"\f5e7"}.bi-tropical-storm::before{content:"\f5e8"}.bi-truck-flatbed::before{content:"\f5e9"}.bi-truck::before{content:"\f5ea"}.bi-tsunami::before{content:"\f5eb"}.bi-tv-fill::before{content:"\f5ec"}.bi-tv::before{content:"\f5ed"}.bi-twitch::before{content:"\f5ee"}.bi-twitter::before{content:"\f5ef"}.bi-type-bold::before{content:"\f5f0"}.bi-type-h1::before{content:"\f5f1"}.bi-type-h2::before{content:"\f5f2"}.bi-type-h3::before{content:"\f5f3"}.bi-type-italic::before{content:"\f5f4"}.bi-type-strikethrough::before{content:"\f5f5"}.bi-type-underline::before{content:"\f5f6"}.bi-type::before{content:"\f5f7"}.bi-ui-checks-grid::before{content:"\f5f8"}.bi-ui-checks::before{content:"\f5f9"}.bi-ui-radios-grid::before{content:"\f5fa"}.bi-ui-radios::before{content:"\f5fb"}.bi-umbrella-fill::before{content:"\f5fc"}.bi-umbrella::before{content:"\f5fd"}.bi-union::before{content:"\f5fe"}.bi-unlock-fill::before{content:"\f5ff"}.bi-unlock::before{content:"\f600"}.bi-upc-scan::before{content:"\f601"}.bi-upc::before{content:"\f602"}.bi-upload::before{content:"\f603"}.bi-vector-pen::before{content:"\f604"}.bi-view-list::before{content:"\f605"}.bi-view-stacked::before{content:"\f606"}.bi-vinyl-fill::before{content:"\f607"}.bi-vinyl::before{content:"\f608"}.bi-voicemail::before{content:"\f609"}.bi-volume-down-fill::before{content:"\f60a"}.bi-volume-down::before{content:"\f60b"}.bi-volume-mute-fill::before{content:"\f60c"}.bi-volume-mute::before{content:"\f60d"}.bi-volume-off-fill::before{content:"\f60e"}.bi-volume-off::before{content:"\f60f"}.bi-volume-up-fill::before{content:"\f610"}.bi-volume-up::before{content:"\f611"}.bi-vr::before{content:"\f612"}.bi-wallet-fill::before{content:"\f613"}.bi-wallet::before{content:"\f614"}.bi-wallet2::before{content:"\f615"}.bi-watch::before{content:"\f616"}.bi-water::before{content:"\f617"}.bi-whatsapp::before{content:"\f618"}.bi-wifi-1::before{content:"\f619"}.bi-wifi-2::before{content:"\f61a"}.bi-wifi-off::before{content:"\f61b"}.bi-wifi::before{content:"\f61c"}.bi-wind::before{content:"\f61d"}.bi-window-dock::before{content:"\f61e"}.bi-window-sidebar::before{content:"\f61f"}.bi-window::before{content:"\f620"}.bi-wrench::before{content:"\f621"}.bi-x-circle-fill::before{content:"\f622"}.bi-x-circle::before{content:"\f623"}.bi-x-diamond-fill::before{content:"\f624"}.bi-x-diamond::before{content:"\f625"}.bi-x-octagon-fill::before{content:"\f626"}.bi-x-octagon::before{content:"\f627"}.bi-x-square-fill::before{content:"\f628"}.bi-x-square::before{content:"\f629"}.bi-x::before{content:"\f62a"}.bi-youtube::before{content:"\f62b"}.bi-zoom-in::before{content:"\f62c"}.bi-zoom-out::before{content:"\f62d"}.bi-bank::before{content:"\f62e"}.bi-bank2::before{content:"\f62f"}.bi-bell-slash-fill::before{content:"\f630"}.bi-bell-slash::before{content:"\f631"}.bi-cash-coin::before{content:"\f632"}.bi-check-lg::before{content:"\f633"}.bi-coin::before{content:"\f634"}.bi-currency-bitcoin::before{content:"\f635"}.bi-currency-dollar::before{content:"\f636"}.bi-currency-euro::before{content:"\f637"}.bi-currency-exchange::before{content:"\f638"}.bi-currency-pound::before{content:"\f639"}.bi-currency-yen::before{content:"\f63a"}.bi-dash-lg::before{content:"\f63b"}.bi-exclamation-lg::before{content:"\f63c"}.bi-file-earmark-pdf-fill::before{content:"\f63d"}.bi-file-earmark-pdf::before{content:"\f63e"}.bi-file-pdf-fill::before{content:"\f63f"}.bi-file-pdf::before{content:"\f640"}.bi-gender-ambiguous::before{content:"\f641"}.bi-gender-female::before{content:"\f642"}.bi-gender-male::before{content:"\f643"}.bi-gender-trans::before{content:"\f644"}.bi-headset-vr::before{content:"\f645"}.bi-info-lg::before{content:"\f646"}.bi-mastodon::before{content:"\f647"}.bi-messenger::before{content:"\f648"}.bi-piggy-bank-fill::before{content:"\f649"}.bi-piggy-bank::before{content:"\f64a"}.bi-pin-map-fill::before{content:"\f64b"}.bi-pin-map::before{content:"\f64c"}.bi-plus-lg::before{content:"\f64d"}.bi-question-lg::before{content:"\f64e"}.bi-recycle::before{content:"\f64f"}.bi-reddit::before{content:"\f650"}.bi-safe-fill::before{content:"\f651"}.bi-safe2-fill::before{content:"\f652"}.bi-safe2::before{content:"\f653"}.bi-sd-card-fill::before{content:"\f654"}.bi-sd-card::before{content:"\f655"}.bi-skype::before{content:"\f656"}.bi-slash-lg::before{content:"\f657"}.bi-translate::before{content:"\f658"}.bi-x-lg::before{content:"\f659"}.bi-safe::before{content:"\f65a"}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('./fonts/IRANSansWeb_Black.woff') format('woff');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('./fonts/IRANSansWeb_Bold.woff') format('woff');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('./fonts/IRANSansWeb_Medium.woff') format('woff');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('./fonts/IRANSansWeb_Light.woff') format('woff');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('./fonts/IRANSansWeb_UltraLight.woff') format('woff');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('./fonts/IRANSansWeb.woff') format('woff');
}

@font-face {
    font-family: 'sarzamineweb';
    src: url('fonts/sarzamineweb.woff?z66occ') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}
.sarzamin{font-family:sarzamineweb!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sarzamin-angle-double-down:before{content:"\e900"}.sarzamin-angle-left:before{content:"\e901"}.sarzamin-angle-up:before{content:"\e902"}.sarzamin-aparat .path1:before{content:"\e903";color:#263238}.sarzamin-aparat .path2:before{content:"\e904";margin-left:-1em;color:#e91e63}.sarzamin-caret-left:before{content:"\e905"}.sarzamin-comment-lines:before{content:"\e906"}.sarzamin-file-signature:before{content:"\e907"}.sarzamin-frown:before{content:"\e908"}.sarzamin-globe:before{content:"\e909"}.sarzamin-gmail .path1:before{content:"\e90a";color:#eceff1}.sarzamin-gmail .path2:before{content:"\e90b";margin-left:-1em;color:#cfd8dc}.sarzamin-gmail .path3:before{content:"\e90c";margin-left:-1em;color:#f44336}.sarzamin-grin:before{content:"\e90d"}.sarzamin-grin-beam:before{content:"\e90e"}.sarzamin-instagram:before{content:"\e90f"}.sarzamin-lock:before{content:"\e910"}.sarzamin-meh:before{content:"\e911"}.sarzamin-play:before{content:"\e912"}.sarzamin-search:before{content:"\e913"}.sarzamin-smile:before{content:"\e914"}.sarzamin-star:before{content:"\e915"}.sarzamin-star-empt:before{content:"\e916"}.sarzamin-star-half-alt:before{content:"\e917"}.sarzamin-telegram-plane:before{content:"\e918"}.sarzamin-times:before{content:"\e919"}.sarzamin-users:before{content:"\e91a"}.sarzamin-whatsapp:before{content:"\e91b"}.sarzamin-sliders-v:before{content:"\e91c"}.sarzamin-times-hexagon:before{content:"\e91e"}.sarzamin-question:before{content:"\e91d"}
/**********************************
#----- Basic Class In theme
**************************************/
m {
    padding: 0;
    margin: 0;
}

body {
    direction: rtl;
    font-family: IRANSans;
    background-color: #f0f0f0;
    padding: 0;
    margin: 0;
}
.mob_user_menu{display:none;}
.w-100 {
    width: 100%
}

.p-20 {
    padding: 20px;
}

.alert-danger {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-success {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.swal2-title {
    font-size: 16px !important
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.bg-white {
    background-color: #fff
}

.scrollTotop {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 999999999;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    border-radius: 100%;
    text-decoration: none;
    color: #181818;
    cursor: pointer;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}

.scrollTotop i {
    font-size: 20px;
}

.scrollTotop:hover {
    background: #ff4757;
    color: #fff;
}

li {
    list-style: none
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
}

.page-item.active .page-link {

    color: #fff;
    background-color: #ce2fb0;

}

.page-item .page-link {
    z-index: 3;
    color: #ce2fb0;
    background-color: #fff;
    position: relative;
    display: block;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 6px;
    margin-left: 10px;
    padding: .375rem .75rem;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #ff9e4ea6;
    border-color: #ff9e4ea6;
}

a {
    text-decoration: none
}

.text-danger {
    color: #ce2fb0 !important;
}

.text-suc {
    color: #16a085 !important;
}
.position-relative{
    display: flex;
}
.text-white{
    color: #fff;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #ffffff;
    border: 1px solid #E4E6EF;
    border-radius: 0.42rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    max-width: 100%;
    height: auto; }
.img-thumbnail img{
    border-radius: 0.42rem;
}
.btn_instagram {
    margin-right: 55px;
    background: rgb(252, 87, 139);
    background: linear-gradient(
        357deg, rgba(252, 87, 139, 1) 0%, rgba(251, 91, 132, 1) 35%, rgba(248, 109, 103, 1) 100%);
    display: flex;
    width: 180px;
    align-items: center;
    color: #fff;
    height: 50px;
    border-radius: 10px;
    padding: 0 10px 0 5px;
    font-size: 16px;
}

.btn_instagram svg {
    width: 50px;
    margin-left: 0;
    -webkit-text-fill-color: #fff;
    height: 50px;
}

.btn_email {
    margin-right: 55px;
    background-color: #ee9617;
    display: flex;
    width: 180px;
    align-items: center;
    color: #fff;
    height: 50px;
    border-radius: 10px;
    padding: 0 10px 0 5px;
    font-size: 18px;
}

.btn_email svg {
    width: 45px;
    margin-left: 30px;
    -webkit-text-fill-color: #fff;
    margin-right: 5px;
    height: 45px;
}

.btn_download {
    margin-right: 55px;
    display: flex;
    width: 180px;
    align-items: center;
    color: #fff;
    height: 50px;
    border-radius: 10px;
    padding: 0 10px 0 5px;
    font-size: 18px;
    background: rgb(44, 178, 128);
    background: linear-gradient(357deg, rgba(44, 178, 128, 1) 0%, rgba(36, 174, 120, 1) 35%, rgba(25, 169, 108, 1) 100%);
}

.btn_download svg {
    width: 45px;
    fill: #fff;
    margin-left: 20px;
    -webkit-text-fill-color: #fff;
    margin-right: 5px;
    height: 45px;
}

.btn_telegram {
    margin-right: 55px;
    display: flex;
    width: 180px;
    align-items: center;
    color: #fff;
    height: 50px;
    border-radius: 10px;
    padding: 0 10px 0 5px;
    font-size: 18px;
    background: rgb(74, 176, 254);
    background: linear-gradient(357deg, rgba(74, 176, 254, 1) 0%, rgba(40, 207, 254, 1) 35%, rgba(7, 236, 254, 1) 100%);
}

.btn_telegram svg {
    width: 45px;
    margin-left: 25px;
    -webkit-text-fill-color: #fff;
    margin-right: 5px;
    height: 45px;
    border-radius: 100%;
}

.btn_file {
    margin-right: 55px;
    display: flex;
    width: 180px;
    align-items: center;
    color: #fff;
    height: 50px;
    border-radius: 10px;
    padding: 0 10px 0 5px;
    font-size: 18px;
    background: rgb(219, 59, 83);
    background: linear-gradient(357deg, rgba(219, 59, 83, 1) 0%, rgba(158, 59, 110, 1) 35%, rgba(95, 59, 138, 1) 100%);
}

.btn_file svg {
    width: 45px;
    margin-left: 5px;
    -webkit-text-fill-color: #fff;
    margin-right: 5px;
    fill: #fff;
    height: 45px;
}
/**********************************
#----- Header
**************************************/
.top_header_mobile {
    display: none;
    background: #fff;
}

header.top_header {
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 88;
}

.logo_top {
    width: 140px;
    display: block;
}

.main_menu > ul {
    display: flex;
    margin: 0;
}

.main_menu > ul > li {
    list-style: none;
    margin-left: 20px;
    display: flex;
    position: relative;
    align-items: center;
}

.main_menu > ul > li:last-child {
    margin-left: 0;
}

.main_menu > ul > li > a {
    text-decoration: none;
    color: #181818;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.main_menu > ul > li > a i {
    margin-right: 5px;
    font-size: 13px;
}

.main_menu > ul > li > a:hover {
    color: #F00
}

.main_menu > ul > li > .sub_menu::before {
    content: "\f0de";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
    position: absolute;
    font-size: 45px;
    top: -15px;
    color: #fff;
    right: 16px;
}

.sub_menu {
    position: absolute;
    background: #fff;
    padding: 5px 15px;
    right: 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: max-content;
    width: -moz-max-content;
    top: 38px;
    display: none;
}

.sub_menu li {
    list-style: none;
    width: 100%;
    position: relative;
    min-width: 150px;
    display: block;
}

.sub_menu li a {
    text-decoration: none;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub_menu li a:hover {
    color: #f33059;
}

.sub_menu li.menu-item-has-children .sub_menu {
    right: calc(100% + 10px);
    top: 5px;
}

.right_icons {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: flex-end;
    padding: 0;
}

.right_icons li {
    list-style: none;
    display: flex;
    justify-content: center;
    margin-right: 30px;
}

.right_icons a {
    text-align: center;
    text-decoration: none;
}

.right_icons .search_btn {
    font-size: 25px;
    cursor: pointer;
    color: #464646;
    margin-left: 30px;
}

.right_icons .account a {
    width: 118px;
    height: 43px;
    color: #fff;
    background: #ce2fb0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}

.war_search_top {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .6);
    display: none;
    z-index: 9999;
}

.war_search_top:before {
    content: "";
    display: block;
    right: 0;
    left: 0;
    top: 0;
    height: 200px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    z-index: 0;
    position: absolute;
}

.war_search_top .colse_search {
    position: relative;
    color: #b3b3b3;
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: hsla(0, 0%, 94.9%, .7);
    border-radius: 5px;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.war_search_top .colse_search i {
    color: #b3b3b3;
    font-size: 35px;
}

.war_search_top .box_input_search {
    width: 90%;
    height: 74px;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    margin: 0 auto;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.war_search_top .box_input_search span {
    display: flex;
    padding-left: 25px;
}

.war_search_top .box_input_search span button {
    color: #7E7E7E;
    font-size: 27px;
    border: 0 !important;
    background: transparent !important;
    outline: 0 !important;
    cursor: pointer;
}

.war_search_top .box_input_search input {
    border: 0;
    outline: 0;
    font-weight: bold;
    font-family: inherit;
    width: 95%;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    padding: 15px 30px;
    background: rgba(0, 0, 0, 0);
    color: #4e4e4e;
}

.war_search_top .box_input_search input::placeholder {
    color: #4e4e4e;
    font-weight: 500;
}

.progress-bar {
    height: 2px;
    background: #f33059;
    width: 0;
    max-width: 100%;
}

/*************************** Banner Top *********************************/
.banner_index {
    background-image: linear-gradient(to right top, #d1d4fb, #b9b1eb, #a88ed7, #9d68bf, #953da2);
    padding: 30px 0;
}

.web_desc {
    text-align: justify;
    font-size: 16px;
    display: block;
}

.web_desc h1 {
    font-size: 35px;
    margin: 45px 0;
    text-align: right;
}

.web_desc p {
    line-height: 32px;
    text-align: justify;
    font-size: 16px;
}

/*************************** Feature Course *********************************/
.course_fea .swiper-wrapper {
    box-sizing: border-box;
}

.item_course {
    margin: 15px 0 35px 0;
    align-items: center;
}

.item_course img {
    border-radius: 30px;
}

.course_fea_paginate span {
    transition: all .2s ease-in-out;
    width: 10px;
    height: 10px;
    border-radius: 25px;
}

.course_fea_paginate span.swiper-pagination-bullet-active {
    background-color: #ec406a;
    width: 20px;
    height: 10px;
    transition: all .2s ease-in-out;
    margin-top: 30px !important;
}

.course_fea .rate_course {
    letter-spacing: 5px;
    margin: 10px 0 20px 0;
}

.course_fea .rate_course i {
    font-size: 20px;
}

.course_fea .title {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #3B3B3B;
    border-radius: 5px;
    margin-bottom: 15px;
}

.course_fea .title:after {
    position: absolute;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -2;
    /* transform: skew(
        20deg
    ); */
    border-radius: 5px;
    left: 0;
    top: 0;
}

.course_fea .title:before {
    position: absolute;
    width: 20px;
    background: #fff;
    height: 170%;
    z-index: -1;
    border-radius: 5px;
    left: -5px;
    top: -15px;
    transform: skew(-20deg);
}

.course_fea .desc {
    line-height: 32px;
    color: #3f3f3f;
    font-size: 15px;
    text-align: justify;
    padding-left: 21px;
}

.course_fea .price {
    color: #fff;
    position: relative;
    z-index: 3;
    width: fit-content;
    font-size: 16px;
    padding: 5px 15px;
    font-weight: 400;
    width: -moz-fit-content;
    margin: 10px 0;
    display: flex;
}
.course_fea .price del{margin-left:10px}
.course_fea .price::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.course_fea .price::after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.course_fea .bs {
    height: 40px;
    width: 118px;
    color: #fff;
    background: #ce2fb0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    margin-top: 25px;
}



/*************************** Last Course *********************************/

/*************************** Last News *********************************/
.war_last_news {
    padding-bottom: 125px;
    position: relative;
    overflow: hidden;
    background-image: url(../img/bg-last-post.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 0;
    background-position-y: 0;
}

.war_last_news .c1 {
    border: solid 20px #FFEBB9;
    width: 144px;
    transform: rotate(75deg);
    height: 144px;
    border-radius: 32px;
    bottom: 135px;
    position: absolute;
    right: -70px;
    top: 45%;
    z-index: -1;
}

.war_last_news .c2 {
    border: solid 10px #F9BDC9;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    bottom: 140px;
    position: absolute;
    left: -70px;
    top: 35%;
    z-index: -1;
}

.war_last_news .c3 {
    background-color: rgba(231, 60, 30, 0.07);
    width: 87px;
    transform: rotate(75deg);
    height: 87px;
    border-radius: 100%;
    bottom: 40px;
    position: absolute;
    z-index: -1;
    left: 30%;
}

.box_post {
    border-radius: 10px;
    padding: 15px 15px 0 15px;
    transition: all 0.3s;
    background: #fff;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    transition: all 0.5s ease-in-out;
}

.box_post:hover {
    box-shadow: 0 0 20px 7px #e6e6e6;
    transition: all 0.5s ease-in-out;
}

.box_post img {
    margin-top: -60px;
    border-radius: 10px;
}

.box_post h3 a {
    display: flex;
    font-size: 15px;
    font-weight: 500;
    justify-content: center;
    line-height: 25px;
    align-items: center;
    text-decoration: none;
    color: #181818;
}

.box_post .category_comment {
    padding: 10px;
    background: #f9f8fd;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.box_post .category_comment li {
    list-style: none;
    display: flex;
    align-items: center;
}

.box_post .category_comment li a {
    color: #ff9e4e;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
}

.box_post .category_comment li a:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #ff9e4e;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.2s;
    border-radius: 100%;
    margin-left: 2px;
}

.box_post .category_comment li i {
    color: #ff9e4e;
}

.box_post .category_comment li span {
    font-size: 14px;
    margin-right: 5px;
    line-height: 1;
}

.box_post .category_comment li a:hover {
    color: #f33059;
    transition: all 0.2s ease-in-out
}

.box_post .category_comment li a:hover:before {
    background: #f33059;
    transition: all 0.2s ease-in-out
}

.box_post a.button {
    height: 32px;
    background: #ff9e4e;
    background: linear-gradient(to bottom, #ff9e4ead, #ff9e4e);
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #fff;
    box-shadow: 0 2px 10px -1px #ff9e4ea6;
    padding-bottom: 2px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
    user-select: none;
    width: fit-content;
    text-decoration: none;
    margin: 0 auto -12px auto;
    font-size: 15px;
}

.box_post a.button:before {
    content: '';
    background: #f33059;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 100px;
    z-index: -1;
    width: 0;
    transition: all 0.3s;
}

.box_post a.button:hover:before {
    width: 100%;
}

.box_post a.button i {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    margin-right: -10px;
    transition: all 0.3s;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

.box_post a.button:hover i {
    opacity: 1;
    visibility: visible;
    margin-right: 5px;
}

.title_section {
    position: relative;
    margin: 45px 0 20px 0;
    font-size: 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    line-height: 1.9em !important;
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(
        330deg, #d185f9 0%, #812bea 100%);
    background-image: linear-gradient(
        120deg, #d185f9 0%, #812bea 100%);
    font-weight: 500;
    z-index: 3;
}

.title_section i {
    position: relative;
    font-size: 25px;
    padding: 5px 10px;
    color: #ce2fb0;
}

.box_course {
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    background: #fff;
}

.box_course:hover {
    box-shadow: 0 0 20px 7px #e6e6e6;
    transition: all 0.5s ease-in-out
}
.box_course .title{
    margin: 0;
}
.box_course:hover .title a {
    color: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(
        330deg, #d185f9 0%, #812bea 100%);
    background-image: linear-gradient(
        120deg, #d185f9 0%, #812bea 100%);
}

.box_course h3 a {
    text-align: center;
    font-size: 16px;
    padding: 7px 10px;
    font-weight: 500;
    display: block;
    color: #181818;
}

.box_course .bottom {
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.box_course .bottom .titme {
    direction: ltr;
    margin-top: 7px;
}

.box_course .bottom .titme i {
    margin-right: 5px;
}

.box_course .bottom .rate_course i {
    font-size: 16px;
    letter-spacing: 3px;
}

.box_course .bottom .price_course {
    font-size: 15px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: revert;
}

.price_course.free {
    color: #16a085;
    font-weight: 500
}

.box_course .bottom .price_course del {
    color: #f00
}

/***************  FOOTER  *************************/
.list_social_fixed{display: flex;flex-direction: column;position: fixed;z-index: 999;bottom: 60px;right: 25px;padding: 0;}
.list_social_fixed li{
    width: 40px;
    margin-bottom: 15px;
    z-index: 99999;
}
.box_form_newsletters {
    width: 60%;
    margin: auto;
    background: #ffffff;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    bottom: -20px;
    z-index: 999;
    display: flex;
    box-sizing: border-box;
    box-shadow: 0 0 5px #898989;
}
.box_form_newsletters .form_newsletters{
    font-family: inherit;
    width: 100%;
    outline: 0;
    border: 0;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    font-size: 17px;
}
.box_form_newsletters button{
    border: 0;
    background: #ce2fb0;
    color: #fff;
    width: 55px;
    cursor: pointer;
}
.box_form_newsletters button i{
    font-size: 30px;
}
footer {
    position: relative;
    background-color: #181818;
    padding-top: 50px;
}

.footer__title {
    color: #fff;
    position: relative;
    z-index: 3;
    width: fit-content;
    font-size: 16px;
    padding: 5px 15px;
    font-weight: 400;
    width: -moz-fit-content;
    box-sizing: border-box;
}

.footer__title::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.footer__title::after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}
.namads img,.namads a {
    max-width: 100px;
}
.list__footer_menu {
    margin: 0;
    padding: 0;
}

.list__footer_menu li {
    list-style: none;
    margin-right: 10px;
    line-height: 32px;
}

.list__footer_menu li a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
    width: max-content;
}

.list__footer_menu li a i {
    margin-left: 10px;
}

.list__footer_menu li a:hover {
    color: #ff9e4e;
    transition: all 0.3s ease-in-out;
}

.list_social_footer {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 35px;
    flex-wrap: wrap;
}

.list_social_footer li {
    list-style: none;
    margin-left: 25px;
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.list_social_footer li a {
    width: 30px;
    height: 30px;
    display: flex;
    text-decoration: none;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_social_footer li a .sarzamin-aparat {
    font-size: 33px;
}

.sarzamin-telegram-plane {
    color: #039be5
}

.sarzamin-whatsapp {
    color: #4CAF50
}

.sarzamin-instagram {
    background: -webkit-linear-gradient(45deg, #fd5, #ff543e, #c837ab);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

footer .copyright {
    padding-top: 15px;
    text-align: center;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 0;
    background: #000;
    padding-bottom: 15px;
}

/*****************************  Article Page  ***************************************/
.filter_article {
    display: none;
}

.inja {
    position: relative;
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px;
}

.inja::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.inja::after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.breadcrumb {
    margin-bottom: 0;
    margin-right: 30px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    list-style: none;
    margin-top: 0;
}

.breadcrumb li {
    list-style: none;
    color: #181818;
}

.breadcrumb li a {
    color: #7E7E7E;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.breadcrumb li a::after {
    font-family: 'sarzamineweb';
    content: "\e901";
    display: block;
    margin: 0 10px;
    color: #ce2fb0;
    font-weight: 600;
    font-size: 18px;
}

.article_title {
    font-weight: bold;
    font-size: 22px;
    margin: 20px 0;
}

.list_article_info {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    margin: 0;
}

.list_article_info li {
    list-style: none;
    color: #2c3e50;
    position: relative;
    margin-left: 35px;
    z-index: 3;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.list_article_info li:last-child {
    margin-left: 0
}

.list_article_info li a {
    text-decoration: none;
    color: #2c3e50;
}

.list_article_info li::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #EEEEEE;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_article_info li::after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #EEEEEE;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.content_article {
    text-align: justify;
    font-size: 15px;
    line-height: 30px;
    color: #2c3e50;
    border-bottom: solid 1px #e0e0e0;
    padding: 10px 0;
    margin-bottom: 10px;
}

.content_article img {
    max-width: 100%;
    height: auto;
}

.list_tags {
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.list_tags li {
    list-style: none;
    margin-left: 10px
}

.list_tags li a {
    text-decoration: none;
    color: #2c3e50;
    font-weight: 300;
    display: flex
}

.list_tags li a::before {
    margin-left: 3px;
    content: "#";
    display: block
}

.box_side_category_article {
    box-shadow: 0 0 3px #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 55px;
    background: #fff;
}

.title_sidebar {
    position: relative;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
    margin-top: -29px;
    background: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2c3e50;
}

.list_category_aside {
    margin: 20px 0 0 0;
    padding: 0;
}

.list_category_aside li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    margin-bottom: 15px;
}

.list_category_aside li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #181818;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    z-index: 3;
}

.list_category_aside li a::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ffffff;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
    box-shadow: inset 0 0 3px #ff0404;
}

.list_category_aside li span {
    z-index: 3;
    position: relative;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    font-size: 14px;
}

.list_category_aside li span::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_category_aside li span::after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #EEEEEE;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_category_aside li.active a {
    color: #fff
}

.list_category_aside li.active a:before {
    border-color: #ce2fb0;
    background: #ce2fb0
}

.list_category_aside li.active span {
    color: #ce2fb0
}

.list_last_news_side li {
    display: flex;
    list-style: none;
    padding-top: 10px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}

.list_last_news_side li:first-child {
    margin-top: 15px;
}

.list_last_news_side li:last-child {
    border-bottom: 0
}

.list_last_news_side li img {
    border-radius: 10px;
    margin-left: 10px;
}

.list_last_news_side li div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.list_last_news_side li div a:first-child {
    text-decoration: none;
    color: #151515;
    font-size: 14px;
    font-weight: 500;
}

.list_last_news_side li div a:last-child {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 3;
    color: #fff;
    width: fit-content;
    padding: 1px 5px;
    border-radius: 3px;
    width: -moz-fit-content;
}

.list_last_news_side li div a:last-child::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ff9e4e;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_last_news_side li div a:last-child::after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ff9e4e;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.rate_maghale {
    color: #181818;
    padding: 15px 0;
    text-align: center;
    border-radius: 3px;
}

.rate_maghale .title {
    font-size: 17px;
    font-weight: 500;
}

.rate_maghale .stars {
    width: fit-content;
    margin: 10px auto;
    cursor: pointer;
    direction: ltr;
}

.rate_maghale .star {
    color: #ce2fb0 !important;
}

.rate_maghale .rate {
    height: 40px;
    margin-left: -5px;
    padding: 5px;
    font-size: 21px;
    position: relative;
    cursor: pointer;
}

.rate_maghale .rate input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    pointer-events: none;
}

.rate_maghale .star-over::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    content: "\f005";
    display: inline-block;
    color: #d3dcff;
    z-index: 1;
    position: absolute;
    top: 17px;
    left: 10px;
    display: none;
}

.rate_maghale .rate:nth-child(1) .face::after {
    content: "\e908";
}

.rate_maghale .rate:nth-child(2) .face::after {
    content: "\e911";
}

.rate_maghale .rate:nth-child(3) .face::after {
    content: "\e914";
}

.rate_maghale .rate:nth-child(4) .face::after {
    content: "\e90d";
}

.rate_maghale .rate:nth-child(5) .face::after {
    content: "\e90e";
}

.rate_maghale .face {
    opacity: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    background: #ce2fb0;
    border-radius: 5px;
    top: -35px;
    left: 0px;
    transition: 0.2s;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rate_maghale .face::before {
    font-family: 'sarzamineweb';
    font-weight: 900;
    content: "\e905";
    display: inline-block;
    color: #ce2fb0;
    z-index: 1;
    position: absolute;
    left: 11px;
    bottom: -11px;
    transform: rotate(-90deg);
}

.rate_maghale .face::after {
    font-family: 'sarzamineweb';
    display: inline-block;
    color: #fff;
    z-index: 1;
    position: absolute;
}

.rate_maghale .rate:hover .face {
    opacity: 1;
}

#rate_send {
    background: #ce2fb0;
    border: 0;
    padding: 7px 15px;
    font-family: inherit;
    color: #fff;
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
}
.box_editor_article{
    display: flex;
    align-items: center;
    margin: 20px 0;
    box-shadow: 0 0 5px #bbb;
    padding: 10px;
    border-radius: 5px;
    flex-wrap: wrap;
}

.box_editor_article >a img{padding: 5px;border: solid 1px #eee;border-radius: 100%;}
.box_editor_article >.info_editor a{
    margin-right: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #181818;
}
.box_editor_article >.info_editor h4{
    font-size: 16px;
    font-weight: 400;
    margin-right: 15px;
}
/*****************************  Course Page  ***************************************/
.mob_side {
    display: none
}

.tabs_in_course {
    position: relative;
    z-index: 3;
    display: flex;
    margin: 20px 5px;
    flex-wrap: wrap;
}

.tabs_in_course::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.tabs_in_course li {
    list-style: none;
    margin-left: 30px;
    position: relative;
    z-index: 3;
    padding: 5px 15px;
    cursor: pointer;
    margin-bottom: 15px;
}

.tabs_in_course li:last-child {
    margin-left: 0
}

.tabs_in_course li::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #e3e3e3;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.tabs_in_course li:after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #e3e3e3;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.file_course_lesson:after, .file_course_lesson:before {
    background-color: #ff9e4e !important;
}

.tabs_in_course li.active, .file_course_lesson a {
    color: #fff;
    text-decoration: none;
}

.tabs_in_course li.active::before,
.tabs_in_course li.active:after {
    background-color: #ce2fb0
}

.contnet_course_tab {
    text-align: justify;
    box-shadow: 0 0 12px 3px #ccc;
    padding: 15px 25px;
    border-radius: 5px;
    line-height: 32px;
}

.contnet_course_tab h2 {
    color: #ce2fb0;
    margin: 15px 0;
}

.contnet_course_tab h3, .contnet_course_tab h4 {
    margin: 15px 0;
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(
        330deg, #d185f9 0%, #812bea 100%);
    background-image: linear-gradient(
        120deg, #d185f9 0%, #812bea 100%);
}

.contnet_course_tab > div {
    display: none;
}

.contnet_course_tab > div.show {
    display: block;
}

.list_lessons_war {
    margin: 0;
    padding: 0;
}

.list_lessons_war > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
    width: 100%;
    flex-wrap: wrap;
}

.list_lessons_war > li .icon_li {
    transform: scale(-1);
    font-weight: 500;
    color: #848484;
    font-size: 18px;
    width: 20px;
}

.list_lessons_war > li > div {
    border: solid 1px #ccc;
    width: calc(100% - 55px);
    margin-right: 12px;
    border-radius: 10px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.list_lessons_war > li > div h3 {
    margin: 0;
    color: #3B3B3B;
    font-size: 15px;
    font-weight: bold;
}

.list_lessons_war > li > div h3 span:first-child {
    border-left: solid 2px #DEDEDE;
    padding-left: 5px;
}

.list_lessons_war > li > div h3 span:last-child {
    margin-right: 5px;
}

.list_lessons_war > li > div i {
    font-size: 23px;
    color: #848484;
}

.list_lessons_war > li:last-child {
    margin-bottom: 0
}

.list_lessons_of_course {
    width: 100%;
    display: none;
    position: relative;
    margin-right: 35px;
    margin-top: 10px;
    border-radius: 5px;
}

.list_lessons_of_course article {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #ccc;
    padding: 8px 0;
}

.list_lessons_of_course article:last-child {
    border-bottom: 0
}

.list_lessons_of_course article .right {
    display: flex;
    align-items: center;
    color: #3B3B3B;
    text-decoration: none;
}

.list_lessons_of_course article .right span {
    position: relative;
    z-index: 3;
    color: #fff;
    width: 25px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-left: 10px;
    font-weight: 900;
    font-size: 25px;
}

.list_lessons_of_course article .right span::before {
    display: block;
    width: 100%;
    height: 100%;
    content: " ";
    background: #3B3B3B;
    position: absolute;
    z-index: -1;
    border-radius: 5px;
    top: 0px;
}

.list_lessons_of_course article h3 a.right {
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.list_lessons_of_course article .left {
    position: relative;
    z-index: 3;
    padding: 0 6px;
    margin-left: 15px;
}

.list_lessons_of_course article .left::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #e3e3e3;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_lessons_of_course h3 {
    margin: 2px 0;
    padding: 0 10px;
}

.list_lessons_of_course article.lock .right {
    color: #808080;
}

.list_lessons_of_course article.lock .left {
    color: #fff
}

.list_lessons_of_course article.lock .left::before,
.list_lessons_of_course article.lock .right span::before {
    background: #808080;
}

.list_lessons_of_course article.active .right span {
    color: #fff
}

.list_lessons_of_course article.active .right span:before {
    background: #ff9e4e
}

.list_lessons_of_course.show {
    display: block;
}

.list_lessons_of_course.open {
    display: block;
    margin: 0;
}

.list_lessons_of_course.lesson {
    display: block;
}

.sidebar_course {
    box-shadow: 0 0 10px #ccc;
    padding: 10px;
    border-radius: 10px;
}

.sidebar_course .title_info_course {
    position: relative;
    z-index: 3;
    display: block;
    padding: 5px;
    width: 80%;
    margin: auto;
    margin-top: -29px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.sidebar_course .title_info_course::before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.sidebar_course .title_info_course::after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_lessons_war > li > div.open h3 {
    color: #ce2fb0;
}

.list_lessons_war > li > div.open .list_lessons_of_course {
    display: block !important
}

.list_lessons_war > li > div.open i {
    transform: rotate(-90deg);
}

.list_info {
    margin: 0;
    padding: 0
}

.list_info li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 15px 5px;
    font-size: 11pt;
    flex-wrap: wrap;
}

.list_info li span {
    font-weight: 400
}

.list_info li span:first-child {
    font-weight: 500
}

.list_info li.price {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    position: relative;
    z-index: 3;
    padding: 4px 10px 4px 5px;
    margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    font-weight: 500;
    align-items: center;
}

.list_info li.price:before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_info li.price div:last-child {
    position: relative;
    z-index: 3;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

.list_info del {
    color: gray;
    margin-left: 10px;
    display: block;
}

.list_info li.price div:last-child .price {
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.list_info li.price div:last-child:before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    background: #0b0b0b;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: 0;
    top: 0;
}

.list_info li.rate,
.bi-star-fill, .bi-star, .bi-star-half {
    justify-content: center;
    font-size: 21px;
    color: #f9ca24;
    direction: ltr;
    letter-spacing: 4px;
}

.list_info li.login_box {
    text-align: center;
    justify-content: center;
    z-index: 3;
    position: relative;
    padding: 5px;
    color: #fff;
}

.purchaseCourse {
    cursor: pointer;
    font-family: inherit;
    border: 0;
    background: transparent;
    color: #fff;
    outline: 0;
    width: 75%;
}

.list_info li.login_box a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    width: 75%;
}

.list_info li.login_box:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 1pt;
    z-index: -2;
    background: #D4D4D4;
    top: 50%;
}

.list_info li.login_box:before {
    position: absolute;
    content: " ";
    display: block;
    width: 75%;
    background: #ce2fb0;
    height: 100%;
    z-index: -1;
    transform: skew(-20deg);
    border-radius: 5px;
    right: auto;
    top: 0;
}

.info_auth {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info_auth img {
    max-width: 130px;
    max-height: 130px;
    border-radius: 100%;
    margin: 15px 0;
}

.info_auth p {
    text-align: justify;
    line-height: 28px;
    font-size: 14px;
    color: #3b3b3b;
    padding: 0 8px;
}

.base_info_content #comment_product .list_comment li {
    border-bottom: solid 1px #eee;
    margin-top: 30px;
    list-style: none;
}

.base_info_content #comment_product .list_comment li .box_send_comment {
    display: none
}

.base_info_content #comment_product .list_comment li a.reply,
.base_info_content #comment_product .list_comment li a.replyclose {
    background-color: #181818;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 16px;
    display: flex;
    width: 75px;
    height: 35px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border: solid 2px transparent;
    margin-right: 20px;
}

.base_info_content #comment_product .list_comment li a.reply:hover,
.base_info_content #comment_product .list_comment li a.replyclose:hover {
    background-color: #fff;
    color: #181818;
    border: solid 2px #181818;
    cursor: pointer;
}

.base_info_content #comment_product .list_comment li.has_child {
    border-bottom: 0;
    margin-top: 30px;
    position: relative;
}

.base_info_content #comment_product .list_comment .children {
    padding: 0;
    margin: 0
}

.base_info_content #comment_product .list_comment li.child {
    background-color: #F7F7F7;
    border-bottom: 0;
    border-radius: 10px;
    padding: 15px;
    margin-right: 20px;
}

.base_info_content #comment_product .top {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
}

.base_info_content #comment_product .top .img_avatar {
    width: 60px;
    height: 60px;
}

.base_info_content #comment_product .top .img_avatar img {
    width: 100%;
    border-radius: 100%;
    height: 100%;
}

.base_info_content #comment_product .top .anme_time {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 300;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.base_info_content #comment_product .top .name {
    font-weight: bold;
    margin-left: 20px;
}

.base_info_content #comment_product .top .rate {
    margin-top: 4px;
}

.base_info_content #comment_product .top .rate img {
    width: 16px;
}

.base_info_content #comment_product .bottom {
    font-size: 15px;
    font-weight: 400;
    margin: 15px 0;
    color: #181811;
    line-height: 28px;
    padding: 0 25px;
    text-align: justify;
}

.btn_takhf, .btn_takhf_send {
    margin: auto;
    background: #ff9e4e;
    width: 80%;
    text-align: center;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400 !important;
    color: #fff;
}

.form_takhfif {
    display: none;
    margin: auto;
    width: 100%;
}

.form_takhfif input {
    height: 40px;
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    outline: 0;
    margin-bottom: 10px;
    text-align: center;
    font-family: inherit;
    box-sizing: border-box;
    box-shadow: inset 0 0 5px #eee;
    border: solid 1px #eee;
}
.lit_box_end_video.open{display:block}
.lit_box_end_video{
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,0.9);
    width: 100%;
    right: 0;
    top: 0;
    height: 100vh;
    display: none;
}
.content_end_video{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    position: relative;
}
.content_end_video .del_list_box{
    position: absolute;
    z-index: 99999;
    left: 100px;
    top: 60px;
    font-size: 38px;
    color: #f00;
    cursor: pointer;
}
.content_end_video >svg{
    width: 200px;
    height: 200px;
}
.content_end_video .text-student{
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
    line-height: 32px;
}
.content_end_video .buttons_video_course {display: flex;}
.content_end_video .buttons_video_course .button_video_litbox{padding: 15px;border-radius: 5px;margin-bottom: 15px;display: block;margin: 10px;color: #fff;cursor: pointer;}

.content_end_video .buttons_video_course .button_video_litbox.next_video{background-color: #16a085}
.content_end_video .buttons_video_course .button_video_litbox.now_video{background-color: #ff9e4e}
.content_end_video .buttons_video_course .button_video_litbox.last_video{background-color: #ce2fb0}
/****************   Send Comment in product  ***********/
.box_send_comment {
    border-radius: 10px;
    padding: 35px 20px;
    background-color: #F7F9FD;
    margin-top: 25px;
}

.box_send_comment .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box_send_comment .top h4 {
    color: #181818;
    font-size: 15px;
    font-weight: bold;
}

.box_send_comment .top ul {
    display: flex;
    align-items: center;
    direction: ltr;
}

.box_send_comment .top li img {
    width: 20px;
}

.box_send_comment textarea {
    border: 0;
    width: 100%;
    min-height: 150px;
    border-radius: 10px;
    padding: 12px 15px;
    outline: 0;
    margin: 25px 0;
    font-family: inherit;
    box-sizing: border-box;
}

.box_send_comment .bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box_send_comment .bot .auth {
    display: flex;
    align-items: center;
}

.box_send_comment .bot .auth img {
    width: 42px;
    height: 42px;
}

.box_send_comment .bot .auth .ath_text {
    font-size: 14px;
    font-weight: 300;
    margin-right: 7px;
}

.box_send_comment .bot .auth .ath_text h4 {
    font-weight: 700;
    margin-bottom: 5px;
}

.box_send_comment .bot .send_comment {
    background-color: #ce2fb0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 10px;
    text-decoration: none;
    width: 100px;
    font-size: 16px;
    outline: 0;
    border: 0;
    font-family: inherit;
    cursor: pointer;
}

.comment_nologin {
    display: flex;
    align-items: center;
    padding-top: 20px;
    justify-content: center;
}

.comment_nologin img {
    width: 210px;
}

.comment_nologin b {
}

/************************************************************************************
#------------------  user Panel  ------------------#
*************************************************************************************/
.list_meu_user{padding:0;}
.base_panel {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 3px #ccc;
    border-radius: 3px;
    line-height: 32px;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 35px;
}

.base_panel .image_avatar {
    display: flex;
    align-items: center;
    border-bottom: solid 2px #f8f6f6;
    padding: 10px 20px;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
}

.base_panel .image_avatar span {
    margin-left: 6px;
    font-weight: 500;
}

.base_panel .image_avatar img {
    margin-left: 6px;
    border-radius: 100%;
}

.base_panel .list_menu ul li {
    margin-bottom: 8px
}

.base_panel .list_menu ul li a {
    text-decoration: none;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #181818;
    font-weight: 400;
    border-radius: 1rem 1rem 4rem 4rem;
    padding: 3px 15px;
}

.base_panel .list_menu ul li a i {
    font-size: 20px;
    margin: 0 10px;
}

.base_panel .list_menu ul li.menu-item-active a {
    background: #ce2fb0;
    color: #fff;
}

input.input_user_panel {
    height: 35px;
    width: 100%;
    font-family: inherit;
    padding: 0 5px;
    border: solid 1px #ccc;
    border-radius: 3px;
}

textarea#about_me, #seo_description, textarea.input_user_panel {
    width: 100%;
    font-family: inherit;
    padding: 0 5px;
    border: solid 1px #ccc;
    border-radius: 3px;
    outline: 0;
    min-height: 100px;
    background: #fff;
    position: relative;
}

div#image_avatar_box img {
    width: 115px;
    padding: 15px;
    border: solid 1px #ccc;
    box-shadow: 0 0 3px #ccc;
    border-radius: 3px;
    height: 115px;
}

.btn-req {
    width: 115px;
    height: 40px;
    color: #fff;
    background: #ce2fb0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
    border: 0;
    outline: 0;
    cursor: pointer;
}

table {
    width: 100%;
    border-collapse: collapse;
}

/* Zebra striping */
tr:nth-of-type(odd) {
    background: #eee;
}

th {
    background: #333;
    color: white;
    font-weight: bold;
}

td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    min-width: 100px;
}

/*************************************************************************************
#------------------  single Page  ------------------#
*************************************************************************************/
.content_article h1, .content_article h2,
.content_page h1, .content_page h2 {
    font-size: 25px;
    margin-bottom: 15px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(
        330deg, #d185f9 0%, #812bea 100%);
    background-image: linear-gradient(
        120deg, #d185f9 0%, #812bea 100%);
}

.content_article h3, .content_article h4,
.content_page h3, .content_page h4 {
    margin-bottom: 15px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(
        330deg, #d185f9 0%, #812bea 100%);
    background-image: linear-gradient(
        120deg, #d185f9 0%, #812bea 100%);
    font-size: 18px;
}

.content_page p {
    margin-bottom: 15px;
    line-height: 30px;
    text-align: justify;
}

.content_page a {
    color: #ce2fb0;
    text-decoration: none;
}

.content_page img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.content_page ul li {
    margin: 15px 0;
    line-height: 32px;
    display: flex;
    align-items: center;
}

.content_page ul li:before {
    margin: 0 5px;
    font-family: 'sarzamineweb' !important;
    content: "\e915";
    color: #ff9e4e;
}

/*************************************************************************************
#------------------  Contact Page  ------------------#
*************************************************************************************/
.base_contact_box {
    padding: 25px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #cfcece;
    margin-top: 20px;
}

.box_field_contact {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.box_field_contact lable {
    margin-bottom: 15px;
}

.box_field_contact .input_te_contact {
    height: 35px;
    margin-bottom: 10px;
    box-shadow: 0 0 3px #747373;
    border-radius: 5px;
    outline: 0;
    padding: 0 15px;
    color: #565656;
    font-size: 16px;
    font-family: inherit;
    border: 0;
}

.box_field_contact textarea.input_te_contact {
    min-height: 150px;
    padding: 10px;
}

.icon_contact {
    margin: 10px 10px 10px 15px;
}

.parageraph_contact {
    text-align: center;
    margin: 15px 0 20px;
}

/*************************************************************************************
#------------------  Requerst Vendor Or Editor  ------------------#
*************************************************************************************/
.box_vedor_editor {
    padding: 10px;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    margin-top: 20px;
}

.box_upload {
    padding: 2px 20px !important;
    margin-bottom: 15px;
    background: #eee;
    border-radius: 6px;
    text-align: center;
}

.box_upload .upload_label {
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 0 5px #ccc;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.box_upload .upload_label i {
    font-size: 30px;
}

.box_upload p {
    font-weight: 500;
    margin-bottom: 8px;
}

.file_return {
    color: #ce2fb0;
    font-size: 18px;
    direction: ltr;
    text-align: center;
}

.desc_request_failed {
    font-size: 16px;
    padding: 10px;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 15px;
    box-sizing: content-box;
}


/*************************************************************************************
#------------------ Send And Edit Article ------------------#
*************************************************************************************/
.desc_request_failed > p:first-child {
    padding: 0 !important;
    margin: 0;
}

.cat_span::after {
    content: "-";
    margin: 0 5px;
    display: inline-block;
}

.cat_span:last-child:after {
    display: none;
}

#select_tags {
    width: 100%;
}

.list_cat {

}

.list_cat .label_list_cat {
    margin-top: 16px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.list_cat .child {
    margin-right: 10px;
}

.list_cat .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 0.42rem;
}

.img_article {
    width: 150px;
    margin: auto;
    border: solid 1px #a6a5a5;
    padding: 2px;
    border-radius: 3px;
    overflow: hidden;
}

label[for="file"] {
    margin: 10px auto;
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
}

/*************************************************************************************
#------------------  Send Course  ------------------#
*************************************************************************************/
select.input_user_panel ,select.section_name ,select.section_value{
    width: 100%;
    background: #fff;
    border: solid 1px #ccc;
    height: 37px;
    border-radius: 5px;
    font-family: inherit;
}
select.input_user_panel option,select.section_name option,select.section_value option{font-family: inherit;}
.image_select_user_course {
    display: block;
    border: solid 1px #ccc;
    border-radius: 4px;
    text-align: center;
}

.image_select_user_course label {
    width: 100%;
    display: flex;
    padding: 10px;
    cursor: pointer;
    background: #f1f1f1;
    box-sizing: border-box;
    border-radius: 5px;
    justify-content: center;
}

.image_select_user_course label i {
    margin-left: 5px;
}

.remove_section {
    outline: none !important;
    vertical-align: middle;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #ffffff;
    background-color: #F64E60;
    padding: 0.55rem 0.75rem;
    font-size: 0.925rem;
    line-height: 1.35;
    border-radius: 0.42rem;
    border: 0;
}

.swal-button,swal2-styled {
    font-family: inherit !important;
}


.progress {position:relative;margin-bottom: 10px;background: #eee;border-radius: 3px;box-shadow: inset 0 0 10px 2px #ccc;overflow: hidden;display: none;align-items: center;height: 30px;}
.bar {background-color: #16a085;width: 0;height: 100%;}
.percent {position:absolute;left:50%;color: #040608;top: 0;height: 30px;}
/*************************************************************************************
#------------------  Cat Carousel  ------------------#
*************************************************************************************/
.box_cat_carousel{
    background: #fff;
    text-align: center;
    display: block;
    padding-bottom: 15px;
    border-radius: 15px;
    overflow: hidden;
}
.box_cat_carousel h3{
    margin: 5px 10px;
    font-size: 17px;
    color: #181818;
}
.box_cat_carousel .price_course {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 57px;
    color: #ce2fb0;
}
.box_cat_carousel .price_course del{
    margin-left:10px;
    font-weight: 300;
}

/*************************************************************************************
#------------------  Wallet  ------------------#
*************************************************************************************/
.box_wallet{
    background-color: #2bcbba;padding: 15px;box-sizing: border-box;text-align: center;color: #fff;
    border-radius: 5px;font-size: 18px;height: 100%;display: flex;align-content: center;
    justify-content: center;flex-direction: column;
}.box_wallet_pay{
     background-color: #7d5fff;padding: 15px;box-sizing: border-box;text-align: center;color: #fff;
     background-color: #7d5fff;padding: 15px;box-sizing: border-box;text-align: center;color: #fff;
     border-radius: 5px;font-size: 18px;height: 100%;display: flex;align-content: center;
     justify-content: center;flex-direction: column;
 }

/*************************************************************************************
#------------------  withdraw  ------------------#
*************************************************************************************/
.total_sell_box{background-color: #18dcff;padding: 15px;box-sizing: border-box;text-align: center;color: #fff;border-radius: 5px;font-size: 18px;height: 100%;display: flex;align-content: center;justify-content: center;flex-direction: column;}
.inventory_sell_box{background-color: #00b894;padding: 15px;box-sizing: border-box;text-align: center;color: #fff;border-radius: 5px;font-size: 18px;display: flex;align-content: center;justify-content: center;flex-direction: column;height: 100%;}
.paying_sell_box{background-color: #5f27cd;padding: 15px;box-sizing: border-box;text-align: center;color: #fff;border-radius: 5px;font-size: 18px;height: 100%;display: flex;align-content: center;justify-content: center;flex-direction: column;}
.total_sell_box h3,.paying_sell_box h3,.inventory_sell_box h3{font-size: 21px;margin: 10px 0;}
.total_sell_box p,.paying_sell_box p,.inventory_sell_box p{font-size: 18px;font-weight: 400;margin: 10px 0;}
.btn_withdraw{cursor: pointer;padding: 8px 10px;font-family: inherit;border: 0;border-radius: 5px;background-color: #222f3e;color: #fff;font-size: 14px;box-sizing: border-box;}
/*************************************************************************************
#------------------  Editors List  ------------------#
*************************************************************************************/
.box_editor_list{
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    background-color: #495057;
}
.box_editor_list img{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.box_editor_list .info{
    z-index: 3;
    width: 100%;
    position: absolute;
    padding: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 1.3;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 60%)), to(transparent));
    background: linear-gradient(
        0deg, rgb(0 0 0 / 60%) 0, transparent 100%);
    color: #fff;
    box-sizing: border-box;
}
.box_editor_list p{margin-bottom: 0;color: #ffffff;font-size: 16px;font-weight: 500;margin-top: 10px;}
.box_editor_list:hover img{filter:blur(2px) grayscale(80%);;transition:all 0.3s cubic-bezier(0.4, 0, 1, 1);}
/*************************************************************************************
#------------------  User Info  ------------------#
*************************************************************************************/

@keyframes floating {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(-150px);
    }
    100% {
        transform: translate(0px);
    }
}
@keyframes circlereverse {
    0% {
        transform: rotate(0deg) translate(-275px) rotate(0deg);
    }
    100% {
        transform: rotate(-360deg) translate(-275px) rotate(360deg);
    }
}
@keyframes circling {
    0% {
        transform: rotate(0deg) translate(-80px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate(-80px) rotate(-360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.hero-image{
    position: relative;
    text-align: left;
}
.hero-03 .square {
    position: absolute;
    bottom: 25px;
    z-index: 0;
    right: 140px;
    animation: rotate 25s linear infinite;
}

.hero-03 .circle {
    width: 85px;
    height: 85px;
    background: #1ab394;
    border-radius: 50%;
    opacity: 0.9;
    position: absolute;
    top: 150px;
    left: 0;
    overflow: hidden;
    animation: circling 18s linear infinite;
    z-index: 11;
}
.hero-03 .circle-2 {
    width: 55px;
    height: 55px;
    background: #fbdd62;
    border-radius: 50%;
    opacity: 0.9;
    position: absolute;
    top: 250px;
    bottom: 250px;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circlereverse 22s linear infinite;
    z-index: 11;
}
.hero-03 .floating {
    width: 50px;
    height: 50px;
    background: #ff4274;
    border-radius: 50%;
    opacity: 0.8;
    position: absolute;
    top: 5px;
    right: 180px;
    z-index: 1;
    animation: floating 5s linear infinite;
}
.rounded-circle {
    border-radius: 50%!important;
}
.hero-03 .hero-image img {
    z-index: 10;
    position: relative;
}

.hero-03 .personal-image img {
    z-index: 10;
    position: relative;
    box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
    max-width: 450px;
    max-height: 450px;
    width: 100%;
    height: 100%;
}
.base-color{
    color: #ce2fb0;
}
.text-muted {
    color: #6c757d!important;
}
.title_resume{
    font-size: 2rem;
    text-align: center;
}
.text_resume{
    width: 80%;
    color: #6c757d!important;
    text-align: center;
    margin: auto;
    line-height: 32px;
}
.title_obj{font-size: 20px}
.title_obj{font-size: 20px}
.timeline-items {
    padding: 30px;
    margin-top: 30px;
    background-color: #f1f3f6;
    border-radius: 1.25rem;
    box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.timeline-item {
    position: relative;
    margin-bottom: 30px;
}
.timeline-item:before {
    border: 1px solid #ff645e;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    border-radius: 1rem;
    display: block;
    right: 0;box-sizing: border-box;
}
.timeline-icon {
    border: 1px solid #ce2fb0;
    background-color: #ce2fb0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    z-index: 10;
    right: -7px;
}
.timeline-icon.orange{
    border-color: #fd9644;
    background-color: #fd9644;
}
.timeline-item.orange:before{
    border-color: #fd9644;
}
.timeline-year.orange{
    color: #fd9644;
}
.timeline-icon.blue{
    border-color: #74b9ff;
    background-color: #74b9ff;
}
.timeline-item.blue:before{
    border-color: #74b9ff;
}
.timeline-year.blue{
    color: #74b9ff;
}
.timeline-icon.greengreen{
    border-color: #1abc9c;
    background-color: #1abc9c;
}
.timeline-year.green{
    color: #1abc9c;
}
.timeline-item.green:before{
    border-color: #1abc9c;
}
.timeline-icon.purple{
    border-color: #5f27cd;
    background-color: #5f27cd;
}
.timeline-item.purple:before{
    border-color: #5f27cd;
}
.timeline-year.purple{
    color: #5f27cd;
}


.timeline-contents {
    padding-right: 30px;
    padding-left: inherit;
}
.timeline-title{
    font-size: 16px;
    margin: 15px 0;
}
.timeline-year{font-size:14px;color: #ce2fb0;font-weight: 500;margin: 10px 0;}
.timeline-content{
    font-size: 14px;
    line-height: 32px;
    color: #6c757d!important;
}

.GaugeMeter{
    Position: Relative;
    Text-Align: Center;
    Overflow: Hidden;
    Cursor: Default;
    display: flex;
    justify-content: center;
    width: 100% !important;
}

.GaugeMeterUser{
    Position: Relative;
    Text-Align: Center;
    Overflow: Hidden;
    Cursor: Default;
    display: flex;
    justify-content: center;
    width: 100% !important;
}

.GaugeMeter SPAN,
.GaugeMeter B{
    Margin: 0;
    Width: 50%;
    Position: Absolute;
    Text-Align: Center;
    Display: Inline-Block;
    Color: #ffffff00;
    Font-Weight: 100;
    Font-Family: inherit;
    Overflow: Hidden;
    White-Space: NoWrap;
    Text-Overflow: Ellipsis;
}

.GaugeMeter SPAN{display:none}
.GaugeMeter[data-style="Semi"] B{
    Margin: 0 10%;
    Width: 80%;
    font-size:50px;
}
.GaugeMeter S,
.GaugeMeter U{
    Text-Decoration:None;
    Font-Size: .30em;
    Font-Weight: 200;
    Opacity: .6;
}
.GaugeMeter B{
    Color: #181818;
    Font-Size: 19px;
    Opacity: 1;
    font-weight: 500;
}
.text_numb_cil{top: 80px;position: absolute;right: auto;left: auto;margin: auto;text-align: center;font-size: 34px;direction: ltr;}



@-moz-keyframes BluePrint{
    0% {Background-Position: 0 0;}
    100% {Background-Position: 1100% 100%;}
}

@-webkit-keyframes BluePrint{
    0% {Background-Position: 0 0;}
    100% {Background-Position: 1100% 100%;}
}

@keyframes BluePrint{
    0% {Background-Position: 0 0;}
    100% {Background-Position: -100% 100%;}
}
.box-border {
    background-color: #f1f3f6;
    border-radius: 1.25rem;
    box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.blog .blog-item {
    padding: 30px;
    margin: 60px 0 30px;
}
.blog .blog-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 45px;
    width: auto;
    height: 57px;
    background-color: #f1f3f6;
    z-index: 1;
    right: 45px;
}
.blog .blog-image {
    position: relative;
    display: inline-block;
    border-radius: 1.25rem;
    padding: 10px;
    margin-top: -88px;
    background-color: #f1f3f6;
}
.blog .blog-intro {
    box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
    border-radius: 1.25rem;
    padding: 5px;
    position: relative;
    z-index: 2;
    display: block;
}
.blog .blog-intro img {
    display: inline-block;
    border-radius: 1rem;
    width: 100%;
}
.blog .blog-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 3px 3px 3px #dadada, inset -3px -3px 3px #fafafa;
    border-radius: 1.25rem;
    z-index: 0;
}
.blog-content ul {
    padding-right: 0;
}
.list-inline-item {
    display: inline-block;
}
.blog-content .list-inline-item:not(:last-child) {
    padding-left: 3rem;
    margin-right: inherit !important;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.text-dark {
    color: #343a40!important;
}


/*************************************************************************************
#------------------  Responsive  ------------------#
*************************************************************************************/
@media screen and (max-width: 991px) {
    .hero-03 .square,.hero-03 .circle,.hero-03 .circle-2,.hero-03 .circle-3,.hero-03 .floating{
        display: none;
    }
    .hero-image{text-align: center}
    .box_form_newsletters{width:100%;bottom: 0;}
    .mob_user_menu{display: flex;align-items: center;}
    .list_menu{display:flex;align-items: center;position: relative;justify-content: space-between;flex-wrap: wrap;}
    .base_panel .list_menu ul {
        position: fixed;
        background: #fff;
        display: block;
        top: 0;
        right: -200%;
        width: 270px;
        height: 100vh;
        overflow-y: auto;
        transition: all 0.5s ease-in-out;
        z-index: 99999;
        padding: 0;
        margin: 0;
    }
    .base_panel .list_menu ul.open{
        right: 0;
        transition: all 0.5s ease-in-out;
    }
    .image_avatar{
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .top_header {
        display: none
    }

    .top_header_mobile {
        display: block;
        padding: 10px 15px;
    }

    .logo_mobile {
        width: 150px;
        max-width: 150px;
        min-width: 150px;
    }

    .top_header_mobile .right_icons {
        padding: 0;
        margin: 0
    }

    .top_header_mobile .right_icons li.account {
        padding: 0;
        margin: 0
    }

    .mobile_menu {
        display: flex;
        align-items: center;
        width: fit-content;
        cursor: pointer;
    }

    .mobile_menu span,.mob_user_menu span {
        width: 30px;
        height: 3px;
        background: #6c6c6c;
        display: block;
        margin-left: 7px;
        border-radius: 5px;
        position: relative;
    }

    .mobile_menu span::after,.mob_user_menu span:after {
        content: "";
        display: block;
        width: 25px;
        height: 3px;
        background: #6c6c6c;
        position: absolute;
        bottom: -6px;
        border-radius: 5px;
    }

    .mobile_menu span::before,.mob_user_menu span::before {
        content: "";
        display: block;
        width: 25px;
        height: 3px;
        background: #6c6c6c;
        position: absolute;
        top: -6px;
        border-radius: 5px;
    }

    .olv,
    .maghale_olv {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        height: 100%;
        top: 0;
        left: -100%;
        transition: all 0.5s ease-in-out;
        z-index: 999;
    }

    .olv.open,
    .maghale_olv.open {
        left: 0;
        transition: all 0.5s ease-in-out;
    }

    .top_header_mobile .main_menu {
        position: fixed;
        background: #fff;
        display: block;
        top: 0;
        right: -200%;
        width: 270px;
        height: 100vh;
        overflow-y: auto;
        transition: all 0.5s ease-in-out;
        z-index: 99999;
    }

    .top_header_mobile .main_menu.open {
        right: 0;
        transition: all 0.5s ease-in-out;
    }

    .top_header_mobile .main_menu > ul {
        display: block;
        padding: 0;
    }

    .list_social_mobile {
        display: flex !important;
        padding: 5px !important;
        margin: 0 !important;
        background: #f1f1f1;
        justify-content: space-between;
        align-items: center !important;
    }

    .list_social_mobile li {
        list-style: none !important;
        margin: 0 !important;
        border: 0 !important;
        display: flex !important;
        justify-content: center;
        align-items: center !important;
    }

    .list_social_mobile li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        padding: 0 !important;
    }

    .list_social_mobile li a i {
        display: block !important;
        border: 0 !important;
        font-size: 25px !important;
        width: auto !important;
        height: auto !important;
        min-height: auto !important;
    }

    .list_social_mobile li a i span {
        width: 100%;
    }

    .main_menu .war_search_top {
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(129, 129, 129, 0.17);
    }

    .main_menu .war_search_top::before {
        display: none
    }

    .main_menu .war_search_top .box_input_search {
        border: 0;
        border-radius: 0;
        width: 100%;
        height: 50px;
    }

    .main_menu .war_search_top .box_input_search input {
        font-size: 14px;
        width: 100%;
        padding: 10px 15px;
    }

    .main_menu .war_search_top .box_input_search span {
        padding-left: 14px
    }

    .main_menu .war_search_top .box_input_search span i {
        font-size: 20px
    }

    .top_header_mobile .main_menu > ul > li {
        width: 100%;
        margin-left: 0;
        display: block;
        border-bottom: 1px solid rgba(129, 129, 129, .2);
        min-height: 40px;
        vertical-align: middle;
        line-height: 40px;
        box-sizing: border-box;
    }

    .top_header_mobile .main_menu > ul > li > a {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding-right: 15px;
        font-size: 14px;
        box-sizing: border-box;
    }

    .top_header_mobile .main_menu > ul > li > a i {
        margin-left: 0;
        width: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-right: solid 1px #ccc;
        height: 100%;
        min-height: 35px;
    }

    .top_header_mobile .main_menu > ul > li > a i.open {
        transform: scale(-1);
        border-left: solid 1px #ccc;
    }

    .top_header_mobile .sub_menu {
        display: none;
        position: relative;
        width: 100%;
        right: 0 !important;
        top: 0 !important;
        border-radius: 0;
        box-shadow: 0 0 0;
        background: #f1f1f1;
        padding: 0;
    }

    .top_header_mobile .sub_menu i.open {
        transform: rotate(90deg);
        transition: all 0.5s ease-in-out;
    }

    .top_header_mobile .sub_menu::before {
        display: none !important;
    }

    .top_header_mobile .sub_menu li {
        line-height: 20px;
    }

    .top_header_mobile ul.sub_menu.open {
        display: block !important;
    }

    .top_header_mobile .sub_menu li a {
        padding: 10px 15px;
    }

    .top_header_mobile .sub_menu .sub_menu {
        border-top: 1px solid rgb(204, 204, 204);
        border-bottom: 1px solid rgb(204, 204, 204);
    }

    .banner_index {
        padding: 15px 0;
    }

    .web_desc {
        width: 100%;
    }

    .web_desc h1 {
        font-size: 32px;
    }

    .web_desc p {
        font-size: 17px;
    }

    .list_social_footer li {
        margin-left: 20px;
    }

    .war_last_news {
        padding-bottom: 75px;
        background-position: center;
    }

    .scrollTotop {
        position: relative;
        top: -60px;
        margin: auto;
        transform: scale(1.3) !important;
        z-index: 3;
    }

    .breadcrumb {
        font-size: 15px;
        margin: 0;
        width: auto;
        margin-right: 10px;
    }

    .pagination {
        margin-bottom: 45px
    }

    .namads {
        display: flex;
        justify-content: space-around;
    }
}

/********************************************************************************************/
@media screen and (max-width: 768px) {

    .container {
        padding: 0;
    }

    .row {
        margin: 0
    }

    .hide_mobile {
        display: none
    }

    .base_panel .list_menu ul {
        flex-wrap: wrap;
    }

    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: 0.625em;
    }

    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 0.8em;
        text-align: right;
    }

    table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table td:last-child {
        border-bottom: 0;
    }

    .list_tags {
        margin-bottom: 40px
    }

    .tabs_in_course {
        justify-content: center
    }

    #sidebar_course_box {
        margin-top: 35px;
    }

    .mob_side {
        display: block;
    }

    .mob_side a {
        color: #181818;
        text-decoration: none;
    }

    .mob_side.active a {
        color: #fff
    }

    .img_banner_box_index {
        display: none
    }

    .web_desc h1,
    .web_desc p {
        text-align: center;
        margin: 20px 0;
    }

    .war_search_top .box_input_search {
        width: 99%;
    }

    .footer__title {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    footer {
        padding-top: 0;
        margin-top: 0;
        text-align: center;
    }

    .scrollTotop {
        top: -20px;
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 35px;
    }

    .list_social_footer {
        justify-content: center;
        padding: 0;
    }

    .list_social_footer li {
        margin-left: 30px;
    }

    .sidebar_article {
        position: fixed;
        left: 0;
        z-index: 999999999;
        background: #fff;
        top: 0;
        right: -100%;
        height: 100vh;
        overflow-y: auto;
        margin-top: 0 !important;
        width: 85%;
        transition: all 0.5s ease-in-out;
        display: flex;
        flex-direction: column;
    }

    .sidebar_article.open {
        right: 0;
        transition: all 0.5s ease-in-out;
    }

    .sidebar_article.open .box_side_category_article {
        margin-bottom: 15px;
        width: 100%;
    }

    .sidebar_article.open .title_sidebar {
        margin-top: 0
    }

    .rate_maghale {
        padding-bottom: 45px;
    }

    .filter_article {
        display: block;
        position: static;
        left: 0;
        top: 30px;
    }

    .filter_article i {
        color: #696969;
        background-color: hsl(0deg 0% 88% / 70%);
        font-size: 22px;
        border-radius: 10px;
        cursor: pointer;
        position: sticky;
        top: 10px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .list_lessons_war > li .icon_li,
    .list_lessons_war > li > div h3 span:first-child,
    .list_lessons_of_course article .right span {
        display: none
    }

    .list_lessons_war > li > div,
    .list_lessons_of_course {
        margin-right: 0;
        width: 100%
    }

    .war_form_login_register .logo_reg_log {
        display: none;
    }

    .base_box_right ul li {
        font-size: 15px;
    }

    .war_form_login_register .left_form {
        left: 0;
    }

    .mask_reg_log {
        right: 0;
    }

    .left_form form .input_dev {
        max-width: 100%;
    }

    .war_form_login_register > .container > div > .row {
        flex-direction: column-reverse;
    }

    .war_form_login_register .right_form {
        transition: all 0.5s ease-in-out;
        position: absolute;
        right: 0;
        top: 0;
    }

    .left_form_base {
        margin-top: 0;
    }
    .box_editor_article {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

/********************************************************************************************/
@media screen and (max-width: 576px) {
    .list_social_fixed{display: none}
    .list_lessons_of_course article {
        flex-direction: column;
    }

    .right_icons .account a {
        width: 100px;
        height: 35px;
    }

    .web_desc h1 {
        font-size: 25px;
    }

    .web_desc p {
        font-size: 15px;
        text-align: justify;
    }

    .title_section {
        margin: 25px 0 20px 0;
        font-size: 22px;
    }

    footer .copyright {
        font-size: 15px;
        line-height: 25px;
    }

    .inja {
        display: none;
    }

    .list_article_info li {
        margin-left: 20px;
        margin-bottom: 10px;
    }

}

.payment_suc {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    padding: 10px;
    margin-bottom: 50px;
    border-radius: 5px;
    position: relative;
    line-height: 35px;
}

.payment_suc i {
    position: absolute;
    left: 20px;
    top: 15px;
    font-size: 20px;
    cursor: pointer;
    z-index: 9999;
}

.page_title {
    font-size: 25px;
    margin: 15px 0;
}

*[class^="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    background: #34495e;
    text-align: left;
    direction: ltr;
    border-left: solid 4px #16a085;
    color: #fff;
}

.card-area{
        position: relative;

    }

    .checkout-card-list li{
        display: flex;
        justify-content: flex-start;
        margin-right: 1px;
        font-size: 14px;
        padding: 8px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ddd;
        position: relative;
    }


    .checkout-card-list li .checkout-desc{
        width:100%;
        padding: 8px;
    }
    .checkout-card-list li .checkout-title{
        width: 100%;
    }
    .checkout-card-list li .checkout-status{
        width: 100%;
        font-size: 12px;
        font-style: italic;
    }
    .checkout-card-list li .checkout-time{
        width: 100%;
        font-size: 12px;
        font-style: italic;
    }
    .checkout-card-list li .checkout-price{
        width: 100%;
        text-align: left;
    }


    .checkout-card-list li img{
        width: 120px;
        height: 120px;
        border-radius: 3%;
        margin-left: 2px;
    }
    .checkout-card-list{
        position: relative;
        background-color: #fff;
        width: 95%;
        height: auto;
        display: none;
        box-shadow: 0 0 10px #ccc;
        padding: 10px;
        border-radius: 0px 0px 10px 10px;
        margin-bottom: 200px;
    }
    
    .checkout-card-list .checkout-payment-next{
        width: 150px;
        float: left!important;
        height: 43px;
        color: #fff;
        background: #ce2fb0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
    }
    .checkout-card-list .btn_takhf{width: 150px!important;}
    .checkout-card-list .sum-price, .checkout-card-list .emty-disc{flex-basis: 90%;font-weight: bolder;font-size: 16px}
    .checkout-card-list .empty-list{border:none!important;justify-content: center!important;}
    .checkout-card-list .payment-form{margin-right: 5px;}
    
    @media(max-width: 900px){
        .checkout-card-list li{
            flex-direction: column!important;
        }
        .checkout-card-list .payment-form{
            margin-top: 10px;
            width: 100%;
        }
        .checkout-card-list .checkout-payment-next{
            width: 100%;
        }
        
        .checkout-card-list .sum-price{
            font-size: 12px;
        }
    }

.card-area{
             position: relative;
             
         }
         
         .card-list li{
             display: flex;
            justify-content: flex-start!important;
            margin-right: 1px;
            font-size: 12px;
            padding: 8px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ddd;
            position: relative;
         }
         
         
         .card-list li .c-desc{
             width:100%;
         }
         .card-list li .c-title{
             width: 100%;
         }
         .card-list li .c-time{
             width: 100%;
             font-size: 10px;
             font-style: italic;
         }
         .card-list li .c-price{
             width: 100%;
             text-align: left;
         }
         
         
         .card-list li img{
             width: 40px;
             height: 40px;
             border-radius: 50%;
             margin-left: 2px;
         }
         .card-list{
             position: absolute;
             background-color: #fff;
             width: 300px;
             height: auto;
             top:55px;
             display: none;
             box-shadow: 0 0 10px #ccc;
            padding: 10px;
            border-radius: 0px 0px 10px 10px;
            z-index: 1000;
         }
         .badge{
             position: absolute; 
             top:-5px;
             left:-10px;
            background-color: #a12489!important;
            padding: 2px 10px;
            border-radius: 50px;
            color: #fff;
         }
         
         .badge-remove{
              position: absolute; 
             top:3px;
             left:-1px;
            background-color: #bf0202!important;
            padding: 2px 10px;
            border-radius: 5px;
            color: #fff;
            cursor: pointer;
            font-size: 9px;
         }
         .payment-next{
             width: 100%!important;
            height: 43px;
            color: #fff;
            background: #ce2fb0;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-size: 14px;
            font-weight: 400;
         }
         .trans-button{
             background-color: transparent!important;
             border:none!important;
             color:#fff!important;
             font-family: IRANSans!important;
             cursor: pointer;
         }
         
         @media(max-width: 1000px){
             .right_icons .account a{
                 margin-right: 15px;
                 width: 90px;
                 font-size: 11px;
             }
         }