.btn,
.btn.btn-lg,
.btn.btn-md {
    line-height: normal
}

.btn-theme-brand-03,
.btn-theme-primary {
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-color: #fff;
    --bs-btn-color: #fff
}

.btn-theme-brand-03,
.btn-theme-primary,
.btn-theme-white.blue-mode {
    --bs-btn-hover-bg: var(--tSecondary);
    --bs-btn-hover-border-color: var(--tSecondary);
    --bs-btn-active-bg: var(--tSecondary);
    --bs-btn-active-border-color: var(--tSecondary);
    --bs-btn-disabled-bg: var(--tSecondary);
    --bs-btn-disabled-border-color: var(--tSecondary)
}

.btn-social,
.ripple {
    position: relative
}

.btn-social,
.ripple,
.themePills {
    overflow: hidden
}

.btn-social::after,
.list_arrow li::after,
.ripple::before,
.ripple:hover::after {
    position: absolute;
    content: ""
}

._markets .box .content,
.cusCard .card-text {
    font-family: var(--heading)
}

.processSCTab .verticalTAB .nav button,
.themePills {
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--tPrimary)
}

#preloader,
.site-header.header-sticky,
.tabsTable tr td {
    background-color: var(--bs-white)
}

.meghamenu-box-h,
.meghamenu-heading {
    text-transform: uppercase;
    font-weight: 700
}

:root {
    --tPrimary: #1B437A;
    --tSecondary: #18CDF1;
    --tAccent: #0077BB;
    --clr-F2F8FF: #F2F8FF;
    --brand-01: #0E689B;
    --brand-02: #7AB841;
    --brand-03: #FF8500;
    --brand-04: #2389F5;
    --subHeading: rgba(6, 28, 41, 90%);
    --clr-212529: #212529;
    --bs-gradient: linear-gradient(90deg, #1B437A -5.88%, #0077BB 96.69%);
    --bs-gradient-2: linear-gradient(260deg, #1B437A -5.88%, #0077BB 96.69%);
    --bs-gradient-3: linear-gradient(102.57deg, #0077BB 13.45%, #1B437A 88.08%);
    --bs-gradient-hover: linear-gradient(260deg, #1B437A -5.88%, #0077BB 96.69%);
    --bs-gradient-v1: linear-gradient(90.39deg, #1B437A 0.15%, #0077BB 99.87%);
    --bg-0F0F0F: #0F0F0F;
    --black-80: rgba(0, 0, 0, 80%);
    --black-60: rgba(0, 0, 0, 60%);
    --white-60: rgba(255, 255, 255, 60%);
    --white-80: rgba(255, 255, 255, 80%);
    --text-70: rgba(27, 67, 122, 0.7);
    --bg-fafaf9: #fafaf9;
    --heading: "Montserrat", sans-serif;
    --swiper-navigation-size: .625rem;
    --swiper-theme-color: var(--tAccent);
    --swiper-pagination-bullet-size: var(--swiper-navigation-size);
    --swiper-pagination-bullet-width: var(--swiper-navigation-size);
    --swiper-pagination-bullet-height: var(--swiper-navigation-size);
    --swiper-pagination-bullet-size: var(--swiper-navigation-size);
    --swiper-pagination-bullet-border-radius: var(--swiper-navigation-size);
    --swiper-pagination-bullet-inactive-color: var(--bs-white);
    --swiper-pagination-bullet-inactive-opacity: .2
}

body {
    font-family: Inter, sans-serif;
    color: #607ca2
}

body :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--heading);
    font-weight: 700
}

.text-212529 {
    color: var(--clr-212529)
}

.pt-100 {
    padding-top: clamp(3.75rem, 3.287rem + 2.4691vw, 6.25rem) !important
}

.pt-80 {
    padding-top: clamp(3rem, 2.6296rem + 1.9753vw, 5rem) !important
}

.pt-70 {
    padding-top: clamp(3rem, 2.7454rem + 1.358vw, 4.375rem) !important
}

.pt-60 {
    padding-top: clamp(2rem, 1.6759rem + 1.7284vw, 3.75rem) !important
}

.pb-100 {
    padding-bottom: clamp(3.75rem, 3.287rem + 2.4691vw, 6.25rem) !important
}

.pb-80 {
    padding-bottom: clamp(3rem, 2.6296rem + 1.9753vw, 5rem) !important
}

.pb-70 {
    padding-bottom: clamp(3rem, 2.7454rem + 1.358vw, 4.375rem) !important
}

.pb-60 {
    padding-bottom: clamp(2rem, 1.6759rem + 1.7284vw, 3.75rem) !important
}

.bg-tPrimary {
    background-color: var(--tPrimary) !important
}

.bg-tSecondary {
    background-color: var(--tSecondary) !important
}

.bg-tAccent {
    background-color: var(--tAccent) !important
}

.bg-brand-01 {
    background-color: var(--brand-01) !important
}

.bg-brand-02 {
    background-color: var(--brand-02) !important
}

.bg-brand-03 {
    background-color: var(--brand-03) !important
}

.bg-SubHeading {
    background-color: var(--subHeading) !important
}

.bg-clr-F2F8FF {
    background-color: var(--clr-F2F8FF)
}

.th-tWhite:hover {
    color: var(--)
}

.tPrimary,
.th-tPrimary:hover {
    color: var(--tPrimary) !important
}

.tSecondary,
.th-tSecondary:hover {
    color: var(--tSecondary) !important
}

.tAccent,
.th-tAccent:hover {
    color: var(--tAccent) !important
}

.brand-01,
.th-brand-01:hover {
    color: var(--brand-01) !important
}

.brand-02,
.th-brand-02:hover {
    color: var(--brand-02) !important
}

.brand-03,
.th-brand-03:hover {
    color: var(--brand-03) !important
}

.black-80 {
    color: var(--black-80) !important
}

.black-60 {
    color: var(--black-60) !important
}

.white-60 {
    color: var(--white-60) !important
}

.white-80 {
    color: var(--white-80) !important
}

.bg-F4F4F4 {
    background-color: #f4f4f4 !important
}

.site-header .navbar {
    --bs-navbar-padding-y: 1.0625rem;
    transition: padding .25s ease-in-out
}

.site-header.header-sticky .navbar {
    --bs-navbar-padding-y: 0.625rem
}

.site-header .navbar-brand {
    max-width: clamp(7.5rem, 7.037rem + 2.4691vw, 10rem)
}

.site-header .navbar-nav {
    --bs-nav-link-padding-y: .5975rem;
    --bs-nav-link-padding-x: .625rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: #555;
    --bs-nav-link-hover-color: #000
}

.fs-18 {
    font-size: clamp(1.2rem, 1.15rem, 1.5rem) !important
}

.fs-36 {
    font-size: clamp(2rem, 5vw, 2.25rem)
}

.invert-0 {
    filter: invert(0) !important
}

.invert {
    filter: invert(100%) !important
}

.brightness-0 {
    filter: brightness(0) !important
}

.brightness-50 {
    filter: brightness(.5) !important
}

.banner.fr {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100dvh
}

.banner.fr .bg-overlay video {
    position: relative;
    z-index: 0
}

.site-header .navbar-nav ._btnGroup>.btn {
    max-height: 43px
}

.btn {
    --bs-btn-font-size: 1.0625rem;
    --bs-btn-font-weight: 600;
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 2.25rem;
    --bs-btn-border-radius: 0.625rem;
    --bs-btn-padding-y: 0.625rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-border-radius: 0.5rem
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.btn.btn-lg {
    --bs-btn-padding-y: 1.375rem;
    --bs-btn-padding-x: 5.975rem;
    --bs-btn-border-radius: 0.5rem
}

.btn.btn-sm,
[class*=btn-outline-] {
    --bs-btn-padding-y: .5rem
}

.btn.btn-sm {
    --bs-btn-padding-x: 1.25rem
}

.btn.small {
    --bs-btn-font-size: .875rem
}

.btn.btn-md {
    --bs-btn-padding-x: 2.5rem;
    --bs-btn-padding-y: 1rem
}

.btn._with_icon {
    display: inline-flex;
    justify-content: center;
    gap: 14px
}

.btn._with_icon.btn-lg {
    --bs-btn-padding-x: 5.525rem
}

.btn-theme-primary {
    --bs-btn-bg: var(--tPrimary);
    --bs-btn-border-color: var(--tPrimary)
}

.btn-theme-brand-03 {
    --bs-btn-bg: var(--brand-03);
    --bs-btn-border-color: var(--brand-03)
}

.btn-theme-secondary,
.btn-theme-white {
    --bs-btn-hover-bg: var(--tPrimary);
    --bs-btn-hover-border-color: var(--tPrimary);
    --bs-btn-active-bg: var(--tPrimary);
    --bs-btn-active-border-color: var(--tPrimary);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--tPrimary);
    --bs-btn-disabled-border-color: var(--tPrimary);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff
}

.btn-theme-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--tSecondary);
    --bs-btn-border-color: var(--tSecondary)
}

.btn-theme-white {
    --bs-btn-color: var(--tPrimary);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white)
}

