html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: Roboto,sans-serif
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

::-moz-selection {
    background: #ffd7d7
}

.element:after {
    display: block;
    content: "";
    clear: both
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt80 {
    margin-top: 80px
}

.modal-header .close {
    outline: 0
}

@media screen and (max-width:576px) {
    .mobile-top-gap {
        margin-top: 50px
    }
}

@media screen and (max-width:576px) {
    .mobile-mt30 {
        margin-top: 30px !important
    }
}

@media screen and (max-width:576px) {
    .mobile-top-0 {
        margin-top: 0 !important
    }
}

.padleft-0 {
    padding-left: 0
}

@media screen and (max-width:600px) {
    .padleft-0 {
        padding-left: 15px
    }
}

.section-pad-top {
    padding-top: 80px
}

@media screen and (max-width:576px) {
    .section-pad-top {
        padding-top: 40px
    }
}

.section-pad {
    padding-top: 80px;
    padding-bottom: 80px
}

@media screen and (max-width:576px) {
    .section-pad {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.section-bottom-pad {
    padding-bottom: 80px
}

.section-margin-top {
    margin-top: 130px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .section-margin-top {
        margin-top: 112px
    }
}

@media screen and (max-width:576px) {
    .section-margin-top {
        margin-top: 152px
    }
}

@media screen and (max-width:576px) {
    .mobile_headings_center {
        text-align: center !important
    }
}

.common_form_control {
    border: .5px solid #979797;
    border-radius: 30px;
    padding: 10px 30px;
    background-color: transparent
}

    .common_form_control::placeholder {
        color: #afbccd
    }

    .common_form_control:focus, .common_form_control:hover {
        outline: 0;
        box-shadow: none;
        border-color: none;
        border-color: #979797;
        background-color: transparent
    }

.span_bold_text {
    font-weight: 700
}

.bold_500 {
    font-weight: 500 !important
}

.para_margin_b {
    margin-bottom: 0
}

@media screen and (max-width:575px) {
    .mobile_headings_center {
        text-align: center !important
    }
}

.bg-color {
    background-color: #f9fafe !important
}

.accordion-bg-color {
    background-color: #f9fafe
}

@media screen and (max-width:576px) {
    .accordion-bg-color {
        background-color: #fff
    }
}

.blue-bgcolor {
    background-color: #3069b3
}

.bg-form {
    background-color: #114487
}

@media screen and (max-width:576px) {
    .mobile-pad-gap {
        padding-left: 0;
        padding-right: 0
    }
}

.font-18 {
    font-size: 18px !important
}

.font-20 {
    font-size: 20px !important
}

@media screen and (max-width:576px) {
    .font-20 {
        font-size: 16px !important
    }
}

@media screen and (max-width:768px) {
    .address-box {
        padding: 0
    }
}

.mobile-address .headings {
    text-align: left
}

@media screen and (max-width:768px) {
    .mobile-address .headings {
        font-size: 22px
    }
}

.mobile-address .para-text {
    text-align: left
}

.mobile-address #accordion .address-box {
    padding: 0 30px 0 20px
}

    .mobile-address #accordion .address-box .black-headings, .mobile-address #accordion .address-box .para-text, .mobile-address #accordion .address-box h4 {
        color: #4879b4
    }

.mobile-address #accordion .mb-0 > .btn-link:after {
    content: url(../images/chevron-down-white.svg);
    margin-left: auto
}

.mobile-address #accordion .btn-link {
    color: #333;
    font-family: Roboto;
    font-size: 16px;
    cursor: pointer !important;
    width: 100%;
    display: flex
}

    .mobile-address #accordion .btn-link.focus, .mobile-address #accordion .btn-link:focus, .mobile-address #accordion .btn-link:hover, .mobile-address #accordion .btn-link:visited {
        text-decoration: none !important
    }

