/* Global Css start here */
@font-face {
    font-family: 'PulpDisplay-Regular';
    src: url('fonts/eot/PulpDisplay-Regular.eot');
    src: url('fonts/eot/PulpDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/woff2/PulpDisplay-Regular.woff2') format('woff2'),
        url('fonts/woff/PulpDisplay-Regular.woff') format('woff'),
        url('fonts/ttfPulpDisplay-Regular.ttf') format('truetype')
}
@font-face {
    font-family: 'PulpDisplay-Medium';
    src: url('fonts/eot/PulpDisplay-Medium.eot');
    src: url('fonts/eot/PulpDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/woff2/PulpDisplay-Medium.woff2') format('woff2'),
        url('fonts/woff/PulpDisplay-Medium.woff') format('woff'),
        url('fonts/ttfPulpDisplay-Medium.ttf') format('truetype')
}
@font-face {
    font-family: 'PulpDisplay-Bold';
    src: url('fonts/eot/PulpDisplay-Bold.eot');
    src: url('fonts/eot/PulpDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/woff2/PulpDisplay-Bold.woff2') format('woff2'),
        url('fonts/woff/PulpDisplay-Bold.woff') format('woff'),
        url('fonts/ttfPulpDisplay-Bold.ttf') format('truetype')
}
:root {
    --themeBlue: #007bff;
    --themeDarkBlue: #2e3959;
    --themeGrey: #666666;
    --themeBlueGrey: #fff2f1;
    --themeBlueTest: blue;
}
body {
    overflow-x: hidden !important;
}
.bg-grey {
    background: #fff2f1;
}
.pt-26 {
    padding-top: 2.6rem !important;
}
.pt-30 {
    padding-top: 3rem !important;
}
.theme-btn-blue {
    background-color: var(--themeBlue);
    color: #fff;
}
.theme-btn-blue:hover {
    text-decoration: none;
    color: #fff;
}
.theme-btn-white {
    background-color: #fff;
    color: var(--themeBlue);
}
.theme-btn-small {
    padding: 1.2rem 3.2rem;
    border-radius: .25rem;
    font-size: 1.5rem;
}
.theme-btn-medium {
    font-size: 2rem;
    font-weight: 700;
    padding: 1.4rem 5.1rem;
    border-radius: .25rem;
    display: inline-block;
}
.theme-btn {
    display: inline-block;
    font-family: 'PulpDisplay-Bold';
}
.btns-group .theme-btn:first-child {
    margin-right: 2.6rem;
}
.btns-group .theme-btn-white svg {
    fill: var(--themeOrange);
}
.btns-group .theme-btn-white:hover svg {
    fill: #fff;
}
.default-60 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.default-100 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.pt-60 {
    padding-top: 6rem;
}
.pb-115 {
    padding-bottom: 11.5rem;
}
.heading-style {
    text-align: center;
    margin-bottom: 7rem;
}
.heading-style .small-desc {
    color: var(--themeOrange);
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: 'PulpDisplay-Bold';
    letter-spacing: 1.5px;
}
.heading-style h2,
.section-title {
    font-size: 4.5rem;
    font-family: 'PulpDisplay-Bold';
    color: var(--themeDarkBlue);
    margin-bottom: 1.5rem;
}
.heading-style p {
    font-size: 1.8rem;
    color: var(--themeGrey);
    margin-bottom: 0rem;
}
.heading-style p.lead {
    font-size: 2.2rem;
    line-height: 3rem;
}
.section-title {
    margin-bottom: 2rem;
    font-size: 4.5rem;
}
.ff-bold {
    font-family: 'PulpDisplay-Bold';
}
.half-greybg {
    position: relative;
}
.half-greybg:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 50%;
    background: var(--themeBlueGrey)
}
h5 {
    font-size: 1.8rem;
    font-family: 'PulpDisplay-Bold';
}
h3 {
    font-size: 2.8rem;
    font-family: 'PulpDisplay-Bold';
}
.w70per {
    max-width: 70%;
    margin: auto;
}
.shadow-style-1 {
    box-shadow: 0rem 0rem 1.8rem rgba(0, 0, 0, 0.2);
}
.align-middle-big {
    margin-top: 16.5rem;
}
img {
    max-width: 100%;
}
/*btns animation*/
.theme-btn {
    z-index: 1;
    position: relative;
    outline: none;
    border: none;
    overflow: hidden;
    transition: color 0.4s ease-in-out;
}
.theme-btn:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    transform-origin: center;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
    transition: transform 0.45s ease-in-out;
}
.theme-btn:hover {
    cursor: pointer;
}
.theme-btn:hover:before {
    transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);
}
.theme-btn-white:before,
.theme-btn-blue:before {
    background-color: var(--themeDarkBlue);
}
.theme-btn-white:hover,
.btn-hover-blue:hover,
.theme-btn-blue:hover {
    color: #fff;
}
.btn-hover-blue::before {
    background-color: var(--themeBlue);
}
.theme-btn-blue-over-white {
    background-color: var(--themeBlue);
    color: #fff;
}
.theme-btn-blue-over-white:hover:before {
    background-color: #fff;
}
.theme-btn-blue-over-white:hover {
    color: #333;
    text-decoration: none;
}
.pricing-item {
    transition: all ease-in-out 0.2s !important;
}
.pricing-item:hover {
    margin-top: -3rem;
    z-index: 1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.theme-btn-white:hover {
    color: #fff;
    text-decoration: none;
}
.dark-bg {
    background: var(--themeDarkBlue);
    padding: 7rem 0;
}
.price-signup h2 {
    font-size: 3.8rem;
    color: #ffffff;
}
.theme-btn-xxl {
    font-size: 2.2rem;
    color: var(--themeDarkBlue);
    display: block;
    padding: 2rem 6rem;
    border-radius: 3.5rem;
    text-align: center;
}
.bg-white {
    background: #fff !important;
}
.breadcrumb.rpm-breadcrumb {
    padding: 0;
    background: none;
}
.breadcrumb.rpm-breadcrumb li {
    font-size: 1.3rem;
    color: #000000;
}
.breadcrumb.rpm-breadcrumb li:not(:first-child):before {
    content: '>';
}
.breadcrumb.rpm-breadcrumb li a {
    color: #13abda;
}
/* Global Css end here */
/* Header css start here */
.rpm-header {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    background: #fff2f1;
}
.no-bg {
    background: none;
}
.rpm-fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.rpm-header .navbar {
    padding: 0rem;
    background: inherit !important;
}
.rpm-header .navbar-brand {
    padding-top: 0;
    margin-right: 1.6rem;
}
.rpm-header .navbar .navbar-nav li a {
    font-size: 1.5rem;
    color: var(--themeDarkBlue);
    padding: 0.9rem 1.3rem;
}
.rpm-header .navbar .navbar-nav li a:hover,
.rpm-header .navbar .navbar-nav li a.active {
    color: var(--themeBlue);
}
.rpm-header .navbar .navbar-nav li a.theme-btn-blue {
    color: #fff;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    font-family: 'PulpDisplay-Bold';
}
/* Header css end here */
/* Static Banner css start here */
.static-banner {
    padding-top: 6.5vh;
    padding-bottom: 21vh;
    position: relative;
}
.static-banner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 40vh, 0 100%);
    background: var(--themeBlueGrey);
}
.static-banner h1 {
    font-size: 6.5rem;
    color: var(--themeDarkBlue);
    line-height: 7rem;
    font-family: 'PulpDisplay-Bold';
    margin-bottom: 2rem;
}
.static-banner p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #000000;
    margin-bottom: 2rem;
}
/* Login Container */
.login-outer h3 {
    color: #000000;
    margin-bottom: 3rem;
}
.login-outer .heading-style h2 span {
    background: url(../images/nt-bg.png) no-repeat;
    background-size: 100%;
    padding: 15px 11px;
    background-position: center;
}
.login-outer .theme-btn-blue {
    width: 100%;
}
.form-group {
    margin-bottom: 2rem;
}
.form-group label {
    color: #666666;
    font-family: 'PulpDisplay-Regular';
    font-weight: 300;
    font-size: 1.3rem;
}
.form-group .form-control {
    height: 6.2rem;
    border: solid 1px #cccccc;
    font-size: 1.5rem;
    color: #2e3959;
    padding: 0rem 1.5rem;
    border-radius: 0.5rem;
}
.form-left {
    padding-right: 6rem;
}
.form-right {
    background: #d9e2fe;
}
/* .form-right:after{ content: ''; position: absolute; background: #ecfbff; width: 100%; height: 100%; right: -99%; } */
.login-outer,
.signup-outer {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ecfbff+65,ecfbff+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 65%, #d9e2fe 65%, #d9e2fe 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 65%, #d9e2fe 65%, #d9e2fe 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #ffffff 65%, #d9e2fe 65%, #d9e2fe 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9e2fe', GradientType=1);
    /* IE6-9 */
}
.signup-outer .form-group .form-control {
    height: 4.2rem;
}
.trial-content {
    text-align: center;
    padding: 6rem 0rem;
    box-shadow: 0 0 33px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 8rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    width: 85%;
    background: #fff;
    border-radius: 2rem;
}
.trial-section .shapes-style-4 .shape-1 {
    z-index: 1;
    z-index: 1;
    top: 3.2rem;
    left: 0;
}
.blogs-section .container {
    position: relative;
}
.blog-post {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 3.5rem;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.blog-post .blog-info {
    padding: 3rem 2rem;
}
.blog-post .blog-info h5 {
    margin-bottom: 1rem;
}
.blog-post .blog-info a {
    font-size: 2.6rem;
    line-height: 3.6rem;
    color: var(--themeBlue);
}
.blog-post .blog-info a:hover {
    text-decoration: none;
}
.blog-post .blog-info p {
    margin-bottom: 0rem;
    font-size: 1.8rem;
    color: var(--themeGrey);
}
.shape-1, .shape-2, .shape-3, .shape-4 {
    position: absolute;
}
.shapes-style-4 .shape-1 {
    top: 1.6rem;
    left: -7%;
}
.shapes-style-4 .shape-2 {
    bottom: 0rem;
    right: -6%;
}
.video-item {
    max-width: 102rem;
    margin: auto;
    box-shadow: 0px 0px 3.5rem rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}
.circle-small {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    background: #c4f6ed;
    display: block;
}
.circle-big {
    width: 36.6rem;
    height: 36.6rem;
    border-radius: 100%;
    background: #ecfbff;
    display: block;
}
.shape-1,
.shape-2,
.shape-3,
.shape-4 {
    position: absolute;
}
.shapes-style-1 .shape-1 {
    top: 19%;
    left: -1%;
}
.shapes-style-1 .shape-2 {
    top: 18%;
    left: 5%;
}
.shapes-style-1 .shape-3 {
    top: 32%;
    left: -6%
}
.shapes-style-1 .shape-4 {
    bottom: -6%;
    right: 1%
}
.shapes-style-2 .shape-1 {
    bottom: 10%;
    right: -1%;
    height: 11.1rem;
    width: 11.1rem;
}
.shapes-style-2 .shape-2 {
    bottom: 5%;
    left: -4%;
}
.shapes-style-2 .shape-3 {
    top: -9%;
    left: -3%;
}
.shapes-style-2 .shape-4 {
    top: 0%;
    right: -2%
}
.shapes-style-3 .shape-1 {
    bottom: 11%;
    left: 5%;
    width: 110px;
    height: 11.1rem;
}
.shapes-style-3 .shape-2 {
    widows: 3.4rem;
    height: 3.4rem;
    border-radius: 100%;
    top: 20%;
    right: 50%;
    background: #afe9f8;
}
.shapes-style-3 .shape-3 {
    bottom: 11%;
    right: 0;
}
.shapes-style-3 .shape-4 {
    top: 20%;
    left: 0%
}
/* Footer css start here */
.rpm-footer {
    background-color: var(--themeBlueGrey);
    padding-top: 40rem;
    padding-bottom: 4rem;
    overflow: hidden;
    position: relative;
}
.foot-logo {
    display: inline-block;
}
.foot-widget p,
.foot-widget a {
    font-size: 1.3rem;
    color: var(--themeDarkBlue);
}
.foot-widget a:hover {
    color: var(--themeOrange);
    text-decoration: none;
}
.foot-widget p {
    margin-bottom: 0.5rem;
}
.foot-widget h4 {
    font-size: 1.5rem;
    color: var(--themeDarkBlue);
    font-family: 'PulpDisplay-Bold';
}
.foot-list {
    margin: 0px;
    padding: 1.5rem 0rem;
}
.foot-list li {
    list-style: none;
}
.rpm-footer:before {
    content: '';
    height: 24rem;
    width: 100%;
    /*border-right: 50vw solid; border-left: 50vw solid; border-bottom: 150px solid; border-top: 150px solid; border-color:rgb(255, 255, 255) rgb(245, 246, 248) rgb(245, 246, 248) rgb(255, 255, 255); */
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 0vh, 0 100%);
    position: absolute;
    top: 0px;
    left: 0px;
}
.banner-content {
    padding-top: 6vh;
}
/* Footer Css end here */
.product-increase {
    padding-top: 20rem;
    padding-bottom: 15rem;
}
.foot-list {
    text-align: right;
}
.foot-list li {
    display: inline-block;
    margin-left: 5rem;
}
.foot-list li:first-child {
    margin-left: 0rem;
}
.foot-list li a:hover {
    color: var(--themeBlue);
}
.rpm-footer .foot-widget .foot-logo {
    float: left;
}
.rpm-footer .foot-widget .foot-info {
    float: left;
    padding-left: 2rem;
    padding-top: 1rem;
}
.rpm-footer .foot-widget .foot-info a {
    display: block;
}
.inner-banner {
    padding: 11rem 0rem;
}
.inner-banner h1 {
    font-size: 7.5rem;
    font-family: 'PulpDisplay-Bold';
    line-height: 8.5rem;
    color: var(--themeDarkBlue);
    text-align: center;
}
.inner-banner p {
    font-size: 2.2rem;
    line-height: 3.4rem;
    text-align: center;
    padding-top: 4.2rem;
}
.pricing-item {
    background: #fff;
    text-align: center;
    color: #000;
}
.pricing-item.active {
    background: var(--themeBlue);
    color: #fff;
}
.pricing-item.active .priceing-item-content .price+p {
    color: #fff;
}
.pricing-item-inner {
    padding: 5.5rem 0rem;
}
.pricing-item-title h3 {
    font-size: 3.5rem;
    font-family: 'PulpDisplay-Regular';
}
.pricing-item-title p {
    font-size: 1.5rem;
}
.priceing-item-content {
    padding: 5rem 0;
}
.priceing-item-content .price sup {
    top: -0.8rem;
    font-size: 1.8rem;
    font-family: 'PulpDisplay-Regular';
}
.priceing-item-content .price {
    font-size: 4.2rem;
    line-height: 4.2rem;
    font-family: 'PulpDisplay-Bold';
}
.priceing-item-content .price+p {
    color: #666666;
}
.pricing-item .theme-btn-small {
    padding: 0.8rem 3.2rem;
}
.faq-section {
    background: #fff;
    padding: 12rem 0;
}
.faq-section h2 {
    font-size: 3.5rem;
    color: #000;
    line-height: 4.5rem;
    margin-bottom: 3.5rem;
}
.rpm-accordion .card {
    border: inherit;
}
.rpm-accordion .card-header {
    padding: 0;
    background: inherit;
    border-top: solid 1px rgba(0, 27, 38, 0.1);
    border-bottom: solid 1px rgba(0, 27, 38, 0.1);
}
.rpm-accordion .card-header h2 {
    line-height: 0;
}
.rpm-accordion .card-header h2 button {
    font-size: 2.2rem;
    color: #333;
    padding: 2.75rem 0;
    display: block;
    width: 100%;
    text-align: left;
}
.rpm-accordion .card-header h2 button.collapsed {
    background: url(../images/plus.png) no-repeat right center;
}
.rpm-accordion .card-header h2 button {
    background: url(../images/minus.png) no-repeat right center;
}
.rpm-accordion .card-header h2 button:focus,
.rpm-accordion .card-header h2 button:hover {
    text-decoration: none !important;
}
.rpm-accordion .card-body {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.8rem;
    font-family: 'PulpDisplay-Regular';
}
.rpm-accordion {
    border-bottom: solid 1px rgba(0, 27, 38, 0.1) !important;
}
.featured-banner {
    background: #fff2f1;
    padding-top: 10rem;
    padding-bottom: 22.4rem;
}
.featured-banner .heading-style {
    margin-bottom: 2rem;
}
.featured-banner .heading-style h2 {
    font-size: 6.5rem;
    line-height: 7.5rem;
    font-family: 'PulpDisplay-Bold';
    color: var(--themeDarkBlue);
}
.project-management {
    padding-top: 19rem;
    padding-bottom: 12rem;
}
.project-management .graph-content {
    max-width: 38rem;
}
.grey-clip-bg {
    position: relative;
    background: var(--themeBlueGrey);
}
.grey-clip-bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 65vh, 0 100%);
    background: #fff;
}
.blue-clip:before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 50rem, 0 100%);
    background: #fff;
}
.blue-clip {
    position: relative;
    background-color: #30085e;
}
.layer {
    position: absolute;
    z-index: 1;
}
.layer-1 {
    right: -8rem;
}
.layer-2 {
    bottom: -26rem;
    right: 29rem;
}
.layer-3 {
    bottom: -34rem;
    right: 46rem;
}
.layer-4 {
    bottom: -16rem;
    right: 48rem;
}
.layer-5 {
    bottom: -31rem;
    right: 70rem;
}
.layer-6 {
    bottom: -20rem;
    right: 92rem;
}
.animation-item {
    position: absolute;
    bottom: 0;
}
.pt-5 {
    padding-top: 5rem;
}
.pb-5 {
    padding-bottom: 5rem;
}
.pb-10 {
    padding-bottom: 10rem;
}
.pt-10 {
    padding-top: 10rem;
}
.graph-content {
    margin-bottom: 0;
}
.productivity-content .graph-content {
    max-width: 30rem;
    margin-left: 3rem;
}
.employees-section .graph-content {
    max-width: 38rem;
    padding-top: 8.5rem;
}
.data-warehouse .graph-content {
    max-width: 39rem;
    margin-left: auto;
}
.data-warehouse {
    position: relative;
    z-index: 1;
}
.data-warehouse:after,
.data-warehouse:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 10rem;
    background: #fff;
}
.data-warehouse:before {
    top: 0px;
}
.data-warehouse:after {
    bottom: 0;
    z-index: -1;
}
.blue-section {
    background: #30085e;
    padding-top: 13rem;
    padding-bottom: 13rem;
    position: relative;
}
.blue-section h2 {
    color: #fff;
    margin-top: 2rem;
    font-size: 4.5rem;
}
.blue-section .shapes-style-1 .shape-2 {
    top: -5%;
    left: 0;
}
.blue-section h5 {
    font-size: 2.6rem;
    color: #fff;
    margin-bottom: 8rem;
}
.blue-section .shapes-style-1 .shape-3 {
    bottom: -25%;
    right: 0%;
    left: inherit;
    top: inherit;
    width: 36.4rem;
    height: 36.4rem;
    border-radius: 100%;
    background: #f9cfc6;
}
.hero-img {
    margin-right: calc((-40vw + 100%)/2);
}
.rpm-footer.inner-footer:before {
    display: none;
}
.rpm-footer.inner-footer {
    padding-top: 8rem;
}
.h-layer-1 {
    top: 4rem;
    left: -10rem;
}
.h-layer-2 {
    top: 13rem;
    left: 0rem;
}
.h-layer-3 {
    top: 22.5rem;
    left: -6rem;
}
.contact-inner {
    background: #fff;
    padding: 5rem;
}
.contact-info {
    position: relative;
}
.contact-info::before {
    content: '';
    position: absolute;
    height: 20rem;
    background: #fff2f1;
    width: 100%;
    top: 0;
    left: 0;
}
.address-info {
    padding-top: 2rem;
}
.address-info a {
    display: block;
    color: #000000;
    font-size: 1.8rem;
}
.contact-right h5 {
    font-size: 2.4rem;
    line-height: 3rem;
    color: var(--themeDarkBlue);
    margin-bottom: 3.5rem;
}
.contact-right .form-control {
    height: 3.6rem;
    padding: 0px 1rem;
    border-radius: 0;
    border: solid 1px #c2c2c2;
}
.contact-right textarea.form-control {
    height: 18rem;
}
.blog-inner {
    padding: 5rem 0rem;
    margin-bottom: -35rem;
    z-index: 1;
    position: relative;
}
.card.blog-item {
    border-color: #e4e7e8;
}
.blog-item .card-body {
    padding: 1.5rem;
    position: relative;
}
.blog-item .card-body .card-title {
    font-family: 'PulpDisplay-Regular';
    padding-top: 3.2rem;
    padding-bottom: 1rem;
}
.blog-item .card-body .card-title a {
    color: #003750;
    font-size: 2.3rem;
    line-height: 2.5rem;
    text-decoration: none;
}
.blog-item .card-body .card-title a:hover {
    color: currentColor;
    text-decoration: none;
}
.blog-item .card-body .card-text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #333;
    font-family: 'PulpDisplay-Regular';
}
.blog-cat {
    background: var(--themeDarkBlue);
    color: #fff;
    font-size: 1.6rem;
    padding: 2px 8px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
}
.blog-cat:hover {
    color: #fff;
    text-decoration: none;
}
.bg-blue {
    background: #5a3c91;
}
.sidebar-widget h5 {
    color: #fff;
    font-size: 2.6rem;
    line-height: 3.8rem;
    margin-bottom: 1.5rem;
}
.sidebar-widget .theme-btn-small {
    padding: 1rem 3.2rem;
}
.single-heading h1 {
    color: var(--themeDarkBlue);
    font-size: 6.3rem;
    line-height: 7.3rem;
    font-family: 'PulpDisplay-Bold', sans-serif;
    margin-bottom: 1.5rem;
}
.single-heading .single-meta-info {
    color: #000000;
    font-size: 1.3rem;
}
blockquote {
    font-style: italic;
    font-size: 1.6rem;
    padding: 2rem 0rem;
}
.blog-single p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 2.5rem;
}
.blog-single img {
    margin-bottom: 2.5rem;
}
.blog-inner p.s-highlight {
    color: #55b4e2;
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-family: 'PulpDisplay-Bold', sans-serif;
}
.b-widget {
    margin-top: 3rem;
}
.b-widget-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #003750;
    border-bottom: solid 1px #e4e7e8;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.b-widget .b-widget-tag a {
    background: #13abda;
    border-radius: 3px;
    color: #fff;
    font-size: 1.6rem;
    display: inline-block;
    padding: 0.6rem 1.5rem;
    transition: all ease-in-out 0.2s;
}
.b-widget .b-widget-tag a:hover {
    background: var(--themeDarkBlue);
    text-decoration: none;
}
.blog-single .social-single a {
    margin-right: 1.5rem;
}
.blog-single .social-single a:hover {
    opacity: 0.8;
}
.floating-social ul {
    margin: 0;
    padding: 0;
}
.floating-social ul li {
    list-style: none;
}
.floating-social ul li:first-child a {
    border-top: solid 1px #d0dae2;
}
.floating-social ul li a {
    height: 5rem;
    width: 5rem;
    border-bottom: solid 1px #d0dae2;
    background: #fff;
    border-left: solid 1px #d0dae2;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.floating-social ul li a img {
    margin-bottom: 0px;
}
.floating-social ul li a:hover {
    opacity: 0.6;
}
.floating-social {
    position: fixed;
    right: 0;
}
/* Popup Css Here */
.modal.custom-popup .modal-dialog {
    max-width: 750px;
}
.modal.custom-popup .modal-dialog .modal-body {
    padding-top: 5rem;
    padding-bottom: 3rem;
    position: relative;
}
.modal.custom-popup .modal-dialog .modal-body .close {
    position: absolute;
    top: 0.5rem;
    right: 1.5rem;
    font-size: 5rem;
    color: #333;
}
.modal.custom-popup .modal-dialog .modal-body .heading-style {
    margin-bottom: 25px;
}
.modal.custom-popup .modal-dialog .modal-body .contact-right {
    max-width: 400px;
    margin: auto;
}
/* Popup Css end here */
.nav-item1 {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: calc(100% - 7.5rem);
}
.forg-gt-pg p {
    margin-bottom: 30px;
}
.forg-gt-pg .arw {
    width: 14px;
    margin: -3px 4px 0 0;
    transform: rotate(-90deg);
}
.forg-gt-pg1 .heading-style {
    margin: 0;
}
.forg-gt-pg1 img {
    max-width: 75%;
    margin: 0 auto;
}
/* Responsive Css start here */
@media(min-width:768px) {
    .vertical-middle-md {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .card-columns {
        column-count: 2;
        column-gap: 3rem;
    }
    .card-columns .card {
        margin-bottom: 3rem;
    }
}
@media(min-width:1200px) {
    .container {
        max-width: 1170px;
    }
}
@media(min-width:1280px) {
    .vertical-middle {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media(min-width:1681px) {
    .vertical-middle-xxl {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media(max-width:1680px) {
    .signup-outer .form-left {
        padding-top: 12rem;
    }
}
@media(max-width:1366px) {
    .signup-outer .vh-100 {
        height: inherit !important;
    }
    .signup-outer .form-left,
    .signup-outer .form-right {
        padding-bottom: 3rem;
    }
    .featured-banner {
        padding-top: 5rem;
        padding-bottom: 19rem;
    }
    .h-layer-1 {
        top: 4rem;
        left: -10rem;
        width: 19rem;
    }
    .h-layer-2 {
        top: 13rem;
        left: 0rem;
        width: 12rem;
    }
    .h-layer-3 {
        top: 22.5rem;
        left: -6rem;
        width: 15rem;
    }
}
@media(max-width:1280px) {
    .shapes-style-1 .shape-3 {
        left: -1%;
    }
    .shapes-style-4 .shape-1 {
        left: -2%;
    }
    .shapes-style-4 .shape-2 {
        right: -2%;
    }
    .hero-img {
        margin-right: inherit;
    }
    body {
        overflow-x: hidden !important;
    }
    .blogs-section .shapes-style-4 {
        display: none;
    }
    .layer-1 {
        right: -2rem;
    }
    .layer-2 {
        bottom: -26rem;
        right: 35rem;
    }
    .layer-3 {
        bottom: -34rem;
        right: 52rem;
    }
    .layer-4 {
        bottom: -16rem;
        right: 54rem;
    }
    .layer-5 {
        bottom: -31rem;
        right: 76rem;
    }
    .layer-6 {
        bottom: -20rem;
        right: 98rem;
    }
    .project-management {
        padding-top: 25rem;
    }
}
@media(max-width:1199px) {
    html {
        font-size: 8px;
    }
    .signup-outer .form-left,
    .signup-outer .form-right {
        padding-top: 15rem;
        min-height: 768px;
    }
    .animation-item .layer img {
        width: 90%;
    }
    .floating-social {
        top: 50rem;
    }
}
@media(max-width:991px) {
    .navbar-toggler {
        border: none !important;
        margin-right: 0px;
    }
    .navbar-toggler-icon {
        width: 3.5rem;
        height: 3.5rem;
    }
    .rpm-header .navbar .navbar-nav li {
        padding: 1rem 0rem;
        border-top: solid 1px rgba(0, 0, 0, 0.2);
    }
    .rpm-header {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .shape-1 img, .shape-2 img, .shape-3 img, .shape-4 img {
        max-width: 90%;
    }
    .circle-big {
        width: 28.6rem;
        height: 28.6rem;
    }
    .banner-content {
        padding-top: 0vh;
        text-align: center;
        padding-bottom: 5vh;
    }
    .product-increase {
        padding-top: 15rem;
        padding-bottom: 7rem;
    }
    .align-middle-big {
        margin-top: 6.5rem;
    }
    .heading-style h2, .section-title {
        font-size: 4rem;
    }
    .reward-section {
        padding-bottom: 0;
    }
    .reward-section .heading-style {
        margin-bottom: 0;
    }
    .reward-section .align-middle-big {
        margin-top: 3rem;
    }
    .rpm-header .navbar .navbar-nav li a {
        font-size: 1.8rem;
    }
    .foot-widget p, .foot-widget a {
        font-size: 1.5rem;
    }
    .price-signup h2 {
        text-align: center;
        margin-bottom: 2.5rem;
    }
    .price-signup .theme-btn {
        max-width: 33rem;
        margin: auto;
    }
    .inner-banner {
        padding: 6rem 0rem;
    }
    .inner-banner h1 {
        font-size: 6rem;
        line-height: 7rem;
    }
    .featured-banner .heading-style h2 {
        font-size: 5rem;
        line-height: 6rem;
    }
    .layer-1 {
        right: -2rem;
        width: 32rem;
    }
    .layer-2 {
        bottom: -22rem;
        right: 26rem;
    }
    .layer-3 {
        bottom: -32rem;
        right: 42rem;
    }
    .layer-4 {
        bottom: -14rem;
        right: 40rem;
    }
    .layer-5 {
        bottom: -31rem;
        right: 65rem;
    }
    .layer-6 {
        display: none;
    }
    .blue-section .shapes-style-1 .shape-3 {
        bottom: -40%;
    }
    .data-warehouse:after, .data-warehouse:before {
        height: 5rem;
    }
    .h-layer-1 {
        top: 4rem;
        left: 0rem;
        width: 20.5rem;
    }
    .h-layer-2 {
        top: 13rem;
        left: 5rem;
        width: 14.5rem;
    }
    .h-layer-3 {
        top: 22.5rem;
        left: 0rem;
        width: 18.4rem;
    }
    .hero-img {
        margin-left: 10rem;
    }
    .single-heading h1 {
        font-size: 4.5rem;
        line-height: 5.5rem;
    }
    .blog-single .social-single a {
        margin-right: 0.5rem;
    }
    .b-widget .b-widget-tag a {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
}
@media(max-width:767px) {
    .nav-item1 {
        position: relative;
        bottom: auto;
        margin-top: 30px;
        width: 100%;
    }
    .h-layer-1,
    .h-layer-2,
    .h-layer-3 {
        display: none;
    }
    .hero-img {
        margin-left: 0rem;
    }
    .shapes-style-1,
    .shapes-style-2,
    .shapes-style-3,
    .shapes-style-4 {
        display: none;
    }
    .static-banner h1 {
        font-size: 3.5rem;
        line-height: 4.5rem;
    }
    .theme-btn-medium {
        padding: 1.1rem 3rem;
    }
    .btns-group .theme-btn:first-child {
        margin-right: 1.6rem;
    }
    .heading-style h2, .section-title {
        font-size: 3rem;
    }
    .default-100 {
        padding-top: 5rem;
        padding-bottom: 5rem !important;
    }
    .trial-content {
        padding: 4rem 0rem;
    }
    .rpm-footer {
        padding-top: 34rem;
    }
    .foot-widget {
        text-align: center;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
    .align-middle-big {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .static-banner {
        padding-bottom: 5vh;
    }
    .product-increase {
        padding-top: 8rem;
        padding-bottom: 3rem;
    }
    .reward-section {
        padding-bottom: 0rem !important;
    }
    .graph-item-content .heading-style {
        text-align: center !important;
    }
    .heading-style p.lead {
        font-size: 2rem;
    }
    .blog-post .blog-info a {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
    .foot-list {
        text-align: center;
    }
    .foot-list li {
        margin: 0rem 1rem;
    }
    .rpm-footer {
        padding-bottom: 0rem;
    }
    .rpm-footer .foot-widget .foot-logo {
        float: none;
        margin: auto;
        display: block;
    }
    .rpm-footer .foot-widget .foot-info {
        float: none;
        display: block;
        padding-top: 2rem;
    }
    .foot-list {
        padding-top: 0rem;
    }
    .login-outer .form-left,
    .login-outer .form-right {
        height: inherit !important;
    }
    .login-outer,
    .signup-outer {
        background: #ecfbff;
        background: -moz-linear-gradient(top, #ecfbff 0%, #ffffff 21%, #ffffff 21%, #ffffff 21%, #ffffff 21%, #ffffff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ecfbff 0%, #ffffff 21%, #ffffff 21%, #ffffff 21%, #ffffff 21%, #ffffff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ecfbff 0%, #ffffff 21%, #ffffff 21%, #ffffff 21%, #ffffff 21%, #ffffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecfbff', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }
    .signup-outer .form-left, .signup-outer .form-right {
        min-height: inherit;
    }
    .login-outer .form-right,
    .signup-outer .form-right {
        padding-top: 15rem;
    }
    .login-outer .form-left,
    .signup-outer .form-left {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .form-left {
        padding-right: 2rem;
    }
    .rpm-header .navbar-brand img {
        max-width: 110px;
    }
    .inner-banner h1 {
        font-size: 3.5rem;
        line-height: 4rem;
    }
    .inner-banner p {
        padding-top: 1.2rem;
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .pricing-item-inner {
        padding: 4.5rem 0rem;
    }
    .priceing-item-content {
        padding: 4.5rem 0rem;
    }
    .price-signup h2 {
        font-size: 2.6rem;
    }
    .theme-btn-xxl {
        padding: 1.8rem 6rem;
        font-size: 1.8rem;
    }
    .dark-bg {
        padding: 5rem 0;
    }
    .faq-section {
        padding: 6rem 0rem;
    }
    .rpm-accordion .card-header h2 button {
        font-size: 1.8rem;
        padding: 1.75rem 0;
        padding-right: 4rem;
        background-size: 15px !important;
    }
    .layer-1 {
        display: none;
    }
    .layer-2 {
        bottom: -22rem;
        right: 1rem;
        width: 20rem;
    }
    .layer-3 {
        bottom: -32rem;
        right: 10rem;
        width: 15rem;
    }
    .layer-4 {
        bottom: -14rem;
        right: 20rem;
        width: 20rem;
    }
    .layer-5 {
        bottom: -29rem;
        right: 26rem;
        width: 19rem;
    }
    .project-management {
        padding-top: 19rem;
    }
    .featured-banner .heading-style h2 {
        font-size: 3.1rem;
        line-height: 4.1rem;
    }
    body .graph-content {
        max-width: 100% !important;
        padding-top: 5rem;
        text-align: center !important;
    }
    .pb-10,
    .project-management {
        padding-bottom: 5rem;
    }
    .employees-section .graph-content {
        padding-top: 2rem;
    }
    .pt-10 {
        padding-top: 5rem;
    }
    .data-warehouse {
        margin-top: 3rem;
    }
    .blue-section h5 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .blue-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .blue-clip:before {
        clip-path: polygon(0 0, 100% 0, 100% 30vh, 0 100%);
    }
    .contact-inner {
        padding: 3rem;
    }
    .contact-right {
        padding-top: 3rem;
        border-top: solid 1px rgba(0, 0, 0, 0.1);
        margin-top: 3rem;
    }
    .contact-right h5 {
        font-size: 2.2rem;
    }
    .card-columns .card {
        margin-bottom: 3rem;
    }
    .floating-social {
        top: 0rem;
        position: absolute;
    }
    .single-heading h1 {
        padding-right: 3rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }
}
/* Responsive Css end here */