.btn-theme-white.blue-mode {
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff
}

.btn-theme-black {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-black);
    --bs-btn-border-color: var(--bs-black);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-color: var(--bs-black);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-white)
}

.btn-outline-tprimary,
.btn-theme-brand-03 {
    --bs-btn-hover-bg: var(--tPrimary);
    --bs-btn-hover-border-color: var(--tPrimary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--tPrimary);
    --bs-btn-active-border-color: var(--tPrimary)
}

.btn-outline-tprimary {
    --bs-btn-border-width: .125rem;
    --bs-btn-color: var(--tPrimary);
    --bs-btn-border-color: var(--tPrimary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-gradient: none
}

.btn-theme-brand-03 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-03);
    --bs-btn-border-color: var(--brand-03);
    --bs-btn-hover-color: #fff;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--tPrimary);
    --bs-btn-disabled-border-color: var(--tPrimary)
}

.btn-theme-link {
    font-size: 21px;
    --bs-btn-padding-y: 0rem;
    --bs-btn-padding-x: 0rem;
    --bs-btn-color: var(--brand-04);
    --bs-btn-hover-color: var(--tPrimary);
    --bs-btn-active-color: var(--tPrimary)
}

.blogsSwipr .blogCard .btn-wrp a svg,
.btn-theme-link svg {
    transition: .3s
}

.btn-theme-link:hover svg {
    transform: translateX(5px)
}

.btn-theme-link.link-brand04:hover svg path {
    fill: var(--tPrimary)
}

.lh-30 {
    line-height: 1.875rem
}

.site-header .navbar-toggler {
    background-color: var(--brand-03);
    border: 0
}

.site-header .navbar-toggler span {
    filter: brightness(0) invert(1)
}

.swiperlinear .swiper-wrapper {
    transition-timing-function: linear
}

.footerCTA .card {
    --bs-card-spacer-y: 3.125rem;
    --bs-card-spacer-x: 3.125rem;
    --bs-card-title-spacer-y: .625rem;
    --bs-card-title-color: var(--bs-white);
    --bs-card-subtitle-color: var(--white-80);
    --bs-card-border-width: 0px;
    --bs-card-border-color: #3E3E3E;
    --bs-card-border-radius: 0rem;
    --bs-card-color: var(--white-80);
    --bs-card-bg: #0F0F0F
}

.btn-social {
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border-radius: 10rem;
    border: .0625rem solid #eaebeb;
    text-decoration: none;
    clip-path: circle(50% at 50% 50%) !important;
    --bs-btn-font-weight: 400;
    --bs-btn-color: #030D24;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-border-color: var(--tSecondary);
    --bs-btn-active-color: var(--tSecondary);
    --bs-btn-active-border-color: var(--tSecondary)
}

