@font-face {
    font-family: Slippy-Regular;
    src: url('../../fonts/Slippy-Regular.otf');
}
@font-face {
    font-family: Slippy-Light;
    src: url('../../fonts/Slippy-Light.otf');
}
@font-face {
    font-family: Slippy-Bold;
    src: url('../../fonts/Slippy-Bold.otf');
}
/* Custom link Base*/
.nav-item {
    margin: 0 4px;
}

.cus-link {
    background-color: #000;
    display: inline-block;
    border-radius: 100px;
    color: #F7FAFC;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding: 8px 34px;
}
.new-hub .cus-link {
    background-color: #000;
    display: inline-block;
    border-radius: 100px;
    color: #F7FAFC;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding: 8px 34px;
}
.cus-link:hover {
    color: #fff;
    text-decoration: none;
}
.cus-link.cus-link-sm{
    padding: 4px 34px;
}
.cus-link.cus-link-disable{
    background-color: #C8C8C8;
}


.cus-link.cus-link-red {
    background-color: #f23542;;
}
.cus-link.cus-link-red:hover{
    background: #FF4653;
}

.cus-action {
    background: #F73B49;
    box-shadow: 0 4px 40px rgba(166, 6, 6, 0.5);
    border-radius: 100px;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    padding: 8px 16px;
}

/* END Custom link Base */

/* Custom Link Base Ghost */
.cus-link-ghost {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #0A2E52;
}

.cus-link-ghost:hover {
    color: #000;
    text-decoration: none;
}

/* END Custom Button Base Ghost */

/* Custom Button Base outline */
.cus-link-outline {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #0A2E52;
}

.cus-link-outline:hover {
    color: #000;
    text-decoration: none;
}

/* END Custom Button Base outline */

/* css helper classes*/

/* text color helper classes */
.text-gray{
    color: #0A2E52;
}

.text-light-gray {
    color: #5F6368;
}

.font-weight-500{
    font-weight: 500!important;
}
/* text color helper classes */

/* background color*/
.bg-dark-light-gray {
    background-color: #EFF3F6;
}

.bg-light-gray {
    background-color: #F7F9FB;
}
.bg-red {
    background-color: #F23542;
}
.bg-dark-blue{
    /* background-color: #0C2E51;; */
    background-color: #F4F7FE;
}

.bg-white-light{
    background-color: #E5E5E5;
}
/* END background color*/

/* text color */
.text-light-gray{
    color: #5F6368;
}
/* END text color */

/* Typography */
h1 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    color: #000000;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 60px;
    color: #000000;
}
h4 {
    font-family: 'Roboto' ,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #0A2E52;
}
/* END Typography */

/* Typography Text Helper Class*/
.cus-text-bold{
    font-weight: 600;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    /* color: #fff; */
}
/* END Typography Text Helper Class */

/* HTML form component from-group */
.form-group.error{
    margin-bottom: 4px;
}
.form-group div.invalid-input{
    font-size: 10px;
    padding-left: 10px;
    line-height: 12px;
    color: #F30000;
    padding-top: 4px;
}
.form-group.error input{
    border: 1px solid #F23542!important;
}
.low-credit-alert-popup {
    width: 330px;
    text-align: left;
}
.low-credit-alert-popup label {
    font-size: 15px;
}
.low-credit-alert-popup .input-group-text {
    background: transparent;
    border-right: transparent;
}
.low-credit-alert-popup #low_credit_alert_input {
    border-left: transparent;
}

/* END HTML form component from-group */

