body p {
    line-height: 25px !important;
}

.hero-container-bg {
    transition: .1s;
    position: fixed !important;
}

.swiper-slide.one {
    background: linear-gradient(140deg, rgb(0, 0, 0, 50%), rgb(0, 0, 0, 60%)), url(../img/loan.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-slide.two {
    background: linear-gradient(140deg, rgb(0, 0, 0, 50%), rgb(0, 0, 0, 60%)), url(../img/loan2.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-slide.three {
    background: linear-gradient(140deg, rgb(0, 0, 0, 50%), rgb(0, 0, 0, 60%)), url(../img/loan3.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.products-deco {
    /* clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0); */
}

.interest-circle {
    transition: .5s;

}

@keyframes one {
    0% {
        top: -60px;
        left: -70px;
    }

    22% {
        bottom: -60px;
        left: 70px;
    }

    42% {}

    62% {}

    82% {}

    100% {}
}

.float-1 {
    transition: .5s;
    animation: float-1 10s linear infinite;
}

.float-2 {
    transition: .5s;
    animation: float-2 10s linear infinite;
}

.float-3 {
    transition: .5s;
    animation: float-3 10s linear infinite;
}

@keyframes float-1 {
    0% {
        transform: translateX(0);
    }

    22% {
        transform: translateX(-2.3%);
    }

    42% {
        transform: translateY(2.3%);
    }

    62% {
        transform: translateX(2.3%);
    }

    82% {
        transform: translateY(0);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes float-2 {
    0% {
        transform: translateX(0);
    }

    22% {
        transform: translateX(2.3%);
    }

    42% {
        transform: translateY(-5.3%);
    }

    62% {
        transform: translateX(-2.3%);
    }

    82% {
        transform: translateY(0);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes float-3 {
    0% {
        transform: translateX(0);
    }

    22% {
        transform: translateX(-2.3%);
    }

    42% {
        transform: translateY(5.3%);
    }

    62% {
        transform: translateX(2.3%);
    }

    82% {
        transform: translateY(0);
    }

    100% {
        transform: translateX(0);
    }
}

.main-circle {
    border-width: 6px !important;
}

.interest-circle {
    border-width: 3px !important;
}