.btn-social::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: var(--color-accent);
    z-index: -1;
    clip-path: circle(0% at 50% 50%);
    transition: color .15s ease-in-out, clip-path .15s ease-in-out, clip-path .15s ease-in-out
}

.btn-social:hover::after {
    clip-path: circle(50% at 50% 50%)
}

.mt-n-30 {
    margin-top: -1.875rem !important
}

._footer_head .navbar {
    --bs-navbar-padding-y: 0rem
}

.site-footer hr {
    border-color: #eaebeb;
    margin: 2.5rem 0
}

._footer_menu ._menu .navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: calc(.875rem / 2);
    --bs-nav-link-font-size: .875rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: var(--bs-black);
    --bs-nav-link-hover-color: var(--color-accent)
}

.cta_bg {
    height: 289px
}

._footer_menu ._menu ._menuBtn {
    padding: .5rem 0;
    font-size: 1.125rem
}

._footer_menu ._menu ._menuBtn ._icon {
    transition: .3s cubic-bezier(.215, .61, .355, 1)
}

._footer_menu ._menu ._menuBtn[aria-expanded=true] ._icon {
    transform: rotate(90deg)
}

.ripple::before {
    background-color: rgb(0 0 0 / .1);
    width: 10%;
    height: 25%;
    border-radius: var(--bs-btn-border-radius);
    z-index: 1;
    top: 35%;
    left: 45%;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.ripple:hover::before {
    -webkit-transform: scale(12);
    transform: scale(12);
    -webkit-transition: border-radius .5s .5s, -webkit-transform .5s;
    transition: transform .5s, border-radius .5s .5s, -webkit-transform .5s
}

.ripple:hover::after {
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.companiesSwipr::after,
.companiesSwipr::before {
    content: "";
    position: absolute;
    top: -4px;
    bottom: 0;
    height: 70px;
    width: clamp(3rem, 2.3981rem + 3.2099vw, 6.25rem);
    background: linear-gradient(90deg, #f4f4f4 48%, #fff0 100%);
    z-index: 2;
    pointer-events: none;
    user-select: none
}

.footerCTA::before,
.list_arrow li::after {
    top: 0;
    background-size: cover;
    background-position: center
}

.Geo-image,
.footerCTA::before,
.list_arrow li::after,
.overview {
    background-repeat: no-repeat
}

.companiesSwipr::before {
    left: auto;
    right: 0;
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.themePills {
    justify-content: center;
    border: .0625rem solid #f4f4f4;
    border-radius: .375rem;
    --bs-nav-pills-border-radius: 0rem;
    --bs-nav-link-padding-x: 2.5rem;
    --bs-nav-link-padding-y: 0.9375rem;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: var(--tPrimary);
    --bs-nav-link-hover-color: var(--tAccent);
    --bs-nav-link-font-size: 1.125rem
}

._ps .tab-wrap .card {
    --bs-card-spacer-y: clamp(1.95rem, 0.6565rem + 1.8988vw, 2.575rem);
    --bs-card-spacer-x: clamp(1rem, 0.0519rem + 3.0568vw, 3.5rem);
    --bs-card-title-spacer-y: 0.675rem;
    --bs-card-border-width: 0rem;
    --bs-card-border-radius: 1.875rem;
    --bs-card-title-color: var(--tPrimary);
    --bs-card-subtitle-color: var(--text-70);
    --bs-card-color: var(--text-70);
    --bs-card-bg: #F7FBFF
}

._ps .tab-wrap .card.c2 {
    --bs-card-bg: #FDF7F0
}

._ps .tab-wrap .card.c3 {
    --bs-card-bg: #F3F8EF
}

.bg-F8FBFF {
    background-color: #f8fbff !important
}

.bg-E3E8EF {
    background-color: #e3e8ef !important
}

.list_arrow li {
    position: relative;
    padding-left: calc(1.125rem + 1.25rem)
}

.list_arrow li::after {
    left: 0;
    bottom: 0;
    margin: auto 0;
    height: 1.25rem;
    width: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%231B437A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 5 5 5-5 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.blogPage .detail-content h2,
.blogPage .detail-content h3,
.blogPage .detail-content h4,
.blogPage .detail-content h5 {
    margin-bottom: 10px;
    color: var(--tPrimary)
}

.list_arrow.white li::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 5 5 5-5 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.overview {
    background-image: url(../../media/images/home/ov/ov.webp);
    background-position: center right;
    background-size: contain
}

._industrial .accordion {
    --bs-accordion-color: #fff;
    --bs-accordion-bg: var(--tPrimary);
    --bs-accordion-border-width: 0rem;
    --bs-accordion-border-radius: .625rem;
    --bs-accordion-inner-border-radius: 0rem;
    --bs-accordion-btn-padding-x: 1.275rem;
    --bs-accordion-btn-padding-y: 1.175rem;
    --bs-accordion-btn-color: #051226;
    --bs-accordion-btn-bg: #F8FBFF;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.275rem;
    --bs-accordion-body-padding-y: 0.675rem;
    --bs-accordion-active-color: var(--bs-white);
    --bs-accordion-active-bg: var(--tPrimary)
}

._industrial .accordion .accordion-body {
    padding-top: 0
}

._industrial .accordion .accordion-item {
    border-radius: var(--bs-accordion-border-radius) !important;
    border: 0 !important;
    overflow: hidden !important
}

.cusCard,
.uspCard {
    --bs-card-title-spacer-y: 1.25rem;
    --bs-card-border-width: .0625rem;
    --bs-card-border-color: #EAF0F8;
    --bs-card-border-radius: .625rem;
    --bs-card-title-color: var(--tPrimary);
    --bs-card-subtitle-color: var(--text-70);
    --bs-card-color: var(--text-70);
    --bs-card-bg: #fff
}

._industrial .accordion .accordion-item:not(:last-child) {
    margin-bottom: .975rem
}

._industrial .accordion .accordion-button {
    font-size: clamp(1.125rem, 1.0787rem + .2469vw, 1.25rem);
    font-weight: 500
}

.uspCard {
    --bs-card-spacer-y: clamp(1.375rem, 1.3056rem + 0.3704vw, 1.75rem);
    --bs-card-spacer-x: clamp(1.25rem, 1.1111rem + 0.7407vw, 2rem)
}

.tractionSwipr {
    --swiper-pagination-color: var(--bs-white)
}

.bg-18CDF1 {
    background-color: #18cdf1 !important
}

.happyCustomersSwipr,
.our-achivment {
    --swiper-pagination-bullet-inactive-color: var(--brand-01)
}

.cusCard {
    --bs-card-spacer-y: clamp(1.5rem, 1.3148rem + 0.9877vw, 2.5rem);
    --bs-card-spacer-x: clamp(1.125rem, 1.0093rem + 0.6173vw, 1.75rem)
}

.road .car {
    margin-bottom: -16px !important
}

._markets .box {
    position: relative;
    max-width: 110px
}

._markets .box .icon {
    width: clamp(6.125rem, 5.7913rem + 1.7799vw, 7.5rem);
    height: clamp(6.125rem, 5.7913rem + 1.7799vw, 7.5rem);
    font-size: clamp(3.375rem, 3.0278rem + 1.8519vw, 5.25rem);
    font-weight: 700;
    color: var(--tSecondary);
    background-color: var(--tPrimary);
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle(50% at 50%);
    margin-bottom: 1rem;
    text-transform: uppercase
}

._markets .box .content {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #191919;
    padding-top: 13px;
    padding-right: 10px;
    position: relative;
    text-wrap: balance
}

._markets .box .content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 29px;
    width: 100%;
    display: block;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: rgba(25, 25, 25, 10%);
    border-radius: 0 8px 0 0;
    pointer-events: none
}

@media(min-width:1500px) {
    ._markets .d-flex {
        gap: 0
    }
}

.blogWrapper>div,
.hoverBoxWrap .hoverBox {
    display: none
}

.hoverBoxWrap .hoverBox.active {
    display: block;
    animation: 990ms fadeUp
}

.bg-clr-F0FDFF {
    background-color: #f0fdff
}

.bg-clr-F7FBFF {
    background-color: #f7fbff
}

.bg-clr-1B437A07 {
    background-color: rgb(27 67 122 / .07)
}

.bg-clr-EAF0F8 {
    background-color: #eaf0f8
}

.bg-clr-C5DFFB_16 {
    background-color: rgb(197 223 251 / .16)
}

.weserve .hoverBoxWrap .card {
    --bs-card-border-color: #1B437A1F
}

.Geo-image {
    background-image: url(../../media/images/home/we-served/Frame%201171275563.webp);
    background-position: center bottom
}

.bg-clr-E9F3F9 {
    background-color: #e9f3f9
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.blogsSwipr .blogCard {
    --bs-card-spacer-y: 0px;
    --bs-card-spacer-x: 0px
}

.blogsSwipr .blogCard:hover .btn-wrp a svg {
    transform: rotate(45deg)
}

.bgGradient {
    background-image: linear-gradient(90deg, #1b437a 0, #24b0ed 100%)
}

.gpsProductCTA .footerCTA {
    margin-bottom: -100px
}

.footerCTA::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-image: url(../../../assets/media/images/home/footerCTA_BG.svg)
}

.supportedLogo .swiper-slide .img-box {
    width: 200px;
    height: 48px;
    object-fit: cover;
    text-align: center
}

.gradientBG {
    background: linear-gradient(180deg, #fcfeff 0, #aedef0 100%)
}

.site-footer .quick-link ul li {
    padding: 5px 0
}

.site-footer .quick-link ul li a {
    text-decoration: none;
    color: var(--bs-black);
    position: relative
}

.site-footer .quick-link ul li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--brand-02);
    transform: scaleX(0);
    transition: transform .3s;
    transform-origin: bottom right
}

.site-footer .quick-link ul li a:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left
}

.site-footer .quick-link ul li a:hover {
    color: var(--brand-02)
}

.infinite {
    position: relative;
    width: 8000px;
    margin: auto;
    height: 50px;
    background: #525252;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: perspective(2500px) rotateX(0)
}

.infinite::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #fff 0, #fff 70%, #525252 70%, #525252 100%);
    background-size: 120px;
    animation: 1s linear infinite animateroad
}

.bannerLine,
.bgMap,
.dropdown-toggle::after,
ul.bulletList li::before {
    background-position: center
}

@keyframes animateroad {
    0% {
        background-position: 0
    }

    100% {
        background-position: 120px
    }
}

.road .truck {
    animation: .2s ease-in-out infinite alternate truck
}

@keyframes truck {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(2px)
    }
}

.bgMap {
    background-image: url(../../media/images/global/bgMap.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay
}

.aboutWrapper .about-banner {
    padding: 130px 0 68px
}

.overviewVersion01 {
    padding: 72px 0
}

.cf {
    padding: 80px 0
}

.contactMain .contact-banner .content-wrp {
    padding: 192px 0 100px
}

.social-media ul li a svg>* {
    transition: .2s
}

.social-media ul li a:hover svg ellipse {
    fill: var(--brand-02);
    stroke: var(--brand-02)
}

.social-media ul li a:hover svg path {
    fill: var(--bs-white);
    fill-opacity: 1
}

form input:not(.form-check-input[type=checkbox]),
form select,
form textarea {
    padding: 10px 20px !important;
    font-weight: 500 !important;
    border: 1px solid !important;
    font-size: 18px !important;
    border-radius: 10px !important
}

.blogWrapper .blogPage .page-title {
    padding: 200px 0 60px
}

.blogWrapper .blogPage .page-title.detailPage {
    padding-bottom: 390px
}

.blogWrapper>div:nth-child(-n+6) {
    display: block
}

.blogPage .detail-content {
    margin-top: -340px
}

.blogPage .detail-content h2 {
    font-size: 2.25em
}

.blogPage .detail-content h3 {
    font-size: 1.75em
}

.blogPage .detail-content h4 {
    font-size: 1.5em
}

.blogPage .detail-content h5 {
    font-size: 1.1em
}

.blogPage .detail-content p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 30px;
    color: rgb(27 67 122 / .8)
}

.blogPage .detail-content ul {
    list-style: none;
    padding: 0 0 30px;
    margin: 0
}

.blogPage .detail-content ul li {
    position: relative;
    padding: 3px 0 3px 35px;
    font-size: 18px;
    font-weight: 400
}

.blogPage .detail-content ul li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../../media/images/global/bulletlist.svg);
    background-size: cover
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    --bs-dropdown-border-color: 0px
}

