/* FILE: fonts.css */ /* vietnamese */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/vietnamese.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/latin-ext.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/vietnamese.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/latin-ext.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/vietnamese.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/latin-ext.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* FILE: bootstrap-icons.css */ /*! * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/) * Copyright 2019-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE) */ @font-face { font-display: block; font-family: "bootstrap-icons"; src: url("../fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"), url("../fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff"); } .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bi-123::before { content: "\f67f"; } .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-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"; } .bi-apple::before { content: "\f65b"; } .bi-microsoft::before { content: "\f65d"; } .bi-windows::before { content: "\f65e"; } .bi-behance::before { content: "\f65c"; } .bi-dribbble::before { content: "\f65f"; } .bi-line::before { content: "\f660"; } .bi-medium::before { content: "\f661"; } .bi-paypal::before { content: "\f662"; } .bi-pinterest::before { content: "\f663"; } .bi-signal::before { content: "\f664"; } .bi-snapchat::before { content: "\f665"; } .bi-spotify::before { content: "\f666"; } .bi-stack-overflow::before { content: "\f667"; } .bi-strava::before { content: "\f668"; } .bi-wordpress::before { content: "\f669"; } .bi-vimeo::before { content: "\f66a"; } .bi-activity::before { content: "\f66b"; } .bi-easel2-fill::before { content: "\f66c"; } .bi-easel2::before { content: "\f66d"; } .bi-easel3-fill::before { content: "\f66e"; } .bi-easel3::before { content: "\f66f"; } .bi-fan::before { content: "\f670"; } .bi-fingerprint::before { content: "\f671"; } .bi-graph-down-arrow::before { content: "\f672"; } .bi-graph-up-arrow::before { content: "\f673"; } .bi-hypnotize::before { content: "\f674"; } .bi-magic::before { content: "\f675"; } .bi-person-rolodex::before { content: "\f676"; } .bi-person-video::before { content: "\f677"; } .bi-person-video2::before { content: "\f678"; } .bi-person-video3::before { content: "\f679"; } .bi-person-workspace::before { content: "\f67a"; } .bi-radioactive::before { content: "\f67b"; } .bi-webcam-fill::before { content: "\f67c"; } .bi-webcam::before { content: "\f67d"; } .bi-yin-yang::before { content: "\f67e"; } .bi-bandaid-fill::before { content: "\f680"; } .bi-bandaid::before { content: "\f681"; } .bi-bluetooth::before { content: "\f682"; } .bi-body-text::before { content: "\f683"; } .bi-boombox::before { content: "\f684"; } .bi-boxes::before { content: "\f685"; } .bi-dpad-fill::before { content: "\f686"; } .bi-dpad::before { content: "\f687"; } .bi-ear-fill::before { content: "\f688"; } .bi-ear::before { content: "\f689"; } .bi-envelope-check-fill::before { content: "\f68b"; } .bi-envelope-check::before { content: "\f68c"; } .bi-envelope-dash-fill::before { content: "\f68e"; } .bi-envelope-dash::before { content: "\f68f"; } .bi-envelope-exclamation-fill::before { content: "\f691"; } .bi-envelope-exclamation::before { content: "\f692"; } .bi-envelope-plus-fill::before { content: "\f693"; } .bi-envelope-plus::before { content: "\f694"; } .bi-envelope-slash-fill::before { content: "\f696"; } .bi-envelope-slash::before { content: "\f697"; } .bi-envelope-x-fill::before { content: "\f699"; } .bi-envelope-x::before { content: "\f69a"; } .bi-explicit-fill::before { content: "\f69b"; } .bi-explicit::before { content: "\f69c"; } .bi-git::before { content: "\f69d"; } .bi-infinity::before { content: "\f69e"; } .bi-list-columns-reverse::before { content: "\f69f"; } .bi-list-columns::before { content: "\f6a0"; } .bi-meta::before { content: "\f6a1"; } .bi-nintendo-switch::before { content: "\f6a4"; } .bi-pc-display-horizontal::before { content: "\f6a5"; } .bi-pc-display::before { content: "\f6a6"; } .bi-pc-horizontal::before { content: "\f6a7"; } .bi-pc::before { content: "\f6a8"; } .bi-playstation::before { content: "\f6a9"; } .bi-plus-slash-minus::before { content: "\f6aa"; } .bi-projector-fill::before { content: "\f6ab"; } .bi-projector::before { content: "\f6ac"; } .bi-qr-code-scan::before { content: "\f6ad"; } .bi-qr-code::before { content: "\f6ae"; } .bi-quora::before { content: "\f6af"; } .bi-quote::before { content: "\f6b0"; } .bi-robot::before { content: "\f6b1"; } .bi-send-check-fill::before { content: "\f6b2"; } .bi-send-check::before { content: "\f6b3"; } .bi-send-dash-fill::before { content: "\f6b4"; } .bi-send-dash::before { content: "\f6b5"; } .bi-send-exclamation-fill::before { content: "\f6b7"; } .bi-send-exclamation::before { content: "\f6b8"; } .bi-send-fill::before { content: "\f6b9"; } .bi-send-plus-fill::before { content: "\f6ba"; } .bi-send-plus::before { content: "\f6bb"; } .bi-send-slash-fill::before { content: "\f6bc"; } .bi-send-slash::before { content: "\f6bd"; } .bi-send-x-fill::before { content: "\f6be"; } .bi-send-x::before { content: "\f6bf"; } .bi-send::before { content: "\f6c0"; } .bi-steam::before { content: "\f6c1"; } .bi-terminal-dash::before { content: "\f6c3"; } .bi-terminal-plus::before { content: "\f6c4"; } .bi-terminal-split::before { content: "\f6c5"; } .bi-ticket-detailed-fill::before { content: "\f6c6"; } .bi-ticket-detailed::before { content: "\f6c7"; } .bi-ticket-fill::before { content: "\f6c8"; } .bi-ticket-perforated-fill::before { content: "\f6c9"; } .bi-ticket-perforated::before { content: "\f6ca"; } .bi-ticket::before { content: "\f6cb"; } .bi-tiktok::before { content: "\f6cc"; } .bi-window-dash::before { content: "\f6cd"; } .bi-window-desktop::before { content: "\f6ce"; } .bi-window-fullscreen::before { content: "\f6cf"; } .bi-window-plus::before { content: "\f6d0"; } .bi-window-split::before { content: "\f6d1"; } .bi-window-stack::before { content: "\f6d2"; } .bi-window-x::before { content: "\f6d3"; } .bi-xbox::before { content: "\f6d4"; } .bi-ethernet::before { content: "\f6d5"; } .bi-hdmi-fill::before { content: "\f6d6"; } .bi-hdmi::before { content: "\f6d7"; } .bi-usb-c-fill::before { content: "\f6d8"; } .bi-usb-c::before { content: "\f6d9"; } .bi-usb-fill::before { content: "\f6da"; } .bi-usb-plug-fill::before { content: "\f6db"; } .bi-usb-plug::before { content: "\f6dc"; } .bi-usb-symbol::before { content: "\f6dd"; } .bi-usb::before { content: "\f6de"; } .bi-boombox-fill::before { content: "\f6df"; } .bi-displayport::before { content: "\f6e1"; } .bi-gpu-card::before { content: "\f6e2"; } .bi-memory::before { content: "\f6e3"; } .bi-modem-fill::before { content: "\f6e4"; } .bi-modem::before { content: "\f6e5"; } .bi-motherboard-fill::before { content: "\f6e6"; } .bi-motherboard::before { content: "\f6e7"; } .bi-optical-audio-fill::before { content: "\f6e8"; } .bi-optical-audio::before { content: "\f6e9"; } .bi-pci-card::before { content: "\f6ea"; } .bi-router-fill::before { content: "\f6eb"; } .bi-router::before { content: "\f6ec"; } .bi-thunderbolt-fill::before { content: "\f6ef"; } .bi-thunderbolt::before { content: "\f6f0"; } .bi-usb-drive-fill::before { content: "\f6f1"; } .bi-usb-drive::before { content: "\f6f2"; } .bi-usb-micro-fill::before { content: "\f6f3"; } .bi-usb-micro::before { content: "\f6f4"; } .bi-usb-mini-fill::before { content: "\f6f5"; } .bi-usb-mini::before { content: "\f6f6"; } .bi-cloud-haze2::before { content: "\f6f7"; } .bi-device-hdd-fill::before { content: "\f6f8"; } .bi-device-hdd::before { content: "\f6f9"; } .bi-device-ssd-fill::before { content: "\f6fa"; } .bi-device-ssd::before { content: "\f6fb"; } .bi-displayport-fill::before { content: "\f6fc"; } .bi-mortarboard-fill::before { content: "\f6fd"; } .bi-mortarboard::before { content: "\f6fe"; } .bi-terminal-x::before { content: "\f6ff"; } .bi-arrow-through-heart-fill::before { content: "\f700"; } .bi-arrow-through-heart::before { content: "\f701"; } .bi-badge-sd-fill::before { content: "\f702"; } .bi-badge-sd::before { content: "\f703"; } .bi-bag-heart-fill::before { content: "\f704"; } .bi-bag-heart::before { content: "\f705"; } .bi-balloon-fill::before { content: "\f706"; } .bi-balloon-heart-fill::before { content: "\f707"; } .bi-balloon-heart::before { content: "\f708"; } .bi-balloon::before { content: "\f709"; } .bi-box2-fill::before { content: "\f70a"; } .bi-box2-heart-fill::before { content: "\f70b"; } .bi-box2-heart::before { content: "\f70c"; } .bi-box2::before { content: "\f70d"; } .bi-braces-asterisk::before { content: "\f70e"; } .bi-calendar-heart-fill::before { content: "\f70f"; } .bi-calendar-heart::before { content: "\f710"; } .bi-calendar2-heart-fill::before { content: "\f711"; } .bi-calendar2-heart::before { content: "\f712"; } .bi-chat-heart-fill::before { content: "\f713"; } .bi-chat-heart::before { content: "\f714"; } .bi-chat-left-heart-fill::before { content: "\f715"; } .bi-chat-left-heart::before { content: "\f716"; } .bi-chat-right-heart-fill::before { content: "\f717"; } .bi-chat-right-heart::before { content: "\f718"; } .bi-chat-square-heart-fill::before { content: "\f719"; } .bi-chat-square-heart::before { content: "\f71a"; } .bi-clipboard-check-fill::before { content: "\f71b"; } .bi-clipboard-data-fill::before { content: "\f71c"; } .bi-clipboard-fill::before { content: "\f71d"; } .bi-clipboard-heart-fill::before { content: "\f71e"; } .bi-clipboard-heart::before { content: "\f71f"; } .bi-clipboard-minus-fill::before { content: "\f720"; } .bi-clipboard-plus-fill::before { content: "\f721"; } .bi-clipboard-pulse::before { content: "\f722"; } .bi-clipboard-x-fill::before { content: "\f723"; } .bi-clipboard2-check-fill::before { content: "\f724"; } .bi-clipboard2-check::before { content: "\f725"; } .bi-clipboard2-data-fill::before { content: "\f726"; } .bi-clipboard2-data::before { content: "\f727"; } .bi-clipboard2-fill::before { content: "\f728"; } .bi-clipboard2-heart-fill::before { content: "\f729"; } .bi-clipboard2-heart::before { content: "\f72a"; } .bi-clipboard2-minus-fill::before { content: "\f72b"; } .bi-clipboard2-minus::before { content: "\f72c"; } .bi-clipboard2-plus-fill::before { content: "\f72d"; } .bi-clipboard2-plus::before { content: "\f72e"; } .bi-clipboard2-pulse-fill::before { content: "\f72f"; } .bi-clipboard2-pulse::before { content: "\f730"; } .bi-clipboard2-x-fill::before { content: "\f731"; } .bi-clipboard2-x::before { content: "\f732"; } .bi-clipboard2::before { content: "\f733"; } .bi-emoji-kiss-fill::before { content: "\f734"; } .bi-emoji-kiss::before { content: "\f735"; } .bi-envelope-heart-fill::before { content: "\f736"; } .bi-envelope-heart::before { content: "\f737"; } .bi-envelope-open-heart-fill::before { content: "\f738"; } .bi-envelope-open-heart::before { content: "\f739"; } .bi-envelope-paper-fill::before { content: "\f73a"; } .bi-envelope-paper-heart-fill::before { content: "\f73b"; } .bi-envelope-paper-heart::before { content: "\f73c"; } .bi-envelope-paper::before { content: "\f73d"; } .bi-filetype-aac::before { content: "\f73e"; } .bi-filetype-ai::before { content: "\f73f"; } .bi-filetype-bmp::before { content: "\f740"; } .bi-filetype-cs::before { content: "\f741"; } .bi-filetype-css::before { content: "\f742"; } .bi-filetype-csv::before { content: "\f743"; } .bi-filetype-doc::before { content: "\f744"; } .bi-filetype-docx::before { content: "\f745"; } .bi-filetype-exe::before { content: "\f746"; } .bi-filetype-gif::before { content: "\f747"; } .bi-filetype-heic::before { content: "\f748"; } .bi-filetype-html::before { content: "\f749"; } .bi-filetype-java::before { content: "\f74a"; } .bi-filetype-jpg::before { content: "\f74b"; } .bi-filetype-js::before { content: "\f74c"; } .bi-filetype-jsx::before { content: "\f74d"; } .bi-filetype-key::before { content: "\f74e"; } .bi-filetype-m4p::before { content: "\f74f"; } .bi-filetype-md::before { content: "\f750"; } .bi-filetype-mdx::before { content: "\f751"; } .bi-filetype-mov::before { content: "\f752"; } .bi-filetype-mp3::before { content: "\f753"; } .bi-filetype-mp4::before { content: "\f754"; } .bi-filetype-otf::before { content: "\f755"; } .bi-filetype-pdf::before { content: "\f756"; } .bi-filetype-php::before { content: "\f757"; } .bi-filetype-png::before { content: "\f758"; } .bi-filetype-ppt::before { content: "\f75a"; } .bi-filetype-psd::before { content: "\f75b"; } .bi-filetype-py::before { content: "\f75c"; } .bi-filetype-raw::before { content: "\f75d"; } .bi-filetype-rb::before { content: "\f75e"; } .bi-filetype-sass::before { content: "\f75f"; } .bi-filetype-scss::before { content: "\f760"; } .bi-filetype-sh::before { content: "\f761"; } .bi-filetype-svg::before { content: "\f762"; } .bi-filetype-tiff::before { content: "\f763"; } .bi-filetype-tsx::before { content: "\f764"; } .bi-filetype-ttf::before { content: "\f765"; } .bi-filetype-txt::before { content: "\f766"; } .bi-filetype-wav::before { content: "\f767"; } .bi-filetype-woff::before { content: "\f768"; } .bi-filetype-xls::before { content: "\f76a"; } .bi-filetype-xml::before { content: "\f76b"; } .bi-filetype-yml::before { content: "\f76c"; } .bi-heart-arrow::before { content: "\f76d"; } .bi-heart-pulse-fill::before { content: "\f76e"; } .bi-heart-pulse::before { content: "\f76f"; } .bi-heartbreak-fill::before { content: "\f770"; } .bi-heartbreak::before { content: "\f771"; } .bi-hearts::before { content: "\f772"; } .bi-hospital-fill::before { content: "\f773"; } .bi-hospital::before { content: "\f774"; } .bi-house-heart-fill::before { content: "\f775"; } .bi-house-heart::before { content: "\f776"; } .bi-incognito::before { content: "\f777"; } .bi-magnet-fill::before { content: "\f778"; } .bi-magnet::before { content: "\f779"; } .bi-person-heart::before { content: "\f77a"; } .bi-person-hearts::before { content: "\f77b"; } .bi-phone-flip::before { content: "\f77c"; } .bi-plugin::before { content: "\f77d"; } .bi-postage-fill::before { content: "\f77e"; } .bi-postage-heart-fill::before { content: "\f77f"; } .bi-postage-heart::before { content: "\f780"; } .bi-postage::before { content: "\f781"; } .bi-postcard-fill::before { content: "\f782"; } .bi-postcard-heart-fill::before { content: "\f783"; } .bi-postcard-heart::before { content: "\f784"; } .bi-postcard::before { content: "\f785"; } .bi-search-heart-fill::before { content: "\f786"; } .bi-search-heart::before { content: "\f787"; } .bi-sliders2-vertical::before { content: "\f788"; } .bi-sliders2::before { content: "\f789"; } .bi-trash3-fill::before { content: "\f78a"; } .bi-trash3::before { content: "\f78b"; } .bi-valentine::before { content: "\f78c"; } .bi-valentine2::before { content: "\f78d"; } .bi-wrench-adjustable-circle-fill::before { content: "\f78e"; } .bi-wrench-adjustable-circle::before { content: "\f78f"; } .bi-wrench-adjustable::before { content: "\f790"; } .bi-filetype-json::before { content: "\f791"; } .bi-filetype-pptx::before { content: "\f792"; } .bi-filetype-xlsx::before { content: "\f793"; } .bi-1-circle-fill::before { content: "\f796"; } .bi-1-circle::before { content: "\f797"; } .bi-1-square-fill::before { content: "\f798"; } .bi-1-square::before { content: "\f799"; } .bi-2-circle-fill::before { content: "\f79c"; } .bi-2-circle::before { content: "\f79d"; } .bi-2-square-fill::before { content: "\f79e"; } .bi-2-square::before { content: "\f79f"; } .bi-3-circle-fill::before { content: "\f7a2"; } .bi-3-circle::before { content: "\f7a3"; } .bi-3-square-fill::before { content: "\f7a4"; } .bi-3-square::before { content: "\f7a5"; } .bi-4-circle-fill::before { content: "\f7a8"; } .bi-4-circle::before { content: "\f7a9"; } .bi-4-square-fill::before { content: "\f7aa"; } .bi-4-square::before { content: "\f7ab"; } .bi-5-circle-fill::before { content: "\f7ae"; } .bi-5-circle::before { content: "\f7af"; } .bi-5-square-fill::before { content: "\f7b0"; } .bi-5-square::before { content: "\f7b1"; } .bi-6-circle-fill::before { content: "\f7b4"; } .bi-6-circle::before { content: "\f7b5"; } .bi-6-square-fill::before { content: "\f7b6"; } .bi-6-square::before { content: "\f7b7"; } .bi-7-circle-fill::before { content: "\f7ba"; } .bi-7-circle::before { content: "\f7bb"; } .bi-7-square-fill::before { content: "\f7bc"; } .bi-7-square::before { content: "\f7bd"; } .bi-8-circle-fill::before { content: "\f7c0"; } .bi-8-circle::before { content: "\f7c1"; } .bi-8-square-fill::before { content: "\f7c2"; } .bi-8-square::before { content: "\f7c3"; } .bi-9-circle-fill::before { content: "\f7c6"; } .bi-9-circle::before { content: "\f7c7"; } .bi-9-square-fill::before { content: "\f7c8"; } .bi-9-square::before { content: "\f7c9"; } .bi-airplane-engines-fill::before { content: "\f7ca"; } .bi-airplane-engines::before { content: "\f7cb"; } .bi-airplane-fill::before { content: "\f7cc"; } .bi-airplane::before { content: "\f7cd"; } .bi-alexa::before { content: "\f7ce"; } .bi-alipay::before { content: "\f7cf"; } .bi-android::before { content: "\f7d0"; } .bi-android2::before { content: "\f7d1"; } .bi-box-fill::before { content: "\f7d2"; } .bi-box-seam-fill::before { content: "\f7d3"; } .bi-browser-chrome::before { content: "\f7d4"; } .bi-browser-edge::before { content: "\f7d5"; } .bi-browser-firefox::before { content: "\f7d6"; } .bi-browser-safari::before { content: "\f7d7"; } .bi-c-circle-fill::before { content: "\f7da"; } .bi-c-circle::before { content: "\f7db"; } .bi-c-square-fill::before { content: "\f7dc"; } .bi-c-square::before { content: "\f7dd"; } .bi-capsule-pill::before { content: "\f7de"; } .bi-capsule::before { content: "\f7df"; } .bi-car-front-fill::before { content: "\f7e0"; } .bi-car-front::before { content: "\f7e1"; } .bi-cassette-fill::before { content: "\f7e2"; } .bi-cassette::before { content: "\f7e3"; } .bi-cc-circle-fill::before { content: "\f7e6"; } .bi-cc-circle::before { content: "\f7e7"; } .bi-cc-square-fill::before { content: "\f7e8"; } .bi-cc-square::before { content: "\f7e9"; } .bi-cup-hot-fill::before { content: "\f7ea"; } .bi-cup-hot::before { content: "\f7eb"; } .bi-currency-rupee::before { content: "\f7ec"; } .bi-dropbox::before { content: "\f7ed"; } .bi-escape::before { content: "\f7ee"; } .bi-fast-forward-btn-fill::before { content: "\f7ef"; } .bi-fast-forward-btn::before { content: "\f7f0"; } .bi-fast-forward-circle-fill::before { content: "\f7f1"; } .bi-fast-forward-circle::before { content: "\f7f2"; } .bi-fast-forward-fill::before { content: "\f7f3"; } .bi-fast-forward::before { content: "\f7f4"; } .bi-filetype-sql::before { content: "\f7f5"; } .bi-fire::before { content: "\f7f6"; } .bi-google-play::before { content: "\f7f7"; } .bi-h-circle-fill::before { content: "\f7fa"; } .bi-h-circle::before { content: "\f7fb"; } .bi-h-square-fill::before { content: "\f7fc"; } .bi-h-square::before { content: "\f7fd"; } .bi-indent::before { content: "\f7fe"; } .bi-lungs-fill::before { content: "\f7ff"; } .bi-lungs::before { content: "\f800"; } .bi-microsoft-teams::before { content: "\f801"; } .bi-p-circle-fill::before { content: "\f804"; } .bi-p-circle::before { content: "\f805"; } .bi-p-square-fill::before { content: "\f806"; } .bi-p-square::before { content: "\f807"; } .bi-pass-fill::before { content: "\f808"; } .bi-pass::before { content: "\f809"; } .bi-prescription::before { content: "\f80a"; } .bi-prescription2::before { content: "\f80b"; } .bi-r-circle-fill::before { content: "\f80e"; } .bi-r-circle::before { content: "\f80f"; } .bi-r-square-fill::before { content: "\f810"; } .bi-r-square::before { content: "\f811"; } .bi-repeat-1::before { content: "\f812"; } .bi-repeat::before { content: "\f813"; } .bi-rewind-btn-fill::before { content: "\f814"; } .bi-rewind-btn::before { content: "\f815"; } .bi-rewind-circle-fill::before { content: "\f816"; } .bi-rewind-circle::before { content: "\f817"; } .bi-rewind-fill::before { content: "\f818"; } .bi-rewind::before { content: "\f819"; } .bi-train-freight-front-fill::before { content: "\f81a"; } .bi-train-freight-front::before { content: "\f81b"; } .bi-train-front-fill::before { content: "\f81c"; } .bi-train-front::before { content: "\f81d"; } .bi-train-lightrail-front-fill::before { content: "\f81e"; } .bi-train-lightrail-front::before { content: "\f81f"; } .bi-truck-front-fill::before { content: "\f820"; } .bi-truck-front::before { content: "\f821"; } .bi-ubuntu::before { content: "\f822"; } .bi-unindent::before { content: "\f823"; } .bi-unity::before { content: "\f824"; } .bi-universal-access-circle::before { content: "\f825"; } .bi-universal-access::before { content: "\f826"; } .bi-virus::before { content: "\f827"; } .bi-virus2::before { content: "\f828"; } .bi-wechat::before { content: "\f829"; } .bi-yelp::before { content: "\f82a"; } .bi-sign-stop-fill::before { content: "\f82b"; } .bi-sign-stop-lights-fill::before { content: "\f82c"; } .bi-sign-stop-lights::before { content: "\f82d"; } .bi-sign-stop::before { content: "\f82e"; } .bi-sign-turn-left-fill::before { content: "\f82f"; } .bi-sign-turn-left::before { content: "\f830"; } .bi-sign-turn-right-fill::before { content: "\f831"; } .bi-sign-turn-right::before { content: "\f832"; } .bi-sign-turn-slight-left-fill::before { content: "\f833"; } .bi-sign-turn-slight-left::before { content: "\f834"; } .bi-sign-turn-slight-right-fill::before { content: "\f835"; } .bi-sign-turn-slight-right::before { content: "\f836"; } .bi-sign-yield-fill::before { content: "\f837"; } .bi-sign-yield::before { content: "\f838"; } .bi-ev-station-fill::before { content: "\f839"; } .bi-ev-station::before { content: "\f83a"; } .bi-fuel-pump-diesel-fill::before { content: "\f83b"; } .bi-fuel-pump-diesel::before { content: "\f83c"; } .bi-fuel-pump-fill::before { content: "\f83d"; } .bi-fuel-pump::before { content: "\f83e"; } .bi-0-circle-fill::before { content: "\f83f"; } .bi-0-circle::before { content: "\f840"; } .bi-0-square-fill::before { content: "\f841"; } .bi-0-square::before { content: "\f842"; } .bi-rocket-fill::before { content: "\f843"; } .bi-rocket-takeoff-fill::before { content: "\f844"; } .bi-rocket-takeoff::before { content: "\f845"; } .bi-rocket::before { content: "\f846"; } .bi-stripe::before { content: "\f847"; } .bi-subscript::before { content: "\f848"; } .bi-superscript::before { content: "\f849"; } .bi-trello::before { content: "\f84a"; } .bi-envelope-at-fill::before { content: "\f84b"; } .bi-envelope-at::before { content: "\f84c"; } .bi-regex::before { content: "\f84d"; } .bi-text-wrap::before { content: "\f84e"; } .bi-sign-dead-end-fill::before { content: "\f84f"; } .bi-sign-dead-end::before { content: "\f850"; } .bi-sign-do-not-enter-fill::before { content: "\f851"; } .bi-sign-do-not-enter::before { content: "\f852"; } .bi-sign-intersection-fill::before { content: "\f853"; } .bi-sign-intersection-side-fill::before { content: "\f854"; } .bi-sign-intersection-side::before { content: "\f855"; } .bi-sign-intersection-t-fill::before { content: "\f856"; } .bi-sign-intersection-t::before { content: "\f857"; } .bi-sign-intersection-y-fill::before { content: "\f858"; } .bi-sign-intersection-y::before { content: "\f859"; } .bi-sign-intersection::before { content: "\f85a"; } .bi-sign-merge-left-fill::before { content: "\f85b"; } .bi-sign-merge-left::before { content: "\f85c"; } .bi-sign-merge-right-fill::before { content: "\f85d"; } .bi-sign-merge-right::before { content: "\f85e"; } .bi-sign-no-left-turn-fill::before { content: "\f85f"; } .bi-sign-no-left-turn::before { content: "\f860"; } .bi-sign-no-parking-fill::before { content: "\f861"; } .bi-sign-no-parking::before { content: "\f862"; } .bi-sign-no-right-turn-fill::before { content: "\f863"; } .bi-sign-no-right-turn::before { content: "\f864"; } .bi-sign-railroad-fill::before { content: "\f865"; } .bi-sign-railroad::before { content: "\f866"; } .bi-building-add::before { content: "\f867"; } .bi-building-check::before { content: "\f868"; } .bi-building-dash::before { content: "\f869"; } .bi-building-down::before { content: "\f86a"; } .bi-building-exclamation::before { content: "\f86b"; } .bi-building-fill-add::before { content: "\f86c"; } .bi-building-fill-check::before { content: "\f86d"; } .bi-building-fill-dash::before { content: "\f86e"; } .bi-building-fill-down::before { content: "\f86f"; } .bi-building-fill-exclamation::before { content: "\f870"; } .bi-building-fill-gear::before { content: "\f871"; } .bi-building-fill-lock::before { content: "\f872"; } .bi-building-fill-slash::before { content: "\f873"; } .bi-building-fill-up::before { content: "\f874"; } .bi-building-fill-x::before { content: "\f875"; } .bi-building-fill::before { content: "\f876"; } .bi-building-gear::before { content: "\f877"; } .bi-building-lock::before { content: "\f878"; } .bi-building-slash::before { content: "\f879"; } .bi-building-up::before { content: "\f87a"; } .bi-building-x::before { content: "\f87b"; } .bi-buildings-fill::before { content: "\f87c"; } .bi-buildings::before { content: "\f87d"; } .bi-bus-front-fill::before { content: "\f87e"; } .bi-bus-front::before { content: "\f87f"; } .bi-ev-front-fill::before { content: "\f880"; } .bi-ev-front::before { content: "\f881"; } .bi-globe-americas::before { content: "\f882"; } .bi-globe-asia-australia::before { content: "\f883"; } .bi-globe-central-south-asia::before { content: "\f884"; } .bi-globe-europe-africa::before { content: "\f885"; } .bi-house-add-fill::before { content: "\f886"; } .bi-house-add::before { content: "\f887"; } .bi-house-check-fill::before { content: "\f888"; } .bi-house-check::before { content: "\f889"; } .bi-house-dash-fill::before { content: "\f88a"; } .bi-house-dash::before { content: "\f88b"; } .bi-house-down-fill::before { content: "\f88c"; } .bi-house-down::before { content: "\f88d"; } .bi-house-exclamation-fill::before { content: "\f88e"; } .bi-house-exclamation::before { content: "\f88f"; } .bi-house-gear-fill::before { content: "\f890"; } .bi-house-gear::before { content: "\f891"; } .bi-house-lock-fill::before { content: "\f892"; } .bi-house-lock::before { content: "\f893"; } .bi-house-slash-fill::before { content: "\f894"; } .bi-house-slash::before { content: "\f895"; } .bi-house-up-fill::before { content: "\f896"; } .bi-house-up::before { content: "\f897"; } .bi-house-x-fill::before { content: "\f898"; } .bi-house-x::before { content: "\f899"; } .bi-person-add::before { content: "\f89a"; } .bi-person-down::before { content: "\f89b"; } .bi-person-exclamation::before { content: "\f89c"; } .bi-person-fill-add::before { content: "\f89d"; } .bi-person-fill-check::before { content: "\f89e"; } .bi-person-fill-dash::before { content: "\f89f"; } .bi-person-fill-down::before { content: "\f8a0"; } .bi-person-fill-exclamation::before { content: "\f8a1"; } .bi-person-fill-gear::before { content: "\f8a2"; } .bi-person-fill-lock::before { content: "\f8a3"; } .bi-person-fill-slash::before { content: "\f8a4"; } .bi-person-fill-up::before { content: "\f8a5"; } .bi-person-fill-x::before { content: "\f8a6"; } .bi-person-gear::before { content: "\f8a7"; } .bi-person-lock::before { content: "\f8a8"; } .bi-person-slash::before { content: "\f8a9"; } .bi-person-up::before { content: "\f8aa"; } .bi-scooter::before { content: "\f8ab"; } .bi-taxi-front-fill::before { content: "\f8ac"; } .bi-taxi-front::before { content: "\f8ad"; } .bi-amd::before { content: "\f8ae"; } .bi-database-add::before { content: "\f8af"; } .bi-database-check::before { content: "\f8b0"; } .bi-database-dash::before { content: "\f8b1"; } .bi-database-down::before { content: "\f8b2"; } .bi-database-exclamation::before { content: "\f8b3"; } .bi-database-fill-add::before { content: "\f8b4"; } .bi-database-fill-check::before { content: "\f8b5"; } .bi-database-fill-dash::before { content: "\f8b6"; } .bi-database-fill-down::before { content: "\f8b7"; } .bi-database-fill-exclamation::before { content: "\f8b8"; } .bi-database-fill-gear::before { content: "\f8b9"; } .bi-database-fill-lock::before { content: "\f8ba"; } .bi-database-fill-slash::before { content: "\f8bb"; } .bi-database-fill-up::before { content: "\f8bc"; } .bi-database-fill-x::before { content: "\f8bd"; } .bi-database-fill::before { content: "\f8be"; } .bi-database-gear::before { content: "\f8bf"; } .bi-database-lock::before { content: "\f8c0"; } .bi-database-slash::before { content: "\f8c1"; } .bi-database-up::before { content: "\f8c2"; } .bi-database-x::before { content: "\f8c3"; } .bi-database::before { content: "\f8c4"; } .bi-houses-fill::before { content: "\f8c5"; } .bi-houses::before { content: "\f8c6"; } .bi-nvidia::before { content: "\f8c7"; } .bi-person-vcard-fill::before { content: "\f8c8"; } .bi-person-vcard::before { content: "\f8c9"; } .bi-sina-weibo::before { content: "\f8ca"; } .bi-tencent-qq::before { content: "\f8cb"; } .bi-wikipedia::before { content: "\f8cc"; } .bi-alphabet-uppercase::before { content: "\f2a5"; } .bi-alphabet::before { content: "\f68a"; } .bi-amazon::before { content: "\f68d"; } .bi-arrows-collapse-vertical::before { content: "\f690"; } .bi-arrows-expand-vertical::before { content: "\f695"; } .bi-arrows-vertical::before { content: "\f698"; } .bi-arrows::before { content: "\f6a2"; } .bi-ban-fill::before { content: "\f6a3"; } .bi-ban::before { content: "\f6b6"; } .bi-bing::before { content: "\f6c2"; } .bi-cake::before { content: "\f6e0"; } .bi-cake2::before { content: "\f6ed"; } .bi-cookie::before { content: "\f6ee"; } .bi-copy::before { content: "\f759"; } .bi-crosshair::before { content: "\f769"; } .bi-crosshair2::before { content: "\f794"; } .bi-emoji-astonished-fill::before { content: "\f795"; } .bi-emoji-astonished::before { content: "\f79a"; } .bi-emoji-grimace-fill::before { content: "\f79b"; } .bi-emoji-grimace::before { content: "\f7a0"; } .bi-emoji-grin-fill::before { content: "\f7a1"; } .bi-emoji-grin::before { content: "\f7a6"; } .bi-emoji-surprise-fill::before { content: "\f7a7"; } .bi-emoji-surprise::before { content: "\f7ac"; } .bi-emoji-tear-fill::before { content: "\f7ad"; } .bi-emoji-tear::before { content: "\f7b2"; } .bi-envelope-arrow-down-fill::before { content: "\f7b3"; } .bi-envelope-arrow-down::before { content: "\f7b8"; } .bi-envelope-arrow-up-fill::before { content: "\f7b9"; } .bi-envelope-arrow-up::before { content: "\f7be"; } .bi-feather::before { content: "\f7bf"; } .bi-feather2::before { content: "\f7c4"; } .bi-floppy-fill::before { content: "\f7c5"; } .bi-floppy::before { content: "\f7d8"; } .bi-floppy2-fill::before { content: "\f7d9"; } .bi-floppy2::before { content: "\f7e4"; } .bi-gitlab::before { content: "\f7e5"; } .bi-highlighter::before { content: "\f7f8"; } .bi-marker-tip::before { content: "\f802"; } .bi-nvme-fill::before { content: "\f803"; } .bi-nvme::before { content: "\f80c"; } .bi-opencollective::before { content: "\f80d"; } .bi-pci-card-network::before { content: "\f8cd"; } .bi-pci-card-sound::before { content: "\f8ce"; } .bi-radar::before { content: "\f8cf"; } .bi-send-arrow-down-fill::before { content: "\f8d0"; } .bi-send-arrow-down::before { content: "\f8d1"; } .bi-send-arrow-up-fill::before { content: "\f8d2"; } .bi-send-arrow-up::before { content: "\f8d3"; } .bi-sim-slash-fill::before { content: "\f8d4"; } .bi-sim-slash::before { content: "\f8d5"; } .bi-sourceforge::before { content: "\f8d6"; } .bi-substack::before { content: "\f8d7"; } .bi-threads-fill::before { content: "\f8d8"; } .bi-threads::before { content: "\f8d9"; } .bi-transparency::before { content: "\f8da"; } .bi-twitter-x::before { content: "\f8db"; } .bi-type-h4::before { content: "\f8dc"; } .bi-type-h5::before { content: "\f8dd"; } .bi-type-h6::before { content: "\f8de"; } .bi-backpack-fill::before { content: "\f8df"; } .bi-backpack::before { content: "\f8e0"; } .bi-backpack2-fill::before { content: "\f8e1"; } .bi-backpack2::before { content: "\f8e2"; } .bi-backpack3-fill::before { content: "\f8e3"; } .bi-backpack3::before { content: "\f8e4"; } .bi-backpack4-fill::before { content: "\f8e5"; } .bi-backpack4::before { content: "\f8e6"; } .bi-brilliance::before { content: "\f8e7"; } .bi-cake-fill::before { content: "\f8e8"; } .bi-cake2-fill::before { content: "\f8e9"; } .bi-duffle-fill::before { content: "\f8ea"; } .bi-duffle::before { content: "\f8eb"; } .bi-exposure::before { content: "\f8ec"; } .bi-gender-neuter::before { content: "\f8ed"; } .bi-highlights::before { content: "\f8ee"; } .bi-luggage-fill::before { content: "\f8ef"; } .bi-luggage::before { content: "\f8f0"; } .bi-mailbox-flag::before { content: "\f8f1"; } .bi-mailbox2-flag::before { content: "\f8f2"; } .bi-noise-reduction::before { content: "\f8f3"; } .bi-passport-fill::before { content: "\f8f4"; } .bi-passport::before { content: "\f8f5"; } .bi-person-arms-up::before { content: "\f8f6"; } .bi-person-raised-hand::before { content: "\f8f7"; } .bi-person-standing-dress::before { content: "\f8f8"; } .bi-person-standing::before { content: "\f8f9"; } .bi-person-walking::before { content: "\f8fa"; } .bi-person-wheelchair::before { content: "\f8fb"; } .bi-shadows::before { content: "\f8fc"; } .bi-suitcase-fill::before { content: "\f8fd"; } .bi-suitcase-lg-fill::before { content: "\f8fe"; } .bi-suitcase-lg::before { content: "\f8ff"; } .bi-suitcase::before { content: "\f900"; } .bi-suitcase2-fill::before { content: "\f901"; } .bi-suitcase2::before { content: "\f902"; } .bi-vignette::before { content: "\f903"; } /* FILE: style.css */ .container { max-width: 1240px; } select.form-select.form-width { width: 190px; } a { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } a, a:hover { text-decoration: none !important; } .nav-link { font-size: 1.2rem; } .hero { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; } .site-navbar { overflow: visible !important; } .site-navbar { margin-bottom: 0px; z-index: 1999; position: absolute; width: 100%; top: 2rem; } .site-navbar .container-fluid { padding-left: 7rem; padding-right: 7rem; } @media (max-width: 1199.98px) { .site-navbar .container-fluid { padding-left: 15px; padding-right: 15px; } } .site-navbar .site-logo { position: absolute; left: 5%; } @media (max-width: 767.98px) { .site-navbar .site-logo { position: relative; left: auto; } } .site-navbar .site-logo a { color: #fff; font-size: 1.5rem; letter-spacing: .2rem; text-transform: uppercase; } .site-brand-link { display: inline-flex; align-items: center; gap: 10px; } .site-brand-text { display: none; font-size: 14px; line-height: 1.1; font-weight: 800; letter-spacing: 0; text-transform: none; color: #ffb14f; } .site-navbar .site-logo a:hover { text-decoration: none; } .site-navbar .site-burger-menu, .site-navbar .right-cta-menu { position: absolute; right: 2%; } @media (max-width: 767.98px) { .site-navbar .site-burger-menu, .site-navbar .right-cta-menu { position: relative; right: auto; } .site-navbar{ top: 0rem; } .subpage-nav{ top: 0rem !important; } .site-navbar .site-menu-toggle { color: #000; line-height: 0; font-size: 2.5rem; position: relative; } .main-heading{ font-size: 48px !important; } } @media (max-width: 767.98px) { .site-navbar .site-menu-toggle { margin-left: 5px; } } .site-navbar .site-navigation { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 5; } .site-navbar .site-navigation .site-menu { margin-bottom: 0; } .site-navbar .site-navigation .site-menu .active { color: #FF4D30; display: inline-block; padding: 5px 20px; } .site-navbar .site-navigation .site-menu a { text-decoration: none !important; display: inline-block; position: relative; } .site-navbar .site-navigation .site-menu > li { display: inline-block; } .site-navbar .site-navigation .site-menu > li > a { padding: 20px 20px !important; color: #050B20; display: inline-block; text-decoration: none !important; } .site-navbar .site-navigation .site-menu > li > a:hover { color: red; } .site-navbar .site-navigation .site-menu .has-children { position: relative; } .site-navbar .site-navigation .site-menu .has-children > a { position: relative; padding-right: 20px; } .site-navbar .site-navigation .site-menu .has-children > a:before { position: absolute; content: "\e313"; font-size: 16px; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'icomoon'; } .site-navbar .site-navigation .site-menu .has-children .dropdown { visibility: hidden; opacity: 0; top: 100%; position: absolute; text-align: left; border-top: 2px solid #89ba16; -webkit-box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2); padding: 0px 0; margin-top: 20px; margin-left: 0px; background: #fff; -webkit-transition: 0.2s 0s; -o-transition: 0.2s 0s; transition: 0.2s 0s; } .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { position: absolute; } .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .site-navbar .site-navigation .site-menu .has-children .dropdown li { line-height: 1.4; } .site-navbar .site-navigation .site-menu .has-children .dropdown a { text-transform: none; letter-spacing: normal; -webkit-transition: 0s all; -o-transition: 0s all; transition: 0s all; color: #343a40; } .site-navbar .site-navigation .site-menu .has-children .dropdown a.active { background: #ebeef0; color: #89ba16; } .site-navbar .site-navigation .site-menu .has-children .dropdown > li { list-style: none; padding: 0; margin: 0; min-width: 200px; } .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a { padding: 9px 20px; display: block; } .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover { background: #ebeef0; color: #212529; } .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before { content: "\e315"; right: 20px; } .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a.active { background: #ebeef0; color: #89ba16; } .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul { left: 100%; top: 0; } .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a { background: #ebeef0; color: #212529; } .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active { cursor: pointer; } .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; margin-top: 0px; visibility: visible; opacity: 1; } .site-navbar .site-navigation .site-menu.site-menu-dark > li > a { color: black; position: relative; } .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:after { height: 2px; background: #000; content: ""; position: absolute; bottom: 0; left: 20px; right: 20px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:hover, .site-navbar .site-navigation .site-menu.site-menu-dark > li > a.active { color: #89ba16; position: relative; } .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:hover:after, .site-navbar .site-navigation .site-menu.site-menu-dark > li > a.active:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .site-mobile-menu { width: 300px; position: fixed; right: 0; top:0px; z-index: 2000; padding-top: 20px; background: #fff; height: calc(100vh); -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); -webkit-transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9); -o-transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9); transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9); } .offcanvas-menu .site-mobile-menu { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .site-mobile-menu .site-mobile-menu-header { width: 100%; float: left; padding-left: 20px; padding-right: 20px; } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close { float: right; margin-top: 8px; } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span { font-size: 30px; display: inline-block; padding-left: 10px; padding-right: 0px; line-height: 1; cursor: pointer; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover { color: #dee2e6; } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo { float: left; margin-top: 10px; margin-left: 0px; } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a { display: inline-block; text-transform: uppercase; } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { max-width: 70px; } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { text-decoration: none; } .site-mobile-menu .site-mobile-menu-body { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: relative; padding: 0 20px 20px 20px; height: calc(100vh - 52px); padding-bottom: 150px; } .site-mobile-menu .site-nav-wrap { padding: 0; margin: 0; list-style: none; position: relative; } .site-mobile-menu .site-nav-wrap a { padding: 10px 20px; display: block; position: relative; color: #212529; } .site-mobile-menu .site-nav-wrap a:hover { color: #89ba16; text-decoration: none; } .site-mobile-menu .site-nav-wrap li { position: relative; display: block; } .site-mobile-menu .site-nav-wrap li .active { color: #000; } .site-mobile-menu .site-nav-wrap .arrow-collapse { position: absolute; right: 0px; top: 10px; z-index: 20; width: 36px; height: 36px; text-align: center; cursor: pointer; border-radius: 50%; } .site-mobile-menu .site-nav-wrap .arrow-collapse:hover { background: #f8f9fa; } .site-mobile-menu .site-nav-wrap .arrow-collapse:before { font-size: 12px; z-index: 20; font-family: "icomoon"; content: "\f078"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .site-mobile-menu .site-nav-wrap > li { display: block; position: relative; float: left; width: 100%; } .site-mobile-menu .site-nav-wrap > li > a { padding-left: 20px; font-size: 20px; } .site-mobile-menu .site-nav-wrap > li > ul { padding: 0; margin: 0; list-style: none; } .site-mobile-menu .site-nav-wrap > li > ul > li { display: block; } .site-mobile-menu .site-nav-wrap > li > ul > li > a { padding-left: 40px; font-size: 16px; } .site-mobile-menu .site-nav-wrap > li > ul > li > ul { padding: 0; margin: 0; } .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li { display: block; } .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a { font-size: 16px; padding-left: 60px; } .site-mobile-menu .site-nav-wrap[data-class="social"] { float: left; width: 100%; margin-top: 30px; padding-bottom: 5em; } .site-mobile-menu .site-nav-wrap[data-class="social"] > li { width: auto; } .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a { padding-left: 15px !important; } .sticky-wrapper { position: absolute; z-index: 100; width: 100%; } .sticky-wrapper + .site-blocks-cover { margin-top: 96px; } .sticky-wrapper .site-menu-toggle { color: #000; } @media (max-width: 991.98px) { .sticky-wrapper .site-menu-toggle { color: #fff; } } .sticky-wrapper .site-navbar { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .sticky-wrapper .site-navbar .site-menu > li { display: inline-block; } .sticky-wrapper .site-navbar .site-menu > li > a { position: relative; } .sticky-wrapper .site-navbar .site-menu > li > a:after { height: 2px; background: #fff; content: ""; position: absolute; bottom: 0; left: 20px; right: 20px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .sticky-wrapper .site-navbar .site-menu > li > a:hover, .sticky-wrapper .site-navbar .site-menu > li > a.active { color: #fff; position: relative; } .sticky-wrapper .site-navbar .site-menu > li > a:hover:after, .sticky-wrapper .site-navbar .site-menu > li > a.active:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sticky-wrapper.is-sticky .site-menu-toggle { color: #000; } .sticky-wrapper.is-sticky .site-navbar { -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); background: #fff; } .sticky-wrapper.is-sticky .site-navbar .site-logo a { color: #000; } .sticky-wrapper.is-sticky .site-navbar .site-menu > li { display: inline-block; } .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a { position: relative; color: #000; } .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:after { height: 2px; background: #89ba16; content: ""; position: absolute; bottom: 0; left: 20px; right: 20px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover, .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active { color: #89ba16; position: relative; } .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover:after, .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sticky-wrapper .shrink { padding-top: 10px !important; padding-bottom: 10px !important; } .btn:after, .btn:before { display: none; } .btn:hover, .btn:focus, .btn:active { outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn.btn-primary { color: #fff; background: #FF4D30; border-color: #FF4D30; } .btn.btn-primary:hover { background: #90c317; border-color: #90c317; } .btn.btn-outline-white { background: transparent; border-width: 2px; border-color: #fff; color: #fff; } .btn.btn-outline-white:hover { background: #fff; color: #000; } .btn.btn-outline-primary { color: #89ba16; } .btn.btn-outline-primary:hover { color: #fff; background: #89ba16; } .site-navbar .site-menu-toggle, .site-navbar .site-menu-toggle span, .site-navbar .icon-menu, .sticky-wrapper .site-menu-toggle, .sticky-wrapper.is-sticky .site-menu-toggle { color: #000 !important; } .icon-menu::before { color: #000 !important; } .site-mobile-menu .site-nav-wrap a:hover, .site-mobile-menu .site-nav-wrap a:focus { color: #ff4d30 !important; } .site-mobile-menu .site-nav-wrap li .active { color: #ff4d30 !important; } .site-mobile-menu .arrow-collapse:before { color: #ff4d30 !important; } select.form-select option:hover { background-color: #ff573e !important; color: #fff !important; } select.form-select option:checked { background-color: #ff573e !important; color: #fff !important; } select.form-select option:focus { background-color: #ff573e !important; color: #fff !important; } select.form-select option:active { background-color: #ff573e !important; color: #fff !important; } .home-page .site-navbar .site-navigation { width: max-content; } .home-page .site-navbar .site-navigation .site-menu > li:last-child > a { white-space: nowrap; } .filter-item:last-of-type { width: 260px; } .filter-item:last-of-type select.form-select { width: 100%; } .filter-item select { white-space: nowrap; } @media (max-width: 1280px) { .site-navbar .site-navigation .site-menu > li > a { padding: 20px 14px !important; font-size: 1.1rem; } .site-navbar .right-cta-menu { right: 2%; } } .site-navbar .site-logo, .site-navbar .site-navigation { margin-top: 12px; } @media (min-width: 992px) { .home-page .site-navbar .site-navigation { margin-top: 18px; padding-left: 26px; } } header.site-navbar { top: 0.5rem !important; margin-top: 0.5rem !important; height: 80px; z-index: 1999; position: relative; background: #fff; display: flex; align-items: center; transition: all 0.3s ease; } .home-page header.site-navbar { position: absolute !important; background: transparent !important; } @media (min-width: 992px) { .site-navbar .container-fluid > .row { display: flex; justify-content: space-between; align-items: center; width: 100%; } .site-navbar .site-navigation { position: static !important; transform: none !important; flex: 1; display: flex; justify-content: center; } .site-navbar .site-navigation .site-menu > li > a { color: #050B20 !important; padding: 10px 15px !important; } .home-page .site-navbar .site-navigation .site-menu > li > a { color: #black; !important; } .site-navbar .site-navigation .site-menu > li > a:hover, .site-navbar .site-navigation .site-menu > li > a.active { color: #FF4D30 !important; } } @media (max-width: 1250px) { .site-navigation { display: none !important; } .site-menu-toggle { display: inline-block !important; color: #000; } .home-page .site-menu-toggle { color: #fff !important; } } /*banner-search */ .step-card.text-center{ margin-bottom: 30px; } .filter-bar { position: relative; background: #fff; border-radius: 12px; box-shadow: 0 1px 5px rgba(0,0,0,0.08); padding: 18px 28px; width: 95%; max-width: 1150px; display: flex; align-items: center; justify-content: space-between; } select.form-select.form-width { border-color: #ced4da !important; width: 180px; } select.form-select.form-width { padding-right: 44px; background-position: right 16px center; } input.form-control.form-width{ width: 180px; } .filter-item { display: flex; flex-direction: column; justify-content: center; margin-right: 25px; width: 170px; } .filter-label { font-size: 14px; color: #9a9a9a; font-weight: 600; margin-bottom: 2px; } .filter-value { display: flex; align-items: center; font-weight: 700; color: #111; gap: 8px; } .filter-value i { color: #bdbdbd; font-size: 16px; } .divider { width: 1px; height: 40px; background-color: #e9e9e9; margin-right: 25px; } .search-btn { background: #ff4a2b; color: #fff; border: none; border-radius: 8px; padding: 10px 28px; font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 8px; transition: 0.3s; margin-top: 22px; flex-shrink: 0; margin-left: 16px; } .search-btn:hover { background: #e64022; } @media (max-width: 768px) { .filter-bar { flex-direction: column; align-items: stretch; padding: 20px; } .divider { display: none; } .filter-item { margin-right: 0; margin-bottom: 15px; } .justify-content-lg-end{ margin-top: 20px; } .cta-section .row{ flex-direction: column-reverse; gap:50px; } } .icon-circle:before { content: "\f111"; display: none; } img.img-reponsive_icon{ width: 34px; } /*popular profession*/ .m-b-20{ margin-bottom: 20px; } .section-title { text-align: center; font-size: 2rem; font-weight: 700; color: #ff4a2b; margin-bottom: 40px; } .profession-card { position: relative; border-radius: 22px; overflow: hidden; cursor: pointer; transition: transform 0.32s ease, box-shadow 0.32s ease; height: 260px; box-shadow: 0 16px 36px rgba(9, 20, 38, 0.12); background: #0f1724; } .profession-card:hover { transform: translateY(-8px); box-shadow: 0 24px 48px rgba(9, 20, 38, 0.18); } .profession-bg { position: absolute; inset: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: brightness(68%); transform: scale(1); transition: transform 0.4s ease, filter 0.3s ease; } .profession-card:hover .profession-bg { filter: brightness(52%); transform: scale(1.06); } .profession-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 15, 28, 0.1) 0%, rgba(8, 15, 28, 0.2) 32%, rgba(8, 15, 28, 0.88) 100%); z-index: 1; } .profession-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; color: #fff; text-align: left; padding: 22px 22px 20px; z-index: 2; } .icon-circle { background: rgba(255, 255, 255, 0.96); color: #142033; border-radius: 50%; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 18px; box-shadow: 0 14px 26px rgba(8, 15, 28, 0.18); border: 4px solid rgba(255, 255, 255, 0.24); } .profession-meta { width: 100%; padding: 16px 18px 14px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03)); border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(6px); } .icon-circle i { color: #ff573e; font-size: 26px; } .icon-circle img { width: 28px; height: 28px; object-fit: contain; } .profession-title { font-size: 24px; line-height: 1.2; font-weight: 600; margin-bottom: 10px; max-width: 100%; word-break: break-word; overflow-wrap: anywhere; hyphens: auto; text-shadow: 0 4px 16px rgba(0, 0, 0, 0.28); } .profession-count { font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.9); letter-spacing: 0.01em; flex-shrink: 0; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.24); } @media (max-width: 991px) { .profession-card { height: 235px; } } @media (max-width: 767px) { .profession-card { height: 220px; } .profession-overlay { padding: 18px; } .profession-title { font-size: 19px; } .profession-count { font-size: 13px; } .profession-meta { padding: 14px 14px 12px; } } /*Slider*/ .section-title { text-align:center; font-size:2.2rem; font-weight:800; margin-bottom:.25rem; } .section-title span { color:#ff4a2b; } .section-description { text-align:center; max-width:900px; margin:0 auto 1.75rem; color:#555; } .business-card { border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.08); transition:transform .22s; border:none; } .business-card:hover { transform:translateY(-6px); } .business-card-cover { position: relative; overflow: hidden; border-top-left-radius: 16px; border-top-right-radius: 16px; } .card-img-top { width:100%; height:200px; object-fit:cover; display:block; border-top-left-radius:16px; border-top-right-radius:16px; } .member-card-cover { object-position: center center; background: linear-gradient(135deg, #f4f4f4 0%, #ececec 100%); } .business-card-cover-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 18, 32, 0.08) 0%, rgba(10, 18, 32, 0.24) 100%); pointer-events: none; } .country-flag { position:absolute; top:10px; left:10px; width:30px; height:30px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,.12); } .country-flag img { width:22px; height:22px; border-radius:50%; } .card-inner { margin:-28px 14px 14px; padding:14px; background:#fff; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.06); text-align:left; position:relative; } .b-m-5 { margin-bottom: 20px; } .profile-info { display:flex; align-items:center; gap:10px; margin-bottom:8px; } .profile-info img { width:44px; height:44px; object-fit:cover; border-radius:50%; border:2px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.12); } .verified-icon { color:#00c36f !important ; margin-left:6px; font-size:14px; } .card-subtitle { margin:0; color:#666; font-size:14px; } .card-company { margin-top:10px; padding-top:8px; border-top:1px solid #eee; display:flex; align-items:center; gap:10px; font-weight:600; color:#222; font-size:15px; } .company-listing-icon { width: 38px; height: 38px; border-radius: 50%; background: #fff3ef; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .company-listing-icon i { color: #ff573e; font-size: 16px; } .card-company i { background:#fff0ec; color:#ff4a2b; padding:6px; border-radius:50%; font-size:16px; } .controls-wrap { display:flex; justify-content:center; gap:12px; margin-top:1rem; } .controls-wrap button { width:44px; height:44px; border-radius:50%; background:#ff4a2b; color:#fff; border:0; display:flex; align-items:center; justify-content:center; font-size:18px; } .controls-wrap button:hover { background:#e63b1e; } /* Section title */ .how-title { font-size: 48px; font-weight: 700; margin-bottom: 25px; } .how-title span { color: #ff4a2b; } .faq-answer-section { background: linear-gradient(180deg, #f7f8fb 0%, #eef2f7 100%); } .faq-answer-intro { max-width: 860px; margin-bottom: 40px; } .faq-answer-label { display: inline-block; margin-bottom: 14px; padding: 8px 16px; border-radius: 999px; background: rgba(255, 74, 43, 0.12); color: #ff4a2b; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .faq-answer-accordion { max-width: 980px; } .faq-answer-card { margin-bottom: 18px; border: 0; border-radius: 22px; overflow: hidden; box-shadow: 0 18px 40px rgba(13, 24, 39, 0.08); } .faq-answer-header { padding: 0; background: #ffffff; border-bottom: 0; } .faq-answer-toggle { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 28px; color: #142033; background: #ffffff; border: 0; box-shadow: none !important; text-align: left; } .faq-answer-toggle::after { content: "+"; width: 42px; min-width: 42px; height: 42px; flex: 0 0 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 74, 43, 0.12); color: #ff4a2b; font-size: 26px; font-weight: 700; line-height: 42px; text-align: center; padding: 0; box-sizing: border-box; } .faq-answer-toggle[aria-expanded="true"]::after { content: "-"; font-size: 24px; } .faq-question { display: block; margin: 0; font-size: 22px; font-weight: 700; line-height: 1.45; color: #142033; text-align: left; } .faq-answer-body { padding: 0 28px 28px; border-top: 1px solid #edf0f5; font-size: 17px; line-height: 1.85; color: #4c5b70; text-align: left; } .render-deferred-section { content-visibility: auto; contain-intrinsic-size: 1px 1000px; } @media (max-width: 991px) { .faq-question { font-size: 19px; } } @media (max-width: 767px) { .faq-answer-intro { margin-bottom: 28px; } .faq-answer-toggle { padding: 18px 18px; gap: 12px; } .faq-answer-toggle::after { width: 34px; min-width: 34px; height: 34px; flex: 0 0 34px; font-size: 20px; line-height: 34px; } .faq-answer-toggle[aria-expanded="true"]::after { font-size: 18px; } .faq-question { font-size: 17px; line-height: 1.5; } .faq-answer-body { padding: 0 18px 20px; font-size: 15px; line-height: 1.75; } } /* Number tag */ .number-tag { width: 110px; height: 110px; border-radius: 20px; border: 3px solid #ff4a2b; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 38px; font-weight: 700; color: #ff4a2b; margin: 0 auto -55px; position: relative; z-index: 10; } /* Card */ .step-card { background: #fff; padding: 80px 35px 45px; border-radius: 20px; box-shadow: 0 6px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff4a2b; transition: 0.3s ease-in-out; } .step-card:hover { transform: translateY(-5px); } /* Icon */ .step-icon { height: 85px; margin-bottom: 22px; } /* Typography */ .step-title { font-size: 26px; font-weight: 700; margin-bottom: 10px; color: #222; } .step-text { font-size: 16px; color: #666; line-height: 26px; } /*ABOUT SECTION */ .about-intro { text-align: center; padding: 60px 20px 40px; max-width: 1100px; margin: 0 auto; } .about-intro h2 { font-size: 42px; font-weight: 700; color: #ff4d30; margin-bottom: 16px; } .about-intro p { font-size: 16px; line-height: 1.8; color: #333; } /* MOBILE */ @media (max-width: 768px) { .about-intro { padding: 40px 15px 30px; } .about-intro h2 { font-size: 32px; } } .about-zigzag { width: 100%; margin: 0; padding: 0; } /* EACH ROW */ .zigzag-row { display: grid; grid-template-columns: 1fr 1fr; min-height: 420px; } /* REVERSE ROW */ .zigzag-row.reverse { direction: rtl; } .zigzag-row.reverse > * { direction: ltr; } /* IMAGE */ .zigzag-img { width: 100%; height: 100%; } .zigzag-img img { width: 100%; height: 100%; object-fit: cover; display: block; } /* CONTENT */ .zigzag-content { background: #f8f9fa; padding: 60px; display: flex; flex-direction: column; justify-content: center; } .zigzag-content h3 { color: #ff4d30; font-weight: 700; margin-bottom: 16px; } .zigzag-content p, .zigzag-content li { font-size: 15px; color: #333; } .zigzag-content ul { padding-left: 18px; margin-bottom: 16px; } .zigzag-content li { margin-bottom: 8px; } /* BUTTON */ .zigzag-btn { align-self: flex-start; padding: 8px 22px; border-radius: 8px; border: 2px solid #ff4d30; color: #ff4d30; text-decoration: none; font-weight: 500; } .zigzag-btn:hover { background: #ff4d30; color: #fff; } /* MOBILE */ @media (max-width: 991px) { .zigzag-row { grid-template-columns: 1fr; } .zigzag-content { padding: 35px 22px; text-align: justify; } .zigzag-content h3 { text-align: center; } .zigzag-content p { text-align: justify; } .zigzag-content ul { padding-left: 20px; margin-left: 0; list-style-position: outside; text-align: left; } .zigzag-content li { text-align: left; } .zigzag-btn { align-self: center; margin-top: 16px; } } .zigzag-content ul { padding-left: 0; margin-left: 0; margin-bottom: 16px; list-style-position: inside; } .zigzag-content ul li { padding-left: 0; margin-left: 0; margin-bottom: 8px; } @media (max-width: 576px) { .zigzag-content { overflow: hidden; } } @media (max-width: 576px) { .zigzag-content { overflow: hidden; } } /* blog section */ .blog-page-title h2{ font-size: 42px; font-weight: 700; color: #ff4d30; } .blog-card { border-radius: 14px; box-shadow: 0 4px 14px rgba(0,0,0,0.08); overflow: hidden; transition: 0.3s; } .blog-card:hover {transform: translateY(-5px);} .blog-img {height: 200px; object-fit: cover; width: 100%;} .blog-date { background: #fff; padding: 4px 10px; border-radius: 20px; font-size: 12px; box-shadow: 0 0 6px rgba(0,0,0,0.1); position: absolute; top: 10px; right: 10px; } .blog-filter-btn { background: #f3f3f3; border: none; padding: 7px 18px; font-size: 14px; border-radius: 20px; margin-right: 0px; cursor: pointer; } .blog-filter-btn.active { background: #ff4a2b; color: #fff; } .blog-item { margin-bottom: 20px; text-decoration: none !important; } .blog-item > a { color: #000000 !important; text-decoration: none !important; } .blog-filter { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } @media (max-width: 576px) { .blog-filter { margin-top: 16px; margin-bottom: 24px; } } /* CTA Section */ .cta-section { background: #FF573E; overflow: hidden; } /* Right Image Responsive Fix */ .cta-graphic { max-width: 300px; width: 100%; } .right_graphic{ text-align: right !important; } .sign-up-button { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; color: #ff4d30; padding: 12px 44px; border-radius: 14px; border: none; font-size: 18px; font-weight: 500; line-height: 1; text-decoration: none; transition: background 0.2s ease; } .sign-up-button:hover { background: #fff; color: #ff4d30; } /* Mobile text adjustments */ @media (max-width: 576px) { .cta-section h1 { font-size: 32px !important; } .cta-section h3 { font-size: 26px !important; } .cta-section p { font-size: 16px !important; } .cta-graphic { max-width: 280px; } .right_graphic{ text-align: center !important; } .cta-content{ text-align: center !important; } } /* footer */ footer { background: #2C2C2C; color: #fff; padding: 60px 0 20px; font-family: "Inter", sans-serif; } .footer-logo img { width: 150px; } .footer-title { font-weight: 600; font-size: 18px; margin-bottom: 20px; } .footer-links a { display: block; color: #d9d9d9; text-decoration: none; margin-bottom: 10px; font-size: 15px; } .footer-links a:hover { color: #fff; } .contact-info { color: #d9d9d9; font-size: 15px; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .contact-info i { font-size: 18px; color: #fff; } .social-icons a { width: 45px; height: 45px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-right: 10px; color: #fff; transition: .3s; } .social-icons a:hover { background: #ff573e; color: #fff; transform: translateY(-2px); } .footer-bottom { text-align: center; padding-top: 25px; margin-top: 25px; border-top: 1px solid #555; font-size: 14px; color: #ccc; } .main-heading{ font-size: 66px; color: white; } .title-red{ color: #FF4D30; } .description-banner{ color: white; font-size: 22px; } .banner-heading-section{ margin-bottom: 30px; } .main_banner { width: 1240px; max-width: 100%; } @media (max-width: 768px) { .home-page .hero { padding-top: 90px; } } /*about page*/ .about-page-title h2{ font-size: 42px; font-weight: 700; color: #ff4d30; } .subpage-nav { position: relative !important; width: 100%; top: 2rem; height: 85px; margin-top: 1.5rem !important; } .breadcrumb-hero { width: 100%; height: 250px; background: url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d') center/cover no-repeat; position: relative; } .breadcrumb-hero::before { content: ""; position: absolute; inset: 0; background-color: rgba(0,0,0,0.55); } .breadcrumb-hero .content { position: relative; z-index: 2; } .hero-subtitle { font-size: 22px; margin: 0; color: #fff; font-weight: 400; font-family: "Playfair Display", serif; } .hero-title { margin-top: 10px; font-size: 38px; font-weight: 700; color: #ff4a2b; text-transform: capitalize; } @media(max-width: 768px){ .breadcrumb-hero { height: 200px; } .hero-title { font-size: 28px; } } .listing-section { background: #ff4b2b; padding: 90px 0 110px; text-align: center; } /* Title */ .listing-title { font-weight: 800; font-size: 46px; color: #ffffff; margin-bottom: 40px; } /* White filter card */ .listing-card { background: #ffffff; border-radius: 18px; padding: 26px 40px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); } .filter-block { display: flex; flex-direction: column; gap: 4px; } .filter-label { font-size: 16px; font-weight: 600; letter-spacing: 0.03em; text-transform: none; color: #888888; text-align: left; } .filter-value { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #222222; white-space: nowrap; } .filter-value i { font-size: 14px; color: #b5b5b5; } .justify-content-lg-end{ gap:10px; } @media (min-width: 992px) { .listing-card .col-lg:not(:first-child) { border-left: 1px solid #eeeeee; } } /* Search & Reset buttons */ .btn-search, .btn-reset { border-radius: 999px; padding: 10px 32px; font-weight: 600; font-size: 14px; border: none; } .btn-search { background: #ff4b2b; color: #ffffff; } .btn-search:hover { background: #ff3a17; color: #ffffff; } .btn-reset { background: #ffffff; color: #ff4b2b; border: 1px solid #ffd0c3; } .btn-reset:hover { background: #ffe4dc; color: #ff4b2b; } .profession-filter .listing-text { display: inline-block; vertical-align: middle; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .profession-filter .listing-filter-box { display: flex; align-items: center; justify-content: space-between; width: 100%; overflow: hidden; } .profession-filter .dropdown-menu { max-height: 280px; overflow-y: auto; padding-top: 0 !important; /* Removes gap at the top */ } /* 2. Fix the Search Box at the top */ .sticky-top { position: sticky !important; top: 0; z-index: 1050; /* Keeps it above the scrolling items */ background-color: #ffffff !important; /* Ensures items don't show through */ } /* 3. Clean up the search box focus effect (The Orange Glow) */ #professionSearch { border: 1px solid #cfd6e4; border-radius: 8px; } #professionSearch:focus { border-color: #ff4d30 !important; box-shadow: 0 0 0 0.2rem rgba(255, 77, 48, 0.25) !important; outline: none; } /* 4. Fix the red highlight overlapping (as seen in your screenshot) */ .dropdown-item:hover, .dropdown-item:focus { background-color: #ff4d30 !important; color: #fff !important; } @media (max-width: 991.98px) { .listing-card { padding: 22px 18px 26px; } } /* Counnry page */ .country-section-title { font-weight: 800; font-size: 32px; text-align: center; margin-bottom: 32px; } .country-section-title span { color: #ff5b3c; } /* LEFT TABS */ .continent-tabs .list-group-item { border: none; border-radius: 12px; padding: 12px 18px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; background: #f7f7f7; color: #333; } .continent-tabs .list-group-item i { font-size: 14px; opacity: 0.5; } .continent-tabs .list-group-item.active { background: #ff5b3c; color: #fff; box-shadow: 0 8px 25px rgba(255, 91, 60, 0.35); } /* COUNTRY CARDS */ .country-card-wrap { transition: 0.25s ease; } .country-card { border-radius: 16px; background: #fff; border: 1px solid #f0f0f0; padding: 16px 20px; display: flex; align-items: center; justify-content: flex-start; gap: 16px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03); cursor: pointer; transition: border 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .country-card:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); transform: translateY(-2px); } .country-flag-c { display: flex; align-items: center; justify-content: center; overflow: visible; } .country-flag-c .fi { width: 32px; height: 24px; line-height: 1; display: inline-block; } .country-name { font-weight: 600; font-size: 16px; color: #222; } .country-card.selected { border: 2px solid #ff5b3c; box-shadow: 0 12px 30px rgba(255, 91, 60, 0.25); } .country-card-wrap { margin-bottom: 20px; } /* MOBILE SPACING */ @media (max-width: 767.98px) { .continent-tabs { margin-bottom: 24px; } } .card-link{ /*text-decoration: none !important;*/ color: inherit !important; } .card-link * { color: inherit; } /* contact us page */ .contact-section { background: #ffffff; } .contact-title { font-size: 40px; font-weight: 700; color: #ff5733; } /* Map box */ .map-box { border-radius: 15px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,0.08); } .map-box iframe { width: 100%; height: 100%; min-height: 420px; border: 0; } /* Form box */ .contact-form { background: #f9f9f9; border-radius: 15px; padding: 30px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); } .contact-form .form-control:focus { border-color: #ff5733; box-shadow: 0 0 0 0.2rem rgba(255, 87, 51, 0.25); } .contact-form .form-label { font-weight: 600; font-size: 14px; } .contact-form .form-control { border-radius: 10px; padding: 10px 14px; } /* Button */ .send-btn { background: #ff5733; color: #fff; font-weight: 600; border-radius: 14px; padding: 12px; border: none; } .send-btn:hover { background: #e94b2c; color: #fff; } /* Mobile spacing */ @media (max-width: 767px) { .contact-form { padding: 20px; } .contact-title { font-size: 30px; } } .iti { width: 100%; } .iti input.form-control { padding-left: 60px !important; } .auth-button{ display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; margin-top: 0; font-size: 15px; color: white; border: 2px solid #ff4d30; border-radius: 8px; background: #FF4D30; font-weight: 500; white-space: nowrap; transition: all 0.3s ease; } .auth-button:hover { background: #ff4d30; color: #fff; } /* login registration */ /* Layout Container */ .auth-main-container { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 20px; background-color: #F2F2F2; } .auth-toggle-nav { background: white; padding: 6px; border-radius: 15px; display: flex; box-shadow: 0 12px 30px rgba(255, 81, 50, 0.25); margin-bottom: 50px; z-index: 10; } .auth-tab-trigger { border: none; background: none; padding: 12px 40px; font-weight: 600; cursor: pointer; border-radius: 10px; transition: 0.3s all ease; font-size: 16px; color: #333; } .auth-tab-trigger.active { background-color: #FF5132; color: white; border-radius: 10px; } .auth-tab-trigger:focus, .auth-tab-trigger:active { outline: none !important; box-shadow: none !important; border: none !important; } .auth-tab-trigger { -webkit-tap-highlight-color: transparent; } .auth-ui-wrapper { display: flex; width: 100%; max-width: 1100px; background: white; border-radius: 25px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.06); min-height: 600px; } /* Left Form Side */ .auth-form-side { flex: 1; padding: 50px; background-color: #F9F9F9; display: flex; flex-direction: column; justify-content: center; } .auth-section-block.hidden { display: none; } .auth-input-group { margin-bottom: 20px; } .auth-input-group label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #333; } .auth-field-box { display: flex; align-items: center; background: #fff; border: 1.5px solid #EAECEF; padding: 12px 18px; border-radius: 12px; transition: 0.3s; } .auth-field-box:focus-within { border-color: #ff4d30; box-shadow: 0 0 0 4px rgba(255, 77, 48, 0.1); } .auth-field-box i { color: #ff4d30; margin-right: 12px; font-size: 16px; width: 20px; text-align: center; } .auth-field-box input { border: none; outline: none; width: 100%; font-size: 15px; color: #444; background: transparent; } .auth-reset-text { font-size: 13px; color: #777; margin-bottom: 25px; display: block; text-decoration: none !important; } .auth-reset-text span { color: #ff4d30; font-weight: 600; } .auth-primary-btn { width: 100%; padding: 16px; background-color: #ff4d30; color: white !important; border: none; border-radius: 14px; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 0 10px 20px rgba(255, 81, 50, 0.3); transition: 0.3s; } .auth-primary-btn:hover { background-color: #e64022; transform: translateY(-2px); } /* Right Blue Visual Side */ .auth-visual-side { flex: 1; background-color: #1e88e5; background: url('../images/business-directory-feature-background.webp') no-repeat center center/cover; display: flex; align-items: center; justify-content: center; padding: 40px; position: relative; } .auth-glass-card { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 35px; padding: 80px 40px; text-align: center; width: 85%; } .auth-glass-card h2 { font-size: 26px; font-weight: 700; line-height: 1.4; color: #fff !important; } /* Floating Lightning Icon */ .auth-floating-icon { position: absolute; left: -30px; bottom: 25%; background: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .auth-floating-icon i { color: #ffb300; font-size: 24px; } /* Responsive Fixes */ @media (max-width: 991px) { .auth-ui-wrapper { flex-direction: column-reverse; height: auto; } .auth-visual-side { height: 300px; } .auth-floating-icon { left: 20px; bottom: -30px; } } /* profile management */ .profile-box { border: 2px solid #ff6a4a; border-radius: 12px; padding: 25px; margin-bottom: 35px; background: #fff; } .profile-title { font-size: 20px; font-weight: 600; color: #ff6a4a; display: flex; align-items: center; gap: 8px; margin-bottom: 25px; } .circle-photo { width: 230px; height: 230px; border-radius: 50%; border: 5px solid #ff6a4a; overflow: hidden; margin: auto; display: flex; justify-content: center; align-items: center; } .circle-photo img { width: 100%; height: 100%; object-fit: cover; } .change-text { text-align: center; font-size: 15px; margin-top: 10px; font-weight: 500; } .form-control, .form-select { height: 48px; border-radius: 8px; border: 1px solid #cfd6e4; padding-right: 3.5rem; background-position: right 1.25rem center; } .home-select { position: relative; } .home-select select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 60px !important; padding-left: 15px; } .home-select::after { content: ""; position: absolute; right: 16px; top: 50%; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); pointer-events: none; } .home-select select:focus { border-color: #ff4d30 !important; box-shadow: 0 0 0 0.2rem rgba(255, 77, 48, 0.25) !important; outline: none; } textarea.form-control { height: 140px; } .update-btn { background: #ff6a4a; color: #fff; padding: 8px 30px; border-radius: 8px; border: none; } @media (max-width: 768px) { .filter-bar { gap: 14px; } .filter-item { width: 100%; margin-bottom: 10px; } .filter-bar select.form-select, .filter-bar input.form-control { width: 100%; } } /* profile review */ .profile-card { border: 1px solid #dcdcdc; border-radius: 12px; padding: 20px; background: #fff; } .verified-badge { background:#00b15d; color:#fff;padding:3px 10px; font-size:13px; border-radius:6px; position:absolute; top:-5px; left:-5px; } .profile-img { width:110px; height:110px; border-radius:50%; overflow:hidden; } .profile-img img { width:100%; height:100%; object-fit:cover; } .business-btn{ padding:6px 22px; border:1px solid #000; border-radius:20px; background:#fff; font-weight:500; } .tag-badge{ background:#00b15d; padding:5px 12px; color:#fff; border-radius:15px; font-size:12px; } .tab-btn{ padding:8px 25px; border-radius:8px; background:#f5f5f5; border:none; font-weight:500; margin-right: 20px; } .tab-btn.active{ background:#ff6a4a; color:white; } .review-box{ border:1px solid #ff6a4a; border-radius:12px; padding:25px; background:#fff; margin-top:20px; } .review-user-img{ min-width:70px; height:70px; border-radius:50%; overflow:hidden; margin-right: 12px; } .review-user-img img { width: 100%; height: 100%; object-fit: cover; } .review-stars i{ color:#ff4b32; font-size:20px; } .add-review-box{ border:1px solid #ff6a4a; border-radius:12px; padding:25px; background:#fff; margin-top:25px; } .form-control:focus { border-color: #ff6a4a !important; box-shadow: 0 0 0 0.2rem rgba(255, 106, 74, 0.25) !important; } .rating i { font-size: 22px; cursor: pointer; color: #ccc; transition: 0.2s; } .rating i.active, .rating i:hover, .rating i:hover ~ i { color: #ff6a4a !important; } .submit-btn{ background:#ff6a4a; border:none; color:#fff; padding:10px 25px; border-radius:8px; } /*WISHLIST-SECTION*/ .wish-company-wrapper { display: flex; align-items: center; border-top: 1px solid #eee; padding-top: 12px; margin-top: 10px; } .wish-icon-circle { width: 36px; height: 36px; border-radius: 50%; background-color: #fff3ef; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 10px; } .wish-icon-circle i { color: #ff573e; font-size: 16px; line-height: 1; } .wish-company-name { font-weight: 600; font-size: 15px; color: #222; } .flag-container-circle { position: absolute; top: 10px; left: 15px; width: 28px; height: 28px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.12); overflow: hidden; z-index: 10; } .flag-container-circle .fi { width: 20px; height: 15px; border-radius: 2px; } .wishlist-section{ padding-top:40px; padding-bottom:60px; } .wishlist-title{ font-size:56px; font-weight:600; color:#ff4d30; } .wishlist-card{ background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 20px 45px rgba(0,0,0,0.08); height:100%; } .wishlist-section .col-lg-4, .wishlist-section .col-md-6 { margin-bottom: 30px; } .card-image{ position:relative; height:280px; } .card-image img{ width:100%; height:100%; object-fit:cover; } .flag{ position:absolute; top:10px; left:14px; width:30px; height:30px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,0.12); } .flag img{ width:18px; height:18px; object-fit:cover; border-radius:50%; } .card-info{ background:#fff; position:relative; margin: -30px 18px 18px; padding: 34px 26px 22px; border-radius: 22px; box-shadow: 0 10px 25px rgba(0,0,0,0.06); } .profile{ position:absolute; top:-28px; left:28px; } .profile img{ width:56px; height:56px; border-radius:50%; border:3px solid #fff; object-fit:cover; } .name{ margin-top:28px; font-weight:600; font-size:16px; } .name i{ color:#22c55e; } .category{ color:#ff4d30; font-size:13px; margin-bottom:2px; } .title{ font-weight:500; margin-bottom:14px; } .company{ display:flex; align-items:center; gap:10px; border-top:1px solid #eee; padding-top:12px; font-size:14px; } .company i{ background:#ffe6e0; color:#ff4d30; padding:8px; border-radius:50%; } /* RESPONSIVE */ @media (max-width:768px){ .card-info{ margin: -26px 14px 14px; } } @media (max-width:768px){ .wishlist-title{ font-size:38px; margin-bottom:24px; } } @media (max-width:768px){ .wishlist-section{ padding-top:24px; } } @media (max-width:768px){ .wishlist-banner{ height:160px; margin-top:0; } } @media (max-width: 991px) { .wishlist-section .col-lg-4, .wishlist-section .col-md-6 { margin-bottom: 24px; } } /*OURBLOG-SECTION*/ .ourblog-banner{ width: 100%; height: 300px; background-image: url("../images/dubai-business-blog-banner.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 10px; } .ourblog-title { color: #ff4b2b; font-weight: 700; } .ourblog-text p { font-size: 16px; line-height: 1.8; color: #444; } .widget-title { font-weight: 600; margin-bottom: 15px; } .category-list li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 15px; } .category-list li:last-child { border-bottom: none; } .category-list span { color: #888; } .recent-post img { width: 70px; height: 70px; object-fit: cover; column-gap: 12px !important } .recent-post { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; } .recent-post img { width: 80px; height: 80px; object-fit: cover; border-radius: 10px; } .recent-post p { font-size: 14px; line-height: 1.4; margin-bottom: 4px; } .recent-post small { font-size: 12px; color: #888; display: flex; align-items: center; gap: 6px; } .blog-sidebar .form-control:focus { border-color: #ff4b2b; /* orange */ box-shadow: 0 0 0 0.2rem rgba(255, 75, 43, 0.25); } .category-list a { color: #000; text-decoration: none; } .category-list a:hover { color: #ff573e; } .recent-link { text-decoration: none; color: inherit; } .recent-link:hover p { color: #ff573e; } .blog-summary-card, .blog-link-hub-card, .blog-related-card { display: block; padding: 28px; border-radius: 24px; background: #ffffff; box-shadow: 0 18px 40px rgba(13, 24, 39, 0.08); text-decoration: none; } .blog-summary-card { background: linear-gradient(135deg, #fff5ef 0%, #ffffff 70%, #f6f9fc 100%); } .blog-summary-kicker, .blog-related-label { display: inline-block; margin-bottom: 12px; padding: 7px 12px; border-radius: 999px; background: rgba(255, 87, 62, 0.1); color: #ff573e; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .blog-summary-card h2, .blog-link-hub-card h2, .blog-related-card h3 { margin-bottom: 14px; color: #142033; font-weight: 700; } .blog-summary-card p, .blog-link-hub-card p, .blog-related-card p { color: #516176; line-height: 1.8; } .blog-detail-block { width: 100%; } .blog-faq-section, .blog-related-section { padding-top: 8px; } .blog-takeaway-list { margin: 18px 0 0; padding-left: 0; list-style: none; } .blog-takeaway-list li { position: relative; padding-left: 30px; margin-bottom: 14px; color: #516176; line-height: 1.8; } .blog-takeaway-list li::before { content: ""; position: absolute; top: 10px; left: 0; width: 12px; height: 12px; border-radius: 50%; background: #ff573e; box-shadow: 0 0 0 5px rgba(255, 87, 62, 0.14); } .blog-link-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; } .blog-link-pill { display: inline-flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 999px; background: #f6f9fc; border: 1px solid rgba(20, 32, 51, 0.08); color: #142033; font-weight: 600; text-decoration: none; } .blog-link-pill:hover, .blog-related-card:hover { color: #142033; background: #fff1eb; } .blog-related-card { height: 100%; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease; } .blog-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; align-items: stretch; } .blog-related-grid-item { display: flex; } .blog-related-grid-item .blog-related-card { width: 100%; } .blog-related-card:hover { transform: translateY(-4px); box-shadow: 0 22px 45px rgba(13, 24, 39, 0.12); } @media (max-width: 991px) { .blog-link-hub-card, .blog-related-card, .blog-summary-card { padding: 24px; } .blog-related-grid { grid-template-columns: 1fr; gap: 18px; } } .profile-social { display: flex; gap: 10px; } .profile-social a { width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; display: flex; align-items: center; justify-content: center; color: #555; font-size: 16px; transition: all 0.3s ease; cursor: pointer; text-decoration: none; } .profile-social a:hover { background: #ff573e; color: #fff; transform: translateY(-2px); } /*USER-PROFILE SECTION*/ .profile-banner{ height: 300px; width: 100%; background-image: url(../images/member-profile-banner.webp); background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 10px; } .user-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; } .navbar-user-dropdown .dropdown-toggle, .navbar-user-dropdown .dropdown-toggle span { color: #000 !important; } .user-dropdown .dropdown-menu { border-radius: 10px; padding: 8px 0; min-width: 180px; } .profile-color{ background-color: #F3F3F3; } .profile-card-bs { border: 2px solid #ff4d30; border-radius: 20px; } .profile-title-bs { color: #ff4d30; font-weight: 600; display: flex; align-items: center; gap: 8px; } .image-circle-bs { width: 250px; height: 250px; border-radius: 50%; border: 4px solid #ff4d30; position: relative; overflow: visible; } .image-circle-bs img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; } .edit-btn-bs { position: absolute; bottom: 5px; right: 12px; width: 50px; height: 50px; border-radius: 50%; border: 3px solid #fff; background: #ff4d30; color: #fff; cursor: pointer; align-items: center; justify-content: center; } .edit-btn-bs i { font-size: 16px; } /*PERSONAL-DETAILS*/ .personal-card { border: 2px solid #ff4d30; border-radius: 18px; } .personal-color{ background-color: #F3F3F3; } .personal-title { color: #ff4d30; font-weight: 600; display: flex; align-items: center; gap: 8px; } .custom-input { border-radius: 12px; padding: 10px 14px; font-size: 14px; } .update-btn { background: #ff4d30; color: #fff; border-radius: 10px; padding: 8px 28px; font-size: 14px; border: none; } .business-card { border: 2px solid white; border-radius: 20px; } .business-detail { border: 2px solid #ff4d30; border-radius: 20px; } .business-color{ background-color: #F3F3F3; } .business-title { color: #ff4d30; font-weight: 600; display: flex; align-items: center; gap: 8px; } .custom-input { border-radius: 12px; padding: 10px 14px; font-size: 14px; } .select-wrap { position: relative; } .select-wrap select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 44px !important; } .select-wrap::after { content: ""; position: absolute; right: 16px; top: 50%; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); pointer-events: none; } .verify-btn { background: #ff4d30; color: #fff; border-radius: 10px; padding: 10px; border: none; } .update-btn { background: #ff4d30; color: #fff; border-radius: 10px; padding: 8px 30px; border: none; } .view-more-btn { padding: 12px 26px; font-size: 14px; border-radius: 20px; width: auto; } .wishlist-icon { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 15; } .wishlist-icon i { font-size: 14px; color: #ff3b30; } .navbar-user-dropdown .dropdown-menu .dropdown-item { color: #333; cursor: pointer; transition: all 0.2s ease; } .navbar-user-dropdown .dropdown-menu .dropdown-item:hover { background-color: #fff5f0; color: #ff573e; } .navbar-user-dropdown .dropdown-menu .dropdown-item:hover i { color: #ff573e; } .navbar-user-dropdown .dropdown-menu .dropdown-item.active, .navbar-user-dropdown .dropdown-menu .dropdown-item:active { background-color: #ff573e !important; color: #fff !important; } .navbar-user-dropdown .dropdown-menu .dropdown-item.active i, .navbar-user-dropdown .dropdown-menu .dropdown-item:active i { color: #fff !important; } .profile-page .profile-user-toggle { gap: 3px; cursor: pointer; color: #000; text-decoration: none; } .profile-page .profile-user-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; } .profile-page .profile-user-caret { font-size: 12px; margin-left: 4px; } /* dropdown card */ .profile-page .profile-user-menu { min-width: 220px; border-radius: 10px; padding: 8px 0; box-shadow: 0 12px 30px rgba(0,0,0,0.15); border: none; } /* items */ .profile-page .profile-user-menu .dropdown-item { display: flex; align-items: center; gap: 10px; padding: 10px 16px; font-size: 15px; color: #333; } /* hover */ .profile-page .profile-user-menu .dropdown-item:hover { background: #fff5f0; color: #ff573e; } /* icon hover */ .profile-page .profile-user-menu .dropdown-item:hover i { color: #ff573e; } /* active */ .profile-page .profile-user-menu .dropdown-item.active, .profile-page .profile-user-menu .dropdown-item:active { background: #ff573e; color: #fff; } .profile-page .profile-user-menu .dropdown-item.active i { color: #fff; } .profile-page .profile-user-menu .dropdown-item:hover i, .profile-page .profile-user-menu .dropdown-item.active i, .profile-page .profile-user-menu .dropdown-item:active i { color: #fff !important; } /*CHANGE PASSWORD*/ .changepassword-banner{ width: 100%; height: 300px; background-image: url("../images/change-password-banner.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 10px; position: relative; display: flex; align-items: center; justify-content: center; } .changepassword-banner::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 15, 28, 0.38) 0%, rgba(8, 15, 28, 0.48) 100%); z-index: 1; } .professions-hero-banner{ background-image: url("../images/uae-business-directory-services.webp"); background-position: center center; } .professions-hero-banner::before{ background: linear-gradient(180deg, rgba(8, 15, 28, 0.46) 0%, rgba(8, 15, 28, 0.58) 100%); } .banner-content{ text-align: center; position: relative; z-index: 2; } .cp-page-title h2{ font-size: 42px; font-weight: 700; color: #ff4d30; } .cp-main-wrapper { background-color: #fcfcfc; } .cp-container-row { border-radius: 20px; overflow: hidden; background: #fff; } .cp-form-side { padding: 60px 40px; background-color: #F3F3F3; } .cp-card { max-width: 450px; margin: 0 auto; } .cp-label { font-weight: 600; margin-bottom: 8px; display: block; color: #333; } .cp-input-box { margin-bottom: 20px; } .cp-icon-bg { background-color: #fff !important; border-right: none !important; color: #ff4d30 !important; } .cp-input { border-left: none !important; height: 50px !important; } .cp-input:focus { box-shadow: none !important; border-color: #dee2e6 !important; } .cp-btn-submit { background-color: #ff4d30; color: white; border: none; width: 100%; padding: 14px; border-radius: 15px; font-weight: 700; margin-top: 10px; transition: 0.3s; } .cp-btn-submit:hover { background-color: #e63e24; transform: translateY(-2px); } /* Right Side Blue Panel */ .cp-image-side { background: url('../images/business-directory-feature-background.webp') no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center; min-height: 450px; } .cp-glass-card { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 30px; padding: 50px 30px; text-align: center; width: 80%; position: relative; } .cp-glass-text { color: #fff; font-weight: 700; font-size: 1.6rem; line-height: 1.4; } .cp-floating-img{ position: absolute; left: -30px; bottom: 40px; width: 60px; height: 60px; background: #fff; padding: 12px; border-radius: 50%; box-shadow: 0 8px 20px rgba(0,0,0,0.15); } .cp-input-box .input-group { border: 1.5px solid #dee2e6; border-radius: 12px; overflow: hidden; background: #fff; } .cp-input-box .input-group:focus-within { border-color: #ff4d30; box-shadow: 0 0 0 3px rgba(255, 77, 48, 0.15); } .cp-icon-bg { border: none !important; } .cp-input { border: none !important; padding-left: 10px; } .cp-input::placeholder { color: #9a9a9a; } .cp-glass-img{ width: 80px; margin-bottom: 20px; } @media (max-width: 991px) { .cp-container-row { flex-direction: column-reverse; } .cp-image-side { border-radius: 20px 20px 0 0; } } /*VERIFY WEBSITE */ .verify-modal{ border-radius: 18px; padding: 0; } .verify-header{ border-bottom: 1px solid #ddd; padding: 18px 22px; } .verify-header h5{ font-weight: 600; font-size: 18px; } .verify-close{ background: none; border: none; font-size: 22px; color: #ff4d30; cursor: pointer; } .verify-body{ padding: 20px 28px; } .verify-body ul{ padding-left: 18px; } .verify-body li{ margin-bottom: 10px; font-size: 15px; line-height: 1.5; } .verify-body span{ color: #ff4d30; font-weight: 500; } .verify-footer{ border-top: none; padding: 15px 22px 22px; justify-content: center; gap: 15px; } .cancel-btn{ border: 1.5px solid #ff4d30; color: #ff4d30; padding: 8px 30px; border-radius: 12px; background: #fff; } .request-btn{ background: #ff4d30; color: #fff; padding: 8px 30px; border-radius: 12px; } .contact-section { padding: 80px 0; } .contact-heading { font-size: 38px; font-weight: 700; } .contact-heading span { color: #ff573e; } /* MAP CARD */ .map-card { width: 100%; height: 100%; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.12); } .map-card iframe { width: 100%; height: 100%; min-height: 480px; border: 0; } /* FORM CARD */ .contact-card { background: #fff; padding: 28px; border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); } /* INPUTS */ .contact-card .form-control { border-radius: 10px; padding: 12px 14px; border: 1px solid #e5e5e5; } .contact-card .input-group-text { background: #fff; border-left: 0; color: #ff573e; } /* MOBILE FIX */ @media (max-width: 991px) { .map-card iframe { min-height: 320px; } } .ed-dd { position: relative; width: 180px; } .ed-dd-trigger { position: relative; min-height: 48px; border: 1px solid #cfd6e4; border-radius: 8px; padding: 10px 48px 10px 14px; display: flex; align-items: center; background: #fff; cursor: pointer; } .ed-dd-value { flex: 1; white-space: nowrap; overflow: visible; text-overflow: unset; padding-right: 12px; font-size: 15px; text-align: left; text-overflow: ellipsis; display: block; } .ed-dd-arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 12px; height: 8px; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%23999999' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain } .ed-dd-menu { position: absolute; top: calc(100% + 6px); left: 0; width: 100%; background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); list-style: none; padding: 6px 0; margin: 0; display: none; z-index: 1000; text-align: left; padding-top: 0 !important; } .ed-dd.open .ed-dd-menu { display: block; } .ed-dd-menu li { padding: 10px 14px; cursor: pointer; text-align: left; font-size: 14px; } .ed-dd-menu li:hover { background: #ff573e; color: #fff; } .ed-dd-menu li.active { background: #ff573e; color: #fff; } .ed-dd-long { width: 260px; } .ed-dd-profession { max-width: 280px; width: 100%; flex-shrink: 0; } .ed-dd:has(.ed-dd-long) { width: 260px; } .ed-dd-trigger.ed-dd-long .ed-dd-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .ed-dd:has(.ed-dd-long) .ed-dd-menu li { white-space: normal; overflow: visible; text-overflow: unset; word-break: break-word; } .ed-dd:has(.ed-dd-long) .ed-dd-menu { max-height: 220px; overflow-y: auto; } .ed-dd:has(.ed-dd-long) .ed-dd-menu::-webkit-scrollbar { width: 6px; } .ed-dd:has(.ed-dd-long) .ed-dd-menu::-webkit-scrollbar-thumb { background: #ff573e; border-radius: 6px; } .ed-dd-search { position: sticky; top: 0; z-index: 3; padding: 10px; border-bottom: 1px solid #eee; background: #fff !important; cursor: default !important; } .ed-dd-search:hover { background: #fff !important; color: inherit !important; } .ed-dd-search.active { background: #fff !important; color: inherit !important; } .ed-dd-menu li:not(.ed-dd-search):hover { background: #ff573e; color: #fff; } .ed-dd-menu li.active:not(.ed-dd-search) { background: #ff573e; color: #fff; } .ed-dd.open { box-shadow: none !important; outline: none !important; } .ed-dd-toggle { box-shadow: none !important; } .ed-dd-toggle:focus, .ed-dd-toggle:active { outline: none !important; box-shadow: none !important; } .ed-dd:focus-within { background: transparent !important; } .ed-dd-search-input { width: 100%; padding: 6px 10px; font-size: 14px; border-radius: 6px; border: 1px solid #ddd; outline: none; } .ed-dd-menu li:not(.ed-dd-search) { padding: 12px 14px; } .ed-dd-menu li.active { background: #ff573e; color: #fff; position: relative; z-index: 1; } .ed-dd-menu { max-height: 260px; overflow-y: auto; } /* Responsive */ @media (max-width: 768px) { .ed-dd { width: 100%; } .ed-dd-long { width: 100%; } .ed-dd-trigger { padding-top: 12px; padding-bottom: 12px; } .ed-dd-profession { width: 100%; } } @media (max-width: 768px) { .ed-dd, .ed-dd-profession { width: 100% !important; max-width: 100% !important; } } @media (max-width: 768px) { .ed-dd-location .ed-dd-trigger { justify-content: flex-start; text-align: left; } } @media (max-width: 768px) { .ed-dd, .ed-dd-profession, .ed-dd-location { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } } @media (max-width: 768px) { .home-select, .filter-item { width: 100%; } } @media (max-width: 768px) { .ed-dd, .ed-dd-profession, .ed-dd-profession .ed-dd-trigger { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } } @media (max-width: 768px) { .filter-bar { flex-direction: column; align-items: stretch; } .filter-item { width: 100% !important; margin-right: 0; } .filter-item:last-of-type { width: 100% !important; } .ed-dd, .ed-dd-profession, .ed-dd-location { width: 100% !important; max-width: 100% !important; } .ed-dd-trigger { width: 100% !important; } } @media (min-width: 1200px) and (max-width: 1350px) { .site-navbar .site-navigation { position: relative; left: auto; transform: none; width: 100%; text-align: center; } .site-navbar .site-navigation .site-menu { display: inline-block; width: 100%; } .site-navbar .site-navigation .site-menu > li:last-child { display: block; margin-top: 8px; } } .custom-dropdown { position: relative; } .dropdown-btn { width: 100%; height: 48px; padding: 10px 16px; border-radius: 12px; border: 1px solid #cfd8f6; background: #f3f3f3; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 15px; outline: none; box-shadow: none; border: 1px solid #cfd8f6; } .dropdown-btn.active { border-color: #ff573e; box-shadow: 0 0 0 0.2rem rgba(255, 87, 62, 0.25); } .dropdown-list { list-style: none; padding: 0; margin: 6px 0 0; position: absolute; width: 100%; background: #fff; border-radius: 10px; border: 1px solid #ddd; display: none; z-index: 999; max-height: 220px; overflow-y: auto; } .dropdown-list li { padding: 12px 16px; cursor: pointer; font-size: 14px; } .dropdown-list li:hover { background: #ff573e; color: #fff; } .dropdown-list li.active { background: #ff573e; color: #fff; } .dropdown-btn:focus, .dropdown-btn:active, .dropdown-btn:focus-visible { outline: none !important; box-shadow: none !important; border-color: #ff573e !important; } .dropdown-btn.active { border-color: #ff573e; box-shadow: 0 0 0 0.2rem rgba(255, 87, 62, 0.25); } .dropdown-btn span { color: #8a8a8a; font-weight: 400; } .dropdown-btn i { color: #8a8a8a; } .dropdown-btn.has-value span { color: #333; } .filter-value input::placeholder { color: #212529; opacity: 1; } .filter-value input:focus { outline: none; background: transparent; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { background-color: #FF573E !important; color: #fff !important; } .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { background-color: #FF573E !important; color: #fff !important; } @media (min-width: 992px) { .filter-block { border-right: 1px solid #eee; padding-right: 15px; height: 100%; } .col-lg-auto .filter-block, .col-lg-3 .filter-block { border-right: none; } } .listing-filter-box:focus-within { border-color: #ff4d30 !important; box-shadow: 0 0 0 0.25rem rgba(255, 77, 48, 0.25) !important; transition: all 0.2s ease-in-out; } .listing-input:focus { outline: none !important; box-shadow: none !important; } .listing-filter-value, button.listing-filter-value { border: 1px solid #cfd6e4; border-radius: 10px; padding: 12px 16px; display: flex; align-items: center; gap: 10px; height: 52px; background: #fff; width: 100%; position: relative; } button.listing-filter-value { box-shadow: none !important; outline: none !important; padding-right: 38px; } .listing-filter-value i { color: #9aa0a6; } button.listing-filter-value .bi-chevron-down { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); } .filter-block { position: relative; } .filter-block .dropdown-menu { width: 100%; min-width: 100%; max-width: 100%; margin-top: 6px; border-radius: 10px; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active { background-color: #ff573e !important; color: #fff !important; } .home-page .site-navbar .site-navigation { margin-left: -30px !important; } @media (max-width: 991px) { .home-page .site-navbar .site-navigation { margin-left: 0 !important; } } .listing-filter-block { position: relative; } .listing-filter-label { display: block; font-size: 14px; font-weight: 600; color: #8b8f97; margin-bottom: 6px; text-align: left; } .listing-filter-label i { margin-right: 6px; } .col-lg-auto.d-flex { gap: 14px; } .listing-filter-box { border: 1px solid #cfd6e4; border-radius: 10px; height: 52px; padding: 0 14px; background: #fff; display: flex; align-items: center; justify-content: space-between; width: 100%; } .listing-input { border: none; outline: none; width: 100%; font-size: 15px; font-weight: 500; color: #212529; background: transparent; } .listing-dropdown { background: #fff; border: 1px solid #cfd6e4; cursor: pointer; } .listing-dropdown:focus { outline: none; box-shadow: none; } .listing-dropdown .bi-chevron-down { color: #9aa0a6; font-size: 14px; } .dropdown-menu { border-radius: 10px; margin-top: 6px; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active { background-color: #ff573e; color: #fff; } /* Responsive */ @media (max-width: 991px) { .listing-filter-box { height: 48px; } } .dropdown-menu .dropdown-item { white-space: normal; line-height: 1.4; padding: 10px 16px; word-break: break-word; cursor: pointer; } .profession-filter .dropdown-menu { max-height: 220px; overflow-y: auto; width: 100%; } .profession-filter .dropdown-menu::-webkit-scrollbar { width: 6px; } .profession-filter .dropdown-menu::-webkit-scrollbar-thumb { background: #ff573e; border-radius: 10px; } .profession-filter .dropdown-menu::-webkit-scrollbar-track { background: #f1f1f1; } .listing-filter-value span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listing-filter-value .bi-chevron-down { margin-left: auto; } .profession-filter .dropdown-menu { max-height: 220px; overflow-y: auto; } @media (max-width: 768px) { .filter-bar { flex-direction: column !important; align-items: stretch !important; width: 90% !important; margin: 0 auto; gap: 15px; height: auto !important; } .filter-item { width: 100% !important; max-width: 100% !important; margin-right: 0 !important; } .filter-item input.form-control.form-width, .filter-item select.form-select.form-width, .ed-dd, .ed-dd-profession, .ed-dd-long { width: 100% !important; max-width: 100% !important; } .search-btn { width: 100% !important; margin-left: 0 !important; margin-top: 10px; justify-content: center; transform: none !important; } .divider { display: none !important; } .ed-dd-trigger { width: 100% !important; box-sizing: border-box; } } @media (max-width: 768px) { .hero { height: auto !important; min-height: 100vh; padding-bottom: 50px; } .hero > .d-flex { height: auto !important; padding-top: 120px; } .filter-bar { margin-bottom: 30px !important; position: relative !important; top: 0 !important; } .search-btn { transform: none !important; margin-top: 15px !important; } section.py-5:has(.cp-page-title) { margin-top: 40px; position: relative; z-index: 1; } } @media (max-width: 1024px) { .hero { height: auto !important; min-height: 100vh; padding-top: 100px; padding-bottom: 60px; display: block !important; } .hero > .d-flex { height: auto !important; display: block !important; } .filter-bar { margin: 0 auto !important; position: relative; z-index: 10; } .search-btn { transform: none !important; margin-bottom: 0; } .cp-page-title { margin-top: 50px !important; clear: both; } } @media (max-width: 1199px) and (min-width: 992px) { .filter-bar { flex-wrap: wrap; gap: 16px; } } @media (max-width: 1199px) and (min-width: 992px) { .filter-bar .form-group { flex: 1 1 48%; max-width: 48%; } } @media (max-width: 1199px) and (min-width: 992px) { .filter-bar .ed-dd { flex: 1 1 100%; max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .search-btn { flex: 1 1 100%; max-width: 100%; margin-top: 8px; align-self: center; justify-content: center; } } @media (max-width: 1199px) { .filter-bar input, .filter-bar .ed-dd-toggle, .search-btn { height: 48px; } } @media (min-width: 1200px) { .filter-bar { display: flex; flex-wrap: nowrap !important; align-items: center; width: 100%; } .filter-bar .divider { display: none !important; } .filter-bar .filter-item { flex: 1 1 0; min-width: 0; } .search-btn { flex: 0 0 140px; margin-left: 12px; white-space: nowrap; } } @media (max-width: 900px) and (min-width: 768px) { .search-btn { margin-left: 12px; } } @media (max-width: 900px) { .search-btn { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1056px) { .filter-bar { flex-direction: column !important; align-items: stretch !important; padding: 30px !important; width: 90% !important; max-width: 600px; margin: 0 auto !important; } .filter-item { width: 100% !important; margin-right: 0 !important; margin-bottom: 20px; } .filter-item input, .filter-item .ed-dd, .filter-item .ed-dd-trigger { width: 100% !important; } .divider { display: none !important; } } @media (max-width: 1056px) { .search-btn { width: 100% !important; margin-left: 0 !important; padding: 15px !important; margin-top: 10px; } } @media (max-width: 1200px) { .hero-section { min-height: unset; padding-bottom: 80px; } } @media (max-width: 1200px) and (min-width: 992px) { .hero > .d-flex { height: auto !important; padding-top: 140px; } } .seo-landing-hero { padding: 110px 0 40px; background: linear-gradient(135deg, #fff5ef 0%, #ffffff 55%, #f6f9fc 100%); } .seo-landing-copy { max-width: 860px; } .seo-landing-kicker { display: inline-block; margin-bottom: 14px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 87, 62, 0.12); color: #ff573e; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .seo-landing-copy h1 { margin-bottom: 16px; font-size: 48px; line-height: 1.15; color: #142033; } .seo-landing-lead { font-size: 18px; line-height: 1.8; color: #516176; } .seo-landing-grid { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(280px, 0.9fr); gap: 28px; } .seo-content-card, .seo-side-card { margin-bottom: 24px; padding: 28px; border-radius: 24px; background: #ffffff; box-shadow: 0 18px 40px rgba(13, 24, 39, 0.08); } .seo-content-card h2, .seo-side-card h3 { margin-bottom: 14px; color: #142033; } .seo-content-card p, .seo-side-card a { font-size: 17px; line-height: 1.85; color: #516176; } .seo-body-intro-card { background: linear-gradient(135deg, #fff8f3 0%, #ffffff 100%); } .seo-body-intro { margin-bottom: 0; font-size: 18px; line-height: 1.95; color: #42536a; } .seo-side-card a { display: block; margin-bottom: 12px; padding: 13px 15px; border-radius: 16px; background: #f7fafc; border: 1px solid rgba(20, 32, 51, 0.08); font-weight: 600; transition: all 0.25s ease; } .seo-side-card a:hover { background: #fff1eb; color: #142033; transform: translateX(3px); } .seo-answer-box { margin-top: 28px; padding: 26px 28px; border-radius: 24px; background: linear-gradient(135deg, #152132 0%, #1c2d44 100%); box-shadow: 0 20px 45px rgba(15, 28, 46, 0.22); } .seo-answer-label, .seo-card-kicker, .aeo-summary-kicker { display: inline-block; margin-bottom: 12px; padding: 7px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.14); color: #ffe3dc; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .seo-answer-box h2, .seo-answer-box p { color: #ffffff; } .seo-answer-box h2 { margin-bottom: 12px; font-size: 28px; } .seo-answer-box p { margin-bottom: 0; font-size: 17px; line-height: 1.8; } .seo-trust-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; } .seo-trust-pill { padding: 18px 20px; border-radius: 20px; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(20, 32, 51, 0.08); } .seo-trust-pill strong, .seo-trust-pill span { display: block; } .seo-trust-pill strong { margin-bottom: 6px; color: #142033; font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; } .seo-trust-pill span { color: #516176; line-height: 1.6; } .seo-checklist-list, .seo-trust-list, .seo-side-list { margin: 0; padding-left: 0; list-style: none; } .seo-checklist-list li, .seo-trust-list li, .seo-side-list li { position: relative; padding-left: 32px; margin-bottom: 16px; color: #516176; line-height: 1.8; } .seo-checklist-list li::before, .seo-trust-list li::before, .seo-side-list li::before { content: ""; position: absolute; top: 10px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: #ff573e; box-shadow: 0 0 0 5px rgba(255, 87, 62, 0.14); } .seo-comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .seo-comparison-item { padding: 22px; border-radius: 20px; background: #f6f9fc; border: 1px solid rgba(20, 32, 51, 0.08); } .seo-comparison-item h3, .seo-faq-item h3 { margin-bottom: 10px; font-size: 19px; color: #142033; } .seo-comparison-item p, .seo-faq-item p { margin-bottom: 0; color: #516176; line-height: 1.8; } .seo-faq-item + .seo-faq-item { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(20, 32, 51, 0.08); } .seo-geo-tags { display: flex; flex-wrap: wrap; gap: 10px; } .seo-geo-tags span { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 999px; background: #f6f9fc; border: 1px solid rgba(20, 32, 51, 0.08); color: #142033; font-size: 14px; font-weight: 600; } .seo-landing-side { position: sticky; top: 110px; align-self: start; } .aeo-summary-section { background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%); } .aeo-summary-shell { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.8fr); gap: 26px; align-items: stretch; padding: 18px; border-radius: 34px; background: linear-gradient(135deg, rgba(255, 245, 239, 0.75) 0%, rgba(246, 249, 252, 0.95) 100%); box-shadow: 0 24px 60px rgba(13, 24, 39, 0.08); } .aeo-summary-main, .aeo-trust-card { padding: 34px; border-radius: 26px; background: #ffffff; box-shadow: 0 18px 40px rgba(13, 24, 39, 0.08); } .aeo-summary-main { background: linear-gradient(135deg, #fff5ef 0%, #ffffff 70%, #f6f9fc 100%); } .aeo-summary-kicker { background: rgba(255, 87, 62, 0.1); color: #ff573e; } .aeo-summary-main h2, .aeo-trust-card h3 { margin-bottom: 14px; color: #142033; font-weight: 700; } .aeo-summary-main h2 { font-size: 34px; } .aeo-trust-card h3 { font-size: 26px; } .aeo-summary-main p, .aeo-trust-card li, .aeo-link-stack a { color: #516176; line-height: 1.8; font-size: 17px; } .aeo-summary-support { margin-top: 16px; } .aeo-trust-card + .aeo-trust-card { margin-top: 20px; } .aeo-summary-side { display: flex; flex-direction: column; } .aeo-trust-card ul { margin: 0; padding-left: 18px; } .aeo-side-copy { margin-bottom: 16px; color: #6a798e; line-height: 1.75; } .aeo-trust-card li + li { margin-top: 10px; } .aeo-highlight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px; } .aeo-highlight-card { padding: 20px 20px 18px; border-radius: 20px; background: #f8fbfd; border: 1px solid rgba(20, 32, 51, 0.08); } .aeo-highlight-card h3 { margin-bottom: 10px; color: #142033; font-size: 20px; font-weight: 700; } .aeo-highlight-card p { margin-bottom: 0; color: #5a6a81; line-height: 1.75; } .aeo-stat-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; } .aeo-stat-card { padding: 18px 20px; border-radius: 20px; background: linear-gradient(135deg, #142033 0%, #22344f 100%); box-shadow: 0 18px 34px rgba(20, 32, 51, 0.18); } .aeo-stat-card strong, .aeo-stat-card span { display: block; } .aeo-stat-card strong { margin-bottom: 8px; color: #ffffff; font-size: 24px; line-height: 1.25; } .aeo-stat-card span { color: rgba(255, 255, 255, 0.82); line-height: 1.65; font-size: 14px; } .aeo-link-stack a { display: block; margin-bottom: 12px; padding: 14px 16px; border-radius: 16px; background: #f6f9fc; border: 1px solid rgba(20, 32, 51, 0.08); font-weight: 600; transition: all 0.25s ease; } .aeo-link-stack a:hover { background: #fff1eb; color: #142033; transform: translateX(3px); } .aeo-trust-card li::marker { color: #ff573e; } .faq-answer-label { background: rgba(255, 87, 62, 0.1); color: #ff573e; } @media (max-width: 991px) { .seo-landing-grid { grid-template-columns: 1fr; } .seo-landing-side { position: static; } .seo-landing-copy h1 { font-size: 36px; } .seo-trust-strip, .seo-comparison-grid, .aeo-summary-shell { grid-template-columns: 1fr; } .aeo-highlight-grid, .aeo-stat-row { grid-template-columns: 1fr; } .aeo-summary-main h2 { font-size: 28px; } .aeo-trust-card h3 { font-size: 23px; } .aeo-summary-main, .aeo-trust-card { padding: 26px; } } @media (max-width: 991.98px) { body { background: #f6f8fc; } .container, .container-fluid { padding-left: 18px !important; padding-right: 18px !important; } .site-navbar { position: fixed; top: 0; left: 0; right: 0; width: 100%; margin-bottom: 0; padding: 10px 0; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(14px); box-shadow: 0 10px 28px rgba(10, 18, 32, 0.08); z-index: 2100; } .subpage-nav { top: 0 !important; } .site-navbar .container-fluid > .row { min-height: 58px; justify-content: space-between; flex-wrap: nowrap; } .site-navbar .site-logo, .site-navbar .right-cta-menu { flex: 0 0 auto; width: auto; } .site-navbar .site-logo { position: relative; left: auto; display: flex; align-items: center; } .site-navbar .site-logo img { max-height: 40px; width: auto; } .site-navbar .right-cta-menu { position: relative; right: auto; justify-content: flex-end; gap: 10px; align-items: center; margin-left: auto; } .site-navbar .site-menu-toggle { width: 42px; height: 42px; border-radius: 14px; background: #fff3ef; color: #ff573e !important; display: inline-flex !important; align-items: center; justify-content: center; margin-left: 0 !important; } .auth-button { min-height: 42px; padding: 10px 16px; border-radius: 14px; font-size: 14px; font-weight: 600; } .site-mobile-menu { width: min(86vw, 360px); box-shadow: -20px 0 48px rgba(10, 18, 32, 0.16); } .site-mobile-menu .site-mobile-menu-header { padding: 18px 18px 8px; border-bottom: 1px solid rgba(20, 32, 51, 0.08); } .site-mobile-menu .site-mobile-menu-body { padding: 14px 18px 24px; } .site-mobile-menu .site-nav-wrap > li > a { padding: 12px 0; font-size: 16px; font-weight: 600; } .hero { min-height: auto !important; padding: 132px 0 28px; background-position: 68% center; position: relative; } .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 18, 32, 0.42) 0%, rgba(11, 18, 32, 0.28) 36%, rgba(11, 18, 32, 0.18) 100%); } .hero > .d-flex { height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; align-items: stretch !important; position: relative; z-index: 1; } .main_banner { width: 100%; } .banner-heading-section { margin-bottom: 18px; padding: 10px 2px 0; } .main-heading { font-size: clamp(31px, 7vw, 44px) !important; line-height: 1.08; text-align: left; max-width: 92%; margin-bottom: 12px; text-shadow: 0 8px 24px rgba(0, 0, 0, 0.22); } .description-banner { font-size: 15px; line-height: 1.7; text-align: left; max-width: 92%; color: rgba(255, 255, 255, 0.92); opacity: 1; text-shadow: 0 6px 20px rgba(0, 0, 0, 0.16); } .filter-bar { width: 100% !important; max-width: 100% !important; padding: 16px !important; gap: 14px !important; border-radius: 26px !important; background: rgba(255, 255, 255, 0.84); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, 0.42); box-shadow: 0 24px 46px rgba(10, 18, 32, 0.16); } .filter-item { margin-bottom: 0 !important; padding: 12px; border-radius: 18px; background: #ffffff; border: 1px solid rgba(20, 32, 51, 0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 24px rgba(10, 18, 32, 0.04); } .filter-label { font-size: 12px; margin-bottom: 8px; font-weight: 700; color: #7c8797; } .filter-value, .filter-item input, .filter-item .ed-dd-trigger, .filter-item .ed-dd, .filter-item .ed-dd-long { font-size: 15px; } .filter-item input.form-control.form-width, .filter-item select.form-select.form-width, .filter-item .ed-dd-trigger { min-height: 50px; border-radius: 14px !important; border: 1px solid #d9e1ee !important; background: #fff !important; box-shadow: none !important; padding-left: 14px; padding-right: 14px; } .search-btn { width: 100% !important; min-height: 54px; border-radius: 18px; font-size: 15px; font-weight: 700; box-shadow: 0 16px 32px rgba(255, 87, 62, 0.24); } .aeo-summary-section, section.py-5, .wishlist-section, .cta-section { padding-top: 28px !important; padding-bottom: 28px !important; } .aeo-summary-shell { gap: 18px; } .aeo-summary-main, .aeo-trust-card, .blog-summary-card, .blog-link-hub-card, .blog-related-card, .sidebar-widget .card, .business-card, .profession-card, .listing-card, .wishlist-card { border-radius: 24px; } .cp-page-title { margin-bottom: 30px !important; } .cp-page-title h2, .how-title, .ourblog-title, .wishlist-title { font-size: clamp(28px, 6vw, 36px) !important; line-height: 1.15; } .section-description { font-size: 15px; line-height: 1.75; margin-bottom: 22px; } .business-card .card-inner { margin: -22px 12px 12px; padding: 16px; border-radius: 18px; } .member-card-cover, .card-img-top { height: 210px; } .profession-card { height: 232px; } .profession-title { font-size: 20px; } .changepassword-banner { height: 220px; margin-top: 72px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; } .hero-subtitle { font-size: 16px; } .hero-title { font-size: 32px; } .ourblog-text p, .faq-answer-body, .blog-summary-card p, .blog-link-hub-card p, .blog-related-card p { font-size: 15px; line-height: 1.8; } .blog-related-grid { gap: 16px; } .blog-sidebar { margin-top: 8px; } .cta-section { border-top-left-radius: 30px; border-top-right-radius: 30px; } .cta-content h1 { font-size: 34px !important; line-height: 1.12; } .cta-content h3 { font-size: 24px !important; } .cta-content p { font-size: 16px !important; line-height: 1.75; } footer { padding-top: 34px; } .footer-title { margin-bottom: 12px; } .footer-links a, .contact-info { font-size: 14px; line-height: 1.7; } } @media (max-width: 767.98px) { .container, .container-fluid { padding-left: 14px !important; padding-right: 14px !important; } .site-navbar { padding: 8px 0; } .site-navbar .container-fluid > .row { min-height: 52px; } .site-navbar .site-logo img { max-height: 38px; } .auth-button { min-height: 42px; padding: 8px 16px; border-radius: 12px; font-size: 13px; } .site-navbar .site-menu-toggle { width: 42px; height: 42px; border-radius: 14px; } .hero { padding: 124px 0 18px; } .main-heading { font-size: clamp(26px, 8.5vw, 34px) !important; max-width: 88%; } .description-banner { font-size: 14px; max-width: 90%; margin-bottom: 0; } .filter-bar { padding: 12px !important; border-radius: 22px !important; gap: 12px !important; } .filter-item { padding: 10px; border-radius: 16px; } .filter-item input.form-control.form-width, .filter-item select.form-select.form-width, .ed-dd, .ed-dd-profession, .ed-dd-long, .ed-dd-trigger { min-height: 44px; } .search-btn { min-height: 50px; border-radius: 16px; } .aeo-summary-main, .aeo-trust-card, .blog-summary-card, .blog-link-hub-card, .blog-related-card, .sidebar-widget .card { padding: 20px; } .member-card-cover, .card-img-top { height: 190px; } .business-card .card-inner { margin: -18px 10px 10px; padding: 14px; } .profile-info { gap: 8px; } .profile-info img { width: 40px; height: 40px; } .profession-card { height: 214px; } .profession-overlay { padding: 16px; } .profession-meta { padding: 12px 12px 11px; } .profession-title { font-size: 18px; line-height: 1.18; } .profession-count { font-size: 12px; } .changepassword-banner { height: 184px; margin-top: 64px; } .hero-subtitle { font-size: 14px; } .hero-title { font-size: 28px; } .cp-page-title h2, .how-title, .ourblog-title, .wishlist-title { font-size: 26px !important; } .section-description { font-size: 14px; } .faq-answer-toggle { padding: 16px 46px 16px 16px; } .faq-question { font-size: 16px; line-height: 1.4; } .blog-related-grid { grid-template-columns: 1fr; } .cta-content h1 { font-size: 28px !important; } .cta-content h3 { font-size: 20px !important; } .cta-content p { font-size: 15px !important; } .social-icons a { width: 40px; height: 40px; font-size: 16px; } } @media (max-width: 991.98px) { body { padding-bottom: 148px; } footer { padding-bottom: 94px; } .site-mobile-menu { width: 100%; max-width: 100%; transform: translateX(100%); background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%); box-shadow: none; } body.offcanvas-menu { overflow: hidden; } body.offcanvas-menu .mobile-bottom-nav, body.offcanvas-menu .mobile-quick-actions { opacity: 0; pointer-events: none; transform: translateY(20px); } .site-mobile-menu .site-mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 18px 14px; border-bottom: 1px solid rgba(20, 32, 51, 0.08); } .site-mobile-menu-brand img { max-height: 40px; width: auto; } .site-mobile-menu .site-mobile-menu-close { margin-top: 0 !important; } .site-mobile-menu .site-mobile-menu-close span { width: 46px; height: 46px; border-radius: 16px; background: linear-gradient(180deg, #fff4ef 0%, #ffe8df 100%); color: #ff573e; display: flex; align-items: center; justify-content: center; box-shadow: 0 16px 28px rgba(255, 87, 62, 0.16); border: 1px solid rgba(255, 87, 62, 0.12); font-size: 22px; } .site-mobile-menu .site-mobile-menu-close span::before { top: 6px !important; position: relative; right: 2px; } .site-mobile-menu-toplinks { display: flex; gap: 10px; overflow-x: auto; padding: 14px 18px 6px; scrollbar-width: none; } .site-mobile-menu-toplinks::-webkit-scrollbar { display: none; } .site-mobile-menu-toplinks a { flex: 0 0 auto; padding: 11px 15px; border-radius: 999px; background: #fff3ef; color: #ff573e; font-size: 13px; font-weight: 700; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7); } .site-mobile-menu .site-mobile-menu-body { padding: 8px 18px 18px; } .site-mobile-menu .site-nav-wrap { display: grid; gap: 10px; } .site-mobile-menu .site-nav-wrap > li { border: none; } .site-mobile-menu .site-nav-wrap > li > a { padding: 14px 16px; font-size: 17px; font-weight: 700; border-radius: 18px; background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(20, 32, 51, 0.06); box-shadow: 0 12px 24px rgba(10, 18, 32, 0.04); color: #142033; } .site-mobile-menu .site-nav-wrap li .active, .site-mobile-menu .site-nav-wrap > li > a:hover { background: #fff3ef; color: #ff573e; } .site-mobile-menu-footer { padding: 14px 18px 26px; border-top: 1px solid rgba(20, 32, 51, 0.08); display: grid; gap: 10px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(247,249,252,0.94) 28%, #f7f9fc 100%); } .mobile-menu-cta { min-height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; } .mobile-menu-cta-primary { background: #ff573e; color: #fff !important; box-shadow: 0 16px 30px rgba(255, 87, 62, 0.22); } .mobile-menu-cta-secondary { background: #fff; color: #142033 !important; border: 1px solid rgba(20, 32, 51, 0.08); } .mobile-bottom-nav { position: fixed; left: 12px; right: 12px; bottom: 10px; z-index: 2200; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; padding: 10px; border-radius: 24px; background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(16px); box-shadow: 0 18px 40px rgba(10, 18, 32, 0.18); transition: opacity 0.25s ease, transform 0.25s ease; } .mobile-bottom-nav__item { min-width: 0; min-height: 56px; padding: 8px 6px; border-radius: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #5d6c7f; font-size: 11px; font-weight: 700; line-height: 1.1; text-align: center; } .mobile-bottom-nav__item i { font-size: 18px; } .mobile-bottom-nav__item.is-active { background: #fff3ef; color: #ff573e; } .mobile-quick-actions { position: fixed; left: 14px; right: 14px; bottom: 96px; z-index: 2150; display: flex; gap: 10px; pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; } .mobile-quick-action { flex: 1 1 0; min-height: 48px; border-radius: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 700; box-shadow: 0 16px 34px rgba(10, 18, 32, 0.12); pointer-events: auto; } .mobile-quick-action-primary { background: #142033; color: #fff !important; } .mobile-quick-action-secondary { background: #ffffff; color: #128c7e !important; border: 1px solid rgba(18, 140, 126, 0.12); } } @media (max-width: 767.98px) { .mobile-bottom-nav { left: 10px; right: 10px; bottom: 8px; gap: 6px; padding: 8px; border-radius: 20px; } .mobile-bottom-nav__item { min-height: 52px; padding: 7px 4px; border-radius: 16px; font-size: 10px; } .mobile-bottom-nav__item i { font-size: 17px; } .mobile-quick-actions { left: 10px; right: 10px; bottom: 88px; } .mobile-quick-action { min-height: 44px; border-radius: 14px; font-size: 13px; } } @media (max-width: 575.98px) { body { padding-bottom: 156px; } .site-navbar { padding: 10px 0; background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(18px); box-shadow: 0 12px 30px rgba(10, 18, 32, 0.12); } .site-navbar .container-fluid > .row { min-height: 56px; align-items: center !important; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 18px; padding: 8px 10px; box-shadow: 0 10px 24px rgba(10, 18, 32, 0.08); } .site-navbar .site-logo { max-width: 168px; } .site-navbar .site-logo a { display: flex; align-items: center; } .site-navbar .site-logo img { max-height: 34px; width: auto; display: block; filter: saturate(1.05) contrast(1.02); } .site-navbar .right-cta-menu { gap: 8px; transform: translateY(-2px); } .auth-button { min-height: 40px; padding: 8px 14px; border-radius: 14px; font-size: 13px; font-weight: 700; box-shadow: 0 12px 24px rgba(255, 87, 62, 0.2); } .site-navbar .site-menu-toggle { width: 40px; height: 40px; border-radius: 14px; font-size: 1.2rem; box-shadow: 0 10px 22px rgba(20, 32, 51, 0.1); padding: 0; } .site-navbar .site-menu-toggle .bi-list, .site-navbar .site-menu-toggle .h3 { margin: 0 !important; padding: 0 !important; line-height: 1; display: flex; align-items: center; justify-content: center; } .hero { padding: 114px 0 16px; background-position: 72% center; } .hero::before { background: linear-gradient(180deg, rgba(11, 18, 32, 0.52) 0%, rgba(11, 18, 32, 0.36) 34%, rgba(11, 18, 32, 0.2) 100%); } .main_banner { padding: 0 4px; } .banner-heading-section { margin-bottom: 14px; padding-top: 0; } .main-heading { max-width: 94%; font-size: 23px !important; line-height: 1.14; margin-bottom: 10px; letter-spacing: -0.01em; } .description-banner { max-width: 94%; font-size: 13px; line-height: 1.65; color: rgba(255, 255, 255, 0.94); } .filter-bar { padding: 10px !important; gap: 10px !important; border-radius: 22px !important; background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(255, 255, 255, 0.46); box-shadow: 0 22px 44px rgba(10, 18, 32, 0.18); } .filter-item { padding: 9px; border-radius: 16px; box-shadow: 0 8px 18px rgba(10, 18, 32, 0.04); } .filter-label { margin-bottom: 6px; font-size: 11px; } .filter-item input.form-control.form-width, .filter-item select.form-select.form-width, .filter-item .ed-dd-trigger { min-height: 48px; border-radius: 13px !important; font-size: 15px; } .search-btn { min-height: 52px; border-radius: 16px; margin-top: 2px !important; } .mobile-quick-actions { left: 14px; right: 14px; bottom: 86px; gap: 12px; } .mobile-quick-action { min-height: 42px; border-radius: 16px; box-shadow: 0 12px 28px rgba(10, 18, 32, 0.14); } .mobile-bottom-nav { bottom: 10px; } .home-page section.py-5 { padding-top: 24px !important; padding-bottom: 24px !important; } .home-page .row.g-4 { row-gap: 18px !important; } .home-page .profession-card { height: 220px; border-radius: 26px; } .home-page .profession-overlay { padding: 16px; } .home-page .profession-meta { padding: 12px 12px 11px; border-radius: 18px; } .home-page .profession-title { font-size: 17px; line-height: 1.16; margin-bottom: 8px; } .home-page .profession-count { font-size: 12px; line-height: 1.4; } .home-page .cp-page-title { margin-bottom: 24px !important; } .home-page .section-description { margin-bottom: 18px; } } @media (max-width: 575.98px) { body.home-page { background: linear-gradient(180deg, #eef3f9 0%, #f7f9fc 22%, #ffffff 100%); } .home-page .aeo-summary-shell, .home-page .faq-answer-accordion, .home-page .about-zigzag, .home-page .blog-page-title, .home-page .row.g-4 { position: relative; z-index: 1; } .home-page .aeo-summary-shell { gap: 14px; } .home-page .aeo-summary-main, .home-page .aeo-trust-card { border-radius: 26px; padding: 22px 18px; box-shadow: 0 18px 36px rgba(10, 18, 32, 0.08); } .home-page .aeo-summary-kicker, .home-page .faq-answer-label, .home-page .blog-summary-kicker, .home-page .blog-related-label { font-size: 11px; padding: 7px 12px; } .home-page .aeo-highlight-grid, .home-page .aeo-stat-row { gap: 10px; } .home-page .aeo-highlight-card, .home-page .aeo-stat-card { border-radius: 18px; padding: 14px; background: #f8fafc; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7); } .home-page .aeo-link-stack { gap: 10px; } .home-page .aeo-link-stack a { min-height: 48px; border-radius: 16px; padding: 12px 14px; } .home-page .business-card, .home-page .step-card, .home-page .faq-answer-card, .home-page .blog-card { border-radius: 24px !important; box-shadow: 0 18px 36px rgba(10, 18, 32, 0.08); } .home-page .step-card { padding: 24px 18px; } .home-page .step-icon { width: 72px; height: 72px; object-fit: contain; } .home-page .step-title { font-size: 20px; line-height: 1.2; } .home-page .step-text { font-size: 14px; line-height: 1.7; } .home-page .number-tag { margin-bottom: 10px; } .home-page .faq-answer-card { margin-bottom: 14px; } .home-page .faq-answer-toggle { min-height: 72px; border-radius: 0; } .home-page .about-intro h2, .home-page .blog-page-title h2 { font-size: 28px; line-height: 1.14; } .home-page .zigzag-row { gap: 0; margin-bottom: 18px; border-radius: 26px; overflow: hidden; background: #ffffff; box-shadow: 0 18px 36px rgba(10, 18, 32, 0.08); } .home-page .zigzag-img img { min-height: 220px; object-fit: cover; } .home-page .zigzag-content { padding: 22px 18px; } .home-page .zigzag-content h3 { font-size: 24px; margin-bottom: 12px; } .home-page .zigzag-content p, .home-page .zigzag-content li { font-size: 14px; line-height: 1.75; } .home-page .zigzag-btn { min-height: 44px; padding: 11px 18px; border-radius: 14px; display: inline-flex; align-items: center; } .home-page .blog-card { overflow: hidden; background: #fff; } .home-page .blog-card .p-3 { padding: 18px !important; } .home-page .blog-img { height: 220px; object-fit: cover; } .home-page .blog-date { border-radius: 14px; padding: 8px 12px; } .home-page .blog-card h6 { font-size: 19px; line-height: 1.3; } .home-page .blog-card .auth-button { min-height: 42px; border-radius: 14px; padding: 0 16px; } .home-page .text-center.mt-4 .btn { min-height: 46px; border-radius: 16px !important; padding-left: 20px !important; padding-right: 20px !important; } .home-page .cta-section { margin-top: 18px !important; border-top-left-radius: 32px; border-top-right-radius: 32px; } } @media (max-width: 575.98px) { body.home-page { background: #f4f7fb !important; } .home-page .site-navbar { top: 8px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; } .home-page .site-navbar .container-fluid { padding-left: 12px !important; padding-right: 12px !important; } .home-page .site-navbar .container-fluid > .row { min-height: 58px !important; padding: 10px 12px !important; background: rgba(255, 255, 255, 0.94) !important; border: 1px solid rgba(20, 32, 51, 0.08) !important; border-radius: 22px !important; box-shadow: 0 18px 36px rgba(10, 18, 32, 0.12) !important; } .home-page .site-navbar .site-logo { max-width: 96px !important; } .home-page .site-navbar .site-logo img { max-height: 32px !important; } .home-page .site-navbar .right-cta-menu { transform: none !important; gap: 10px !important; } .home-page .auth-button { min-height: 42px !important; padding: 0 16px !important; border-radius: 15px !important; font-size: 13px !important; font-weight: 700 !important; } .home-page .site-navbar .site-menu-toggle { width: 42px !important; height: 42px !important; border-radius: 15px !important; } .home-page .hero { margin: 0 10px 18px !important; padding: 88px 0 22px !important; min-height: auto !important; border-radius: 32px !important; overflow: hidden !important; background-position: center center !important; box-shadow: 0 24px 44px rgba(10, 18, 32, 0.16) !important; } .home-page .hero::before { background: linear-gradient(180deg, rgba(11, 18, 32, 0.58) 0%, rgba(11, 18, 32, 0.4) 34%, rgba(11, 18, 32, 0.2) 100%) !important; } .home-page .hero > .d-flex { padding-left: 12px !important; padding-right: 12px !important; } .home-page .main_banner { width: 100% !important; padding: 0 !important; } .home-page .banner-heading-section { margin-bottom: 14px !important; padding: 16px 14px 0 !important; } .home-page .main-heading { max-width: 100% !important; font-size: 22px !important; line-height: 1.18 !important; margin-bottom: 10px !important; color: #ffffff !important; text-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important; } .home-page .description-banner { max-width: 100% !important; font-size: 13px !important; line-height: 1.72 !important; color: rgba(255, 255, 255, 0.94) !important; } .home-page .filter-bar { width: 100% !important; padding: 12px !important; gap: 12px !important; border-radius: 24px !important; background: rgba(255, 255, 255, 0.88) !important; backdrop-filter: blur(18px) !important; border: 1px solid rgba(255, 255, 255, 0.36) !important; box-shadow: 0 22px 42px rgba(10, 18, 32, 0.2) !important; } .home-page .filter-item { padding: 10px !important; border-radius: 18px !important; background: #ffffff !important; border: 1px solid rgba(20, 32, 51, 0.08) !important; box-shadow: 0 10px 24px rgba(10, 18, 32, 0.05) !important; } .home-page .filter-label { font-size: 11px !important; font-weight: 700 !important; color: #7f8a99 !important; margin-bottom: 6px !important; } .home-page .filter-item input.form-control.form-width, .home-page .filter-item select.form-select.form-width, .home-page .filter-item .ed-dd-trigger { min-height: 50px !important; border-radius: 14px !important; border: 1px solid #d8e0ec !important; background: #fff !important; font-size: 15px !important; box-shadow: none !important; } .home-page .search-btn { min-height: 52px !important; border-radius: 17px !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: 0 18px 34px rgba(255, 87, 62, 0.26) !important; } .home-page section.py-5 { padding-top: 22px !important; padding-bottom: 22px !important; } .home-page .cp-page-title, .home-page .blog-page-title, .home-page .about-intro, .home-page .faq-answer-intro { padding-left: 8px; padding-right: 8px; } .home-page .mobile-quick-actions { left: 12px !important; right: 12px !important; bottom: 88px !important; } .home-page .mobile-quick-action { min-height: 44px !important; border-radius: 16px !important; } .home-page .mobile-bottom-nav { left: 10px !important; right: 10px !important; bottom: 10px !important; border-radius: 22px !important; box-shadow: 0 18px 34px rgba(10, 18, 32, 0.16) !important; } } @media (max-width: 575.98px) { .listing-page-title { display: none; } .listing-page-banner { margin: 42px 10px 0 !important; height: 154px !important; border-radius: 28px !important; overflow: hidden; } .listing-page-shell { background: transparent; padding: 18px 0 24px; margin-top: -16px !important; position: relative; z-index: 2; } .listing-page-shell .listing-card { padding: 14px; border-radius: 28px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.42); box-shadow: 0 24px 44px rgba(10, 18, 32, 0.14); } .listing-page-shell .listing-filter-block { padding: 10px; border-radius: 18px; background: #ffffff; border: 1px solid rgba(20, 32, 51, 0.08); box-shadow: 0 10px 24px rgba(10, 18, 32, 0.04); } .listing-page-shell .listing-filter-label { font-size: 11px; font-weight: 700; color: #7f8a99; margin-bottom: 6px; } .listing-page-shell .listing-filter-box { min-height: 50px; border-radius: 14px !important; border: 1px solid #d8e0ec !important; background: #fff !important; box-shadow: none !important; padding-left: 14px; padding-right: 14px; } .listing-page-shell .listing-input { min-height: auto; border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; font-size: 15px; } .listing-page-shell .listing-dropdown { min-height: 50px; border-radius: 14px !important; border: 1px solid #d8e0ec !important; background: #fff !important; box-shadow: none !important; font-size: 15px; } .listing-page-shell .profession-filter .dropdown-menu { border-radius: 18px; box-shadow: 0 18px 36px rgba(10, 18, 32, 0.14); border: 1px solid rgba(20, 32, 51, 0.08); } .listing-page-shell .col-12.col-lg-auto.ms-lg-auto.d-flex.gap-3 { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; gap: 12px !important; } .listing-page-shell #submitmembersearchform, .listing-page-shell #resetBtn { width: 100%; min-height: 48px; border-radius: 16px; margin-top: 0 !important; padding: 0 14px; font-size: 14px; font-weight: 700; justify-content: center; } #membercontainer { row-gap: 18px !important; } } .ad-safe-section { padding: 10px 0 14px; } .ad-safe-shell { background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%); border: 1px solid rgba(20, 32, 51, 0.08); border-radius: 24px; box-shadow: 0 18px 40px rgba(13, 24, 39, 0.08); padding: 16px; } .ad-safe-label { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: 999px; background: rgba(255, 87, 62, 0.1); color: #ff5a3c; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .ad-safe-slot { margin-top: 12px; border-radius: 18px; overflow: hidden; background: #f4f7fb; min-height: 96px; } .ad-safe-slot .adsbygoogle { min-height: 96px !important; } .ad-safe-fluid .ad-safe-slot { min-height: 0; overflow: visible; background: transparent; } .ad-safe-fluid .ad-safe-slot .adsbygoogle { min-height: 0 !important; } .ad-safe-home-primary { padding-top: 0; } .ad-safe-blog, .ad-safe-listing { margin-top: 28px; } @media (max-width: 767.98px) { .ad-safe-section { padding: 8px 0 14px; } .ad-safe-shell { border-radius: 22px; padding: 14px; box-shadow: 0 16px 34px rgba(13, 24, 39, 0.08); } .ad-safe-slot { min-height: 88px; border-radius: 16px; } .ad-safe-slot .adsbygoogle { min-height: 88px !important; } .ad-safe-fluid .ad-safe-slot, .ad-safe-fluid .ad-safe-slot .adsbygoogle { min-height: 0 !important; } .ad-safe-listing { padding-top: 0; margin-top: 0; margin-bottom: 14px; } .ad-safe-blog { margin-top: 22px; } } /* FILE: custom.css */ .error, input.error, textarea.error { border: red solid 1px!important; } .form-error { border: 2px solid red!important; } .has-error .form-control, .has-error .input-group-text, .has-error .auth-input-icon { border-color: red !important; } #circle { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; z-index: 9999999; } .loader { width: calc(100% - 0px); height: calc(100% - 0px); border: 8px solid transparent; border-top: 8px solid #E65D25; border-radius: 50%; animation: rotate 5s linear infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } .loadingPanel { background-position: center center; background-repeat: no-repeat; background-color: transparent; cursor: wait; text-align: center; z-index: 10000; position: fixed; width: 100%; height: 100%; } .wishlist-icon { cursor: pointer; } button.varified-btn-green { background: #5cb85c !important; color: #fff !important; border-radius: 10px !important; padding: 10px !important; pointer-events: none; } #crop_modal { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); justify-content: center; align-items: center; z-index: 9999; } #crop_content { background: #fff; padding: 20px; border-radius: 10px; max-width: 90vw; max-height: 105vh; display: flex; flex-direction: column; align-items: center; overflow: hidden; } #crop_preview { max-width: 80vw; max-height: 70vh; width: auto; height: auto; border: 1px solid #ccc; border-radius: 5px; } #crop_buttons { margin-top: 15px; } #crop_buttons button { margin: 0 5px; padding: 8px 16px; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; color: white; } .rating-error i { color: red !important; } .filter-badge { font-size: 30px; } .filter-badge .remove-filter { margin-left: 0px; color: #ff0000; font-weight: 500; cursor: pointer; font-size: 40px; line-height: 1; } .business-btn i { font-size: 14px !important; color: #ff3b30 !important; } #ratingStars i:hover, #ratingStars i:hover ~ i { color: #ccc !important; } #ratingStars i.active { color: #ff6a4a !important; } .review-hidden { display: none !important; } #reviewPagination .page-link { color: #000; } #reviewPagination .page-item.active .page-link { color: #fff; } .profile-card .d-flex { align-items: flex-start !important; } .profile-card .profile-img { flex: 0 0 110px; flex-shrink: 0; } .profile-card .member-default-avatar { border-radius: 12px !important; overflow: hidden; background: #f7f9fc; border: 1px solid #dfe5ed; padding: 8px; } .profile-card .member-default-avatar img { width: 100%; height: 100%; object-fit: contain; border-radius: 0 !important; } .profile-details-wrap { min-width: 0; width: 100%; padding-left: 20px; } .profile-details-wrap h5, .profile-details-wrap p { overflow-wrap: break-word; word-break: normal; } .profile-details-wrap .website-link { display: inline-block; max-width: calc(100% - 28px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } .profile-card.member-fullcard { padding: 0; overflow: hidden; border-radius: 14px; } .profile-card.member-fullcard .verified-badge { top: 10px; left: 10px; z-index: 3; } .profile-card.member-fullcard .d-flex { align-items: stretch !important; gap: 0 !important; } .profile-card.member-fullcard .member-default-avatar { position: relative; flex: 0 0 180px; width: 180px; align-self: stretch; height: auto; padding: 0; border: none; border-radius: 0; display: flex; align-items: flex-end; background: #fff; } .profile-card.member-fullcard .member-default-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transform: scale(1.08); transform-origin: center top; border-radius: 0 !important; } .profile-card.member-fullcard .profile-details-wrap { min-width: 0; padding: 22px 20px 14px 20px; display: flex; flex-direction: column; justify-content: center; } .profile-card.member-fullcard .profile-details-wrap h5 { color: #ff4b32; font-size: 2rem; line-height: 1.1; margin-bottom: 10px !important; } .profile-card.member-fullcard .profile-details-wrap p { font-size: 1.05rem; line-height: 1.35; margin-bottom: 8px !important; } .profile-card.member-fullcard .profile-details-wrap .website-link { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .profile-card.member-fullcard .website-row { display: flex; align-items: center; gap: 8px; white-space: nowrap; } .profile-card.member-fullcard .website-row i { flex: 0 0 auto; } .profile-card.member-fullcard .website-row .website-link { flex: 1 1 auto; min-width: 0; display: block; } @media (max-width: 1399.98px) { .profile-card.member-fullcard .profile-details-wrap h5 { font-size: 1.7rem; } } @media (max-width: 1199.98px) { .profile-card.member-fullcard .member-default-avatar { flex-basis: 160px; width: 160px; height: auto; } .profile-card.member-fullcard .profile-details-wrap { padding: 18px 16px 12px 16px; } .profile-card.member-fullcard .profile-details-wrap h5 { font-size: 1.5rem; } .profile-card.member-fullcard .profile-details-wrap p { font-size: 1rem; } } @media (max-width: 991.98px) { .profile-card.member-fullcard { max-width: 640px; margin: 0 auto; } } @media (max-width: 767.98px) { .profile-card.member-fullcard .profile-details-wrap { padding: 14px 14px 10px 14px; } .profile-card.member-fullcard .profile-details-wrap h5 { font-size: 1.35rem; } .profile-card.member-fullcard .profile-details-wrap .website-link { white-space: normal; overflow: visible; text-overflow: clip; } } @media (max-width: 575.98px) { .profile-card.member-fullcard .d-flex { flex-direction: column; } .profile-card.member-fullcard .member-default-avatar { width: 100%; height: 200px; flex-basis: auto; } .profile-card.member-fullcard .profile-details-wrap { padding: 16px; } } /* Pagination wrapper */ #pagination { margin-top: 20px; text-align: center; } /* Make li inline */ #pagination li { display: inline-block; list-style: none; } /* Style links */ #pagination li a { display: block; padding: 8px 14px; border: 1px solid #ddd; margin-left: -1px; /* removes double borders */ color: #E65D25; /* orange text */ text-decoration: none; font-size: 16px; font-weight: 500; transition: background 0.3s, color 0.3s; } /* Rounded corners for first & last */ #pagination li:first-child a { border-radius: 4px 0 0 4px; } #pagination li:last-child a { border-radius: 0 4px 4px 0; } /* Hover effect */ #pagination li a:hover { background: #f9f9f9; } /* Active page */ #pagination li a.current-page { background: #E65D25; color: #fff; border-color: #E65D25; }