/* ******************** For new landing page ************************ */
.container{
    overflow-x: hidden;
}
.landing-hero .text-container{
    padding-left: 115px;
}
.rc-bg{
    background: #FEF5F6;
    border-radius: 11px;
}
.light-red-bg{
    background: #FEF5F6;
    text-align: center;
    padding: 60px 15px;
    margin-bottom: 85px;
    /* margin-top: 80px; */
}
.customers-container{
    background: #F4F7FE;
    text-align: center;
    padding: 60px 15px 60px;
    margin-bottom: 80px;
}
.red-text{
    color: #F30000;
    font-family: 'Slippy-Bold';
}
img.img-fluid.bridgeSteps {
    margin: 0 auto;
    display: block;
    padding: 50px;
}
.star-img{
    width: 111px !important;
    margin-top: 0px !important;
}
.owl-carousel{
    width: 80% !important;
    margin: 0 auto !important;
}
.customer-feedback{
    margin: 21px 0 40px;
}
.customer-feedback.inner-box{
    background: #fff;
    border-radius: 11px;
    padding: 21px !important;
    width: 98%;
    min-height: 385px;
}
.customer-feedback.inner-box p{
    text-align: left;
    color: #5F6368;
    font-family: Roboto;
    font-size: 16px!important;
    line-height: 28px;
}
.customer-feedback .read-more{
    display: flex;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-top: 0px;
    width: 100px;
}


.tooltip-text {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    width: 100px;
    color: white;
    font-size: 12px;
    background-color: #192733;
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
  }
  
  .hover-text:hover .tooltip-text {
    visibility: visible;
    width: 260px;
    /* overflow-y: scroll;
    max-height: 290px; */
  }
  .right {
    top: -40px;
    left: 40%;
  }
  
  .hover-text {
    position: relative;
    display: inline-block;
    margin: 40px;
    font-family: Arial;
    text-align: center;
  }
.customer-feedback-heading{
    margin-top: 11px !important;
    color: #232323 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: 'Slippy-Bold';
}
.feedback-user-name{
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #232323 !important;
    margin-bottom: 2px !important;
}
.white-button{
    background: #fff !important;
    color: #F30000 !important;
    border: 1px solid #F30000;
    padding-left: 46px !important;
}
.white-button:hover{
    background: #fff !important;
    color: #F30000 !important;
    border: 1px solid #F30000;
}
.white-button span.cus-action{
    background: #fff !important;
    box-shadow: none !important;
    /* color: #f23542; */
}
.footer-logo{
    height: 90px !important;
}
.nav-link-color{
    color: #5F6368 !important;
}
.copyright-color{
    color: #5F6368 !important;
}
.copyright-color a{
    color: #5F6368 !important;
}
button.btn.btn-danger.subscribe {
    padding: 11px 21px;
    border-radius: 21px;
}
.follow-us-social img{
    width: 25px;
}
.footer .nav-link{
    margin-right: 15px;
}
.col-auto.ml-auto.crm-services {
    padding-left: 0;
}
.crm-services a{
    padding-left: 0;
    padding-top: 21px;
    padding-bottom: 18px;
}
.coming_soon{
    width: 80px!important;
    display: block;
    margin-top: -5px;
}
.missing-crm{
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;  
    color: #F30000;  
    text-decoration: underline;
}
.missing-crm:hover{
    color: #F30000;  
}
.need-help-buttons{
    display: inline-flex;
}
.sticky-top{
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff !important;
    height: 80px;
}
.header-bg{
    background: #FEF5F6;
    /* padding-bottom: 11px; */
}
.main-header-container{
    width: 100%;
}
.read-more{
    color: #F30000;
    text-decoration: underline;
    font-weight: bold;
}
.read-more:hover{
    color: #F30000;
    text-decoration: none;
}
.heading-h1{
    font-size: 48px !important;
    color: #232323;
    font-family: 'Slippy-Bold';
    /* line-height: 64px !important; */
}
.heading-h2{
    font-size: 24px;
    font-weight: 700;
    color: #232323;
    font-family: 'Slippy-Bold';
}
.step1-heading{
    font-weight: 300;
}
.step2-heading{
    font-weight: 300;
}
.step3-heading{
    font-weight: 300;
}
.footer-bold-text{
    font-size: 20px;
    line-height: 24px;
    color: #232323 !important;
    font-family: 'Slippy-Bold';
}
.logo-size{
    width: 136px !important;
}
.padding-botom{
    padding-bottom: 50px !important;
}
.flow-container{
    max-width: 800px !important;
}
.steps-centent{
    padding-right: 41px;
}
.video-icon{
    padding-right: 2px !important;
    margin-left: 6px !important;
}
.new-text-color{
    color: #5F6368;
}
.hr-styling{
    width: 444px;
    color: #DFE3E8;
}
.optimize-improve img{
    width: 55px;
    margin-top: 21px !important;
}
.optimize-improve h3{
    margin-top: 15px !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-family: 'Slippy-Bold';
}
.no-monthly-fee-main-cont{
    padding-bottom: 21px !important;
}
.no-monthly-fee p{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #5F6368 !important;
    padding-right: 91px;
}
.button-in-red {
    background-color: #F30000 !important;
}
.button-in-red:hover{
    background: #F30000 !important;
}
.need-help-section{
    padding: 45px 15px !important;
}
.need-help-section h2{
    font-size: 24px !important;
    line-height: 34px;
    color: #232323;
    font-family: 'Slippy-Bold';
}
.need-help-section p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5F6368;
}
.footer-main-section{
    padding: 50px 30px 15px 30px !important;
}
.footer-copyright-section{
    padding: 30px 30px 13px 30px !important;
}
.footer-copyright-section p{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* color: #5F6368 !important; */
}
.footer-copyright-section p a{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* color: #5F6368 !important; */
}
.links-container a{
    font-weight: 400;
    font-size: 16px !important;
    line-height: 24px; 
    color: #5F6368 !important;
}
.follow-up-boss-img{
    width: 200px !important;
    margin-top: 12px;
}
.tools-line-height a{
    line-height: 50px;
}
.header-bg .menu ul{
    justify-content: end;
    align-items: center;
}
.no-monthly-fee-main-cont h1{
    padding-top: 0px!important;
}
.no-monthly-fee-main-cont .img img{
    width: 80%!important;
}
.need-help-buttons li:nth-child(2) a{
    padding: 9px 35px !important;
    background: transparent  !important;
}
.how-it-works{
    margin-top: 70px;
}
.faster-easier-section{
    margin-top: 70px;
}
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 600px){
    .steps-right-side{
        margin-right: 0px !important;
    }
}
@media(max-width:1399px){
    .landing-hero .text-container {
        padding-left: 15px;
    }
}