.dropdown-toggle::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(https://geosafepro.com/website/assets/media/images/global/dropdown.svg);
    background-size: cover;
    border: 0
}

.login_hero.bg-img,
.megha-menu-bar ul li.nav-item,
.radialGradient {
    position: relative
}

.radialGradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(144.2% 144.2% at 50% 54.05%, #f7fcfe 0, #fff0 100%)
}

.map-track,
.map-track::after,
.map-track::before {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute
}

.bannerLine {
    background-image: url(../../media/images/global/bannerLine.svg);
    background-size: cover
}

.fmsMain .fms-banner {
    padding-top: 125px
}

.fmsMain .fms-banner .img-wrp .fms-mobile {
    max-width: 278px;
    margin-right: -108px
}

.fmsMain .fms-banner .img-wrp .deliveryTruck {
    margin-left: -110px
}

video {
    width: 100%;
    height: 100%
}

ul.bulletList li {
    padding-left: 35px;
    margin-bottom: 15px
}

ul.bulletList li::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cpath stroke='%23FF8500' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M1 13a12 12 0 1 0 24 0 12 12 0 0 0-24 0Z'/%3E%3Cpath stroke='%23FF8500' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m9 13 2.667 2.667L17 10.333'/%3E%3C/svg%3E");
    background-size: cover
}