.mobile-address #accordion .active-acc {
    background-color: #3069b3 !important
}

    .mobile-address #accordion .active-acc .btn-link {
        color: #fff;
        text-decoration: none
    }

        .mobile-address #accordion .active-acc .btn-link[aria-expanded=true]:after {
            content: url(../images/chevron-up.svg) !important;
            margin-left: auto
        }

.mobile-address #accordion .card {
    margin-bottom: 15px;
    border: none
}

    .mobile-address #accordion .card .card-header {
        background-color: #f9fafe;
        border: none;
        border-radius: 8px
    }

    .mobile-address #accordion .card .card-body {
        padding: 10px
    }

.mobile-address #accordion a[aria-expanded=true] {
    color: #fff !important;
    text-decoration: none
}

@media screen and (max-width:576px) {
    .custom-select {
        margin-bottom: 20px
    }
}

.custom-select select {
    display: none
}

.custom-select .select-selected {
    display: flex;
    color: #333;
    font-size: 16px;
    background-color: #fff;
    padding: 10px 30px;
    border: none;
    cursor: pointer;
    user-select: none;
    border-radius: 30px;
    align-items: center
}

    .custom-select .select-selected:after {
        position: relative;
        border: none;
        top: 0;
        left: 0;
        margin-left: auto;
        content: url(../images/gstp/blue-arrow-up.svg) !important
    }

    .custom-select .select-selected.select-arrow-active:after {
        top: 0
    }

.custom-select .select-hide {
    display: none
}

.custom-select .select-items {
    position: relative;
    top: 0;
    top: 100%;
    z-index: 1;
    left: 17px;
    right: 17px;
    margin: 0 auto;
    padding-top: 1px;
    box-shadow: 0 10px 20px 0 rgba(79,84,114,.12)
}

    .custom-select .select-items div {
        border-radius: 0;
        color: #7a8ca3;
        background-color: #fff;
        padding: 10px 30px;
        border: none;
        cursor: pointer;
        user-select: none
    }

        .custom-select .select-items div.same-as-selected, .custom-select .select-items div:hover {
            background-color: #f8fafd;
            color: #7a8ca3
        }

        .custom-select .select-items div:last-child {
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px
        }

