.ff_bg_image {
    background-image: url(images/banner-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-top: 9rem;
    padding-bottom: 4rem;
}

.services_bg_image {
    background-image: url(images/services-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    min-height: calc(65vh);
}

body,
.f-primary {
    font-family: 'Ubuntu', sans-serif;
}

p,
li {
    color: #000 !important;
    margin-bottom: 15px;
}

.fs-1 {
    font-size: 62px !important;
}

.btn,
.f-secondary {
    font-family: 'Poppins', sans-serif !important;
}

.footer-bg {
    background-image: url(images/footer-bg-shape-1.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    opacity: 0.2;
    position: absolute;
    bottom: -50px;
    width: 500px;
    height: 500px;
    left: 50%;
    transform: translate(-50%);
}

.bg-primary {
    background-color: #040061 !important;
}

.text-primary {
    color: #040061 !important;
}

.bg-primary-light {
    background-color: #EFF8FF !important;
}

.nav-link {
    border-bottom: 3px solid transparent;
}

.nav-link:hover {
    border-bottom: 3px solid #040061;
}

.hover-shadow:hover {
    box-shadow: 0 10px 40px 0 rgba(32, 62, 84, 0.08);
}

.logo {
    font-size: 42px;
}

@media (max-width: 768px) {
    .navbar {
        background: #eee;
    }
    .ff_bg_image {
        padding-top: 7rem;
        background-position: left;
    }
    .services_bg_image {
        background-position: left;
        min-height: calc(55vh);
    }
    .logo {
        font-size: 24px;
    }
    .logo img {
        width: 50px;
        height: 50px;
    }
    .fs-1 {
        font-size: 42px !important;
    }
    .footer-bg {
        width: 100%;
        height: 300px;
    }
}