ul.bulletList.bulletBlue li::before {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2011a10%2010%200%201%200%2020%200%2010%2010%200%200%200-20%200%22%20stroke%3D%22%2318CDF1%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m7.666%2011%202.222%202.222%204.445-4.444%22%20stroke%3D%22%2318CDF1%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E)
}

.gpsProduct-banner .screen-wrp {
    max-width: 405.18px
}

.gpsProduct-banner .content-wrp {
    padding: 120px 0
}

.gpsProduct-banner .deliveryTruck_rtl {
    margin-left: 0
}

.gpsProduct-banner .screen-wrp .gps4G_Device {
    margin-top: 12rem;
    margin-right: 2rem
}

.map-track {
    top: 5%;
    left: 80%;
    transform: translate(-50%, -50%);
    background-color: #18cdf1;
    color: #fff;
    text-align: center;
    line-height: 100px;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 1.3rem
}

.map-track:hover {
    cursor: pointer
}

.map-track::after,
.map-track::before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    background: #18cdf1;
    z-index: -1;
    -webkit-animation: 1s ease-in-out infinite grow;
    animation: 1s ease-in-out infinite grow
}

.map-track::after {
    background: rgb(24 205 241 / .4)
}

.map-track::after::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #5f84ff;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: 1s ease-in-out infinite grow;
    animation: 1s ease-in-out infinite grow
}

.MeghaMenu-heading-box,
.login_hero.bg-img::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.map-track::before {
    background: rgb(24 205 241 / .6);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

@-webkit-keyframes grow {
    0% {
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        transform: scale(1.8, 1.8);
        opacity: 0
    }
}

@keyframes grow {
    0% {
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        transform: scale(1.8, 1.8);
        opacity: 0
    }
}

.thumbGallery2 .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

.thumbGallery2 .swiper-slide-thumb-active {
    opacity: 1
}

.thumbGallery2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%
}

.bulletListNumber,
.processSCTab .verticalTAB .nav {
    counter-reset: my-sec-counter
}

.bulletListNumber li {
    padding-left: 45px;
    position: relative;
    margin-bottom: 25px
}

.bulletListNumber li:last-child {
    margin-bottom: 0
}

.bulletListNumber li::before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter) ". ";
    position: absolute;
    left: 0;
    color: var(--brand-03);
    font-weight: 600
}

.tabsTable {
    border-collapse: separate;
    border-spacing: 0 16px
}

.tabsTable tr td {
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 500
}

.tabsTable tr td:first-child {
    border-radius: 10px 0 0 10px
}

.tabsTable tr td:last-child {
    border-radius: 0 10px 10px 0
}

.tabsTable tr td:not(:first-child) {
    font-weight: 700;
    color: var(--bs-black);
    font-size: 20px
}

.powerGPS_Slide .card {
    --bs-card-border-color: #E9F3F9
}

._ps.scTabs .tab-wrap .card {
    --bs-card-bg: transparent;
    --bs-card-border-width: .125rem;
    --bs-card-border-color: #00000008
}

ul.bulletCircle li {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
    padding-left: 30px
}

ul.bulletCircle li::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: var(--tPrimary);
    border-radius: 50%
}

.processSCTab .verticalTAB .nav button {
    --bs-nav-link-padding-x: 1.5rem;
    --bs-nav-link-padding-y: 1rem;
    --bs-nav-link-color: var(--bs-black);
    font-size: 18px;
    font-weight: 500;
    min-width: 606px;
    text-align: left;
    --bs-nav-link-hover-color: var(--tPrimary)
}

