@font-face {
    font-display: block;
    font-family: "bootstrap-icons";
    src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
  url("../fonts/bootstrap-icons.woff2") format("woff");
  }
  
  .bi::before,
  [class^="bi-"]::before,
  [class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.bi-telephone-fill::before { content: "\f5b4"; }
.bi-arrow-right::before { content: "\f138"; }


body {
    color: #6d6d6d;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #4A4A4A;
}

p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}

.navbar {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px, rgba(0, 0, 0, 0.01) 0px -2px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px, rgba(0, 0, 0, 0.01) 0px -2px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px, rgba(0, 0, 0, 0.01) 0px -2px 0px;
}

.navbar-nav {
    flex-direction: initial;
}

.nav-link {
    padding: 8px 10px;
    font-weight: 400;
    font-size: 13px;
}

footer .nav-link {
    text-decoration: underline;
}

.phone-numbers {
    font-weight: 600;
    font-size: 18px;
    color: #4A4A4A;
    margin-right:10px;
}

.phone-numbers strong {
    color: #2e3e9e;
}

h1.slab-title {
    font-weight: 700;
    font-family: "Roboto Slab", "Roboto", Helvetica, Arial, sans-serif;
    font-size: 25px;
    color: #303F9F;
}

h3 {
    font-size: 22px;
    color: #303F9F;
    font-weight: bold;
}

footer h4{
    font-size: 1rem;
}

.hero-container {
    background: #f5f6fa;
    color: #303F9F;
}

.main-content-wrapper {
    padding: 20px;
}

.splitter {
    height: 1px;
    width: 100%;
    border-top: 1px solid #ededed;
    margin: 0;
}

.col img {
    max-width: 100%;
}

.article h4 a {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #4d4d4d;
}

.background-img {
    display: block;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
}

.recall-section {
    background: #f5f6fa;
    padding: 50px 30px 0;
}

ul li {
    color: #6d6d6d;
    font-weight: 400;
    font-size: 0.95em;
    line-height: 1.5em;
}

.copyright-text {
    color: #666666;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: normal;
}

.section-margins {
    margin: 30px 0;
}

.btn-border {
    border-radius: 40px;
}

.btn {
    font-size: 1.1rem;
    padding: 0.475rem 0.75rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #fd8a10;
    --bs-btn-border-color: #fd8a10;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #fd8a10;
    --bs-btn-hover-border-color: #fd8a10;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #fd8a10;
    --bs-btn-active-border-color: #fd8a10;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fd8a10;
    --bs-btn-disabled-border-color: #fd8a10;
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}



@media (min-width: 768px) {

    h1.slab-title {
        font-size: 32px;
    }

    .section-margins {
        margin: 50px 0;
    }

}

@media (min-width: 992px) {

    .main-content-wrapper {
        margin: 50px;
        box-shadow: 0 3px 20px 1px rgb(0 0 0 / 5%), 0 0 0 1px #f1f1f1;
        border-radius: 4px;
        padding: 30px;
    }
}