/* 
/* 
/*  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.
/*
*/
.object-review img{
    width: 50px;
}

.trends-box{
    background-repeat: no-repeat;
    background-size: cover !important;
    margin-bottom: 2rem;
}

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, small, table, tbody, thead, a, pre, section, header, footer, nav {
    font-family: "Raleway", sans-serif;
}

.text-theme{
    color: #3b8c6e;
}

.h-12 {
    height: 3rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.tracking-tighter {
    letter-spacing: -.05em;
}

.bg-theme{
    background-color: #3b8c6e !important;
}

.font-bold {
    font-weight: 700;
}

.text-xl {
    font-size:14.0pt;
    line-height: 107%
}

footer .nav-link:not(.active):not(.disabled):not(:hover) {
    opacity: 1;
}

@media(max-width:768px){
    .object-review img{
        width: 30px;
    }
    .object-review h5{
        font-size: 1rem;
    }
    .object-review .ml-2{
        margin-left: 0.5rem !important;
    }
}