.set_block {
    display: block;
}

/* video::-webkit-media-controls-play-button {
    transform: scale(0.5, 0.5);
}

video::-webkit-media-controls-timeline {
    height: 5px;
    transform: scale(1, 1);
} */

/* banner text animation ------------------- */

.animate-contain {
    height: 60px;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    top: 14px;
    position: relative;
    right: 5px;
}

.animated-text {
    display: inline-block;
    transition: 300ms all;
    margin-top: 0;
    animation: slide 9s infinite ease-in-out;
}

.animated-text span {
    display: block;
    padding: 8px 3px;
    font: 40px/45px var(--pepul_b);
}

@keyframes slide {
    0% {
        margin-top: 0;
    }

    10% {
        margin-top: -60px;
    }

    20% {
        margin-top: -120px;
    }

    30% {
        margin-top: -180px;
    }

    40% {
        margin-top: -240px;
    }

    55% {
        margin-top: -180px;
    }

    70% {
        margin-top: -120px;
    }

    85% {
        margin-top: -60px;
    }

    100% {
        margin-top: 0px;
    }

}

.creator_land {
    font: 40px/45px var(--pepul_b);
    color: var(--white);
}

.creator_red {
    color: var(--red);
    transform: translate(10px, -10px);
    display: inline-block;
}

/* banner text animation ------------------- */
.principle_plan {
    position: relative;
    margin: 40px auto;
}

.rev {
    position: relative;
    left: 0px;
}

.rotate-arena {
    color: var(--red);
}

.hack {
    display: none;
    opacity: 0;
}

.quote_fix {
    width: 80px !important;
    position: absolute;
}

.check_progress {
    position: relative;
    bottom: 40px;
}

.eligible_slot {
    padding: 0;
    margin: 0;
}

.eligible_slot li {
    list-style: none;
}

.first_banner {
    padding-bottom: 40px;
}

/* //Dreams------------- */
#dreams {
    padding: var(--padding);
}

#rotate-demo1 {
    padding-left: 70px;
    margin-bottom: 35px;
}

.rear_set {
    overflow: hidden;
}

.dream_content {
    background-color: var(--seccolor);
    padding: 35px 10px 10px 20px;
    border-radius: 15px;
}

.pepul_dreams {
    margin: 0;
    padding: 0;
}

#rotate-demo2 .head_para {
    position: relative;
    text-align: left;
    display: inline-block;
    transform: translate(0px, 0px);
}

#rotate-demo2 strong {
    position: relative;
    min-width: 250px;
    display: inline-block;
    margin-left: 0px;
}

.pepul_dreams li {
    list-style: none;
    background-image: url(../../asset/landing/quality/tick.png);
    background-position: 10px 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.pepul_dreams li ul li {
    background-image: none;
    list-style: none;
    color: var(--red);
    font: 20px/30px var(--pepul_r);
}

.dream_para {
    color: var(--gray);
    font: 18px/40px var(--pepul_r);
    margin-bottom: 25px;
    overflow: hidden;
}

.dream_para .rear_set {
    color: var(--red);
}

.rotate-arena {
    display: inline-block;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

/* //Dreams------------- */
.pricing_top {
    background-size: cover;
    background-repeat: no-repeat;
    animation: slideUp 100s linear infinite;
    -webkit-animation: slideUp 100s linear infinite;
    -ms-animation: slideUp 100s linear infinite;
    background-image: url('../../asset/pricing/banner/banner.webp');
    background-repeat: repeat;
    height: 350px;
}

.circle {
    position: relative;
    width: 100%;
    text-align: var(--center);
}

.red_circle {
    content: '';
    position: absolute;
    width: 700px;
    height: 600px;
    border-radius: 100px;
    background: radial-gradient(50% 50% at 50% 50%, #FF163D 0%, rgba(82, 8, 20, 0) 100%);
    text-align: center;
    display: inline-flex;
    z-index: -1;
    margin: 0px auto;
    left: 0;
    right: 0;
    opacity: 0.25;
    top: 0;
}

.white_color {
    margin: 0;
}

.banner_head {
    font: 45px/55px var(--pepul_b);
    margin: 0;
    color: var(--white);
}

.creators_test .owl-nav.disabled {
    display: block !important;
    text-align: right;
    position: absolute;
    right: 31%;
    bottom: 9%;
}

.creators_test .owl-prev {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.creators_test .owl-next {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.creators_test.owl-carousel .owl-nav button.owl-next,
.creators_test.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    padding: 0px;
    color: #343434;
    font-size: 30px;
    background: #f2f2f2;
    width: 25px !important;
}

.price_tag {
    height: 100px;
    white-space: nowrap;
    text-align: center;
}

.price_tag:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

@keyframes slideUp {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -2400px;
    }
}

.pricing_top:before {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 100%, transparent 100%);
    height: 100%;
    width: 100%;
    bottom: 0;
}

.foot_para {
    color: var(--gray);
    text-align: center;
    font: 18px/30px var(--pepul_r);
}

#foot {
    padding: 20px 0 8px;
    border-top: 1px solid #363636;
}

#earn {
    padding: var(--padding);
}

