@import url('../css/default.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

/* // Header */

.nav-logo img{
    width: 60px;
}

.web-menu ul li a{
    color: var(--text-color);
    font-size: 22px;
    transition: .1s;
}

.navbar-brand img{
    width: 60px;
}

.offcanvas-title img{
    width: 120px;
}


/* // benefits */


.benefits img{
    height: 170px;
}


/* // footer */
.footer-logo img{
    width: 200px;
}

.footer-nav ul li a{
    color: var(--text-color);
    font-size: var(--normal-font);
    font-family: var(--body-font);
}

footer{
    color: var(--text-color);
    font-size: var(--normal-font);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.text-justify{
    text-align: justify;
}

.banner_form {
    display: grid;
    grid-template-columns: 1fr max-content;
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    grid-column: span 2;
    margin-top: 0.75rem;
}

.banner_form>i {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 1.2rem;
}

.banner_form input {
    padding: 0 2.25rem;
    border-radius: 0;
}

.banner_form button {
    padding: 0.3rem 0.75rem;
    border-radius: 0;
}

.cardboxhover:hover{
    border: 1px solid green !important;
    transition: .1s ease;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}