@media(max-width:575px){
    .hero-section {
        padding-bottom: 0px!important;
    }
    .header-bg .main-logo{
        padding: 0 10px!important;
    }
    .header-bg .cus-link-ghost {
        font-size: 14px;
        padding-left: 0;
    }
    .header-bg .cus-link {
        font-size: 14px;
        padding: 10px 20px;
    }
    .no-monthly-fee p {
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 28px !important;
        color: #5F6368 !important;
        padding-right: 0px;
    }
    .step-2-row .text{
        padding-left: 15px!important;
    }
    .steps-centent {
        margin-top: -10px;
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .rc-bg {
        max-width: 95%;
        margin: 0 auto;
    }
    .light-red-bg {
        margin-bottom: 70px;
    }
    .no-monthly-fee-main-cont .img img {
        width: 100%!important;
        margin-bottom: 70px;
    }
    .customers-container .heading-h1{
        font-size: 38px !important;
        line-height: 54px !important;
    }
    .need-help-section {
        width: 93% !important;
        margin: 0 auto 70px;
    }
    .need-help-buttons li a{
        font-size: 14px !important;
    }
    .ml-auto, .mx-auto{
        margin-left: 0px!important;;
    }
    .heading-h1{
        font-size: 45px !important;
    }
}
@media(max-width:359px){
    .header-bg .cus-link-ghost,
    .header-bg .cus-link {
        font-size: 11px;
    }
}

/* popup start */
.coming-soon-heading{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 71px;
    color: #0A2E52;
    text-align: center;
}
.coming-soon-modal p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5F6368;
    margin-top: -10px;
}
.coming-soon-modal label{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #5F6368;
}
.coming-soon-modal .submit-button{
    display: inline-block;
    border-radius: 100px;
    color: #F7FAFC;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    background-color: #F30000 !important;
    font-size: 16px;
    padding: 6px 20px;
    border: none;
    float: right;
}
.coming-soon-modal .cancel-button{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #232323;   
    border: none; 
    background: none;
}
.coming-soon-modal ::placeholder{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    color: #C8C8C8;
}
.coming-soon-modal select{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    color: #5F6368;
}
.coming-soon-footer{
    display: block !important;
    border-top: none;
}
.coming-soon-input{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    color: #5F6368 !important;
}
.coming-soon-modal .modal-content {
    padding: 11px;
}
/* popup end */