.earn_amt {
    width: 90%;
    margin: 0px auto;
}

.earc_at {
    display: flex;
}

.earn_header {
    text-align: var(--center);
    display: flex;
    flex-direction: column;
    min-height: 450px;
    justify-content: center;
    position: relative;
    width: 85%;
    margin: 0px auto;
}

.earn_head {
    text-align: var(--left);
    color: var(--white);
    font: 28px/40px var(--pepul_b);
    margin: 0;
    padding-bottom: 15px;
}

.round_trip {
    background-image: url('../../asset/creator_benefits/circle.png');
    background-repeat: no-repeat;
    background-size: 85%;
    width: 100%;
    margin: 0px auto;
    background-position: center;
    animation: rotation 15s infinite linear;
    position: absolute;
    min-height: 100%;
    z-index: -1;
}

.earn_para {
    color: var(--gray);
    font: 18px/30px var(--pepul_r);
    margin: 0;
    text-align: justify;
}

.earn_two {
    padding-bottom: 15px;
}

.short_earn {
    width: 90%;
    margin: 0px auto;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.give_amt {
    width: 80%;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    top: 20px;
}

.earn_para_one {
    color: var(--gray);
    font: 24px/35px var(--pepul_r);
    margin: 0;
    text-align: var(--center);
}

.pick_amt {
    font: 50px/55px var(--pepul_price);
    margin: 0;
    color: var(--white);
    padding-bottom: 20px;
}

.earn_rupee {
    background-image: url('../../asset/pricing/plan/rupee_w.svg');
    background-size: 27px;
    width: 30px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: 5px;
    top: 2px;
}

.increase {
    width: 150px;
    font: 25px/35px var(--pepul_price);
    margin: 0 auto;
    color: var(--white);
    border-radius: 5px;
    display: inline-block;
    padding: 0px;
    pointer-events: none;
    position: relative;
    top: 14px;
    left: 20px;
}

.man_pics {
    position: relative;
    left: 75px;
}

.man_img {
    position: absolute;
    top: -10px;
    width: 65px;
    left: 22px;
}

.earn_amount {
    display: flex;
    flex-direction: column;
    min-height: 60px;
    justify-content: center;
}

.subs {
    color: var(--red);
    font: 15px/25px var(--pepul_r);
    position: relative;
    top: -35px;
    left: 20px;
}


#ten_principles {
    padding: var(--padding);
    position: relative;
}

.principle_one {
    width: 80%;
    margin: 10px auto;
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    min-height: 580px;
    justify-content: center;
}

.princeple_head {
    color: var(--white);
    font: 45px/55px var(--pepul_b);
    margin: 0;
    padding-bottom: 15px;
}

.principle_para {
    font: 16px/25px var(--pepul_r);
    margin: 0;
    color: var(--white);
}

.principle {
    display: flex;
}

.ten_princple {
    margin: 0;
    padding: 0px;
    width: 100%;
}

.scroll_sec {
    width: 95%;
    margin: 10px auto;
    position: relative;
}

.ten_princple li {
    list-style: none;
}

.prince_para {
    color: var(--gray);
    font: 18px/30px var(--pepul_r);
    margin: 0;
    text-align: var(--left);
    padding: 0 0 0 60px;
}

.pr_one {
    color: var(--red);
    font: 30px/50px var(--pepul_bl);
    position: absolute;
    left: 0;
    top: 0px;
}