.processSCTab .verticalTAB .nav button::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter, decimal-leading-zero) ". "
}

.processSCTab .verticalTAB .tab-content {
    top: 100px
}

.meghamenu-heading {
    font-size: clamp(16px, 2vw, 18px);
    position: relative;
    letter-spacing: 1px;
    padding-bottom: 18px;
    margin-bottom: 18px
}

.meghamenu-heading::before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e0e6e8
}

ul.menu-footerlink {
    display: flex;
    list-style-type: none;
    gap: 20px
}

.megha-menu-bar {
    max-height: calc(90vh - 56px);
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.subcategory-menu h5.fs-6 {
    font-size: .8rem !important;
    line-height: 22px
}

.megha-menu-bar ul li.nav-item:hover:before {
    --extra-padding: 0px;
    content: "";
    position: absolute;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1b437a;
    z-index: -1;
    opacity: 1;
    transform: scale(1.1);
    transition: opacity 80ms linear
}

.menu__right-bg {
    position: absolute;
    background-color: #fafaf9;
    border-left: 1px solid #e0e6e8;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 38%;
    z-index: -1
}

.navbar .megamenu {
    padding: 1rem 0 0
}

.navbar-expand-xl .navbar-nav .nav-link,
.subcategory-menu {
    padding-left: 0
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    animation: .2s preloader
}

#preloader lottie-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes preloader {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.truck {
    --dur: 3s;
    display: block;
    width: 12em;
    height: auto
}

.truck__body,
.truck__line,
.truck__outside1,
.truck__outside2,
.truck__outside3,
.truck__wheel,
.truck__wheel-spin,
.truck__window1,
.truck__window2 {
    animation: truck-body var(--dur) linear infinite
}

.truck__body {
    transform-origin: 17px 11px
}

.truck__line {
    animation-name: truck-line
}

.truck__outside1 {
    animation-name: truck-outside1
}

.truck__outside2 {
    animation-name: truck-outside2
}

.truck__outside3 {
    animation-name: truck-outside3
}

.truck__wheel {
    animation-name: truck-wheel
}

.truck__wheel-spin {
    animation-name: truck-wheel-spin;
    transform-origin: 6.5px 17px
}

.truck__wheel:nth-child(2) {
    animation-delay: calc(var(--dur) * .0625)
}

.truck__wheel:nth-child(2) .truck__wheel-spin {
    transform-origin: 27px 17px
}

.truck__window1 {
    animation-name: truck-window1
}

.truck__window2 {
    animation-name: truck-window2
}

@media (prefers-color-scheme:dark) {
    :root {
        --bg: hsl(var(--hue), 90%, 10%);
        --fg: hsl(var(--hue), 90%, 50%)
    }
}

@keyframes truck-body {

    12.5%,
    25%,
    37.5%,
    50%,
    62.5%,
    75%,
    87.5%,
    from,
    to {
        animation-timing-function: cubic-bezier(.33, 0, .67, 0);
        transform: translate(0, 0) rotate(0)
    }

    18.75%,
    31.25%,
    43.75%,
    56.25%,
    6.25%,
    68.75%,
    81.25%,
    93.75% {
        animation-timing-function: cubic-bezier(.33, 1, .67, 1);
        transform: translate(0, 1px) rotate(-.75deg)
    }
}

@keyframes truck-line {
    from {
        stroke-dashoffset: -18
    }

    to {
        stroke-dashoffset: 78
    }
}

@keyframes truck-outside1 {
    from {
        stroke-dashoffset: 105
    }

    to {
        stroke-dashoffset: -105
    }
}

@keyframes truck-outside2 {
    from {
        stroke-dashoffset: 168
    }

    to {
        stroke-dashoffset: -42
    }
}

@keyframes truck-outside3 {
    from {
        stroke-dashoffset: 192
    }

    to {
        stroke-dashoffset: -18
    }
}

@keyframes truck-wheel {

    12.5%,
    25%,
    37.5%,
    50%,
    62.5%,
    75%,
    87.5%,
    from,
    to {
        animation-timing-function: cubic-bezier(.33, 0, .67, 0);
        transform: translate(0, 0)
    }

    18.75%,
    31.25%,
    43.75%,
    56.25%,
    6.25%,
    68.75%,
    81.25%,
    93.75% {
        animation-timing-function: cubic-bezier(.33, 1, .67, 1);
        transform: translate(0, -1px)
    }
}

@keyframes truck-wheel-spin {
    from {
        stroke-dashoffset: -15.71;
        transform: rotate(0)
    }

    to {
        stroke-dashoffset: 15.71;
        transform: rotate(-4turn)
    }
}

@keyframes truck-window1 {
    from {
        stroke-dashoffset: -21
    }

    to {
        stroke-dashoffset: 189
    }
}

@keyframes truck-window2 {
    from {
        stroke-dashoffset: -39
    }

    to {
        stroke-dashoffset: 171
    }
}

.login_hero.bg-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    background-image: url(../media/images/login/left-img.jpg)
}

.login_hero,
.login_hero_wrapper {
    height: 100vh
}

.login_hero .login_video video {
    width: 100%;
    max-width: 700px;
    height: 100vh !important;
    object-fit: cover;
    object-position: bottom
}

._tabs-img img {
    opacity: 0;
    transition: opacity .2s ease-in-out
}

._tabs-img img.active-image {
    opacity: 1;
    display: block !important
}

.subcategory-menu .menuLinks-icon {
    max-width: 32px
}

.dropdown-img,
.dropdown-img.show:active,
.dropdown-img:active {
    border: none !important
}

.M-inner-menu .dropdown-menu {
    --bs-dropdown-border-color: none
}

.meghamenu-box-h {
    font-size: clamp(16px, 2vw, 18px);
    position: relative;
    letter-spacing: 1px
}

