.jumbo-gradient {
    background: linear-gradient(to bottom, #6397FF, #9BC2FF);
}

.stat-gradient {
    background: linear-gradient(to bottom, #6A60EF, #6A60EF);
}

.stats-container {
    background: transparent;
    padding: 5px;
    margin-top: -30px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 25px;
}

.stat-block {
    border: 1px solid #3b8cff;
    border-radius: 12px;
    margin-bottom: 20px;
}

.stat-block img {
    width: 80px;
    height: 80px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.stat-block figure {
    text-align: center;
    padding-top: 10px;
}

.stat-block figure img:hover {
    filter: none;
    transform: scale(1.1);
    -webkit-filter: none;
    -moz-filter: none;
}

.stat-block .fs-4 {
    color: #1183b2;
    font-size: 24px;
}

.stat-block-figure {
    text-align: center;
    margin-top: 20px;
}

.m-color {
    color: #4984E2;
}

.hero_img-section.animated {
    animation: float 13s infinite;
}

/* Animation Keyframes */
@-webkit-keyframes float {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes float {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

/* Bounce Animation */
#bounce1 {
    -webkit-animation: bounceIn 0.6s;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(.1.2);
        transform: scale(.1.2);
    }
    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Image Hover Effects */
.earners .boxes img,
.advertisers .boxes img {
    height: 70px;
    transition: all 0.3s ease-in-out;
}

.earners .boxes img:hover,
.advertisers .boxes img:hover {
    transform: scale(1.2);
}

/* Button Styles */
.btn-success-2 {
    background-image: linear-gradient(to right, #27B32C 0%, #3ce65a 51%, #27B32C 100%);
    transition: 0.4s;
    background-size: 200% auto;
}

.btn-success-2:hover {
    background-position: right center;
}

.btn-bluer {
    background-image: linear-gradient(to right, #648FFF 0%, #A1BCFF 50%, #648FFF 100%);
    border-color: #648FFF !important;
    transition: 0.5s;
    background-size: 200% auto;
}

.btn-bluer:hover {
    background-position: right center;
}

.home-i {
    background-image: linear-gradient(to right, #77A5FF 0%, #9BC0FF 47%, #77A5FF 100%);
    border-color: #77A5FF !important;
    transition: 0.5s !important;
    background-size: 200% auto;
    font-size: 17px !important;
}

.home-i:hover {
    background-position: right center;
}

/* Utility Classes */
.bg-wk {
    background-color: #ffffff !important;
}

.fade-up1 {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s, transform 0.6s;
}

.fade-up1.active {
    opacity: 1;
    transform: translateY(0);
}

.m-t-1 {
    margin-top: -30px;
}

.m-t-2 {
    margin-top: 15px;
}

.mt-04 {
    margin-top: -40px;
}

.mlr-01 {
    margin-left: 10px;
    margin-right: 10px;
}

.mt-20- {
    margin-top: -55px;
    margin-bottom: -30px;
}

.boxes h5 {
    font-size: 19px;
}