/* .subscribe-newsletter{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #5F6368;
} */
.how-it-works p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5F6368;
}
.support-col-footer a{
    padding-right: 0px !important;
}
@media(min-width:1200px){
    .support-col-footer{
        max-width: 9.7%;
    }
}
@media(min-width:1400px){
    .support-col-footer{
        max-width: 8.7%;
    }
}
@media(max-width:320px){
    .heading-h1 {
        line-height: 45px !important;
        font-size: 38px !important;
    }
    .hero-section h1 {
        padding-top: 11px !important;
    }
    .m-buttons{
        margin: 0 auto;
        display: block;
        text-align: center;    
    }
    .m-buttons li a{
        margin-bottom: 3px; 
        padding-left: 35px;
        padding-right: 35px;   
    }
    .header-bg .cus-link{
        padding: 2px 20px;
    }
    .nav-link{
        padding-right: 0px;
    }
}

.automate-business p {
    font-family: 'Roboto';
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #5F6368 !important;
    padding-right: 111px;
}
@media(max-width:768px){
    .automate-business p{
        padding-right: 0px;
    }
}

/*** New Footer Changes **/
.footer-bold-text{
	font-size: 14px !important;
	line-height: 24px !important;
	color: #fff !important;
	font-family: 'Slippy-Bold';
}
.footer-main-section{
    padding: 30px 30px 15px 30px !important;
}
.footer-copyright-section{
    padding: 30px 30px 13px 30px !important;
}
.footer-copyright-section p{
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: normal!important;
    color: rgba(250,250,250,.6);
}
.footer-copyright-section p a{
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 24px !important;
    color: #fff !important;
}
.footer-copyright-section p a:hover{
    color: #97aabc !important;
    text-decoration: none;
}
.links-container a{
    font-weight: 400;
    font-size: 12px !important;
    line-height: 13px !important; 
    color: #fff !important;
    opacity: 40%;
}
.footer-container{
    max-width: 1200px;
    margin: 0 auto;
}
.tools-line-height a{
    line-height: 13px;
}
.last-col-opacity {
    opacity: 100% !important;
    font-size: 14px !important;
}
.footer-nav li a{
    font-size: 14px !important;
  }
.follow-us-on{
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 0px;
}
.follow-us-list li a{
    width: 23px;
}
.follow-us-list li a img{
    vertical-align: top;
}

ul.nav.footer-nav li {
    display: contents;
}
ul.nav.footer-nav li a {
    color: #fff;
    height: 23px;
    margin-bottom: 35px;
    margin-right: 0;
    padding-right: 0;
    font-size: 14px !important;
}
ul.nav.footer-nav li a:hover {
    text-decoration: underline;
}
.d-md-block .nav-link-color:hover {
    text-decoration: underline;
}
ul.nav.footer-nav li::after {
    content: "|";
    color: #718aa2;
    height: max-content;
    margin: 10px 15px;
}
ul.nav.footer-nav li:last-child:after {
    content: "";
}
.footer-bg{
    background-color: #0a2e52;
    border-bottom: 1px solid #1c2435;
}
.li-heading{
    font-size: 15px!important;
    opacity: 100%!important;
}
.li-heading:hover{
    color: #97aabc!important;
}
.subscribe-newsletter{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 14px;
    color: #fff !important;
}