Global
Design : Open Figma
Note : We are Using em sizes for all sections and components. this will make it interact with fonts' changes, which will results some diffrences than the design in sizes
Framework : Bootstrap ( with enhancements )
Font : Livvic
Logos :
Fonts
.font-12
.font-16
.font-17
.font-24
.font-33
.font-36
.font-46
.font-54
.font-weight-300
.font-weight-400
.font-weight-500
.font-weight-600
.font-weight-700
.text-brand
.text-taxi
.text-guide
.text-green
.text-error
.text-white
.text-black
.text-dark
.text-half-dark
.text-grey
.letter-spacing-0
.letter-spacing-1
.letter-spacing-2
.letter-spacing-3
Backgrounds
Borders
Z-index
.z-index-9
.z-index-99
.z-index-999
.z-index-9999
.z-index-99999
Width
.w-10
.w-20
.w-25
.w-30
.w-40
.w-50
.w-60
.w-70
.w-75
.w-80
.w-90
.w-100
Spacers
.spacer-25
.spacer-50
.spacer-75
.spacer-100
gaps
.gap-1
5px
.gap-2
10px
.gap-3
15px
.gap-4
20px
.gap-5
40px
Passenger Icons
.icon-starhalf_24px
.icon-starborder_24px
.icon-star24px
.icon-twitter
.icon-pinterest
.icon-linkedin
.icon-instagram
.icon-google
.icon-facebook
.icon-radiobutton-full
.icon-radiobutton-empty
.icon-indeterminate_box_24px
.icon-box_off_24px
.icon-box_24px
.icon-menu-up
.icon-menu-down
.icon-adult
.icon-child
.icon-baby
.icon-taxiper-hour
.icon-guideprivate
.icon-guidejoining
.icon-taxione-way
.icon-round-trip
.icon-no-show_-investigating
.icon-outdated
.icon-refund-rejected
.icon-refunded-1
.icon-ended--rated
.icon-ended-1
.icon-in-progress-1
.icon-booking-cancelled
.icon-waiting-refund
.icon-booked
.icon-reuest-cancelled
.icon-please-book
.icon-waiting-return
.icon-getting-offers
.icon-itinerary
.icon-coin
.icon-sign-language-translator
.icon-not-allowed
.icon-help-outline
.icon-refunded
.icon-in-progress
.icon-copy24px
.icon-add24px
.icon-plus-circle
.icon-minus-circle
.icon-sort
.icon-timer-sand
.icon-sort-variant
.icon-speedometer
.icon-distance
.icon-arrow-top-left
.icon-globe
.icon-cash
.icon-face-agent
.icon-airballoon-outline
.icon-details
.icon-arrow-right
.icon-progress-clock
.icon-whatsapp
.icon-help
.icon-points
.icon-account-circle-outline
.icon-percent
.icon-airplane
.icon-minus
.icon-return
.icon-waiting
.icon-bullet
.icon-circle
.icon-check-circle
.icon-sign-up
.icon-login
.icon-at
.icon-past
.icon-upcoming
.icon-map-search
.icon-eye-settings
.icon-pencil
.icon-pause
.icon-message
.icon-no-show-confirmed
.icon-no-show
.icon-recognized
.icon-google-translate
.icon-top-left
.icon-crosshairs-gps
.icon-map-marker-circle-fill
.icon-map-marker-circle
.icon-documentsdownload
.icon-servicearea
.icon-rest
.icon-ticket
.icon-activitygear
.icon-messages
.icon-driver
.icon-tour-guide
.icon-magnify-plus
.icon-delete
.icon-send-circle
.icon-datepicker
.icon-datetime
.icon-guide-2
.icon-right-double
.icon-left
.icon-profile
.icon-close-1
.icon-namesign
.icon-account-settings
.icon-requests
.icon-taxi-2
.icon-inbox-outline
.icon-comment-text
.icon-battery-charging-high
.icon-wifi
.icon-car-child-seat
.icon-vehicle-2
.icon-currency-usd
.icon-account-group-1
.icon-support-1
.icon-info
.icon-refresh
.icon-check-circle-full
.icon-check-circle1
.icon-heart
.icon-search24px
.icon-settings-1
.icon-eye-full
.icon-filterlist_24px
.icon-map-set-on-map
.icon-maps-place
.icon-drop_down_circle_24px
.icon-left1
.icon-right
.icon-close
.icon-expand-less
.icon-expand-more
.icon-guide-1
.icon-taxi-1
.icon-refund
.icon-range
.icon-arrow-up
.icon-arrow-down
.icon-image-multiple
.icon-up
.icon-down
.icon-train
.icon-critical
.icon-shield-check-outline
.icon-traveller
.icon-partner
.icon-check-all
.icon-progress-check
.icon-alert-circle
.icon-new-guide
.icon-ticket-pending
.icon-ticket-check
.icon-eye-off
.icon-human-handsup
.icon-ticket-cancelled
.icon-time
.icon-my-trips
.icon-submitted
.icon-rate-star
.icon-call
.icon-ended
.icon-started
.icon-swipe
.icon-person
.icon-hashtag
.icon-backspace
.icon-attach-images
.icon-settings
.icon-logout
.icon-external
.icon-audioguide
.icon-cancellation
.icon-photos
.icon-fooddrink
.icon-hotel
.icon-lang
.icon-lock
.icon-representative
.icon-assigned
.icon-eye
.icon-check
.icon-chat
.icon-support
.icon-payments
.icon-account-group
.icon-vehicle-1
.icon-dispatcher
.icon-offer
.icon-taxi
.icon-left-double
.icon-right1
.icon-updown
.icon-search
.icon-filter-variant
.icon-luggage-1
.icon-account
.icon-guide
.icon-bell-outline
.icon-sample
.icon-wheelchair-accessibility
.icon-food-fork-drink
.icon-adult-seat
.icon-vehicle
.icon-luggage
.icon-acc
.icon-returntransfer
.icon-date
.icon-mdiswap_vert
.icon-route
.icon-bookmark-check
.icon-bookmark-plus-outline
.icon-build24px-copy
.icon-link
.icon-drop_down_24px
.icon-back_24px
.icon-drop_up_24px
.icon-left_24px
.icon-right_24px
.icon-close24px-copy
.icon-menu24px
.icon-morehoriz_24px
.icon-morevert_24px
.icon-notifications24px
.icon-notificationsnone_24px
.icon-share24px-copy
Notification Indicator
Just Add the .notification_circle to the element
Buttons
.btn-brand
.btn-taxi
.btn-guide
.btn-green
.btn-error
.btn-outline-brand
.btn-outline-taxi
.btn-outline-guide
.btn-outline-green
.btn-outline-error