.MeghaMenu-heading-box p.fs-6 {
    font-size: .9rem !important;
    margin: 0
}

.MeghaMenu-heading-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s ease-in-out;
    right: 0;
    bottom: 0;
    background-color: #1a0e0e63;
    z-index: 1;
    opacity: 0;
    width: 0
}

.MeghaMenu-heading-box.Hbox-1,
.MeghaMenu-heading-box.Hbox-2,
.MeghaMenu-heading-box.Hbox-3 {
    background-image: url(../../media/images/home/menu/megha-menu-1.svg)
}

.MeghaMenu-heading-box.Hbox-1::after,
.MeghaMenu-heading-box.Hbox-2::after {
    background-color: #1a0e0e63
}

.MeghaMenu-heading-box {
    position: relative;
    color: #fff;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 25px
}

.MeghaMenu-heading-box:hover:after {
    opacity: 1;
    width: 100%
}

.megha-links {
    padding-left: 20px
}

.dropdown-toggle::after {
    transition: rotate .2s ease-in-out;
    rotate: 0deg
}

.dropdown-toggle.show::after {
    rotate: 180deg
}

.achievements-section {
    position: relative;
    width: 100%;
    height: 100%
}

.swiper.our-achivment {
    width: 100%;
    height: 390px;
    margin: auto;
    padding: 15px
}

.our-achivment .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: calc((100% - 30px)/ 2) !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.our-achivment img {
    width: 100%
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 3rem
    }

    .fs-1,
    .h1,
    h1 {
        font-size: 2.625rem
    }

    .h2,
    h2 {
        font-size: 2.125rem
    }

    .lightNavigation .site-header .navbar-nav .nav-link {
        color: var(--bs-white)
    }

    .lightNavigation .site-header.header-sticky .navbar-nav .nav-link {
        color: var(--bs-nav-link-color)
    }

    .lightNavigation .dropdown-toggle::after {
        filter: invert(1)
    }

    .lightNavigation .site-header.header-sticky .dropdown-toggle::after {
        filter: invert(0)
    }

    .navbar {
        --bs-navbar-nav-link-padding-x: 1.2rem
    }

    .dropdown-menu {
        min-width: 210px;
        --bs-dropdown-spacer: 0.5rem;
        --bs-dropdown-padding-y: 0rem;
        overflow: hidden;
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.65rem;
        --bs-dropdown-border-color: #e3e3e3;
        animation: .4s dropdownUp
    }

    .dropdown-menu .dropdown-item {
        transition: .3s
    }

    .dropdown-menu .dropdown-item:hover {
        background-color: #1b437a;
        color: var(--bs-white)
    }

    .megamenu .nav-item a {
        padding: 12px;
        transition: .3s
    }

    .megamenu .nav-item:hover div>* {
        color: var(--bs-white) !important
    }

    .megamenu .nav-item:hover svg path {
        stroke: var(--bs-white)
    }

    @keyframes dropdownUp {
        from {
            transform: translate3d(0, 10px, 0);
            opacity: 0
        }

        to {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .navbar .has-megamenu {
        position: static !important
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0
    }
}

@media (min-width:1920px) {
    .display-3 {
        font-size: 4rem
    }
}

@media (max-width:768px) {
    .our-achivment .swiper-slide {
        height: auto
    }

    .our-achivment img {
        width: 100%
    }

    .our-achivment .swiper-wrapper {
        align-items: flex-start
    }

    .swiper.our-achivment {
        height: 215px
    }

    .our-achivment .swiper-slide {
        justify-content: center;
        align-items: flex-start
    }
}

@media (max-width:1440px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1100px
    }
}

@media (max-width:1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }

    ._markets .d-flex {
        gap: 15px
    }
}

@media(min-width:1600px) {
    ._markets .box {
        max-width: 130px
    }
}

@media(max-width:1536px) {
    .banner.fr ._content h1 {
        font-size: clamp(2rem, 8vh, 3.2rem)
    }
}

@media(min-width:1440px) and (max-width:1800px) {
    .overview {
        background-size: 50vw
    }
}

