html, body {
    font-family: 'Euclid Circular B', sans-serif;
    background: #FAFAFA;
    color: #888;
}

a {
    color: #32657E !important;
    text-decoration: none !important;
}

a:hover {
    color: #26516A !important;
}

.nav-link {
    font-weight: 500;
    padding: 5px 10px !important;
    font-size: 15px;
    color: #999 !important;
}

.nav-link.active {
    color: #32657E !important;
}

.nav-link:hover {
    color: #32657E !important;
}

.btn-primary {
    background-color: #32657E !important;
    border-color: #32657E !important;
    color: #FFFFFF !important;
}

.btn-primary:hover {
    background-color: #26516A !important;
    border-color: #26516A !important;
    color: #FFFFFF !important;
}

.bg-ftf {
    background: #32657E !important;
}

.bg-ftf-dark {
    background: #1a3143 !important;
}

.text-ftf {
    color: #32657E !important;
}

.text-gold {
    color: #f6c95e !important;
}

.bg-gold {
    background: #f6c95e !important;
}

p {
    margin-bottom: 0 !important;
}

.swiper-hero, .swiper-hero .swiper-slide {
    height: 70vh !important;
}

.swiper-slide.bg-overlay-400::before {
    background: linear-gradient(45deg, rgba(18, 48, 85, 0.9) 0, rgba(18, 48, 85, 0.9) 45%, rgba(17, 29, 108, .2) 100%);
}

.truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wp-box {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 100;
    text-align: center;
}

.wp-box img {
    width: 70px;
    height: 70px;
}

@media (max-width: 768px) {
    .wp-box img {
        width: 50px;
        height: 50px;
    }
}