.back_one:before {
    content: '01';
    position: absolute;
    color: #a8a8a8;
    font: 60px/60px var(--pepul_bl);
    opacity: 0.1;
    letter-spacing: 1px;
    right: -23px;
    top: -3px;
}

.back_two:before {
    content: '02';
    position: absolute;
    color: #a8a8a8;
    font: 60px/60px var(--pepul_bl);
    opacity: 0.1;
    letter-spacing: 1px;
    right: -23px;
    top: -3px;
}

.back_three:before {
    content: '03';
    position: absolute;
    color: #a8a8a8;
    font: 60px/60px var(--pepul_bl);
    opacity: 0.1;
    letter-spacing: 1px;
    right: -23px;
    top: -3px;
}

.back_four:before {
    content: '04';
    position: absolute;
    color: #a8a8a8;
    font: 60px/60px var(--pepul_bl);
    opacity: 0.1;
    letter-spacing: 1px;
    right: -23px;
    top: -3px;
}

.count_viewer {
    background-image: url('../../asset/creator_benefits/box.png');
    background-size: 170px;
    background-repeat: no-repeat;
    height: 100px;
    background-position: center;
}

.ten_m {
    color: var(--gray);
    font: 15px/25px var(--pepul_r);
    position: relative;
    top: 10px;
    left: 0px;
    margin: 0;
}

#eligibilty {
    padding: var(--padding);
    /* background: linear-gradient(180deg, #141414 0%, rgba(15, 15, 15, 0) 100%); */
}

