.what-is-payouts-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.what-is-payouts-content {
    background-color: var(--theme-color);
    border-radius: 20px;
    position: relative;
    min-height: 607px;
}

.what-is-payouts-content .section-header h3 {
    color: var(--white-color);
}

.what-is-payouts-points-1 {
    position: absolute;
    left: 6rem;
    top: 200px;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    z-index: 2;
}

.what-is-payouts-points-2 {
    position: absolute;
    right: 6rem;
    top: 200px;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    z-index: 2;
}

.what-is-payouts-points-1 .what-is-payouts-point {
    display: flex;
    gap: 2rem;
    justify-content: right;
    align-items: center;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 1.25rem 1.75rem 1.25rem 3rem;
    height: 130px;
    width: 100%;
}

.what-is-payouts-points-1 .what-is-payouts-point h4 {
    color: var(--theme-color);
    text-align: right;
}

.what-is-payouts-points-2 .what-is-payouts-point {
    display: flex;
    gap: 2rem;
    justify-content: left;
    align-items: center;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 1.25rem 4rem 1.25rem 1.75rem;
    height: 130px;
    width: 100%;
}

.what-is-payouts-points-2 .what-is-payouts-point h4 {
    color: var(--theme-color);
    text-align: left;
}

.what-is-payouts-image {
    position: absolute;
    bottom: 0;
    left: 30%;
}

.what-is-payouts-image picture {
    display: block;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.why-choose-payouts-section {
    padding-bottom: 3rem;
}

.why-choose-payouts-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding: 3rem 0 2rem 0;
    background-color: #f1f5fa;
    border-radius: 20px;
    height: 100%;
    transition: all ease 0.3s;;
}

.why-choose-payouts-card:hover {
    transform: scale(1.03);
    box-shadow: 0 15px 30px rgba(172, 214, 248, 0.644);
}

.why-choose-payouts-card h4 {
    text-align: center;
    color: var(--text-muted);
}


.how-to-activate-section .section-header {
    margin-bottom: 3rem;
}

.how-to-card h4 {
    color: var(--main-btn-color);
    font-size: 15px;
}

.how-to-activate-content {
    border-radius: 20px;
    background-color: #f8f6f4;
    padding: 3rem 4rem;
}


.how-to-step-image picture {
    display: block;
    overflow: hidden;
    border-radius: 30px;
}

.card-mob {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: bottom;
}

.how-to-activate-mobile-swiper {
    width: 100%;
    overflow: hidden;
}

.card-mob br {
    display: block;
}

.how-to-activate-mobile-swiper-pagination {
    text-align: center;
}

.what-is-payouts-points {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
}

.what-is-payouts-points .what-is-payouts-point {
    display: flex;
    gap: 2rem;
    justify-content: left;
    align-items: center;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 1.25rem 4rem 1.25rem 1.75rem;
    height: 130px;
    width: 100%;
}

.what-is-payouts-points .what-is-payouts-point h4 {
    color: var(--theme-color);
    text-align: left;
}

.what-is-payouts-image-mobile picture {
    display: block;
    overflow: hidden;
    border-radius: 20px;
}


@media (min-width: 991px) and (max-width: 1080px) {
    .what-is-payouts-content .d-lg-block {
        display: none !important;
    }
    .what-is-payouts-content .d-block {
        display: block !important;
    }
    .what-is-payouts-content .col-lg-4 {
        width: 60%;
    }
    .what-is-payouts-content br {
        display: none;
    }
    .what-is-payouts-content .col-lg-5 {
        width: 60%;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    
    .how-to-activate-content {
        padding: 2rem 1rem;
    }
}


@media (min-width: 1080px) and (max-width: 1300px) {
    .what-is-payouts-image {
        position: absolute;
        bottom: 0;
        left: 27%;
    }
    .what-is-payouts-points-1 {
        left: 3rem;
    }
    .what-is-payouts-points-2 {
        right: 3rem;
    }
}

@media (max-width: 992px) {
    .pbl-content p {
        text-align: center;
    }
}

@media (max-width: 545px) {
    .what-is-payouts-points .what-is-payouts-point {
        padding-right: 0;
    }
}