@font-face {
    font-family: Roboto;
    font-display: block;
    src: url(../fonts/Roboto-Light.eot);
    src: url(../fonts/Roboto-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Light.woff2) format("woff2"),url(../fonts/Roboto-Light.woff) format("woff"),url(../fonts/Roboto-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-display: block;
    src: url(../fonts/Roboto-Regular.eot);
    src: url(../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff"),url(../fonts/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-display: block;
    src: url(../fonts/Roboto-Medium.eot);
    src: url(../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Medium.woff2) format("woff2"),url(../fonts/Roboto-Medium.woff) format("woff"),url(../fonts/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-display: block;
    src: url(../fonts/Roboto-Thin.eot);
    src: url(../fonts/Roboto-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Thin.woff2) format("woff2"),url(../fonts/Roboto-Thin.woff) format("woff"),url(../fonts/Roboto-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-display: block;
    src: url(../fonts/Roboto-Black.eot);
    src: url(../fonts/Roboto-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Black.woff2) format("woff2"),url(../fonts/Roboto-Black.woff) format("woff"),url(../fonts/Roboto-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-display: block;
    src: url(../fonts/Roboto-Bold.eot);
    src: url(../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Bold.woff2) format("woff2"),url(../fonts/Roboto-Bold.woff) format("woff"),url(../fonts/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

body {
    font-family: Roboto
}

.help-home .nav-tabs .nav-item {
    width: 16.66667% !important
}

    .help-home .nav-tabs .nav-item .nav-link {
        justify-content: center;
        position: relative
    }

.help-home .search-input .input-group {
    padding: 7px 0;
    border: 1px solid #dbdfef;
    border-radius: 5px
}

    .help-home .search-input .input-group .input-group-text {
        border: none;
        background-color: #fff
    }

    .help-home .search-input .input-group .form-control {
        border: none;
        padding: 0
    }

        .help-home .search-input .input-group .form-control::-webkit-input-placeholder {
            color: #afbccd;
            font-size: 16px;
            font-weight: 300
        }

        .help-home .search-input .input-group .form-control::-moz-placeholder {
            color: #afbccd;
            font-size: 16px;
            font-weight: 300
        }

        .help-home .search-input .input-group .form-control:-ms-input-placeholder {
            color: #afbccd;
            font-size: 16px;
            font-weight: 300
        }

        .help-home .search-input .input-group .form-control:-moz-placeholder {
            color: #afbccd;
            font-size: 16px;
            font-weight: 300
        }

        .help-home .search-input .input-group .form-control:focus {
            outline: 0;
            box-shadow: none
        }

.help-home .spotlight-wrapper h5 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px
}

.help-home .spotlight-wrapper .spotlight-videos-img {
    background-image: url(../images/blogs/Latest.png);
    background-size: cover;
    background-position: 50%;
    height: 150px;
    position: relative;
    border-radius: 5px
}

    .help-home .spotlight-wrapper .spotlight-videos-img .video-btn {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        top: 50px;
        bottom: 0;
        width: 100%
    }

.help-home .spotlight h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px
}

.help-home .spotlight-videos {
    margin-top: 30px;
    height: 600px;
    overflow: scroll
}

    .help-home .spotlight-videos h3 {
        color: #333;
        font-size: 20px;
        font-weight: 700
    }

    .help-home .spotlight-videos::-webkit-scrollbar {
        width: 6px
    }

    .help-home .spotlight-videos::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #f9fafe
    }

    .help-home .spotlight-videos::-webkit-scrollbar-thumb {
        background-color: #afbccd;
        border-radius: 10px !important;
        outline: 1px solid #708090
    }

    .help-home .spotlight-videos::-webkit-scrollbar {
        display: block
    }

    .help-home .spotlight-videos .spotlight-mobile-wrapper .spotlight-videos-img {
        background-image: url(../images/blogs/Latest.png);
        background-size: cover;
        background-position: 50%;
        height: 100px;
        max-width: 180px;
        position: relative;
        border-radius: 5px
    }

        .help-home .spotlight-videos .spotlight-mobile-wrapper .spotlight-videos-img .video-btn {
            position: relative;
            left: 0;
            right: 0;
            margin: auto;
            display: block;
            top: 35px;
            bottom: 0;
            width: 100%
        }

    .help-home .spotlight-videos .spotlight-mobile-wrapper .media .media-body .video-time span {
        font-size: 12px
    }

    .help-home .spotlight-videos .spotlight-mobile-wrapper .media .media-body h5 {
        font-size: 14px
    }

.help-home .did-u-know {
    padding: 40px;
    border: 1px solid #dbdfef;
    border-radius: 5px;
    background-color: #f8fafd;
    box-shadow: 2px 6px 31px 0 #e1e6ed
}

    .help-home .did-u-know h5 {
        color: #333;
        font-size: 16px;
        font-weight: 400
    }

    .help-home .did-u-know h4 {
        color: #333;
        font-size: 16px;
        font-weight: 700
    }

.help-home .help-home-tab .r-tabs .r-tabs-tab {
    justify-content: center
}

.help-home .help-home-tab .r-tabs-anchor:after {
    content: none
}

.help-home .help-home-tab .nav-tabs {
    border-bottom: 3px solid #dbdfef;
    box-shadow: none
}

    .help-home .help-home-tab .nav-tabs .r-tabs-state-active {
        font-weight: 700
    }

        .help-home .help-home-tab .nav-tabs .r-tabs-state-active .r-tabs-anchor {
            color: #3069b3 !important
        }

    .help-home .help-home-tab .nav-tabs .nav-item {
        width: 16.66667%;
        text-align: center;
        background-color: #fff;
        border-radius: 0;
        padding: .5rem;
        border: none
    }

        .help-home .help-home-tab .nav-tabs .nav-item .nav-link {
            padding: 0;
            border: none;
            color: #7a8ca3;
            font-size: 16px;
            font-weight: 500
        }

            .help-home .help-home-tab .nav-tabs .nav-item .nav-link:focus {
                border: none;
                outline: 0;
                box-shadow: none
            }

.help-home .help-home-tab .tab-content .black-headings {
    color: #333;
    font-size: 20px;
    font-weight: 700
}

.help-home .spotlight-mobile-wrapper {
    display: flex
}

    .help-home .spotlight-mobile-wrapper img {
        position: relative
    }

.common-tab-dropdown .nav-tabs {
    border: 1px solid #e1e6ed;
    border-radius: 5px
}

    .common-tab-dropdown .nav-tabs .nav-item:last-child .nav-link:after {
        content: none
    }

    .common-tab-dropdown .nav-tabs .nav-item:first-child .nav-link.active {
        border-radius: 5px 0 0 5px
    }

    .common-tab-dropdown .nav-tabs .nav-item:last-child .nav-link.active {
        border-radius: 0 5px 5px 0
    }

    .common-tab-dropdown .nav-tabs .prev_slide .nav-link:after {
        display: none
    }

    .common-tab-dropdown .nav-tabs .nav-item {
        width: 16.66667%;
        text-align: center
    }

        .common-tab-dropdown .nav-tabs .nav-item .nav-link {
            color: #333;
            font-size: 16px;
            font-weight: 700;
            font-weight: 400;
            padding: 20px;
            border-radius: 0;
            border: none;
            position: relative
        }

            .common-tab-dropdown .nav-tabs .nav-item .nav-link:after {
                content: "";
                position: absolute;
                right: 0;
                z-index: 2;
                top: 25%;
                width: 1px;
                height: 50%;
                background: #3069b3
            }

            .common-tab-dropdown .nav-tabs .nav-item .nav-link:hover {
                border: none
            }

            .common-tab-dropdown .nav-tabs .nav-item .nav-link.active {
                background-color: #3069b3;
                color: #fff
            }

.common-tab-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #3069b3;
    background-image: none
}

    .common-tab-dropdown select::-ms-expand {
        display: none
    }

.common-tab-dropdown .select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    line-height: 3;
    background: #3069b3;
    overflow: hidden;
    border-radius: .25em
}

.common-tab-dropdown select {
    flex: 1;
    padding: 15px;
    color: #fff;
    cursor: pointer
}

.common-tab-dropdown .select:after {
    content: url(../images/home/arrow-down-white.svg);
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0 1em;
    background: 0 0;
    cursor: pointer;
    pointer-events: none
}

.shopper-9 ul li {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px
}

.videos {
    padding: 30px 15px;
    margin-top: 30px
}

    .videos .videos-wrapper .video-img {
        background-image: url(../images/blogs/Latest.png);
        background-size: cover;
        background-position: 50%;
        height: 120px;
        position: relative;
        border-radius: 5px
    }

        .videos .videos-wrapper .video-img .video-btn {
            position: relative;
            left: 0;
            right: 0;
            margin: auto;
            display: block;
            top: 35px;
            bottom: 0;
            width: 100%
        }

.tally-erp #accordion .card {
    border: none;
    text-decoration: none
}

    .tally-erp #accordion .card button {
        text-decoration: none;
        color: #4a4a4a;
        font-size: 16px
    }

        .tally-erp #accordion .card button:hover, .tally-erp #accordion .card button[aria-expanded=true] {
            color: #0a42e8
        }

    .tally-erp #accordion .card ul li {
        font-size: 14px;
        font-family: Proxima_regular
    }

        .tally-erp #accordion .card ul li span {
            margin-left: 15px
        }