.tt_back {
    background-image: url('../../asset/landing/creators/bg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 380px;
    background-position: 0px 20px;
    padding-bottom: 50px;
}

.index_para {
    width: 55%;
    margin: 0px auto;
}

.qlt_set {
    margin: 0;
    padding: 0;
}

.qlt_set li {
    list-style: none;
    color: var(--gray);
    margin: 15px auto;
    font: 18px/40px var(--pepul_r);
}

.bolder {
    font: 18px/30px var(--pepul_b);
}

.qual_1 {
    background-image: url('../../asset/landing/quality/1.png');
    background-position: 2px 5px;
    background-size: 35px;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.qual_2 {
    background-image: url('../../asset/landing/quality/2.png');
    background-position: 2px 5px;
    background-size: 35px;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.qual_3 {
    background-image: url('../../asset/landing/quality/3.png');
    background-position: 2px 5px;
    background-size: 35px;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.qual_4 {
    background-image: url('../../asset/landing/quality/4.png');
    background-position: 2px 5px;
    background-size: 35px;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.qual_5 {
    background-image: url('../../asset/landing/quality/5.png');
    background-position: 2px 5px;
    background-size: 35px;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.guide {
    margin: 0;
    padding: 0;
}

.guideline {
    margin: 0;
    padding: 30px 0 0 0;
}

.guideline li {
    list-style: none;
    padding: 0px;
}

.g_one {
    position: absolute;
    left: 0;
}

.g_st {
    width: 50px;
    margin: 0 10px 0px 0px;
}

.guide li {
    list-style: none;
    background-image: url('../../asset/landing/quality/tick.png');
    background-position: 10px 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 45px;
}

.guide_p {
    color: var(--gray);
    font: 19px/40px var(--pepul_r);
    margin-bottom: 35px;
    position: relative;
    padding-left: 70px;
}

.guidelines {
    padding-top: 30px;
}

.clickto_start {
    text-align: var(--center);
}

.click_to_submit {
    padding: 10px 30px;
    text-decoration: none;
    border-radius: 50px;
    color: #fff;
    font: 20px/30px var(--pepul_b);
    background-image: linear-gradient(270deg, #DB2400 0%, #bf0933 95.62%);
    width: 250px;
    transition: 1s;
    border: none;
}

.banner_creator {
    text-align: var(--center);
    padding-top: 20px;
}

.click_to_submit:hover {
    background-image: linear-gradient(270deg, #bf0933 0%, #DB2400 95.62%);
    transition: 1s;
    border: none;
    color: var(--white);
}

#pepul_creator {
    padding: var(--padding);
}

#pepul_no_ads {
    padding: 50px 0 30px;
}

.zoom_video {
    width: 60%;
    margin: 10px auto;
}

#video {
    width: 100%;
    transition: 1s ease-in-out;
    border-radius: 20px;
    overflow: hidden;
    outline: none;
    border: none;
}

.mob_category li {
    list-style: none;
    width: 33%;
    display: inline-block;
}

.mob_cat {
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--seccolor);
}

.mob_img {
    width: 100%;
}

.mob_head {
    text-align: var(--center);
    color: var(--white);
    font: 18px/40px var(--pepul_b);
    margin: 0 0 7px;
}

.mob_category {
    margin: 0;
    padding: 0;
}

.mob_pic {
    width: 120px;
    margin: 10px auto;
}

.mob_para {
    font: 17px/25px var(--pepul_r);
    margin: 0px auto;
    color: var(--gray);
}

.mob_header {
    text-align: center;
    width: 90%;
    margin: 0px auto 10px auto;
}

/* ------------- FAQ */
#faq,
#testimony {
    padding: var(--padding);
}

.accordion-button::after {
    content: "+";
    padding: 0px;
    position: absolute;
    right: 15px;
    color: var(--bgcolor);
    background-image: none;
    background-color: var(--button_color);
    border-radius: 100px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 30px;
    transform: none;
    font: 25px/25px var(--pepul_b);
}

.accordion-button:not(.collapsed)::after {
    content: "−";
    padding: 0px;
    position: absolute;
    right: 15px;
    color: var(--bgcolor);
    background-image: none;
    background-color: var(--button_color);
    border-radius: 100px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 30px;
    transform: none;
    font: 25px/25px var(--pepul_b);
}

.accordion-button {
    padding: 1.2rem 1.25rem;
}

.accordion-item {
    background-color: var(--seccolor);
    border: none;
    border-radius: 10px !important;
    overflow: hidden;
    margin: 20px auto;
}

.accordion-button {
    background-color: var(--faq);
    color: var(--white);
    font: 18px/28px var(--pepul_m);
}

.accordion-button:focus {
    border-color: var(--faq);
    outline: none !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    border-color: var(--faq);
    background-color: var(--faq);
    outline: none !important;
    box-shadow: none !important;
    color: var(--white);
}

.accordion-body {
    font: 18px/30px var(--pepul_r);
    margin: 0px auto;
    color: var(--gray);
    background-color: var(--faq);
}




/* banner_text_animation */

.box-words-wrapper {
    display: inline-block;
    position: relative;
    color: var(--color);
    text-align: left;
    width: auto !important;
}

.box-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.box-words-wrapper b.is-visible {
    position: relative
}

.no-js .box-words-wrapper b {
    opacity: 0
}

.no-js .box-words-wrapper b.is-visible {
    opacity: 1
}

.box-headline.rotate-2 .box-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px
}

.box-headline.rotate-2 em,
.box-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal
}

.box-headline.rotate-2 b {
    opacity: 0
}

.box-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .box-headline.rotate-2 i {
    opacity: 1
}

.box-headline.rotate-2 i.in {
    -webkit-animation: box-rotate-2-in .4s forwards;
    animation: box-rotate-2-in .4s forwards
}

.box-headline.rotate-2 i.out {
    -webkit-animation: box-rotate-2-out .4s forwards;
    animation: box-rotate-2-out .4s forwards
}

.box-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .box-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .box-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .box-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes box-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes box-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes box-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes box-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

/* ------------- FAQ */

.creator_name {
    text-align: var(--left);
    color: var(--white);
    font: 20px/30px var(--pepul_b);
    margin: 0;
}

.creator_skill {
    text-align: var(--left);
    color: var(--red);
    font: 20px/30px var(--pepul_m);
    margin: 0;
}

.test_create {
    display: flex;
}

.creator_two {
    width: 80%;
    margin: 10px auto;
}

.test {
    text-align: var(--center);
}

.list_one {
    display: flex;
    flex-direction: column;
    min-height: 420px;
    justify-content: center;
    /* background-image: url('../../asset/landing/creators/quotes.svg'); */
    background-size: 60px;
    background-repeat: no-repeat;

}

.list_two {
    padding-bottom: 10px;
}

.creator_img {
    width: 400px !important;
    display: inline-block !important;
    pointer-events: none;
    border-radius: 30px;
}

.list_para {
    font: 23px/30px var(--pepul_r);
    margin: 0px auto;
    color: var(--gray);
}

.small_cont {
    font: 17px/30px var(--pepul_r);
}

.on_play {
    position: relative;
    z-index: 2;
    padding: 10px;
}

.pricing_top {
    padding: 75px 0 20px;
    position: relative;
}

#subscriptions {
    padding: 30px 0 80px;
}

