/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.logo {
	width:50%;
}

.navbar-dark .navbar-nav .show > .nav-link{
    color: inherit;
}

.ti-close.mr-2{
    margin: 0 !important;
}

.modal .custom-control-label{
    font-size: .85rem;
}

.card .collapsing p,
.card .collapse p{
    text-align: left;
}

.logo{
    width: 23%;
}

.bg-light-gradient{
    background: linear-gradient(180deg, rgba(247,249,252,1) 0%, rgba(212,222,237,1) 97%);
}

.navbar[data-sticky="top"]{
    background: white !important;
}

@media (max-width: 767px) {
    .logo{
        width: 40%;
    }
    
    nav.navbar button.btn{
        padding: 0.3rem 1.2rem;
    }
}


a.nav-link.nav-item:not(.dropdown-toggle):after{
    content: "";
    vertical-align: 0.1em;
}

.btn-back-to-top{
    left: 15px;
    bottom: 15px;
}

.btn-primary{
    background-color: #444;
    border-color: #444;
}

.btn-primary:hover {
    background-color: #fb493a;
    border-color: #fb493a;
}