.tally-erp #accordion ul {
    margin: 0 0 0 20px;
    list-style: none;
    line-height: 2em;
    font-family: Proxima_regular
}

    .tally-erp #accordion ul li {
        font-size: 16px;
        position: relative
    }

        .tally-erp #accordion ul li:before {
            top: 0;
            height: 1em;
            border-bottom: 1px solid #ddd;
            width: 10px
        }

        .tally-erp #accordion ul li:after, .tally-erp #accordion ul li:before {
            position: absolute;
            left: -15px;
            content: "";
            display: block;
            border-left: 1px solid #ddd
        }

        .tally-erp #accordion ul li:after {
            bottom: -7px;
            height: 100%
        }

        .tally-erp #accordion ul li.root:after, .tally-erp #accordion ul li.root:before, .tally-erp #accordion ul li:last-child:after {
            display: none
        }

        .tally-erp #accordion ul li.active a {
            color: #0a42e8
        }

.buy-now-licnse .custom-select {
    border: 1px solid #dbdfef;
    border-radius: 23px
}

.buy-now-licnse .price small {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    color: #3069b3;
    font-weight: 500
}

@media screen and (max-width:576px) {
    .buy-now-licnse .price small {
        font-size: 16px
    }
}

.buy-now-licnse .plans-desc {
    min-height: 45px;
    max-height: 45px
}