.subscription_plan {
    padding: 0;
    margin: 20px auto;
    width: 90%;
}

.subscription_plan li {
    width: 33%;
    display: inline-block;
    list-style: none;
}

.second_one {
    transform: scale(1);
    width: 98%;
    margin: 0px auto;
    position: relative;
    transition: 1s;
}

.plan_one:hover {
    transform: scale(1);
    transition: 1s;
}

.plan_one {
    width: 100%;
    margin: 0px auto;
    position: relative;
    transform: scale(0.9);
    transition: 1s;
}

.plan_one:before,
.second_one:before {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    padding: 2px;
    background: transform: scaleX(-1) scaleY(-1);
    background-image: linear-gradient(0deg, #010101 11%, #FF262A 90%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: add, add;
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    position: before;
    width: 100%;
    height: 100%;
    z-index: 0;

}

.first_plan {
    width: 150px;
    margin: 10px auto;
}

.plan_img {
    width: 100%;
}

.plan_header {
    padding: 10px 0;
}

.plan_head {
    font: 25px/30px var(--pepul_b);
    margin: 0;
    color: var(--white);
    text-align: var(--center);
}

.plan_info {
    margin: 0 auto;
    padding: 0;
    width: 85%;
}

.plan_info li {
    font: 16px/30px var(--pepul_r);
    margin: 0;
    color: var(--white);
    text-align: var(--left);
    display: block;
    width: 100%;
    background-image: url('../../asset/pricing/plan/check.svg');
    background-size: 20px;
    background-position: 8px 5px;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin: 10px auto;
}

.coin_yellow {
    color: var(--coins);
}

.rupee {
    width: 25px;
    position: relative;
    bottom: 3px;
}

.pick_rs {
    font: 50px/60px var(--pepul_bl);
    margin: 0;
    color: var(--white);
}

.plan_show {
    padding: 20px 0;
}

.plan_set {
    text-align: var(--center);
    margin: 0;
}

.buy_now_btn {
    text-align: var(--center);
    padding: 10px 0 30px;
}

.buy_now {
    padding: 5px 20px 7px;
    border-radius: 50px;
    color: #fff;
    font: 16px/28px var(--pepul_m);
    background-image: linear-gradient(270deg, #FF3A13 0%, #d80c3b 95.62%);
    width: 150px;
    transition: 1s;
    border: none;
}

.buy_now:hover {
    background-image: linear-gradient(270deg, #d80c3b 0%, #FF3A13 95.62%);
    transition: 1s;
    border: none;
}


#mobile_view {
    max-width: 1140px;
    margin: 0px auto;
}

.faq_width {
    width: 90%;
    display: block;
}

/* ------------------- @media ---------- */

@media only screen and (max-width: 1200px) {
    .earn_header {
        width: 95%;
    }

    .pricing_top {
        padding: 70px 0 20px;
    }

    .creators_test .owl-nav.disabled {
        bottom: 8%;
    }

    .rangeslider {
        width: 240px !important;
        margin: 0px auto !important;
    }
}

@media only screen and (max-width: 1024px) {
    .subscription_plan {
        width: 95%;
    }

    .index_para {
        width: 45%;
    }

    .creators_test .owl-nav.disabled {
        right: 300px;
        bottom: 55px;
    }

    .round_trip {
        background-size: 100%;
    }

    .index_para {
        width: 75%;
    }

    .pricing_top {
        height: 255px;
    }

    .pricing_top {
        padding: 20px 0;
    }
}

@media only screen and (max-width: 991px) {
    .creators_test .owl-nav.disabled {
        right: 230px;
        bottom: 26px;
    }

    .list_para {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 768px) {
    .subscription_plan {
        width: 95%;
    }

    .tt_back {
        background-position: 0px 0px;
    }

    .creator_two {
        width: 100%
    }

    .mob_category {
        text-align: var(--center);
    }

    .mob_category li {
        width: 49%;
    }

    .zoom_video {
        width: 75%;
    }

    .subscription_plan li {
        width: 49%;
    }

    .creators_test .owl-nav.disabled {
        right: 220px;
    }

    .earn_header {
        width: 95%;
    }

    .earn_para_one {
        font: 19px/30px var(--pepul_r);
    }

    .earn_rupee {
        background-size: 18px;
        left: 10px;
        top: 14px;
    }

    .check_progress {
        position: relative;
        top: -40px;
    }

    .rangeslider {
        width: 200px !important;
    }

    .pick_amt {
        font: 30px/55px var(--pepul_price);
    }

    .plan_info li,
    .plan_info {
        width: 95% !important;
    }

    .subscription_plan li:nth-child(3) {
        width: 100% !important;
    }

    .subscription_plan li:nth-child(3) .plan_one {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .index_para {
        width: 100%;
    }

    .creator_two {
        width: 100%;
    }

    .mob_category li {
        width: 90%;
    }

    .creators_test .owl-nav.disabled {
        right: 170px;
    }

    .earc_at {
        display: block;
    }

    .earn_header {
        background-size: cover;
        min-height: 480px;
    }

    .round_trip {
        background-size: 60%;
    }

    .earn_header {
        min-height: 400px;
    }
}

@media only screen and (max-width: 667px) {
    .index_para {
        width: 70%;
    }
}

@media only screen and (max-width: 600px) {
    .earn_header {
        min-height: 350px;
    }
}

@media only screen and (max-width: 500px) {
    .subscription_plan li {
        width: 100%;
    }

    .creator_land,
    .animated-text span {
        font: 35px/45px var(--pepul_b);
    }

    .dream_content {
        padding: 30px 15px 0px 15px;
    }

    .guide_p,
    #rotate-demo1 {
        padding-left: 55px;
    }

    .tt_back {
        min-height: 330px;
        padding-bottom: 0px;
    }

    #eligibilty {
        padding: 0;
    }

    .qlt_set li,
    .bolder {
        font: 15px/26px var(--pepul_r);
        text-align: var(--left);
    }

    .prince_para {
        font: 15px/25px var(--pepul_r);
    }

    .principle_plan {
        margin: 30px auto;
    }

    .banner_head {
        font: 32px/45px var(--pepul_b);
    }

    .content_header {
        font: 35px/45px var(--pepul_b);
    }

    .content_para {
        font: 18px/30px var(--pepul_r);
    }

    .content_header {
        font: 27px/35px var(--pepul_b);
    }

    .list_para {
        font: 18px/25px var(--pepul_r);
        min-height: 110px;
    }

    .give_amt {
        top: 0px;
    }

    .earn_para_one {
        font: 17px/20px var(--pepul_r);
    }

    .pick_amt {
        font: 25px/27px var(--pepul_price);
    }

    .red_circle {
        top: 100px;
        width: 350px;
        height: 350px;
    }

    .g_two {
        height: 80px;
        margin-bottom: 10px;
    }

    .dream_para {
        font: 16px/30px var(--pepul_r);
    }

    .guideline {
        padding: 0;
    }

    .guide_p,
    #rotate-demo1 {
        font: 15px/25px var(--pepul_r);
    }

    .list_one {
        padding-bottom: 20px;
    }

    .qlt_set {
        width: 90%;
        margin: 0px auto;
    }

    .round_trip {
        background-size: 82%;
    }

    .creator_img {
        width: 70% !important;
    }

    .list_one {
        min-height: auto !important;
    }

    .banner_head {
        font: 35px/50px var(--pepul_b);
    }

    .pricing_top {
        animation: slideUp 30s linear infinite;
        -webkit-animation: slideUp 30s linear infinite;
        -ms-animation: slideUp 30s linear infinite;
        background-image: url('../../asset/pricing/banner/banner.webp');
        background-repeat: repeat;
    }

    .quote_pic {
        position: absolute;
        left: 10px;
    }

    .plan_one,
    .second_one,
    .subscription_plan li:nth-child(3) .plan_one {
        width: 90%;
        margin: 20px auto;
    }

    .second_one {
        bottom: 0;
    }

    #subscriptions {
        padding: 0px 0 80px;
    }

    #testimony {
        padding: 0;
    }

    .first_banner {
        padding: 20px 0;
        position: relative;
        width: 100%;
    }

    .index_para .dark_red {
        display: block;
    }

    .test_create {
        display: block;
    }

    .list_two,
    .creator_name,
    .creator_skill {
        text-align: var(--center);
    }

    .creators_test .owl-nav.disabled {
        left: 0;
        right: 0;
        text-align: var(--center);
    }

    .index_para {
        width: 90%;
    }

    .round_trip {
        background-size: 80%;
    }

    .plan_info li {
        width: 100% !important;
    }

    .g_st {
        width: 40px;
    }

    #dreams {
        padding: 0;
    }

    .plan_info {
        width: 90% !important;
    }

    .copy_right {
        display: block;
    }

    .plan_one,
    .plan_one:hover {
        transform: scale(1);
    }
}

