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

.bg-brand .bg-taxi .bg-guide .bg-green .bg-error .bg-black .bg-dark .bg-half-dark .bg-grey

Borders

.border-grey

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