/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap');

body {
    /* font-family: 'Poppins', sans-serif !important; */
    font-family: 'Be Vietnam Pro', sans-serif !important;
}

a {
    text-decoration: none !important;
}

.font-weight-semibold {
    font-weight: 600 !important;
}

.font-weight-black {
    font-weight: 900 !important;
}

.rounded-4 {
    border-radius: 10px !important;
}

.mt-sec {
    margin-top: 100px;
}

.img-head {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(0px);
    }
}

.scrolled {
    background-color: #fff !important;
    transition: 0.5s;
}

input.form-control {
    border: 0 !important;
    border-radius: 0px !important;
    border-bottom: 1.5px solid #e7eaff !important;
}

input.form-control:focus {
    box-shadow: none;
    border-bottom: 2px solid #007bff !important;
}

.header {
    background-image: url('../img/circle.png');
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 30% 30%;
    /* background-image: linear-gradient(to right, rgba(221, 245, 254, 0.90), rgba(234, 222, 242, 0.70), rgba(255, 223, 253, 0.70)), url('../img/stroke-bg.png');
    background-size: cover; */
}

.how-it-works {
    padding: 100px 0;
    background-color: rgb(250, 250, 250, 0.6);
    background-image: url('../img/circle.png');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 20% 20%;
}

.how-it-works .line {
    background-image: url('../img/line.png');
    background-repeat: no-repeat;
    height: 600px;
    background-size: auto 100%;
    background-position-x: center;
    opacity: 0.5;
}

.how-it-works .item-num {
    position: absolute;
    right: 0;
    z-index: -1;
}

.how-it-works .item-num h1 {
    font-size: 90px;
    opacity: 0.1;
    margin: 0;
    line-height: 1em;
    font-weight: bold;
}

.features {
    padding: 100px 0;
    background-image: url('../img/circle.png');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 40% 50%;
    /* background: linear-gradient(to right, rgba(235, 250, 255, 0.9), rgba(252, 244, 255, 0.7), rgba(255, 238, 254, 0.7)), url('../img/bg-triangle.png') 30% no-repeat; */
}

.products {
    background-color: rgb(250, 250, 250, 0.6);
    background-image: url('../img/circle.png');
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: 60% 40%;
    padding: 100px 0;
}

.pages {
    padding: 100px 0;
}

.footer {
    padding: 20px 0;
    background-color: rgb(250, 250, 250);
}