@media only screen and (max-width: 450px) {
    .plan_info {
        width: 100% !important;
    }

    .banner_creator {
        padding-top: 15px;
    }

    .animate-contain {
        height: 48px;
        overflow: hidden;
        text-align: left;
        display: inline-block;
        top: 16px;
        position: relative;
        right: 5px;
    }

    .animated-text {
        animation: slide 9s infinite ease-in-out;
        margin-top: -40px;
    }


    @keyframes slide {
        0% {
            margin-top: 0;
        }

        10% {
            margin-top: -40px;
        }

        20% {
            margin-top: -80px;
        }

        30% {
            margin-top: -120px;
        }

        40% {
            margin-top: -160px;
        }

        55% {
            margin-top: -120px;
        }

        70% {
            margin-top: -80px;
        }

        85% {
            margin-top: -40px;
        }

        100% {
            margin-top: 0px;
        }

    }

    .click_to_submit {
        padding: 7px 29px 8px;
        width: auto;
        font: 18px/27px var(--pepul_m);
    }

    .first_banner {
        padding: 5px 0;
    }

    .creator_land,
    .animated-text span {
        font: 30px/25px var(--pepul_b);
    }

    .rev {
        left: 80px;
    }

    #rotate-demo2 .head_para {
        transform: translate(-80px, 0px);
    }

    .g_two {
        height: 60px;
    }

    .list_para {
        -webkit-line-clamp: 10;
    }

    .round_trip {
        background-size: 87%;
    }

    .banner_head {
        font: 29px/37px var(--pepul_b);
    }

    .content_header {
        font: 30px/40px var(--pepul_b);
    }

    .list_one {
        min-height: auto;
        padding: 0px 0 25px;
    }

    .index_para .dark_red {
        display: inline;
    }

    .buy_now {
        width: 160px;
    }

    .pricing_top {
        padding: 30px 0 20px;
        height: 200px;
    }

    .plan_info li {
        background-position: 2px 5px;
        padding-left: 30px;
    }

    .accordion-button {
        font: 16px/26px var(--pepul_m);
    }

    .scrolling {
        display: none;
    }

    .foot_para {
        font: 15px/25px var(--pepul_r);
    }

    .red_circle {
        width: 300px;
        height: 300px;
        top: 0;
    }
}

