/*
Theme Name:         TheSaaSX-Child
Theme URI:          http://thetheme.io/thesaasx
Description:        Responsive SaaS, Startup and Business WordPress Theme
Author:             TheThemeio
Author URI:         http://thetheme.io
Template:           thesaasx
Version:            1.1.5
Text Domain:        thesaasx-child
Tags:               one-column, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-ready

License:            Licensed under the Themeforest Standard Licenses
License URI:        https://themeforest.net/licenses/terms/regular
*/

body{
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.header h1 {
    font-size:50px;
    line-height: 60px;
    letter-spacing: 0;
    color:#2f2e41;
}

p.lead-2 {
    font-size: 20px;
    line-height: 30px;
    color:#1f1f1f;
}

.navbar-brand img {
    max-height: 30px;
}
.navbar-light .nav-navbar .nav-item .nav-link {
    color:#2C2B2B!important
}
.footer-logo {width:105px}
.cta-bottom {
    max-width:800px;
    margin:auto;
    margin-bottom:-65px;
    z-index:2;
    padding-left:20px;
    padding-right:20px
}

.btn-xxl {
    padding: 10px 38px 10px;
    font-size: 16px;
    font-weight:400;
    letter-spacing:1px;
}

header.header{
    position:relative;
}

.home header.header:after {
    content:'';
    position: absolute;
    width: 2px;
    height: 60px;
    border-right: solid 2px #000000;
    margin:auto;
    left: 50%;
    margin-left: -1px;
    bottom:-30px;
}

.main-content>.header:first-child+.container {
    margin-top: 2rem;
}

@media (min-width: 1200px) {
     .page-template-default:not(.home) .main-content > .container {
        max-width: 740px;
    }
}

body:not(.home) {
    background-image: linear-gradient(top, #f0ebe7, #f0ebe7 78%, transparent 78%, transparent 100%);
    background-image: -webkit-linear-gradient(top, #f0ebe7, #f0ebe7 78%, transparent 78%, transparent 100%);
}

.mh-200 {
    max-height: 200px;
}

.mh-170 {
    max-height: 170px;
}

.mt-30 {
    margin-top:30px;
}

.align-center {
    align-items: center;
}

.slick-slide img {
    border:10px solid #b6beca;
}

.part-bg-right {
    background-image: linear-gradient(right, #f7f5f4, #f7f5f4 78%, transparent 78%, transparent 100%);
    background-image: -webkit-linear-gradient(right, #f7f5f4, #f7f5f4 78%, transparent 78%, transparent 100%);
}

.additional-spaces {
    margin-bottom:70px;
    margin-top:50px;
}

.getin-slider {
    background:#f0ebe7;
}

.how-it-works-block .gap-y .feature-icon{
    position:relative;
}

.how-it-works-block .gap-y .feature-icon img{
    position:relative;
    z-index: 2;
}

.how-it-works-block .gap-y .feature-icon:after{
    content:"";
    border-bottom: solid 5px #b6beca;
    width:130%;
    position: absolute;
    bottom:6px;
    left:-20px;
    margin:auto;
}

@media (min-width: 1200px) {
    .how-it-works-block {
        max-width: 78%;
        margin: auto;
    }

    .how-it-works-block .gap-y {
        justify-content: space-between;
    }

    .how-it-works-block .gap-y .col-xl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 19.33333%;
        max-width: 19.33333%;
    }
}
.how-it-works-block h5 {
    color:#2f2e41;
    line-height:35px;
    font-size:24px;
}

.how-it-works-block p,
.how-it-works-block p.text-muted
{
    color:#1f1f1f!important;
    line-height:26px;
    font-size:19px;
}

@media (min-width: 768px) {
    .cta-bottom .col-md-9 {
        -webkit-box-flex: 0;
        flex: 0 0 65%;
        max-width: 65%;
    }
    .cta-bottom .col-md-3 {
        -webkit-box-flex: 0;
        flex: 0 0 35%;
        max-width: 35%;
    }

     .header .mr-auto.col-md-5 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.cta-bottom h4 {
    font-size: 20px;
}
.cta-bottom h4::first-line {
    font-size:25px;
    font-weight:bold;
}
.mw-195 {
    max-width:195px;
}
.mw-215{
    max-width: 215px;
}
.mt--22 {
    margin-top: -22px;
}

.navbar-dark {
    background:#fff;
}

.navbar {
    top:0;
}


@media screen and (max-width: 700px) {
    .how-it-works-block .gap-y .feature-icon:after {
        border-bottom:none;
        left:0;
    }

    .header h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .part-bg-right {
        background:#f7f5f4;
    }

    .navbar-light .navbar-toggler,
    .navbar-stick-light.stick .navbar-toggler {
        color:#1f1f1f;
    }

    .cta-bottom h4 {
        font-size:20px;
    }

    .cta-bottom h4::first-line {
        font-size:23px;
        font-weight:bold;
    }
}