.m12 {
    margin: 12px
}

.mt2 {
    margin-top: 2px
}

.mt3 {
    margin-top: 3px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt16 {
    margin-top: 16px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 50px
}

.mt45p {
    margin-top: 45%
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mb0 {
    margin-bottom: 0
}

.mb2 {
    margin-bottom: 2px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb50 {
    margin-bottom: 50px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.pl0 {
    padding-left: 0
}

.p10-20 {
    padding: 10px 20px
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl30 {
    padding-left: 30px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt60 {
    padding-top: 60px
}

.pb1 {
    padding-bottom: 1px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb50 {
    padding-bottom: 50px
}

.pb100 {
    padding-bottom: 100px
}

.pr0 {
    padding-right: 0
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr30 {
    padding-right: 30px
}

.fs8_5 {
    font-size: 8.5px
}

.fs9 {
    font-size: 9px
}

.fs10 {
    font-size: 10px
}

.fs11 {
    font-size: 11px
}

.fs12 {
    font-size: 12px
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px
}

.fs15 {
    font-size: 15px
}

.fs16 {
    font-size: 16px
}

.fs17 {
    font-size: 17px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.fs22 {
    font-size: 22px
}

.fs24 {
    font-size: 24px
}

.fs25 {
    font-size: 25px
}

.fs26 {
    font-size: 26px
}

.fs28 {
    font-size: 28px
}

.fs32 {
    font-size: 32px
}

.fs50 {
    font-size: 50px
}

.z-index1 {
    z-index: 1
}

.z-index2 {
    z-index: 2
}

.z-index3 {
    z-index: 3
}

.z-index4 {
    z-index: 4
}

.z-index5 {
    z-index: 5
}

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.interface {
    padding-top: 43px
}

.alert-msg.interface {
    padding-top: 86px
}

.c-pointer {
    cursor: pointer
}

.v-align-top {
    vertical-align: top
}

.v-align-midle {
    vertical-align: middle
}

.v-align-btm {
    vertical-align: bottom
}

.v-align-txb {
    vertical-align: text-bottom
}

.v-align-txt-top {
    vertical-align: text-top
}

.page-scroll {
    height: 100%;
    overflow-y: auto;
    padding-right: 10px
}

    .page-scroll.srchBlk {
        height: calc(100% - 55px)
    }

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-table-row {
    display: table-row
}

.d-table-cell {
    display: table-cell
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.b-radius5 {
    border-radius: 5px
}

.b-radius10 {
    border-radius: 10px
}

.b-radius20 {
    border-radius: 20px
}

.w50 {
    width: 50%
}

.w100 {
    width: 100%
}

.overflow-auto {
    overflow: auto
}

.overflow-x {
    overflow-x: auto
}

.center-text {
    text-align: center
}

.left-text {
    text-align: left
}

.right-text {
    text-align: right
}

.blue-text {
    color: #003565 !important
}

    .blue-text a {
        color: #003565 !important
    }

.orange-text {
    color: #e05a5a !important
}

.grey-text {
    color: #cccecf !important
}

.dark-grey-text {
    color: #676767
}

.red-text {
    color: red
}

.white-text {
    color: #fff !important
}

.btn, .btn-large, .btn-small {
    background-color: #e05a5a;
    border-radius: 8px;
    transition: none
}

    .btn-large:hover, .btn-small:hover, .btn:hover {
        background-color: #f37474
    }

    .btn-floating:focus, .btn-large:focus, .btn-small:focus, .btn:focus {
        background-color: #f37474
    }

.btn, .btn-flat, .btn-large, .btn-small {
    text-transform: none
}

.btn-large {
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    padding: 0 50px
}

.contactUsBlock .wpcf7-submit {
    width: 100%
}

.btn-floating {
    border-radius: 50%
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.viewAll {
    color: #fff;
    background: #015ca4;
    padding: 10px 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)
}

.curtain {
    background: #0000007a;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gradientBg1 {
    background: linear-gradient(360deg,rgba(0,93,164,.1) -5.17%,rgba(228,96,132,.1) 46.87%,rgba(228,96,132,.002) 100%);
    backdrop-filter: blur(1.5px)
}

.gradientBg2 {
    background: linear-gradient(180deg,rgba(179,181,183,0) 18.91%,rgba(228,96,132,.025) 68.38%,rgba(0,93,164,.05) 121.05%);
    backdrop-filter: blur(50px)
}

.nonTouchDevice .gradientBg3 {
    background: linear-gradient(0deg,rgba(0,93,164,.1) -2.48%,rgba(228,96,132,.1) 3.97%,rgba(228,96,132,0) 55.59%);
    filter: drop-shadow(0 50px 100px rgba(0, 0, 0, .05))
}

.gradientBg4 {
    background: linear-gradient(360deg,rgba(0,93,164,.1) 0,rgba(228,96,132,.1) 48.41%)
}

.blueBg {
    background: #eef5ff;
    backdrop-filter: blur(1.5px)
}

.whiteBg {
    background: #fff
}

.shadow {
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%)
}

.f9f9f9Bg {
    background-color: #f9f9f9
}

.fafafaBg {
    background-color: #fafafa
}

.f7f7f7Bg {
    background-color: #f7f7f7
}

.container.width90 {
    width: 90%
}

.container.width80 {
    width: 80%
}

.container.width70 {
    width: 70%
}

.bold400 {
    font-weight: 400
}

.bold700 {
    font-weight: 700
}

.breakWord {
    word-break: break-word
}

.breakAll {
    word-break: break-all
}

.blue-plan {
    color: #00447a
}

.saffron-plan {
    color: #fca265
}

.emerald-plan {
    color: #79c251
}

.discounted {
    line-height: 1.2
}

    .discounted s {
        font-size: 20px
    }

.nonDiscounted {
    line-height: 2.4
}

hr {
    border: 0;
    border-bottom: 1px solid #002d55
}

.modal {
    border-radius: 10px;
    max-height: 90%;
    top: 5% !important
}

.avoid-clicks {
    pointer-events: none
}

@media only screen and (max-width:992px) {
    .container.width70, .container.width80 {
        width: 90%
    }
}

body {
    color: #676767;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    line-height: 2;
    padding-top: 0px;
    font-weight: 400;
    margin: 0;
    text-rendering: optimizeSpeed
}

    body.noPadding {
        padding-top: 0
    }

.container {
    max-width: 1366px;
    width: 80%;
    margin: 0 auto
}

.topbar {
    position: fixed;
    top: 0;
    background: #fff;
    height: 107px;
    line-height: 107px;
    z-index: 2;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%),0 3px 1px -2px rgb(0 0 0 / 5%),0 1px 5px 0 rgb(0 0 0 / 5%)
}

    .topbar .container {
        width: 90%;
        margin: 0 auto
    }

    .topbar ul a {
        color: #4c5359;
        margin: 0;
        padding: 0;
        display: block
    }

    .topbar .nav > ul > li:hover a {
        color: #005a9f
    }

    .topbar ul a:hover {
        background: 0 0
    }

    .topbar ul i {
        line-height: 107px;
        margin: 0;
        float: right
    }

    .topbar .btn-large {
        color: #fff;
        padding: 0 33px;
        top: 32px;
        float: right;
        margin-left: 15px;
        margin-right: 15px;
        position: relative;
        margin-top: -2px;
        letter-spacing: .5px;
        text-decoration: none
    }

        .topbar .btn-large:hover {
            color: #fff;
            background-color: #f37474
        }

    .topbar .nav > ul > li:hover a.btn-large {
        color: #fff
    }

    .topbar ul a.menu-trigger, .topbar ul span.menu-trigger {
        text-transform: uppercase;
        color: #4c5359;
        cursor: pointer
    }

.mobile-menu-trigger {
    color: rgba(0,0,0,.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px
}

nav.topbar ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

nav.topbar .nav > ul > li {
    position: relative
}

nav.topbar .nav .mobileLogo {
    width: 150px;
    margin-top: 20px
}

nav.topbar .nav .menu {
    font-size: 25px;
    color: #005a9f;
    margin: 20px 0
}

.mobileSearch {
    color: #005a9f;
    font-size: 25px
}

nav.topbar ul li ul {
    flex-flow: column wrap;
    position: absolute;
    left: -38px;
    width: 250px
}

nav.topbar .subMenu {
    background-color: #f8f8f8;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 20px 40px rgba(0,0,0,.25);
    padding-bottom: 5px;
    display: none
}

#slide-out.sidenav {
    height: 100%;
    padding: 0
}

.sidenav .productSubMenu, .sidenav .subMenu {
    background-color: #f8f8f8;
    padding-bottom: 5px;
    display: none
}

.menuList {
    margin: 0
}

.sidenav .menuList li > a > i {
    margin: 0
}

.sidenav .menuList li > span > i {
    margin: 0;
    height: 48px;
    line-height: 48px;
    width: 24px;
    color: rgba(0,0,0,.54)
}

.sidenav .menuList .expand i {
    transform: rotate(90deg)
}

.sidenav .footerSection {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 20px;
    border-top: 1px solid #ccc
}

nav.topbar .nav > ul > li:hover .productSubMenu, nav.topbar .nav > ul > li:hover .subMenu {
    display: flex
}

nav.topbar .subMenu li {
    display: inline-block;
    line-height: 40px;
    padding: 0 10px
}

nav.topbar .nav > ul > li:hover .subMenu a {
    color: #7f8489;
    padding: 0 25px;
    transition: 1s
}

nav.topbar .subMenu a {
    color: #7f8489;
    padding: 0 25px;
    transition: .3s
}

nav.topbar .nav > ul > li:hover .subMenu a:hover {
    background-color: #fff;
    border-radius: 10px;
    color: #4c5359
}

nav.topbar .productSubMenu {
    flex-flow: row wrap;
    justify-content: space-evenly;
    position: fixed;
    left: 0;
    width: 90%;
    background-color: #f8f8f8;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 20px 40px rgba(0,0,0,.25);
    display: none;
    border-top: 1px solid #e0e0e0;
    padding: 25px 0;
    max-height: calc(100vh - 127px);
    overflow: auto;
    margin: 0 5%
}

.sidenav .productSubMenu {
    display: none
}

nav.topbar .productSubMenu li {
    display: inline-block;
    line-height: 40px;
    padding: 0 5px
}

    nav.topbar .productSubMenu li ul {
        position: relative;
        width: 100%;
        left: -5px;
        max-width: 400px
    }

nav.topbar .productSubMenu span {
    display: block;
    font-size: 13px;
    color: #7f8489;
    line-height: 18px
}

nav.topbar .nav > ul > li:hover .productSubMenu a {
    color: #4c5359
}

nav.topbar .nav > ul > li .productSubMenu > li > a:first-child {
    padding: 0 25px 0;
    margin-bottom: 15px;
    color: #8f8d8d;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc
}

.touchDevice .menuList > li .productSubMenu > li > a:first-child {
    padding: 0 32px 0;
    margin-bottom: 15px;
    color: #8f8d8d;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

nav.topbar .productSubMenu a {
    padding: 0 25px 0 60px;
    transition: .3s;
    position: relative
}

nav.topbar .productSubMenu > li:first-child > ul a {
    line-height: 15px;
    margin-bottom: 10px;
    padding: 10px 25px 10px 50px;
    position: relative
}

nav.topbar #gstDropdown > li:first-child > ul a {
    line-height: 40px;
    margin-bottom: 0;
    padding: 0 25px 0 60px;
    position: relative
}

.sidenav .productSubMenu > li > a, nav.topbar .productSubMenu > li > a {
    text-align: left;
    font-size: 16px
}

.sidenav .productSubMenu li > a {
    height: auto
}

    .sidenav .productSubMenu li > a span {
        color: #7f8489;
        display: block;
        line-height: 20px;
        padding-bottom: 20px
    }

.sidenav .productSubMenu li ul.faq {
    margin-top: 0
}

    .sidenav .productSubMenu li ul.faq a {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        color: #8f8d8d;
        text-transform: uppercase
    }

nav.topbar .productSubMenu ul li:hover a {
    background-color: #fff;
    border-radius: 10px
}

nav.topbar .productSubMenu ul li a:hover {
    text-decoration: underline
}

    nav.topbar .productSubMenu ul li a:hover span {
        text-decoration: none
    }

.menuIcons {
    background-image: url(/images/menu-sprite-6.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 78px
}

.touchDevice .sidenav .menuList li > a > i.menuIcons {
    margin: 12px 8px 0 0
}

nav.topbar .productSubMenu li ul a i {
    position: absolute;
    left: 22px;
    top: 7px
}

nav.topbar .productSubMenu li ul.faq {
    margin-top: 94px;
    text-align: center
}

    nav.topbar .productSubMenu li ul.faq a {
        padding: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-radius: 0
    }

.productSubMenu .tick {
    width: 18px;
    height: 22px;
    background-position: 0 3px
}

.productSubMenu .gst {
    width: 20px;
    height: 25px;
    background-position: 1px -18px
}

.productSubMenu .financial {
    width: 23px;
    height: 26px;
    background-position: 0 -54px;
    background-size: 100px
}

.productSubMenu .ewaybill {
    width: 24px;
    height: 21px;
    background-position: 0 -83px;
    background-size: 105px
}

.productSubMenu .einvoice {
    width: 20px;
    height: 26px;
    background-position: 1px -99px;
    background-size: 100px
}

.productSubMenu .gstr {
    width: 20px;
    height: 22px;
    background-position: 0 -104px;
    background-size: 84px;
    margin-top: 2px
}

.productSubMenu .invoicing {
    width: 20px;
    height: 23px;
    background-position: -18px 4px
}

.productSubMenu .inventory {
    width: 20px;
    height: 22px;
    background-position: 0 -104px;
    background-size: 84px;
    margin-top: 2px
}

.productSubMenu .faq {
    width: 20px;
    height: 20px;
    background-position: -62px -43px;
    margin-top: 3px;
    background-size: 84px;
    padding: 0
}

.productSubMenu .retail {
    width: 20px;
    height: 22px;
    background-position: -19px -18px;
    margin-top: 1px
}

.productSubMenu .pharma {
    width: 20px;
    height: 24px;
    background-position: -19px -39px
}

.productSubMenu .fmcg {
    width: 20px;
    height: 26px;
    background-position: -25px -79px;
    background-size: 100px
}

.productSubMenu .auto {
    width: 20px;
    height: 24px;
    background-position: -20px -99px;
    background-size: 83px
}

.productSubMenu .fb {
    width: 20px;
    height: 24px;
    background-position: -38px 5px
}

.productSubMenu .chemical {
    width: 20px;
    height: 24px;
    background-position: -38px -16px
}

.productSubMenu .computer {
    width: 22px;
    height: 24px;
    background-position: -37px -39px
}

.productSubMenu .furniture {
    width: 23px;
    height: 26px;
    background-position: -50px -78px;
    background-size: 100px
}

.productSubMenu .book {
    width: 20px;
    height: 25px;
    background-position: -38px -92px
}

.productSubMenu .travel {
    width: 20px;
    height: 23px;
    background-position: -58px 4px
}

.productSubMenu .electrical {
    width: 20px;
    height: 20px;
    background-position: -57px -18px;
    margin-top: 3px
}

li.logo {
    line-height: 0
}

    li.logo a {
        margin: 19px 32px 0 0;
        padding: 0
    }

    li.logo img {
        width: 164px
    }

.footer1 {
    padding: 50px 0
}

    .footer1 .container {
        width: 90%;
        background: #fff;
        padding: 0
    }

.footerLogo {
    width: 214px
}

.footer1 h4 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 16px
}

.footer1 p {
    width: 366px;
    line-height: 24px
}

.footer1 h4 i {
    font-size: 40px;
    vertical-align: middle
}

.footer1 h5 {
    font-size: 28px;
    line-height: 42px;
    margin-top: 0
}

.footer2 {
    background-color: #002d55;
    padding: 50px 0;
    color: #fff
}

    .footer2 .container {
        width: 90%
    }

    .footer2 .footerContainer {
        padding: 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between
    }

        .footer2 .footerContainer > ul > li > span {
            margin-bottom: 30px;
            display: inline-block;
            font-weight: 700;
            font-size: 18px
        }

    .footer2 ul {
        font-size: 16px
    }

    .footer2 .bottomLinks {
        font-size: 14px
    }

        .footer2 .bottomLinks ul {
            font-size: 14px
        }

        .footer2 .bottomLinks ul {
            margin: 0
        }

.footerDivider {
    border-right: 1px solid #fff;
    height: 47px
}

.footer2 .footerContianerIcons ul li a {
    display: inline-block;
    vertical-align: bottom
}

.footer2 .footerContianerIcons ul li {
    margin-left: 36px;
    float: left
}

    .footer2 .footerContianerIcons ul li:first-child {
        margin-left: 0
    }

.footer2 ul a {
    color: #fff
}

.footerIcons.onLoad {
    background-image: url(/images/footer-sprite.png?v1);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 178px
}

.playStore {
    width: 41px;
    height: 47px;
    background-position: -4px -61px
}

.appStore {
    width: 41px;
    height: 47px;
    background-position: -71px -61px
}

.facebook {
    width: 39px;
    height: 47px;
    background-position: -3px 1px
}

.linkedin {
    width: 39px;
    height: 47px;
    background-position: -72px 1px
}

.youtube {
    width: 40px;
    height: 47px;
    background-position: -140px 1px
}

.footerHr {
    border: 0;
    margin: 0;
    border-bottom: 1px solid #fff
}

.footerBreadcrumb {
    background-color: #002d55;
    color: #fff;
    text-transform: capitalize
}

    .footerBreadcrumb a {
        color: #fff
    }

    .footerBreadcrumb .container {
        width: 90%
    }

    .footerBreadcrumb ul {
        margin: 0
    }

    .footerBreadcrumb li {
        float: left;
        margin-right: 10px
    }

#events.modal {
    width: 824px !important
}

@media only screen and (max-width:1366px) {
    nav.topbar .nav a {
        display: block
    }

    nav.topbar .nav .menu {
        height: 64px;
        line-height: 64px
    }
}

@media only screen and (max-width:992px) {
    nav.topbar ul {
        display: block
    }

    nav.topbar .nav > ul > li {
        display: block;
        width: 100%
    }

    .footer2 > .footerContainer > ul {
        width: 50%
    }

    #events.modal {
        max-height: 90vh !important
    }
}

@media only screen and (max-width:768px) {
    .footer1 h4, .footer1 h4 i {
        font-size: 25px
    }

    .footer1 h5 {
        font-size: 25px
    }

    .footer1 p {
        width: 100%
    }

    .footer2 .footerContianerIcons ul li {
        margin-left: 27px
    }

    #events.modal {
        width: 90vw !important
    }
}

@media only screen and (max-width:600px) {
    nav.topbar .nav .menu {
        height: 56px;
        line-height: 56px
    }
}

@media only screen and (max-width:576px) {
    .footer1 .right-align {
        text-align: center
    }

    .footer2 ul {
        float: none;
        overflow: hidden
    }

    .footer2 .footerContianerIcons ul li {
        display: inline-block;
        text-align: center;
        width: 46%;
        margin: 0;
        margin-bottom: 20px
    }
}

nav li.searchIcon svg {
    margin-bottom: -5px
}

nav.topbar .searchBar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75%;
    z-index: 1;
    line-height: initial
}

nav .searchBar input[type=text]:not(.browser-default) {
    margin-top: 61px;
    margin-bottom: 0;
    color: #fff;
    border-bottom: 1px solid #fff
}

    nav .searchBar input[type=text]:not(.browser-default):focus:not([readonly]) {
        border-bottom: 1px solid #fff;
        -webkit-box-shadow: 0 1px 0 0 #fff;
        box-shadow: 0 1px 0 0 #fff
    }

.touchDevice nav .searchBar input[type=text]:not(.browser-default), .touchDevice nav .searchBar input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 0
}

nav .searchBar input[type=text]:not(.browser-default):focus:not([readonly]) + label {
    color: #fff
}

nav .searchBar .input-field .prefix {
    top: 51px;
    padding-top: 10px
}

    nav .searchBar .input-field .prefix.close {
        right: 0
    }

nav .searchListing {
    background: #fff;
    border-radius: 0 0 18px 18px;
    margin-left: 3rem;
    width: calc(100% - 3rem);
    padding: 20px 0
}

.touchDevice nav .searchListing {
    width: calc(100%);
    margin-left: 0
}

nav .searchListing ul {
    overflow: auto;
    max-height: calc(100vh - 200px)
}

    nav .searchListing ul li {
        float: none;
        padding: 10px 0;
        border-bottom: 1px solid #f1f1f1;
        margin: 0 20px;
        width: 100%
    }

.touchDevice nav .searchListing ul li {
    width: calc(100% - 3rem)
}

nav .searchListing ul li a {
    margin: 0 10px;
    color: #6e6e73
}

nav .searchListing ul li:focus, nav .searchListing ul li:hover {
    background: #f0f0f0
}

nav .searchListing ul li:focus-visible {
    outline: 0
}

nav .searchListing ul li:last-child {
    border-bottom: 0
}

nav .searchListing .noRecord {
    padding: 10px 32px;
    color: #ccc
}

nav .searchListing span {
    display: block;
    color: #6e6e73;
    font-size: 13px;
    margin: 10px 0 0 0
}

    nav .searchListing span b {
        color: #1d1d1f;
        font-weight: 300
    }

    nav .searchListing span.searchBreadcrumb {
        text-transform: capitalize;
        color: #7f8489;
        font-size: 12px
    }

@media only screen and (max-width:992px) {
    nav.topbar .searchBar {
        width: 75%
    }
}

@media only screen and (max-width:576px) {
    nav.topbar .searchBar {
        width: 90%
    }
}

.mainBanner {
    text-align: center;
    min-height: 485px;
    margin: 0 0 20px 0;
    background: url(/images/banner-man.png) no-repeat 90% bottom;
    background-size: 250px
}

    .mainBanner h1 {
        font-size: 76px;
        font-weight: 700;
        margin: 32px 0;
        line-height: 120%
    }

        .mainBanner h1 .part1 {
            color: #004588
        }

        .mainBanner h1 .part2 {
            display: block;
            background: #005da4;
            background: linear-gradient(90deg,#005da4 20%,#e05a5a 68.75%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 82px
        }

            .mainBanner h1 .part2 .gst {
                font-size: 90px
            }

    .mainBanner .content {
        font-size: 17px;
        color: #323a41;
        width: 64%;
        margin: 0 auto;
        margin-bottom: 32px
    }

.features {
    background: linear-gradient(360deg,rgba(0,93,164,.1) 0,rgba(228,96,132,.1) 48.41%);
    padding: 80px 0 24px
}

    .features img {
        margin-top: 50px;
        max-width: 100%
    }

    .features .bx {
        background: #fff;
        box-shadow: 0 50px 100px rgba(0,0,0,.1);
        border-radius: 20px;
        padding: 48px;
        margin-bottom: 56px
    }

        .features .bx h2 {
            font-weight: 700;
            font-size: 70px;
            line-height: 84px;
            margin: 0 0 32px;
            padding: 0;
            word-wrap: break-word
        }

.download-page .features .bx h2 {
    font-size: 60px
}

.features .bx p {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 16px
}

.features .btn-floating {
    width: 36px;
    height: 36px;
    float: right
}

    .features .btn-floating i {
        line-height: 36px
    }

.customers {
    padding: 28px 0
}

    .customers img {
        max-width: 100%
    }

    .customers h3 {
        font-weight: 700;
        font-size: 48px
    }

.customersSay {
    padding: 25px 0 0
}

    .customersSay h3 {
        font-weight: 700;
        font-size: 48px
    }

    .customersSay .container {
        background: #fff;
        box-shadow: 0 4px 8px rgba(0,93,164,.1);
        border-radius: 20px;
        padding: 42px 0 22px
    }

    .customersSay .name {
        color: #656b71;
        margin-top: 20px
    }

    .customersSay p {
        max-width: 100%;
        margin: 0 auto;
        color: #676767
    }

    .customersSay .carousel.customer {
        height: 350px
    }

        .customersSay .carousel.customer .carousel-item {
            width: 60%;
            padding: 0;
            height: auto;
            text-align: center;
            background-color: #fff;
            filter: saturate(30%)
        }

            .customersSay .carousel.customer .carousel-item p {
                opacity: 0
            }

            .customersSay .carousel.customer .carousel-item.active {
                filter: saturate(1)
            }

                .customersSay .carousel.customer .carousel-item.active p {
                    opacity: 1
                }

            .customersSay .carousel.customer .carousel-item img {
                background: linear-gradient(360deg,#005da4 0,#e46084 48.41%);
                border: 2px solid #fff;
                box-shadow: 0 4px 8px rgba(0,93,164,.1);
                border-radius: 100px;
                padding: 3px;
                width: 75px;
                height: 75px
            }

    .customersSay .carousel.carousel-slider .carousel-item p.comment {
        font-size: 16px
    }

    .customersSay .carousel.carousel-slider .carousel-item p.name {
        font-size: 16px
    }

    .customersSay .carousel.carousel-slider .carousel-item p.position {
        font-size: 14px
    }

.upcomingWebinars {
    padding: 28px 0
}

    .upcomingWebinars h3 {
        font-weight: 700;
        font-size: 48px
    }

.softwareIndustry {
    padding: 25px 0 43px
}

    .softwareIndustry h3 {
        font-weight: 700;
        font-size: 48px;
        margin-bottom: 40px
    }

    .softwareIndustry p {
        margin: 40px auto 16px
    }

    .softwareIndustry .container {
        box-shadow: 0 4px 8px rgba(0,93,164,.1);
        border-radius: 20px;
        padding: 42px;
        margin-top: 50px
    }

        .softwareIndustry .container .material-icons-outlined {
            font-size: 60px
        }

        .softwareIndustry .container a {
            color: #005da4;
            display: block;
            text-align: center
        }

        .softwareIndustry .container span {
            display: block;
            color: #676767
        }

.growing {
    padding: 43px 0
}

    .growing h3 {
        font-weight: 700;
        font-size: 48px
    }

    .growing .container {
        box-shadow: 0 4px 8px rgba(0,93,164,.1);
        border-radius: 20px;
        padding: 42px 0
    }

    .growing p {
        margin: 24px auto 16px
    }

.faq {
    padding: 25px 0
}

    .faq h3 {
        font-weight: 700;
        font-size: 48px;
        margin-bottom: 40px
    }

    .faq .container {
        box-shadow: 0 4px 8px rgba(0,93,164,.1);
        border-radius: 20px;
        padding: 64px;
        margin-bottom: 32px
    }

    .faq ul {
        border: 0;
        box-shadow: none
    }

        .faq ul li {
            border: .5px solid #e4e4e4;
            background-color: #fff;
            margin-bottom: 32px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0,0,0,.1);
            font-size: 17px;
            margin: 10px 0
        }

            .faq ul li ul li::marker {
                font-size: 20px
            }

            .faq ul li ul li {
                border: 0;
                background-color: transparent;
                margin-bottom: 0;
                border-radius: 0;
                box-shadow: none
            }

    .faq .collapsible-header {
        border-radius: 10px;
        border: 0;
        padding: 26px 26px 26px 26px;
        font-size: 20px
    }

    .faq .collapsible-body {
        border: 0;
        padding: 0 26px 26px 26px;
        color: #676767;
        font-size: 17px
    }

        .faq .collapsible-body a {
            font-size: 17px
        }

    .faq .row {
        margin-bottom: 0
    }

    .faq ul li:last-child {
        margin-bottom: 0
    }

.homeIndustryIcons {
    background-image: url(/images/menu-sprite-6.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 173px
}

    .homeIndustryIcons.auto {
        width: 43px;
        height: 43px;
        background-position: -41px -215px
    }

    .homeIndustryIcons.retail {
        width: 40px;
        height: 43px;
        background-position: -41px -43px
    }

    .homeIndustryIcons.chemical {
        width: 38px;
        height: 43px;
        background-position: -84px -41px
    }

    .homeIndustryIcons.fmcg {
        width: 37px;
        height: 42px;
        background-position: -41px -138px
    }

    .homeIndustryIcons.fb {
        width: 42px;
        height: 39px;
        background-position: -85px 2px
    }

    .homeIndustryIcons.computer {
        width: 44px;
        height: 37px;
        background-position: -84px -94px
    }

    .homeIndustryIcons.book {
        width: 43px;
        height: 34px;
        background-position: -84px -216px
    }

    .homeIndustryIcons.electrical {
        width: 41px;
        height: 43px;
        background-position: -128px -41px
    }

    .homeIndustryIcons.paper {
        width: 34px;
        height: 37px;
        background-position: -132px -139px
    }

    .homeIndustryIcons.travel {
        width: 41px;
        height: 43px;
        background-position: -129px 1px
    }

    .homeIndustryIcons.furniture {
        width: 41px;
        height: 43px;
        background-position: -85px -137px
    }

    .homeIndustryIcons.pharma {
        width: 38px;
        height: 40px;
        background-position: -42px -96px
    }

    .homeIndustryIcons.paint {
        width: 40px;
        height: 40px;
        background-position: 1px -259px
    }

    .homeIndustryIcons.mobile {
        width: 35px;
        height: 40px;
        background-position: -43px -259px
    }

    .homeIndustryIcons.garments {
        width: 35px;
        height: 40px;
        background-position: -87px -259px
    }

    .homeIndustryIcons.gems {
        width: 38px;
        height: 33px;
        background-position: -131px -217px
    }

    .homeIndustryIcons.agriculture {
        width: 40px;
        height: 37px;
        background-position: -129px -260px
    }

    .homeIndustryIcons.stationery {
        width: 30px;
        height: 37px;
        background-position: 1px -304px
    }

.home-page .faq ul li {
    display: none
}

    .home-page .faq ul li:nth-child(-n+7), .home-page .faq.expanded ul li {
        display: list-item
    }

.home-page #webinarData .row {
    display: none
}

    .home-page #webinarData .row:nth-child(-n+8) {
        display: block
    }

@media only screen and (max-width:1330px) {
    .mainBanner h1 {
        font-size: 56px
    }

        .mainBanner h1 .part2 {
            font-size: 62px
        }

    .customers h3 {
        font-size: 56px
    }

    .customersSay h3 {
        font-size: 56px
    }

    .softwareIndustry h3 {
        font-size: 56px
    }
}

@media only screen and (max-width:1280px) {
    .mainBanner {
        background: url(/images/banner-man.png) no-repeat 98% bottom;
        background-size: 253px
    }

        .mainBanner .content {
            width: 65%
        }

    .features .bx h2 {
        font-size: 41px;
        line-height: 54px
    }

    .download-page .features .bx h2 {
        font-size: 41px;
        line-height: 54px
    }

    .customersSay h3 {
        font-size: 41px
    }

    .softwareIndustry h3 {
        font-size: 41px
    }

    .growing h3 {
        font-size: 41px
    }

    .faq h3 {
        font-size: 41px
    }

    .customersSay .carousel.customer {
        height: 400px
    }
}

@media only screen and (max-width:992px) {
    .mainBanner {
        background-image: none;
        min-height: auto
    }

        .mainBanner h1 {
            font-size: 44px
        }

            .mainBanner h1 .part2 {
                font-size: 50px
            }

        .mainBanner .content {
            width: 100%
        }

    .features .bx h2 {
        font-size: 30px;
        line-height: 44px
    }

    .download-page .features .bx h2 {
        font-size: 30px;
        line-height: 44px
    }

    .customers h3 {
        font-size: 44px
    }

    .customersSay h3 {
        font-size: 44px
    }

    .softwareIndustry h3 {
        font-size: 44px
    }

    .growing h3 {
        font-size: 44px
    }

    .faq h3 {
        font-size: 44px
    }

    .customersSay .carousel.customer {
        height: 450px
    }
}

@media only screen and (max-width:768px) {
    .mainBanner h1 {
        font-size: 33px
    }

        .mainBanner h1 .part2 {
            font-size: 39px
        }

    .customers h3 {
        font-size: 33px
    }

    .customersSay h3 {
        font-size: 33px
    }

    .softwareIndustry h3 {
        font-size: 33px
    }

    .growing h3 {
        font-size: 33px
    }

    .faq h3 {
        font-size: 33px
    }

    .faq .container {
        padding: 14px
    }

    .customersSay .carousel.customer {
        height: 420px
    }

        .customersSay .carousel.customer .carousel-item {
            width: 100%;
            padding: 0;
            height: auto;
            text-align: center;
            background-color: #fff;
            filter: saturate(30%)
        }
}

@media only screen and (max-width:576px) {
    .customers h3 {
        font-size: 23px
    }

    .customersSay h3 {
        font-size: 23px
    }

    .softwareIndustry h3 {
        font-size: 23px
    }

    .growing h3 {
        font-size: 23px
    }

    .faq h3 {
        font-size: 23px
    }

    .customersSay .carousel.customer {
        height: 520px
    }

    .features .row {
        position: relative
    }

    .features img {
        position: absolute;
        top: -75px;
        right: 0;
        width: 30vw !important
    }

    .download-page .features img {
        top: -95px;
        width: 20vw !important
    }
}

@media only screen and (max-width:400px) {
    .customers h3 {
        font-size: 21px
    }

    .customersSay h3 {
        font-size: 21px
    }

    .softwareIndustry h3 {
        font-size: 21px
    }

    .growing h3 {
        font-size: 21px
    }

    .faq h3 {
        font-size: 21px
    }
}

.heroBanner {
    background: #005a9f;
    color: #fff;
    font-size: 24px
}

    .heroBanner a {
        color: #fff
    }

.heroBannerEmpty {
    padding: 1px 0
}

@media only screen and (max-width:576px) {
    .heroBanner {
        font-size: 15px
    }

    #pricing.modal th {
        font-size: 12px
    }
}

.innerPageBanner {
    background-color: #fff
}

    .innerPageBanner img {
        width: 100%;
        vertical-align: bottom
    }

.innerPage .innerPageBanner p {
    font-size: 20px;
    line-height: 36px
}

.innerPage .innerPageBanner ul li::marker {
    font-size: 20px
}

.innerPage .innerPageBanner ul {
    padding: 0 40px;
    font-size: 20px
}

.innerPageBanner > .container > .row:first-child {
    margin-bottom: 0
}

.innerPage h1, .innerPage h2 {
    font-size: 48px;
    font-weight: 700;
    color: #003d77;
    margin: 40px 0 20px;
    line-height: 75px
}

.innerPage h2 {
    font-size: 38px
}

.innerPage h3 {
    font-size: 38px;
    font-weight: 700;
    color: #003d77;
    margin-top: 40px
}

.innerPage h4 {
    font-size: 28px;
    font-weight: 700;
    color: #003d77;
    margin-top: 40px
}

.innerPage h5, .innerPage p.book-a-demo {
    font-size: 26px;
    font-weight: 700;
    color: #003d77;
    margin: 16px 0;
    line-height: 110%
}

.innerPage a, .innerPage h2 a, .innerPage h3 a {
    color: #003d77
}

    .innerPage a.btn-large, .innerPage a.viewAll {
        color: #fff
    }

.innerPageBg.gradientBg1 .row {
    margin-bottom: 0
}

.innerPage ol, .innerPage ol a, .innerPage p, .innerPage ul, .innerPage ul a {
    font-size: 24px
}

.innerPage li {
    margin-bottom: 20px
}

.innerPage strong {
    font-weight: 700
}

.innerPage .toc {
    box-shadow: 0 50px 100px rgba(0,0,0,.1);
    border-radius: 20px;
    background: #f1f9ff;
    padding: 50px;
    margin-top: 40px
}

    .innerPage .toc p {
        font-size: 24px
    }

    .innerPage .toc ol > li {
        line-height: 30px
    }

        .innerPage .toc ol > li > a {
            color: #676767
        }

    .innerPage .toc ol li::marker {
        color: #676767;
        font-weight: 400
    }

.tryOutBusy p {
    font-size: 50px
}

.linksBlock .fs50 {
    font-size: 50px
}

.gstArticle p, .termsOfUse p {
    color: inherit
}

.tags {
    margin: 10px;
    font-size: 18px
}

    .tags a:hover {
        text-decoration: underline
    }

.innerPage ul.tabs {
    padding: 0;
    border-radius: 10px 10px 0 0
}

.innerPage ol, .innerPage ul {
    padding: 0 80px
}

.innerPage .collapsible {
    padding: 0
}

    .innerPage .collapsible .collapsible > li:first-child {
        border-top: 1px dashed #5381a4
    }

    .innerPage .collapsible .collapsible > li {
        border-radius: 0;
        border-bottom: 1px dashed #5381a4
    }

    .innerPage .collapsible .collapsible li .collapsible-header {
        color: #676767;
        position: relative
    }

        .innerPage .collapsible .collapsible li .collapsible-header::after {
            font-family: "Material Icons";
            content: "\e148";
            font-size: 20px;
            position: absolute;
            right: 26px
        }

    .innerPage .collapsible .collapsible li.active .collapsible-header::after {
        content: "\e15d"
    }

.innerPage ol li {
    margin-bottom: 20px
}

.innerPage ul li::marker {
    list-style-type: disc;
    font-size: 25px;
    color: #e05a5a
}

.innerPage ol li::marker {
    font-size: 24px;
    color: #005da4;
    font-weight: 700
}

.termsOfUse ol li::marker {
    font-size: initial
}

.innerPage .textWithImg {
    width: 329px;
    display: inline-block;
    margin-top: 105px;
    margin-bottom: 74px
}

.innerPageIndexBlocks {
    background: #fff;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    border-radius: 20px;
    margin-bottom: 20px;
    height: 375px;
    overflow: hidden;
    padding: 24px;
    font-size: 24px;
    font-weight: 300;
    color: #676767;
    position: relative;
    margin: 24px 12px
}

    .innerPageIndexBlocks.imgIndexBlocks {
        padding: 16px
    }

        .innerPageIndexBlocks.imgIndexBlocks img {
            width: 100%;
            border-radius: 20px
        }

    .innerPageIndexBlocks p {
        margin: 0;
        overflow: hidden;
        font-size: 20px;
        line-height: 40px;
        color: #676767
    }

    .innerPageIndexBlocks > a {
        width: 100%;
        height: 100%;
        display: block
    }

    .innerPageIndexBlocks h2 {
        font-size: 30px;
        margin: 0 0 8px;
        line-height: 40px;
        min-height: 80px
    }

    .innerPageIndexBlocks .arrow {
        background: #e05a5a;
        border-radius: 100px;
        color: #fff;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 24px;
        bottom: 24px
    }

        .innerPageIndexBlocks .arrow a {
            color: #fff
        }

.innerPage .table .row {
    padding: 8px 0
}

.innerPage .table.striped .row:nth-child(even) {
    background: #f6f6f6
}

.innerPage .table.striped .row {
    margin-bottom: 0;
    padding: 10px 0
}

.innerPage .table .row:not(.tableHeader) .col:first-child {
    position: relative;
    padding-left: 29px
}

    .innerPage .table .row:not(.tableHeader) .col:first-child::before {
        content: "•";
        color: #e05a5a;
        position: absolute;
        font-size: 48px;
        left: 8px;
        top: -30px
    }

.innerPage .aboutUsCount {
    font-size: 200px;
    font-weight: 700;
    background: linear-gradient(360deg,#005da4 30%,#e46084 50.41%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -55px;
    left: -3px;
    line-height: 1
}

.innerPage .linksBlock {
    padding: 20px 0 20px;
    line-height: 48px
}

    .innerPage .linksBlock .row {
        margin-bottom: 0
    }

    .innerPage .linksBlock .col {
        text-align: center
    }

        .innerPage .linksBlock .col a {
            padding: 8px;
            color: #676767
        }

    .innerPage .linksBlock ul li p {
        display: inline-block;
        margin-left: 20px
    }

    .innerPage .linksBlock ul li p {
        display: inline-block;
        margin-left: 20px
    }

    .innerPage .linksBlock ul li a {
        background: #fff;
        color: #676767
    }

.carousel.aboutUs .carousel-item {
    width: 776px;
    height: 520px
}

.lightBlueGradiant {
    background: linear-gradient(180deg,#8acaff 0,#2588d3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.blueGradiant {
    background: linear-gradient(180deg,#2588d3 0,#00447a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.orangeGradiant {
    background: linear-gradient(180deg,#ffc94d 0,#fca265 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.greenGradiant {
    background: linear-gradient(180deg,#94ed64 0,#79c251 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pricing ul {
    padding: 0 0 0 40px;
    margin: 0 0 0 20px;
    text-align: left
}

.exPricing ul {
    padding: 0;
    margin: 0;
    text-align: left
}

    .exPricing ul li::marker, .pricing ul li::marker {
        list-style-type: disc;
        font-size: 20px;
        color: #e05a5a
    }

.compareFeature {
    background: linear-gradient(48.33deg,#005da4 .61%,#e05a5a 86.4%,rgba(224,90,90,0) 105.53%);
    border-radius: 20px;
    padding: 15px
}

    .compareFeature a[href=""], .compareFeature a[href="#"] {
        pointer-events: none
    }

    .compareFeature > .row {
        margin-bottom: 0
    }

    .compareFeature .switch label {
        font-size: 24px
    }

    .compareFeature .collapsible {
        box-shadow: none;
        padding: 0;
        border: 0;
        margin: 0;
        border-radius: 15px;
        line-height: 20px
    }

        .compareFeature .collapsible .collapsible-header {
            border: 0;
            font-size: 24px;
            border-bottom: 1px solid #e7e7e7
        }

        .compareFeature .collapsible .active {
            border-bottom: 1px solid #e7e7e7
        }

        .compareFeature .collapsible .collapsible-header i {
            rotate: 0deg;
            font-size: 36px
        }

        .compareFeature .collapsible .active .collapsible-body, .compareFeature .collapsible .active .collapsible-header {
            padding-right: 0;
            color: #676767
        }

        .compareFeature .collapsible .collapsible-body {
            background: #fff;
            border: 0;
            padding: 0
        }

            .compareFeature .collapsible .collapsible-body > div {
                border-bottom: 2px solid #e7e7e7
            }

                .compareFeature .collapsible .collapsible-body > div > div:first-child {
                    padding: 10px 0 10px 30px
                }

        .compareFeature .collapsible .active .collapsible-body > div:last-child {
            border-bottom: 0
        }

        .compareFeature .collapsible .active .collapsible-header i {
            rotate: 90deg
        }

    .compareFeature .whiteBg {
        height: 306px;
        position: absolute;
        top: 0;
        right: 0;
        width: 64%;
        z-index: auto;
        border-radius: 15px;
        margin: 15px
    }

    .compareFeature p {
        line-height: 20px;
        margin: 0
    }

    .compareFeature .standardBgMain {
        background: #fff2f2;
        height: calc(100% - 30px);
        position: absolute;
        top: 0;
        right: 12.2%;
        width: 11.2%;
        z-index: -1;
        margin: 15px
    }

    .compareFeature .standardBg {
        background: #fff2f2
    }

    .compareFeature .collapsible a:hover {
        text-decoration: underline
    }

.row > .webinarBlock {
    padding: 20px 40px 20px 20px;
    margin-bottom: 20px
}

.webinarBlock p {
    margin-top: 0;
    line-height: 24px;
    color: #676767;
    font-size: 16px
}

.webinarBlock .share {
    background: #738fa4
}

.webinarBlock .register {
    padding: 0 50px
}

.gstSprite {
    background-image: url(/images/gst-sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 400px
}

.gstIndexBilling {
    width: 54px;
    height: 60px;
    background-position: 0 -2px;
    float: right
}

.gstIndexEwayBilling {
    width: 63px;
    height: 60px;
    background-position: -69px -2px;
    float: right
}

.gstIndexReturns {
    width: 55px;
    height: 60px;
    background-position: -146px -2px;
    float: right
}

.gstIndexCouncil {
    width: 56px;
    height: 60px;
    background-position: -216px -2px;
    float: right
}

.gstIndexInvoicing {
    width: 46px;
    height: 60px;
    background-position: -285px -2px;
    float: right
}

.gstIndexRegistration {
    width: 56px;
    height: 60px;
    background-position: -346px -2px;
    float: right
}

.innerPage.post {
    padding-bottom: 50px
}

    .innerPage.post > figure, .innerPage.post > h2, .innerPage.post > h3, .innerPage.post > h4, .innerPage.post > h5, .innerPage.post > h6, .innerPage.post > ol, .innerPage.post > p, .innerPage.post > ul {
        margin: 30px auto 20px;
        width: 80%
    }

    .innerPage.post > h2, .innerPage.post > h3, .innerPage.post > h4, .innerPage.post > h5, .innerPage.post > h6 {
        font-size: 52px;
        font-weight: 700;
        color: #003d77;
        margin: 80px auto 0;
        line-height: 75px
    }

        .innerPage.post > h2 strong, .innerPage.post > h3 strong, .innerPage.post > h4 strong, .innerPage.post > h5 strong, .innerPage.post > h6 strong {
            font-weight: 700
        }

    .innerPage.post > ol, .innerPage.post > p, .innerPage.post > ul {
        font-size: 24px;
        line-height: 50px
    }

    .innerPage.post > p {
        color: #676767
    }

    .innerPage.post > figure {
        text-align: center
    }

        .innerPage.post > figure img {
            max-width: 60%;
            height: auto
        }

    .innerPage.post > ul li {
        list-style-type: disc
    }

    .innerPage.post table tr {
        border: 0;
        position: relative
    }

        .innerPage.post table tr td:first-child::before {
            content: "•";
            color: #e05a5a;
            position: absolute;
            font-size: 48px;
            left: 8px;
            top: -16px
        }

        .innerPage.post table tr td:first-child {
            padding-left: 30px
        }

        .innerPage.post table tr:first-child td::before {
            content: ""
        }

        .innerPage.post table tr:nth-child(even) {
            background: #f6f6f6
        }

        .innerPage.post table tr:first-child strong {
            color: #003565;
            font-weight: 700
        }

.innerPage .black-text {
    color: #323a41 !important
}

.hsnSacCodes ul li {
    margin-bottom: 25px
}

#taxonomy a[href="#"] {
    background: #003d77;
    color: #fff;
    pointer-events: none
}

.contactIcons {
    background-image: url(/images/contact-sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 75px
}

.contactFacebook {
    width: 75px;
    height: 75px;
    background-position: 0 -1px
}

.contactTwitter {
    width: 75px;
    height: 75px;
    background-position: 0 -170px
}

.contactYoutube {
    width: 75px;
    height: 53px;
    margin: 11px 0;
    background-position: 0 -256px
}

.contactIcons2 {
    background-image: url(/images/contact-icon-sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 75px
}

.contactSales {
    width: 75px;
    height: 75px;
    background-position: 0 -1px
}

.contactSupport {
    width: 75px;
    height: 75px;
    background-position: 0 -80px
}

.contactPartnership {
    width: 75px;
    height: 45px;
    background-position: 0 -161px;
    margin: 15px 0
}

.contactCareer {
    width: 75px;
    height: 75px;
    background-position: 0 -211px
}

.contactAcademy {
    width: 75px;
    height: 75px;
    background-position: 0 -291px
}

.contactUsLocationBlock iframe {
    width: 100%
}

.retailHeaderWrapper {
    padding-top: 165px
}

.retailHeader {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    background: #fff
}

.innerPage .tryBusy {
    background: #fff;
    border: 2px solid #002f52;
    border-radius: 8px;
    color: #002f52;
    padding: 10px
}

.innerPage .industryBlock {
    background-color: #f7f7f7
}

    .innerPage .industryBlock p, .innerPage .industryBlock ul {
        font-size: 20px
    }

    .innerPage .industryBlock:hover {
        background-color: #004173
    }

        .innerPage .industryBlock:hover h5, .innerPage .industryBlock:hover li, .innerPage .industryBlock:hover p {
            color: #e6eff6
        }

        .innerPage .industryBlock:hover .tryBusy {
            background: #004173;
            border: 2px solid #fff;
            color: #fff
        }

.innerPage iframe {
    max-width: 100%
}

.innerPage ul.downloadStore {
    padding: 0
}

.downloadIcons {
    background-image: url(https://content.busy.in/wp-content/uploads/2023/05/downloadStore.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 130px
}

    .downloadIcons.playStore {
        width: 130px;
        height: 40px;
        background-position: 0 -46px
    }

    .downloadIcons.appStore {
        width: 130px;
        height: 40px;
        background-position: 0 0
    }

.contactEmplyBlk {
    border-top: 1px dashed #ccc;
    margin-top: 10px;
    padding-top: 10px
}

.featuresIcons {
    background-image: url(/images/menu-sprite-6.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 173px
}

    .featuresIcons.tick {
        width: 41px;
        height: 42px;
        background-position: 1px 1px
    }

    .featuresIcons.gst {
        width: 41px;
        height: 50px;
        background-position: 1px -43px
    }

    .featuresIcons.financial {
        width: 41px;
        height: 44px;
        background-position: 1px -95px
    }

    .featuresIcons.ewaybill {
        width: 41px;
        height: 33px;
        background-position: 1px -138px
    }

    .featuresIcons.einvoice {
        width: 31px;
        height: 39px;
        background-position: 1px -174px
    }

    .featuresIcons.gstr {
        width: 42px;
        height: 39px;
        background-position: 1px -217px
    }

    .featuresIcons.invoicing {
        width: 45px;
        height: 43px;
        background-position: -40px 2px
    }

    .featuresIcons.inventory {
        width: 42px;
        height: 39px;
        background-position: 1px -217px
    }

    .featuresIcons.faq {
        width: 45px;
        height: 43px;
        background-position: -127px -90px;
        padding: 0
    }

    .featuresIcons.auto {
        width: 43px;
        height: 43px;
        background-position: -41px -215px
    }

    .featuresIcons.retail {
        width: 40px;
        height: 43px;
        background-position: -41px -43px
    }

    .featuresIcons.chemical {
        width: 38px;
        height: 43px;
        background-position: -84px -41px
    }

    .featuresIcons.fmcg {
        width: 37px;
        height: 42px;
        background-position: -41px -138px
    }

    .featuresIcons.fb {
        width: 42px;
        height: 39px;
        background-position: -85px 2px
    }

    .featuresIcons.furniture {
        width: 41px;
        height: 43px;
        background-position: -85px -137px
    }

    .featuresIcons.computer {
        width: 44px;
        height: 37px;
        background-position: -84px -94px
    }

    .featuresIcons.book {
        width: 43px;
        height: 34px;
        background-position: -84px -216px
    }

    .featuresIcons.electrical {
        width: 41px;
        height: 43px;
        background-position: -128px -41px
    }

    .featuresIcons.pharma {
        width: 38px;
        height: 40px;
        background-position: -42px -96px
    }

    .featuresIcons.paper {
        width: 34px;
        height: 37px;
        background-position: -132px -139px
    }

    .featuresIcons.paint {
        width: 40px;
        height: 40px;
        background-position: 1px -259px
    }

    .featuresIcons.mobile {
        width: 35px;
        height: 40px;
        background-position: -43px -259px
    }

    .featuresIcons.garments {
        width: 35px;
        height: 40px;
        background-position: -87px -259px
    }

    .featuresIcons.gems {
        width: 38px;
        height: 33px;
        background-position: -131px -217px
    }

    .featuresIcons.agriculture {
        width: 40px;
        height: 37px;
        background-position: -129px -260px
    }

    .featuresIcons.stationery {
        width: 30px;
        height: 37px;
        background-position: 1px -304px
    }

    .featuresIcons.grocery {
        width: 36px;
        height: 37px;
        background-position: 1px -348px
    }

    .featuresIcons.electronics {
        width: 34px;
        height: 37px;
        background-position: -44px -304px
    }

    .featuresIcons.travel {
        width: 41px;
        height: 43px;
        background-position: -129px 1px
    }

    .featuresIcons.estate {
        width: 42px;
        height: 42px;
        background-position: -126px -300px
    }

.tabs .tab a {
    color: #676767
}

    .tabs .tab a.active, .tabs .tab a:hover {
        color: #676767
    }

    .tabs .tab a:focus, .tabs .tab a:focus.active {
        background: 0 0
    }

.tabs .indicator {
    background: #003d77
}

.webinars-videos-page .chip {
    font-size: 17px;
    padding: 0 24px;
    margin-right: 20px
}

    .webinars-videos-page .chip.active, .webinars-videos-page .chip:hover {
        background: #003d77;
        color: #fff
    }

.pricing-page .switch label input + .lever {
    width: 46px;
    height: 25px
}

    .pricing-page .switch label input + .lever:after, .pricing-page .switch label input + .lever:before {
        width: 30px;
        height: 30px
    }

.pricing-page .switch label input[type=checkbox]:checked + .lever {
    background-color: #ccc
}

    .pricing-page .switch label input[type=checkbox]:checked + .lever:after {
        background-color: #fff
    }

.downloads-page .collapsible {
    border-radius: 20px;
    border: 0;
    box-shadow: 0 50px 100px rgba(0,0,0,.1)
}

.downloads-page .collapsible-header {
    border-radius: 20px
}

.downloads-page .active .collapsible-header {
    border-radius: 20px 20px 0 0
}

.downloads-page .collapsible-body {
    border-radius: 0 0 20px 20px
}

.modal h3 {
    margin-top: 10px;
    font-size: 32px
}

.contact-us-page .modal, .our-network-page .modal {
    max-width: 500px
}

.download-page .btn-flat {
    color: #003d77
}

.download-page .modal {
    width: 90%
}

.existing-user {
    overflow: auto;
    background-color: #f6fbff;
    border-bottom: 1px solid #e4e4e4
}

    .existing-user h6 {
        color: #005ca4;
        font-weight: 700
    }

    .existing-user .btn, .existing-user .btn-large, .existing-user .btn-small {
        background-color: #005ca4;
        border-radius: 8px;
        transition: none
    }

    .existing-user .btn, .new-user .btn {
        max-width: 300px
    }

.new-user {
    overflow: auto;
    background-color: #fff6f6;
    border-bottom: 1px solid #e4e4e4
}

    .new-user h6 {
        color: #e05a5a;
        font-weight: 700
    }

.contact-us-page .contactEmplyBlk button, .our-network-page .contactEmplyBlk button {
    padding: 0 50px
}

@media only screen and (max-width:992px) {
    .innerPage ol, .innerPage ul {
        padding: 0 20px
    }

    .innerPage h1, .innerPage h2 {
        font-size: 27px;
        line-height: 40px
    }

    .innerPage h2 {
        font-size: 24px
    }

    .innerPage h3 {
        font-size: 22px
    }

    .innerPage h4, .innerPage h5, .innerPage p.book-a-demo {
        font-size: 20px;
        line-height: 40px
    }

    .innerPage h5, .innerPage p.book-a-demo {
        font-size: 18px
    }

    .innerPage .linksBlock ol, .innerPage .linksBlock ul {
        padding: 0 30px
    }

    .innerPage.post > figure img {
        width: 100%
    }

    .innerPage.post > h1, .innerPage.post > h2, .innerPage.post > h3, .innerPage.post > h4, .innerPage.post > h5, .innerPage.post > h6 {
        line-height: 60px
    }

    .innerPageBanner {
        background-image: none !important
    }

    .compareFeatureWrapper {
        width: 100%;
        overflow: scroll hidden
    }

    .compareFeature {
        min-width: 930px
    }
}

@media only screen and (max-width:600px) {
    .innerPage .table .row .col {
        margin-bottom: 10px
    }

    .innerPage .table .row:not(.tableHeader) .col:first-child {
        padding-left: .75rem
    }

        .innerPage .table .row:not(.tableHeader) .col:first-child::before {
            content: ""
        }

    .innerPageBanner.hsnBanner {
        background-size: 68% auto
    }
}

@media only screen and (max-width:576px) {
    .hsnBanner > .container > .row:first-child {
        padding-top: 200px;
        position: relative
    }

        .hsnBanner > .container > .row:first-child img {
            position: absolute;
            top: 0;
            left: 0
        }

    .innerPage h3 {
        font-size: 23px
    }

    .innerPage h4 {
        font-size: 20px
    }

    .innerPage.post > h1, .innerPage.post > h2, .innerPage.post > h3, .innerPage.post > h4, .innerPage.post > h5, .innerPage.post > h6 {
        font-size: 35px
    }

    .innerPage.post ol, .innerPage.post ul {
        padding: 0 0 0 40px
    }
}

@media only screen and (max-width:400px) {
    .retailHeader {
        position: relative;
        margin-top: 50px
    }
}

@media only screen and (min-width:960px) {
    .timelineEntry {
        margin-top: 140px;
        max-width: 17%
    }

        .timelineEntry::before {
            display: block;
            content: "";
            width: 2px;
            height: 140px;
            position: absolute;
            background-color: #e6e6e6;
            top: -140px;
            left: 50%
        }

    .event {
        position: absolute;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .eventLeft {
        left: -23vw
    }

        .eventLeft .eventImage {
            position: absolute;
            -ms-transform: translate(-100%,-50%);
            transform: translate(-100%,-50%);
            margin: 0
        }

        .eventLeft .eventDescription {
            position: absolute;
            margin-left: 25px;
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%)
        }

            .eventLeft .eventDescription::after, .eventLeft .eventDescription::before {
                left: 100%;
                top: 50%;
                border: solid transparent;
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none
            }

            .eventLeft .eventDescription::after {
                border-left-color: #fff;
                border-width: 9px;
                margin-top: -9px
            }

            .eventLeft .eventDescription::before {
                border-left-color: #cfe5ff;
                border-width: 11px;
                margin-top: -11px;
                margin-left: 1px
            }

    .eventRight {
        right: -23vw
    }

        .eventRight .eventImage {
            position: absolute;
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            margin: 0
        }

        .eventRight .eventDescription {
            position: absolute;
            margin-left: -25px;
            -ms-transform: translate(-100%,-50%);
            transform: translate(-100%,-50%)
        }

            .eventRight .eventDescription::after, .eventRight .eventDescription::before {
                right: 100%;
                top: 50%;
                border: solid transparent;
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                margin-right: -1px
            }

            .eventRight .eventDescription::after {
                border-right-color: #fff;
                border-width: 9px;
                margin-top: -9px
            }

            .eventRight .eventDescription::before {
                border-right-color: #cfe5ff;
                border-width: 11px;
                margin-top: -11px;
                margin-right: 0
            }

    .eventDescription {
        width: 24vw
    }

    .timeline {
        margin: 0
    }

        .timeline p {
            margin: 0;
            margin-top: 10px;
            padding-right: 25px
        }
}

.eventsSprite {
    background-image: url(/images/eventsSprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 160px;
    height: 160px;
    background-size: 160px
}

.event1993 {
    background-position: -9px -4px
}

.event1994 {
    background-position: -6px -176px
}

.event2000 {
    background-position: -9px -350px
}

.event2005 {
    background-position: -5px -510px
}

.event2008 {
    background-position: -5px -681px
}

.event2009 {
    background-position: -10px -854px
}

.event2012 {
    background-position: -9px -1028px
}

.event2014 {
    background-position: -9px -1198px
}

.event2016 {
    background-position: -4px -1355px
}

.event2017 {
    background-position: -9px -1540px
}

.event2018 {
    background-position: -9px -1700px
}

.event2019 {
    background-position: -9px -1872px
}

.timelineEntry {
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 300px;
    position: relative
}

    .timelineEntry::before {
        display: block;
        content: "";
        width: 1px;
        height: 100px;
        position: absolute;
        background-color: #7e848a;
        top: -110px;
        left: 50%
    }

.eventImage {
    margin: 20px auto;
    width: 160px;
    height: 160px
}

    .eventImage span {
        display: block;
        width: 100%;
        border: #cfe5ff 5px solid;
        border-radius: 100%;
        height: 100%
    }

.eventDescription {
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    border: solid 2px #cfe5ff;
    background-color: #fff;
    line-height: 24px;
    font-size: 15px;
    color: #676767
}

    .eventDescription.end {
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        position: relative;
        text-align: center
    }

.timeline {
    margin: 0
}

.timelineEntry .date {
    min-width: 160px;
    display: inline-block;
    border-radius: 20px;
    border-style: solid;
    border-width: 5px;
    font-weight: 700;
    line-height: 1.43;
    padding: 5px 25px 5px;
    color: #005da4;
    border-color: #cfe5ff;
    font-size: 20px
}

.timeline p {
    margin: 15px 0 15px 50px
}

.cityWrap {
    position: relative
}

.cityList {
    position: absolute;
    z-index: 2;
    max-height: 250px;
    overflow-y: scroll;
    top: 46px;
    left: 0;
    background: #fff;
    border-radius: 0 0 18px 18px;
    padding: 20px 0;
    box-shadow: 0 4px 8px rgb(0 0 0 / 80%)
}

    .cityList ul {
        padding: 0;
        margin: 0;
        width: 315px
    }

        .cityList ul li {
            cursor: pointer;
            padding: 10px 20px;
            border-bottom: 1px solid #f1f1f1;
            margin: 0 20px
        }

            .cityList ul li:first-child {
                border-top: 1px solid #f1f1f1
            }

            .cityList ul li:focus, .cityList ul li:hover {
                background: #f0f0f0
            }

            .cityList ul li:focus-visible {
                outline: 0
            }

.formBlock .input-field p {
    margin: 0
}

.trial-download-page .formBlock .btn-large {
    width: 100%;
    cursor: pointer
}

.contact-us-page .formBlock .btn-large, .our-network-page .modal-content .formBlock .btn-large {
    padding: 0
}

.formBlock .wpcf7-form input[type=submit] {
    color: #fff;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.formBlock .wpcf7-form input, .formBlock .wpcf7-form label, .formBlock .wpcf7-form select {
    font-size: 18px;
    color: #676767
}

.formBlock .wpcf7-form select {
    margin-bottom: 9px;
    border: 0;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    height: 48px
}

.formBlock .wpcf7-form .wpcf7-textarea:focus:not([readonly]), .formBlock .wpcf7-form input:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #005a9f;
    -webkit-box-shadow: 0 1px 0 0 #005a9f;
    box-shadow: 0 1px 0 0 #005a9f
}