@media only screen and (max-width: 425px) {
    .banner_head {
        font: 25px/40px var(--pepul_b);
    }

    .rev {
        left: 65px;
    }

    #rotate-demo2 strong {
        margin-left: 5px;
    }

    #rotate-demo2 .head_para {
        transform: translate(-65px, 0px);
    }

    .mob_header {
        width: 100%;
    }

    .creators_test .owl-nav.disabled {
        right: 0;
        left: 0;
        text-align: var(--center);
    }

    .qlt_set,
    .guide {
        width: 90%;
        margin: 0px auto;
    }

    .qlt_set li,
    .guide li {
        text-align: left;
    }

    .earn_head {
        text-align: var(--center);
    }

    .short_earn {
        padding-top: 50px;
    }

    .round_trip {
        background-size: 100%;
    }

    .check_progress {
        top: -35px;
    }

    .zoom_video {
        width: 85%;
    }

    .red_circle {
        width: 300px;
        height: 300px;
        top: 0;
    }

    .accordion-body {
        font: 15px/24px var(--pepul_r);
    }

    .accordion-button {
        font: 15px/25px var(--pepul_m);
    }
}

@media only screen and (max-width: 400px) {

    .creator_land,
    .animated-text span {
        font: 25px/25px var(--pepul_b);
    }
}

