.container-m0 {
    margin: 0em;
}

.container-m08 {
    margin: 0.8em;
}

.bg-light {
    background-color: #f6f8fa !important;
}

.nav-link.active {
    color: #f5176c !important;
}

.header .nav-link {
    color: #000000;
    padding-left: 1.8em !important;
}


.underline.active {
    color: #f5176c !important;
    border-bottom: 2.5px solid currentColor;
}

h1, .h1{
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1em;
    font-size: 3.5em;
}

.index-mt-10 {
    margin-top: 6.5rem;
}

h2, .h2{
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    font-size: 1.7em;
}

h4, .h4{
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    font-size: 1.2em;
}

h5, .h5 {
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 1em;
}

.h5.title {
    font-family: 'Helvetica', 'Roboto', sans-serif;
    font-weight: 700;
}

h6, .h6 {
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #252d46;
}

p, .p {
    font-weight: 400;
    font-family: 'Helvetica', 'Roboto', sans-serif;
    font-size: 0.95em;
}

.text-thin{
    font-weight: 100;
    font-family: 'Helvetica', 'Roboto', sans-serif;
    font-size: 0.95em;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

a, .a {
    font-weight: 500;
    font-size: 0.85em;
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
}

.text-indigo {
    color: #0d235f !important;
}

.footer .nav-item a:hover {
    color: #f5176c !important;
    text-decoration: none;
}

.footer .nav-item a {
    font-family: 'Helvetica', 'Roboto', sans-serif;
    font-weight: 100;
}

.btn-primary {
    background-color: #015cc2 !important;
    border-color: #015cc2 !important;
    font-family: 'Catamaran', sans-serif;;
    font-weight: 300;
    font-size: 1rem;
}

.btn-dark {
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    padding: 0.45em 1.25em 0.45em 1.25em;
    margin-left: 1.5em;
}

.btn-block {
    border-radius: 2rem;
}

.btn-indigo {
    background-color: #091430 !important;
    border-color: #091430 !important;
    font-family: 'Catamaran', sans-serif;;
    font-weight: 500;
    font-size: 1rem;
}

.btn-light {
    font-family: 'Catamaran', sans-serif;
    font-weight: 300;
    font-size: 1rem;
}

.text-70 {
    color: #202124;
}

.text-50 {
    color: #3b3c3d;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5);
}

.text-white-70 {
    color: rgba(255, 255, 255, 0.8);
}

a.text-white-50:hover {
    color: rgb(255, 255, 255) !important;

}

.text-100 {
    color: #141518;
}

.bg-indigo {
    background-color: #0f1935 !important;
    border: none !important;
}

.bg-white {
    background-color: #ffffff !important;
    border: none !important;
}

.icon-soft-indigo {
    color: #0d235f;
    background: rgba(1, 6, 27, 0.1);
  }

.bg-soft-primary {
    color: #0d235f;
    background: rgba(111, 135, 161, 0.1);
}

.text-indigo-np {
    font-weight: 300;
    font-size: 1rem;
    color: #015cc2;
}

.text-primary {
    background: linear-gradient(-60deg,#ff9011,#f5176c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa9d22",endColorstr="#db2828",GradientType=1);
    line-height: 125%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100%,100%;
    display: inline-block;
}

a:hover{
    color: #f5176c !important;
    text-decoration: none;
}
a.nav-link:hover {
    color: #f5176c !important;
    text-decoration: none;}

.text-white-np {
    font-weight: 300;
    font-size: 1rem;
    color: white;
}

.text-white-npa {
    font-weight: 300;
    font-size: 1rem;
    color: white;
}

a.text-white-npa:hover{
    color: #a8b6be;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    border-top: 0.1875rem solid #015cc2;
}

.form-control {
    font-weight: 100;
}

.font-size-1 {
    font-weight: 100;
    font-size: 0.8em !important;
}

.font-emp-5 {
    font-weight: 500;
    color: #0d235f;
}

.slider-menu-item{
    opacity: 0.6;
    padding: 0.6rem;
    font-weight: 500;
    font-size: 1em;
    font-family: 'Catamaran', sans-serif;
}

.slider-menu-item span{
    padding-right: 2em;
}

.slider-menu-item-current{
    opacity: 1;
}

.slick-slide {
    height: calc(100vh - 25px) !important;
 }
 
.navbar-brand, .navbar-brand > img {
    width: 5.5em;
}

.bg-mixp {
    background-color: #ebf2ff !important;
    border: none !important;
}

.xl-text {
    font-size: 2.2em;
    font-weight: 600;
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
}

.ml-text {
    font-size: 1.7em;
    font-weight: 600;
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
}

.lead {
    font-size: 1.3rem;
    font-weight: 400;
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
  }

.quote-xs {
    font-size: 0.85em;
    font-weight: 500;
    font-family: 'Poppins', 'Helvetica', 'Roboto', sans-serif;
}

.hero-illustration {
    margin-top: 8em;
}


.img-fluid.binary-row {
    width: 30em;
}

@media screen and (min-width: 370px) and (max-width: 600px) {
    div.hero-illustration {
        display: none !important;
}

    .h1, h1 {
        font-size: 2.8em;
        text-align: center;
        line-height: 1.25em;
    }

    .h4, h4 {
        font-size: 1.15em;
    }

    .p, p {
        text-align: center;
        font-size: 0.9em !important;
    }

    .nav-link.h-havi {
        font-size: 0.75em !important;
    }

    .navbar-brand, .navbar-brand > img {
        width: 5.5em !important;
    }

    .mt-10 {
        margin-top: 5em !important;
    }

    .mt-5 {
        margin-top: 0 !important;
    }
    
    .index-mt-10 {
        margin-top: 0 !important;
    }

    .hero-illustration {
        margin-top: 0 !important
    }

    .min-h-380rem {
        min-height: 18rem !important;

    }

    .col-lg-7 {
        text-align: center !important;
    }
    
    .xl-text {
        font-size: 1.85em;
    }

    .ml-text {
        font-size: 1.45em;
    }

    .quote-xs {
        font-size: 0.9em;
    }

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

    .space-1 {
        padding-bottom: 1rem !important;
        padding-top: 1.5rem !important
    }

    .container.solution {
        text-align: center;
    }

    .space-4,
    .space-top-4 {
        padding-top: 4rem !important;
    }

    .space-lg-4,
    .space-bottom-lg-4 {
      padding-bottom: 2rem !important;
    }

    .mb-11 {
        margin-bottom: 1em !important;
    }

    .mb-5 {
        margin-bottom: 1em !important;
    }

    .mt-11 {
        margin-top: 2em !important;
    }

  }