.buy-now-licnse .buy-rent a {
    display: inline-block
}

.buy-now-licnse .plans-box {
    padding: 40px
}

@media screen and (max-width:576px) {
    .buy-now-licnse .plans-box {
        padding: 30px 20px
    }
}

.buy-now-licnse .plans-box .left-box h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (max-width:576px) {
    .buy-now-licnse .plans-box .left-box .para-text, .buy-now-licnse .plans-box .left-box h3 {
        text-align: center
    }
}

@media screen and (max-width:576px) {
    .buy-now-licnse .plans-box .left-box .common-btn {
        margin: 0 auto;
        display: block
    }
}

.buy-now-licnse .plans-box .left-box span.cost {
    color: #3069b3;
    font-size: 24px;
    font-weight: 700
}

@media screen and (max-width:576px) {
    .buy-now-licnse .plans-box .left-box span.cost {
        font-size: 16px
    }
}

.buy-now-licnse .outside-license .left-box p {
    text-align: center
}

.buy-now-licnse .outside-license .select-selected {
    background-color: #f9fafe !important
}

.buy-now-licnse .common-tab-dropdown .nav-tabs .nav-item {
    width: 50%
}

@media only screen and (max-width:576px) {
    .buy-now-licnse .common-tab-dropdown .nav-tabs .nav-item .nav-link {
        padding: 20px 0px
    }

    .licence-tabs {
        padding: 0;
    }

    .flex-column-reverse, .left-box {
        text-align: center;
    }
}

.upgrades .select-selected {
    background-color: #fff !important
}

.pricing .card {
    border: 1px solid #dbdfef
}

    .pricing .card .card-body .card-text {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        font-weight: 400
    }

.pricing .auditor-box, .pricing .diamond-box, .pricing .gold-box, .pricing .silver-box {
    background-position: 50%;
    background-size: cover;
    height: auto
}

    .pricing .auditor-box .card-heading-text, .pricing .diamond-box .card-heading-text, .pricing .gold-box .card-heading-text, .pricing .silver-box .card-heading-text {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0
    }

.pricing .silver-box {
    background-image: url(../images/product/Silver.png)
}

.pricing .gold-box {
    background-image: url(../images/product/Gold.png)
}

.pricing .diamond-box {
    background-image: url(../images/product/Diamond.png)
}

.pricing .auditor-box {
    background-image: url(../images/product/Auditor.png)
}

.pricing .price .card-price-text {
    text-align: center
}

    .pricing .price .card-price-text span {
        font-weight: 400
    }