@media (max-width:1399px) {
    .gpsProduct-banner .deliveryTruck_rtl {
        margin-left: -5.5rem
    }

    .gpsProduct-banner .screen-wrp .gps4G_Device {
        margin-right: 1.5rem
    }

    .map-track {
        top: 3%;
        left: 85%
    }

    .processSCTab .verticalTAB .nav button {
        min-width: 470px;
        --bs-nav-link-padding-y: 1.2rem
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .map-track {
        top: 0;
        left: 70%
    }

    .gpsProduct-banner .screen-wrp .gps4G_Device {
        margin-right: 14rem
    }

    .gpsProduct-banner .deliveryTruck_rtl {
        margin-left: 6rem
    }
}

@media (min-width:579px) and (max-width:1366px) {
    .about-banner .content-wrp h1 {
        font-size: 3.4rem
    }
}

@media(min-width:1025px) {
    .uspSwipr .swiper-slide {
        width: 636px !important
    }
}

@media(max-width:1024px) {
    .dropdown-item {
        padding: 5px;
        font-size: 14px
    }

    ul.menu-footerlink {
        display: flex;
        list-style-type: none;
        gap: 0;
        padding: 0
    }

    .site-footer .road>img {
        height: 45px
    }

    .aboutWrapper .about-banner {
        padding: 150px 0 90px
    }

    .aboutWrapper .about-banner .img-wrp {
        max-width: 590px;
        margin: auto
    }

    .bgMap {
        background-position: right
    }

    .login_hero.bg-img::before {
        width: 100%
    }
}

@media(max-width:991px) {
    .uspCard .d-flex {
        flex-direction: column-reverse
    }

    .uspCard .d-flex .figure img {
        height: 100px;
        max-width: auto
    }

    ._markets .box .content {
        font-size: 13px;
        text-align: center
    }

    .blogWrapper .blogPage .page-title.detailPage {
        padding-bottom: 200px
    }

    .blogPage .detail-content {
        margin-top: -160px
    }

    .blogWrapper .blogPage .page-title {
        padding: 160px 0 60px
    }

    .fmsMain .fms-banner .img-wrp .deliveryTruck {
        margin-left: -59px
    }

    .deliveryTruck svg {
        width: 130px;
        height: 130px
    }

    .fmsMain .fms-banner .img-wrp .fms-mobile {
        max-width: 170px;
        margin-right: -50px
    }

    .processSCTab .verticalTAB .nav button {
        width: 210px;
        display: inline-block;
        min-width: auto;
        font-size: 16px;
        --bs-nav-link-padding-y: 0.5rem
    }
}

@media(min-width:768px) and (max-width:1439px) {
    .banner.fr .bg-overlay::after {
        background-color: rgba(0, 0, 0, 40%)
    }

    .overview {
        background-size: 50vw
    }
}

@media(max-width:767px) {
    .overview {
        padding-top: 40rem !important;
        background-size: 100vw;
        background-position: top right
    }

    ._markets .d-flex {
        flex-direction: column
    }

    ._markets .d-flex .box {
        display: flex;
        max-width: 100%;
        align-items: start;
        gap: 1.125rem
    }

    ._markets .d-flex .box .icon {
        flex-shrink: 0;
        margin-bottom: 0
    }

    ._markets .d-flex .box .content {
        flex-grow: 1;
        font-size: 1.125rem;
        line-height: 24px;
        text-align: left;
        padding-right: 30px
    }

    ._markets .d-flex .box .content::after {
        content: "";
        position: absolute;
        top: 14px;
        right: 10px;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FF8500' d='M18.21 15.45V6.48a.69.69 0 0 0-.69-.69H8.55a.69.69 0 0 0 0 1.38h7.304l-9.862 9.862a.69.69 0 0 0 .976.976l9.862-9.862v7.304a.69.69 0 0 0 1.38 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    }

    .cpSlider .container,
    .cpSlider .row {
        --bs-gutter-x: 0px
    }

    .themePills {
        flex-wrap: wrap;
        --bs-nav-link-font-weight: 500;
        --bs-nav-link-font-size: 1rem;
        --bs-nav-link-padding-x: .5rem
    }

    .fs-18 {
        font-size: .9375rem !important
    }

    .road .car img {
        max-width: 50%
    }

    .usps .heading ._title {
        font-size: 14px;
        padding-left: 8px
    }

    .contactMain .contact-banner .content-wrp {
        padding: 130px 0 50px
    }

    form input:not(.form-check-input[type=checkbox]),
    form textarea {
        padding: 12px 18px !important
    }

    .gpsProduct-banner .deliveryTruck_rtl {
        margin-left: 0
    }

    .gpsProduct-banner .deliveryTruck_rtl svg {
        width: 140px;
        height: 140px
    }

    .gpsProduct-banner .screen-wrp .gps4G_Device {
        width: 140px;
        margin-right: 2rem
    }

    .tabsTable tr td {
        font-size: 18px;
        padding: 14px 20px
    }

    .tabsTable tr td:not(:first-child) {
        font-size: 18px
    }
}

@media(max-width:576px) {
    .overview {
        padding-top: 34rem !important;
        background-size: contain;
        background-position: top right
    }

    .blogWrapper .blogPage .page-title.detailPage {
        padding: 120px 0 140px
    }

    .blogPage .detail-content {
        margin-top: -115px
    }

    .fmsMain .fms-banner .img-wrp .fms-mobile {
        max-width: 85px;
        margin-right: -20px
    }

    .gpsProduct-banner .screen-wrp {
        max-width: 254px
    }

    .gpsProduct-banner .screen-wrp .gps4G_Device {
        width: 120px;
        margin-right: 6rem;
        margin-top: 10rem
    }

    .gpsProduct-banner .deliveryTruck_rtl {
        margin-left: 2.2rem
    }

    .processSCTab .verticalTAB .nav button {
        width: 175px;
        font-size: 14px
    }

    .banner.fr ._content h1 {
        font-size: clamp(1.6rem, 8vh, 1.7rem)
    }

    .banner.fr ._content ._expert {
        font-size: 1rem !important
    }

    .banner.fr .mobV {
        object-fit: fill !important
    }
}

@media(max-width:476px) {

    .map-track,
    .map-track::after,
    .map-track::before {
        width: 80px;
        height: 80px
    }

    .overview {
        padding-top: 28rem !important;
        background-size: contain;
        background-position: top right
    }

    .banner.fr ._content h1 {
        font-size: 30px
    }

    .banner.fr ._content p {
        font-size: 18px !important
    }

    .gpsProduct-banner .screen-wrp {
        max-width: 220px
    }

    .gpsProduct-banner .screen-wrp .gps4G_Device {
        margin-right: 1.5rem;
        margin-top: 8rem;
        width: 85px
    }

    .gpsProduct-banner .deliveryTruck_rtl {
        margin-left: .2rem
    }

    .map-track {
        line-height: 80px;
        top: 5%;
        left: 75%
    }

    .map-track svg {
        width: 33px;
        height: 42px
    }

    .banner.fr .mobV {
        object-fit: cover !important;
        object-position: bottom
    }

    .fs-5 {
        font-size: 1rem !important
    }
}

@media(max-width:399px) {
    .overview {
        padding-top: 25rem !important
    }
}

@media(max-width:768px) {
    .meghamenu-heading {
        padding-bottom: 7px;
        margin-bottom: 8px;
        margin-top: 15px
    }

    .navbar-nav .megha-menu-bar .nav-link {
        padding: 5px 10px
    }

    .display-3 {
        font-size: calc(1.525rem + 2.3vw)
    }

    .card-text:last-child {
        font-size: 14px !important
    }
}

.home_serve {
    color: inherit;
    text-decoration: none;
}