@media only screen and (max-width: 390px) {
    .banner_head {
        font: 27px/40px var(--pepul_b);
    }

    .round_trip {
        background-size: 90%;
    }

    .ten_m {
        top: 0;
    }

    .easy_earn {
        width: 95%;
        margin: 0px auto;
    }

    .red_circle {
        width: 300px;
        height: 300px;
        top: 0px;
    }

    .earn_amt {
        width: 100%;
    }

    .plan_one,
    .second_one,
    .subscription_plan li:nth-child(3) .plan_one {
        width: 95%;
        margin: 20px auto;
    }

    .content_para {
        font: 18px/30px var(--pepul_r);
    }
}

@media only screen and (max-width: 375px) {
    .banner_head {
        font: 25px/35px var(--pepul_b) !important;
    }

    .rev {
        left: 70px;
    }

    .give_amt {
        top: 7px;
    }

    .content_header {
        font: 25px/34px var(--pepul_b);
    }

    .list_one {
        min-height: auto !important;
    }

    #rotate-demo2 .head_para {
        transform: translate(-70px, 0px);
    }

    .quote_fix {
        width: 40px !important;
    }

    .guide_p {
        padding-left: 60px;
    }

    .earn_header {
        top: 50px;
    }

    .creators_test .owl-nav.disabled {
        text-align: center;
        width: 100%;
        bottom: 70px;
        left: 0;
        right: 0;
    }

    #eligibilty {
        padding: 0;
    }

    .qlt_set li,
    .bolder {
        font: 14px/24px var(--pepul_r);
        text-align: var(--left);
    }

    .content_para {
        font: 16px/25px var(--pepul_r);
    }

    .mob_para {
        font: 14px/24px var(--pepul_r);
    }

    .list_para {
        font: 18px/25px var(--pepul_r);
    }

    .prince_para {
        font: 14px/26px var(--pepul_r);
    }

    .pick_amt {
        font: 25px/45px var(--pepul_price);
        padding-bottom: 5px;
    }

    .increase {
        font: 20px/25px var(--pepul_price);
    }

    .ten_m {
        font: 12px/25px var(--pepul_r);
        top: -5px;
    }

    #dreams {
        padding: 30px 0;
    }

    .accordion-body {
        font: 14px/24px var(--pepul_r);
    }

    .guide_p,
    .dream_para {
        font: 15px/25px var(--pepul_r);
    }

    .faq_width {
        width: 97%;
    }

    .principle_plan {
        margin: 25px auto;
    }

    .list_para {
        min-height: auto;
    }

    .give_amt {
        top: 15px;
    }

    .count_viewer {
        height: 90px;
    }

    .bottom_space {
        padding-bottom: 10px;
    }

    .earn_rupee {
        background-size: 14px;
        left: 15px;
        top: 19px;
    }

    .round_trip {
        background-size: 90%;
    }

    .first_banner {
        padding: 0px 0;
    }

    #rotate-demo1 {
        padding-left: 55px;
        margin-bottom: 25px;
        height: 50px;
    }

    .creator_img {
        width: 80% !important;
    }

    .earn_one {
        position: relative;
        top: 10px;
    }
}

@media only screen and (max-width: 360px) {
    #rotate-demo1 {
        padding-left: 60px;
    }
}

@media only screen and (max-width: 320px) {
    .content_para {
        font: 22px/35px var(--pepul_r);
    }

    .first_plan {
        width: 100%;
        margin: 0px auto;
    }

    .subscription_plan li,
    .plan_info {
        width: 100%;
    }

    .banner_head {
        font: 23px/36px var(--pepul_b);
    }

    .index_para {
        width: 100%;
    }

    .content_header {
        font: 25px/33px var(--pepul_b);
    }

    .banner_head {
        font: 23px/30px var(--pepul_b) !important;
    }

    .content_header {
        font: 22px/35px var(--pepul_b);
    }

    .content_para {
        font: 15px/25px var(--pepul_r);
    }

    .list_para {
        font: 15px/25px var(--pepul_r);
    }

    .creator_name,
    .creator_skill {
        font: 16px/30px var(--pepul_b);
    }

    .round_trip {
        background-size: 100%;
    }

    .give_amt {
        width: 100%;
    }

    .creator_land,
    .animated-text span {
        font: 20px/25px var(--pepul_b);
    }

    .animate-contain {
        height: 35px;
        top: 5px;
    }

    .click_to_submit {
        font: 14px/25px var(--pepul_b);
    }
}

/* ------------------- @media ---------- */