:root {
    --primary: #085786; 
    --primary-light: #bcd5e3; 
    --secondary: #708090;
    --success: #386a20;
    --success-light: #d9e7cb;
    --danger: #b3261e;
    --danger-light: #ecc9c7;
    --warning: #E8DE2A;
    --info: #30D5C8;

    --fill-light:#f3f6ea;
    --fill-light-redish: #f5f0f0;
    --border-radius:1.75rem;
}

body{
    font-family: 'Open Sans', sans-serif;
    /* font-family: 'Inria Serif', serif; */
    /* letter-spacing: .5px; */
    font-size: 16px;
    line-height: 1.5rem;
    color: #1a1c18;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{
    font-weight: 600;
}

main{
    min-height: calc(100vh - 135px);
}

.bg-fill-light{
    background-color: var(--fill-light);
}
.bg-fill-light-redish{
    background-color: var(--fill-light-redish);
}

.bg-fill-primary{
    background-color: var(--primary);
}

.btn{
    font-size: .85rem;
    border-radius: var(--border-radius);
    padding: .5rem 1.5rem;
}
.btn-sm{
    padding: .25rem .75rem;
}
.btn-lg{
    padding: .75rem 2rem;
}
.btn-primary{
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-secondary{
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-success{
    background-color: var(--success);
    border-color: var(--success);
}

.btn-danger{
    background-color: var(--danger);
    border-color: var(--danger);
}
.btn-warning{
    background-color: var(--warning);
    border-color: var(--warning);
}
.btn-info{
    background-color: var(--info);
    border-color: var(--info);
}


.card, .card-body{
    border-radius: var(--border-radius);
}

section{
    padding: 2rem 0;
}

.why-block span.material-symbols-outlined{
    font-size: 4rem;
}

.action-logo{
    width: 160px;
    height: 160px;
    color: #1a1c18 ;
    text-align: center;
    background-color: #f5f5f5;
    display: inline-block;
    padding: 1rem;
    border-radius: 1.75rem;
    text-decoration: none;
    font-weight: bold;
    transition: all .1s .05s ease;
margin:.5rem;
}
.action-logo img{
    margin-bottom: 1rem;
height: 85px;
}
.action-logo:hover{
    background-color: #a8c7fa;
}

.faq-q{
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: .75rem;
}
.faq-q:before{
    content: "Q.";
    position: absolute;
    left: 0;
}

.faq-a{
    padding-left: 1.5rem;
    margin-bottom: 2rem;
}

.cursor-pointer{
    cursor: pointer;
}


.nav-link{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border-radius: 1.75rem;
}

.navbar-nav .nav-link:hover{
    background-color: #eee;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    background-color: #cce4fd;
}

.dropdown-item{
    border-radius: 7px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #cce4fd;
    color: unset;
}

.dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
    border:0 none;
}


.feature-icon{
    max-height: 6rem;
}