body {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px;
    line-height: 24px;
    color: #6f6f6f;
    background-color: #fff !important;
}

.main_bg {
    background-image: linear-gradient(rgb(255 255 255 / 55%) 100%, rgb(3 46 99 / 45%)100%), url(../images/instant/bg_image.jpg);
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    float: left;
}

p {
    font-size: 15px !important;
    font-weight: 500 !important;
}

h5 {
    font-size: 22px !important;
}

h4 {
    font-size: 18px !important;
    margin-top: 14px !important;
    font-weight: 800;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;

}


::-webkit-scrollbar-track {
    background: #efefef;

}

::-webkit-scrollbar-thumb {
    background: #403e3e;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: #1e2754;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:active {
    background: #1e2754;
}

video::-webkit-media-controls {
    display: none;
}

video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}

video::-webkit-media-controls-start-playback-button {
    display: none;
}

.top-line nav.navbar.bootsnav ul.nav>li>a:hover {
    color: #1c6bad !important;
    text-decoration: none;
}
 .marq {
    padding: 9px 0 13px 0!important;
    /* padding-bottom: 0; */
    margin-bottom: 0!important;
        padding: 9px 0 13px 0 !important;
    /* padding-bottom: 0; */
    margin-bottom: 0 !important;
    /* background-color: #1c6bad !important; */
   background: linear-gradient(181deg, #009AD3 0%, #2A3972 100%);

}

.news_list_area {
    float: left;
    width: 100%;
    padding: 55px 0px;
    margin: 0px;
    background: #f7f7f7;
}

.news_list_area h3 {
    color: #1e2754;
    font-size: 37px;
    FONT-WEIGHT: 600;
    margin: 0px;
}

.news_list_area h4 {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin: 0px;
}

.news_list_area .post-slide {
    margin: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 15px #ddd;
    border-radius: 15px;
}

.news_list_area .buttona {
    background: #032e63;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}

.news_list_area .post-review a {
    color: #020202;
    text-decoration: none;
}

.news_list_area .buttona:hover {
    background: #e12f53 !important;
    color: #fff !important;
    text-decoration: blink;
}


.news_list_area .post-slide {
    margin: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 15px #ddd;
    border-radius: 15px;
}

.news_list_area .post-slide .post-img {
    overflow: hidden;
    position: relative;
    border-radius: 15px 15px 0px 0px;
    padding: 20px;
    height: 160px !important;
    display: flex;
    align-items: center;
}

.news_list_area .post-slide .post-img img {
    width: 77%;
    margin: 0 auto;
    transform: scale(1, 1);
    transition: all 0.30s ease 0s;
    border-radius: 15px 15px 0px 0px;
    height: auto !important;
    border: none;
}

.news_list_area .post-slide:hover .post-img img {
    transform: scale(1.2, 1.2);
}

.news_list_area .post-slide .over-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    background: rgba(68, 67, 64, 0.9);
    transition: all 0.50s linear;
    border-radius: 15px 15px 0px 0px;
}

.news_list_area .post-slide:hover .over-layer {
    opacity: 1;
}

.news_list_area .post-slide .post-link {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 45%;
}

.news_list_area .post-slide .post-link li {
    display: inline-block;
    margin-right: 10px;
}

.news_list_area .post-slide .post-link li a {
    width: 60px;
    height: 60px;
    line-height: 59px;
    border-radius: 50%;
    color: #fff;
    background: #333;
    font-size: 20px;
    transform: scale(1, 1);
    transition: all 0.20s linear;
}

.news_list_area .post-slide .post-link li a:hover {
    text-decoration: none;
    transform: scale(1.1, 1.1);
}

.news_list_area .post-slide .post-review {
    padding: 15px 0;
    overflow: hidden;
    text-align: left;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 0px 0px 15px 15px;
    height: 227px;
    margin-bottom: 29px;
}

.news_list_area .news-info {
    list-style: none;
    padding: 0% 0 0 0;
    margin: 0% 0 0 0;
    text-align: left;
    color: #032e63;
}

.news_list_area .post-slide .post-title {
    margin-top: 0;
    text-align: left;
}

.news_list_area .post-slide .post-title a {
    line-height: 22px;
    display: block;
    color: #000;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.50s ease 0s;
}

.news_list_area .post-slide .post-title a:hover {
    text-decoration: none;
    color: #1f80bb;
}

.news_list_area .post-slide .post-info {
    list-style: none;
    padding: 0px 0 0 0;
    margin: 0 0 7px 0;
    text-align: left;
    color: #032e63;
}

.news_list_area .post-slide .post-info li {
    display: inline-block;
    margin-right: 13px;
}

.post-slide .tag-info {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
}

.news_list_area .post-slide .tag-info li {
    list-style: none;
    display: inline-block;
}

.news_list_area .post-slide .tag-info li a {
    color: #808080;
    text-transform: capitalize;
}

.news_list_area .post-slide .tag-info li a:hover {
    color: #1f80bb;
    text-decoration: none;
}

.news_list_area .post-slide .post-description {
    color: #828282;
    font-size: 14px;
    padding: 5px 25px;
    line-height: 25px;
}

.news_list_area .post-slide .read-more {
    color: #333;
    float: right;
    font-weight: bold;
    margin-right: 25px;
    text-transform: capitalize;
}

.news_list_area .post-slide .read-more:hover {
    color: #1f80bb;
    text-decoration: none;
}


/* brand_page */

.brand_page {
    width: 100%;
    float: left;
    padding: 3% 0;
    background: linear-gradient(rgb(0 0 0 / 0%) 100%, rgb(0 0 0 / 0%) 100%), url(../images/about_bg-1.png) center;
    background-color: #fbfbfb;
    background-size: cover;
}

.info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 40px;
    color: #fff;
    background: #000;
    white-space: normal;
    border-radius: 10px;
}

.about_us_area .right-img {
    width: 100% !important;
}

#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
}

.brand_page a:focus,
a:hover {
    color: #d93641;
    text-decoration: none;
}

.brand_page h3 {
    color: #000;
    text-align: left;
    font-size: 37px;
    margin: 0;
    font-size: 37px;
    width: 100%;
    float: left;
    padding: 1% 0;
}

.brand_page p {
    font-size: 15px;
    text-align: left;
    color: #000;
}

.brand_page .wrapper {
    background-color: transparent;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    font: normal 16px/26px Open Sans Condensed, sans-serif;
    color: #fff;
    padding: 100px 20px 200px;
    box-sizing: border-box;
}

.brand_page .block {
    z-index: 1;
    position: relative;
}

.brand_page .block:before {
    content: "";
    position: absolute;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #f2f2f2;
    left: 50%;
    margin-top: 90px;
}

.brand_page .title {
    font: bold 42px/52px Open Sans Condensed, sans-serif;
    text-align: center;
    padding: 20px;
    transition: all 0.8s ease-in-out;
}

.brand_page .each-event {
    background-color: #f4f4f4;
    color: #777;
    padding: 15px;
    margin: 0 20px;
    width: 300px;
    position: relative;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

.brand_page .each-event:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -27px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 20px -4px rgba(64, 64, 64, 0.8);
}

.brand_page .each-event:nth-child(odd) {
    margin-left: calc(50% + 20px);
}

.brand_page .each-event:nth-child(even) {
    margin-left: calc(50% - 321px);
}

.brand_page .each-event:nth-child(even):before {
    left: calc(100% + 14px);
}

.brand_page .title.non-focus {
    font-size: 24px;
    line-height: 34px;
    transition: all 0.8s ease-in-out;
}

.brand_page .each-event.non-focus {
    color: #d2d2d2;
    background: #e6e6e6;
    margin-top: 90px;
    transform: rotateZ(45deg);
    transition: all 0.8s ease-in-out;
}

.brand_page .each-event.non-focus:before {
    opacity: 0;
    background-color: #aaa;
}


.brand_page .timeline {
    display: flex;
    flex-direction: column;
    margin: 19px auto;
    position: relative;
    float: right;
}

.brand_page .mr_t_brand {
    margin: 2% 0 0 0;
}

.brand_page .timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 10px 0;
    border-radius: 6px;
    align-self: flex-start;
    /* width: 50vw; */
    border: solid 1px #032e633d;
    box-shadow: 2px 12px 14px -12px #878686;
}

/* .timeline__event:nth-child(2n + 1) {
    flex-direction: row-reverse;
} */
.brand_page .timeline__event:nth-child(2n + 1) .timeline__event__date {
    border-radius: 0 6px 6px 0;
    background-color: #fff;
}

.brand_page .timeline__event:nth-child(2n + 1) .timeline__event__content {
    border-radius: 0;
}

.brand_page .timeline__event:nth-child(2n + 1) .timeline__event__icon:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #f6a4ec;
    position: absolute;
    top: 0%;
    left: 50%;
    right: auto;
    z-index: -1;
    transform: translateX(-50%);
    animation: fillTop 2s forwards .4s ease-in-out;
}

.brand_page .timeline__event:nth-child(2n + 1) .timeline__event__icon:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f6a4ec;
    position: absolute;
    right: 0;
    z-index: -1;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    animation: fillLeft 2s forwards .4s ease-in-out;
}

.brand_page .timeline__event__title {
    font-size: 15px;
    line-height: 2.4;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff !important;
    letter-spacing: 1.5px;
}

.brand_page .timeline__event__content {
    padding: 20px;
    box-shadow: 20px 4px 18px -21px rgba(50, 50, 93, 0.25), 0 18px 20px -19px rgba(0, 0, 0, 0.3), 19px 4px 36px -8px rgba(0, 0, 0, 0.025);
    background: #032e63;
    width: calc(40vw - 84px);
    border-radius: 0 6px 6px 0;
}

.brand_page .timeline__event__date {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 600;
    background: #f3efef;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 20px;
    border-radius: 6px 0 0 6px;
    /*height: calc(13vw - 84px);*/
}

.brand_page .timeline__event__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9251ac;
    padding: 20px;
    align-self: center;
    margin: 0 20px;
    background: #f6a4ec;
    border-radius: 100%;
    width: 40px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    padding: 40px;
    height: 40px;
    position: relative;
}

.brand_page .timeline__event__icon i {
    font-size: 32px;
}

.brand_page .timeline__event__icon:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #f6a4ec;
    position: absolute;
    top: 0%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    animation: fillTop 2s forwards .4s ease-in-out;
}

.brand_page .timeline__event__icon:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f6a4ec;
    position: absolute;
    left: 0%;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    animation: fillLeftOdd 2s forwards .4s ease-in-out;
}

.brand_page .timeline__event__description {
    flex-basis: 100%;
}

.brand_page .timeline__event__description p {
    color: #fff;
}

.brand_page .timeline__event__description p a {
    color: #fff;
}

.brand_page .timeline__event--type2:after {
    background: #555ac0;
}

.brand_page .timeline__event--type2 .timeline__event__date {
    color: #fff;
    background: #fff;
}

.brand_page .timeline__event--type2 .timeline__event__date img {
    border: none;
}

.brand_page .timeline__event--type2:nth-child(2n + 1) .timeline__event__icon:before,
.timeline__event--type2:nth-child(2n + 1) .timeline__event__icon:after {
    background: #87bbfe;
}

.brand_page .timeline__event--type2 .timeline__event__icon {
    background: #87bbfe;
    color: #555ac0;
}

.brand_page .timeline__event--type2 .timeline__event__icon:before,
.timeline__event--type2 .timeline__event__icon:after {
    background: #87bbfe;
}

.brand_page .timeline__event--type2 .timeline__event__title {
    color: #555ac0;
}

.brand_page .timeline__event--type3:after {
    background: #24b47e;
}

.brand_page .timeline__event--type3 .timeline__event__date {
    color: #aff1b6;
    background-color: #f3efef;
}

.brand_page .timeline__event--type3:nth-child(2n + 1) .timeline__event__icon:before,
.timeline__event--type3:nth-child(2n + 1) .timeline__event__icon:after {
    background: #aff1b6;
}

.brand_page .timeline__event--type3 .timeline__event__icon {
    background: #aff1b6;
    color: #24b47e;
}

.brand_page .timeline__event--type3 .timeline__event__icon:before,
.timeline__event--type3 .timeline__event__icon:after {
    background: #aff1b6;
}

.brand_page .timeline__event--type3 .timeline__event__title {
    color: #24b47e;
}

.brand_page .timeline__event:last-child .timeline__event__icon:before {
    content: none;
}

.brand_page .company_cont {
    font-size: 13px;
    text-align: left;
    color: #b6b5b5 !important;
    letter-spacing: .3px;
}

@media (max-width: 786px) {
    .brand_page .timeline__event {
        flex-direction: column;
        align-self: center;
    }

    .brand_page .timeline__event--type2 .timeline__event__date img {
        border: none;
        width: 100%;
    }

    .brand_page .timeline__event:nth-child(2n + 1) .timeline__event__date img {
        width: 100%;
    }

    .brand_page .timeline__event__content {
        width: 100%;
    }

    .brand_page .timeline__event__content {
        width: 100%;
    }

    .brand_page .timeline__event__icon {
        border-radius: 6px 6px 0 0;
        width: 100%;
        margin: 0;
        box-shadow: none;
    }

    .brand_page .timeline__event__icon:before,
    .timeline__event__icon:after {
        display: none;
    }

    .brand_page .timeline__event__date {
        border-radius: 0;
        padding: 20px;
    }

    .brand_page .timeline__event:nth-child(2n + 1) {
        flex-direction: column;
        align-self: center;
    }

    .brand_page .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 0 !important;
        line-height: 1.42857143;
        background-color: #fff !important;
        border: none !important;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out;
    }

    .brand_page .timeline__event:nth-child(2n + 1) .timeline__event__date {
        border-radius: 0;
        padding: 20px;
    }

    .brand_page .timeline__event:nth-child(2n + 1) .timeline__event__icon {
        border-radius: 6px 6px 0 0;
        margin: 0;
    }
}

@keyframes fillLeft {
    100% {
        right: 100%;
    }
}

@keyframes fillTop {
    100% {
        top: 100%;
    }
}

@keyframes fillLeftOdd {
    100% {
        left: 100%;
    }
}






#applybutton {
    padding: 5px 20px;
    /*border-radius: 9px;*/
    /*border: solid 1px #e12f53;*/
    /*background-color: #e12f53;*/
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 132px !important;
    margin-top: 20px;
}

.smart-simple .row a img {
    margin: 10px 0;
    height: auto !important;
    width: 169px;
}

.loan-apply .login-box #FormVerify .form-control {
    height: 50px !important;
    font-size: 12px !important;
}

.city-banners-heading {}

.city-banners-heading h1 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 26px !important;
    margin: 0px 0px 10px 0px;
}

.city-banners-heading h2 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 26px !important;
    margin: 0px 0px 10px 0px;
}

.city-banners-heading h3 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 26px !important;
    margin: 0px 0px 10px 0px;
}

.city-banners-heading p {
    font-size: 15px;
    text-align: justify;
    color: #000;
}

.city-banners-heading ul {
    padding: 0px 0px 0px 18px;
}

.city-banners-heading ul li {
    line-height: 25px;
    font-size: 15px;
    text-align: justify;
}

.city-banners-heading h5 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.city-banner h1 {
    color: #fff;
    margin-bottom: 2px;
    font-size: 48px;
    font-style: italic;
    font-family: 'Manrope', sans-serif !important;
    text-shadow: 4px 0 9px black;
    z-index: 1;
    position: relative;
}

@media(max-width: 767px) {
    .city-banner h1 {
        font-size: 19px;
        text-align: center;
    }

    .city_page {
        width: 100%;
        float: left;
        padding: 31px 0px 54px 0px !important;
    }

    .city_page h2 {
        font-size: 21px !important;
        line-height: 28px !important;
        text-align: center;
    }

    .city-banner {
        background-size: cover !important;
    }
}

.city_page h3 {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    margin: 3% 0;
}

.city-banner {
    padding: 0 !important;
    background-position: center !important;
    background-size: cover !important;
    height: 333px !important;
    overflow: hidden;
    position: relative;
    align-items: center;
    display: flex;
}

.city-banner .overlay1 {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: .2;
}

.loan-apply .login-box #FormVerify .row-cal {
    margin: 3px 0 9px 0 !important;
}

.button_default {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 132px;
    margin-top: 20px;
}

.ekyc_verification {
    width: 100%;
    float: left;
    padding: 3% 0;
    letter-spacing: 0;
    font-weight: 800;
    color: #d12634;
}

.ekyc_verification .verification_btn {
    width: 33px;
    float: none;
    left: 6px;
    margin-top: -21px;
    position: relative;
    display: inline-block;
    filter: grayscale(fff);
    filter: brightness(0) invert(1);
}

#FormVerify .checkbox-inline .checkbox_check {
    width: auto;
}

h1 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: bold;
}

h2 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 37px !important;
    line-height: 57px !important;
}

h3 {
    font-weight: bold !important;
    font-size: 37px;
}

.footer-cities {
    padding-right: 10px !important;
    border-right: solid 1px #033a7d !important;
    text-transform: capitalize !important;
    margin-right: 10px !important;
    font-size: 15px !important;
}

.main_journey_panel .demo #income_details img {
    margin: 0 auto;
    width: 443px;
    margin-top: 0 !important;
}

.main_journey_panel .demo #residence_pincode .col-md-6:last-child img {
    margin: 0 auto;
    width: 443px;
    margin-top: 0 !important;
}

.main_journey_panel .demo #income_details .confirm_location #form_income_details .radio_main input {
    width: auto;
    float: left;
}

.main_journey_panel .demo #thank_you .thanks .registration_thanks {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
}

.main_journey_panel .demo #thank_you .thanks aside {
    width: 100%;
    padding: 2%;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    border-style: solid;
    border-width: 10px 0 45px 0;
    border-color: transparent;
    margin: 0 8% 0 0;
    background-color: transparent;
}

.jdropdown {
    width: 100% !important;
    min-width: 100% !important;
}

.jdropdown-default.jdropdown-focus .jdropdown-header {
    outline: none !important;
    height: 49px !important;
    border-radius: 5px !important;
    width: 100% !important;
    font-size: 10px !important;
}

.jdropdown-header {
    height: 50px !important;
    border-radius: 5px !important;
    border: solid 1px #312e2e !important;
}

.login-box button {
    background: #032e63 !important;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 10px 50px;
    float: left;
    margin-top: 14px;
}

.login_box p strong {
    font-weight: 900;
    color: #fff;
}

.pan_box p strong {
    font-weight: 900;
    color: #fff;
}

.form-control {
    height: 50px !important;
    border-radius: 4px !important;
    /*background-color: #bce0fd;*/
    border: none;
}

.btn_upload {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53 !important;
    background-color: #e12f53 !important;
    letter-spacing: 0;
    color: #fff !important;
    text-align: center;
}

#registration row .col-md-6 img {
    width: 80%;
    margin: 0 auto;
}

.checkbox-inline,
.radio-inline {
    line-height: 16px;
}

::selection {
    background: #1e2754;
    color: #fff;
}

.overlayy {
    width: 100%;
    height: 475px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    position: absolute;
    background: url(../images/1.png);
    background-size: contain;
}

.confirm_location #personal_details .form-control {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

.inner-top-banner {
    padding: 99px 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: auto;
}

.inner-banner {
    width: 100%;
    float: left;
    border-left: solid 2px #fff;
    padding-left: 24px;
}

.inner-banner a {
    color: #fff !important;
}

.inner-banner h1 {

    color: #fff;

    margin-bottom: 2px;

    font-size: 48px;

    font-style: italic;
}

.inner-banner span {
    font-family: 'Playfair Display', serif !important;
    font-style: italic;
}

.inner-banner p {

    color: #fff;

    font-size: 14px;
}

/*.video-background:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,10) 43%,rgba(255,255,255,0) 69%);
}
*/

.top-line {
    float: left;
    width: 100%;
    z-index: 99999;
    background: none;
    position: relative;
}



.video-background {
    /* background: #fff; */
    padding: 0px;
    margin: -112px 0px 0px 0px;
    float: left;
    width: 100%;
}

.video-background video {
    width: 100%;
    height: 950px !important;
}

.video-background h1 {
    color: #1e2754;
    line-height: 48px;
    font-weight: bold;
    font-size: 42px;
}

.video-background p {
    color: #000;
    font-size: 21px;
    margin: 25px 0px 40px 0px;
    line-height: 29px;
}

a:focus {
    outline: none !important;
    outline-offset: -2px;
}

a:focus {
    color: #23527c;
    text-decoration: none !important;
}

.video-background .buttona {
    background: linear-gradient(90deg, #009AD3 0%, #2A3972 100%);
    border-radius: 8px;
    border: 2px solid #009AD3;
    transition: all 0.4s ease-in-out;
    padding: 15px 30px;   
    margin-right: 15px;
    color: hsl(0, 0%, 100%);
    font-weight: 100;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
}


.video-background .buttona:hover {
    transition: all 0.10s ease-in-out;
    background: linear-gradient(270deg, #009AD3 0.1%, #2A3972 99.9%);
    color: #fff !important;
    text-decoration: blink;
}


.video-background .buttonb {
    color: #333;
    background: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    border: 2px solid #009AD3;
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 13px;
    box-shadow: 0 0 10px #ededed;
    letter-spacing: 0;
    font-weight: bold;
}


.video-background .buttonb:hover {
    transition: all 0.10s ease-in-out;
    background: linear-gradient(270deg, #009AD3 0.1%, #2A3972 99.9%);
    color: #fff !important;
    text-decoration: none;
}






.sign-up {
    padding: 11px 34px !important;
    border-radius: 8px;
    font-size: 17px !important;
    background:linear-gradient(90deg, #009AD3 0%, #2A3972 100%);;
    margin-top: 17px;
    font-weight: bold;
    color: #fff !important;
}

.sign-up:hover {
     transition: all 0.10s ease-in-out;
    background: linear-gradient(270deg, #009AD3 0.1%, #2A3972 99.9%);
    color: #fff !important;
    text-decoration: none;
}


.sign-in {
    padding: 10px 27px !important;
    font-size: 17px !important;
    margin-top: 17px;
    font-weight: bold;
    color: #1e2754 !important;
}

.sign-in:hover {
    text-decoration: blink;
}



.banner-background {
    background: url(../images/background_image.jpg) right;
    width: 100%;
    float: left;
    padding: 135px 0px;
    margin: -80px 0px 0px 1px;
    background-size: cover;
}


.banner-background h1 {
    color: #1e2754;
    font-size: 60px;
    font-weight: bold;
    line-height: 60px;
}

.banner-background p {
    color: #1e2754;
    font-size: 21px;
    margin: 25px 0px 40px 0px;
    line-height: 29px;
}

.banner-background .buttona {
    background: #1e2754;
    padding: 10px 30px;
    border-radius: 5px;
    margin-right: 15px;
    color: #fff;
}


.banner-background .buttonb {
    padding: 10px 30px;
    border-radius: 5px;
    margin-right: 15px;
    color: #1e2754;
}

.col-md-6-zindex {
    z-index: 9999;
    position: absolute;
    top: 165px;
}

.video-line {
    width: 100%;
    float: left;
}

.video-up {
    height: 100%;
    width: 100%;
    background: url(../images/1.png) !important;
    top: 0;
    left: 0;
    float: left;
    position: absolute;
}

.video-background video {
    width: 100%;
    height: 100% !important;
}

.overlay {
/*    width: 100%;*/
/*    height: 100%;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*    background-color: rgba(0, 0, 0, 0.5);*/
    z-index: 2;
    position: absolute;
/*    background: url(../images/1.png);*/
    background-size: contain;
}


.about-line {
    float: left;
    width: 100%;
    background: #1e2754;
    padding: 50px 0px;
    border-radius: 0px;
    margin-top: -74px;
    z-index: 999;
    position: relative;
}


.about-line h3 {
    color: #262525;
    margin-bottom: 0px;
    font-weight: bold;
    margin: 0px;
}


.about-line p {
    color: #262525;
    line-height: 27px;
    margin: 0px;
    text-align: justify;
}


.about-line h4 {
    color: #7c809b;
    font-size: 16px;
    line-height: 26px;
    margin-top: 61px;
}

.about-line img {
    opacity: 0.4;
}

.our-partner {
    font-size: 20px;
    color: #FFFFFFB5;
    margin-top: 18px;
}

.margin-prte {
    margin-top: 0px;
}



.streamline {
    float: left;
    width: 100%;
    margin: 0px;
    background: #fff;
    padding: 55px 0px;
}

.streamline h3 {
    color: #1e2754;
    font-size: 37px;
    FONT-WEIGHT: bold;
    margin: 0px;
}


.streamline p {
    color: #787d98;
    FONT-SIZE: 18PX;
    LINE-HEIGHT: 27PX;
    FONT-WEIGHT: 500;
}


.box {
    position: relative;
    text-align: left;
    padding: 20px;
    color: #fff;
    height: 255px;
    background: #f6f5f8 !important;
    border: none !important;
    border-radius: 20px !important;
    BOX-SHADOW: 0 10PX #DDD;
    text-align: center;
}

.box-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out 0s;
}

.box-img img {
    width: 79px;
    height: auto;
}

.content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    background: #366C98;
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    border-radius: 20px !important;
    BOX-SHADOW: 0 10PX #bcd3e6;
}

.content>.title {
    font-size: 19px;
    text-transform: capitalize;
    margin-top: 28px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.5); */
    color: #fff !important;
}

.content>.description {
    font-size: 15px;
    color: #fff !important;
    line-height: 20px !important;
    margin-top: 6px;
}

.box:hover .content {
    opacity: 1;
}

@media only screen and (max-width: 990px) {
    .box {
        margin-bottom: 20px;
        height: 254px;
    }
}

.box-img {
    margin-top: 0;
}

.image-icon {
    margin-top: 10px;
}

.one {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    margin-top: 100px;
}

.box-img .one {
    margin-top: 30px;
    font-size: 23px;
    line-height: 13px;
}

.media-heading {
    color: #000;
    font-weight: bold;
    font-size: 19px;
}

.users-said {
    width: 100%;
    float: left;
    padding: 60px 0px;
    margin: 0px;
    background: #fff;
}


.users-said img {
    border-radius: 20px;
    /* box-shadow: -5px 3px 8px #cfcfcf; */
}

.users-said .col-6 {
    border-radius: 20px;
    padding: 20px;
    background: #cbb9fa;
    /* box-shadow: 3px 5px 6px #607D8B; */
}




.testimonial {
    text-align: left;
    background: #fff;
    border-radius: 20px;
    padding: 21px 40px;
    height: auto;
}

.description {
    color: #656565;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 21px;
    padding: 0px 0px;
    position: relative;
}

.description:before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 2%;
    color: #3498db;
    font-size: 36px;
    display: none;
}

.description:after {
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 2%;
    color: #3498db;
    font-size: 36px;
    display: none;
}

.pic {
    width: 94px;
    height: 94px;
    margin: 0 auto;
}

.pic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.testimonial-title {
    font-size: 18px;
    color: #261340;
    font-weight: bolder;
    text-transform: capitalize;
    margin: 0px;
}

.testimonial-title>small {
    display: block;
    color: #656565;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 5px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #3498db;
}

.owl-theme .owl-controls .owl-page span {
    opacity: 1;
}

@media screen and (max-width: 480px) {
    .description {
        font-size: 12px;
        line-height: 22px;
    }

    .description:before,
    .description:after {
        font-size: 25px;
    }
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #1e2754 !important;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff !important;
}

.testi {
    text-align: center;
    font-size: 20px;
    color: #1e2754;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 12px;
}


.smart-simple {
    float: left;
    width: 100%;
    background: #fff;
/*    padding: 55px 0px;*/
}

.smart-simple h3 {
    color: #fff;
    font-size: 37px;
    font-weight: 500;
    margin-top: 105px;
}

.smart-simple p {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}


.smart-simple ul {

    padding: 0px;
}

.smart-simple ul li {

    display: block;

    line-height: 35px;

    color: #787d98;

    font-size: 17px;

    font-weight: bold;
}

.smart-simple .fa {
    padding-right: 10px;
    color: #1e2754;
    font-size: 20px;
}


.smart-simple .buttona {
    background: #1e2754;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}

.smart-simple .buttona:hover {
    background: #8d45d0 !important;
    color: #fff !important;
    text-decoration: blink;
}

.our-blogs p {
    font-size: 15px;
    color: #000;
}

.our-blogs {
    float: left;
    width: 100%;
    padding: 55px 0px;
    margin: 0px;
    background: #f7f7f7;
}

.our-blogs h3 {
    color: #1e2754;
    font-size: 37px;
    FONT-WEIGHT: 600;
    margin: 0px;
}

.our-blogs h4 {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin: 0px;
}



.our-blogs .buttona {
    background: #032e63;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: 10px 0 0 0;
    float: right;
}

.our-blogs .buttona:hover {
    background: #e12f53 !important;
    color: #fff !important;
    text-decoration: blink;
}


.post-slide {
    margin: 0 10px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 15px #ddd;
    border-radius: 8px;
}

.post-slide .post-img {
    overflow: hidden;
    position: relative;
    border-radius: 15px 15px 0px 0px;
}

.post-slide .post-img img {
    width: 100%;
    height: auto;
    transform: scale(1, 1);
    transition: all 0.30s ease 0s;
    border-radius: 15px 15px 0px 0px;
}

.post-slide:hover .post-img img {
    transform: scale(1.2, 1.2);
}

.post-slide .over-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    background: rgba(68, 67, 64, 0.9);
    transition: all 0.50s linear;
    border-radius: 15px 15px 0px 0px;
}

.post-slide:hover .over-layer {
    opacity: 1;
}

.post-slide .post-link {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 45%;
}

.post-slide .post-link li {
    display: inline-block;
    margin-right: 10px;
}

.post-slide .post-link li a {
    width: 60px;
    height: 60px;
    line-height: 59px;
    border-radius: 50%;
    color: #fff;
    background: #333;
    font-size: 20px;
    transform: scale(1, 1);
    transition: all 0.20s linear;
}

.post-slide .post-link li a:hover {
    text-decoration: none;
    transform: scale(1.1, 1.1);
}

.post-slide .post-review {
    padding: 15px 0;
    overflow: hidden;
    text-align: left;
    padding: 10px;
    background: #ededed;
    box-shadow: 0 0 10px #ddd;
    border-radius: 0px 0px 15px 15px;
}

.post-slide .post-title {
    margin-top: 0;
    text-align: left;
    height: 64px !important;
}

.post-slide .post-title a {
    line-height: 19px;
    display: block;
    color: #000;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.50s ease 0s;
    position: relative;
    float: left;
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: #1f80bb;
}

.post-slide .post-info {
    list-style: none;
    padding: 0px 0 0 0;
    margin: 0 0 7px 0;
    text-align: left;
    color: #032e63;
}

.post-slide .post-info li {
    display: inline-block;
    margin-right: 13px;
}

.post-slide .tag-info {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
}

.post-slide .tag-info li {
    list-style: none;
    display: inline-block;
}

.post-slide .tag-info li a {
    color: #808080;
    text-transform: capitalize;
}

.post-slide .tag-info li a:hover {
    color: #1f80bb;
    text-decoration: none;
}

.post-slide .post-description {
    color: #828282;
    font-size: 14px;
    padding: 5px 25px;
    line-height: 25px;
}

.post-slide .read-more {
    color: #333;
    float: right;
    font-weight: bold;
    margin-right: 25px;
    text-transform: capitalize;
}

.post-slide .read-more:hover {
    color: #1f80bb;
    text-decoration: none;
}

.owl-theme .owl-buttons div {
    position: relative;
    border-radius: 0;
    background: #807b87;
    padding: 7px 15px;
    transition: all 0.5s ease 0s;
}

.owl-theme .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    transition: all 0.50s linear;
}

.owl-carousel:hover .owl-buttons .owl-prev {
    opacity: 1;
    left: -30px;
}

.owl-theme .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0;
    transition: all 0.50s linear;
}

.owl-carousel:hover .owl-buttons .owl-next {
    opacity: 1;
    right: -30px;
}

.owl-prev:before,
.owl-next:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.owl-next:before {
    content: "\f054";
}

@media only screen and (max-width: 990px) {
    .post-slide .post-info li {
        margin-right: 5px;
    }

    .owl-theme .owl-buttons div {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .post-slide .post-link li a {
        width: 40px;
        height: 40px;
        line-height: 39px;
        font-size: 13px;
    }

    .post-slide .post-title a {
        font-size: 14px;
    }
}

.post-slide .fa {
    font-family: 12px;
}

.footer-ready-to {
    background: #e12f53;
    text-align: center;
    width: 100%;
    float: left;
    padding: 55px 0px;
    color: #fff;
    border-radius: 0px;
}


.footer-ready-to h3 {
    font-size: 37px;
    color: #fff;
    margin: 0px;
}

.footer-ready-to p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 37px;
}


.get-ittuch:hover {
    background: #032e63 !important;
    color: #fff !important;
    text-decoration: blink;
}

.get-ittuch {
    background: #fff;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #032e63;
    font-weight: bold;
    font-size: 17px;
}


.contact-information {
    background: #EBF8FD !important;
    width: 100%;
    float: left;
    padding: 54px 0 74px 0 !important;
    margin: 0px;
    border-radius: 0px;
    border-radius: 0;
    /* position: relative;
    z-index: 12; */
}

.contact-information h3 {

    color: #2A3972;

    font-size: 37px;

    margin: 0px;

    font-size: 37px;
}

.contact-information h4 {

    font-size: 15px;

    color: #2A3972;

    font-weight: 400;

    line-height: 23px;
}

.contact-information p {
    color: #2A3972;
}

.contact-information a {
    color: #2A3972;
    font-weight: 400;

}



.contact-information a:hover {
    color: #2A3972;
    text-decoration: blink;
}


.contact-information .faa {
    color: #2A3972 !important;
    padding-right: 10px !important;
    font-size: 20px !important;
    margin-top: 4px !important;
}

.contact-information hr {
    border-top: solid 1px #313d7a;
}



.contact-information strong {

    font-size: 19px;

    color: #fff;

    width: 100%;

    float: left;

    margin-bottom: 10px;

    margin-top: 19px;
}


.contact-information .footer-link {
    line-height: 30px;
    font-weight: 400;
    font-size: 15px;
}

.contact-information .fa {
    font-size: 10px;
    float: left;
    margin-top: 13px;
    margin-right: 9px;
}

.copyright {
    margin-top: 0px;
    color: #2A3972;
    text-align: center;
    font-size: 13px;
}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 10px #e5e5e5fa;
    background: #fff !important;
    transition: .7s all ease-in-out;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}


.inner-pages {
    width: 100%;
    float: left;
    padding: 50px 0px;
    margin: 0px;
    background: #fff;
}

.inner-pages .city-banners-heading {}

.city-banners-heading h1 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 26px !important;
    margin: 0px 0px 10px 0px;
}

.inner-pages .city-banners-heading h2 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 26px !important;
    margin: 0px 0px 10px 0px;
}

.inner-pages .city-banners-heading h3 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 26px !important;
    margin: 0px 0px 10px 0px;
}

.inner-pages .city-banners-heading p {
    font-size: 15px;
    text-align: justify;
    color: #000;
}

.inner-pages .city-banners-heading ul {
    padding: 0px 0px 0px 18px
}

.inner-pages .city-banners-heading ul li {
    line-height: 25px;
    font-size: 15px;
    text-align: justify;
}

.inner-pages .city-banners-heading h5 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.inner-pages ul {
    padding: 0px 0px 0px 28px;
}

.inner-pages ul li {}

.inner-pages p {
    color: #000;
    font-size: 15px;
    text-align: justify;
}



.inner-pages .thumbnail {
    text-align: center;
    border: none !important;
    box-shadow: 0 0 10px #dfdfdf;
    padding: 25px 15px;
    position: relative;
    text-align: center;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
}

.inner-pages .thumbnail .fa {
    background: rgb(109, 34, 229);
    background: linear-gradient(90deg, rgba(225, 47, 85, 1) 0%, rgba(3, 46, 99, 1) 100%);
    padding: 20px 17px;
    color: #fff;
    font-size: 40px;
    border-radius: 100%;
    margin-top: 0px;
    width: 80px;
    position: relative;
    top: -58px;
    margin-bottom: -41px;
}

.inner-pages .thumbnail h3 {
    font-weight: bold;
    font-size: 22px;
    color: #1b2452;
    margin-bottom: 0px;
    margin-top: -24px;
}


.inner-pages .thumbnail p {
    font-size: 15px;
}

.hr-simpl {
    width: 80px;
    border: none !important;
    margin: 0 auto;
    height: 1px;
    background: #1e2754;
    margin-bottom: 11px;
    margin-top: 2px;
}

.inner-pages .thumbnail:hover {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.about-lines {
    width: 100%;
    float: left;
    padding: 55px 0px;
    margin: 0px;
    background: #fff;
}

.about-lines h2 {
    margin: 0px;
    font-weight: bold;
    font-size: 24px ! IMPORTANT;
    line-height: 37px ! IMPORTANT;
    color: black !important;
}


.about-lines h3 {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    margin: 3% 0;
}

.about-lines p {
    font-size: 15px;
    text-align: justify;
    color: #000;
}

.about-lines strong {
    font-weight: 900;
    color: #000;
}

.about-lines .hr-simpl {
    width: 60px;
    border: none !important;
    margin: 0 auto;
    height: 2px;
    background: #1e2754;
    margin-bottom: 11px;
    margin-top: 2px;
}



.paddings {
    padding-top: 45px;
}

.about-lines span {
    color: #e82d39;
}

.tagss {
    font-size: 42px;
    line-height: 46px;
    font-weight: bold;
    color: #1e2754;
}

.smal-tag {
    font-size: 17px;
    color: #1b2452;
}


.tagss {
    font-size: 37px;
    font-weight: bold;
    color: #1e2754;
    line-height: 40px;
}

.video-backgroundd {
    float: left;
    width: 100%;
    background: url(../images/video-background.jpg) center;
    padding: 100px 0px;
    margin: 0px;
    position: relative;
    text-align: center;
    padding: 85px 0px 130px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #ba1f24;
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #fa183d;
    border-radius: 50%;
    transition: all .2s
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%)
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.video-backgroundd .smal-tag {
    color: #fff !important;
}


.video-backgroundd .tagss {
    color: #fff !important;

}

.video-backgroundd span {
    color: #fff;

}


.video-backgroundd:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
}



.why-choos-us {
    float: left;
    width: 100%;
    padding: 55px 0px;
    margin: 0px;
    background: #fff;
}

.why-choos-us p {
    font-size: 15px;
}

.why-choos-us .smal-tag {}

.why-choos-us .tagss {}

.why-choos-us .hr-simplee {
    width: 43px;
    border: none !important;
    margin: 0 0;
    height: 1px;
    background: #fff;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 59px;
}


.vertical-tab strong {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    font-size: 20px;
}

.vertical-tab .nav-tabs {
    display: table-cell;
    width: 41%;
    min-width: 28%;
    vertical-align: top;
    border: none;
}
.tab-content img{
    display: block;
    max-width: 100%;
    /* height: auto; */
    
}

.vertical-tab .nav-tabs li {
    float: none;
    vertical-align: top;
}

.vertical-tab .nav-tabs li a {
    color: #000;
    background-color: #fff;
    letter-spacing: 0x;
    text-align: left;
    text-transform: uppercase;
    padding: 12px;



















    margin: 0 1px 9px 0;
    border-radius: 10px;
    border: none;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;

    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    border: solid 1px #ddd;
}

.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover {
    color: #fff;
    background-color: transparent;
    border: none;
}

.vertical-tab .nav-tabs li a:before {
    content: "";
    background: #1c6bad;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: solid 1px #ddd;
    transition: all 0.3s ease 0s;
}

.vertical-tab .nav-tabs li a h3 {
    color: #000 !important;
}

.vertical-tab .nav-tabs li h3 {
    color: #fff !important;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 21px;
    margin-bottom: 0px;
}

.vertical-tab p {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: normal;
    text-align: left;
    padding-right: 8px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100% !important;
}

.form-group {
    margin-bottom: 15px;
    margin: 18px 0;
}

.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before {
    transform: scale(2);
}

.vertical-tab .tab-content {
    background: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 10px;
    margin-top: 10px;
    display: table-cell;
    position: relative;
    border-radius: 10px;
    border: solid 1px #ddd;
}

.vertical-tab .tab-content h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}

.contact-line {
    width: 100%;
    float: left;
    padding: 0px 0;
    margin: 0;
    background: #F5F5F5;
}

.contact-line .col-md-a a {
    color: #000;
}

.contact-line .col-md-a a:hover {
    color: #000;
    text-decoration: blink;
}


.contact-line .col-md-a {
    /*padding: 0;
    background: transparent;*/
    /* width: 100%; */
    /* float: left; */
    /* width: 100%; */
    /*padding: 0 1em 1em 1em;
    text-align: center;
    flex: 0 0 33.33%;
    max-width: 33.33%;*/
}


@media screen and (min-width: 992px) {
    .column {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media screen and (min-width: 768px) {
    .column {
        flex: 0 50%;
        max-width: 50%;
    }
    /* .video-background img {
        width: 100%;
        height: 460px;
    } */
    .video-background p {
        color: #000;
        font-size: 21px;
        margin: 0px 0px 15px 0px;
        line-height: 22px;
    }

}

.contact-line .column {
    width: 100%;
    padding: 0 1em 1em 1em;
    text-align: center;
}

.contact-line .col-md-b {
    background: #032e63;
    padding: 15px 27px;
    width: 100%;
    border-radius: 12px;
    float: left;
    margin-bottom: 5%;
    background-image: radial-gradient(at bottom center, #0366e0 0%, #03336e 50%);
}

.contact-line .col-md-b h2 {
    color: #fff;
    margin: 0px 0px 30px 0px !important;
}


.contact-line h2 {
    margin-bottom: 30px !important;
}

.con-tag {
    margin: 0px;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1e2754;
}



.input-rupee {
    height: 45px !important;
    border: solid 1px #ddd !important;
    margin-bottom: 15px;
    color: #8c8c8c;
}


.submit-buttons {
    background: #1c6bad !important;
    color: #fff !important;
    padding: 8px 44px !important;
    font-size: 14px !important;
    outline: none !important;
    margin-top: 2%;
}

.faq-loan {
    width: 100%;
    float: left;
    padding: 100px 0px;
    margin: 0px;
}

p strong {
    font-weight: 900;
    color: #000;
}

.faq-loan .thumbnail {
    /* border: none !important; */
    padding: 20px !important;
    box-shadow: 0 0 12px #b9b9b9;
    float: left;
    width: 100%;
    border-radius: 82px 0px;
    height: 225px;
    border: solid 4px #1b2452;
}


.hr-faq {
    width: 53px;
    border: none !important;
    margin: 0 0;
    height: 2px;
    background: #1b2452;
    margin-bottom: 25px;
    margin-top: 2px;
}

.repay-loan {
    width: 100%;
    float: left;
    padding: 100px 0px;
    margin: 0px;
}

.repay-loan .thumbnail {
    border: none !important;
    padding: 20px !important;
    box-shadow: 0 0 6px #e7e7e7;
    float: left;
    width: 100%;
}

.repay-loan .thumbnail .ligin-user {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
    color: #000;
    /* margin-top: 13px; */
    margin-bottom: 0px;
}

.repay-loan .thumbnail .hr-simplee {
    width: 60px;
    border: none !important;
    margin: 0 0;
    height: 3px;
    background: #1e2754;
    margin-bottom: 25px;
    margin-top: 2px;
}

.repay-loan p {
    font-size: 15px;
    line-height: 25px;
}

.input-repayloan {
    height: 50px !important;
    background: url(../images/phone_icon.png) left no-repeat;
    border: none !important;

    box-shadow: none !important;
    border-bottom: solid 1px #ddd !important;
    border-radius: 0px !important;

    padding-left: 36px;
    font-size: 13px;
}

.tabbll {
    overflow-x: auto;
}





.displa {
    display: block
}



.login-are {
    text-align: center;
    float: none;
    width: 100%;
    float: left;
    margin-bottom: -2px;
    margin-top: 19px;
}

.login-customer {
    width: 100%;
    float: left;
    padding: 50px 0px;
    margin: 0px;
    background: #ddd;
}

.hr-simplee {
    width: 80px;
    border: none !important;
    margin: 0 auto;
    height: 1px;
    background: #1e2754;
    margin-bottom: 25px;
    margin-top: 2px;
}

.login-customer .col-md-3 {
    width: 32%;
}

.login-customer .col-md-6 {
    width: 36%;
}


.login-customer label {
    font-size: 17px;
    color: #545454;
    font-weight: 500;
}

.input-login-user {
    height: 50px !important;
    background: url(../images/login_icon.png) left no-repeat;
    border: none !important;
    box-shadow: none !important;
    border-bottom: solid 1px #ddd !important;
    border-radius: 0px !important;
    padding-left: 36px;
    font-size: 13px;
}


.input-login-pass {
    height: 50px !important;
    background: url(../images/lock_icon.png) left no-repeat;
    border: none !important;
    box-shadow: none !important;
    border-bottom: solid 1px #ddd !important;
    border-radius: 0px !important;
    padding-left: 36px;
    font-size: 13px;
}









.login-customer .thumbnail {
    border: none !important;
    padding: 20px !important;
    box-shadow: 0 0 12px #b9b9b9;
}



.login-customer .ligin-user {
    text-align:
        center;
    font-size: 20px;
    font-weight:
        bold;
    text-transform:
        uppercase;
    color: #000;
    /* margin-top: 13px; */
    margin-bottom: 0px;
}

.login-customer .ligin-userr {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    color: #858585;
    margin-top: 4px;
    margin-bottom: 20px;
}

.ligin-userr a {
    color: #0363a3;
}

.otp-line {
    position: relative !important;
    left: 13% !important;
}

.otp-inputs {
    width: 48px !important;
    height: 48px !important;
    text-align: center;
    float: left;
    color: #000;
    margin: 0px 9px;
}

.login-customer .login-button {
    background: #1e2754;
    padding: 10px 30px;
    width: 100%;
    float: left;
    text-transform: capitalize;
    text-align: center;
    font-size: 19px;
    color: #fff !important;
    border: none !important;
    margin-bottom: 10px;
    margin-top: 15px;
}

.login-customer .login-button:hover {
    background: #000 !important;
}

.login-customer .back-to-login {
    text-align: center;
    font-size: 14px;
    color: #6c6c6c;
    margin-bottom: 15px;
    text-decoration: underline;
    font-weight: bold;
}



.login-customer .forgot-password {
    text-align: right;
    text-decoration: blink;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}



.login-customer .forgot-password a {
    color: #333;
}

.login-customer .forgot-password a:hover {
    color: #000;
    text-decoration: blink;
}

.login-social {
    text-align: center;
    float: left;
    width: 100%;
    position: relative !important;
    left: 35%;
    margin-top: 17px;
}




.login-social img {
    margin: 0px 17px 0px -9px !important;
    float: left;
    width: 42px;
}




/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: solid 2px #1e2754;
}

/* On mouse-over, add a grey background color */
.container:hover input~.checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.label-user-login {
    padding-left: 32px !important;
    padding-top: 1px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}


@media(max-width:320px) {
	.switch-handle.active {
	    left: 86px !important;
	}
}

@media all and (max-width:320px),
(max-width:375px),
(max-width:384px),
(max-width:414px),
(max-device-width:450px),
(max-device-width:480px),
(max-device-width:540px) {



    .loan-about p {
        font-size: 12px !important;
        line-height: 22px;
        text-align: justify;
        color: #000;
        font-weight: normal;
    }
            #registration {
    padding: 18px;
    margin: 0px;
}

    .loan-about h4 {
        font-size: 17px !important;
        color: #000;
        margin-bottom: 2%;
        line-height: 23px;
    }

    .serviceeBoxxx .description {
        font-size: 12px;
        line-height: 22px;
        margin: 0 10px;
    }

    .rates-and-fees p {
        font-size: 12px;
        line-height: 23px;
    }

    .eligibility-criteria .thumbnail ul li {
        background: url(../images/arrow-right.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        padding: 8px 37px;
        color: #202020 !important;
        font-size: 12px !important;
        display: block;
        background-position: -1px 7px;
    }

    .terms-nd-conditions p {
        font-size: 12px !important;
        line-height: 23px;
        text-align: justify;
    }

    .eligibility-criteria .thumbnail ul li {
        background: url(../images/arrow-right.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        padding: 8px 37px;
        color: #202020 !important;
        font-size: 12px !important;
        display: block;
        background-position: -1px 7px;
    }

    .serviceBoxx .service-icon {
        color: #e52839;
        background-color: #fff;
        font-size: 40px;
        text-align: center;
        line-height: 68px;
        height: 70px;
        width: 70px;
        box-shadow: 5px 5px #e9293a;
        position: absolute;
        left: 0;
        top: 0;
    }

    .contact-information .footer-link {
        line-height: 29px;
        font-weight: 400;
        font-size: 13px;
    }

    .contact-information .footer-social {

        width: 35px;
        height: 35px;

    }

    .contact-information .footer-social i {
        font-size: 16px;
        text-align: center;
        float: none;
        margin: 0px;
        margin-top: 0px;
        line-height: 10px;
        line-height: 17px !important;
    }

    .post-slide .post-review {

        height: auto !important;
    }

    .our-blogs p {
        font-size: 12px;
        line-height: 21px;
    }

    .about-lines h2 {
        margin: 0px;
        font-weight: bold;
        font-size: 17px;
        line-height: 24px;
    }

    .about-lines p {
        font-size: 12px;
        text-align: justify;
        line-height: 22px;
    }

    .login-social {
        text-align: center;
        /*! float: left; */
        width: 100%;
        position: relative !important;
        margin-top: 35px;
    }

    .login-customer label {
        font-size: 13px;

    }

    .input-login-user {
        height: 35px !important;
    }

    .login-customer .login-button {
        background: rgb(2, 45, 98);
        padding: 10px 30px;
        width: 100%;
        float: left;
        text-transform: uppercase;
        text-align: center;
        font-size: 15px;
        color: #fff !important;
        border: none !important;
        margin-bottom: 7px;
        margin-top: 10px;
    }

    .login-customer .forgot-password {
        text-align: right;
        font-size: 13px;
        color: #333;
        margin-bottom: 15px;
    }

    .login-social img {

        width: 33px;

        margin-left: -7px !important;
    }

    .otp-line {
        position: relative !important;
        left: 4% !important;
    }

    .login-customer .col-md-3 {
        width: 100%;
    }

    .login-customer .col-md-6 {
        width: 100%;
    }


    .personal .btn {
        border: none !important;
        border-radius: 3px !important;
        font-size: 15px !important;
        padding: 6px 30px !important;
    }

    .document-yes {
        border: solid 1px #1e2754;
        border-bottom-color: rgb(39, 19, 64);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 15px 20px !important;
        border-radius: 50px;
        margin: 23px 5px !important;
        color: #1e2754;
        margin-bottom: 0;
        line-height: 0;
        font-size: 13px !important;
        width: 94% !important;
        float: left !important;
        text-align: left !important;
        font-weight: bold !important;
        border-bottom: solid 3px #1e2754;
        margin: 7px !important;
    }




    .submit-buttons {
        background: #ed2338 !important;
        color: #fff !important;
        padding: 8px 32px !important;
        font-size: 15px !important;
        outline: none !important;
        border: 1px solid #fff;
    }


    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 286px !important;
        margin-bottom: 0;
    }

    .login-are {
        text-align: center;
        float: left !important;
        width: 100%;

        margin-bottom: 10px;
        margin-top: 10px;
    }

    .otp_line .thumbnail {
        border: none !important;
        padding: 20px 30px !important;
        box-shadow: 0 0 6px #e7e7e7;
        float: left;
        width: 100%;
    }

    .otp-icon ul {
        float: left;
        padding-left: 90px;
        border: none !important;
        margin: 0px 0 !important;
    }

    .otp_line p {
        font-size: 15px;
        color: #000;
        padding: 0px 0px !important;
    }


    .otp-icon {
        float: left;
        width: 100%;
    }

    .otp-icon ul {
        float: left;
        padding-left: 0px !important;
        border: none !important;
        margin: 11px 0;
    }

    .otp-icon ul li input {
        height: 44px !important;
        width: 40px !important;
        box-shadow: none !important;
        text-align: center;
        float: left;
        border-radius: 50px !important;
        margin: 0px 6px 0px 14px !important;
        background: #f9f9f9;
    }

    .otp_line {
        padding: 45px 0px !important;
    }

    .displa {
        display: none
    }

    .apply-now-line .thumbnail {
        border: none !important;
        padding: 0px !important;

    }

    .row-cal {
        float: left;
        width: 100%;
    }

    .row-cal label {
        font-weight: 500;
        font-size: 12px;
        margin-bottom: 5px;
    }



    .apply-now-line .y-redio {
        border-radius: 3px !important;
        height: 20px !important;
        margin-left: -25px !important;

    }

    .apply-now-line {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 46px 0px !important;
        background: #fff;
    }



    #accordion .panel-title a {
        display: block;
        padding: 7px 20px;
        border: none;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        position: relative;
    }

    #accordion .panel-body p {
        margin-bottom: 0;
        font-size: 12px !important;
        line-height: 21px;
        color: #000;
    }

    .faq-loan {
        padding: 30px 0;
    }

    .blogs-tags {
        font-size: 14px !important;

    }


    .blog-area p {
        font-size: 13px !important;

        font-weight: normal;
        margin: 10px 0px 10px 0px;
        line-height: 22px;
        color: #000;
    }

    .blog-date {

        font-size: 12px !important;

    }


    .faq-loan p {
        font-size: 12px;
        line-height: 21px;


    }

    .repay-loan .thumbnail h4 {
        font-size: 18px;
        line-height: 23px;
    }

    .repay-loan p {
        font-size: 12px;
        line-height: 19px;
    }

    .vertical-tab strong {
        float: left;
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        font-size: 10px;
    }

    .vertical-tab p {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: normal;
        text-align: left;
        padding-right: 8px;
    }

    .tagss {
        font-size: 23px;
        line-height: 30px;
        font-weight: bold;
        color: #1e2754;
    }

    .inner-top-banner {
        padding: 33px 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: auto;
    }

    .inner-banner h1 {
        color: #fff;
        margin-bottom: 2px;
        font-size: 22px;
        font-style: italic;
        line-height: 30px;
        margin: 0px;
    }

    .inner-banner p {
        font-size: 13px;
    }



    .inner-banner {
        width: 100%;
        float: left;
        border-left: solid 2px #fff;
        padding-left: 15px;
    }

    .sign-in {
        padding: 10px 27px !important;
        padding-left: 27px;
        font-size: 11px !important;
        margin-top: 4px;
        font-weight: bold;
        color: #1e2754 !important;
    }

    .sign-up {
        padding: 6px 13px !important;
        padding-left: 34px;
        border-radius: 12px;
        font-size: 11px !important;
        background: none;
        margin-top: 10px;
        font-weight: bold;
        color: #1e2754 !important;
        background: #1e2754;
    }


    .sign-up:hover {
        background: #e12f53 !important;
    }

    .video-background h1 {
        color: #1e2754;
        font-size: 19px !important;
        font-weight: bold;
        line-height: 24px !important;
        margin-bottom: 17px;
    }

    .col-md-6-zindex {
        z-index: 9999;
        position: absolute;
        top: 29px;
    }

    .video-background p {
        color: #1e2754;
        font-size: 13px;
        margin: -14px 0px 37px 0px;
        line-height: 16px;
    }

    .video-background .buttonb {
        padding: 13px 15px;
        border-radius: 12px;
        margin-right: 15px;
        font-weight: bold;
        font-size: 12px;
        box-shadow: 0 0 10px #ededed;
    }

    .video-background .buttona {
        background: #1e2754;
        padding: 13px 15px;
        border-radius: 12px;
        margin-right: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }

    .overlay {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 2;
        position: absolute;
        background: url(../images/1.png);
        background-size: contain;
    }

    .video-background video {
        width: 100%;
        height: 270px !important;
    }

.video-background img{
    width:100%;
    height:232px;;

}
    .video-background {
        background: #fff;
        padding: 0px;
        margin: -33px 0px 15px 0px !important;
        float: left;
        width: 100%;
        position: relative;
    }

    .about-line {
        float: left;
        width: 100%;
        background: #1e2754;
        padding: 25px 0px;
        border-radius: 0px;
        margin-top: -62px;
        z-index: 99999;
        position: relative;
    }

    .about-line h2 {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .about-line h3 {
        color: #262525;
        font-size: 25px;
        line-height: 20px;
    }

    .about-line h4 {
        color: #7c809b;
        font-size: 12px;
        line-height: 20px;
        margin-top: 18px;
    }

    .our-partner {
        font-size: 16px;
        color: #fff;
        margin-top: 18px;
        text-align: center;
        border-bottom: solid 1px #48517b;

        padding-bottom: 13px;
        margin-bottom: 15px;
    }

    .margin-prte {
        margin-top: 0px;
    }

    .streamline h3 {
        color: #1e2754;
        font-size: 18px;
        line-height: 25PX;
        FONT-WEIGHT: 600;
    }

    .streamline p {
        color: #787d98;
        FONT-SIZE: 12PX !important;
        LINE-HEIGHT: 22PX;
        FONT-WEIGHT: 500;
    }

    .streamline {
        float: left;
        width: 100%;
        margin: 0px;
        background: #fff;
        padding: 20px 0px;
    }

    .users-said {
        width: 100%;
        float: left;
        padding: 20px 0px;
        margin: 0px;
        background: #fff;
    }

    .users-said img {
        border-radius: 20px;
        box-shadow: -5px 3px 8px #cfcfcf;
        margin-bottom: 25px;
    }

    .smart-simple h3 {
        /* color: #1e2754; */
        font-size: 20px;
        line-height: 12PX;
        FONT-WEIGHT: 600;
        margin-top: 4px;
    }

    .smart-simple p {
        color: #787d98;
        FONT-SIZE: 12PX;
        LINE-HEIGHT: 22PX;
        FONT-WEIGHT: 500;

    }

    .smart-simple ul li {
        display: block;
        line-height: 26px;
        color: #787d98;
        font-size: 12px;
        font-weight: bold;
    }


    .smart-simple .fa {
        padding-right: 10px;
        color: #1e2754;
        font-size: 13px;

    }


    .smart-simple .buttona {
        background: #1e2754;
        padding: 15px 22px;
        border-radius: 12px;
        margin-right: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }

    .our-blogs {

        padding: 20px 0px;

    }

    .smart-simple {

        padding: 20px 0px;

    }

    .our-blogs h3 {
        color: #1e2754;
        font-size: 22px;
        line-height: 18PX;
        FONT-WEIGHT: 600;
    }

    .our-blogs h4 {
        color: #787d98;
        FONT-SIZE: 12PX;
        LINE-HEIGHT: 22PX;
        FONT-WEIGHT: 500;
    }

    .our-blogs .text-right {
        text-align: right;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .our-blogs .buttona {
        background: #1e2754;
        padding: 15px 22px;
        border-radius: 12px;
        margin-right: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
    }
.news_list_area .buttona {
   background: #1e2754;
        padding: 15px 22px;
        border-radius: 12px;
        margin-right: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
}

    .footer-ready-to h3 {
        font-size: 22px;
        color: #fff;
        line-height: 27px;
    }

    .footer-ready-to {
        text-align: center;
        width: 100%;
        float: left;
        padding: 35px 0px;
        color: #fff;
        border-radius: 0px;
    }

    .footer-ready-to p {
        font-size: 14px;
    }

    .get-ittuch {
        background: #fff;
        padding: 15px 20px;
        border-radius: 12px;
        margin-right: 15px;
        color: #1e2754;
        font-weight: bold;
        font-size: 12px;
    }

    .post-slide {

        margin: 0;
    }

     .contact-information {
        background: #EBF8FD !important;
        width: 100%;
        float: left;
        padding: 54px 0px 66px 0px !important;
        margin: 0px;
        margin-top: 0px;
        border-radius: 0px;
      
    } 

    .contact-information h3 {
        color: #2A3972;
        font-size: 25px;
    }

    .contact-information h4 {
        font-size: 12px;

        color: #fff;
        font-weight: 400;
        line-height: 22px;
    }

    .contact-information .fa {
        font-size: 13px !important;
        float: left;
        margin-top: 7px !important;
        margin-right: 9px;
    }

    .contact-information strong {
        font-size: 17px;
        color: #fff;
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    .contact-line .col-md-a {
        padding: 15px;
    }

    .contact-line .col-md-b {
        background: #032e63;
        padding: 15px;
    }
}


.hr-footer {
    width: 53px;
    border: none !important;
    margin: 0 0;
    height: 2px;
    background: #1c6bad;
    margin-bottom: 11px;
    margin-top: 2px;
}



#accordion .panel {
    border: 1px solid #1b2452;
    border-radius: 0;
    box-shadow: none;
    margin-left: 0px;
    margin-bottom: 12px;
}

#accordion .panel-heading {
    padding: 0;
    background: #fff;
    position: relative;
}

#accordion .panel-heading:before,
#accordion .panel-heading:after {
    content: "";
    border-right: 8px solid #1b2452;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    position: absolute;
    top: 12px;
    left: -9px;
}

#accordion .panel-heading:after {
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    position: absolute;
    top: 13px;
    left: -6px;
}

#accordion .panel-title a {
    display: block;
    padding: 10px 20px;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #1b2452;
    position: relative;
}

#accordion .panel-title a:hover {
    text-decoration: blink;
    color: #e93845;
}

#accordion .panel-title a:before {
    text-decoration: blink;
}

#accordion .panel-title a.collapsed:before {
    content: "\f068";
    text-decoration: blink;

    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #bf6026;
    text-align: center;
    border: 1px solid #bf6026;
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 0px;
    display: none;
    transition: all 0.5s ease 0s;
}

#accordion .panel-title a.collapsed:before {
    font-size: 0px !important;
    background: #000 !important;
}

#accordion .panel-body {
    padding: 0 15px 15px;
    border: none;
    font-size: 13px;
    color: #222;
    line-height: 28px;

}

#accordion .panel-body p {
    margin-bottom: 0;
    font-size: 15px !important;
    line-height: 25px;
    color: #000;
}


.blog-area {
    float: left;
    padding: 55px 0px;
    margin: 0px;
    background: #f6f6f6;
    width: 100%;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.blog-area p {
    font-size: 15px;

    font-weight: normal;
    margin: 10px 0px 10px 0px;
    line-height: 24px;
    color: #000;
}


.blog-area h3 {
    font-weight: bold;
    font-size: 20px;
    color: #000 !important;
    margin: 0px;
}

.blog-ri {

    -moz-box-shadow: 0px 0px 11px 0px rgba(194, 194, 194, 1);

    background: #fff !important;

    font-family: Roboto, sans-serif;

    padding: 20px !important;

    border: none !important;

    box-shadow: 0 0 6px #e7e7e7;
}

.blog-ri h3 {
    border-bottom: solid 1px #e62d3d;
    font-weight: bold;
    font-size: 18px !important;
    padding: 5px 0px;
}

.blog-ri a {
    color: #000 !important;
    width: 100%;
    float: left;
    padding: 10px 0px;
    border-bottom: dotted 1px #ddd;
}

.catego {}

.catego ul {
    padding-left: 0 !important;
}

.catego ul li {
    width: 100%;
    color: #152935;
    font-size: 14px !important;
    margin-bottom: -4px;
    text-align: left;
    padding-left: 0;
    padding-top: 2px;
    margin-left: 0px;
    float: left;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-ri a {
    color: #000 !important;
    width: 100%;
    float: left;
    padding: 10px 0px;
    border-bottom: dotted 1px #ddd;
}

.blog-ri a:hover {
    color: #e62d3d !important;
    width: 100%;
    float: left;
    text-decoration: blink;
}

.blog-ri h3 {
    border-bottom: solid 1px #e62d3d;
    font-weight: bold;
    font-size: 18px !important;
    padding: 5px 0px;
}

.blog-readmore {
    padding: 6px 16px;
    background: #1e2754;
    color: #fff;
    border-radius: 3px;
    float: left;
    margin-top: 10px;
    font-size: 14px;
    border-bottom: solid 2px #e62c3c;
    margin-bottom: 25px;
}

.blog-readmore:hover {
    background: #e62d3d;
    color: #fff;
    text-decoration: blink;
}

.thumb-me-blog {
    border: none !important;
    padding: 25px !important;
    box-shadow: 0 0 6px #e7e7e7;
}

.blogs-tags {
    font-size: 22px;
    color: #152935;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.blogs-tags:hover {
    text-decoration: blink;
    color: #000;
}

.blog-date {
    color: #464646;
    font-weight: 400;
    font-size: 16px;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    text-decoration: blink;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.blog-date:hover {
    color: #464646;
    text-decoration: blink;
}



.bulk-blog {
    background: #e62d3d;
    color: #fff !important;
    border-radius: 3px;
    padding: 4px 6px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}

.bulk-blog:hover {
    background: #1e2754;
    text-decoration: blink;
}


.apply-now-left {
    background: url(../images/video-background.jpg) center;
    padding: 100px 0px;
    margin: 0px;
    position: relative;
    text-align: center;
    padding: 180px 75px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    font-size: 36px;
    line-height: 42px;
    box-shadow: 0 0 6px #e7e7e7;
    border-radius: 10px !important;
}

.apply-now-left:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 0 6px #e7e7e7;
}


.apply-now-left h3 {
    font-size: 28px;
    margin: 0px;

    color: #fff;
}

.apply-now-left p {}





.apply-now-line {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 100px 0px;
    background: #fff;

}


.apply-now-line input {
    height: 45px;
    box-shadow: none !important;
    border-radius: 3px !important;
}

.apply-now-line select {
    height: 45px;
    box-shadow: none !important;
    border-radius: 3px !important;
}


.apply-now-line .thumbnail {
    border: none !important;
    padding: 20px 0px !important;
    box-shadow: 0 0 6px #e7e7e7;
    float: left;
    width: 100%;
}

.new-readio span {
    padding-left: 8px;
    position: relative;
    top: 0px;
}

.new-input {
    margin-top: 14px !important;
    width: 16px !important;
    height: 17px !important;
}

.error-me {
    margin-top: -72px !important;
    position: absolute !important;
    float: left;
    width: 100%;
}

.submit-apply {
    background: #1e2754 !important;
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 10px 50px;
    float: left;
    margin-top: 14px;
}

.row-cal {
    margin: 11px 0 11px 0;
}

.row-cal label {
    font-weight: 500;

    font-size: 14px;
    margin-bottom: 0;
}

.row-cal .form-control {
    height: 50px !important;
    border: 1px solid #101010;
}

.new-readio label {
    min-height: 20px;
    padding-left: 0px !important;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.otp-icon ul li input {
    height: 61px;
    width: 60px;
    box-shadow: none !important;
    text-align: center;
    float: left;
    border-radius: 20px 0px 20px 0px !important;
    margin: 0px 6px 0px 14px;
    background: #f9f9f9;
}

.otp-icon {}

.otp-icon ul {
    float: left;
    padding-left: 90px;
    border: none !important;
    margin: 11px 0;
}

.otp-icon ul li {

    float: left;

    display: block;
}


.submit-apply:hover {
    background: #ce3b78 !important;
    color: #fff !important;
}

.y-redio {
    margin-top: 9px;
    height: 30px;
    width: 21px;
    margin-right: 10px !important;
}



.otp_line {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 100px 0px;
    background: #fff;

}


.otp_line input {
    height: 45px;
    box-shadow: none !important;
    border-radius: 3px !important;
}


.otp_line .thumbnail {
    border: none !important;
    padding: 66px 30px;
    box-shadow: 0 0 6px #e7e7e7;
    float: left;
    width: 100%;
}

.otp_line p {
    font-size: 15px;
    color: #fff !important;
    padding: 10px 0px;
    color: #fff;
    line-height: 25px !important;
    margin: 0px;
    padding: 0px !important;
}

.otp_line p {
    font-size: 15px;
    color: #000;
    padding: 10px 0px;
}


.otp_line .apply-now-left {
    background: url(../images/video-background.jpg) center;
    padding: 100px 0px;
    margin: 0px;
    position: relative;
    text-align: center;
    padding: 21px 75px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    font-size: 36px;
    line-height: 42px;
    box-shadow: 0 0 6px #e7e7e7;
    border-radius: 10px !important;
}

.otp_line .apply-now-left:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 0 6px #e7e7e7;
}

.document-yes {
    border: solid 1px #1e2754;
    padding: 15px 1px;
    border-radius: 50px;
    margin: 23px 5px;
    color: #1e2754;
    margin-bottom: 0;
    line-height: 0;
    font-size: 17px;
    width: 30%;
    float: left;
    text-align: center;
    font-weight: bold;
    border-bottom: solid 3px #1e2754;
}


.document {}

.document ul {
    margin-left: 0;
    padding-left: 0;
}

.document ul li {
    background: url(../images/document-arrow.png) no-repeat;
    padding: 11px 34px;
    color: #202020 !important;
    font-size: 13px !important;
    display: block;
    background-position: 3px 6px;
    border-bottom: dotted 1px #ddd;
}


.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 47px;
    margin-bottom: 18px;
    cursor: pointer;
    background: #fff;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #1e2754 !important;
}

.btn-default-my-upload {
    color: #fff !important;
    background-color: #1e2754 !important;
    border-color: #1e2754 !important;
    padding: 12px !important;
    outline: none !important;
    width: 85%;
}


.input-group-addon:first-child {
    border-right: 0;
    background: #1c6bad;
    color: #fff;
    padding: 14px;
    width: 45px;
    border: none !important;
}



.personal {}

.personal input {
    border-radius: 0px 3px 3px 0px !important;
    border: solid 1px #1e2754;
}

.personal select {
    border-radius: 0px 3px 3px 0px !important;
    border: solid 1px #1e2754;
}


.personal .btn {
    border: none !important;
    border-radius: 3px !important;
}

.iagree-label {
    margin-top: 0;
    float: left;
    margin-bottom: 22px;
}

.socil-t {
    width: 35px !important;
    padding: 1px !important;
    height: 35px !important;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    vertical-align: middle;
    border: solid 2px #fff;
    border-radius: 100%
}

.socil-t:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    vertical-align: middle;
}


.margen-tops {


    margin-top: 60px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: -10px;
}


.submit-apply {
    background: #1e2754 !important;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 9px 26px;
    float: left;
    margin-top: 14px;
}

.attr-nav>ul>li>a {
    padding: 28px 15px;
}

ul.cart-list>li.total>.btn {
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}
@media (max-width: 999px) {
    .col-md-6-zindex {
        z-index: 9999 !important;
        position: absolute;
        top: 47px;
    }
}

@media (min-width: 1024px) {


    /* Navbar General ------*/
    nav.navbar ul.nav>li>a {
        padding: 30px 15px;
        font-weight: 600;
    }
    .video-background img {
        width: 100%;
        height: 615px;
    } 

    nav.navbar .navbar-brand {
        margin-top: 0;
    }

    nav.navbar .navbar-brand img.logo {
        width: 50px;
    }

    nav.navbar .navbar-brand {
        margin-top: 0;
    }

    nav.navbar .navbar-brand img.logo {
        width: 185px;
        margin-top: 3px;
        border-radius: 3px;
    }

    nav.navbar li.dropdown ul.dropdown-menu {
        border-top: solid 5px;
    }

    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand {
        margin: 0 !important;
    }

    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand {
        margin: 10px !important;
    }

    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand {
        position: relative;
        top: -15px;
    }

    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand {
        margin-bottom: 50px;
    }

    nav.navbar-sidebar ul.nav>li>a {
        padding: 10px 15px;
        font-weight: bold;
    }

    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white {
        background-color: rgba(255, 255, 255, 0.3);
        border-bottom: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark {
        background-color: rgba(0, 0, 0, 0.3);
        border-bottom: solid 1px #555;
    }

    nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
        border-left: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
        border-left: solid 1px #555;
    }

    nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a,
    nav.navbar.bootsnav.no-background.white ul.nav>li>a {
        color: #fff;
    }

    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav>ul>li>a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav>li>a {
        color: #eee;
    }
}

@media (max-width: 992px) {

    /* Navbar General ------*/
    nav.navbar .navbar-brand {
        margin-top: 0;
        position: relative;
        top: -2px;
    }

    nav.navbar .navbar-brand img.logo {
        width: 136px;
        margin-top: 0px;
        margin-left: -98px;
        border-radius: 3px;
    }

    .attr-nav>ul>li>a {
        padding: 16px 15px 15px;
    }

    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav>li>a {
        padding: 15px 15px;
    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu>li>a {
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
        padding-top: 13px !important;
        padding-bottom: 13px !important;

    }

    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand {
        top: 0;

        padding-top: 10px;

    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse {
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list>li.total>.btn {
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list>li.total .pull-right {
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav>li>a {
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav>li.dropdown>a {
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a {
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 {
    color: #fff;
}

nav.navbar.navbar-inverse .form-control {
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav>ul>li>a {
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav>ul>li.dropdown ul.dropdown-menu {
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list>li {
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list>li img {
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list>li.total {
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul>li>a {
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu {
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a {
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content {
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li.active>a {
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav>li>a {
    border: none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu {
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle {
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu {
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a {
        border-bottom: solid 1px #303030;
    }

    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }

    nav.navbar.navbar-inverse.navbar-transparent.dark {
        background-color: rgba(0, 0, 0, 0.3);
        border-bottom: solid 1px #999;
    }

    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav {
        border-left: solid 1px #999;
    }

    nav.navbar.navbar-inverse.no-background.white .attr-nav>ul>li>a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav>ul>li>a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav>li>a,
    nav.navbar.navbar-inverse.no-background.white ul.nav>li>a {
        color: #fff;
    }

    nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a {
        color: #3f3f3f;
    }
}

@media (max-width: 992px) {
    nav.navbar.navbar-inverse .navbar-toggle {
        color: #eee;
        background-color: #222 !important;
    }

    nav.navbar.navbar-inverse .navbar-nav>li>a {
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }

    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu>li>a {
        color: #999;
        border-bottom: solid 1px #303030;
    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {
        border-bottom: solid 1px #303030;
        color: #eee;
    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul>li>a {
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title {
        border-bottom: solid 1px #303030;
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul {
        border-top: solid 1px #303030;
    }

    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse {
        background-color: #222;
    }
}

@media (max-width: 767px) {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav {
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list>li>h6>a,
.attr-nav>ul>li>a:hover,
.attr-nav>ul>li>a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on>a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on>a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on>a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav>li>a:hover,
nav.navbar ul.nav>li.active>a:hover,
nav.navbar ul.nav li.active>a,
nav.navbar li.dropdown ul.dropdown-menu>li a:hover {
    color: #fff;
}

nav.navbar.navbar-transparent ul.nav>li>a:hover,
nav.navbar.no-background ul.nav>li>a:hover,
nav.navbar ul.nav li.scroll.active>a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu>li>a:hover,
nav.navbar ul.nav li.dropdown.on>a,
nav.navbar-dark ul.nav li.dropdown.on>a {
    color: #f43438 !important;
}

@media(max-width:920px) {

    nav.navbar .dropdown .megamenu-content .col-menu ul>li>a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover {
        color: #f43438 !important;
    }
}

/*
Border
=========================== */
ul.cart-list>li.total>.btn {
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu {
    border-top-color: #f43438 !important;
}

/*
Background
=========================== */
ul.cart-list>li.total>.btn,
.attr-nav>ul>li>a span.badge,
nav.navbar .share ul>li>a:hover,
nav.navbar .share ul>li>a:focus {
    background-color: #f43438;
}

ul.cart-list>li.total>.btn:hover,
ul.cart-list>li.total>.btn:focus {
    background-color: #dc3236 !important;
}





.blogs-home {
    width: 100%;
    float: left;
    padding: 88px 0px 54px 0px;
    margin: 0px;
    background: #f9f9f9;
}

.blogs-home h3 {
    color: #1e2754;
    font-weight: bold !important;
    font-size: 37px;
    line-height: 57px !important;
}

.attr-nav>ul>li>a {
    color: #000 aliceblue !important;
    display: block;
    padding: 0 !important;
    position: relative;
}

.attr-nav {
    margin-right: 0 !important;
}

.apply-now {
    padding: 11px 34px !important;
    border-radius: 12px;
    font-size: 15px !important;
    background: #1e2754;
    margin-top: 17px;
    font-weight: bold;
    color: #fff !important;
    width: 100%;
    float: left;
}

/*about_us*/

.loan-about {
    width: 100%;
    float: left;
    padding: 5% 0;
    color: #eee;
}

.loan-about h3 {
    font-size: 29px;
    font-weight: 800;
    color: #1e2754;
}

.loan-about p {

    font-size: 14px;

    line-height: 24px;

    text-align: justify;

    color: #000;

    /* font-weight: 600; */
}

.loan-vision {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background: #e52255;
}

.loan-vision h3 {
    text-align: left;
    line-height: 43px;
    color: #fff;
    font-size: 37px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}

.loan-vision .padings-left {
    padding-left: 0 !important;
}

.loan-vision .padings-right {
    padding-left: 0 !important;
}

.loan-vision p {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #fff;
}

.loan-vision .col-right {
    padding: 75px 100px 50px 20px;
}

.loan-vision img {
    width: 100%;
}

.loan-mission {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background: #005b8d;
    border-bottom: solid 1px #ddd;
}

.loan-mission .col-right {
    padding: 80px 20px 14px 100px;
    width: 47.8% !important;
}

.loan-mission p {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #fff;
}

.loan-mission h3 {
    text-align: left;
    line-height: 43px;
    color: #fff;
    font-size: 37px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-top: 0;
}

.loan-vision .padings-right {
    padding-left: 0 !important;
}

.loan-vision .col-md-6.col-sm-6,
.loan-mission .col-md-6.col-sm-6 {
    padding-right: 0;
    padding-left: 0;
}

.mobile-app {
    width: 100%;
    float: left;
    padding: 2% 0;
    margin-bottom: 3%;
}

.mobile-app h3 {
    font-size: 39px;
    color: #e52255;
    margin-top: 133px;
    margin-bottom: 9px;
    font-weight: 700;
}

.hr-app-slide {
    margin: 0 0 20px;
    width: 80px;
    height: 3px;
    background: #0d7ec0;
    border: none;
}

.hr-about-us {
    width: 60px;
    border: none !important;
    margin: 0 0 10px;
    height: 3px;
    background: #e52255;
    margin-bottom: 13px;
}


.loan-about .input-group {
    position: relative;
    display: -webkit-box;
    border-collapse: separate;
    align-items: center;
}







.loan-about h4 {
    font-size: 24px;
    color: #575555;
    margin: 0px;
    color: #000;
}

.loan-about .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    color: #000 !important;
}

.contact-us {
    width: 100%;
    float: left;
    padding: 50px 0;
    margin: 0;
}

.contact-us .thumbnail {
    background: #032e63;
    border: none;
    padding: 20px 40px;
    height: 350px;
    text-align: center;
    box-shadow: 0 8px 28px 0 #dfdfdf;
    border-radius: 20px;
}

.contact-us .thumbnail .caption {
    padding: 9px;
    color: #fff;
}

.contact-us .thumbnail img {
    margin: 0 auto !important;
    width: 81px;
}

.contact_enquire .error-me {
    margin-top: -72px !important;
    position: absolute !important;
    float: left;
    width: 100%;
}

.contact_enquire .input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell;
    height: 50px !important;
}

.form-control {
    border-radius: 4px !important;
}

#ContactUSEnquiry .input-me {
    height: 50px !important;
}

.contact_enquire .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100% !important;
    margin-bottom: 0;
}

.contact_enquire .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.contact_enquire .enquire {
    background-color: #c9b8f8;
    border-radius: 20px;
    padding: 0 2%;
}

.contact_enquire .thumbnail {
    display: block;
    padding: 13px;
    border-radius: 20px;
}

#captImg img {
    border-radius: 10px;
}

.tag {
    text-align: center;
    line-height: 43px;
    color: #0e0e0e;
    font-size: 37px;
    font-weight: 700;
    text-transform: capitalize;
}



.mr_t {

    margin: 3% 0 0 0;
}

.contact_enquire .enquire h2 {
    width: 100%;
    float: left;

    text-align: center;
    font-weight: 800;
    padding-top: 4%;
}




.loan-about .input-group .form-control {
    width: auto;
}


.loan-apply {
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 0;
    overflow: hidden;
}

.loan-apply .immediate-financial {
    background: #032e63;
    padding: 15px 10px;
    color: #fff;
    border-radius: 3px;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -10px;
    font-style: inherit !important;
    font-family: 'Manrope', sans-serif !important;
}

.loan-apply .login-box {
    box-shadow: 0 0 27px #ccc;
    padding: 0;
    background: #fff;
}

.loan-apply .pading6-login {
    background-color: #fff;
}

#FormVerify {
    width: 100%;
    float: left;
    position: relative;
}

.error-me {
    margin-top: 0 !important;
    float: left;
    width: 100%;
    font-size: 10px;
    color: #ff000a;
}

.loan-apply .login-box {
    box-shadow: 0 0 27px #ccc;
    padding: 23px 0;
    background: #fff;
}

#FormVerify .row-cal .form-control {
    height: 44px !important;
    font-size: 12px !important;
}

#FormVerify .row-cal {
    margin: 11px 0 11px 0;
}











.loan-about .tabbll .bordered tr>th {
    padding: 10px;
    border: solid 1px #909090;
    text-align: center;
    color: #000;
    background-color: #eee;
}

.loan-about .tabbll .bordered tr>td {
    padding: 10px;
    border: solid 1px #eee;
    text-align: center;
    color: #000;
}

.loan-about .accordion-wrapper span {
    /*font-family: 'Playfair Display', serif;*/
    font-style: italic;
    font-size: 20px;
    margin-bottom: 13px;
    width: 100%;
    float: left;
}

.loan-about .accordion-wrapper .ac-content {
    color: #000;
    margin-bottom: 20px;
}



.new-readio img {
    margin-right: 6px;
    width: 50px;
}

.new-readio label {
    min-height: 20px;
    padding-left: 0px !important;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    padding: 4px 16px !important;
    border-radius: 20px;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    background: #ce3b78 !important;
}

#OTPVerify .btn-default:hover {
    color: #fff !important;
}

.otp-icon ul li input {
    border-radius: 50px !important;
}

input .btn-default:hover {
    color: #eee !important;
}



.loan-about li {
    color: #000;
}






/* parijat */
.from-center:before {
    top: 0;
    left: 50%;
    height: 100%;
    width: 0;
    border: 1px solid var(--inv);
    border-left: 0;
    border-right: 0;
}

.from-center:after {
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: var(--inv);
}

.from-center:hover:before {
    left: 0;
    width: 100%;
}

.from-center:hover:after {
    top: 0;
    height: 100%;
}



.not-eligible {
    width: 100%;
    float: left;
    position: relative;
}











/*new_apply_now_page_shortteam*/
.short-loans {
    width: 100%;
    float: left;
    z-index: 9;
    background-color: #1c6bad;
    /* display: inline-block; */
    position: relative;
    padding: 50px 0;
    margin: 0;
}

.hr-apply {
    width: 70px;
    border: none !important;
    margin: 5px 0;
    height: 1px;
    background: #fff;
    margin-bottom: 13px;
}


.short-loans p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}


.benefits-loans {
    width: 100%;
    float: left;
    z-index: 9;
    position: relative;
    padding: 50px 0;
    margin: 0;
    background: #fff;
    text-align: center;

}

.benefits-loans h3 {
    margin: 0;
    font-size: 37px;
    color: #032e63;
}

.my-tags {
    margin: 0;
    font-size: 37px;
    color: #1e2754;
}

.my-hr {
    width: 70px;
    border: none !important;
    margin: 0 auto;
    height: 1px;
    background: #032e63;
    margin-bottom: 13px;
}

.risks-loans {
    width: 100%;
    float: left;
    z-index: 9;
    position: relative;
    padding: 50px 0;
    margin: 0;
    background: #ffffff;
    text-align: center;
}
.risks-loan {
    width: 100%;
    float: left;
    z-index: 9;
    position: relative;
    padding: 50px 0;
    margin: 0;
    background: #EBF8FD;
    text-align: center;
    box-shadow: 6px 9px 10px #0a6087;
}

.hr-benefits {
    width: 60px;
    border: none !important;
    margin: 0 auto;
    height: 3px;
    background: #032e63;
    margin-bottom: 13px;
}

.serviceBox {
    color: var(--color1);

    text-align: center;
    padding: 12px 20px 35px;
    position: relative;
    z-index: 1;
}

.serviceBox:before {
    content: "";
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 20px 0 var(--color1);
    position: absolute;
    left: 0;
    top: 53px;
    right: 0;
    bottom: 20px;
    z-index: -1;
}

.serviceBox .service-icon {
    background: #fff;
    font-size: 35px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    position: relative;
}

.serviceBox .service-icon:before,
.serviceBox .service-icon:after {
    content: "";
    background: linear-gradient(to top, transparent 49%, var(--color1) 50%);
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: -12px;
    bottom: -12px;
    right: -12px;
    z-index: -1;
}

.serviceBox .service-icon:after {
    background: var(--color2);
    height: 12px;
    width: 150px;
    border-radius: 0;
    transform: translateX(-50%);
    top: 29px;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: -2;
}

.serviceBox .title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.serviceBox .description {
    color: #666;
    font-size: 13px;
    line-height: 23px;
}

.serviceBox.blue {
    --color1: #1b2452;
    --color2: #1b2452;
}

.serviceBox.yellow {
    --color1: #337ab7;
    --color2: #337ab7;
}

.serviceBox.magenta {
    --color1: #E51F47;
    --color2: #DA617A;
}

@media only screen and (max-width: 1199px) {
    .serviceBox {
        margin: 0 0 30px;
    }
}












/* new change  */
.serviceBoxx {
    color: var(--main-color);

   padding-left: 136px;
    position: relative;
}
/* new change */
.serviceBoxx .service-icon {
    color: #1c6bad;
    /* background-color: #032e63d6; */
    font-size: 40px;
    text-align: center;
    line-height: 90px;
    height: 90px;
    width: 90px;
    box-shadow: 5px 5px #1c6bad;
    position: relative;
    left: 0;
    top: 0;
    border-radius: 50px;
    border: 2px solid #1c6bad66;
}

.serviceBoxx .title {
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 20px 0 5px -24px;
    text-align: left;
    color: #fff;
}

.serviceBoxx .description {
   color: #1c6bad;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 3px 0 0px -61px;
    text-align: left;
}

.serviceBoxx.pink {
    --main-color: #FF0282;
}

.serviceBoxx.purple {
    --main-color: #8154A2;
}

@media only screen and (max-width: 1199px) {
    .serviceBox {
        margin: 0 0 40px;
    }
}

@media only screen and (max-width: 479px) {
    .serviceBoxx {
        padding: 0;
    }

    .serviceBoxx .service-icon {
        margin: 0 0 20px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}



.terms-nd-conditions {
    width: 100%;
    float: left;
    padding: 50px 0;
    z-index: 9;
    position: relative;
    margin: 0;
    background: #fff;
}



.eligibility-criteria {
    width: 100%;
    float: left;
    z-index: 9;
    position: relative;
    padding: 50px 0;
    margin: 0;
    background: #EBF8FD;
}

.eligibility-criteria .thumbnail ul {
    padding-left: 0px;
    margin: 0px;
}

.eligibility-criteria .thumbnail ul li {
    background: url(../images/arrow-right.png) no-repeat;
    padding: 8px 37px;
    color: #202020 !important;
    font-size: 14px;
    display: block;
    background-position: -1px 7px;
}


.eligibility-criteria .thumbnail {
    padding: 30px;
    background-color: #fff;
    border-radius: 5px;
    height: 325px;
    float: left;
    width: 100%;
    box-shadow: 6px 9px 10px #0a6087;
    border: none;
}


.rates-and-fees {
    width: 100%;
    float: left;
    background-color: #fff;
    z-index: 1;
    position: relative;

    padding: 50px 0;
    margin: 0;
    background: #fff;
}


.tabbll {



    overflow-x: auto;
    width: 100%;
    float: left
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    border: solid #adadad 2px !important;
    float: left;
    padding: 0;
    width: 100%
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.bordered td,
.bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 11px 5px;
    text-align: center;
    font-size: 12px
}

.bordered th {
    background-color: #fff;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.bordered td:first-child,
.bordered th:first-child {
    border-left: none
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0
}

.bordered th:only-child {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0
}



.serviceeBoxxx {
    color: #555;
    text-align: center;
    padding: 0 25px 45px;
    margin: 0 -5px;
    position: relative;
    z-index: 1;
    margin-bottom: 37px;
}

.serviceeBoxxx:before,
.serviceeBoxxx:after {
    content: '';
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px -5px #1c6bad;
    position: absolute;
    left: 15px;
    top: 0;
    right: 15px;
    bottom: 10px;
    z-index: -1;
}
/* new change: */
.serviceeBoxxx:after {
    background-color: transparent;
    border: 2px solid #1c6bad80;
    border-top: none;
    border-radius: 0 0 20px 20px;
    box-shadow: none;
    left: 0;
    top: 30%;
    right: 0;
    bottom: 0;
}


.serviceeBoxxx .service-icon {
    color: #fff;
    background: #1c6bad;
    font-size: 30px;
    padding: 12px 40px;
    margin: 0 0 25px;
    border-radius: 0 0 20px 20px;
    display: inline-block;
}

.serviceeBoxxx .title {
   color: #1c6bad;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.serviceeBoxxx .description {
    font-size: 14px;
    line-height: 23px;
    margin: 0 10px;
}

.serviceeBoxxx.orange .service-icon {
    background: #FD6D49;
}

.serviceeBoxxx.orange:after {
    border-color: #FD6D49;
}

.serviceeBoxxx.orange .title {
    color: #FD6D49;
}

.serviceeBoxxx.blue .service-icon {
    background: #1BA9F4;
}

.serviceeBoxxx.blue:after {
    border-color: #1BA9F4;
}

.serviceeBoxxx.blue .title {
    color: #1BA9F4;
}

.serviceeBoxxx.purple .service-icon {
    background: #5A3AFD;
}

.serviceeBoxxx.purple:after {
    border-color: #5A3AFD;
}

.serviceeBoxxx.purple .title {
    color: #5A3AFD;
}

@media only screen and (max-width: 990px) {
    .serviceeBoxxx {
        margin: 0 0 40px;
        height: 300px;
    }
}

.how-it-w {
    width: 100%;
    float: left;
    padding: 5% 0;
    margin: 0px;
    background: #fff;
}

.how-it-w .thumbnail {
    background: #1e2754;
    color: #fff;
    padding: 20px;
    border-radius: 5px 30px;
    border: none !important;
    height: 268px;
    box-shadow: 2px 7px 6px #d9d9d9;
}

.how-it-w .thumbnail h3 {
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    margin: 0px;
}

.how-it-w .thumbnail p {
    font-size: 15px;
}

.how-it-w .hr-simpl {
    width: 50px;
    border: none !important;
    margin: 0px;
    height: 2px;
    background: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}


@media all and (max-width:320px),
(max-width:375px),
(max-width:384px),
(max-width:414px),
(max-device-width:450px),
(max-device-width:480px),
(max-device-width:540px) {

    .new-readio label {
        min-height: 20px;
        padding-left: 0px !important;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
        padding: 4px 15px !important;
        border-radius: 20px;
        font-size: 11px !important;
    }
    .serviceBoxx .description {
        color: #fff;
        font-size: 13px;
        letter-spacing: 0.5px;
        line-height: 22px;
        margin: 0px 0 0px 34px !important;
        text-align: left;
    }
    .serviceBoxx .title {
        font-size: 15px;
        font-weight: bold;
        text-transform: capitalize;
        margin: 21px 0 5px 45px!important;
        text-align: left;
        color: #fff;
    }

    .short-loans p {
        font-size: 12px;
        line-height: 22px;
        color: #fff;
    }

    .benefits-loans h3 {
        margin: 0;
        font-size: 21px;
        color: #032e63;
    }

    .serviceBox .title {
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 10px;
    }

    .serviceBox .description {
        color: #666;
        font-size: 12px;
        line-height: 23px;
    }

    .serviceBoxx .title {
        font-size: 15px;
        font-weight: bold;
        text-transform: capitalize;
        margin: 0 0 5px;
        text-align: center;
        color: #fff;
    }

    .serviceBoxx .description {
        color: #fff;
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 22px;
        margin: 0px 0px 10px 0px;
        text-align: center;
    }


    .eligibility-criteria .thumbnail {
        padding: 30px 15px;
        background-color: #fff;
        border-radius: 5px;
        height: auto;
        float: left;
        width: 100%;
        box-shadow: 6px 9px 10px #0a6087;
        border: none;
    }

    .my-tags {
        margin: 0;
        font-size: 20px!important;
        color: #1e2754;
    }


}

@media(min-width: 768px) {
    .col-md-6-zindex {
        z-index: 9999 !important;
        position: absolute;
        top: 90px;
    }
    .video-background h1 {
        color: #1e2754;
        line-height: 39px;
        font-weight: bold;
        font-size: 30px;
    }

}



@media(max-width: 768px) {
    .loan-apply .pading6-login {
        padding: 17px !important;
        background-color: #fff;
    }
    .video-background {
        /* background: #fff; */
        padding: 0px;
        margin: -58px 0px 0px 0px;
        float: left;
        width: 100%;
    }
    /* .video-background h1 {

        margin-top: 14%;
    } */
    .video-background h1 {
        color: #1e2754;
        line-height: 39px;
        font-weight: bold;
        font-size: 30px;
        margin-top: 14%;
    }

        .representative ul li {
    display: inline-block;
    float: left;
    padding: 10px;
    background-color: #1c6bad;
    margin: 0 10px 21px 0;
    border-radius: 6px;
    font-weight: bold;
    width: 100% ;
}
  
    .eligibility-criteria .thumbnail {
        height: 100%;
        min-height:486px !important ;
    }
    .serviceBox {
        height: 500px ;
    }
    
    #registration .nav-stacked li {
        width: 100% !important ;
        /* float: left; */
    }
    .sign-up {
        padding: 11px 34px !important;
        border-radius: 8px;
        font-size: 17px !important;
        background: linear-gradient(90deg, #009AD3 0%, #2A3972 100%);
        margin-top: 9px;
        font-weight: bold;
        color: #fff !important;
    }
    .serviceBoxx .title {
        font-size: 15px;
        font-weight: bold;
        text-transform: capitalize;
        /* margin: 20px 0 5px -24px; */
        text-align: left;
        color: #fff;
    }
    .serviceBoxx .description {
        color: #fff;
        font-size: 13px;
        letter-spacing: 0.5px;
        line-height: 22px;
        margin: 0px 0 0px -27px;
        text-align: left;
    }
    .serviceBoxx .service-icon {
        color: #1c6bad;
        background-color: #fff;
        font-size: 40px;
        /* text-align: center; */
        line-height: 90px;
        height: 90px;
        width: 90px;
        box-shadow: 5px 5px #1c6bad;
        position: relative;
        left: -21px;
        top: 0;
    }
    /* new changes */
    .my-tags {
    margin: 0;
    font-size: 26px;
    color: #1e2754;
}
}

@media(min-width: 991px) {
    .serviceBox {
        height: 400px ! Important;
    }

    .serviceeBoxxx {
        min-height: 285px;
    }
}






.blogs-home img {
    width: 100%;
    height: 353px;
    object-fit: cover;
    object-position: center;
}




.hr-lines {
    width: 100px;
    border: none !important;
    margin: 0 0;
    height: 1px;
    background: #262525;
    margin-bottom: 11px;
    margin-top: 10px;
}



.hr-liness {
    width: 70px;
    border: none !important;
    margin: 0 0;
    height: 1px;
    background: #1e2754;
    margin-bottom: 11px;
    margin-top: 10px;
}

.hr-linesss {
    width: 70px;
    border: none !important;
    margin: 0 auto;
    height: 1px;
    background: #1e2754;
    margin-bottom: 11px;
    margin-top: 10px;
}


.contact-information .footer-social {
    font-size: 39px !important;
    /* background: #e12f53 !important; */
    float: left;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    text-align: center !IMPORTANT;
    line-height: 21px;
    margin: 0px 3px;
    border: solid 2px #ddd;
}


.contact-information .footer-social:hover {
    background: #fff !important;
}


.contact-information .footer-social .fa {
    font-size: 16px;
    text-align: center;
    float: none;
    margin: 0px;
    line-height: 39px;
}

.contact-information .footer-social i {
    font-size: 16px;
    text-align: center;
    float: none;
    margin: 0px;
    line-height: 39px;
}

.new-readio label {

    padding: 4px 7px !important;

}

.new-readio {
    padding-right: 0px !important;
}

.new-readio label {
    min-height: 20px;
    padding-left: 0px !important;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 14px;
}


.loan-calculator {
    width: 100%;
    float: left;
    padding: 55px 0px;
    margin: 0px;
    background: #ebf8fd;
}

.loan-calculator h3 {
    font-weight: bold;
    color: #1e2754;
    line-height: 37px;
    text-align: center;
    margin-bottom: 5%;
}

.loan-calculator .loan-calculate-thumb {
    width: 100%;
    float: left;
    padding: 23px 6%;
    background-color: #fff;
    border-radius: 20px;
    font-size: 17px;
    margin: 0;
    color: #cecccc;
    padding: 23px 6% 0 6%;
    font-weight: 800;
}

input[type="range"].win10-thumb {
    color: #091acc !important;
    --thumb-height: 1.375em !important;
    --thumb-width: 0.5em !important;
    --clip-edges: 0.0125em !important;
}

.loan-calculator .amounts-tag {
    background-color: #1c6bad;
    float: left;
    padding: 7px 14px;
    border-radius: 3px;
    margin-top: -30px;
    margin-bottom: 15px;
    position: relative;
    display: inline;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}


.loan-calculator .loan-calculator-range-slider {
    height: 4px;
    background-color: #e8e8e8;
    border: none;
}

.loan-calculator .loan-calculator-range-slider .noUi-handle {
    right: -8px !important;
    width: 16px;
    height: 16px;
    box-shadow: none;
    border: 2px solid #888888;
    border-radius: 50%;
    outline: none;
    box-sizing: border-box;
}

.loan-calculator .loan-calculator-range-slider .noUi-handle::before,
.loan-calculator-range-slider .noUi-handle::after {
    content: none;
}

.loan-calculator-range-slider--money .noUi-connect {
    background-color: #4cca4c;
}

.loan-calculator-range-slider--money .noUi-handle {
    border-color: #4cca4c;
}

.loan-calculator-range-slider--months .noUi-connect {
    background-color: #412abd;
}

.loan-calculator-range-slider--months .noUi-handle {
    border-color: #412abd;
}

.loan-calculator-result {
    font-size: 18px;
    line-height: 1.25;
}

.loan-calculator-result__caption {
    display: block;
}

.loan-calculator-result__value {
    display: inline-block;
    font-size: calc(32 / 18 * 1em);
}

.loan-calculator .loan-calculator-result__value::after {
    content: "*";
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    font-size: 16px;
    color: #ff5555;
}

.loan-calculator .loan-calculator {
    max-width: 376px;
    padding: 28px;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.loan-calculator .loan-calculator__controls-list {
    margin-bottom: 32px;
}

.loan-calculator .loan-calculator__controls-list> :last-child {
    margin-bottom: 0;
}

.loan-calculator__control {
    margin-bottom: 24px;
}

.loan-calculator-control__caption {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: calc(22 / 18);
}

.loan-calculator-control__range {
    margin-top: 12px;
    margin-bottom: 12px;
}

.loan-calculator-control__help-values {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 12px;
    user-select: none;
}

.loan-calculator-control__min-value {
    font-size: 12px;
    color: #9e9da0;
}

.loan-calculator-control__max-value {
    font-size: 12px;
    color: #9e9da0;
}

.loan-calculator__result {
    margin-bottom: 24px;
}

.loan-calculator__footnote {
    margin: 0;
    color: #9e9da0;
}

.loan-calculator__footnote::before {
    content: "*";
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    font-size: 14px;
    color: #ff5555;
}





#content_calculate {
    background-color: #1c6bad;
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 4% 0;
    color: #fff;
    font-size: 23px;
    text-align: center;
}

#content_calculate_digit {
    background-color: #ebf8fd;
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 4% 0;
    color:#303030;
}


#ContactUSEnquiry p strong {
    color: #f00 !important;
}


@media(max-width: 767px) {
    .loan-calculator .amounts-tag {
        width: 100%;
        text-align: center;
    }
}

.jdropdown-container-header {
    font-size: 12px !important;
}

.jdropdown-searchbar .jdropdown-header {
    outline: none;
    padding: 6px 12px;
}

@media(max-width: 767px) {
    .vertical-tab .nav-tabs {
        width: 100%;
    }

    #accordion .panel-title a {
        line-height: 25px;
    }

    .main_height {
        height: 46px !important;
    }

    .vertical-tab .nav-tabs li {
        float: none;
        vertical-align: top;
        margin: 10px 0;
    }

    .vertical-tab .tab-content {
        padding: 0;
        border: none;
    }

    .how-it-w .thumbnail {
        height: 100%;
    }
}

@media(min-width: 992px) {
    .serviceBox .title {
        margin: 14% 0 10px !important;
    }
}

@media(max-width: 1199px) {
    .eligibility-criteria .thumbnail {
        height: 100%;
        min-height: 385px;
    }
}


@media(min-width: 992px) {
    .loan-calculator img {
        height: 548px;
        object-fit: cover;
    }
}




@media(max-width: 767px) {

    .video-background video {
        height: 100% !important;
    }

    .video-background {
        margin: 0 !important;
    }

    .top-line {
        background-color: #fff !important;
    }

    .about-line {
        margin-top: 0px !important;
    }

    .sign-up {
        border-radius: 4px !important;
    }

    .top-line nav.navbar .navbar-brand img.logo {
        width: 166px;
        margin-top: 0px;
        margin-left: -98px;
    }

    .top-line nav.navbar.bootsnav .navbar-toggle {
        padding: 4px 14px !important;
        margin-top: 8px !important;
    }

    .contact-information {
        padding: 10% 0 0 0;
    }

    .copyright {
        margin: 2% 0 !important;
        font-size: 11px;
    }

    .inner-pages .thumbnail {
        margin-top: 4em !important;
    }

    .why-choos-us .paddings {
        padding-top: 0;
    }

    .loan-about .input-group .form-control {
        width: 286px !important;
    }

    .contact-line .input-group .form-control {
        width: 100% !important;
    }
}





/* new_style_css_include for digital instant journey */

.main_journey_panel h1,
.main_journey_panel h2,
.main_journey_panel h3 {
    font-family: 'Manrope', sans-serif !important;
    color: #fff;
}

.main_journey_panel h1 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 800;
}

.main_journey_panel h2 {
    font-size: 33px !important;
    line-height: 45px !important;
    font-weight: 800 !important;
}

.main_journey_panel input,
.main_journey_login_panel input {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

.main_journey_panel .form-control,
.main_journey_login_panel .form-control {
    height: 50px !important;
    border-radius: 4px !important;
    background-color: #bce0fd;
    border: none;
}

.main_journey_panel .nav-tabs>li>a:hover {
    border-color: transparent;
}

.main_journey_panel .file {
    visibility: hidden;
    position: absolute;
}

#selfie_upload h3 {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
}

#selfie_upload .selfie_img {
    width: 31%;
    margin: 0 auto;
}

#selfie_upload .btn-primary {
    color: #fff;
    background-color: #d62d4f;
    border-color: #d32c4e;
}

.pointer_completed {
    pointer-events: none;
}

.pointer_completed a {
    background: #1a9403 !important;
}

#thank_you .thanks {
    background-color: #fefefe;
    text-align: center;
}

#thank_you .thanks .congrats_img {
    margin: 0 auto;
    width: 50%;
}

#thank_you .thanks p {
    color: #fff;
    text-shadow: none;
    font-size: 14px;
    margin: 1% auto;
    background-color: #021d53;
    padding: 10px;
    border-radius: 20px;
    width: 75%;

}

.tab-content.tabs {
    position: relative
}

.loader-box {
    position: absolute;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.9;
}

.loader {
    padding: 1.5em 0;
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader .ip {
    width: 16em;
    height: 8em;
}

.loader .ip__track {
    stroke: hsl(var(--hue), 90%, 90%);
    transition: stroke var(--trans-dur);
}

.loader .ip__worm1,
.ip__worm2 {
    animation: worm1 2s linear infinite;
}

.loader .ip__worm2 {
    animation-name: worm2;
}


@media (prefers-color-scheme: dark) {
    :root {
        --bg: hsl(var(--hue), 90%, 5%);
        --fg: hsl(var(--hue), 90%, 95%);
    }

    .loader .ip__track {
        stroke: hsl(var(--hue), 90%, 15%);
    }
}

/* Animation */
@keyframes worm1 {
    from {
        stroke-dashoffset: 0;
    }

    50% {
        animation-timing-function: steps(1);
        stroke-dashoffset: -358;
    }

    50.01% {
        animation-timing-function: linear;
        stroke-dashoffset: 358;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes worm2 {
    from {
        stroke-dashoffset: 358;
    }

    50% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -358;
    }
}


.main_journey_panel .demo .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9a9a9a;
    -webkit-transition: .4s;
    transition: .4s;
}

.main_journey_panel .demo {
    background: transparent;
    width: 100%;
    float: left;
    margin-bottom: 0;
    overflow: hidden;
}

.main_journey_panel .demo .slider:before {
    position: absolute;
    content: "";
    height: 31px;
    width: 31px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.main_journey_panel .demo input:checked+.slider {
    background-color: #2ab934;
}

.main_journey_panel .demo input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.main_journey_panel .demo input:checked+.slider:before {
    -webkit-transform: translateX(363%);
    -ms-transform: translateX(363%);
    transform: translateX(363%);
}

/*------ ADDED CSS ---------*/
.main_journey_panel .demo .on {
    display: none;
}

.main_journey_panel .demo .on,
.off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    text-align: center;
}

.main_journey_panel .demo input:checked+.slider .active {
    display: block;
    background-color: #2ab934;
}

.main_journey_panel .demo input:checked+.slider .off {
    display: none;
}


/*--------- END --------*/

/* Rounded sliders */
.main_journey_panel .demo .slider.round {
    border-radius: 34px;
}

.main_journey_panel .demo .slider.round:before {
    border-radius: 50%;
}















.main_journey_panel .wizard {
    margin: 18px auto;
    background: transparent;
    border-radius: 7px;
    width: 100%;
    float: left;
}

.main_journey_panel .wizard .nav-tabs {
    position: relative;
    margin: 0 auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
    border-bottom: none;
}

.main_journey_panel .wizard>div.wizard-inner {
    position: relative;
}

.main_journey_panel .connecting-line {
    height: 1px;
    background: #cadbff5e;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    z-index: 1;
}

.main_journey_panel .wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.main_journey_panel .wizard .nav-tabs>li p strong {
    font-weight: 900;
    color: #fff;
}

#selfie_upload p strong {
    font-weight: 900;
    color: #fff;
}

.main_journey_panel span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 63px;
    display: inline-block;
    border-radius: 100px;
    background: #959595;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    background: linear-gradient(to right, rgb(26, 41, 128), rgb(38, 208, 206));
}

.main_journey_panel span.round-tab i {
    color: #fff;
}

.main_journey_panel .wizard li.active span.round-tab {
    background: #e12f53;
    border: 2px solid #e12f53;
}

.main_journey_panel .wizard li.pointer_completed span.round-tab {
    background: #1a9403;
    border: 2px solid #1a9403;
}

.main_journey_panel .wizard li.active span.round-tab i {
    color: #fff;
}


.main_journey_panel span.round-tab:hover {
    color: #333;
}

.main_journey_panel .wizard .nav-tabs>li {
    width: 25%;
}

.main_journey_panel .wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #1a9403;
    transition: 0.1s ease-in-out;
}

/* .wizard li.active:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #1a9403;
} */

.main_journey_panel .wizard .nav-tabs>li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.main_journey_panel .wizard .nav-tabs>li a:hover {
    background: transparent;
}

.main_journey_panel .wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.main_journey_panel .wizard h3 {
    margin-top: 0;
}

@media(max-width : 585px) {

    .main_journey_panel .wizard {
        width: 90%;
        height: auto !important;
    }

    .main_journey_panel span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .main_journey_panel .wizard .nav-tabs>li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .main_journey_panel .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.main_journey_panel .bs-calltoaction {
    position: relative;
    width: auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.main_journey_panel .bs-calltoaction>.row {
    display: table;
    width: calc(100% + 30px);
}

.main_journey_panel .bs-calltoaction>.row>[class^="col-"],
.bs-calltoaction>.row>[class*=" col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.main_journey_panel .cta-contents {
    padding-top: 10px;
    padding-bottom: 10px;
}

.main_journey_panel .cta-title {
    margin: 0 auto 15px;
    padding: 0;
}

.main_journey_panel .cta-desc {
    padding: 0;
}

.main_journey_panel .cta-desc p:last-child {
    margin-bottom: 0;
}

.main_journey_panel .cta-button {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 991px) {
    .main_journey_panel .bs-calltoaction>.row {
        display: block;
        width: auto;
    }

    .main_journey_panel .bs-calltoaction>.row>[class^="col-"],
    .main_journey_panel .bs-calltoaction>.row>[class*=" col-"] {
        float: none;
        display: block;
        vertical-align: middle;
        position: relative;
    }

    .main_journey_panel .cta-contents {
        text-align: center;
    }
}



.main_journey_panel .bs-calltoaction.bs-calltoaction-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.main_journey_panel .bs-calltoaction.bs-calltoaction-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.main_journey_panel .bs-calltoaction.bs-calltoaction-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.main_journey_panel .bs-calltoaction.bs-calltoaction-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.main_journey_panel .bs-calltoaction.bs-calltoaction-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.main_journey_panel .bs-calltoaction.bs-calltoaction-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.main_journey_panel .bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.main_journey_panel .bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.main_journey_panel .bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.main_journey_panel .bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.main_journey_panel .bs-calltoaction.bs-calltoaction-danger .cta-button .btn {
    border-color: #fff;
}

.main_journey_panel blockquote {
    border-left: none
}

.main_journey_panel .quote-badge {
    background-color: rgba(0, 0, 0, 0.2);
}

.main_journey_panel .quote-box {

    overflow: hidden;
    margin-top: -50px;
    padding-top: -100px;
    border-radius: 17px;
    background-color: #4ADFCC;
    margin-top: 25px;
    color: white;
    width: 325px;
    box-shadow: 2px 2px 2px 2px #E0E0E0;

}

.quotation-mark {

    margin-top: -10px;
    font-weight: bold;
    font-size: 100px;
    color: white;
    font-family: "Times New Roman", Georgia, Serif;

}

.quote-text {

    font-size: 19px;
    margin-top: -65px;
}

/* login_page */
.main_journey_login_panel {
    width: 100%;
    float: left;
    background-color: #fff;
}

.main_journey_login_panel .left_image_main {
    width: 100%;
    float: left;
    background: url(../images/instant/girl-otp.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 673px;
    background-color: #fff;
}

.main_journey_login_panel .otp_left {
    background: url(../images/instant/OTP-VERIFY.png) !important;
    background-size: cover !important;
    background-position: top;
    background-repeat: no-repeat !important;
}
/* new change */
.main_journey_login_panel .login {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 554px;
    margin: 3% 0;
    box-shadow: 2px 20px 20px 0px #00000063;
    border-left: solid 10px #1c6bad;
    /* background-color: #d3e2ee12; */
    border-right: solid 10px #1c6bad;
    border-left: solid 10px #1c6bad;

}
/* new change  */
.main_journey_login_panel .right_image_main {
    width: 100%;
    float: right;
    /* background: url(../images/instant/about-bg.webp); */
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.main_journey_login_panel .left_image_main img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}

.main_journey_login_panel input {
    border: 0px;
    width: 80%
}

.main_journey_login_panel #otpverify .otp {
    width: 100%;
    float: initial;
    padding: 9% 20px;
    background-color: #f1f1f1;
    margin: 10% auto;
    color: #ffffff;
    border-radius: 7px;
    text-align: center;
    background: transparent;
    border: none;
    backdrop-filter: blur(20px);
    box-shadow: none;
    border-radius: 10px;
    padding: 30px 40px;
}
/* new change */
.main_journey_login_panel #otpverify .otp h5 {
    /* letter-spacing: 2px; */
    font-weight: 500;
}
.main_journey_login_panel .login {
    background-color: #fff !important;
}

.main_journey_login_panel .get_btn_otp {
    border: solid 1px #ddd7d7;
    width: 100%;
    float: left;
    padding-top: 12px;
    background-color: #eee;
}
 /* new change  */
.main_journey_login_panel .otp_btn {
    background: linear-gradient(270deg, #009AD3 0.1%, #2A3972 99.9%);
    color: #fff !important;
    padding: 15px 30px;
    border-radius: 7px;
    margin-right: 15px;
    color: hsl(0, 0%, 100%);
    font-weight: 100;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
}

#otpverify .otp h2 {
    text-align: center;
}

.main_journey_login_panel #otpverify .otp-field {
    flex-direction: row;
    column-gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4% 0;
}

.main_journey_login_panel #otpverify .otp-field input {
    height: 69px;
    width: 69px;
    border-radius: 100px;
    outline: none;
    font-size: 20px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #000;
}

.main_journey_login_panel #otpverify .otp-field input:focus {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.main_journey_login_panel #otpverify .otp-field input::-webkit-inner-spin-button,
.otp-field input::-webkit-outer-spin-button {
    display: none;
}

.main_journey_login_panel #otpverify .btn-verify {
    padding: 11px 34px !important;
    border-radius: 12px;
    font-size: 15px !important;
    background-color: #e12f53 !important;
    margin: 17px 0;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.main_journey_login_panel #otpverify .btn-verify:hover {
    background: #e12f53 !important;
    color: #fff !important;
    text-decoration: blink;
}

.main_journey_login_panel #otpverify .resend {
    font-size: 15px;
}

.main_journey_login_panel .text-muted {
    color: #e12f53;
    font-size: 16px;
    font-weight: 800;
    padding: 10px;
    text-decoration: underline;
}










.main_journey_login_panel .btn.focus,
.btn:focus,
.btn:hover {
    color: #fff !important;
    text-decoration: none;
}

.main_journey_login_panel #login .can-toggle {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 4%;
}

.main_journey_login_panel input[type=checkbox],
input[type=radio] {
    margin: 0 10px 0 0;
    left: 0;
    position: relative;
    height: 15px;
    width: 13px;
    display: inline-block;
    font-size: 10px;
}

.main_journey_login_panel .terms_service {
    display: flex;
    margin: 2em 0;
    font-size: 13px;
    letter-spacing: 1px;
    color: #fff;
    width: 100%;
    float: left;
    line-height: 15px;
}

.switch-label:after {
    content: attr(data-on);
    left: 0;
    right: 0;
    text-align: center;
    color: #c9c9c9;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 1;
    font-weight: 800;
    font-size: 12px;
}

.main_journey_login_panel .terms_service a {
    color: #ff7474;
    display: contents;
    font-weight: 700;
    font-size: 11px;
}
/* new change */
.main_journey_login_panel .login_main1 {
    border: solid 1px #eee;
    width: 100%;
    float: left;
    padding: 6px;
    margin: 0 0 3% 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 20px 20px 0px #2a397242;
    border: 2px solid #337ab75e;
}

.top_logo {
    width: 248px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px;
    top: 0;
    position: relative;
    border-radius: 0 0 9px 10px;
    z-index: 9;
}

.main_journey_login_panel h2 {
    text-align: left;
    font-weight: 800;
    color: #fff;
}

.main_journey_login_panel .clr {
    color: #e72f43;
}

.main_journey_login_panel #login p {
    color: #fff;
}

.main_journey_login_panel #login {
    width: 90%;
    margin: 13% auto;
    padding: 0;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    font-weight: 100;
    letter-spacing: 1px;
    position: relative;
}

.main_journey_login_panel #login .terms_service label {
    letter-spacing: 0;
    display: contents;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 10px;
}

.main_journey_login_panel #login .can-toggle {
    display: none;
}

.main_journey_login_panel .can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
    box-sizing: border-box;
}

.main_journey_login_panel .can-toggle input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.main_journey_login_panel .can-toggle input[type="checkbox"][disabled]~label {
    pointer-events: none;
}

/* otp_page */



/* journey_page */
.main_journey_panel .next_btn {
    background: #032e63;
    padding: 10px 30px;
    border-radius: 7px;
    margin-right: 15px;
    color: hsl(0, 0%, 100%);
    font-weight: 100;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
}

.main_journey_panel .next_btn_panel {
    width: 100%;
    float: left;
    padding-top: 12px;
}

.main_journey_panel .tab_maincontent {
    display: grid;
    grid-template-rows: auto min(100vh, 50rem);
    gap: 1rem;
    background-color: #e0e0e0;
    width: 85%;
    float: left;
    padding: 1rem;
    border-radius: 12px;
    position: relative;
    top: 0;
    left: 50%;
    translate: -50% 10%;
}

:focus-visible {
    outline: 0 !important;
}

.main_journey_panel .tab_maincontent button,
.main_journey_panel input,
.main_journey_panel select,
.main_journey_panel textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 6px;
    width: 38%;
    background-color: transparent;
    border-bottom: none;
    border-top: none;
    border-left: 0;
    border-right: 0;
}

.main_journey_panel #residence_details select {
    width: 100%;
}

.main_journey_panel .tab_maincontent .journey_tab_main {
    position: relative;
}

.main_journey_panel .tab_maincontent .journey_tab_main .triggers {
    display: flex;
    flex-flow: row;
    user-select: none;
}

.main_journey_panel .tab_maincontent .journey_tab_main .triggers .trigger-spec {
    position: absolute;
    height: 100%;
    border-radius: 12px;
    transition: transform 0.5s ease-out;
    box-shadow: 3px 3px 6px #bebebe, -3px -3px 6px #ffffff;
}

.main_journey_panel .tab_maincontent .journey_tab_main .triggers .trigger {
    text-align: center;
    flex: 1 0 10ch;
    margin: 0;
    padding: 1.5rem 0.75rem;
    border-radius: 12px;
    color: gray;
    transition: color 0.5s ease-out;
    z-index: 1;
}

.main_journey_panel .tab_maincontent .journey_tab_main .triggers .trigger.active {
    color: #000;
}

.main_journey_panel .tab_maincontent .journey_tab_main .triggers .trigger:hover {
    cursor: pointer;
}

.main_journey_panel .tab_maincontent .content {
    border-radius: 12px;
    box-shadow: inset 36px 36px 71px #cecece, inset -36px -36px 71px #f2f2f2;
    color: #fff;
    padding: 2rem 0;
}

.main_journey_panel .tab_maincontent .content p {
    font-size: 11px;
    letter-spacing: 1px;
}

.main_journey_panel .tab_maincontent .content p>span {
    color: #bb0f3f;
    font-weight: 900;
    font-size: 18px;
}

.main_journey_panel .tab_maincontent .content .targets {
    position: relative;
    height: 100%;
    width: 94%;
    margin: auto;
    border-radius: 12px;
    overflow: visible;
    box-shadow: inset 36px 36px 71px #cecece, inset -36px -36px 71px #f2f2f2;
}

.main_journey_panel .tab_maincontent .content .targets .target {
    scrollbar-gutter: stable both-edges;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-radius: 12px;
    padding: 1rem;
    position: absolute;
    background-color: #e0e0e0;
    box-shadow: 5px 5px 15px #5a5a5a, -5px -5px 15px #ffffff;
    transform-origin: bottom center;
}

.main_journey_panel .tab_maincontent .content .targets .target::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-top: 12px;
    margin-bottom: 12px;
}

.main_journey_panel .tab_maincontent .content .targets .target::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 12px;
    margin-bottom: 12px;
}

.main_journey_panel .tab_maincontent .content .targets .target:not(.active) {
    animation: goBack 1s ease-in-out forwards;
}

.main_journey_panel .tab_maincontent .content .targets .target.active {
    z-index: 2;
}

.main_journey_panel .tab_maincontent .content .targets .target.slideRight {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-name: slideRight;
}

.main_journey_panel .tab_maincontent .content .targets .target.slideLeft {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-name: slideLeft;
}

.main_journey_panel .tab_maincontent .content .targets .target::-webkit-scrollbar-thumb {
    background-color: #adadad;
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
}

.main_journey_panel .tab_maincontent .content .targets .target::-webkit-scrollbar-thumb:hover {
    background-color: #7a7a7a;
}

.main_journey_panel .tab_maincontent .content .targets .target::-webkit-scrollbar {
    width: 16px;
}

@keyframes slideRight {
    0% {
        transform: translateX(0%) rotatez(0deg);
        z-index: 0;
    }

    49% {
        transform: translateX(100%) translateX(0.5rem) rotatez(10deg);
        z-index: 0;
    }

    51% {
        z-index: 2;
    }

    100% {
        transform: translateX(0%) rotatez(0deg);
        z-index: 2;
    }
}

@keyframes goBack {
    0% {
        z-index: 2;
    }

    1% {
        z-index: 1;
    }

    99% {
        z-index: 1;
    }

    100% {
        z-index: 0;
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(0%) rotatez(0deg);
        z-index: 0;
    }

    49% {
        transform: translateX(-100%) translateX(-0.5rem) rotatez(-10deg);
        z-index: 0;
    }

    51% {
        z-index: 2;
    }

    100% {
        transform: translateX(0%) rotatez(0deg);
        z-index: 2;
    }
}

.main_journey_panel .tab_maincontent h2 {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 30px;
    color: #fff;
    letter-spacing: 3px;
}

.main_journey_panel .tab_maincontent input[type=checkbox],
input[type=radio] {
    margin: 0 12px 0 0;
    left: 0;
    position: relative;
    height: 19px;
    width: 20px;
    display: inline-block;
}

.main_journey_panel .tab_maincontent .content h2 span {
    color: #EA134F;
    font-size: 35px;
    text-transform: capitalize;
}

.main_journey_panel .tab_maincontent #login {
    background: url("../images/instant/banner_bg.PNG");
    background-size: cover;
}


.main_journey_panel .tab_maincontent .toggle-wrapper {
    position: relative;
    margin: 0;
    width: 11.25rem;
    height: 2.8125rem;
    font-family: sans-serif;
    font-size: 0.75rem;
    font-weight: 100;
}

.main_journey_panel #income .form-group {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    display: grid;
}

.main_journey_panel #income label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
}

.main_journey_panel .inner_gap {
    padding: 3%;
}

.main_journey_panel {
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
    /*    background: url(../images/instant/background_img.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
}

.main_journey_panel h1 {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1%;
    font-weight: 900;
    color: #ffffff;
}

.main_journey_panel h1>span {
    color: #fdfeffc2;
}

.main_journey_panel h1 span:first-child {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px;
}


.main_journey_panel .demo {
    background: transparent;
    width: 100%;
    float: left;
    margin-bottom: 0;
    box-shadow: 1px 1px 7px 0px #0000006e;
}

.main_journey_panel a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

.main_journey_panel .tab .nav-tabs {
    padding: 0 !important;
}

.main_journey_panel .nav>li>a>img {
    max-width: none;
    padding-left: 6px;
    width: 25px;
}

.main_journey_panel .nav-tabs>li {
    float: left;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.main_journey_panel .button .next_btn {
    background: linear-gradient(180deg, #0439a3, #021d53);
    background-color: #021d53;
}

.main_journey_panel .button .skip_btn {
    background: linear-gradient(180deg, #ed1450, #600026);
    background-color: #ed1450;
}

.main_journey_panel .tab .nav-tabs li a {
    color: #fff;
    padding: 7px 17px;
    margin-right: 2px;
    background: #ee0000;
    text-shadow: 1px 1px 2px #0000006b;
    border: none;
    border-radius: 7px 7px 0 0;
    opacity: 0.5;
    position: relative;
    transition: all 0.3s ease 0s;
    pointer-events: none;
}

.main_journey_panel .tab .nav-tabs li a:hover {
    background: #e12f53;
    opacity: 0.8;
}

.main_journey_panel .tab .nav-tabs li.active a {
    opacity: 1;
}

.main_journey_panel .tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover,
.tab .nav-tabs li.active a:focus {
    color: #fff;
    background: #e12f53;
    border: none;
    border-radius: 7px 7px 0 0;
}

.main_journey_panel .tab .nav-tabs li a:before,
.tab .nav-tabs li a:after {
    content: "";
    position: absolute;
    top: -2px;
}

.main_journey_panel .tab .nav-tabs li a:before {
    border-right: 15px solid #692f6c;
}

.main_journey_panel .tab .nav-tabs li a:after {
    border-left: 15px solid #692f6c;
}

.main_journey_panel .tab .nav-tabs li a i,
.tab .nav-tabs li.active a i {
    display: inline-block;
    padding-right: 5px;
    font-size: 15px;
    text-shadow: none;
}

.main_journey_panel .tab .nav-tabs li a span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -9px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.main_journey_panel .tab .nav-tabs li a:hover span,
.tab .nav-tabs li.active a span {
    letter-spacing: 1px;
    opacity: 1;
    transition: all 0.3s ease 0s;
}
/* new change */
.main_journey_panel .tab .tab-content {
    padding: 0;
    background: #fff;
    font-size: 16px;
    color: #6c6c6c;
    line-height: 25px;
    box-shadow: none;
    width: 100%;
    float: left;
    border-radius: 9px;
    margin: 0 0 0 0;
    background-color: #fff;
}

.main_journey_panel .tab .tab-content h3 {
    font-size: 24px;
    margin-top: 0;
}

.main_journey_panel .terms_service {
    font-size: 12px;
}

.main_journey_panel .login_main1 {
    margin: 0 0 5% 0;
    background-color: #032e63;
    padding: 18px;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
}

.main_journey_panel input[type=checkbox],
input[type=radio] {
    margin: 0;
    left: 0;
    position: relative;
    height: 15px;
    width: 13px;
    display: inline-block;
    font-size: 10px;
}

.main_journey_panel .radio_main label {
    margin-bottom: 0;
}

@media only screen and (max-width: 479px) {
    .main_journey_panel .tab .nav-tabs li {
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }

    .main_journey_panel .tab .nav-tabs li a span {
        letter-spacing: 1px;
        opacity: 1;
    }
}





.main_journey_panel .single-input {
    width: 270px;
    display: flex;
    margin-bottom: 0;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
}

.main_journey_panel .single-input span {
    padding: 6px;
    background-color: #687987;
    border-radius: 7px 0 0 7px;
}

.main_journey_panel .single-input img {
    width: 32px;
}

.main_journey_panel .single-input i {
    padding: 8px 16px;
    color: #0cd6a8;
}

.main_journey_panel .single-input input {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #032e63;
    border-radius: 0 10px 10px 0;
    width: 100%;
    outline: none;
    font-size: 13px;
    text-align: center;
    background-color: #032e633d;
}

.main_journey_panel .submit-btn {
    border: 0px solid #c1c1c1;
    margin-top: 30px;

}

.main_journey_panel .submit-btn input {
    background: #0cd6a8;
    color: #fff;
    cursor: pointer;
}

.main_journey_panel .form-group {
    margin: 3px 0;
    width: 100%;
    float: left;
    position: relative;
    display: grid;
}

.main_journey_panel .confirm_location {
    background-color: #021d53;
    border-radius: 7px;
    padding: 2% 19px;
    width: 100%;
    float: left;
    color: #fff;
    text-shadow: 0 1px 3px #0000007d;
    line-height: 17px; 
}

.main_journey_panel .confirm_location p {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

.main_journey_panel #registration .unexpected_visits {
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
    background-color: #d3d4d4;
    border-radius: 5px;
    color: #000;
}

#registration .modal-footer {
    padding: 4px !important;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

#registration .modal-body {
    position: relative;
    padding: 0 15px;
}

.main_journey_panel .from-control {
    width: 100%;
    float: left;
    border: none;
    background-color: #BCE0FD;
    padding: 10px;
    font-size: 12px;
    color: #000;
}

#registration .modal-header {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
}

.main_journey_panel input {
    width: 100%;
    float: left;
    border: none;
    background-color: #BCE0FD;
    padding: 6px;
    font-size: 11px;
    color: #000;
    border-radius: 3px;
}

.main_journey_panel .form-group select {
    height: 37px !important;
}

.main_journey_panel .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 13px;
}

#income_details .form-group .radio_main {
    width: 43%;
    float: left;
    position: relative;
    display: flex;
    padding: 0;
    line-height: 12px;
    align-items: center;
}

#income_details {
    background: url(../images/plugins_background.jpg);
    border-radius: 10px;
}

#pancard_verification.form-group input {
    width: 8% !important;
    float: none;
    display: inline-block;
    margin: 10px 4px 0 0;
    text-align: center;
}

#pancard_verification.form-group {
    display: block;
    text-align: left;
}

#pancard_verification .pan_box {
    margin: 0;
    /* background-color: #eee; */
    /* background-color: #021d53; */
    text-align: left;
    color: #fff;
    /* padding: 7% 20px; */
}

#pancard_verification img {
    width: 50%;
    margin: 0 auto;
}

#pancard_verification {
    padding: 5% 0;
}

#personal_details {
    background-color: #faf2ee;
    padding: 0;
}

#residence_details {
    padding: 0;
}

#residence_details .main_state {
    width: 100%;
    float: left;
    display: flex;
}

#residence_details .main_state .form-group {
    border: solid 7px #021d53;
}

#residence_details .main_state .form-group input {
    background-color: #bce0fd36;
    pointer-events: none;
    color: #9e9e9e;
}

#residence_details .main_state1 {
    width: 100%;
    float: left;
    display: flex;
}

#residence_details {
    width: 100%;
    float: left;
}

#registration,
#loan-application,
#documentation,
#application-status {
    padding: 10px;
    width: 100%;
    float: left;
}

#registration .location-field,
#loan-application .location-field {
    padding: 0;
}

.main_journey_panel .location-field {
    flex-direction: row;
    column-gap: 8px;
    display: flex;
    align-items: baseline;
    justify-content: left;
    margin: 0;
    background-color: transparent;
    border-radius: 7px;
}

.main_journey_panel .location-field input {
    height: 39px;
    width: 39px;
    border-radius: 7px;
    outline: none;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #fff;
}

.main_journey_panel .location-field input:focus {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.main_journey_panel .location-field input::-webkit-inner-spin-button,
.otp-field input::-webkit-outer-spin-button {
    display: none;
}


.main_journey_panel #income {
    width: 100%;
    float: left;
    border: solid 1px #ddd7d7;
    padding: 10px;
    font-size: 11px;
}

.main_journey_panel #income input {
    border-radius: 7px;
    border: solid 1px #9f9c9c;
    padding: 7px;
    width: 100%;
    float: left;
}


.main_journey_panel #registration .location_from {
    display: flex;
    margin-top: 5%;
}

.main_journey_panel #registration .location_from select {
    width: 100%;
    float: left;
    padding-left: 10px;
}

.main_journey_panel #promocode .coupon_indicator {
    display: none;
}

.main_journey_panel #promocode .btn_skip {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
}

.main_journey_panel #selfie_upload input[type=file] {
    display: block;
    padding: 10px;
    background-color: #eee;
    margin: 1% 0;
}


.main_journey_panel .switch-label:after {
    content: attr(data-on);
    left: 0;
    right: 0;
    text-align: center !important;
    color: #000;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 1;
    font-weight: 600;
    font-size: 10px;
}

.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 139px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing: content-box;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #c9c9c9;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 1;
}

.switch-label.active {
    background: #1ca400;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-handle.active {
    left: 113px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label,
.switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}





/* generate_loan_quote */

#generate_loan_quote h2 {
    margin-top: 0;
    z-index: 1;
    position: relative;
    color: #021d53;
    text-align: center;
    text-shadow: none;
}

#generate_loan_quote p {
    margin-bottom: 5%;
    color: #021d53;
    text-align: center;
    z-index: 1;
    position: relative;
    text-shadow: none;
    font-weight: 900;
}

#generate_loan_quote .rupee_bag1 {
    width: 36%;
    float: right;
    position: absolute;
    top: -14px;
    right: 0;
}

#generate_loan_quote .rupee_loan_minutes {
    width: 62%;
    float: left;
}

#generate_loan_quote .btn_get_quote {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 6%;
}



#loan_quote h2 {
    margin-top: 0;
    color: #00194c;
}

#loan_quote p {
    margin: 2% 0;
    text-align: center;
    font-size: 11px;
}

#loan_quote p strong {
    font-weight: 900;
    color: #e12f53;
}

#loan_quote .confirm_location p {
    text-align: left;
    display: flex;
}

#loan_quote .confirm_location p>span:last-child {
    margin-top: -4em;
    position: relative;
}

#loan_quote .confirm_location {
    background-color: #e0f3ff;
    border-radius: 7px;
    padding: 3% 28px;
    width: 100%;
    float: left;
    color: #000;
    text-shadow: none;
    margin-top: 0;
}

#loan_quote .thanks p {
    display: block;
}

#loan_quote .thanks p>span img {
    width: 46%;
    margin: 0 auto;
}

#loan_quote .thanks_information {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
}

#loan_quote .calculate_demo {
    background-color: #bce0fd;
    padding: 11px 15px;
    border-radius: 13px;
    width: 100%;
    float: left;
}

#loan_quote .form-group {
    margin-bottom: 0;
    width: 100%;
    float: left;
    position: relative;
    display: block;
    background-color: #bce0fd;
    border-radius: 11px;
    padding: 7px 9px;
}

#loan_quote .form-group label {
background-color: #1e2754;
    float: left;
    width: 158px;
    text-align: center;
    padding: 4px 10px;
    border-radius: 3px 3px 16px 0;
    color: #fff;
    float: left;
    left: -27px;
    position: relative;
    box-shadow: 10px 10px 10px #555;
    z-index: 9;
}

#loan_quote .form-group label p {
    margin: 0;
    text-align: center;
}

#loan_quote .form-group label::before {
    content: "";
    background-color: #1e2754;
    height: 10px;
    position: absolute;
    top: 33px;
    z-index: -1;
    width: 7px;
    left: 0;
    border-radius: 0 0 0 7px;
}

#loan_quote .form-group .max-amt {
    padding: 0 10px;
    background-color: #00194c;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    float: right;
    margin-top: -23px;
    position: absolute;
    right: 17px;
}

#loan_quote .range-slider input {
    padding: 0;
    height: 10px;
    margin: 6px 0;
}

#loan_quote .tooltip.top {
    padding: 5px 10px;
    margin-top: -3px;
    background-color: #00194c;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
}

#loan_quote .range-value {
    font-size: 17px;
    font-weight: 800;
}

.interest_rate {
    background-color: #00194c;
    color: #fff;
    display: inline-flex;
}

.processing_fee {
    background-color: #00194c;
    color: #fff;
    display: inline-flex;
}

#loan_quote .principal_cal {
    width: 100%;
    float: left;
    display: block;
    padding: 0;
}

#loan_quote .principal_cal li {
    list-style-type: none;
    padding: 4px;
    background-color: white;
    margin: 9px 10px 0 5px;
    border-radius: 10px;
    color: #000;
    text-align: center;
    display: inline-block;
    width: 30%;
    border: solid 1px #eee;
    box-shadow: 2px 1px 12px 0px #0000004f;
}

#loan_quote .from-control {
    background-color: #a7cdeb;
}

#loan_quote .principal_cal li hr {
    margin-top: 8px;
    margin-bottom: 2px;
}

#loan_quote .principal_cal li p:first-child {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
}

#loan_quote .principal_cal li p:last-child {
    background-color: #1c6bad;
    color: #fff;
    border-radius: 4px;
}

.main_journey_panel input[type="file"] {
    color: #fff;
}

.main_journey_panel .documents-upload .bank_upload h2 {
    margin-top: 0;
}

.main_journey_panel .documents-upload .card {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    width: 100%;
    background-color: #f0f3f433;
    padding: 20px;
    margin-bottom: 18px;
    z-index: 9;
    position: relative;
}

.main_journey_panel .documents-upload .card h3 {
    font-size: 22px;
    font-weight: 600;

}

.main_journey_panel .documents-upload .drop_box {
    margin: 10px 0;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: inherit;
    border-radius: 5px;
    background-color: #f0f3f4;
}

.main_journey_panel .documents-upload .drop_box h4 {
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
    margin-right: 10px;
}

.main_journey_panel .documents-upload .drop_box p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #000000;
    text-shadow: none;
    font-weight: 800;
    letter-spacing: 0;
}

.main_journey_panel .documents-upload .btn {
    text-decoration: none;
    background-color: #021b4e;
    color: #ffffff;
    padding: 10px 8px;
    border: none;
    outline: none;
    transition: 0.3s;
}

.main_journey_panel .documents-upload .btn input {
    background-color: #021b4e !important;
}

.main_journey_panel .documents-upload {
    margin-bottom: 5%;
}

/*.main_journey_panel .documents-upload .btn:hover{
    text-decoration: none;
    background-color: #cb2a4b;
    color: #005af0;
    padding: 10px 20px;
    border: none;
    outline: 1px solid #ba2745;
}*/
.main_journey_panel .documents-upload .form input {
    margin: 10px 0;
    width: 100%;
    background-color: #e2e2e2;
    border: none;
    outline: none;
    padding: 12px 20px;
    border-radius: 4px;
}

.main_journey_panel .documents-upload p strong {
    font-weight: 200;
    color: #fff;
    letter-spacing: 1px;
}

.main_journey_panel .documents-upload .options_img {
    font-size: 10px !important;
    text-transform: none;
    font-weight: 500 !important;
}

.main_journey_panel .documents-upload .options_img span {
    padding: 0 4px;
    color: #fff;
    text-shadow: none;
    width: 43%;
    position: relative;
    display: block;
    float: left;
    line-height: 17px;
    text-align: left;
}

.main_journey_panel #residence_pincode .documents-upload button,
.main_journey_panel #residence_pincode input,
.main_journey_panel #residence_pincode select,
.main_journey_panel #residence_pincode textarea {
    margin: 0;
}

.main_journey_panel .documents-upload input[type=file] {
    display: block;
    width: 100%;
}

.main_journey_panel .documents-upload p {
    letter-spacing: 0;
    color: #fff;
    text-shadow: none;
    text-align: center;
    font-weight: 800;
    text-transform: capitalize;
}


.main_journey_panel .documents-upload .input-icons .img_lock {
    position: absolute;
    background-color: #021743;
    float: left;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    display: grid;
    color: #021a49;
    border-radius: 2px 0 0 2px;
}

.main_journey_panel .documents-upload .input-icons .img_lock img {
    width: 100%;
}

.main_journey_panel .documents-upload .input-icons {
    width: 100%;
    margin-bottom: 10px;
    height: 50px;
    position: relative;
    overflow: hidden;
}

.main_journey_panel .documents-upload .icon {
    padding: 10px;
    color: green;
    min-width: 50px;
    text-align: center;
}

.main_journey_panel .documents-upload .input-field {
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #b2d5f0;
    height: 50px;
    text-transform: none;
}

.main_journey_panel #exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

.main_journey_panel #exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

.main_journey_panel #exTab1 .nav-pills>li>a {
    border-radius: 0;
}

.main_journey_panel #exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}

.main_journey_panel #exTab3 .tab-content {
    color: white;
    background-color: transparent;
    padding: 0;
}

.main_journey_panel #exTab3 .nav-pills>li {
    float: left !important;
    width: 49% !important;
    background-color: transparent;
    color: #021d53 !important;
    border-radius: 0;
}

.main_journey_panel #exTab3 .nav-pills>li a {
    color: #000;
    text-align: center;
}

.main_journey_panel #exTab3 .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color: #cb2a4b !important;
    font-weight: 600;
    text-align: center;
}

.main_journey_panel .documents-upload .aadhaar_upload {
    color: #fff !important;
}

.main_journey_panel .documents-upload .btn_upload {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 132px;
}

.main_journey_panel .documents-upload .confirm_location {
    text-align: center;
}





#employment_work_mode p strong {
    font-weight: 900;
    color: #fff;
}

#employment_work_mode .input-icons i {
    position: absolute;
    width: 48px;
    background-color: #eee;
    float: left;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    display: grid;
    color: #021a49;
    border-radius: 6px 0 0 6px;
}

.main_journey_panel form {
    overflow: hidden;
}

#employment_work_mode .input-icons {
    width: 100%;
    margin-bottom: 10px;
    height: 50px;
    position: relative;
    overflow: hidden;
}

#employment_work_mode {
    margin-bottom: 5%;
}

#employment_work_mode .icon {
    padding: 10px;
    color: green;
    min-width: 50px;
    text-align: center;
}

#employment_work_mode .input-field {
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #b2d5f0;
    height: 50px;
    font-size: 12px;
    color: #000;
}

#employment_details {
    margin-bottom: 0;
}

#employment_details .main_state ::placeholder {
    color: #fff !important;
}

.main_journey_panel #employment_details .main_state .form-group input {
    color: #fff !important;
}

#employment_details .main_state {
    width: 100%;
    float: left;
    display: flex;
}

#employment_details .main_state .form-group input {
    background-color: #bce0fd36;
    pointer-events: none;
}

#employment_details .main_state .form-group {
    border: solid 7px #021d53;
    color: #fff !important;
}

#employment_details .mdl_tag {
    float: left;
    margin: 5% 0 0 0;
    text-align: center;
    width: 100%;
    font-size: 17px;
    font-weight: 800;
}

#ekyc_initiated p strong {
    color: #d02635;
}

#ekyc_initiated .location-field input {
    color: #000;
}

#ekyc_initiated .addhaar_img {
    width: 66%;
    margin: 35px auto;
}

#ekyc_initiated .digiLocker {
    width: 49%;
    margin: 5% 0;
}

#ekyc_verified {
    margin: 5% 0;
}

#ekyc_verified .addhaar_img {
    width: 66%;
    margin: 61px auto;
}

#residence_proof_upload .dropdown-content-bond img {
    float: none;
    width: 100%;
    margin: 3% auto;
    background-color: white;
}

#residence_proof_upload .drop_box {
    margin: 10px 0;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: inherit;
    border-radius: 5px;
    background-color: #f0f3f4;
}

#residence_proof_upload .options_img1 span {
    padding: 0 4px;
    color: #fff;
    text-shadow: none;
    width: 40% !important;
    position: relative;
    display: block;
    float: left;
    line-height: 17px;
    text-align: left !important;
}

#residence_proof_upload .options_img1 {
    font-size: 10px !important;
    text-transform: none;
    font-weight: 500 !important;
}

#residence_proof_upload .drop_box h4 {
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
}

#residence_proof_upload .drop_box p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    text-shadow: none;
    font-weight: 800;
    letter-spacing: 0;
}

#residence_proof_upload h5 {
    border-bottom: solid 1px #74819c;
    padding-bottom: 10px;
}

#residence_proof_upload .item {
    width: 23%;
    float: left;
    margin: 10px;
    padding: 15px 11px;
    background-color: #00194ca3;
    border-radius: 10px;
    box-shadow: -2px 4px 9px 5px #0000004d;
}

#residence_proof_upload .btn {
    text-decoration: none;
    background-color: #021b4e;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background-color: #a8233e;
}

#residence_proof_upload {
    margin-bottom: 5%;
}

#residence_proof_upload .btn {
    text-decoration: none;
    background-color: #021b4e;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    width: 60%;
    margin: 0;
}

#residence_proof_upload .btn input[type=file] {
    background-color: #021b4e;
}

#residence_proof_upload {
    margin-bottom: 5%;
}

#residence_proof_upload .btn:hover {
    text-decoration: none;
    color: #005af0;
    padding: 10px 20px;
    border: none;
    outline: 1px solid #ba2745;
}

#residence_proof_upload .form input {
    margin: 10px 0;
    width: 100%;
    background-color: #e2e2e2;
    border: none;
    outline: none;
    padding: 12px 20px;
    border-radius: 4px;
}

#residence_proof_upload p strong {
    font-weight: 200;
    color: #fff;
    letter-spacing: 1px;
}

#residence_proof_upload .options_img {
    font-size: 10px !important;
    text-transform: none;
    font-weight: 500 !important;
}

#residence_proof_upload .options_img span {
    padding: 0 4px;
    color: #fff;
    text-shadow: none;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    line-height: 17px;
    text-align: center;
}

#residence_proof_upload button,
#residence_proof_upload input,
#residence_proof_upload select,
#residence_proof_upload textarea {
    width: 80%;
    margin: 0;
}

#residence_proof_upload input[type=file] {
    display: block;
    width: 100%;
}

#residence_proof_upload .card {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    width: 100%;
    background-color: #f0f3f433;
    padding: 20px;
    margin-bottom: 6px;
    z-index: 9;
    position: relative;
    float: left;
    text-align: center;
}

#residence_proof_upload p {
    letter-spacing: 0;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    text-transform: capitalize;
}

#residence_proof_upload .owl-dots {
    display: none;
}

#residence_proof_upload .dropdown-item {
    width: 100%;
    float: left;
    padding: 5px 10px;
    border-bottom: solid 1px #eee;
}

#residence_proof_upload .dropdown-content-bond {
    padding: 0 20px;
    font-size: 2em;
    position: absolute;
    background-color: transparent;
    top: 0;
    height: 100%;
}

#residence_proof_upload .dropdown-content-bond-default {
    display: block;
    text-align: center;
    align-items: center;
    position: relative;
    align-items: center;
    display: grid;
    margin: 3% 0;
}

#residence_proof_upload .select_option_bill {
    background-color: #324873;
    color: #fff;
    font-size: 10px;
    margin-bottom: 1%;
    position: relative;
    z-index: 1;
    padding: 7px;
}

#residence_proof_upload select>option {
    letter-spacing: 10px;
}

#residence_proof_upload .select_option_bill option {
    letter-spacing: 1px;
    padding: 8px;
    text-transform: uppercase;
    margin-bottom: 4px;
}


.main_journey_panel #residence_proof_upload .input-icons {
    width: 100%;
    margin-bottom: 10px;
    height: 50px;
    position: relative;
    overflow: hidden;
}

.main_journey_panel #residence_proof_upload .input-icons .img_lock {
    position: absolute;
    background-color: #021743;
    float: left;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    display: grid;
    color: #021a49;
    border-radius: 6px 0 0 6px;
}

.main_journey_panel #residence_proof_upload .input-field {
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #b2d5f0;
    height: 50px;
    text-transform: none
}

.main_journey_panel #residence_proof_upload .btn_upload {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 132px;
}

.main_journey_panel #ifsc-list {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    list-style: none;
    background-color: #fff;
    height: 200px;
    overflow-y: scroll;
}

.main_journey_panel #ifsc-list li {
    color: #000;
    padding: 5px 0 5px 15px;
    border-bottom: 1px solid #000;
}

.modal-open {
    position: relative;
}

#myModal .modal-dialog {
    width: 670px;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_journey_panel #application_status {
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 0;
}

.main_journey_panel #application_status h3 {
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3px;
    padding: 10px;
    border-bottom: solid 1px #6a6868;
    background: linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #e5398e 51%, #ff357f00 100%);
    border-radius: 6px;
    margin: 2% 0;
}

.main_journey_panel #application_status h2 {
    margin-bottom: 33px;
}

.main_journey_panel #application_status .incomplete {
    background: linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
    opacity: .3;
}

.main_journey_panel #application_status .completed_section {
    float: right;
    position: absolute;
    right: 0;
    bottom: 2px !important;
}

.main_journey_panel #eligibility_failed {
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 0;
}

.main_journey_panel .left_eligibility_img {
    width: 48%;
    float: left;
}

.main_journey_panel #eligibility_failed .btn_upload {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.main_journey_panel #eligibility_failed .btn_eligibility {
    position: relative;
    width: 100%;
    float: left;
}

.main_journey_panel #eligibility_failed .elegibility_img {
    border-radius: 8px;
    width: 100%;
    float: left;
    height: 259px;
    object-fit: cover;
    object-position: bottom;
}

#session_timeout {
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 0;
}

#session_timeout img {
    border-radius: 8px;
    width: 51%;
    margin: 0 auto;
}

#session_timeout .btn_upload {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

#loan_quote form {
    overflow: visible;
}

#employment_work_mode .confirm_location .checkbox label,
#employment_work_mode .confirm_location .radio label {
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    padding-left: 0;
    width: 100%;
    float: left;
}

.main_journey_panel #employment_work_mode .confirm_location input[type=checkbox],
input[type=radio] {
    margin: 0 5px;
}

#residence-default-image {
    float: left;
    width: 100%;
    margin: 7% 0 0 0;
}

.main_journey_panel #banking_details select {
    width: 100%;
    height: 37px !important;
}

#case_rejection {
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 0;
}

.bg_case {
    background-color: #fcfafa !important;
}

#case_rejection h2 {
    color: #00194b;
}

#case_rejection .img_left {
    display: flex;
    float: none;
    width: 63%;
    margin: 0 auto;
}

#case_rejection .img_right {
    border-radius: 8px;
    float: right;
    width: 17%;
    right: 25em;
    position: absolute;
    top: 5em;
}

.main_journey_panel #case_rejection .btn_upload {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.main_journey_panel #case_rejection img {
    margin: 5% auto;
}


/* responsive_media */

@media(max-width : 767px) {
    .main_journey_login_panel {
        height: 100%;
    }

    .main_journey_login_panel .left_image_main {
        width: 100%;
        height: 146px;
        overflow: hidden;
    }

    .main_journey_login_panel .left_image_main img {
        height: 100%;
        object-position: center;
    }

    .main_journey_login_panel .right_image_main {
        width: 100%;
        float: right;
    }

    .main_journey_login_panel #login {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    .main_journey_login_panel #login #login-inp {
        width: 60%;
    }

    .main_journey_login_panel h2 {
        font-size: 18px !important;
        line-height: 31px !important;
    }

    .main_journey_login_panel #otpverify .otp {
        width: 100%;
        padding: 0;
    }

    .main_journey_login_panel #otpverify .otp-field input {
        height: 41px;
        width: 41px;
    }

    .main_journey_login_panel #otpverify .otp h5 {
        letter-spacing: 0;
        font-weight: 100;
        font-size: 13px;
    }

    #selfie_upload .selfie_img {
        width: 100%;
        margin: 0 auto;
    }

    .input-group-addon:first-child {
        display: none;
    }

    #selfie_upload .input-group {
        position: relative;
        display: block;
        border-collapse: separate;
        width: 100% !important;
        float: left !important;
    }

    #selfie_upload .input-group .form-control {
        width: 100% !important;
    }

    #selfie_upload .btn-primary {
        width: 100%;
    }

    #selfie_upload .camera_block {
        display: none;
    }
}

@media(max-width: 767px) {
    .main_journey_panel {
        
        padding: 0;
    }

    .main_journey_panel .wizard {
        width: 100%;
        height: auto !important;
    }

    .main_journey_login_panel .terms_service {
        display: flex;
    }

    #thank_you .thanks .col-md-6:last-child img {
        width: 100%;
    }

    .main_journey_panel #application_status {
        width: auto;
        padding: 0;
    }

    .main_journey_panel #application_status img {
        border-radius: 8px;
        float: left;
        margin-top: 5%;
    }

    .main_journey_panel #application_status h3 {
        font-size: 13px;
        letter-spacing: 0;
        padding: 10px;
        margin: 4% 0;
    }

    #thank_you .thanks {
        width: 100%;
        float: left;
    }

    #thank_you .thanks .congrats_img {
        margin: 0 auto;
        width: 100% !important;
        float: left;

    }

    #thank_you .thanks p {
        font-size: 10px;
        width: 100%;
    }

    #residence_proof_upload .card {
        background-color: transparent;
        padding: 0;
    }

    .main_journey_panel #residence_proof_upload .btn_upload {
        width: 100%;
    }

    #residence_proof_upload .drop_box {
        display: block;
        text-align: center;
    }

    #residence_proof_upload .btn {
        width: 100%;
        margin: 0;
    }

    #ekyc_verified .addhaar_img {
        width: 100%;
        margin: 0 auto;
    }

    .main_journey_panel .documents-upload .drop_box {
        margin: 10px 0;
        padding: 12px 0;
        display: flow;
        border-radius: 5px;
        background-color: #f0f3f4;
    }

    .main_journey_panel .documents-upload button,
    input,
    select,
    textarea {
        width: 94%;
        margin: 0;
    }

    #employment_details .main_state {
        width: 100%;
        float: left;
        display: block;
        padding: 15px;
    }

    #employment_details .main_state .form-group {
        border: none;
    }

    #employment_work_mode .confirm_location .input-field {
        display: inline-block;
    }

    #employment_work_mode .confirm_location form .form-group {
        margin-bottom: 15px;
        margin: 0;
    }

    #employment_work_mode img {
        float: left;
    }

    #employment_details img {
        float: left;
    }

    #employment_work_mode .thanks {
        padding: 4px;
        text-align: left;
    }

    #ekyc_initiated .addhaar_img {
        width: 100%;
        margin: 0 auto;
        float: left;
    }

    .main_journey_panel #ekyc_initiated .confirm_location {
        padding: 3% 10px;
        text-align: center;
    }

    .main_journey_panel #ekyc_initiated .confirm_location p {
        font-size: 9px;
    }

    #ekyc_initiated .digiLocker {
        width: 49%;
        margin: 5% auto;
    }

    .main_journey_panel #ekyc_initiated .confirm_location p {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0;
        text-align: center !important;
    }

    .main_journey_panel #ekyc_initiated .location-field {
        justify-content: center;
        margin: 12px 0;
    }

    .main_journey_panel #employment_work_mode .thanks h2 {
        font-size: 15px !important;
        text-align: center;
    }

    #employment_details .mdl_tag {
        font-size: 12px;
    }

    .main_journey_panel #employment_details h2 {
        font-size: 16px !important;
    }

    .main_journey_panel #employment_details label {
        font-size: 11px;
    }

    .main_journey_panel #employment_work_mode .thanks from {
        width: 100%;
        float: left;
    }

    .main_journey_panel #employment_work_mode .thanks .switch {
        position: relative;
        display: block;
        vertical-align: top;
        /*width: 116px;*/
        height: 30px;
        padding: 3px;
        margin: 7px;
    }

    .main_journey_panel #employment_work_mode .confirm_location p {
        font-size: 8px;
    }

    #loan_quote .confirm_location .interest_rate,
    .processing_fee {
        padding: 10px;
        display: block;
        margin: 0 10px 10px 0 !important;
        width: 100%;
        text-align: center;
    }

    .button_default {
        padding: 5px 20px;
        border-radius: 6px;
        border: solid 1px #e12f53;
        background-color: #e12f53;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        margin: 0 0 10px 0;
        font-size: 10px;
    }

    #loan_quote .confirm_location {
        padding: 0 10px;
        margin-top: 0;
    }

    #loan_quote .thanks p>span img {
        width: 46%;
        margin: 0 auto;
    }

    #employment_work_mode .input-field {
        padding: 10px;
        text-align: center;
        font-size: 10px;
    }

    #loan_quote .principal_cal li {
        list-style-type: none;
        padding: 2px;
        background-color: transparent;
        width: 32.5%;
        margin: 5% 0;
        font-size: 10px;
        box-shadow: none;
    }

    #generate_loan_quote .rupee_bag1 {
        width: 100%;
        float: right;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
    }

    #generate_loan_quote .rupee_loan_minutes {
        width: 100%;
        float: left;
    }

    #residence_details {
        padding: 0;
    }

    #personal_details {
        background-color: #00194c;
    }

    .main_journey_panel .connecting-line {
        top: 33% !important;
    }

    .main_journey_panel .wizard .nav-tabs>li p strong {
        font-weight: 100;
        font-size: 11px;
        text-transform: capitalize;
        letter-spacing: 1px;
    }

    .main_journey_panel h1 {
        font-size: 23px;
    }

    .main_journey_panel h2 {
        font-size: 19px !important;
        font-weight: 600 !important;
        letter-spacing: 0;
        text-align: left;
    }

    #personal_details img {
        float: left;
    }

    .main_journey_panel .confirm_location p {
        text-align: center;
        font-size: 10px;
    }

    .main_journey_panel .confirm_location {
        padding: 3%;
    }

    .main_journey_panel #registration .location_from {
        display: block !Important;
    }

    .main_journey_panel .single-input {
        width: 100%;
    }

    .main_journey_panel #registration .unexpected_visits {
        text-align: center;
        padding: 0;
        font-size: 10px;
    }

    .main_journey_panel .tab-content #registration .row .col-md-6:last-child {
        display: none !important;
    }

    .main_journey_panel .tab-content #loan-application .row .col-md-6:last-child {
        display: none !important;
    }

    .main_journey_panel .tab-content #documentation .row .col-md-6:last-child {
        display: none !important;
    }

    #generate_loan_quote img:last-child {
        display: none;
    }

    .main_journey_panel .button .next_btn {
        float: left;
        width: 100%;
        margin-bottom: 2px;
        box-shadow: 6px 8px 12px rgba(10, 61, 220, 0.2);
        font-weight: bold;
    }

        .top-line nav.navbar .navbar-brand img.logo {
        width: 102px;
        margin-top: 0px;
        margin-left: -48px;
    }

    .main_journey_panel .tab .nav-tabs {
        padding: 0 !important;
        display: none;
    }

    #registration,
    #loan-application,
    #documentation,
    #application-status {
        padding: 9px !important;
        width: 100%;
        float: left;
        background-color: #fff;
    }

    .main_journey_panel .tab .tab-content {
        float: left;
        border-radius: 8px;
    }

    #income_details img {
        float: left;
    }

    .main_journey_panel .location-field input {
        height: 39px;
        width: 41px;
    }

    #income_details .form-group .radio_main {
        width: 100%;
        float: left;
        display: flex;
        padding: 0;
    }

    #income_details .radio_main label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 0;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 14px;

    }

    .main_journey_panel .location-field {
        flex-direction: row;
        column-gap: 3px;
    }

    .main_journey_panel input[type=checkbox],
    input[type=radio] {
        margin: 0;
        height: 18px;
        width: 13px;
    }

    .main_journey_panel #income_details .form-group .radio_main input {
        width: auto;
        padding-left: 12px;
        margin-left: 10px;
        margin-right: 5px;
    }

    #pancard_verification {
        padding: 0;
    }

    .main_journey_panel h2 {
        font-size: 19px !important;
        font-weight: 600 !important;
        letter-spacing: 0;
        text-align: center;
        margin: 0;
    }

    .main_journey_panel .switch-label:after {
        content: attr(data-on);
        left: 0;
        color: #000;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 1;
        text-align: center;
        right: 0;
    }

    #pancard_verification .form-group input {
        width: 44px;
        margin: 2px 2px 0 0;
        text-align: center;
    }

    #pancard_verification .pan_box {
        margin: 0 !important;
    }

    #registration,
    #loan-application,
    #documentation,
    #application-status {
        padding: 9px;
        width: 100%;
        float: left;
        background-color: #fff;
    }

    #pancard_verification .pan_box {
        padding: 7px;
    }

    #pancard_verification .form-group input {
        width: 20px;
        margin: 2px 0 15px 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        align-items: center;
        border-radius: 3px;
        display: inline-block;
        float: none;
    }

    .main_journey_panel .location-field {
        justify-content: center !important;
    }

    .main_journey_login_panel input[type=checkbox] {
        width: auto;
    }

    #residence_pincode .unexpected_visits {
        font-size: 12px;
        text-align: center;
        padding: 25px 0 0 0;
    }

    .main_journey_panel #income_details .form-group:first-child {
        justify-content: center !important;
    }

    .main_journey_panel #marital_status_id {
        width: 100%;
    }

    .main_journey_panel #promocode .confirm_location {
        background-color: #023e89;
        margin: 0;
        width: 96%;
        margin: 0 auto;
        float: none;
    }

    .main_journey_panel #promocode .col-md-6 {
        padding: 0 10px !important;
    }

    .main_journey_panel #loan-application .next_btn_panel {
        display: flex;
        flex-direction: row-reverse;
        padding-top: 9px !important;
    }

    .main_journey_panel #loan-application .next_btn {
        margin: 0 1px 0 0;
    }

    #loan_quote .interest_rate,
    #loan_quote .processing_fee {
        padding: 10px;
        background-color: #00194c;
        color: #fff;
        border-radius: 8px;
        display: block;
        margin: 14px 10px 0 0 !important;
        width: 100%;
        float: left;
        text-align: center;
        font-size:15px;
    }

    #myModal .modal-dialog {
        width: 670px;
        position: absolute;
        z-index: 9999;
        top: 16%;
        left: 0;
        right: auto;
        transform: translate(0, 0);
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    #loan_quote .thanks span>img {
        display: none;
    }

    #loan_quote .thanks p>span {
        text-align: center;
        display: block;
        width: 100%;
        float: left;
        font-size: 10px;
        line-height: 17px;
        margin-bottom: 16px;
    }

    #employment_work_mode .confirm_location .checkbox label {
        display: block;
        text-align: center;
    }

    #employment_work_mode .thanks .form-group div {
        display: flex;
        flex-direction: column;
        width: 100%;
        float: left;
        align-items: center;
    }


    #employment_work_mode .thanks form .checkbox {
        position: static;
        display: table;
        margin: 0 auto;
    }

    #employment_work_mode .thanks form .checkbox label {
        display: flex;
        text-align: center;
    }

    .main_journey_panel .documents-upload .options_img span {
        width: 100% !important;
    }

    .main_journey_panel .documents-upload {
        margin-bottom: 0 !important;
    }

    #residence_proof_upload select {
        width: 100% !important;
        margin: 0;
    }

    #residence_proof_upload .confirm_location .card .drop_box .btn {
        width: 90% !important;
        margin: 0 !important;
    }

    #banking_details {
        background-color: transparent !important;
    }

    .main_journey_panel #documentation .next_btn_panel {
        display: flex;
        margin: 0 8px;
        flex-direction: row-reverse;
    }

    #session_timeout img {
        border-radius: 8px;
        width: 100%;
        margin: 0 auto;
    }




    /*extra_login_css*/
    .hide_on_mobile {
        display: none;
    }


}

#loan-application .modal-content .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #1f315b;
    color: #fff;
}

#loan-application .modal-header .close {
    margin-top: -2px;
    color: #fff;
    opacity: 1;
    font-size: 34px;
}

#loan-application .modal-content .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: #1f315b;
}

.main_journey_panel .form-control {
    border-radius: 4px !important;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

#pancard_verification {
    padding: 0 !important;
}

.main_journey_panel #promocode .coupon_indicator {
    display: none;
}

.main_journey_panel #promocode img {
    width: 90%;
    margin: 0 auto;

}

.post-img img {
    height: 200px !important;
}

/*index_blog*/
.our-blogs .post-slide .post-img img {
    width: 100%;
    height: 207px !important;
    object-fit: cover;
    object-position: center;
}

#employment_work_mode img {
    width: 486px;
    border-radius: 8px;
    margin: 0 auto;
}







.main_journey_panel .confirm_location .single-input {
    width: 98% !important;
}

.main_journey_panel #personal_details select {
    width: 100% !important;
}


.main_journey_panel #application_status .confirm_location {
    background-color: transparent;
    padding: 0 !important;
}

.main_journey_panel #application_status {
    background-color: #233b4f !important;
    border: solid 1px #eee !important;
}

.main_journey_panel #application_status .col-md-6:last-child img {
    border-radius: 8px;
    width: auto;
    margin: 0 auto;
    float: none;
}

.documents-upload#bank_statement_upload img {
    width: 761px;
    margin: 0 auto;
}


.main_journey_panel #employment_details .form-group:nth-child(3) {
    width: 100% !important;
}



#thank_you .confirm_location .registration p span {
    padding: 10px 20px;
    background-color: #032a5b;
    border-radius: 7px;
    color: #fff;
}

#thank_you .confirm_location .registration p img {
    width: 40px;
    border: solid 3px #fff;
    border-radius: 100px;
    left: -8px;
    position: relative;
    background-color: #fff;
}

#thank_you .confirm_location .registration .success {
    background: #31a400 !important;
}

#thank_you .registration .ol-cards>li>.success::before {
    background: #31a400 !important;
}


/*thank_you_step1*/
#thank_you .registration .ol-cards {
    --flapWidth: 2rem;
    --flapHeigth: 1rem;
    float: left;
    --iconSize: 1rem;
    --numberSize: 2rem;
    --colGapSize: 1rem;
    width: min(100%);
    margin-inline: auto;
    display: grid;
    gap: 2rem;
    padding-inline-start: var(--flapWidth);
    font-family: sans-serif;
    color: #222;
    counter-reset: ol-cards-count;
    list-style: none;
}

#thank_you .registration .ol-cards>li {
    display: flex;
    grid-template-areas:
        "icon title nr"
        "icon descr nr";
    gap: 0 var(--colGapSize);
    align-items: center;
    padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
    border-radius: 0 3rem 0 0;
    background-image: linear-gradient(to left right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
    box-shadow: inset 2px 2px 2px #ffffff00, inset -1px -1px 1px rgb(0 0 0 / 0%);
    background: linear-gradient(to right, #e3e3e3 -8%, #ffffff 34%, #ffffff 51%, #ffffff00 100%);
}

#thank_you .registration .ol-cards>li>.icon {
    grid-area: icon;
    background: #9b9a99;
    color: white;
    font-size: var(--iconSize);
    width: calc(2 * var(--flapWidth) + var(--iconSize));
    padding-block: 1rem;
    border-radius: 0 5rem 5rem 0;
    margin-inline-start: calc(-1 * var(--flapWidth));
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    display: grid;
    place-items: center;
}

#thank_you .registration .ol-cards>li>.icon::before {
    content: "";
    position: absolute;
    width: var(--flapWidth);
    height: calc(100% + calc(var(--flapHeigth) * 2));
    left: 0;
    top: calc(var(--flapHeigth) * -1);
    clip-path: polygon(0 var(--flapHeigth), 100% 0, 100% 100%, 0 calc(100% - var(--flapHeigth)));
    background-color: #3a3939;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
    z-index: -1;
}

#thank_you .registration .ol-cards>li>.title {
    grid-area: title;
    font-weight: 600;
    font-size: 16px;
    line-height: 54px;
    letter-spacing: 1px;
    text-shadow: 0 0 BLACK;
    text-align: left;
    float: left;
    display: contents;
}

#thank_you .registration .ol-cards>li>.descr {
    grid-area: descr;
}

#thank_you .registration .ol-cards>li>.icon {
    grid-area: icon;
    background: #a29e99;
    color: white;
    font-size: var(--iconSize);
    width: calc(2 * var(--flapWidth) + var(--iconSize));
    padding-block: 1rem;
    border-radius: 0 5rem 5rem 0;
    margin-inline-start: calc(-1 * var(--flapWidth));
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    display: grid;
    place-items: center;
}

/* dashboard */

.dashboard_nav {
    width: 100%;
    height: auto;
    position: fixed;
    padding: 5px 0;
    background: linear-gradient(to bottom, #eaeaea 0%, #ddf1f9 53%, #abbacd 98%);
    z-index: 99;
}

.dashboard_nav .content_main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.dashboard_nav .img-circle {
    border-radius: 50%;
    width: 33px;
    height: 33px;
    margin-bottom: 10px;
    padding: 0;
}

.dashboard_nav {
    z-index: 12;
}

.dashboard_nav .dropdown,
.dropup {
    position: relative;
    list-style-type: none;
    font-size: 16px;
    font-weight: 800;
    color: #000;
    float: right;

}
/* new change */

.dashboard_nav nav {
    position: fixed;
    top: 61px;
    /*
        left: 0;

    */
    width: 21%;
    background: linear-gradient(309deg, #009AD3 0%, #2A3972 100%);
    height: 100vh;
    padding: 0;
    padding-top: 36px;
    transition: width 0.8s linear;
}

.dashboard_nav nav a {
    display: inline-block;
    text-align: left;
    color: #ffffff;
    padding: 9px 11px;
    font-size: 13px;
    /*margin-left: -315px;*/
    width: 100%;
    height: auto;
    transition-property: margin-left;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    border-bottom: solid 1px #ffffff26;
    text-transform: uppercase;
    font-weight: 800;
}

.dashboard_nav nav a .fa {
    padding: 10px !important;
    background-color: #ffffff52 !important;
    color: #ffffff !important;
    border-radius: 109px !important;
    height: 33px !important;
    width: 33px !important;
    text-align: center !important;
}

.dashboard_nav nav a:hover {
    color: #cfd8dc;
}

.apply_nw1 a:focus,
a:hover {
    color: #ffffff;
    text-decoration: none;
}

.dashboard_nav nav a:nth-child(1) {
    transition-delay: 0s;
}

.dashboard_nav nav a:nth-child(2) {
    transition-delay: 0.2s;
}

.dashboard_nav nav a:nth-child(3) {
    transition-delay: 0.39999999999999997s;
}

.dashboard_nav nav a:nth-child(4) {
    transition-delay: 0.6000000000000001s;
}

.dashboard_nav nav a:nth-child(5) {
    transition-delay: 0.39999999999999999s;
}

.dashboard_nav nav a:nth-child(6) {
    transition-delay: 0.6000000000000001s;
}

#nav-toggle {
    width: 100px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font: inherit;
    font-size: 15px;
    font-weight: 900;
    color: #222121;
    transition: transform 0.2s ease;
    padding: 0;
}

#nav-toggle:after {
    content: "\f0c9";
    font-family: 'FontAwesome';
}

.dashboard_nav #nav-toggle.close-icon::after {
    content: '\2715';
}

#nav-toggle:focus {
    outline: none;
}

#nav-toggle:hover {
    color: #000;
}

.nav-open nav a {
    margin-left: 0;
}

.nav-open #nav-toggle {
    transform: rotate(-180deg);
}

.nav-open #nav-toggle:after {
    content: "\f00d";
}


.dashboard_content {
    width: 72%;
    margin-left: 21%;
    height: 100% !important;
    padding: 83px 0 !important;
    background-color: transparent;
    background-size: cover;
    /*background-image: linear-gradient( rgb(255 255 255 / 82%) 100%, rgb(3 46 99 / 45%)100%),url(../images/instant/bg_image.jpg);*/
    float: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    transition: margin-left 0.2s linear;
}

.inner_instant_page {
    margin-left: 0 !important;
    width: 100% !important;
}

.dashboard_content h2 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 23px !important;
    font-weight: 900 !important;
    font-size: 24px !important;
    line-height: 32px !important;
}

.applyt_btn {
    color: #fff;
    background: #e12f53;
    padding: 8px 23px;
    border-radius: 7px;
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 13px;
    box-shadow: 2px 1px 7px 0px #0000001c;
    letter-spacing: 0;
    font-weight: bold;
    border: none;
    margin-top: 10px;
    background: rgb(2, 0, 36);
  background: linear-gradient(309deg, #009AD3 0%, #2A3972 100%);
}
/* new change  */
.dashboard_content .apply_nw {
    padding: 16px 20px;
    /* background-color: #c7deec8c; */
    border-radius: 6px;
    box-shadow: 3px 2px 15px 1px #999;
    background-repeat: no-repeat;
    height: 244px;
    overflow: hidden;
    border-left: 4px solid #337ab7;
    border-bottom: 4px solid #337ab7;
    border-radius: 0px 47px;
}

.dashboard_content .apply_nw::before {
    float: right;
    content: "";
    position: absolute;
    width: 112px;
    background-image: url('../images/instant/apply_wallet.gif'), linear-gradient(to right, #6db3f200, #6db3f200);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    z-index: 1;
    height: 200px;
    right: 19px;
    bottom: -28px;
}
/* new change  */
.dashboard_content .apply_nw1 {
    padding: 16px 20px;
    /* background-color: #1c6bad; */
    border-radius: 6px;
    box-shadow: 3px 2px 15px 1px #999;
    background-repeat: no-repeat;
    height: 244px;
    overflow: hidden;
    border-left: 4px solid #1c6bad;
    border-bottom: 4px solid #1c6bad;
    border-radius: 1px 17px
}

.dashboard_content .support {
    background: linear-gradient(to bottom, #0456bb 0%, #032e63 100%);
    padding: 8% 11px;
    border-radius: 7px;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.1px;
    box-shadow: 2px 1px 10px 2px #00000036;
}

.dashboard_content .ac_number p {
    margin: 0;
}

.dashboard_content .history {
    background: linear-gradient(to bottom, #de315b 0%, #c04888 100%);
    padding: 8% 11px;
    border-radius: 7px;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.1px;
    box-shadow: 2px 1px 10px 2px #00000036;
}

.dashboard_content .circle {
    width: 28px;
    float: right;
    background-color: #fff;
    border-radius: 100px;
}

.dashboard_content .ac_number {
    padding: 20px;
    background-color: #fff;
    border-radius: 6px;
    background-size: cover;
    background-position: right;
    box-shadow: 2px 1px 7px 0px #0000001c;
    font-weight: 900;
    width: 100%;
    float: left;
    height: 255px;
}

.main_journey_panel #registration .col-md-5 img {
    width: 391px;
    height: auto;
    margin: 50px auto;
}

.dashboard_content .ac_number p {
    padding: 6px 0;
}

.dashboard_content .ac_number ul {
    padding: 0;
    margin: 13px 0;
    width: 100%;
    float: left;
}

.dashboard_content .ac_number p strong {
    font-weight: 900;
    color: #fff;
}

.dashboard_content .ac_number ul li {
    display: inline-block;
    padding: 10px 0;
    text-align: left;
    width: 23%;
    background-color: #032e63;
    border-radius: 6px;
    text-align: center;
    margin: 0 6px 0 0;
    box-shadow: 2px 1px 4px 0px #00000036;
    color: #fff;
    background: linear-gradient(to bottom, #0456bb 0%, #032e63 100%);
}

.dashboard_content .ac_number ul li p {
    font-weight: 500;
    font-size: 12px;
}

.dashboard_content .refer_frnd {
    width: 100%;
    height: 255px;
    border-radius: 6px;
    box-shadow: 2px 1px 7px 0px #0000001c;
    overflow: hidden;
}

/* profile */


#profile-data .profile_img {
    width: 100%;
    float: left;
    z-index: 1;
    position: relative;
}

.profile_img.img-section {
    background: url('../images/instant/bg_img.JPG');
    border-radius: 6px;
    box-shadow: 1px 2px 9px #9b9494;
}

.profile_img.img-section .col-md-12:nth-child(1) img {
    position: relative;
    height: 141px;
    width: 141px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 1px 2px 9px #9b9494;
    margin: 1% auto;
}

.profile_img.img-section .col-md-12 .edit-icon {
    position: absolute;
    right: 110px;
    bottom: 20px
}

.profile_img.img-section .col-md-12 .edit-icon button {
    background: #fff;
    border: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 1px 2px 9px #9b9494;
}

.profile_img.img-section .col-md-12 .edit-icon button i {
    color: #000;
}

.profile_img.img-section .col-md-12:nth-child(2) {
    text-align: left;
    padding: 10px 30px;
}



.details_tabs .content_details .edit-profile i {
    color: #000;
}

#profile-data h1 {
    text-transform: capitalize;
    color: #000;
    font-size: 39px;
    margin-top: 4%;
}

#profile-data .mail_txt {
    color: #000;
    font-size: 10pt;
    letter-spacing: 0;
    margin: 1% 0;
    font-weight: 700;
}

#profile-data .headings_tabs {
    margin: 0;
    border-bottom: 0
}

#profile-data .headings_tabs .sideways {
    border-bottom: 0
}

#profile-data .details_tabs {
    width: 100%;
    background: url('../images/instant/bg_img.JPG');
    border-radius: 6px;
    box-shadow: 1px 2px 9px #9b9494;
}

#profile-data .details_tabs .tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
}

#profile-data .headings_tabs .tabs-left>li>a,
#profile-data .headings_tabs .tabs-left>li>a:hover,
#profile-data .headings_tabs .tabs-left>li>a:focus {
    background: #f9f9f9;
    border-radius: 15px;
    box-shadow: 1px 2px 9px #9b9494;
    margin: 10px 3px 10px 0;
    color: #000;
    padding: 13px;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold
}

/* #profile-data .headings_tabs .tabs-left>li.active>a,
#profile-data .headings_tabs .tabs-left>li.active>a:hover,
#profile-data .headings_tabs .tabs-left>li.active>a:focus {
    background:url('../images/instant/bg_img.JPG');
} */
#profile-data .details_tabs .content_details {
    padding: 10px;
    background: url('../images/instant/bg_img.JPG');
    box-shadow: none;
}

@media(max-width: 768px) {
    .main_journey_login_panel .login {
        height: 100%;
    }

    #profile-data .headings_tabs {
        margin: 10px 0;
    }

    #profile-data .headings_tabs .tabs-left>li>a,
    #profile-data .headings_tabs .tabs-left>li>a:hover,
    #profile-data .headings_tabs .tabs-left>li>a:focus {
        font-size: 10px
    }

    #profile-data .headings_tabs .tabs-left>li>a img {
        width: auto;
        height: 31px
    }

    .dashboard_nav nav {
        width: 100%;
        top: 49px !important;
    }

    .dashboard_nav img {
        margin: 0;
    }
}

@media(max-width: 991px) {
    .main_journey_login_panel .otp_left {
        display: none;
    }

    .main_journey_login_panel .left_image_main {
        display: none;
    }
}

.dashboard_content .progress-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 10px;
}

.dashboard_content .progress-outer {
    background: #fff;
    padding: 5px 60px 5px 5px;
    border: 5px solid #032e62;
    border-radius: 45px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 30px;
}

.dashboard_content .progress {
    width: 100%;
    background: #ebebeb;
    border-radius: 7px;
    margin: 0;
    height: 29px !important;
    margin: 1% 0 0 0;
    position: relative;
    text-align: center;
    color: #000;
}

.dashboard_content .apply_nw1 h4 {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dashboard_content .progress .progress-bar {
    border-radius: 7px;
    box-shadow: none;
    background-color: #5cb85c !important;
}

.dashboard_content .border-right {
    border-right: solid 1px #ddd;
    padding-top: 40px;
    padding-bottom: 26px;
}

.main_journey_panel .demo .panel-default {
    border-color: #ddd;
    background: #e12f53;
    box-shadow: 0 0 10px #aaa8a8;
    color: #fff;
}

.main_journey_panel .demo .panel-default h4 span {
    color: #fff;
    font-weight: 900;
}

.main_journey_panel .demo .dashboard_content p {
    margin: 0px 0px 20px 0px;
    font-weight: 300;
}

@media (max-width: 40rem) {
    #thank_you .registration .ol-cards {
        --flapWidth: 1rem;
        --flapHeigth: 0.5rem;
        --iconSize: 2rem;
        --numberSize: 2rem;
        --colGapSize: 1rem;
    }
}


@media(max-width: 767px) {
    #thank_you .registration .ol-cards>li>.title {
        grid-area: title;
        font-weight: 600;
        font-size: 10px;
    }

    #thank_you .thanks img {
        width: 63% !important;
    }

    #generate_loan_quote .rupee_loan_minutes {
        width: 100% !important;
        float: none;
        margin: 0 auto;
        height: auto !important;
    }

    .main_journey_panel .next_btn {
        padding: 15px 0;
        font-weight: 600;
        font-size: 10px;
    }

    #generate_loan_quote .rupee_loan_minutes img {
        width: 100%;
        float: none;
        margin: 0 auto;
        height: auto;
    }

    .main_journey_login_panel #login h2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .main_journey_login_panel .terms_service {
        display: flex;
        margin: 10px 0;
    }

    #thank_you .thanks .col-md-6:first-child .icon img {
        width: 24px;
    }
}

@media(max-width: 767px) {
    .main_journey_login_panel .otp_btn {
        margin-right: 0;
    }

    #login-form .button {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 16px;
    }

    #personal_details {
        background-color: transparent !important;
    }

    #registration-steps .nav-stacked li .panel-body span img {
        transform: scale(0.7) !important;
    }
}









#registration-steps .nav-stacked li .panel-body span img {
    float: right;
    position: absolute;
    right: 7px;
    top: 37%;
    bottom: 50%;
    padding-right: 10px;
}

.icon_content {
    padding: 5px;
    background-color: #fff;
    border: solid 5px #fff;
    width: auto;
    position: relative;
    display: block;
    margin-left: 15px;
    border-radius: 100px;
    height: auto;
    float: left;
    box-shadow: -6px 1px 6px #423e3e38;
    margin: 12px 20px;
}
/* new changes */

.dashboard_content .main_journey_panel .demo .panel-default {
    border-color: #eee;
    background: #e12f53;
    box-shadow: 8px 6px 8px #3498db47;
    color: #000;
    background-color: #fff;
    /* background-image: linear-gradient(358deg, #f8f1f7 0%, #e1e6eb 74%); */
    margin-bottom: 0;
    height: 94px;
}

.main_journey_panel .demo .nav-stacked>li {
    float: right;
    width: 89%;
    margin-bottom: 6px;
}

.nav-stacked li .panel-body {
    padding: 10px 39px 10px 0;
    overflow: hidden;
    margin: 1% auto;
}

.nav-stacked li .panel-body h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.icon_content.yellow_icon {
    border: solid 5px #ffd200;
    background-color: #fff;
}

.icon_content.green_icon {
    border: solid 5px #06e42b;
    background-color: #fff;
}

.dashboard_content .main_journey_panel .demo .panel-default h4 span {
    color: #000;
    font-weight: 900;
}






/*new*/

.career-page-new {
    float: left;
    padding: 50px 0px;
    margin: 0px;
    width: 100%;
    background: #fff;
}

.career-page-new .thumbnail {
    padding: 0;
    border-radius: 5px 5px 0px 0px !important;
}

.career-page-new .thumbnail h3 {
    background: #032e63;
    padding: 10px;
    color: #fff;
    font-size: 17px;
    border-radius: 5px 5px 0px 0px;
    margin: 0px;
}


.career-page-new .thumbnail p {
    padding: 15px 15px;
    text-align: justify;
    font-size: 15px;
}

.career-page-new h2 {
    color: #032e63;
    font-size: 25px !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 32px !important;
}

.career-page-new #captImg {
    background: #fff;
    padding: 4px;
    border-radius: 10px;
}


.career-page-new .submit {
    background: #e12f53;
    color: #fff;
    font-size: 18px;
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 10px;
}

.career-page-new .carer-p {
    color: #fff !important;
}

.career-page-new .carer-p a {
    color: #fff !important;
    font-weight: bold;
}



.career-page-new #captImg img {
    width: 100%;
}


.career-page-new #FormCareer {
    background-color: #032e63;
    padding: 18px 20px;
    border-radius: 10px;
    border: solid 3px #e12f53;
}

.career-page-new #FormCareer span {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
}

.career-page-new .hr-line {
    width: 70px;
    background: #e12f53;
    height: 2px;
    margin: 0 auto;
    margin-bottom: 10px;
}


.career-page-new .apply-now-b {
    background: #e12f53 !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 5px 16px 8px 15px;
}

.career-page-new .apply-now-b {
    background: #032e63;
    color: #fff !important;
    text-decoration: blink;
}

#apply-now .col-md-12 p a:hover {
    color: #e72a3b;
}

.tabbll .bordered td,
.bordered th {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .2px;
}

#captImg img {
    height: 50px;
    width: 100% !important;
}

.form_my span {
    width: 100%;
    float: left;
    color: #000;
    font-size: 16px;
    margin-bottom: 7px;
    font-weight: 700;
}

.tabbll .bordered td:first-child {
    width: 10%;
}

.tabbll .bordered td:nth-child(3) {
    width: 10%;
}

.tabbll .bordered td:last-child {
    width: 15%;
}

.tabbll .apply-now-buttonn {
    background-color: #fff;
    padding: 3px 10px;
    border-radius: 6px;
    color: #000;
    font-weight: 800;
    box-shadow: 1px 2px 5px #00000096;
}



@media(min-width: 769px) {
    #residence_proof_upload .dropdown-content-bond img {
        float: none;
        width: 298px !important;
        margin: 3% auto;
        background-color: white;
    }
}

.bg_active {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(45deg, #24AADB, #E94584, #24AADB, #E94584, #24AADB, #FF3706);
    background-size: 600% 100%;
    animation: gradient 16s linear infinite;
    animation-direction: alternate;
}

@keyframes gradient {
    0% {
        background-position: 0%
    }

    100% {
        background-position: 100%
    }
}



#user-profile {
    color: #000;
    right: 0;
    position: relative;
    float: right;
}


#loan-application .nav-stacked li {
    width: 50%;
    float: left;
}

#loan-application .nav-stacked li .panel-body {
    padding: 0 40px 19px 0;
    height: 104px;
    font-size: 12px;
    overflow: hidden;
}

.demo .nav-stacked li h4 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.dashboard_content .main_journey_panel .demo .panel-default h4 span {
    margin-top: 7px;
    margin-bottom: 7px;
}

#loan-application .demo .nav-stacked li h4 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    float: left;
    width: 100%;
}

.nav-stacked .col-md-3 .panel-body span img {
    float: right;
    right: 0;
    position: relative;
    top: -57%;
}

.dashboard_nav nav.hideSidebar {
    width: 0;
    transition: width 0.8s linear;
}

.dashboard_content.expandContainer {
    margin-left: 0;
    transition: margin-left 0.2s linear;
    width: 100%;
}



.flow_clr {
    background: none;
    padding: 0;
    transition: margin-left 0.2s ease;
}


.menu_navleft {
    margin-left: -450px;
    transition: margin-left 0.8s linear;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}



.apply_nw1_loan_application {
    padding: 6px 12px;
    background-color: #fff;
    background-image: url(../images/instant/graph.jpg), linear-gradient(to right, #6db3f200, #6db3f200);
    border-radius: 6px;
    height: 91px;
    background-size: cover;
    background-position: bottom;
    border: solid 2px #e9eaef;
    box-shadow: 8px 6px 8px #aaa8a83d;
}

.apply_nw1_loan_application h4 {
    color: #5f5b5b;
    font-weight: 900 !important;
    text-transform: capitalize;
}

.apply_nw1_loan_application h4 .percent_loanapp {
    float: right;
    border: solid 1px #eee;
    border-radius: 0 0 10px 10px;
    top: -18px;
    position: relative;
    right: 0;
    padding: 6px;
    background-color: #fb0c5c;
    color: #fff;
    box-shadow: 0px 4px 5px #4e494952;
}

.percent_loanapp {
    float: none;
    border: none;
    border-radius: 0 0 10px 10px;
    top: 0;
    position: absolute;
    right: 0;
    left: 0;
    padding: 0;
    background-color: transparent;
    color: #242323;
    box-shadow: none;
    font-weight: 900;
    bottom: 0;
    z-index: 9;
    align-items: center;
    display: grid;
}

.new_custom {
    display: grid;
    align-items: center;
}

.percent_loanapp_video {
    width: auto !important;
    float: right;
    margin-top: -138px !important;
    right: -4px !important;
    position: absolute;
    border-radius: 8px;
}

.demo .nav-stacked .panel-default .panel-body p {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #666;
    letter-spacing: .2px;
    padding: 0 44px 0 0;
}


/*Area City*/
.service-area {
    float: left;
    width: 100%;
}

.service-area ul {
    float: left;
    padding: 0px !important;
    width: 100%;
}

.service-area ul li {
    position: relative;
    display: block;
    float: left;
    width: 16%;
    font-size: 18px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    line-height: 50px;
    padding: 0 10px;
    box-sizing: border-box;
}

.service-area ul li a {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #032e63;
    background: #fff;
    padding: 10px 6px;
    font-size: 14px;
    color: #032e63;
    font-weight: bold;
    box-shadow: 0 0 10px #ddd;
    border-radius: 5px;
}

.service-area ul li a:hover {
    border: 1px solid #032e63;
    background: #032f63;
    color: #fff;
    transition: all .8s ease;
}

.service-area ul li a:before {
    left: 158px;
    top: -3px;
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    width: 6px;
    height: 6px;
    background: #e12f53;
}

.service-area ul li a:after {
    left: -3px;
    bottom: -3px;
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    width: 6px;
    height: 6px;
    background: #e12f53;
}

.area-city {
    font-size: 15px !important;
    text-align: center !important;
    line-height: 25px !important;
    margin-bottom: 30px !important;
}

@media all and (max-width:320px),
(max-width:375px),
(max-width:384px),
(max-width:414px),
(max-device-width:450px),
(max-device-width:480px),
(max-device-width:540px) {
    .area-city {
        font-size: 12px !important;
        text-align: center !important;
        line-height: 20px !important;
        margin-bottom: 30px !important;
    }

    .service-area ul {
        padding: 0px !important;
    }

    .service-area ul li {
        position: relative;
        display: block;
        float: left;
        width: 50%;
        font-size: 18px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
        line-height: 50px;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 0px !important;
    }

    .service-area ul li a {
        position: relative;
        display: block;
        color: #000;
        text-align: center;
        margin-bottom: 0px;
        border: 1px solid #032e63;
        background: #fff;
        padding: 10px 6px;
        font-size: 14px;
    }

    .service-area ul li a:before {
        left: 120px;
        top: -3px;
        display: block;
        content: '';
        position: absolute;
        z-index: 1;
        width: 6px;
        height: 6px;
        background: #e12f53;
    }
}

.dashboard_content .history p,
.support p {
    margin: 0;
}

/*responsive*/

@media(max-width: 767px) {
    .dashboard_content {
        width: 100%;
        margin-left: 0;
        float: left;
    }

    .demo .nav-stacked li h4 {
        margin-top: 7px;
        margin-bottom: 0;
        font-size: 15px;
    }

    .dashboard_nav {
        z-index: 999;
    }

    .dashboard_nav .nav {
        top: 49px !important;
    }

    .demo .nav-stacked .panel-default .panel-body p {
        font-size: 14px;
        padding: 6px 24px 0 0 !important;
    }

    .dashboard_content .main_journey_panel .nav-stacked li .icon_content {
        margin: 37px 6px 37px !important;
    }

    .main_journey_panel .demo .nav-stacked>li {
        margin: 12px 0 !important;
    }

    .apply_nw h2 {
        font-size: 19px !important;
    }

    .dashboard_content {
        margin-top: 44px;
    }

    .dashboard_content h2 {
        padding: 5% 0 !important;
    }

    #nav-toggle {
        padding-top: 0 !important;
    }

    .main_journey_panel #application_status h2 {
        margin-bottom: 0;
        margin-top: 18%;
        font-size: 17px !important;
    }

    .main_journey_panel .tab-content #registration .row .col-md-6:last-child {
        display: block !important;
    }

    #personal_details .confirm_location form .row {
        display: block !important;
    }

    #nav-toggle {
        width: 27px;
    }

    .dashboard_nav .col-md-5 span {
        font-size: 12px !important;
        color: #000;
        font-weight: 500 !important;
        float: right;
        letter-spacing: .2px;
    }

    .dashboard_content .apply_nw1 {
        padding: 2px 20px;
        margin: 0 0 20px 0;
    }

    .dashboard_content .support {
        margin-bottom: 15px;
    }

    .dashboard_content .ac_number {
        width: 100%;
        float: left;
        height: 100%;
        margin-bottom: 20px;
    }

    .dashboard_content .ac_number ul li {
        width: 47%;
        margin-bottom: 10px;
        text-align: center;
        margin: 0 6px 8px 0;
    }

    .dashboard_content .ac_number p strong {
        font-weight: 500;
        color: #fff;
        font-size: 14px;
    }

    .applyt_btn {
        color: #fff;
        margin: 0 auto;
        width: 100%;
        margin-right: 0;
        font-weight: 900;
        font-size: 13px;
        margin-top: 0;
    }

    .dashboard_content .refer_frnd {
        width: 100%;
        height: 100%;
    }

    .main_journey_login_panel #login {
        width: 100%;
        float: left;
        margin: 0 auto;
        padding: 20px;
        backdrop-filter: none !important;
    }

    .main_journey_login_panel .login {
        box-shadow: none;
    }

    .main_journey_login_panel .right_image_main {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .dashboard_content .main_journey_panel .demo .panel-default {
        width: 100%;
    }

    .main_journey_panel .tab .tab-content {
        padding: 0;
        font-size: 16px;
        width: 100%;
        float: left;
        margin: 0 0 2% 0;
    }

    .nav-stacked li .panel-body {
        padding: 8px 3% 13px 3%;
    }

    #personal_details {
        background-color: #faf2ee;
        padding: 0;
    }

    .main_journey_panel .next_btn_panel {
        width: 100%;
        float: left;
        padding-top: 0;
        display: flex;
        margin: 0;
    }

    .main_journey_panel .button .next_btn {
        margin: 0 1px 11px 1px;
        color: #fff !important;
    }

    #registration .col-md-6 img {
        display: none;
        margin: 0 auto;
    }
     #registration .col-md-6 .prin_image{
        display: flex;
        margin: 0 auto;
    }

    .dashboard_content .main_journey_panel .nav-stacked li .icon_content {
        padding: 2px;
        display: block;
        margin: 8px 9px 0 4px;
        height: auto;
        float: left;
    }

    .dashboard_content .main_journey_panel .nav-stacked {
        float: left;
    }

    .dashboard_content .main_journey_panel .nav-stacked li .icon_content img {
        width: 28px;
        height: 28px;
    }

    .demo .nav-stacked .panel-default .panel-body p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: #666;
        letter-spacing: .2px;
        float: none;
        padding: 0 16px 0 41px;
        width: 100%;
        text-align: left;
    }

    .main_journey_panel .demo .nav-stacked>li {
        float: right;
        width: 100%;
        margin-bottom: 0;
    }

    .main_journey_panel .demo .nav-stacked>li {
        float: right;
        width: 100%;
        margin: 4px 0;
    }

    #registration-steps .nav-stacked li .panel-body span img {
        transform: scale(0.5);
    }

    .details_tabs .content_details .edit-profile {
        position: relative !important;
        right: 0 !important;
        top: 0;
    }

    #loan-application .nav-stacked li {
        width: 100% !important;
        float: left;
    }

    #pancard_verification .form-group {
        display: block;
        text-align: center;
    }

    #loan-application .nav-stacked li .panel-body {
        padding: 8px 3% 0 3%;
        height: 100%;
    }

    #loan-application .nav-stacked li .panel-body {
        overflow: visible;
    }

    #loan-application .nav-stacked li .panel-body span img {
        transform: scale(0.7);
    }

    #loan-application .nav-stacked .col-md-3 .panel-body span img {
        float: right;
        position: absolute;
        right: 10px;
        top: 37%;
        bottom: 50%;
    }

    .main_journey_login_panel input[type="checkbox"] {
        width: auto !important;
        border: none;
        margin: 0 10px 0 0;
    }
}




.reference_number2 {
    padding: 3px;
    color: #fff !important;
    background-color: #e42c42 !important;
    border-radius: 6px;
}



.dashboard_content .nav li.active a {
    background-color: #032e63 !important;
    color: #fff !important;
}



#loan-application .nav-stacked .col-md-3 .panel-body span img {
    float: right;
    position: absolute;
    right: 16px;
    top: 37%;
    bottom: 50%;
    padding-right: 10px;
}


@media(max-width: 400px) {
    .thanks form .form-group div {
        display: grid !important;
    }

    #profile-data .headings_tabs .tabs-left>li>a {
        background: #f9f9f9;
        border-radius: 7px !important;
        box-shadow: 1px 2px 9px #9b9494;
        margin: 11px 9px 10px 0 !important;
        color: #000;
        padding: 8px 9px !important;
        font-size: 8px !important;
        letter-spacing: 0 !important;
        font-weight: bold;
    }
}

@media(max-width: 768px) {
    .main_journey_panel .confirm_location {
        margin: 0 0 6px 0;
    }

    #account_aggregator .confirm_location .title_main h2 {
        font-size: 18px !important;
    }

    #account_aggregator .confirm_location .title_main img {
        width: 100% !Important;
    }

    .main_journey_panel .next_btn {
        padding: 15px 11px !important;
        font-size: 12px !important;
    }

    #account_aggregator .offer_img {
        width: 100% !important;
    }

    #residence_proof_upload .options_img1 span {
        padding: 0 4px;
        width: 100% !important;
        line-height: 17px;
        text-align: center !important;
    }

    .main_journey_panel .confirm_location p {
        text-align: center;
        font-size: 9px !important;
    }

    .expandContainer #banking_details h2 {
        font-size: 16px !important;
    }

    #thank_you .col-md-6:last-child img {
        width: 100% !important;
        float: left !important;
    }

    #thank_you .thanks .congrats_img {
        margin: 0 auto;
        width: 73% !important;
        float: none;
    }

    #application_status h2 {
        margin-bottom: 0;
        margin-top: 0 !important;
        font-size: 17px !important;
    }

    .main_journey_login_panel #login .terms_service label {
        display: flex;
    }

    .main_journey_login_panel input[type="checkbox"] {
        width: 19px !important;
        border: none;
        margin: 0 10px 0 0;
        height: 19px;
    }

    .dashboard_content .main_journey_panel .demo .panel-default {
        width: 100%;
        height: 155px;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .menu_navleft {
        margin-left: -55em;
    }
}

/*@media (max-width: 642px){
.menu_navleft {
    margin-left: -900px;
}
}*/

@media all and (max-width:320px),
(max-width:375px),
(max-width:384px),
(max-width:414px),
(max-device-width:450px),
(max-device-width:480px),
(max-device-width:540px) {
    .main_journey_panel input {}

    .menu_navleft {
        margin-left: -900px;
    }

    #loan_quote p {
        margin: 0;
    }
   
    #pancard_verification.form-group input {
        width: 8% !important;
        float: none;
        display: inline-block;
        margin: 10px 4px 0 -3px;
        text-align: center;
    }
    .main_journey_panel .switch-label:after {
        content: attr(data-on);
        left: 24px;
        color: #000;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 1;
        text-align: center;
        right: 0;
    }
    #loan_quote p {
        margin: 2% 0;
        text-align: center;
        font-size: 10px !important;
    }
   

    .main_journey_panel #ekyc_initiated .confirm_location {
        margin: 0;
    }
}


.main_journey_panel #form_income_details .form-group .radio_main label {
    margin-bottom: 0;
    font-size: 13px;
}

#registration-steps .nav-stacked li p {
    font-size: 14px;
    margin: 0;
}

#registration-steps .nav-stacked li {
    padding: 0 10px 0 10px !important;
    margin-bottom: 11px;
}

.expandContainer .progress {
    margin: 2% 0 16px 0;
}

.confetti {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.confetti-piece {
    position: absolute;
    width: 8px;
    height: 16px;
    background: #ffd300;
    top: 0;
    opacity: 0;
}

.confetti-piece:nth-child(1) {
    left: 7%;
    transform: rotate(-79deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 1s;
    animation-duration: 2s;
}

.confetti-piece:nth-child(2) {
    left: 14%;
    transform: rotate(-42deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 2s;
    animation-duration: 2.5s;
}

.confetti-piece:nth-child(3) {
    left: 21%;
    transform: rotate(-25deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 3s;
    animation-duration: 3.5s;
}

.confetti-piece:nth-child(4) {
    left: 28%;
    transform: rotate(-10deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 4s;
    animation-duration: 3.5s;
}

.confetti-piece:nth-child(5) {
    left: 35%;
    transform: rotate(24deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 5s;
    animation-duration: 3.5s;
}

.confetti-piece:nth-child(6) {
    left: 42%;
    transform: rotate(-9deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 1s;
    animation-duration: 2s;
}

.confetti-piece:nth-child(7) {
    left: 49%;
    transform: rotate(-28deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 2s;
    animation-duration: 2.5s;
}

.confetti-piece:nth-child(8) {
    left: 56%;
    transform: rotate(-49deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 3s;
    animation-duration: 3.5s;
}

.confetti-piece:nth-child(9) {
    left: 63%;
    transform: rotate(-11deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 4s;
    animation-duration: 3s;
}

.confetti-piece:nth-child(10) {
    left: 70%;
    transform: rotate(63deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 5s;
    animation-duration: 3.5s;
}

.confetti-piece:nth-child(11) {
    left: 77%;
    transform: rotate(27deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 1s;
    animation-duration: 2s;
}

.confetti-piece:nth-child(12) {
    left: 84%;
    transform: rotate(24deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 2s;
    animation-duration: 2.5s;
}

.confetti-piece:nth-child(13) {
    left: 91%;
    transform: rotate(54deg);
    animation: makeItRain 5000ms infinite ease-out;
    animation-delay: 3s;
    animation-duration: 3s;
}

.confetti-piece:nth-child(odd) {
    background: #17d3ff;
}

.confetti-piece:nth-child(even) {
    z-index: 1;
}

.confetti-piece:nth-child(4n) {
    width: 5px;
    height: 12px;
    animation-duration: 5000ms;
}

.confetti-piece:nth-child(3n) {
    width: 3px;
    height: 10px;
    animation-duration: 5000ms;
    animation-delay: 2000ms;
}

.confetti-piece:nth-child(4n-7) {
    background: #ff4e91;
}

@keyframes makeItRain {
    from {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        transform: translateY(300px);
    }
}

@media (max-width: 767px) {
    .dashboard_content {
        margin-top: 0 !important;
        padding-top: 71px !important;
    }

    .applyt_btn {
        text-align: center;
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .apply_nw1 .percent_loanapp {
            float: right;
            border: solid 1px #fb0c5c;
            border-radius: 0 7px;
            top: -15px;
            position: relative;
            right: -21px;
            padding: 6px;
            background-color: #fb0c5c;
            color: #fff;
            box-shadow: 0px 4px 5px #4e494952;
            font-size: 12px;
        }

        .dashboard_content .main_journey_panel .nav-stacked li .icon_content {
            height: 45px !important;
            width: 45px !important;
            margin-right: 10px !important;
        }

        .main_journey_panel .button .next_btn {
            margin: 14px 1px 5px 1px;
            color: #fff !important;
        }

        .main_journey_panel .confirm_location p {
            text-align: center;
            font-size: 6px !important;
        }

        .dashboard_content h2 {
            padding: 5% 0 !important;
            text-align: center;
        }

        #personal_details .main_journey_panel input {
            width: 100%;
            float: left;
        }

        #personal_details .switch {
            width: 152px !important;
        }

        #personal_details .switch-handle.active {
            left: 127px !important;
        }

        .tab {
            background-color: #fff;
            padding: 0 !important;
        }

        .main_journey_panel .confirm_location {
            padding: 1%;
        }

        #registration-steps .card .card-body span img {
            top: 39% !important;
        }

        #selfie {
            visibility: hidden !important;
        }

        #selfie_upload .input-group .form-control {
            width: 50% !important;
            border-radius: 0 !important;
            margin-bottom: 10px;
        }

        #loan-application .nav-stacked li {
            display: flex;
            align-items: flex-start;
        }

        .dashboard_content .main_journey_panel #loan-application .nav-stacked li .icon_content img {
            width: 39px !important;
            height: 39px !important;
            border: none;
        }

        .dashboard_content .main_journey_panel #loan-application .nav-stacked li .icon_content img {
            width: 39px !important;
            height: 39px !important;
            border: none;
        }

        .dashboard_content .main_journey_panel #loan-application .nav-stacked li .icon_content {
            box-shadow: none;
        }

        #loan-application .nav-stacked li {
            display: flex;
            align-items: baseline;
            padding: 13px 6px 8px 10px !important;
        }

        .for_mobile a {
            width: 171px !important;
            float: left !important;
            display: flex;
            justify-content: center;
        }
    }
}


@media(max-width: 768px) {
    .for_desktop {
        display: none !important;
    }

    .for_mobile {
        display: block !important;
    }

    .for_mobile a {
        width: 182px !important;
        float: left !important;
        display: flex;
        justify-content: center;
    }

    .dashboard_content .main_journey_panel .demo .panel-default {
        width: 100%;
        height: auto;
    }

    .demo .nav-stacked .panel-default .panel-body p {
        font-size: 14px;
        padding: 6px 24px 0 42px !important;
    }

    .dashboard_content .main_journey_panel .nav-stacked li .icon_content {
        margin: 17px 6px 17px !important;
    }
}

@media(min-width: 769px) {
    .for_desktop {
        display: block !important;
    }

    .for_mobile {
        display: none !important;
    }
}

/* Affiliate Program Page CSS */

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-track {
    background: #efefef
}

::-webkit-scrollbar-thumb {
    background: #403e3e;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: #e12f53;
    cursor: pointer
}

::-webkit-scrollbar-thumb:active {
    background: #032e63
}

.wrapper_affiliate .imageee {
    position: absolute;
    top: 0;
    left: 0;
    width: 43%;
    margin: 0;
    -webkit-animation: spin 12s linear infinite;
    -moz-animation: spin 12s linear infinite;
    animation: spin 12s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.wrapper_affiliate .header-crazy-b .apply-now-buton {
    background: #e12f53 !important;
    border-radius: 6px !important;
    padding: 7px 19px !important;
    color: #fff !important;
    margin-top: 6px !important;
    text-align: center !important
}


.wrapper_affiliate .about-page {
    width: 100%;
    float: left;
    padding: 150px 0;
    margin: 0;
    background: url(../images/aboutus.jpg);
    text-align: center;
    font-family: 'Bebas Neue', cursive
}

.wrapper_affiliate .about-page span {
    background: #fff;
    border-radius: 25px;
    padding: 12px 35px;
    color: #000;
    font-size: 19px
}

.wrapper_affiliate .header-crazy-b {
    width: 100%;
    float: left;
    padding: 8px 0px 11px 0px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.wrapper_affiliate .text-le {
    text-align: left;
    padding-top: 9px
}

.wrapper_affiliate .text-ri {
    text-align: right;
    padding-top: 18px;
    padding-left: 0 !important;
    float: right
}

.wrapper_affiliate .text-ri img {
    text-align: right;
    margin-left: 15px;
    font-style: italic
}

.wrapper_affiliate .slider-my {
    width: 100%;
    float: left;
    padding: 5% 0;
    margin: 0;
    background: #1d378c;
    overflow: hidden;
    position: relative;
}

.wrapper_affiliate .affiliate-marketing .crazy-tag {
    text-align: center;
    color: #032e63;
    font-weight: bold;
    font-size: 29px;
    text-transform: uppercase;
}

.wrapper_affiliate .affiliate-marketing-line {
    width: 100%;
    float: left;
    padding: 4% 0 6% 0;
    margin: 0;
    background: #e12f53;
    text-align: left;
}

.wrapper_affiliate .affiliate-marketing-line .thumbnail {
    padding: 40px 25px !important;
    border: solid 1px #ddd !important;
    border-radius: 0;
    border-radius: 20px
}

.rate_program {
    margin-bottom: 5%;
}

.wrapper_affiliate .affiliate-marketing-line h3 {
    margin: 0 0 5px;
    color: #032e63
}

/*.wrapper_affiliate .row-mar {
    margin-top: 25px;
    overflow: hidden;
}*/

.wrapper_affiliate .subm {
    background: #032e63 !important;
    color: #fff !important;
    border: solid 1px #ddd !important;
    padding: 9px 25px !important;
    border-bottom: solid 1px #c11d30 !important;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px !important;
    margin-bottom: 0 !important
}

.wrapper_affiliate .subm:hover {
    background: #c11d30 !important;
    color: #fff !important;
    border: solid 1px #c11d30 !important;
    border-bottom: solid 1px #c11d30 !important
}

.wrapper_affiliate .readmore {
    background: #fff !important;
    color: #1b1b1b !important;
    border: solid 1px #ddd !important;
    padding: 9px 25px !important;
    border-bottom: solid 1px #c11d30 !important;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px !important;
    margin-bottom: 0 !important
}

.wrapper_affiliate .readmore:hover {
    background: #032e63 !important;
    color: #fff !important;
    border: solid 1px #10498f !important;
    border-bottom: solid 1px #000d1c !important
}

.wrapper_affiliate .affiliate-marketing-line p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    text-align: justify
}

.wrapper_affiliate .crazy-tag {
    font-size: 39px;
    text-align: left;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    filter: none;
    font-size: 29px;
    font-weight: bold;
    text-transform: uppercase;
}

.wrapper_affiliate .hr-line {
    height: 1px;
    background: #000;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 10px
}

.wrapper_affiliate .affiliate-marketing {
    width: 100%;
    float: left;
    padding: 55px 0;
    margin: 0;
    background: #fff;
    font-family: 'Bebas Neue', cursive;
    text-align: center;
    background: url(../images/student-feedback.png) fixed;
}

.wrapper_affiliate .affiliate-marketing .box img {
    width: 100%;
    margin-bottom: 12px;
    border-radius: 6px;
}

.wrapper_affiliate .affiliate-marketing .box {
    position: relative;
    perspective: 1000px;
    /* border: solid 1px #032e63; */
    padding: 10px 10px 2px;
    margin-bottom: 35px;
    background: #000 !important;
    background: rgb(225, 47, 83) !important;
    background: linear-gradient(90deg, rgba(225, 47, 83, 1) 35%, rgba(184, 47, 86, 1) 47%) !important;
    border-radius: 6px !important;
    height: auto !important;
    box-shadow: none !important
}

.wrapper_affiliate .affiliate-marketing .box p {
    font-size: 16px;
    line-height: 29px;
    color: #000;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 23px;
    color: #fff;
}

.wrapper_affiliate .affiliate-marketing .box .box-img {
    transform: rotateY(0);
    transition: all .5s ease-in-out 0
}

.wrapper_affiliate .affiliate-marketing .box:hover .box-img {
    transform: rotateY(-90deg)
}

.wrapper_affiliate .affiliate-marketing .box .box-img img {
    width: 100%;
    height: auto
}

.wrapper_affiliate .affiliate-marketing .box .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 20px;
    text-align: center;
    background: #032e63;
    transform: rotateY(90deg);
    border-radius: 7px;
    transition: all 0.50s ease-in-out 0s;
}

.wrapper_affiliate .affiliate-marketing .box:hover .box-content {
    transform: rotateY(0)
}

.wrapper_affiliate .affiliate-marketing .box .title {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    line-height: 22px;
}

.wrapper_affiliate .affiliate-marketing .box .description {
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.wrapper_affiliate .affiliate-marketing .box .title:after,
.box .description:after {
    content: "";
    width: 80%;
    display: block;
    border-bottom: 1px solid #fff;
    margin: 15px auto
}

.wrapper_affiliate .affiliate-marketing .box .social-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.wrapper_affiliate .affiliate-marketing .box .social-links li {
    display: inline-block;
    margin: 0 10px
}

.wrapper_affiliate .affiliate-marketing .box .social-links li a {
    font-size: 20px;
    color: #a6a6a6
}

.wrapper_affiliate .affiliate-marketing .box .social-links li a:hover {
    text-decoration: none;
    color: #fff
}

.wrapper_affiliate .post {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 23px
}

@media only screen and (max-width: 990px) {
    .wrapper_affiliate .affiliate-marketing .box {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 479px) {
    .wrapper_affiliate .affiliate-marketing .box .box-content {
        padding: 10px 20px;
    }
}

.wrapper_affiliate .wrapper_affiliate .enquiry-now {
    background: #fff;
    padding: 10px 17px;
    color: #032e63;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase
}

.wrapper_affiliate .wrapper_affiliate .enquiry-now:hover {
    background: #addfea;
    color: #000;
    text-decoration: blink
}

.wrapper_affiliate .step .rowund {
    border: solid 4px #fff;
    border-radius: 100%;
    margin: 0 auto;
    font-family: 'Bebas Neue', cursive;
    text-align: center;
    width: 100px;
    height: 100px;
    padding-top: 21px;
    font-size: 26px;
    line-height: 27px;
    color: #fff
}

.wrapper_affiliate .stepa:hover {
    background: #032b5d !important;
    transition: 0.8s;
}

.wrapper_affiliate .stepb:hover {
    background: #e12f53 !important;
    transition: 0.8s;
}


.wrapper_affiliate .stepa {
    background: #e12f53;
}

.wrapper_affiliate .stepb {
    background: #032b5d;
}

.wrapper_affiliate .step img {
    width: 52px;
}

.wrapper_affiliate .step {
    width: 100%;
    float: left;
    padding: 50px 0px;
    text-align: center
}

.wrapper_affiliate .step h3 {
    margin: 10px 0 0;
    font-size: 22px;
    color: #fff;
    /* font-family: 'Bebas Neue',cursive; */
}

.wrapper_affiliate .step p {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
}

.wrapper_affiliate .step .container-fluid {
    margin: 0 !important;
    padding: 0 !important
}

.wrapper_affiliate .step .row {
    margin: 0 !important
}

.wrapper_affiliate .step .col-md-3 {
    margin: 0;
    padding: 16px 4px !important;
    width: 19%;
    height: 344px;
    margin-right: 10px;
    border-radius: 15px;
}

.wrapper_affiliate .stop-solution {
    width: 100%;
    float: left;
    padding: 55px 0;
    margin: 0;
    font-family: 'Bebas Neue', cursive
}

.wrapper_affiliate .stop-solution h4 {
    text-align: center;
    font-size: 46px;
    margin-bottom: 45px;
    margin-top: 100px;
    color: #000
}

.wrapper_affiliate .video-play-button {
    position: absolute;
    z-index: 10;
    top: 59%;
    left: 49%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    border: solid 3px #0193cf
}

.wrapper_affiliate .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #032e63;
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite
}

.wrapper_affiliate .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #032e63;
    border-radius: 50%;
    transition: all .2s
}

.wrapper_affiliate .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent
}

.wrapper_affiliate .services-web h2 {
    text-align: left
}

.wrapper_affiliate .services-web img {
    border-radius: 10px;
    left: 0;
}

.wrapper_affiliate .services-web .crazy-tag {
    font-size: 29px;
    text-align: left;
    color: #032e63;
    filter: none;
    margin: 0 0 9px 0;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}

.wrapper_affiliate .services-web p {
    text-align: left;
    font-size: 13px !important;
    line-height: 20px
}

.wrapper_affiliate .services-web textarea {
    float: left;
    width: 100%;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom: 12px;
    height: auto !important;
    border: none !important;
    box-shadow: 0 0 4px #ccc;
    padding: 12px
}

.wrapper_affiliate .services-web input {
    float: left;
    font-size: 12px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 12px;
    height: 50px;
    border: none !important;
    box-shadow: 0 0 4px #ccc;
    padding: 12px
}

.wrapper_affiliate .services-web {
    width: 100%;
    float: left;
    padding: 55px 0;
    background: #f9f9f9;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    text-align: left;
}

.wrapper_affiliate .services-web button {
    background: #e12f53;
    border: none;
    padding: 10px 40px;
    border-radius: 5px;
    font-size: 20px;
    color: #fff
}

.wrapper_affiliate .services-web .thumbnail {
    padding: 0 !important;
    border: none !important;
    border-radius: 0
}

.wrapper_affiliate .services-web h3 {
    margin: 15px 0
}

.wrapper_affiliate .boxa {
    background: #032e63;
    overflow: hidden;
    position: relative;
    -webkit-perspective: 800px;
    perspective: 800px
}

.wrapper_affiliate .boxa img {
    width: 100%;
    height: auto;
    transition: all .3s ease-in .2s
}

.wrapper_affiliate .boxa:hover img {
    opacity: 0;
    transform: rotateY(-100deg) translateX(50%) scale(0.5);
    transition-delay: 0
}

.wrapper_affiliate .boxa .box-content {
    width: 100%;
    padding: 80px;
    line-height: 25px;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotateY(90deg) translate(50%, -50%) scale(0.5);
    transition: all .3s ease-out 0
}

.wrapper_affiliate .boxa:hover .box-content {
    opacity: 1;
    transform: rotateY(0deg) translate(0, -50%) scale(1);
    transition-delay: .4s
}

.wrapper_affiliate .boxa .title {
    font-size: 24px;
    line-height: 25px;
    color: #fff !important;
    line-height: 1.5em;
    text-transform: uppercase;
    margin: 0
}

.wrapper_affiliate .boxa .description {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 15px
}

.wrapper_affiliate .boxa .read-more {
    display: inline-block;
    padding: 10px 16px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background: #fe6d6d;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all .3s ease 0
}

.wrapper_affiliate .boxa .read-more:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all .3s ease 0
}

.wrapper_affiliate .boxa .read-more:hover:after {
    height: 170%;
    background: #2f3032;
    opacity: 1
}

@media only screen and (max-width: 990px) {
    .wrapper_affiliate .boxa {
        margin-bottom: 0
    }
}

.wrapper_affiliate .testimonial img {
    width: 100%;
    border-radius: 5px;
}

.wrapper_affiliate .testimonial {
    padding: 1px;
    margin: 8px 9px;
    position: relative;
    border-radius: 10px;
    color: #fff;
}

.wrapper_affiliate .testimonial .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #c7373c;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0
}

.wrapper_affiliate .testimonial .pic img {
    width: 100%;
    height: auto
}

.wrapper_affiliate .testimonial .description {
    font-size: 13px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin: 0;
    position: relative
}

.wrapper_affiliate .testimonial .description:before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    color: #d7d7d7;
    position: absolute;
    top: 0;
    left: -2px;
    display: none !important
}

.wrapper_affiliate .testimonial .title {
    display: inline-table;
    padding: 10px;
    margin: 0 auto;
    background: #00bbe4;
    border: 1px solid #17a4c3;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.wrapper_affiliate .testimonial .post {
    font-size: 15px;
    color: #671a36
}

.wrapper_affiliate .owl-theme .owl-controls {
    width: 100%;
    height: auto;
    opacity: 1;
    position: absolute;
    top: 0
}

.wrapper_affiliate .owl-theme .owl-controls .owl-buttons div {
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 0;
    background: transparent
}

.wrapper_affiliate .owl-prev {
    position: absolute;
    left: -5%
}

.wrapper_affiliate .owl-next {
    position: absolute;
    right: -5%
}

.wrapper_affiliate .owl-prev:after,
.owl-next:after {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    color: #c7373c;
    opacity: 1
}

.owl-next:after {
    content: "\f105"
}

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

    .wrapper_affiliate .testimonial .description:before {
        top: -20px
    }

    .wrapper_affiliate .testimonial .title {
        font-size: 12px
    }

    .wrapper_affiliate .testimonial .post {
        font-size: 11px
    }
}

.wrapper_affiliate .tet-imag {
    width: 80px;
    border: solid 3px #fff;
    border-radius: 100%;
    margin-top: 8px
}

.wrapper_affiliate .testi-mo .crazy-tag {
    color: #fff;
    text-align: center
}

.wrapper_affiliate .testi-mo {
    width: 100%;
    float: left;
    padding: 55px 0;
    background: #e12f53;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    text-align: center
}

.wrapper_affiliate .owl-theme .owl-controls .owl-buttons div {
    display: none !important
}

/*
.footer-back {
    width: 100%;
    float: left;
    padding: 55px 0;
    margin: 0;
    font-family: 'Poppins',sans-serif;
    background: #032e63;
    color: #fff
}

.footer-back P {
    font-size: 13px;
    line-height: 25px;
    font-weight: 300
}

.footer-back {
    color: #fff;
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 25px;
    font-weight: 300
}

.footer-back a {
    color: #fff
}

.footer-back a:hover {
    color: #999;
    text-decoration: blink
}*/

.wrapper_affiliate .form-box {
    background: #fcfafb;
    border: none !important;
    margin-bottom: 10px
}

.wrapper_affiliate .submit-button {
    background: #000 !important;
    color: #fff !important;
    padding: 10px 35px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: solid 1px #fff !important
}

.wrapper_affiliate .hr-line-foo {
    height: 2px;
    background: #fff;
    width: 65px;
    margin: 0;
    margin-bottom: 10px
}

/*.footer_tag {
    font-size: 22PX;
    line-height: 34PX;
}*/

/*.faa {
    color: #032e63!important;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    font-size: 14px!important;
    border-radius: 100%;
    float: left;
    margin-right: 5px
}*/
/*
.copyright-line {
    background: #080808;
    float: left;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 0;
    color: #b7b5b5;
    font-size: 13px;
    text-align: center
}*/

.wrapper_affiliate .displa {
    display: block
}

.wrapper_affiliate .popu-inpu {
    margin-bottom: 10px !important;
    height: 45px !important
}

.wrapper_affiliate .tab {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.wrapper_affiliate .tab:before {
    content: "";
    width: 100%;
    height: 15px;
    border-radius: 10px;
    background: #00bbe4;
    position: absolute;
    top: 30px;
    left: 0;
    transform: translateY(-50%)
}

.wrapper_affiliate .tab .nav-tabs {
    display: inline-block;
    border: none;
    margin-bottom: 15px
}

.wrapper_affiliate .tab .nav-tabs li a {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 30px;
    border-radius: 50%;
    background: #6fcee4;
    text-align: center;
    padding: 0;
    border: none;
    margin-right: 40px;
    position: relative
}

.wrapper_affiliate .tab .nav-tabs li:last-child a {
    margin-right: 0
}

.wrapper_affiliate .tab .nav-tabs li.active a:hover,
.tab .nav-tabs li.active a:focus {
    border: none;
    background: #fdd922
}

.wrapper_affiliate .tab .nav-tabs li a:before {
    content: "";
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    background: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .3s ease 0
}

.wrapper_affiliate .tab .nav-tabs li a:hover:before,
.tab .nav-tabs li.active a:before {
    background: #c11d30
}

.wrapper_affiliate .tab .nav-tabs li a span {
    display: inline-block;
    font-size: 28px;
    color: #5d4835;
    margin: 0 auto;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0
}

.wrapper_affiliate .tab .tab-content {
    padding: 30px;
    background: #fff;
    text-align: left;
    border: solid 2px #ddd;
    width: 45%;
    margin: 0 auto;
    text-align: center
}

.wrapper_affiliate .tab .tab-content h3 {
    font-size: 24px;
    color: #131c32;
    margin-top: 0
}

.wrapper_affiliate .tab .tab-content p {
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #000
}

@media only screen and (max-width: 479px) {
    .wrapper_affiliate .tab .nav-tabs li a {
        margin-right: 30px
    }
}

@media only screen and (min-width: 320px) and (max-width:680px) {

    .wrapper_affiliate .wrapper_affiliate .step .crazy-tag {
        text-align: center;
        color: #032e63;
        font-weight: 500;
        font-size: 16px !important;
        text-transform: uppercase;
    }
      .for_mobile {
        display: flex !important;
    }

    .wrapper_affiliate .imageee {
        position: absolute;
        top: 29% !important;
        left: 19% !important;
        width: 49% !important;
        margin: -60px 0 0 -60px;
        -webkit-animation: spin 12s linear infinite;
        -moz-animation: spin 12s linear infinite;
        animation: spin 12s linear infinite;
    }

    .wrapper_affiliate .affiliate-marketing .crazy-tag {
        text-align: center;
        color: #032e63;
        font-weight: bold;
        font-size: 13px;
        text-transform: uppercase;
    }

    .wrapper_affiliate .anim img {
        width: 20px !important;
    }

    .wrapper_affiliate .animmm img {
        display: none;
    }

    .wrapper_affiliate .affiliate-marketing-line .contact-informm {
        display: none;
    }

    .wrapper_affiliate .contact-inform {
        display: none;
    }

    .wrapper_affiliate .animm img {
        width: 20px !important;
    }

    .wrapper_affiliate .animm {
        top: 38% !important;
        left: 30% !important;
    }

    .wrapper_affiliate .join-aff {
        font-size: 5px !important;
        background: #e12f53;
        border-radius: 43px !important;
        color: #fff;
        padding: 5px 10px !important;
        font-family: initial;
        font-weight: 700 !important
    }

    .wrapper_affiliate .services-web .crazy-tag {
        font-family: 'Bebas Neue', cursive;
        font-size: 20px !important;
        text-align: left;
        color: #032e63;
        filter: none;
        margin: 20px 0 9px !important
    }

    .wrapper_affiliate .step .col-md-3 {
        margin: 0;
        padding: 40px 10px !important;
        width: 100% !important;
        height: auto !important
    }

    .wrapper_affiliate .box p {
        font-size: 13px !important;
        line-height: 23px !important;
        color: #fff;
        font-weight: 500;
        /*! font-family: 'Bebas Neue',cursive */
    }

    .wrapper_affiliate .affiliate-marketing-line {
        width: 100%;
        float: left;
        padding: 5px 0 !important;
        margin: 0;
        background: #e12f53;
        font-family: 'Bebas Neue', cursive;
        text-align: left;
    }

    .wrapper_affiliate .top-line .text-right {
        text-align: center;
        display: none !important
    }

    .wrapper_affiliate .top-line a {
        color: #fff;
        font-size: 12px !important;
        padding: 9px 10px !important;
        border-left: solid 0 #0e3d76 !important
    }

    .wrapper_affiliate .displa {
        display: none !important
    }

    .wrapper_affiliate .demo nav {
        float: right !important;
        width: 100%
    }

    .wrapper_affiliate .text-ri {
        text-align: right;
        padding-top: 7px;
        padding-left: 0 !important;
        float: right;
        padding-bottom: 7px
    }

    .wrapper_affiliate .crazy-tag {
        font-size: 17px;
    }

    .wrapper_affiliate .affiliate-marketing-line h3 {
        font-size: 20px
    }

    .wrapper_affiliate .affiliate-marketing-line p {
        font-size: 11px !important;
        line-height: 16px !important
    }

    .wrapper_affiliate .stop-solution h4 {
        text-align: center;
        font-size: 22px;
        margin-bottom: 45px;
        margin-top: 25px !important;
        color: #000
    }

    .wrapper_affiliate .copyright-line {
        font-size: 9px
    }

    .wrapper_affiliate .responsive-slider .pages {
        bottom: 13px !important
    }
}

.wrapper_affiliate .top-line {
    width: 100%;
    float: left;
    padding: 8px 0;
    margin: 0;
    background: #032e63;
    color: #fff;
    z-index: 9999;
    position: relative;
    font-family: 'Poppins', sans-serif
}

.wrapper_affiliate .top-line .text-left {

    text-align: left
}

.wrapper_affiliate .top-line .text-right {
    text-align: right
}

.wrapper_affiliate .top-line a {
    color: #fff;
    font-size: 13px;
    padding: 9px 10px;
    border-left: solid 1px #0e3d76
}

.wrapper_affiliate .top-line a:hover {
    color: #fff;
    text-decoration: blink
}

.wrapper_affiliate .step .crazy-tag {
    text-align: center;
    color: #032e63;
    font-weight: 500;
    font-size: 29px;
    text-transform: uppercase;
}

.wrapper_affiliate .textxt {
    font-size: 13px !important;
    line-height: 20px !important;
    color: #fff
}

.wrapper_affiliate .join-aff {
    font-size: 16px;
    background: #191142;
    border-radius: 43px;
    color: #fff;
    padding: 11px 20px;
    line-height: 72px;
    font-family: 'Poppins', sans-serif;
}

.wrapper_affiliate .shape .banner-shape-2 {
    position: absolute;
    top: 0;
    right: 300px;
    -webkit-animation: movebounce 4s linear infinite;
    animation: movebounce 4s linear infinite
}

.wrapper_affiliate .shape {
    position: relative;
    z-index: 1
}

.wrapper_affiliate .sun img {
    width: 70px
}

.wrapper_affiliate .sun {
    aspect-ratio: 1 / 1;
    animation: 2s linear 0 infinite alternate rise, 20s linear 0 infinite psychedelic;
    position: absolute;
    z-index: 999;
    left: 100px;
    top: 138px
}

.wrapper_affiliate .sunn {
    animation: 5s linear 0 infinite alternate rise, 6s linear 0 infinite psychedelic;
    position: absolute;
    z-index: 999;
    left: 432px;
    top: 470px
}

.wrapper_affiliate .sunn img {
    width: 70px
}

.wrapper_affiliate .sunnn {
    animation: 5s linear 0 infinite alternate rise, 6s linear 0 infinite psychedelic;
    position: absolute;
    z-index: 999;
    right: 1px;
    top: 344px
}

@keyframes rise {
    from {
        transform: translateY(0vh)
    }

    to {
        transform: translateY(6vh)
    }
}

@keyframes psychedelic {
    from {
        filter: hue-rotate(180deg)
    }

    to {
        filter: hue-rotate(0deg)
    }
}

.wrapper_affiliate .owl-carousel .owl-wrapper_affiliate:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.wrapper_affiliate .owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper_affiliate {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.wrapper_affiliate .owl-carousel .owl-wrapper_affiliate-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.wrapper_affiliate .owl-carousel .owl-wrapper_affiliate-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.wrapper_affiliate .owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.wrapper_affiliate .grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.wrapper_affiliate .owl-carousel .owl-wrapper_affiliate,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.wrapper_affiliate .background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-mask-image: radial-gradient(white 0%, white 30%, transparent 80%, transparent);
    mask-image: radial-gradient(white 0%, white 30%, transparent 80%, transparent)
}

.wrapper_affiliate .circle-container {
    position: fixed;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.wrapper_affiliate .circle-container .circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    mix-blend-mode: screen;
    background-image: radial-gradient(#9ff, #9ff 10%, rgba(153, 255, 255, 0) 56%);
    -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
    animation: fadein-frames 200ms infinite, scale-frames 2s infinite
}

@-webkit-keyframes fade-frames {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-frames {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-frames {
    0% {
        transform: scale3d(0.4, 0.4, 1)
    }

    50% {
        transform: scale3d(2.2, 2.2, 1)
    }

    100% {
        transform: scale3d(0.4, 0.4, 1)
    }
}

@keyframes scale-frames {

    0% {

        transform: scale3d(0.4, 0.4, 1)
    }

    50% {
        transform: scale3d(2.2, 2.2, 1)
    }

    100% {
        transform: scale3d(0.4, 0.4, 1)
    }
}

@-webkit-keyframes move-frames-1 {
    from {
        transform: translate3d(17vw, 103vh, 0)
    }

    to {
        transform: translate3d(27vw, -121vh, 0)
    }
}

@keyframes move-frames-1 {
    from {
        transform: translate3d(17vw, 103vh, 0)
    }

    to {
        transform: translate3d(27vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(1) .circle {
    -webkit-animation-delay: 1226ms;
    animation-delay: 1226ms
}

.wrapper_affiliate .circle-container:nth-child(2) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-2;
    animation-name: move-frames-2;
    -webkit-animation-duration: 36240ms;
    animation-duration: 36240ms;
    -webkit-animation-delay: 10902ms;
    animation-delay: 10902ms
}

@-webkit-keyframes move-frames-2 {
    from {
        transform: translate3d(35vw, 107vh, 0)
    }

    to {
        transform: translate3d(44vw, -108vh, 0)
    }
}

@keyframes move-frames-2 {
    from {
        transform: translate3d(35vw, 107vh, 0)
    }

    to {
        transform: translate3d(44vw, -108vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(2) .circle {
    -webkit-animation-delay: 2085ms;
    animation-delay: 2085ms
}

.wrapper_affiliate .circle-container:nth-child(3) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-3;
    animation-name: move-frames-3;
    -webkit-animation-duration: 29933ms;
    animation-duration: 29933ms;
    -webkit-animation-delay: 18270ms;
    animation-delay: 18270ms
}

@-webkit-keyframes move-frames-3 {
    from {
        transform: translate3d(81vw, 102vh, 0)
    }

    to {
        transform: translate3d(40vw, -110vh, 0)
    }
}

@keyframes move-frames-3 {
    from {
        transform: translate3d(81vw, 102vh, 0)
    }

    to {
        transform: translate3d(40vw, -110vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(3) .circle {
    -webkit-animation-delay: 3131ms;
    animation-delay: 3131ms
}

.wrapper_affiliate .circle-container:nth-child(4) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-4;
    animation-name: move-frames-4;
    -webkit-animation-duration: 30836ms;
    animation-duration: 30836ms;
    -webkit-animation-delay: 32134ms;
    animation-delay: 32134ms
}

@-webkit-keyframes move-frames-4 {
    from {
        transform: translate3d(5vw, 110vh, 0)
    }

    to {
        transform: translate3d(65vw, -124vh, 0)
    }
}

@keyframes move-frames-4 {
    from {
        transform: translate3d(5vw, 110vh, 0)
    }

    to {
        transform: translate3d(65vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(4) .circle {
    -webkit-animation-delay: 1689ms;
    animation-delay: 1689ms
}

.wrapper_affiliate .circle-container:nth-child(5) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-5;
    animation-name: move-frames-5;
    -webkit-animation-duration: 32263ms;
    animation-duration: 32263ms;
    -webkit-animation-delay: 1166ms;
    animation-delay: 1166ms
}

@-webkit-keyframes move-frames-5 {
    from {
        transform: translate3d(43vw, 109vh, 0)
    }

    to {
        transform: translate3d(9vw, -112vh, 0)
    }
}

@keyframes move-frames-5 {
    from {
        transform: translate3d(43vw, 109vh, 0)
    }

    to {
        transform: translate3d(9vw, -112vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(5) .circle {
    -webkit-animation-delay: 1476ms;
    animation-delay: 1476ms
}

.wrapper_affiliate .circle-container:nth-child(6) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-6;
    animation-name: move-frames-6;
    -webkit-animation-duration: 35110ms;
    animation-duration: 35110ms;
    -webkit-animation-delay: 1415ms;
    animation-delay: 1415ms
}

@-webkit-keyframes move-frames-6 {
    from {
        transform: translate3d(80vw, 107vh, 0)
    }

    to {
        transform: translate3d(69vw, -134vh, 0)
    }
}

@keyframes move-frames-6 {
    from {
        transform: translate3d(80vw, 107vh, 0)
    }

    to {
        transform: translate3d(69vw, -134vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(6) .circle {
    -webkit-animation-delay: 2554ms;
    animation-delay: 2554ms
}

.wrapper_affiliate .circle-container:nth-child(7) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-7;
    animation-name: move-frames-7;
    -webkit-animation-duration: 36170ms;
    animation-duration: 36170ms;
    -webkit-animation-delay: 25509ms;
    animation-delay: 25509ms
}

@-webkit-keyframes move-frames-7 {
    from {
        transform: translate3d(85vw, 107vh, 0)
    }

    to {
        transform: translate3d(62vw, -121vh, 0)
    }
}

@keyframes move-frames-7 {
    from {
        transform: translate3d(85vw, 107vh, 0)
    }

    to {
        transform: translate3d(62vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(7) .circle {
    -webkit-animation-delay: 3528ms;
    animation-delay: 3528ms
}

.wrapper_affiliate .circle-container:nth-child(8) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-8;
    animation-name: move-frames-8;
    -webkit-animation-duration: 32349ms;
    animation-duration: 32349ms;
    -webkit-animation-delay: 19152ms;
    animation-delay: 19152ms
}

@-webkit-keyframes move-frames-8 {
    from {
        transform: translate3d(47vw, 109vh, 0)
    }


    to {
        transform: translate3d(34vw, -127vh, 0)
    }
}

@keyframes move-frames-8 {
    from {
        transform: translate3d(47vw, 109vh, 0)
    }

    to {
        transform: translate3d(34vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(8) .circle {
    -webkit-animation-delay: 1508ms;
    animation-delay: 1508ms
}

.wrapper_affiliate .circle-container:nth-child(9) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-9;
    animation-name: move-frames-9;
    -webkit-animation-duration: 34038ms;
    animation-duration: 34038ms;
    -webkit-animation-delay: 21770ms;
    animation-delay: 21770ms
}



@-webkit-keyframes move-frames-9 {
    from {
        transform: translate3d(31vw, 110vh, 0)
    }

    to {
        transform: translate3d(89vw, -113vh, 0)
    }
}

@keyframes move-frames-9 {
    from {
        transform: translate3d(31vw, 110vh, 0)
    }

    to {
        transform: translate3d(89vw, -113vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(9) .circle {
    -webkit-animation-delay: 3802ms;
    animation-delay: 3802ms
}

.wrapper_affiliate .circle-container:nth-child(10) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-10;
    animation-name: move-frames-10;
    -webkit-animation-duration: 29278ms;
    animation-duration: 29278ms;
    -webkit-animation-delay: 25485ms;
    animation-delay: 25485ms
}

@-webkit-keyframes move-frames-10 {
    from {
        transform: translate3d(9vw, 109vh, 0)
    }

    to {
        transform: translate3d(73vw, -117vh, 0)
    }
}

@keyframes move-frames-10 {
    from {
        transform: translate3d(9vw, 109vh, 0)
    }

    to {
        transform: translate3d(73vw, -117vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(10) .circle {
    -webkit-animation-delay: 1207ms;
    animation-delay: 1207ms
}

.wrapper_affiliate .circle-container:nth-child(11) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-11;
    animation-name: move-frames-11;
    -webkit-animation-duration: 31890ms;
    animation-duration: 31890ms;
    -webkit-animation-delay: 9390ms;
    animation-delay: 9390ms
}

@-webkit-keyframes move-frames-11 {
    from {
        transform: translate3d(70vw, 102vh, 0)
    }

    to {
        transform: translate3d(38vw, -106vh, 0)
    }
}

@keyframes move-frames-11 {
    from {
        transform: translate3d(70vw, 102vh, 0)
    }

    to {
        transform: translate3d(38vw, -106vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(11) .circle {
    -webkit-animation-delay: 1575ms;
    animation-delay: 1575ms
}

.wrapper_affiliate .circle-container:nth-child(12) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-12;
    animation-name: move-frames-12;
    -webkit-animation-duration: 30458ms;
    animation-duration: 30458ms;
    -webkit-animation-delay: 22279ms;
    animation-delay: 22279ms
}

@-webkit-keyframes move-frames-12 {
    from {
        transform: translate3d(13vw, 105vh, 0)
    }

    to {
        transform: translate3d(98vw, -119vh, 0)
    }
}

@keyframes move-frames-12 {
    from {
        transform: translate3d(13vw, 105vh, 0)
    }

    to {
        transform: translate3d(98vw, -119vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(12) .circle {
    -webkit-animation-delay: 2489ms;
    animation-delay: 2489ms
}

.wrapper_affiliate .circle-container:nth-child(13) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-13;
    animation-name: move-frames-13;
    -webkit-animation-duration: 33676ms;
    animation-duration: 33676ms;
    -webkit-animation-delay: 33495ms;
    animation-delay: 33495ms
}

@-webkit-keyframes move-frames-13 {
    from {
        transform: translate3d(66vw, 101vh, 0)
    }

    to {
        transform: translate3d(13vw, -103vh, 0)
    }
}

@keyframes move-frames-13 {
    from {
        transform: translate3d(66vw, 101vh, 0)
    }

    to {
        transform: translate3d(13vw, -103vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(13) .circle {

    -webkit-animation-delay: 1666ms;
    animation-delay: 1666ms
}

.wrapper_affiliate .circle-container:nth-child(14) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-14;
    animation-name: move-frames-14;
    -webkit-animation-duration: 29305ms;
    animation-duration: 29305ms;
    -webkit-animation-delay: 15922ms;
    animation-delay: 15922ms
}

@-webkit-keyframes move-frames-14 {
    from {
        transform: translate3d(2vw, 102vh, 0)
    }

    to {
        transform: translate3d(50vw, -127vh, 0)
    }
}

@keyframes move-frames-14 {
    from {
        transform: translate3d(2vw, 102vh, 0)
    }

    to {
        transform: translate3d(50vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(14) .circle {
    -webkit-animation-delay: 1631ms;
    animation-delay: 1631ms
}

.wrapper_affiliate .circle-container:nth-child(15) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-15;
    animation-name: move-frames-15;
    -webkit-animation-duration: 32565ms;
    animation-duration: 32565ms;
    -webkit-animation-delay: 34587ms;
    animation-delay: 34587ms
}

@-webkit-keyframes move-frames-15 {
    from {
        transform: translate3d(25vw, 107vh, 0)
    }

    to {
        transform: translate3d(28vw, -118vh, 0)
    }
}

@keyframes move-frames-15 {
    from {
        transform: translate3d(25vw, 107vh, 0)
    }

    to {
        transform: translate3d(28vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(15) .circle {
    -webkit-animation-delay: 2211ms;
    animation-delay: 2211ms
}

.wrapper_affiliate .circle-container:nth-child(16) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 28348ms;
    animation-duration: 28348ms;
    -webkit-animation-delay: 36396ms;
    animation-delay: 36396ms
}

@-webkit-keyframes move-frames-16 {
    from {
        transform: translate3d(26vw, 110vh, 0)
    }

    to {
        transform: translate3d(35vw, -114vh, 0)
    }
}

@keyframes move-frames-16 {
    from {
        transform: translate3d(26vw, 110vh, 0)
    }

    to {
        transform: translate3d(35vw, -114vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(16) .circle {
    -webkit-animation-delay: 3878ms;
    animation-delay: 3878ms
}

.wrapper_affiliate .circle-container:nth-child(17) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-17;
    animation-name: move-frames-17;
    -webkit-animation-duration: 35484ms;
    animation-duration: 35484ms;
    -webkit-animation-delay: 1482ms;
    animation-delay: 1482ms
}

@-webkit-keyframes move-frames-17 {
    from {
        transform: translate3d(69vw, 110vh, 0)
    }

    to {
        transform: translate3d(40vw, -128vh, 0)
    }
}

@keyframes move-frames-17 {
    from {
        transform: translate3d(69vw, 110vh, 0)
    }

    to {
        transform: translate3d(40vw, -128vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(17) .circle {
    -webkit-animation-delay: 3917ms;
    animation-delay: 3917ms
}

.wrapper_affiliate .circle-container:nth-child(18) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-18;
    animation-name: move-frames-18;
    -webkit-animation-duration: 35068ms;
    animation-duration: 35068ms;
    -webkit-animation-delay: 12990ms;
    animation-delay: 12990ms
}

@-webkit-keyframes move-frames-18 {
    from {
        transform: translate3d(55vw, 103vh, 0)
    }

    to {
        transform: translate3d(85vw, -122vh, 0)
    }
}

@keyframes move-frames-18 {
    from {
        transform: translate3d(55vw, 103vh, 0)
    }

    to {
        transform: translate3d(85vw, -122vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(18) .circle {
    -webkit-animation-delay: 2258ms;
    animation-delay: 2258ms
}

.wrapper_affiliate .circle-container:nth-child(19) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-19;
    animation-name: move-frames-19;
    -webkit-animation-duration: 33498ms;
    animation-duration: 33498ms;
    -webkit-animation-delay: 22728ms;
    animation-delay: 22728ms
}

@-webkit-keyframes move-frames-19 {
    from {
        transform: translate3d(62vw, 110vh, 0)
    }

    to {
        transform: translate3d(25vw, -118vh, 0)
    }
}

@keyframes move-frames-19 {
    from {
        transform: translate3d(62vw, 110vh, 0)
    }

    to {
        transform: translate3d(25vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(19) .circle {
    -webkit-animation-delay: 3035ms;
    animation-delay: 3035ms
}

.wrapper_affiliate .circle-container:nth-child(20) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-20;
    animation-name: move-frames-20;
    -webkit-animation-duration: 31087ms;
    animation-duration: 31087ms;
    -webkit-animation-delay: 10633ms;
    animation-delay: 10633ms
}

@-webkit-keyframes move-frames-20 {
    from {
        transform: translate3d(35vw, 101vh, 0)
    }

    to {
        transform: translate3d(82vw, -109vh, 0)
    }
}

@keyframes move-frames-20 {
    from {
        transform: translate3d(35vw, 101vh, 0)
    }

    to {
        transform: translate3d(82vw, -109vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(20) .circle {
    -webkit-animation-delay: 1469ms;
    animation-delay: 1469ms
}

.wrapper_affiliate .circle-container:nth-child(21) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-21;
    animation-name: move-frames-21;
    -webkit-animation-duration: 30424ms;
    animation-duration: 30424ms;
    -webkit-animation-delay: 23213ms;
    animation-delay: 23213ms
}

@-webkit-keyframes move-frames-21 {
    from {
        transform: translate3d(22vw, 105vh, 0)
    }

    to {
        transform: translate3d(57vw, -106vh, 0)
    }
}

@keyframes move-frames-21 {
    from {
        transform: translate3d(22vw, 105vh, 0)
    }

    to {
        transform: translate3d(57vw, -106vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(21) .circle {
    -webkit-animation-delay: 562ms;
    animation-delay: 562ms
}

.wrapper_affiliate .circle-container:nth-child(22) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-22;
    animation-name: move-frames-22;
    -webkit-animation-duration: 32588ms;
    animation-duration: 32588ms;
    -webkit-animation-delay: 22738ms;
    animation-delay: 22738ms
}

@-webkit-keyframes move-frames-22 {
    from {
        transform: translate3d(98vw, 109vh, 0)
    }

    to {
        transform: translate3d(32vw, -123vh, 0)
    }
}

@keyframes move-frames-22 {
    from {
        transform: translate3d(98vw, 109vh, 0)
    }

    to {
        transform: translate3d(32vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(22) .circle {
    -webkit-animation-delay: 728ms;
    animation-delay: 728ms
}

.wrapper_affiliate .circle-container:nth-child(23) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-23;
    animation-name: move-frames-23;
    -webkit-animation-duration: 28056ms;
    animation-duration: 28056ms;
    -webkit-animation-delay: 18829ms;
    animation-delay: 18829ms
}

@-webkit-keyframes move-frames-23 {
    from {
        transform: translate3d(62vw, 106vh, 0)
    }

    to {
        transform: translate3d(13vw, -122vh, 0)
    }
}

@keyframes move-frames-23 {
    from {
        transform: translate3d(62vw, 106vh, 0)
    }

    to {
        transform: translate3d(13vw, -122vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(23) .circle {
    -webkit-animation-delay: 3380ms;
    animation-delay: 3380ms
}

.wrapper_affiliate .circle-container:nth-child(24) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-24;
    animation-name: move-frames-24;
    -webkit-animation-duration: 35052ms;
    animation-duration: 35052ms;
    -webkit-animation-delay: 30986ms;
    animation-delay: 30986ms
}

@-webkit-keyframes move-frames-24 {
    from {
        transform: translate3d(81vw, 104vh, 0)
    }

    to {
        transform: translate3d(38vw, -115vh, 0)
    }
}

@keyframes move-frames-24 {
    from {
        transform: translate3d(81vw, 104vh, 0)
    }

    to {
        transform: translate3d(38vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(24) .circle {
    -webkit-animation-delay: 2309ms;
    animation-delay: 2309ms
}

.wrapper_affiliate .circle-container:nth-child(25) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-25;
    animation-name: move-frames-25;
    -webkit-animation-duration: 33479ms;
    animation-duration: 33479ms;
    -webkit-animation-delay: 30352ms;
    animation-delay: 30352ms
}

@-webkit-keyframes move-frames-25 {
    from {
        transform: translate3d(33vw, 103vh, 0)
    }

    to {
        transform: translate3d(38vw, -128vh, 0)
    }
}

@keyframes move-frames-25 {
    from {
        transform: translate3d(33vw, 103vh, 0)
    }

    to {
        transform: translate3d(38vw, -128vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(25) .circle {
    -webkit-animation-delay: 3724ms;
    animation-delay: 3724ms
}

.wrapper_affiliate .circle-container:nth-child(26) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-26;
    animation-name: move-frames-26;
    -webkit-animation-duration: 32128ms;
    animation-duration: 32128ms;
    -webkit-animation-delay: 6804ms;
    animation-delay: 6804ms
}

@-webkit-keyframes move-frames-26 {
    from {

        transform: translate3d(57vw, 105vh, 0)
    }

    to {
        transform: translate3d(15vw, -121vh, 0)
    }
}

@keyframes move-frames-26 {
    from {
        transform: translate3d(57vw, 105vh, 0)
    }

    to {
        transform: translate3d(15vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(26) .circle {
    -webkit-animation-delay: 840ms;
    animation-delay: 840ms
}

.wrapper_affiliate .circle-container:nth-child(27) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-27;
    animation-name: move-frames-27;

    -webkit-animation-duration: 29885ms;
    animation-duration: 29885ms;
    -webkit-animation-delay: 33239ms;
    animation-delay: 33239ms
}


@-webkit-keyframes move-frames-27 {
    from {
        transform: translate3d(78vw, 104vh, 0)
    }

    to {
        transform: translate3d(11vw, -129vh, 0)
    }
}

@keyframes move-frames-27 {
    from {
        transform: translate3d(78vw, 104vh, 0)
    }

    to {
        transform: translate3d(11vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(27) .circle {
    -webkit-animation-delay: 2841ms;
    animation-delay: 2841ms
}

.wrapper_affiliate .circle-container:nth-child(28) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-28;
    animation-name: move-frames-28;
    -webkit-animation-duration: 30985ms;
    animation-duration: 30985ms;
    -webkit-animation-delay: 33571ms;
    animation-delay: 33571ms
}

@-webkit-keyframes move-frames-28 {
    from {
        transform: translate3d(41vw, 106vh, 0)
    }

    to {
        transform: translate3d(87vw, -112vh, 0)
    }
}

@keyframes move-frames-28 {
    from {
        transform: translate3d(41vw, 106vh, 0)
    }

    to {
        transform: translate3d(87vw, -112vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(28) .circle {
    -webkit-animation-delay: 1924ms;
    animation-delay: 1924ms
}

.wrapper_affiliate .circle-container:nth-child(29) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-29;
    animation-name: move-frames-29;
    -webkit-animation-duration: 35667ms;
    animation-duration: 35667ms;
    -webkit-animation-delay: 29277ms;
    animation-delay: 29277ms
}

@-webkit-keyframes move-frames-29 {
    from {
        transform: translate3d(72vw, 102vh, 0)
    }

    to {
        transform: translate3d(93vw, -117vh, 0)
    }
}

@keyframes move-frames-29 {
    from {
        transform: translate3d(72vw, 102vh, 0)
    }

    to {
        transform: translate3d(93vw, -117vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(29) .circle {
    -webkit-animation-delay: 2728ms;
    animation-delay: 2728ms
}

.wrapper_affiliate .circle-container:nth-child(30) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-30;
    animation-name: move-frames-30;
    -webkit-animation-duration: 34881ms;
    animation-duration: 34881ms;
    -webkit-animation-delay: 12868ms;
    animation-delay: 12868ms
}

@-webkit-keyframes move-frames-30 {
    from {
        transform: translate3d(89vw, 101vh, 0)
    }

    to {
        transform: translate3d(2vw, -115vh, 0)
    }
}

@keyframes move-frames-30 {
    from {
        transform: translate3d(89vw, 101vh, 0)
    }

    to {
        transform: translate3d(2vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(30) .circle {
    -webkit-animation-delay: 3078ms;
    animation-delay: 3078ms
}

.wrapper_affiliate .circle-container:nth-child(31) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-31;
    animation-name: move-frames-31;
    -webkit-animation-duration: 31379ms;
    animation-duration: 31379ms;
    -webkit-animation-delay: 34613ms;
    animation-delay: 34613ms
}

@-webkit-keyframes move-frames-31 {
    from {
        transform: translate3d(28vw, 104vh, 0)
    }

    to {
        transform: translate3d(91vw, -115vh, 0)
    }
}

@keyframes move-frames-31 {
    from {
        transform: translate3d(28vw, 104vh, 0)
    }

    to {
        transform: translate3d(91vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(31) .circle {
    -webkit-animation-delay: 2118ms;
    animation-delay: 2118ms
}

.wrapper_affiliate .circle-container:nth-child(32) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-32;
    animation-name: move-frames-32;
    -webkit-animation-duration: 36548ms;
    animation-duration: 36548ms;
    -webkit-animation-delay: 8827ms;
    animation-delay: 8827ms
}

@-webkit-keyframes move-frames-32 {
    from {
        transform: translate3d(26vw, 107vh, 0)
    }

    to {
        transform: translate3d(50vw, -123vh, 0)
    }
}

@keyframes move-frames-32 {
    from {
        transform: translate3d(26vw, 107vh, 0)
    }

    to {
        transform: translate3d(50vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(32) .circle {
    -webkit-animation-delay: 1360ms;
    animation-delay: 1360ms
}

.wrapper_affiliate .circle-container:nth-child(33) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-33;
    animation-name: move-frames-33;
    -webkit-animation-duration: 32707ms;
    animation-duration: 32707ms;
    -webkit-animation-delay: 15192ms;
    animation-delay: 15192ms
}

@-webkit-keyframes move-frames-33 {
    from {
        transform: translate3d(33vw, 105vh, 0)
    }

    to {
        transform: translate3d(43vw, -118vh, 0)
    }


}

@keyframes move-frames-33 {
    from {
        transform: translate3d(33vw, 105vh, 0)
    }

    to {
        transform: translate3d(43vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(33) .circle {
    -webkit-animation-delay: 688ms;
    animation-delay: 688ms
}

.wrapper_affiliate .circle-container:nth-child(34) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-34;
    animation-name: move-frames-34;
    -webkit-animation-duration: 32019ms;
    animation-duration: 32019ms;
    -webkit-animation-delay: 8216ms;
    animation-delay: 8216ms
}

@-webkit-keyframes move-frames-34 {
    from {
        transform: translate3d(60vw, 102vh, 0)
    }

    to {
        transform: translate3d(5vw, -107vh, 0)
    }
}

@keyframes move-frames-34 {
    from {
        transform: translate3d(60vw, 102vh, 0)
    }

    to {
        transform: translate3d(5vw, -107vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(34) .circle {
    -webkit-animation-delay: 1608ms;
    animation-delay: 1608ms
}

.wrapper_affiliate .circle-container:nth-child(35) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-35;
    animation-name: move-frames-35;
    -webkit-animation-duration: 28407ms;
    animation-duration: 28407ms;
    -webkit-animation-delay: 11986ms;
    animation-delay: 11986ms
}

@-webkit-keyframes move-frames-35 {
    from {
        transform: translate3d(8vw, 104vh, 0)
    }

    to {
        transform: translate3d(81vw, -107vh, 0)
    }
}

@keyframes move-frames-35 {
    from {
        transform: translate3d(8vw, 104vh, 0)
    }

    to {
        transform: translate3d(81vw, -107vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(35) .circle {
    -webkit-animation-delay: 1729ms;
    animation-delay: 1729ms
}

.wrapper_affiliate .circle-container:nth-child(36) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-36;
    animation-name: move-frames-36;
    -webkit-animation-duration: 29134ms;
    animation-duration: 29134ms;
    -webkit-animation-delay: 4371ms;
    animation-delay: 4371ms
}

@-webkit-keyframes move-frames-36 {
    from {
        transform: translate3d(42vw, 106vh, 0)
    }

    to {
        transform: translate3d(83vw, -112vh, 0)
    }
}

@keyframes move-frames-36 {
    from {
        transform: translate3d(42vw, 106vh, 0)
    }

    to {
        transform: translate3d(83vw, -112vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(36) .circle {
    -webkit-animation-delay: 383ms;
    animation-delay: 383ms
}

.wrapper_affiliate .circle-container:nth-child(37) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-37;
    animation-name: move-frames-37;
    -webkit-animation-duration: 31597ms;
    animation-duration: 31597ms;
    -webkit-animation-delay: 17296ms;
    animation-delay: 17296ms
}

@-webkit-keyframes move-frames-37 {
    from {
        transform: translate3d(91vw, 108vh, 0)
    }

    to {
        transform: translate3d(25vw, -131vh, 0)
    }
}

@keyframes move-frames-37 {
    from {
        transform: translate3d(91vw, 108vh, 0)
    }

    to {
        transform: translate3d(25vw, -131vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(37) .circle {
    -webkit-animation-delay: 3428ms;
    animation-delay: 3428ms
}

.wrapper_affiliate .circle-container:nth-child(38) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-38;
    animation-name: move-frames-38;
    -webkit-animation-duration: 32280ms;
    animation-duration: 32280ms;
    -webkit-animation-delay: 4740ms;
    animation-delay: 4740ms
}

@-webkit-keyframes move-frames-38 {
    from {
        transform: translate3d(83vw, 101vh, 0)
    }

    to {
        transform: translate3d(69vw, -129vh, 0)
    }
}

@keyframes move-frames-38 {
    from {
        transform: translate3d(83vw, 101vh, 0)
    }

    to {
        transform: translate3d(69vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(38) .circle {
    -webkit-animation-delay: 1470ms;
    animation-delay: 1470ms
}

.wrapper_affiliate .circle-container:nth-child(39) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-39;
    animation-name: move-frames-39;
    -webkit-animation-duration: 32759ms;
    animation-duration: 32759ms;
    -webkit-animation-delay: 33710ms;
    animation-delay: 33710ms
}

@-webkit-keyframes move-frames-39 {
    from {
        transform: translate3d(91vw, 110vh, 0)
    }

    to {
        transform: translate3d(69vw, -115vh, 0)
    }
}

@keyframes move-frames-39 {
    from {
        transform: translate3d(91vw, 110vh, 0)
    }

    to {
        transform: translate3d(69vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(39) .circle {
    -webkit-animation-delay: 1085ms;
    animation-delay: 1085ms
}


.wrapper_affiliate .circle-container:nth-child(40) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-40;
    animation-name: move-frames-40;
    -webkit-animation-duration: 33693ms;
    animation-duration: 33693ms;
    -webkit-animation-delay: 35963ms;
    animation-delay: 35963ms
}

@-webkit-keyframes move-frames-40 {
    from {
        transform: translate3d(37vw, 103vh, 0)
    }

    to {
        transform: translate3d(76vw, -132vh, 0)
    }
}

@keyframes move-frames-40 {
    from {
        transform: translate3d(37vw, 103vh, 0)
    }

    to {
        transform: translate3d(76vw, -132vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(40) .circle {
    -webkit-animation-delay: 3753ms;
    animation-delay: 3753ms
}

.wrapper_affiliate .circle-container:nth-child(41) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-41;
    animation-name: move-frames-41;
    -webkit-animation-duration: 33570ms;
    animation-duration: 33570ms;
    -webkit-animation-delay: 16564ms;
    animation-delay: 16564ms
}

@-webkit-keyframes move-frames-41 {
    from {
        transform: translate3d(37vw, 104vh, 0)
    }

    to {
        transform: translate3d(4vw, -107vh, 0)
    }
}

@keyframes move-frames-41 {
    from {
        transform: translate3d(37vw, 104vh, 0)
    }

    to {
        transform: translate3d(4vw, -107vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(41) .circle {
    -webkit-animation-delay: 66ms;
    animation-delay: 66ms
}

.wrapper_affiliate .circle-container:nth-child(42) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-42;
    animation-name: move-frames-42;
    -webkit-animation-duration: 36893ms;
    animation-duration: 36893ms;
    -webkit-animation-delay: 27110ms;
    animation-delay: 27110ms
}

@-webkit-keyframes move-frames-42 {
    from {
        transform: translate3d(65vw, 108vh, 0)
    }

    to {
        transform: translate3d(57vw, -138vh, 0)
    }
}

@keyframes move-frames-42 {
    from {
        transform: translate3d(65vw, 108vh, 0)
    }

    to {
        transform: translate3d(57vw, -138vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(42) .circle {
    -webkit-animation-delay: 1098ms;
    animation-delay: 1098ms
}

.wrapper_affiliate .circle-container:nth-child(43) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-43;
    animation-name: move-frames-43;
    -webkit-animation-duration: 32506ms;
    animation-duration: 32506ms;
    -webkit-animation-delay: 16507ms;
    animation-delay: 16507ms
}

@-webkit-keyframes move-frames-43 {
    from {
        transform: translate3d(75vw, 109vh, 0)
    }

    to {
        transform: translate3d(72vw, -115vh, 0)
    }
}

@keyframes move-frames-43 {
    from {
        transform: translate3d(75vw, 109vh, 0)
    }

    to {
        transform: translate3d(72vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(43) .circle {
    -webkit-animation-delay: 3979ms;
    animation-delay: 3979ms
}

.wrapper_affiliate .circle-container:nth-child(44) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-44;
    animation-name: move-frames-44;
    -webkit-animation-duration: 30667ms;
    animation-duration: 30667ms;
    -webkit-animation-delay: 13361ms;
    animation-delay: 13361ms
}

@-webkit-keyframes move-frames-44 {
    from {
        transform: translate3d(20vw, 102vh, 0)
    }

    to {
        transform: translate3d(75vw, -118vh, 0)
    }
}

@keyframes move-frames-44 {
    from {
        transform: translate3d(20vw, 102vh, 0)
    }

    to {
        transform: translate3d(75vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(44) .circle {
    -webkit-animation-delay: 3964ms;
    animation-delay: 3964ms
}

.wrapper_affiliate .circle-container:nth-child(45) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-45;
    animation-name: move-frames-45;
    -webkit-animation-duration: 31608ms;
    animation-duration: 31608ms;
    -webkit-animation-delay: 22186ms;
    animation-delay: 22186ms
}

@-webkit-keyframes move-frames-45 {
    from {
        transform: translate3d(27vw, 104vh, 0)
    }

    to {
        transform: translate3d(45vw, -127vh, 0)
    }
}

@keyframes move-frames-45 {
    from {
        transform: translate3d(27vw, 104vh, 0)
    }

    to {
        transform: translate3d(45vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(45) .circle {
    -webkit-animation-delay: 1976ms;
    animation-delay: 1976ms
}

.wrapper_affiliate .circle-container:nth-child(46) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-46;
    animation-name: move-frames-46;
    -webkit-animation-duration: 36361ms;
    animation-duration: 36361ms;
    -webkit-animation-delay: 28617ms;
    animation-delay: 28617ms
}

@-webkit-keyframes move-frames-46 {
    from {
        transform: translate3d(87vw, 104vh, 0)
    }

    to {
        transform: translate3d(82vw, -118vh, 0)
    }
}

@keyframes move-frames-46 {
    from {
        transform: translate3d(87vw, 104vh, 0)
    }

    to {
        transform: translate3d(82vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(46) .circle {
    -webkit-animation-delay: 470ms;
    animation-delay: 470ms
}

.wrapper_affiliate .circle-container:nth-child(47) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-47;
    animation-name: move-frames-47;
    -webkit-animation-duration: 31338ms;
    animation-duration: 31338ms;
    -webkit-animation-delay: 25178ms;
    animation-delay: 25178ms
}

@-webkit-keyframes move-frames-47 {
    from {
        transform: translate3d(38vw, 102vh, 0)
    }

    to {
        transform: translate3d(2vw, -130vh, 0)
    }
}

@keyframes move-frames-47 {
    from {
        transform: translate3d(38vw, 102vh, 0)
    }

    to {
        transform: translate3d(2vw, -130vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(47) .circle {
    -webkit-animation-delay: 957ms;
    animation-delay: 957ms
}

.wrapper_affiliate .circle-container:nth-child(48) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-48;
    animation-name: move-frames-48;
    -webkit-animation-duration: 32882ms;
    animation-duration: 32882ms;
    -webkit-animation-delay: 16835ms;
    animation-delay: 16835ms
}

@-webkit-keyframes move-frames-48 {
    from {
        transform: translate3d(53vw, 109vh, 0)
    }

    to {
        transform: translate3d(73vw, -132vh, 0)
    }
}

@keyframes move-frames-48 {
    from {
        transform: translate3d(53vw, 109vh, 0)
    }

    to {
        transform: translate3d(73vw, -132vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(48) .circle {
    -webkit-animation-delay: 3483ms;
    animation-delay: 3483ms
}

.wrapper_affiliate .circle-container:nth-child(49) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-49;
    animation-name: move-frames-49;
    -webkit-animation-duration: 31769ms;
    animation-duration: 31769ms;
    -webkit-animation-delay: 16708ms;
    animation-delay: 16708ms
}

@-webkit-keyframes move-frames-49 {
    from {
        transform: translate3d(62vw, 108vh, 0)
    }

    to {
        transform: translate3d(1vw, -118vh, 0)
    }
}

@keyframes move-frames-49 {
    from {
        transform: translate3d(62vw, 108vh, 0)
    }

    to {
        transform: translate3d(1vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(49) .circle {
    -webkit-animation-delay: 1511ms;
    animation-delay: 1511ms
}

.wrapper_affiliate .circle-container:nth-child(50) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-50;
    animation-name: move-frames-50;
    -webkit-animation-duration: 28551ms;
    animation-duration: 28551ms;
    -webkit-animation-delay: 19143ms;
    animation-delay: 19143ms
}

@-webkit-keyframes move-frames-50 {
    from {
        transform: translate3d(72vw, 105vh, 0)
    }

    to {
        transform: translate3d(47vw, -115vh, 0)
    }
}

@keyframes move-frames-50 {
    from {
        transform: translate3d(72vw, 105vh, 0)
    }

    to {
        transform: translate3d(47vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(50) .circle {
    -webkit-animation-delay: 3620ms;
    animation-delay: 3620ms
}

.wrapper_affiliate .circle-container:nth-child(51) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-51;
    animation-name: move-frames-51;
    -webkit-animation-duration: 33579ms;
    animation-duration: 33579ms;
    -webkit-animation-delay: 31820ms;
    animation-delay: 31820ms
}

@-webkit-keyframes move-frames-51 {
    from {
        transform: translate3d(8vw, 105vh, 0)
    }

    to {
        transform: translate3d(94vw, -106vh, 0)
    }
}

@keyframes move-frames-51 {
    from {
        transform: translate3d(8vw, 105vh, 0)
    }

    to {
        transform: translate3d(94vw, -106vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(51) .circle {
    -webkit-animation-delay: 2049ms;
    animation-delay: 2049ms
}

.wrapper_affiliate .circle-container:nth-child(52) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-52;
    animation-name: move-frames-52;
    -webkit-animation-duration: 30687ms;
    animation-duration: 30687ms;
    -webkit-animation-delay: 14034ms;
    animation-delay: 14034ms
}

@-webkit-keyframes move-frames-52 {
    from {
        transform: translate3d(85vw, 109vh, 0)
    }

    to {
        transform: translate3d(30vw, -123vh, 0)
    }
}

@keyframes move-frames-52 {
    from {
        transform: translate3d(85vw, 109vh, 0)
    }

    to {
        transform: translate3d(30vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(52) .circle {
    -webkit-animation-delay: 1074ms;
    animation-delay: 1074ms
}

.wrapper_affiliate .circle-container:nth-child(53) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-53;
    animation-name: move-frames-53;
    -webkit-animation-duration: 36963ms;
    animation-duration: 36963ms;
    -webkit-animation-delay: 3848ms;
    animation-delay: 3848ms
}

@-webkit-keyframes move-frames-53 {
    from {
        transform: translate3d(16vw, 109vh, 0)
    }

    to {
        transform: translate3d(36vw, -132vh, 0)
    }
}

@keyframes move-frames-53 {
    from {
        transform: translate3d(16vw, 109vh, 0)
    }

    to {
        transform: translate3d(36vw, -132vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(53) .circle {
    -webkit-animation-delay: 937ms;
    animation-delay: 937ms
}

.wrapper_affiliate .circle-container:nth-child(54) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-54;
    animation-name: move-frames-54;
    -webkit-animation-duration: 30206ms;
    animation-duration: 30206ms;
    -webkit-animation-delay: 20748ms;
    animation-delay: 20748ms
}

@-webkit-keyframes move-frames-54 {
    from {
        transform: translate3d(42vw, 109vh, 0)
    }

    to {
        transform: translate3d(12vw, -118vh, 0)
    }
}

@keyframes move-frames-54 {
    from {
        transform: translate3d(42vw, 109vh, 0)
    }

    to {
        transform: translate3d(12vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(54) .circle {
    -webkit-animation-delay: 1206ms;
    animation-delay: 1206ms
}

.wrapper_affiliate .circle-container:nth-child(55) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-55;
    animation-name: move-frames-55;
    -webkit-animation-duration: 32210ms;
    animation-duration: 32210ms;
    -webkit-animation-delay: 36608ms;
    animation-delay: 36608ms
}

@-webkit-keyframes move-frames-55 {
    from {
        transform: translate3d(9vw, 104vh, 0)
    }

    to {
        transform: translate3d(43vw, -134vh, 0)
    }
}

@keyframes move-frames-55 {
    from {
        transform: translate3d(9vw, 104vh, 0)
    }

    to {
        transform: translate3d(43vw, -134vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(55) .circle {
    -webkit-animation-delay: 3740ms;
    animation-delay: 3740ms
}

.wrapper_affiliate .circle-container:nth-child(56) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-56;
    animation-name: move-frames-56;
    -webkit-animation-duration: 33918ms;
    animation-duration: 33918ms;
    -webkit-animation-delay: 10825ms;
    animation-delay: 10825ms
}

@-webkit-keyframes move-frames-56 {
    from {
        transform: translate3d(81vw, 109vh, 0)
    }

    to {
        transform: translate3d(94vw, -122vh, 0)
    }
}

@keyframes move-frames-56 {
    from {
        transform: translate3d(81vw, 109vh, 0)
    }

    to {
        transform: translate3d(94vw, -122vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(56) .circle {
    -webkit-animation-delay: 3428ms;
    animation-delay: 3428ms
}

.wrapper_affiliate .circle-container:nth-child(57) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-57;
    animation-name: move-frames-57;
    -webkit-animation-duration: 32667ms;
    animation-duration: 32667ms;
    -webkit-animation-delay: 32006ms;
    animation-delay: 32006ms
}

@-webkit-keyframes move-frames-57 {
    from {
        transform: translate3d(53vw, 104vh, 0)
    }

    to {
        transform: translate3d(52vw, -131vh, 0)
    }
}

@keyframes move-frames-57 {
    from {
        transform: translate3d(53vw, 104vh, 0)
    }

    to {
        transform: translate3d(52vw, -131vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(57) .circle {
    -webkit-animation-delay: 2984ms;
    animation-delay: 2984ms
}

.wrapper_affiliate .circle-container:nth-child(58) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-58;
    animation-name: move-frames-58;
    -webkit-animation-duration: 36558ms;
    animation-duration: 36558ms;
    -webkit-animation-delay: 35787ms;
    animation-delay: 35787ms
}

@-webkit-keyframes move-frames-58 {
    from {
        transform: translate3d(43vw, 101vh, 0)
    }

    to {
        transform: translate3d(63vw, -113vh, 0)
    }
}

@keyframes move-frames-58 {
    from {
        transform: translate3d(43vw, 101vh, 0)
    }

    to {
        transform: translate3d(63vw, -113vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(58) .circle {
    -webkit-animation-delay: 2177ms;
    animation-delay: 2177ms
}

.wrapper_affiliate .circle-container:nth-child(59) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-59;
    animation-name: move-frames-59;
    -webkit-animation-duration: 32856ms;
    animation-duration: 32856ms;
    -webkit-animation-delay: 18258ms;
    animation-delay: 18258ms
}

@-webkit-keyframes move-frames-59 {
    from {
        transform: translate3d(42vw, 103vh, 0)
    }

    to {
        transform: translate3d(97vw, -133vh, 0)
    }
}

@keyframes move-frames-59 {
    from {
        transform: translate3d(42vw, 103vh, 0)
    }

    to {
        transform: translate3d(97vw, -133vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(59) .circle {
    -webkit-animation-delay: 2907ms;
    animation-delay: 2907ms
}

.wrapper_affiliate .circle-container:nth-child(60) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-60;
    animation-name: move-frames-60;
    -webkit-animation-duration: 35310ms;
    animation-duration: 35310ms;
    -webkit-animation-delay: 29321ms;
    animation-delay: 29321ms
}

@-webkit-keyframes move-frames-60 {
    from {
        transform: translate3d(68vw, 104vh, 0)
    }

    to {
        transform: translate3d(54vw, -119vh, 0)
    }
}

@keyframes move-frames-60 {
    from {
        transform: translate3d(68vw, 104vh, 0)
    }

    to {
        transform: translate3d(54vw, -119vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(60) .circle {
    -webkit-animation-delay: 1110ms;
    animation-delay: 1110ms
}

.wrapper_affiliate .circle-container:nth-child(61) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-61;
    animation-name: move-frames-61;
    -webkit-animation-duration: 36705ms;
    animation-duration: 36705ms;
    -webkit-animation-delay: 21507ms;
    animation-delay: 21507ms
}

@-webkit-keyframes move-frames-61 {
    from {
        transform: translate3d(41vw, 104vh, 0)
    }

    to {
        transform: translate3d(50vw, -117vh, 0)
    }
}

@keyframes move-frames-61 {
    from {
        transform: translate3d(41vw, 104vh, 0)
    }

    to {
        transform: translate3d(50vw, -117vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(61) .circle {
    -webkit-animation-delay: 371ms;
    animation-delay: 371ms
}

.wrapper_affiliate .circle-container:nth-child(62) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-62;
    animation-name: move-frames-62;
    -webkit-animation-duration: 33998ms;
    animation-duration: 33998ms;
    -webkit-animation-delay: 7450ms;
    animation-delay: 7450ms
}

@-webkit-keyframes move-frames-62 {
    from {
        transform: translate3d(17vw, 108vh, 0)
    }

    to {
        transform: translate3d(90vw, -138vh, 0)
    }
}

@keyframes move-frames-62 {
    from {
        transform: translate3d(17vw, 108vh, 0)
    }

    to {
        transform: translate3d(90vw, -138vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(62) .circle {
    -webkit-animation-delay: 85ms;
    animation-delay: 85ms
}

.wrapper_affiliate .circle-container:nth-child(63) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-63;
    animation-name: move-frames-63;
    -webkit-animation-duration: 33065ms;
    animation-duration: 33065ms;
    -webkit-animation-delay: 11218ms;
    animation-delay: 11218ms
}

@-webkit-keyframes move-frames-63 {
    from {
        transform: translate3d(71vw, 106vh, 0)
    }

    to {
        transform: translate3d(44vw, -124vh, 0)
    }
}

@keyframes move-frames-63 {
    from {
        transform: translate3d(71vw, 106vh, 0)
    }

    to {
        transform: translate3d(44vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(63) .circle {
    -webkit-animation-delay: 2367ms;
    animation-delay: 2367ms
}

.wrapper_affiliate .circle-container:nth-child(64) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-64;
    animation-name: move-frames-64;
    -webkit-animation-duration: 34936ms;
    animation-duration: 34936ms;
    -webkit-animation-delay: 14326ms;
    animation-delay: 14326ms
}

@-webkit-keyframes move-frames-64 {
    from {
        transform: translate3d(78vw, 102vh, 0)
    }

    to {
        transform: translate3d(98vw, -124vh, 0)
    }
}

@keyframes move-frames-64 {
    from {
        transform: translate3d(78vw, 102vh, 0)
    }

    to {
        transform: translate3d(98vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(64) .circle {
    -webkit-animation-delay: 1563ms;
    animation-delay: 1563ms
}

.wrapper_affiliate .circle-container:nth-child(65) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-65;
    animation-name: move-frames-65;
    -webkit-animation-duration: 31342ms;
    animation-duration: 31342ms;
    -webkit-animation-delay: 34664ms;
    animation-delay: 34664ms
}

@-webkit-keyframes move-frames-65 {
    from {
        transform: translate3d(15vw, 104vh, 0)
    }

    to {
        transform: translate3d(86vw, -123vh, 0)
    }
}

@keyframes move-frames-65 {
    from {
        transform: translate3d(15vw, 104vh, 0)
    }

    to {
        transform: translate3d(86vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(65) .circle {
    -webkit-animation-delay: 2273ms;
    animation-delay: 2273ms
}

.wrapper_affiliate .circle-container:nth-child(66) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-66;
    animation-name: move-frames-66;
    -webkit-animation-duration: 36036ms;
    animation-duration: 36036ms;
    -webkit-animation-delay: 27655ms;
    animation-delay: 27655ms
}

@-webkit-keyframes move-frames-66 {
    from {
        transform: translate3d(8vw, 107vh, 0)
    }

    to {
        transform: translate3d(100vw, -126vh, 0)
    }
}

@keyframes move-frames-66 {
    from {
        transform: translate3d(8vw, 107vh, 0)
    }

    to {
        transform: translate3d(100vw, -126vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(66) .circle {
    -webkit-animation-delay: 1450ms;
    animation-delay: 1450ms
}

.wrapper_affiliate .circle-container:nth-child(67) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-67;
    animation-name: move-frames-67;
    -webkit-animation-duration: 32240ms;
    animation-duration: 32240ms;
    -webkit-animation-delay: 33605ms;
    animation-delay: 33605ms
}

@-webkit-keyframes move-frames-67 {
    from {
        transform: translate3d(16vw, 107vh, 0)
    }

    to {
        transform: translate3d(90vw, -115vh, 0)
    }
}

@keyframes move-frames-67 {
    from {
        transform: translate3d(16vw, 107vh, 0)
    }

    to {
        transform: translate3d(90vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(67) .circle {
    -webkit-animation-delay: 476ms;
    animation-delay: 476ms
}

.wrapper_affiliate .circle-container:nth-child(68) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-68;
    animation-name: move-frames-68;
    -webkit-animation-duration: 36463ms;
    animation-duration: 36463ms;
    -webkit-animation-delay: 26758ms;
    animation-delay: 26758ms
}

@-webkit-keyframes move-frames-68 {
    from {
        transform: translate3d(6vw, 101vh, 0)
    }

    to {
        transform: translate3d(38vw, -108vh, 0)
    }
}

@keyframes move-frames-68 {
    from {
        transform: translate3d(6vw, 101vh, 0)
    }

    to {
        transform: translate3d(38vw, -108vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(68) .circle {
    -webkit-animation-delay: 2424ms;
    animation-delay: 2424ms
}

.wrapper_affiliate .circle-container:nth-child(69) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-69;
    animation-name: move-frames-69;
    -webkit-animation-duration: 36694ms;
    animation-duration: 36694ms;
    -webkit-animation-delay: 24465ms;
    animation-delay: 24465ms
}

@-webkit-keyframes move-frames-69 {
    from {
        transform: translate3d(1vw, 104vh, 0)
    }

    to {
        transform: translate3d(25vw, -134vh, 0)
    }
}

@keyframes move-frames-69 {
    from {
        transform: translate3d(1vw, 104vh, 0)
    }

    to {
        transform: translate3d(25vw, -134vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(69) .circle {
    -webkit-animation-delay: 3294ms;
    animation-delay: 3294ms
}

.wrapper_affiliate .circle-container:nth-child(70) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-70;
    animation-name: move-frames-70;
    -webkit-animation-duration: 35278ms;
    animation-duration: 35278ms;
    -webkit-animation-delay: 22363ms;
    animation-delay: 22363ms
}

@-webkit-keyframes move-frames-70 {
    from {
        transform: translate3d(56vw, 110vh, 0)
    }

    to {
        transform: translate3d(47vw, -129vh, 0)
    }
}

@keyframes move-frames-70 {
    from {
        transform: translate3d(56vw, 110vh, 0)
    }

    to {
        transform: translate3d(47vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(70) .circle {
    -webkit-animation-delay: 1288ms;
    animation-delay: 1288ms
}

.wrapper_affiliate .circle-container:nth-child(71) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-71;
    animation-name: move-frames-71;
    -webkit-animation-duration: 34121ms;
    animation-duration: 34121ms;
    -webkit-animation-delay: 32537ms;
    animation-delay: 32537ms
}

@-webkit-keyframes move-frames-71 {
    from {
        transform: translate3d(56vw, 108vh, 0)
    }

    to {
        transform: translate3d(2vw, -138vh, 0)
    }
}

@keyframes move-frames-71 {
    from {
        transform: translate3d(56vw, 108vh, 0)
    }

    to {
        transform: translate3d(2vw, -138vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(71) .circle {
    -webkit-animation-delay: 1948ms;
    animation-delay: 1948ms
}

.wrapper_affiliate .circle-container:nth-child(72) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-72;
    animation-name: move-frames-72;
    -webkit-animation-duration: 33334ms;
    animation-duration: 33334ms;
    -webkit-animation-delay: 7121ms;
    animation-delay: 7121ms
}

@-webkit-keyframes move-frames-72 {
    from {
        transform: translate3d(46vw, 101vh, 0)
    }

    to {
        transform: translate3d(11vw, -104vh, 0)
    }
}

@keyframes move-frames-72 {
    from {
        transform: translate3d(46vw, 101vh, 0)
    }

    to {
        transform: translate3d(11vw, -104vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(72) .circle {
    -webkit-animation-delay: 92ms;
    animation-delay: 92ms
}

.wrapper_affiliate .circle-container:nth-child(73) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-73;
    animation-name: move-frames-73;
    -webkit-animation-duration: 28551ms;
    animation-duration: 28551ms;
    -webkit-animation-delay: 17278ms;
    animation-delay: 17278ms
}

@-webkit-keyframes move-frames-73 {
    from {
        transform: translate3d(54vw, 105vh, 0)
    }

    to {
        transform: translate3d(3vw, -125vh, 0)
    }
}

@keyframes move-frames-73 {
    from {
        transform: translate3d(54vw, 105vh, 0)
    }

    to {
        transform: translate3d(3vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(73) .circle {
    -webkit-animation-delay: 3176ms;
    animation-delay: 3176ms
}

.wrapper_affiliate .circle-container:nth-child(74) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-74;
    animation-name: move-frames-74;
    -webkit-animation-duration: 28153ms;
    animation-duration: 28153ms;
    -webkit-animation-delay: 13778ms;
    animation-delay: 13778ms
}

@-webkit-keyframes move-frames-74 {
    from {
        transform: translate3d(100vw, 107vh, 0)
    }

    to {
        transform: translate3d(20vw, -133vh, 0)
    }
}

@keyframes move-frames-74 {
    from {
        transform: translate3d(100vw, 107vh, 0)
    }

    to {
        transform: translate3d(20vw, -133vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(74) .circle {
    -webkit-animation-delay: 3349ms;
    animation-delay: 3349ms
}

.wrapper_affiliate .circle-container:nth-child(75) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-75;
    animation-name: move-frames-75;
    -webkit-animation-duration: 30851ms;
    animation-duration: 30851ms;
    -webkit-animation-delay: 34329ms;
    animation-delay: 34329ms
}

@-webkit-keyframes move-frames-75 {
    from {
        transform: translate3d(49vw, 105vh, 0)
    }

    to {
        transform: translate3d(43vw, -135vh, 0)
    }
}

@keyframes move-frames-75 {
    from {
        transform: translate3d(49vw, 105vh, 0)
    }

    to {
        transform: translate3d(43vw, -135vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(75) .circle {
    -webkit-animation-delay: 3028ms;
    animation-delay: 3028ms
}

.wrapper_affiliate .circle-container:nth-child(76) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-76;
    animation-name: move-frames-76;
    -webkit-animation-duration: 35476ms;
    animation-duration: 35476ms;
    -webkit-animation-delay: 31866ms;
    animation-delay: 31866ms
}

@-webkit-keyframes move-frames-76 {
    from {
        transform: translate3d(64vw, 105vh, 0)
    }

    to {
        transform: translate3d(31vw, -120vh, 0)
    }
}

@keyframes move-frames-76 {
    from {
        transform: translate3d(64vw, 105vh, 0)
    }

    to {
        transform: translate3d(31vw, -120vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(76) .circle {
    -webkit-animation-delay: 552ms;
    animation-delay: 552ms
}

.wrapper_affiliate .circle-container:nth-child(77) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-77;
    animation-name: move-frames-77;
    -webkit-animation-duration: 36336ms;
    animation-duration: 36336ms;
    -webkit-animation-delay: 34039ms;
    animation-delay: 34039ms
}

@-webkit-keyframes move-frames-77 {
    from {
        transform: translate3d(13vw, 106vh, 0)
    }

    to {
        transform: translate3d(53vw, -111vh, 0)
    }
}

@keyframes move-frames-77 {
    from {
        transform: translate3d(13vw, 106vh, 0)
    }

    to {
        transform: translate3d(53vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(77) .circle {
    -webkit-animation-delay: 2421ms;
    animation-delay: 2421ms
}

.wrapper_affiliate .circle-container:nth-child(78) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-78;
    animation-name: move-frames-78;
    -webkit-animation-duration: 30177ms;
    animation-duration: 30177ms;
    -webkit-animation-delay: 31915ms;
    animation-delay: 31915ms
}

@-webkit-keyframes move-frames-78 {
    from {
        transform: translate3d(14vw, 106vh, 0)
    }

    to {
        transform: translate3d(39vw, -114vh, 0)
    }
}

@keyframes move-frames-78 {
    from {
        transform: translate3d(14vw, 106vh, 0)
    }

    to {
        transform: translate3d(39vw, -114vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(78) .circle {
    -webkit-animation-delay: 1834ms;
    animation-delay: 1834ms
}

.wrapper_affiliate .circle-container:nth-child(79) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-79;
    animation-name: move-frames-79;
    -webkit-animation-duration: 36340ms;
    animation-duration: 36340ms;
    -webkit-animation-delay: 23318ms;
    animation-delay: 23318ms
}

@-webkit-keyframes move-frames-79 {
    from {
        transform: translate3d(40vw, 109vh, 0)
    }

    to {
        transform: translate3d(98vw, -134vh, 0)
    }
}

@keyframes move-frames-79 {
    from {
        transform: translate3d(40vw, 109vh, 0)
    }

    to {
        transform: translate3d(98vw, -134vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(79) .circle {
    -webkit-animation-delay: 3687ms;
    animation-delay: 3687ms
}

.wrapper_affiliate .circle-container:nth-child(80) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-80;
    animation-name: move-frames-80;
    -webkit-animation-duration: 32700ms;
    animation-duration: 32700ms;
    -webkit-animation-delay: 21903ms;
    animation-delay: 21903ms
}

@-webkit-keyframes move-frames-80 {
    from {
        transform: translate3d(20vw, 101vh, 0)
    }

    to {
        transform: translate3d(12vw, -127vh, 0)
    }
}

@keyframes move-frames-80 {
    from {
        transform: translate3d(20vw, 101vh, 0)
    }

    to {
        transform: translate3d(12vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(80) .circle {
    -webkit-animation-delay: 1550ms;
    animation-delay: 1550ms
}

.wrapper_affiliate .circle-container:nth-child(81) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-81;
    animation-name: move-frames-81;
    -webkit-animation-duration: 31568ms;
    animation-duration: 31568ms;
    -webkit-animation-delay: 13012ms;
    animation-delay: 13012ms
}

@-webkit-keyframes move-frames-81 {
    from {
        transform: translate3d(42vw, 106vh, 0)
    }

    to {
        transform: translate3d(87vw, -132vh, 0)
    }
}

@keyframes move-frames-81 {
    from {
        transform: translate3d(42vw, 106vh, 0)
    }

    to {
        transform: translate3d(87vw, -132vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(81) .circle {
    -webkit-animation-delay: 2845ms;
    animation-delay: 2845ms
}

.wrapper_affiliate .circle-container:nth-child(82) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-82;
    animation-name: move-frames-82;
    -webkit-animation-duration: 36458ms;
    animation-duration: 36458ms;
    -webkit-animation-delay: 14258ms;
    animation-delay: 14258ms
}

@-webkit-keyframes move-frames-82 {
    from {
        transform: translate3d(16vw, 103vh, 0)
    }

    to {
        transform: translate3d(89vw, -120vh, 0)
    }
}

@keyframes move-frames-82 {
    from {
        transform: translate3d(16vw, 103vh, 0)
    }

    to {
        transform: translate3d(89vw, -120vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(82) .circle {
    -webkit-animation-delay: 1102ms;
    animation-delay: 1102ms
}

.wrapper_affiliate .circle-container:nth-child(83) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-83;
    animation-name: move-frames-83;
    -webkit-animation-duration: 36071ms;
    animation-duration: 36071ms;
    -webkit-animation-delay: 772ms;
    animation-delay: 772ms
}

@-webkit-keyframes move-frames-83 {
    from {
        transform: translate3d(60vw, 103vh, 0)
    }

    to {
        transform: translate3d(59vw, -104vh, 0)
    }
}

@keyframes move-frames-83 {
    from {
        transform: translate3d(60vw, 103vh, 0)
    }

    to {
        transform: translate3d(59vw, -104vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(83) .circle {
    -webkit-animation-delay: 2826ms;
    animation-delay: 2826ms
}

.wrapper_affiliate .circle-container:nth-child(84) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-84;
    animation-name: move-frames-84;
    -webkit-animation-duration: 34591ms;
    animation-duration: 34591ms;
    -webkit-animation-delay: 21924ms;
    animation-delay: 21924ms
}

@-webkit-keyframes move-frames-84 {
    from {
        transform: translate3d(83vw, 102vh, 0)
    }

    to {
        transform: translate3d(62vw, -123vh, 0)
    }
}

@keyframes move-frames-84 {
    from {
        transform: translate3d(83vw, 102vh, 0)
    }

    to {
        transform: translate3d(62vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(84) .circle {
    -webkit-animation-delay: 514ms;
    animation-delay: 514ms
}

.wrapper_affiliate .circle-container:nth-child(85) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-85;
    animation-name: move-frames-85;
    -webkit-animation-duration: 31102ms;
    animation-duration: 31102ms;
    -webkit-animation-delay: 20633ms;
    animation-delay: 20633ms
}

@-webkit-keyframes move-frames-85 {
    from {
        transform: translate3d(2vw, 101vh, 0)
    }

    to {
        transform: translate3d(89vw, -124vh, 0)
    }
}

@keyframes move-frames-85 {
    from {
        transform: translate3d(2vw, 101vh, 0)
    }

    to {
        transform: translate3d(89vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(85) .circle {
    -webkit-animation-delay: 2999ms;
    animation-delay: 2999ms
}

.wrapper_affiliate .circle-container:nth-child(86) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-86;
    animation-name: move-frames-86;
    -webkit-animation-duration: 35453ms;
    animation-duration: 35453ms;
    -webkit-animation-delay: 6002ms;
    animation-delay: 6002ms
}

@-webkit-keyframes move-frames-86 {
    from {
        transform: translate3d(33vw, 110vh, 0)
    }

    to {
        transform: translate3d(22vw, -135vh, 0)
    }
}

@keyframes move-frames-86 {
    from {
        transform: translate3d(33vw, 110vh, 0)
    }

    to {
        transform: translate3d(22vw, -135vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(86) .circle {
    -webkit-animation-delay: 851ms;
    animation-delay: 851ms
}

.wrapper_affiliate .circle-container:nth-child(87) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-87;
    animation-name: move-frames-87;
    -webkit-animation-duration: 28343ms;
    animation-duration: 28343ms;
    -webkit-animation-delay: 27143ms;
    animation-delay: 27143ms
}

@-webkit-keyframes move-frames-87 {
    from {
        transform: translate3d(43vw, 109vh, 0)
    }

    to {
        transform: translate3d(14vw, -132vh, 0)
    }
}

@keyframes move-frames-87 {
    from {
        transform: translate3d(43vw, 109vh, 0)
    }

    to {
        transform: translate3d(14vw, -132vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(87) .circle {
    -webkit-animation-delay: 3139ms;
    animation-delay: 3139ms
}

.wrapper_affiliate .circle-container:nth-child(88) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-88;
    animation-name: move-frames-88;
    -webkit-animation-duration: 35290ms;
    animation-duration: 35290ms;
    -webkit-animation-delay: 32811ms;
    animation-delay: 32811ms
}

@-webkit-keyframes move-frames-88 {
    from {
        transform: translate3d(16vw, 102vh, 0)
    }

    to {
        transform: translate3d(5vw, -106vh, 0)
    }
}

@keyframes move-frames-88 {
    from {
        transform: translate3d(16vw, 102vh, 0)
    }

    to {
        transform: translate3d(5vw, -106vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(88) .circle {
    -webkit-animation-delay: 3515ms;
    animation-delay: 3515ms
}

.wrapper_affiliate .circle-container:nth-child(89) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-89;
    animation-name: move-frames-89;
    -webkit-animation-duration: 31298ms;
    animation-duration: 31298ms;
    -webkit-animation-delay: 1071ms;
    animation-delay: 1071ms
}

@-webkit-keyframes move-frames-89 {
    from {
        transform: translate3d(72vw, 101vh, 0)
    }

    to {
        transform: translate3d(23vw, -109vh, 0)
    }
}

@keyframes move-frames-89 {
    from {
        transform: translate3d(72vw, 101vh, 0)
    }

    to {
        transform: translate3d(23vw, -109vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(89) .circle {
    -webkit-animation-delay: 3645ms;
    animation-delay: 3645ms
}

.wrapper_affiliate .circle-container:nth-child(90) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-90;
    animation-name: move-frames-90;
    -webkit-animation-duration: 33976ms;
    animation-duration: 33976ms;
    -webkit-animation-delay: 29044ms;
    animation-delay: 29044ms
}

@-webkit-keyframes move-frames-90 {
    from {
        transform: translate3d(96vw, 109vh, 0)
    }

    to {
        transform: translate3d(49vw, -127vh, 0)
    }
}

@keyframes move-frames-90 {
    from {
        transform: translate3d(96vw, 109vh, 0)
    }

    to {
        transform: translate3d(49vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(90) .circle {
    -webkit-animation-delay: 1797ms;
    animation-delay: 1797ms
}

.wrapper_affiliate .circle-container:nth-child(91) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-91;
    animation-name: move-frames-91;
    -webkit-animation-duration: 34101ms;
    animation-duration: 34101ms;
    -webkit-animation-delay: 30859ms;
    animation-delay: 30859ms
}

@-webkit-keyframes move-frames-91 {
    from {
        transform: translate3d(24vw, 109vh, 0)
    }

    to {
        transform: translate3d(13vw, -125vh, 0)
    }
}

@keyframes move-frames-91 {
    from {
        transform: translate3d(24vw, 109vh, 0)
    }

    to {
        transform: translate3d(13vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(91) .circle {
    -webkit-animation-delay: 1544ms;
    animation-delay: 1544ms
}

.wrapper_affiliate .circle-container:nth-child(92) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-92;
    animation-name: move-frames-92;
    -webkit-animation-duration: 36340ms;
    animation-duration: 36340ms;
    -webkit-animation-delay: 27957ms;
    animation-delay: 27957ms
}

@-webkit-keyframes move-frames-92 {
    from {
        transform: translate3d(7vw, 102vh, 0)
    }

    to {
        transform: translate3d(98vw, -122vh, 0)
    }
}

@keyframes move-frames-92 {
    from {
        transform: translate3d(7vw, 102vh, 0)
    }

    to {
        transform: translate3d(98vw, -122vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(92) .circle {
    -webkit-animation-delay: 2447ms;
    animation-delay: 2447ms
}

.wrapper_affiliate .circle-container:nth-child(93) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-93;
    animation-name: move-frames-93;
    -webkit-animation-duration: 28329ms;
    animation-duration: 28329ms;
    -webkit-animation-delay: 16308ms;
    animation-delay: 16308ms
}

@-webkit-keyframes move-frames-93 {
    from {
        transform: translate3d(59vw, 103vh, 0)
    }

    to {
        transform: translate3d(35vw, -105vh, 0)
    }
}

@keyframes move-frames-93 {
    from {
        transform: translate3d(59vw, 103vh, 0)
    }

    to {
        transform: translate3d(35vw, -105vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(93) .circle {
    -webkit-animation-delay: 3750ms;
    animation-delay: 3750ms
}

.wrapper_affiliate .circle-container:nth-child(94) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-94;
    animation-name: move-frames-94;
    -webkit-animation-duration: 35585ms;
    animation-duration: 35585ms;
    -webkit-animation-delay: 32546ms;
    animation-delay: 32546ms
}

@-webkit-keyframes move-frames-94 {
    from {
        transform: translate3d(73vw, 106vh, 0)
    }

    to {
        transform: translate3d(96vw, -119vh, 0)
    }
}

@keyframes move-frames-94 {
    from {
        transform: translate3d(73vw, 106vh, 0)
    }

    to {
        transform: translate3d(96vw, -119vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(94) .circle {
    -webkit-animation-delay: 3077ms;
    animation-delay: 3077ms
}

.wrapper_affiliate .circle-container:nth-child(95) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-95;
    animation-name: move-frames-95;
    -webkit-animation-duration: 32272ms;
    animation-duration: 32272ms;
    -webkit-animation-delay: 26690ms;
    animation-delay: 26690ms
}

@-webkit-keyframes move-frames-95 {
    from {
        transform: translate3d(12vw, 107vh, 0)
    }

    to {
        transform: translate3d(68vw, -113vh, 0)
    }
}

@keyframes move-frames-95 {
    from {
        transform: translate3d(12vw, 107vh, 0)
    }

    to {
        transform: translate3d(68vw, -113vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(95) .circle {
    -webkit-animation-delay: 395ms;
    animation-delay: 395ms
}

.wrapper_affiliate .circle-container:nth-child(96) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-96;
    animation-name: move-frames-96;
    -webkit-animation-duration: 29072ms;
    animation-duration: 29072ms;
    -webkit-animation-delay: 19111ms;
    animation-delay: 19111ms
}

@-webkit-keyframes move-frames-96 {
    from {
        transform: translate3d(72vw, 102vh, 0)
    }

    to {
        transform: translate3d(26vw, -127vh, 0)
    }
}


@keyframes move-frames-96 {
    from {
        transform: translate3d(72vw, 102vh, 0)
    }

    to {
        transform: translate3d(26vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(96) .circle {
    -webkit-animation-delay: 193ms;
    animation-delay: 193ms
}

.wrapper_affiliate .circle-container:nth-child(97) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-97;
    animation-name: move-frames-97;
    -webkit-animation-duration: 36451ms;
    animation-duration: 36451ms;
    -webkit-animation-delay: 22989ms;
    animation-delay: 22989ms
}

@-webkit-keyframes move-frames-97 {
    from {
        transform: translate3d(8vw, 109vh, 0)
    }

    to {
        transform: translate3d(81vw, -135vh, 0)
    }
}

@keyframes move-frames-97 {
    from {
        transform: translate3d(8vw, 109vh, 0)
    }

    to {
        transform: translate3d(81vw, -135vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(97) .circle {
    -webkit-animation-delay: 171ms;
    animation-delay: 171ms
}

.wrapper_affiliate .circle-container:nth-child(98) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-98;
    animation-name: move-frames-98;
    -webkit-animation-duration: 34924ms;
    animation-duration: 34924ms;
    -webkit-animation-delay: 25868ms;
    animation-delay: 25868ms
}

@-webkit-keyframes move-frames-98 {
    from {
        transform: translate3d(80vw, 106vh, 0)
    }

    to {
        transform: translate3d(60vw, -121vh, 0)
    }
}

@keyframes move-frames-98 {
    from {
        transform: translate3d(80vw, 106vh, 0)
    }

    to {
        transform: translate3d(60vw, -121vh, 0)
    }
}

.circle-container:nth-child(98) .circle {
    -webkit-animation-delay: 1694ms;
    animation-delay: 1694ms
}

.circle-container:nth-child(99) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-99;
    animation-name: move-frames-99;
    -webkit-animation-duration: 34184ms;
    animation-duration: 34184ms;
    -webkit-animation-delay: 23487ms;
    animation-delay: 23487ms
}

@-webkit-keyframes move-frames-99 {
    from {
        transform: translate3d(8vw, 110vh, 0)
    }

    to {
        transform: translate3d(56vw, -127vh, 0)
    }
}

@keyframes move-frames-99 {
    from {
        transform: translate3d(8vw, 110vh, 0)
    }

    to {
        transform: translate3d(56vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(99) .circle {
    -webkit-animation-delay: 3116ms;
    animation-delay: 3116ms
}

.wrapper_affiliate .circle-container:nth-child(100) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-100;
    animation-name: move-frames-100;
    -webkit-animation-duration: 35188ms;
    animation-duration: 35188ms;
    -webkit-animation-delay: 32090ms;
    animation-delay: 32090ms
}

@-webkit-keyframes move-frames-100 {
    from {
        transform: translate3d(47vw, 104vh, 0)
    }

    to {
        transform: translate3d(83vw, -121vh, 0)
    }
}

@keyframes move-frames-100 {
    from {
        transform: translate3d(47vw, 104vh, 0)
    }

    to {
        transform: translate3d(83vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(100) .circle {
    -webkit-animation-delay: 3531ms;
    animation-delay: 3531ms
}

.wrapper_affiliate .circle-container:nth-child(101) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-101;
    animation-name: move-frames-101;
    -webkit-animation-duration: 30669ms;
    animation-duration: 30669ms;
    -webkit-animation-delay: 13176ms;
    animation-delay: 13176ms
}

@-webkit-keyframes move-frames-101 {
    from {
        transform: translate3d(84vw, 103vh, 0)
    }

    to {
        transform: translate3d(16vw, -111vh, 0)
    }
}

@keyframes move-frames-101 {
    from {
        transform: translate3d(84vw, 103vh, 0)
    }

    to {
        transform: translate3d(16vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(101) .circle {
    -webkit-animation-delay: 2934ms;
    animation-delay: 2934ms
}

.wrapper_affiliate .circle-container:nth-child(102) {
    width: 2px;
    height: 2px;

    -webkit-animation-name: move-frames-102;
    animation-name: move-frames-102;
    -webkit-animation-duration: 33696ms;
    animation-duration: 33696ms;
    -webkit-animation-delay: 24535ms;
    animation-delay: 24535ms
}

@-webkit-keyframes move-frames-102 {
    from {
        transform: translate3d(95vw, 102vh, 0)
    }

    to {
        transform: translate3d(5vw, -127vh, 0)
    }
}

@keyframes move-frames-102 {
    from {
        transform: translate3d(95vw, 102vh, 0)
    }

    to {
        transform: translate3d(5vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(102) .circle {
    -webkit-animation-delay: 637ms;
    animation-delay: 637ms
}

.wrapper_affiliate .circle-container:nth-child(103) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-103;
    animation-name: move-frames-103;
    -webkit-animation-duration: 34776ms;
    animation-duration: 34776ms;
    -webkit-animation-delay: 35491ms;
    animation-delay: 35491ms
}

@-webkit-keyframes move-frames-103 {
    from {
        transform: translate3d(34vw, 109vh, 0)
    }

    to {
        transform: translate3d(41vw, -114vh, 0)
    }
}

@keyframes move-frames-103 {
    from {
        transform: translate3d(34vw, 109vh, 0)
    }

    to {
        transform: translate3d(41vw, -114vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(103) .circle {
    -webkit-animation-delay: 1291ms;
    animation-delay: 1291ms
}

.wrapper_affiliate .circle-container:nth-child(104) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-104;
    animation-name: move-frames-104;
    -webkit-animation-duration: 33701ms;
    animation-duration: 33701ms;
    -webkit-animation-delay: 33366ms;
    animation-delay: 33366ms
}

@-webkit-keyframes move-frames-104 {
    from {
        transform: translate3d(94vw, 101vh, 0)
    }

    to {
        transform: translate3d(22vw, -131vh, 0)
    }
}

@keyframes move-frames-104 {
    from {
        transform: translate3d(94vw, 101vh, 0)
    }

    to {
        transform: translate3d(22vw, -131vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(104) .circle {
    -webkit-animation-delay: 1131ms;
    animation-delay: 1131ms
}

.wrapper_affiliate .circle-container:nth-child(105) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-105;
    animation-name: move-frames-105;
    -webkit-animation-duration: 32913ms;
    animation-duration: 32913ms;
    -webkit-animation-delay: 2016ms;
    animation-delay: 2016ms
}

@-webkit-keyframes move-frames-105 {
    from {
        transform: translate3d(57vw, 110vh, 0)
    }

    to {
        transform: translate3d(87vw, -112vh, 0)
    }
}

@keyframes move-frames-105 {
    from {
        transform: translate3d(57vw, 110vh, 0)
    }

    to {
        transform: translate3d(87vw, -112vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(105) .circle {
    -webkit-animation-delay: 1205ms;
    animation-delay: 1205ms
}

.wrapper_affiliate .circle-container:nth-child(106) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-106;
    animation-name: move-frames-106;
    -webkit-animation-duration: 36310ms;
    animation-duration: 36310ms;
    -webkit-animation-delay: 18859ms;
    animation-delay: 18859ms
}

@-webkit-keyframes move-frames-106 {
    from {
        transform: translate3d(40vw, 101vh, 0)
    }

    to {
        transform: translate3d(76vw, -103vh, 0)
    }
}

@keyframes move-frames-106 {
    from {
        transform: translate3d(40vw, 101vh, 0)
    }

    to {
        transform: translate3d(76vw, -103vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(106) .circle {
    -webkit-animation-delay: 2969ms;
    animation-delay: 2969ms
}

.wrapper_affiliate .circle-container:nth-child(107) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-107;
    animation-name: move-frames-107;
    -webkit-animation-duration: 31502ms;
    animation-duration: 31502ms;
    -webkit-animation-delay: 24155ms;
    animation-delay: 24155ms
}

@-webkit-keyframes move-frames-107 {
    from {
        transform: translate3d(25vw, 105vh, 0)
    }

    to {
        transform: translate3d(60vw, -128vh, 0)
    }
}

@keyframes move-frames-107 {
    from {
        transform: translate3d(25vw, 105vh, 0)
    }

    to {
        transform: translate3d(60vw, -128vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(107) .circle {
    -webkit-animation-delay: 1273ms;
    animation-delay: 1273ms
}

.wrapper_affiliate .circle-container:nth-child(108) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-108;
    animation-name: move-frames-108;
    -webkit-animation-duration: 35659ms;
    animation-duration: 35659ms;
    -webkit-animation-delay: 27742ms;
    animation-delay: 27742ms
}

@-webkit-keyframes move-frames-108 {
    from {
        transform: translate3d(96vw, 105vh, 0)
    }

    to {
        transform: translate3d(1vw, -127vh, 0)
    }
}

@keyframes move-frames-108 {
    from {
        transform: translate3d(96vw, 105vh, 0)
    }

    to {
        transform: translate3d(1vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(108) .circle {
    -webkit-animation-delay: 3888ms;
    animation-delay: 3888ms
}

.wrapper_affiliate .circle-container:nth-child(109) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-109;
    animation-name: move-frames-109;
    -webkit-animation-duration: 29888ms;
    animation-duration: 29888ms;
    -webkit-animation-delay: 4461ms;
    animation-delay: 4461ms
}

@-webkit-keyframes move-frames-109 {
    from {
        transform: translate3d(95vw, 108vh, 0)
    }

    to {
        transform: translate3d(81vw, -119vh, 0)
    }
}

@keyframes move-frames-109 {
    from {
        transform: translate3d(95vw, 108vh, 0)
    }

    to {
        transform: translate3d(81vw, -119vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(109) .circle {
    -webkit-animation-delay: 3538ms;
    animation-delay: 3538ms
}

.wrapper_affiliate .circle-container:nth-child(110) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-110;
    animation-name: move-frames-110;
    -webkit-animation-duration: 29491ms;
    animation-duration: 29491ms;
    -webkit-animation-delay: 21337ms;
    animation-delay: 21337ms
}

@-webkit-keyframes move-frames-110 {
    from {
        transform: translate3d(64vw, 102vh, 0)
    }



    to {
        transform: translate3d(56vw, -108vh, 0)
    }
}

@keyframes move-frames-110 {
    from {
        transform: translate3d(64vw, 102vh, 0)
    }

    to {
        transform: translate3d(56vw, -108vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(110) .circle {
    -webkit-animation-delay: 2862ms;
    animation-delay: 2862ms
}

.wrapper_affiliate .circle-container:nth-child(111) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-111;
    animation-name: move-frames-111;
    -webkit-animation-duration: 30893ms;
    animation-duration: 30893ms;
    -webkit-animation-delay: 1733ms;
    animation-delay: 1733ms
}

@-webkit-keyframes move-frames-111 {
    from {
        transform: translate3d(43vw, 103vh, 0)
    }

    to {
        transform: translate3d(79vw, -124vh, 0)
    }
}

@keyframes move-frames-111 {
    from {
        transform: translate3d(43vw, 103vh, 0)
    }

    to {
        transform: translate3d(79vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(111) .circle {
    -webkit-animation-delay: 1406ms;
    animation-delay: 1406ms
}

.wrapper_affiliate .circle-container:nth-child(112) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-112;
    animation-name: move-frames-112;
    -webkit-animation-duration: 32812ms;
    animation-duration: 32812ms;
    -webkit-animation-delay: 26368ms;
    animation-delay: 26368ms
}

@-webkit-keyframes move-frames-112 {
    from {
        transform: translate3d(35vw, 109vh, 0)
    }

    to {
        transform: translate3d(20vw, -116vh, 0)
    }
}

@keyframes move-frames-112 {
    from {
        transform: translate3d(35vw, 109vh, 0)
    }

    to {
        transform: translate3d(20vw, -116vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(112) .circle {
    -webkit-animation-delay: 1332ms;
    animation-delay: 1332ms
}

.wrapper_affiliate .circle-container:nth-child(113) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-113;
    animation-name: move-frames-113;
    -webkit-animation-duration: 33399ms;
    animation-duration: 33399ms;
    -webkit-animation-delay: 27662ms;
    animation-delay: 27662ms
}

@-webkit-keyframes move-frames-113 {
    from {
        transform: translate3d(36vw, 110vh, 0)
    }

    to {
        transform: translate3d(32vw, -138vh, 0)
    }
}

@keyframes move-frames-113 {
    from {
        transform: translate3d(36vw, 110vh, 0)
    }

    to {
        transform: translate3d(32vw, -138vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(113) .circle {
    -webkit-animation-delay: 2421ms;
    animation-delay: 2421ms
}

.wrapper_affiliate .circle-container:nth-child(114) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-114;
    animation-name: move-frames-114;
    -webkit-animation-duration: 29829ms;
    animation-duration: 29829ms;
    -webkit-animation-delay: 26977ms;
    animation-delay: 26977ms
}

@-webkit-keyframes move-frames-114 {
    from {
        transform: translate3d(27vw, 108vh, 0)
    }


    to {
        transform: translate3d(36vw, -125vh, 0)
    }
}

@keyframes move-frames-114 {
    from {
        transform: translate3d(27vw, 108vh, 0)
    }

    to {
        transform: translate3d(36vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(114) .circle {
    -webkit-animation-delay: 7ms;
    animation-delay: 7ms
}

.wrapper_affiliate .circle-container:nth-child(115) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-115;
    animation-name: move-frames-115;
    -webkit-animation-duration: 33159ms;
    animation-duration: 33159ms;
    -webkit-animation-delay: 851ms;
    animation-delay: 851ms
}

@-webkit-keyframes move-frames-115 {
    from {
        transform: translate3d(52vw, 103vh, 0)
    }

    to {
        transform: translate3d(75vw, -105vh, 0)
    }
}

@keyframes move-frames-115 {
    from {
        transform: translate3d(52vw, 103vh, 0)
    }

    to {
        transform: translate3d(75vw, -105vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(115) .circle {
    -webkit-animation-delay: 1644ms;
    animation-delay: 1644ms
}

.wrapper_affiliate .circle-container:nth-child(116) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-116;
    animation-name: move-frames-116;
    -webkit-animation-duration: 34218ms;
    animation-duration: 34218ms;
    -webkit-animation-delay: 20300ms;
    animation-delay: 20300ms
}

@-webkit-keyframes move-frames-116 {
    from {
        transform: translate3d(27vw, 106vh, 0)
    }

    to {
        transform: translate3d(10vw, -111vh, 0)
    }
}

@keyframes move-frames-116 {
    from {
        transform: translate3d(27vw, 106vh, 0)
    }

    to {
        transform: translate3d(10vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(116) .circle {
    -webkit-animation-delay: 3135ms;
    animation-delay: 3135ms
}

.wrapper_affiliate .circle-container:nth-child(117) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-117;
    animation-name: move-frames-117;
    -webkit-animation-duration: 31970ms;
    animation-duration: 31970ms;
    -webkit-animation-delay: 13767ms;
    animation-delay: 13767ms
}

@-webkit-keyframes move-frames-117 {
    from {
        transform: translate3d(44vw, 105vh, 0)
    }

    to {
        transform: translate3d(89vw, -126vh, 0)
    }
}

@keyframes move-frames-117 {
    from {
        transform: translate3d(44vw, 105vh, 0)
    }

    to {
        transform: translate3d(89vw, -126vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(117) .circle {
    -webkit-animation-delay: 1497ms;
    animation-delay: 1497ms
}

.wrapper_affiliate .circle-container:nth-child(118) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-118;
    animation-name: move-frames-118;
    -webkit-animation-duration: 34550ms;
    animation-duration: 34550ms;
    -webkit-animation-delay: 5616ms;
    animation-delay: 5616ms
}

@-webkit-keyframes move-frames-118 {
    from {
        transform: translate3d(83vw, 107vh, 0)
    }

    to {
        transform: translate3d(30vw, -137vh, 0)
    }
}

@keyframes move-frames-118 {
    from {
        transform: translate3d(83vw, 107vh, 0)
    }

    to {
        transform: translate3d(30vw, -137vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(118) .circle {
    -webkit-animation-delay: 3498ms;
    animation-delay: 3498ms
}

.wrapper_affiliate .circle-container:nth-child(119) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-119;
    animation-name: move-frames-119;
    -webkit-animation-duration: 29680ms;
    animation-duration: 29680ms;
    -webkit-animation-delay: 28802ms;
    animation-delay: 28802ms
}

@-webkit-keyframes move-frames-119 {
    from {
        transform: translate3d(80vw, 110vh, 0)
    }

    to {
        transform: translate3d(36vw, -133vh, 0)
    }
}

@keyframes move-frames-119 {
    from {
        transform: translate3d(80vw, 110vh, 0)
    }

    to {
        transform: translate3d(36vw, -133vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(119) .circle {
    -webkit-animation-delay: 221ms;
    animation-delay: 221ms
}

.wrapper_affiliate .circle-container:nth-child(120) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-120;
    animation-name: move-frames-120;
    -webkit-animation-duration: 29843ms;
    animation-duration: 29843ms;
    -webkit-animation-delay: 15653ms;
    animation-delay: 15653ms
}

@-webkit-keyframes move-frames-120 {
    from {
        transform: translate3d(88vw, 108vh, 0)
    }

    to {
        transform: translate3d(20vw, -115vh, 0)
    }
}

@keyframes move-frames-120 {
    from {
        transform: translate3d(88vw, 108vh, 0)
    }

    to {

        transform: translate3d(20vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(120) .circle {
    -webkit-animation-delay: 2283ms;
    animation-delay: 2283ms
}

.wrapper_affiliate .circle-container:nth-child(121) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-121;
    animation-name: move-frames-121;
    -webkit-animation-duration: 33518ms;
    animation-duration: 33518ms;
    -webkit-animation-delay: 16676ms;
    animation-delay: 16676ms
}

@-webkit-keyframes move-frames-121 {
    from {

        transform: translate3d(42vw, 109vh, 0)
    }

    to {
        transform: translate3d(41vw, -130vh, 0)
    }
}

@keyframes move-frames-121 {
    from {
        transform: translate3d(42vw, 109vh, 0)
    }

    to {
        transform: translate3d(41vw, -130vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(121) .circle {
    -webkit-animation-delay: 3587ms;
    animation-delay: 3587ms
}

.wrapper_affiliate .circle-container:nth-child(122) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-122;
    animation-name: move-frames-122;
    -webkit-animation-duration: 35362ms;
    animation-duration: 35362ms;
    -webkit-animation-delay: 25079ms;
    animation-delay: 25079ms
}

@-webkit-keyframes move-frames-122 {
    from {
        transform: translate3d(45vw, 107vh, 0)
    }

    to {
        transform: translate3d(4vw, -127vh, 0)
    }
}

@keyframes move-frames-122 {
    from {
        transform: translate3d(45vw, 107vh, 0)
    }

    to {
        transform: translate3d(4vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(122) .circle {
    -webkit-animation-delay: 1559ms;
    animation-delay: 1559ms
}

.wrapper_affiliate .circle-container:nth-child(123) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-123;
    animation-name: move-frames-123;
    -webkit-animation-duration: 36403ms;
    animation-duration: 36403ms;
    -webkit-animation-delay: 5831ms;
    animation-delay: 5831ms
}

@-webkit-keyframes move-frames-123 {
    from {
        transform: translate3d(24vw, 103vh, 0)
    }

    to {
        transform: translate3d(92vw, -132vh, 0)
    }
}

@keyframes move-frames-123 {
    from {
        transform: translate3d(24vw, 103vh, 0)
    }

    to {
        transform: translate3d(92vw, -132vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(123) .circle {
    -webkit-animation-delay: 2695ms;
    animation-delay: 2695ms
}

.wrapper_affiliate .circle-container:nth-child(124) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-124;
    animation-name: move-frames-124;
    -webkit-animation-duration: 36350ms;
    animation-duration: 36350ms;
    -webkit-animation-delay: 13111ms;
    animation-delay: 13111ms
}

@-webkit-keyframes move-frames-124 {
    from {
        transform: translate3d(80vw, 105vh, 0)
    }

    to {
        transform: translate3d(37vw, -131vh, 0)
    }
}

@keyframes move-frames-124 {
    from {
        transform: translate3d(80vw, 105vh, 0)
    }

    to {
        transform: translate3d(37vw, -131vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(124) .circle {
    -webkit-animation-delay: 3497ms;
    animation-delay: 3497ms
}

.wrapper_affiliate .circle-container:nth-child(125) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-125;
    animation-name: move-frames-125;
    -webkit-animation-duration: 32925ms;
    animation-duration: 32925ms;
    -webkit-animation-delay: 14998ms;
    animation-delay: 14998ms
}

@-webkit-keyframes move-frames-125 {
    from {
        transform: translate3d(18vw, 103vh, 0)
    }

    to {
        transform: translate3d(71vw, -133vh, 0)
    }
}

@keyframes move-frames-125 {
    from {
        transform: translate3d(18vw, 103vh, 0)
    }

    to {
        transform: translate3d(71vw, -133vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(125) .circle {
    -webkit-animation-delay: 1617ms;
    animation-delay: 1617ms
}

.wrapper_affiliate .circle-container:nth-child(126) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-126;
    animation-name: move-frames-126;
    -webkit-animation-duration: 31379ms;
    animation-duration: 31379ms;
    -webkit-animation-delay: 10864ms;
    animation-delay: 10864ms
}

@-webkit-keyframes move-frames-126 {
    from {
        transform: translate3d(41vw, 110vh, 0)
    }

    to {
        transform: translate3d(80vw, -134vh, 0)
    }
}

@keyframes move-frames-126 {
    from {
        transform: translate3d(41vw, 110vh, 0)
    }

    to {
        transform: translate3d(80vw, -134vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(126) .circle {
    -webkit-animation-delay: 2014ms;
    animation-delay: 2014ms
}

.wrapper_affiliate .circle-container:nth-child(127) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-127;
    animation-name: move-frames-127;
    -webkit-animation-duration: 34572ms;
    animation-duration: 34572ms;
    -webkit-animation-delay: 30640ms;
    animation-delay: 30640ms
}

@-webkit-keyframes move-frames-127 {
    from {
        transform: translate3d(69vw, 108vh, 0)
    }

    to {
        transform: translate3d(98vw, -123vh, 0)
    }
}

@keyframes move-frames-127 {
    from {
        transform: translate3d(69vw, 108vh, 0)
    }

    to {
        transform: translate3d(98vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(127) .circle {
    -webkit-animation-delay: 3255ms;
    animation-delay: 3255ms
}

.wrapper_affiliate .circle-container:nth-child(128) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-128;
    animation-name: move-frames-128;
    -webkit-animation-duration: 30532ms;
    animation-duration: 30532ms;
    -webkit-animation-delay: 2038ms;
    animation-delay: 2038ms
}

@-webkit-keyframes move-frames-128 {
    from {
        transform: translate3d(47vw, 101vh, 0)
    }

    to {
        transform: translate3d(34vw, -119vh, 0)
    }
}

@keyframes move-frames-128 {
    from {
        transform: translate3d(47vw, 101vh, 0)
    }

    to {
        transform: translate3d(34vw, -119vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(128) .circle {
    -webkit-animation-delay: 856ms;
    animation-delay: 856ms
}

.wrapper_affiliate .circle-container:nth-child(129) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-129;
    animation-name: move-frames-129;
    -webkit-animation-duration: 32755ms;
    animation-duration: 32755ms;
    -webkit-animation-delay: 30100ms;
    animation-delay: 30100ms
}

@-webkit-keyframes move-frames-129 {
    from {
        transform: translate3d(49vw, 101vh, 0)
    }

    to {
        transform: translate3d(46vw, -129vh, 0)
    }
}

@keyframes move-frames-129 {
    from {
        transform: translate3d(49vw, 101vh, 0)
    }

    to {
        transform: translate3d(46vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(129) .circle {
    -webkit-animation-delay: 1853ms;
    animation-delay: 1853ms
}

.wrapper_affiliate .circle-container:nth-child(130) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-130;
    animation-name: move-frames-130;
    -webkit-animation-duration: 30107ms;
    animation-duration: 30107ms;
    -webkit-animation-delay: 6747ms;
    animation-delay: 6747ms
}

@-webkit-keyframes move-frames-130 {
    from {
        transform: translate3d(38vw, 105vh, 0)
    }

    to {
        transform: translate3d(18vw, -109vh, 0)
    }
}

@keyframes move-frames-130 {
    from {
        transform: translate3d(38vw, 105vh, 0)
    }

    to {
        transform: translate3d(18vw, -109vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(130) .circle {
    -webkit-animation-delay: 2541ms;
    animation-delay: 2541ms
}

.wrapper_affiliate .circle-container:nth-child(131) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-131;
    animation-name: move-frames-131;
    -webkit-animation-duration: 28974ms;
    animation-duration: 28974ms;
    -webkit-animation-delay: 32412ms;
    animation-delay: 32412ms
}

@-webkit-keyframes move-frames-131 {
    from {
        transform: translate3d(54vw, 109vh, 0)
    }

    to {
        transform: translate3d(94vw, -129vh, 0)
    }
}

@keyframes move-frames-131 {
    from {
        transform: translate3d(54vw, 109vh, 0)
    }

    to {
        transform: translate3d(94vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(131) .circle {
    -webkit-animation-delay: 2266ms;
    animation-delay: 2266ms
}

.wrapper_affiliate .circle-container:nth-child(132) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-132;
    animation-name: move-frames-132;
    -webkit-animation-duration: 32950ms;
    animation-duration: 32950ms;
    -webkit-animation-delay: 29403ms;
    animation-delay: 29403ms
}

@-webkit-keyframes move-frames-132 {
    from {
        transform: translate3d(30vw, 107vh, 0)
    }

    to {
        transform: translate3d(61vw, -119vh, 0)
    }
}

@keyframes move-frames-132 {
    from {
        transform: translate3d(30vw, 107vh, 0)
    }

    to {
        transform: translate3d(61vw, -119vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(132) .circle {
    -webkit-animation-delay: 3177ms;
    animation-delay: 3177ms
}

.wrapper_affiliate .circle-container:nth-child(133) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-133;
    animation-name: move-frames-133;
    -webkit-animation-duration: 34152ms;
    animation-duration: 34152ms;
    -webkit-animation-delay: 14527ms;
    animation-delay: 14527ms
}

@-webkit-keyframes move-frames-133 {
    from {
        transform: translate3d(62vw, 109vh, 0)
    }

    to {
        transform: translate3d(36vw, -124vh, 0)
    }
}

@keyframes move-frames-133 {
    from {
        transform: translate3d(62vw, 109vh, 0)
    }

    to {
        transform: translate3d(36vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(133) .circle {
    -webkit-animation-delay: 1883ms;
    animation-delay: 1883ms
}

.wrapper_affiliate .circle-container:nth-child(134) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-134;
    animation-name: move-frames-134;
    -webkit-animation-duration: 36137ms;
    animation-duration: 36137ms;
    -webkit-animation-delay: 12732ms;
    animation-delay: 12732ms
}

@-webkit-keyframes move-frames-134 {
    from {
        transform: translate3d(80vw, 108vh, 0)
    }

    to {
        transform: translate3d(31vw, -116vh, 0)
    }
}

@keyframes move-frames-134 {
    from {
        transform: translate3d(80vw, 108vh, 0)
    }

    to {
        transform: translate3d(31vw, -116vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(134) .circle {
    -webkit-animation-delay: 49ms;
    animation-delay: 49ms
}

.wrapper_affiliate .circle-container:nth-child(135) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-135;
    animation-name: move-frames-135;
    -webkit-animation-duration: 35447ms;
    animation-duration: 35447ms;
    -webkit-animation-delay: 32845ms;
    animation-delay: 32845ms
}

@-webkit-keyframes move-frames-135 {
    from {
        transform: translate3d(98vw, 109vh, 0)
    }

    to {
        transform: translate3d(33vw, -114vh, 0)
    }
}

@keyframes move-frames-135 {
    from {
        transform: translate3d(98vw, 109vh, 0)
    }

    to {
        transform: translate3d(33vw, -114vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(135) .circle {
    -webkit-animation-delay: 3141ms;
    animation-delay: 3141ms
}

.wrapper_affiliate .circle-container:nth-child(136) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-136;
    animation-name: move-frames-136;
    -webkit-animation-duration: 36326ms;
    animation-duration: 36326ms;
    -webkit-animation-delay: 20476ms;
    animation-delay: 20476ms
}

@-webkit-keyframes move-frames-136 {
    from {
        transform: translate3d(52vw, 110vh, 0)
    }

    to {
        transform: translate3d(87vw, -114vh, 0)
    }
}

@keyframes move-frames-136 {
    from {
        transform: translate3d(52vw, 110vh, 0)
    }

    to {
        transform: translate3d(87vw, -114vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(136) .circle {
    -webkit-animation-delay: 3341ms;
    animation-delay: 3341ms
}

.wrapper_affiliate .circle-container:nth-child(137) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-137;
    animation-name: move-frames-137;
    -webkit-animation-duration: 32049ms;
    animation-duration: 32049ms;
    -webkit-animation-delay: 33202ms;
    animation-delay: 33202ms
}

@-webkit-keyframes move-frames-137 {
    from {
        transform: translate3d(20vw, 104vh, 0)
    }

    to {
        transform: translate3d(10vw, -111vh, 0)
    }
}

@keyframes move-frames-137 {
    from {
        transform: translate3d(20vw, 104vh, 0)
    }

    to {
        transform: translate3d(10vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(137) .circle {
    -webkit-animation-delay: 3503ms;
    animation-delay: 3503ms
}

.wrapper_affiliate .circle-container:nth-child(138) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-138;
    animation-name: move-frames-138;
    -webkit-animation-duration: 32643ms;
    animation-duration: 32643ms;
    -webkit-animation-delay: 31843ms;
    animation-delay: 31843ms
}

@-webkit-keyframes move-frames-138 {
    from {
        transform: translate3d(15vw, 107vh, 0)
    }

    to {
        transform: translate3d(1vw, -121vh, 0)
    }
}

@keyframes move-frames-138 {
    from {
        transform: translate3d(15vw, 107vh, 0)
    }

    to {
        transform: translate3d(1vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(138) .circle {
    -webkit-animation-delay: 3519ms;
    animation-delay: 3519ms
}

.wrapper_affiliate .circle-container:nth-child(139) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-139;
    animation-name: move-frames-139;
    -webkit-animation-duration: 31280ms;
    animation-duration: 31280ms;
    -webkit-animation-delay: 16529ms;
    animation-delay: 16529ms
}

@-webkit-keyframes move-frames-139 {

    from {
        transform: translate3d(72vw, 110vh, 0)
    }

    to {
        transform: translate3d(4vw, -121vh, 0)
    }
}

@keyframes move-frames-139 {
    from {
        transform: translate3d(72vw, 110vh, 0)
    }

    to {
        transform: translate3d(4vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(139) .circle {
    -webkit-animation-delay: 99ms;
    animation-delay: 99ms
}

.wrapper_affiliate .circle-container:nth-child(140) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-140;
    animation-name: move-frames-140;
    -webkit-animation-duration: 34658ms;
    animation-duration: 34658ms;
    -webkit-animation-delay: 18784ms;
    animation-delay: 18784ms
}

@-webkit-keyframes move-frames-140 {
    from {
        transform: translate3d(71vw, 108vh, 0)
    }

    to {
        transform: translate3d(33vw, -127vh, 0)
    }
}

@keyframes move-frames-140 {
    from {
        transform: translate3d(71vw, 108vh, 0)
    }

    to {
        transform: translate3d(33vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(140) .circle {
    -webkit-animation-delay: 3533ms;
    animation-delay: 3533ms
}

.wrapper_affiliate .circle-container:nth-child(141) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-141;
    animation-name: move-frames-141;
    -webkit-animation-duration: 36639ms;
    animation-duration: 36639ms;
    -webkit-animation-delay: 22425ms;
    animation-delay: 22425ms
}

@-webkit-keyframes move-frames-141 {
    from {
        transform: translate3d(62vw, 108vh, 0)
    }

    to {
        transform: translate3d(38vw, -120vh, 0)
    }
}

@keyframes move-frames-141 {
    from {
        transform: translate3d(62vw, 108vh, 0)
    }

    to {
        transform: translate3d(38vw, -120vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(141) .circle {
    -webkit-animation-delay: 1632ms;
    animation-delay: 1632ms
}

.wrapper_affiliate .circle-container:nth-child(142) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-142;
    animation-name: move-frames-142;
    -webkit-animation-duration: 32557ms;
    animation-duration: 32557ms;
    -webkit-animation-delay: 16449ms;
    animation-delay: 16449ms
}

@-webkit-keyframes move-frames-142 {
    from {
        transform: translate3d(76vw, 108vh, 0)
    }

    to {
        transform: translate3d(2vw, -132vh, 0)
    }
}

@keyframes move-frames-142 {
    from {
        transform: translate3d(76vw, 108vh, 0)
    }

    to {
        transform: translate3d(2vw, -132vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(142) .circle {
    -webkit-animation-delay: 1308ms;
    animation-delay: 1308ms
}

.wrapper_affiliate .circle-container:nth-child(143) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-143;
    animation-name: move-frames-143;
    -webkit-animation-duration: 30781ms;
    animation-duration: 30781ms;
    -webkit-animation-delay: 18548ms;
    animation-delay: 18548ms
}

@-webkit-keyframes move-frames-143 {
    from {
        transform: translate3d(65vw, 101vh, 0)
    }

    to {
        transform: translate3d(37vw, -104vh, 0)
    }
}

@keyframes move-frames-143 {
    from {
        transform: translate3d(65vw, 101vh, 0)
    }

    to {
        transform: translate3d(37vw, -104vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(143) .circle {
    -webkit-animation-delay: 2987ms;
    animation-delay: 2987ms
}

.wrapper_affiliate .circle-container:nth-child(144) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-144;
    animation-name: move-frames-144;
    -webkit-animation-duration: 33154ms;
    animation-duration: 33154ms;
    -webkit-animation-delay: 34246ms;
    animation-delay: 34246ms
}

@-webkit-keyframes move-frames-144 {
    from {
        transform: translate3d(32vw, 104vh, 0)
    }

    to {
        transform: translate3d(52vw, -114vh, 0)
    }
}

@keyframes move-frames-144 {
    from {
        transform: translate3d(32vw, 104vh, 0)
    }

    to {
        transform: translate3d(52vw, -114vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(144) .circle {
    -webkit-animation-delay: 1347ms;
    animation-delay: 1347ms
}

.wrapper_affiliate .circle-container:nth-child(145) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-145;
    animation-name: move-frames-145;
    -webkit-animation-duration: 36399ms;
    animation-duration: 36399ms;
    -webkit-animation-delay: 15452ms;
    animation-delay: 15452ms
}

@-webkit-keyframes move-frames-145 {
    from {
        transform: translate3d(37vw, 107vh, 0)
    }

    to {
        transform: translate3d(31vw, -121vh, 0)
    }
}

@keyframes move-frames-145 {
    from {
        transform: translate3d(37vw, 107vh, 0)
    }

    to {
        transform: translate3d(31vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(145) .circle {
    -webkit-animation-delay: 2703ms;
    animation-delay: 2703ms
}

.wrapper_affiliate .circle-container:nth-child(146) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-146;
    animation-name: move-frames-146;
    -webkit-animation-duration: 34505ms;
    animation-duration: 34505ms;
    -webkit-animation-delay: 20089ms;
    animation-delay: 20089ms
}

@-webkit-keyframes move-frames-146 {
    from {
        transform: translate3d(17vw, 102vh, 0)
    }

    to {
        transform: translate3d(59vw, -124vh, 0)
    }
}

@keyframes move-frames-146 {
    from {
        transform: translate3d(17vw, 102vh, 0)
    }

    to {
        transform: translate3d(59vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(146) .circle {
    -webkit-animation-delay: 3023ms;
    animation-delay: 3023ms
}

.wrapper_affiliate .circle-container:nth-child(147) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-147;
    animation-name: move-frames-147;
    -webkit-animation-duration: 32164ms;
    animation-duration: 32164ms;
    -webkit-animation-delay: 26073ms;
    animation-delay: 26073ms
}

@-webkit-keyframes move-frames-147 {
    from {
        transform: translate3d(82vw, 102vh, 0)
    }

    to {
        transform: translate3d(59vw, -126vh, 0)
    }
}

@keyframes move-frames-147 {
    from {
        transform: translate3d(82vw, 102vh, 0)
    }

    to {
        transform: translate3d(59vw, -126vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(147) .circle {
    -webkit-animation-delay: 1396ms;
    animation-delay: 1396ms
}

.wrapper_affiliate .circle-container:nth-child(148) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-148;
    animation-name: move-frames-148;
    -webkit-animation-duration: 35342ms;
    animation-duration: 35342ms;
    -webkit-animation-delay: 23888ms;
    animation-delay: 23888ms
}

@-webkit-keyframes move-frames-148 {
    from {
        transform: translate3d(52vw, 102vh, 0)
    }

    to {
        transform: translate3d(24vw, -123vh, 0)
    }
}

@keyframes move-frames-148 {
    from {
        transform: translate3d(52vw, 102vh, 0)
    }

    to {
        transform: translate3d(24vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(148) .circle {
    -webkit-animation-delay: 1027ms;
    animation-delay: 1027ms
}

.wrapper_affiliate .circle-container:nth-child(149) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-149;
    animation-name: move-frames-149;
    -webkit-animation-duration: 33841ms;
    animation-duration: 33841ms;
    -webkit-animation-delay: 23109ms;
    animation-delay: 23109ms
}

@-webkit-keyframes move-frames-149 {
    from {
        transform: translate3d(99vw, 105vh, 0)
    }

    to {
        transform: translate3d(76vw, -110vh, 0)
    }
}

@keyframes move-frames-149 {
    from {
        transform: translate3d(99vw, 105vh, 0)
    }

    to {
        transform: translate3d(76vw, -110vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(149) .circle {
    -webkit-animation-delay: 1075ms;
    animation-delay: 1075ms
}

.wrapper_affiliate .circle-container:nth-child(150) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-150;
    animation-name: move-frames-150;
    -webkit-animation-duration: 32746ms;
    animation-duration: 32746ms;
    -webkit-animation-delay: 18995ms;
    animation-delay: 18995ms
}

@-webkit-keyframes move-frames-150 {
    from {
        transform: translate3d(67vw, 106vh, 0)
    }

    to {
        transform: translate3d(55vw, -125vh, 0)
    }
}

@keyframes move-frames-150 {
    from {
        transform: translate3d(67vw, 106vh, 0)
    }

    to {
        transform: translate3d(55vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(150) .circle {
    -webkit-animation-delay: 3798ms;
    animation-delay: 3798ms
}

.wrapper_affiliate .circle-container:nth-child(151) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-151;
    animation-name: move-frames-151;
    -webkit-animation-duration: 28672ms;
    animation-duration: 28672ms;
    -webkit-animation-delay: 21406ms;
    animation-delay: 21406ms
}

@-webkit-keyframes move-frames-151 {
    from {
        transform: translate3d(69vw, 102vh, 0)
    }

    to {
        transform: translate3d(34vw, -122vh, 0)
    }
}

@keyframes move-frames-151 {
    from {
        transform: translate3d(69vw, 102vh, 0)
    }

    to {
        transform: translate3d(34vw, -122vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(151) .circle {
    -webkit-animation-delay: 2462ms;
    animation-delay: 2462ms
}

.wrapper_affiliate .circle-container:nth-child(152) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-152;
    animation-name: move-frames-152;
    -webkit-animation-duration: 33176ms;
    animation-duration: 33176ms;
    -webkit-animation-delay: 13875ms;
    animation-delay: 13875ms
}

@-webkit-keyframes move-frames-152 {
    from {
        transform: translate3d(98vw, 110vh, 0)
    }

    to {
        transform: translate3d(51vw, -120vh, 0)
    }
}

@keyframes move-frames-152 {
    from {

        transform: translate3d(98vw, 110vh, 0)
    }

    to {
        transform: translate3d(51vw, -120vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(152) .circle {
    -webkit-animation-delay: 3216ms;
    animation-delay: 3216ms
}

.wrapper_affiliate .circle-container:nth-child(153) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-153;
    animation-name: move-frames-153;
    -webkit-animation-duration: 36527ms;
    animation-duration: 36527ms;
    -webkit-animation-delay: 25821ms;
    animation-delay: 25821ms
}

@-webkit-keyframes move-frames-153 {
    from {
        transform: translate3d(60vw, 104vh, 0)
    }

    to {
        transform: translate3d(14vw, -117vh, 0)
    }
}

@keyframes move-frames-153 {
    from {
        transform: translate3d(60vw, 104vh, 0)
    }

    to {
        transform: translate3d(14vw, -117vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(153) .circle {
    -webkit-animation-delay: 2869ms;
    animation-delay: 2869ms
}

.wrapper_affiliate .circle-container:nth-child(154) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-154;
    animation-name: move-frames-154;
    -webkit-animation-duration: 34539ms;
    animation-duration: 34539ms;
    -webkit-animation-delay: 128ms;
    animation-delay: 128ms
}

@-webkit-keyframes move-frames-154 {
    from {
        transform: translate3d(32vw, 109vh, 0)
    }

    to {
        transform: translate3d(91vw, -128vh, 0)
    }
}

@keyframes move-frames-154 {
    from {
        transform: translate3d(32vw, 109vh, 0)
    }

    to {
        transform: translate3d(91vw, -128vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(154) .circle {
    -webkit-animation-delay: 1763ms;
    animation-delay: 1763ms
}

.wrapper_affiliate .circle-container:nth-child(155) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-155;
    animation-name: move-frames-155;
    -webkit-animation-duration: 30482ms;
    animation-duration: 30482ms;
    -webkit-animation-delay: 4096ms;
    animation-delay: 4096ms
}

@-webkit-keyframes move-frames-155 {
    from {
        transform: translate3d(58vw, 104vh, 0)
    }

    to {
        transform: translate3d(45vw, -125vh, 0)
    }
}

@keyframes move-frames-155 {
    from {
        transform: translate3d(58vw, 104vh, 0)
    }

    to {
        transform: translate3d(45vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(155) .circle {
    -webkit-animation-delay: 1868ms;
    animation-delay: 1868ms
}

.wrapper_affiliate .circle-container:nth-child(156) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-156;
    animation-name: move-frames-156;
    -webkit-animation-duration: 28940ms;
    animation-duration: 28940ms;
    -webkit-animation-delay: 19206ms;
    animation-delay: 19206ms
}

@-webkit-keyframes move-frames-156 {
    from {
        transform: translate3d(65vw, 108vh, 0)
    }

    to {
        transform: translate3d(37vw, -123vh, 0)
    }
}

@keyframes move-frames-156 {
    from {
        transform: translate3d(65vw, 108vh, 0)
    }

    to {
        transform: translate3d(37vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(156) .circle {
    -webkit-animation-delay: 525ms;
    animation-delay: 525ms
}

.wrapper_affiliate .circle-container:nth-child(157) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-157;
    animation-name: move-frames-157;
    -webkit-animation-duration: 34539ms;
    animation-duration: 34539ms;
    -webkit-animation-delay: 461ms;
    animation-delay: 461ms
}

@-webkit-keyframes move-frames-157 {
    from {
        transform: translate3d(1vw, 101vh, 0)
    }

    to {
        transform: translate3d(46vw, -129vh, 0)
    }
}

@keyframes move-frames-157 {
    from {
        transform: translate3d(1vw, 101vh, 0)
    }

    to {
        transform: translate3d(46vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(157) .circle {
    -webkit-animation-delay: 2256ms;
    animation-delay: 2256ms
}

.wrapper_affiliate .circle-container:nth-child(158) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-158;
    animation-name: move-frames-158;
    -webkit-animation-duration: 36471ms;
    animation-duration: 36471ms;
    -webkit-animation-delay: 1741ms;
    animation-delay: 1741ms
}

@-webkit-keyframes move-frames-158 {
    from {
        transform: translate3d(15vw, 110vh, 0)
    }

    to {
        transform: translate3d(86vw, -121vh, 0)
    }
}

@keyframes move-frames-158 {
    from {
        transform: translate3d(15vw, 110vh, 0)
    }

    to {
        transform: translate3d(86vw, -121vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(158) .circle {
    -webkit-animation-delay: 2448ms;
    animation-delay: 2448ms
}

.wrapper_affiliate .circle-container:nth-child(159) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-159;

    animation-name: move-frames-159;
    -webkit-animation-duration: 35433ms;
    animation-duration: 35433ms;
    -webkit-animation-delay: 22091ms;
    animation-delay: 22091ms
}

@-webkit-keyframes move-frames-159 {
    from {
        transform: translate3d(87vw, 101vh, 0)
    }

    to {
        transform: translate3d(71vw, -129vh, 0)
    }
}

@keyframes move-frames-159 {
    from {
        transform: translate3d(87vw, 101vh, 0)
    }

    to {
        transform: translate3d(71vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(159) .circle {
    -webkit-animation-delay: 2721ms;
    animation-delay: 2721ms
}

.wrapper_affiliate .circle-container:nth-child(160) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-160;
    animation-name: move-frames-160;
    -webkit-animation-duration: 30529ms;
    animation-duration: 30529ms;
    -webkit-animation-delay: 1701ms;
    animation-delay: 1701ms
}

@-webkit-keyframes move-frames-160 {
    from {
        transform: translate3d(86vw, 109vh, 0)
    }

    to {
        transform: translate3d(20vw, -111vh, 0)
    }
}

@keyframes move-frames-160 {
    from {
        transform: translate3d(86vw, 109vh, 0)
    }

    to {
        transform: translate3d(20vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(160) .circle {
    -webkit-animation-delay: 2063ms;
    animation-delay: 2063ms
}

.wrapper_affiliate .circle-container:nth-child(161) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-161;
    animation-name: move-frames-161;
    -webkit-animation-duration: 30059ms;
    animation-duration: 30059ms;
    -webkit-animation-delay: 29401ms;
    animation-delay: 29401ms
}

@-webkit-keyframes move-frames-161 {
    from {
        transform: translate3d(38vw, 103vh, 0)
    }

    to {
        transform: translate3d(81vw, -124vh, 0)
    }
}

@keyframes move-frames-161 {
    from {
        transform: translate3d(38vw, 103vh, 0)
    }

    to {
        transform: translate3d(81vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(161) .circle {
    -webkit-animation-delay: 3617ms;
    animation-delay: 3617ms
}

.wrapper_affiliate .circle-container:nth-child(162) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-162;
    animation-name: move-frames-162;
    -webkit-animation-duration: 32850ms;
    animation-duration: 32850ms;
    -webkit-animation-delay: 8127ms;
    animation-delay: 8127ms
}

@-webkit-keyframes move-frames-162 {
    from {
        transform: translate3d(81vw, 107vh, 0)
    }

    to {
        transform: translate3d(86vw, -111vh, 0)
    }
}

@keyframes move-frames-162 {
    from {
        transform: translate3d(81vw, 107vh, 0)
    }

    to {
        transform: translate3d(86vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(162) .circle {
    -webkit-animation-delay: 1562ms;
    animation-delay: 1562ms
}

.wrapper_affiliate .circle-container:nth-child(163) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-163;
    animation-name: move-frames-163;
    -webkit-animation-duration: 31684ms;
    animation-duration: 31684ms;
    -webkit-animation-delay: 6293ms;
    animation-delay: 6293ms
}

@-webkit-keyframes move-frames-163 {
    from {
        transform: translate3d(55vw, 102vh, 0)
    }

    to {
        transform: translate3d(41vw, -122vh, 0)
    }
}

@keyframes move-frames-163 {
    from {
        transform: translate3d(55vw, 102vh, 0)
    }

    to {
        transform: translate3d(41vw, -122vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(163) .circle {
    -webkit-animation-delay: 2657ms;
    animation-delay: 2657ms
}

.wrapper_affiliate .circle-container:nth-child(164) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-164;
    animation-name: move-frames-164;
    -webkit-animation-duration: 29341ms;
    animation-duration: 29341ms;
    -webkit-animation-delay: 34400ms;
    animation-delay: 34400ms
}

@-webkit-keyframes move-frames-164 {
    from {
        transform: translate3d(96vw, 106vh, 0)
    }

    to {
        transform: translate3d(1vw, -110vh, 0)
    }
}

@keyframes move-frames-164 {
    from {
        transform: translate3d(96vw, 106vh, 0)
    }

    to {
        transform: translate3d(1vw, -110vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(164) .circle {
    -webkit-animation-delay: 2240ms;
    animation-delay: 2240ms
}

.wrapper_affiliate .circle-container:nth-child(165) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-165;

    animation-name: move-frames-165;
    -webkit-animation-duration: 36953ms;
    animation-duration: 36953ms;
    -webkit-animation-delay: 8808ms;
    animation-delay: 8808ms
}

@-webkit-keyframes move-frames-165 {
    from {
        transform: translate3d(81vw, 108vh, 0)
    }

    to {
        transform: translate3d(30vw, -137vh, 0)
    }
}

@keyframes move-frames-165 {
    from {
        transform: translate3d(81vw, 108vh, 0)
    }

    to {
        transform: translate3d(30vw, -137vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(165) .circle {
    -webkit-animation-delay: 2401ms;
    animation-delay: 2401ms
}

.wrapper_affiliate .circle-container:nth-child(166) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-166;
    animation-name: move-frames-166;
    -webkit-animation-duration: 33757ms;
    animation-duration: 33757ms;
    -webkit-animation-delay: 28924ms;
    animation-delay: 28924ms
}

@-webkit-keyframes move-frames-166 {
    from {
        transform: translate3d(15vw, 101vh, 0)
    }

    to {
        transform: translate3d(74vw, -103vh, 0)
    }
}

@keyframes move-frames-166 {
    from {
        transform: translate3d(15vw, 101vh, 0)
    }

    to {
        transform: translate3d(74vw, -103vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(166) .circle {
    -webkit-animation-delay: 1850ms;
    animation-delay: 1850ms
}

.wrapper_affiliate .circle-container:nth-child(167) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-167;
    animation-name: move-frames-167;
    -webkit-animation-duration: 28317ms;
    animation-duration: 28317ms;
    -webkit-animation-delay: 13134ms;
    animation-delay: 13134ms
}

@-webkit-keyframes move-frames-167 {
    from {
        transform: translate3d(19vw, 110vh, 0)
    }

    to {
        transform: translate3d(47vw, -139vh, 0)
    }
}

@keyframes move-frames-167 {
    from {
        transform: translate3d(19vw, 110vh, 0)
    }

    to {
        transform: translate3d(47vw, -139vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(167) .circle {
    -webkit-animation-delay: 2101ms;
    animation-delay: 2101ms
}

.wrapper_affiliate .circle-container:nth-child(168) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: move-frames-168;
    animation-name: move-frames-168;
    -webkit-animation-duration: 28657ms;
    animation-duration: 28657ms;
    -webkit-animation-delay: 899ms;
    animation-delay: 899ms
}

@-webkit-keyframes move-frames-168 {
    from {
        transform: translate3d(76vw, 103vh, 0)
    }

    to {
        transform: translate3d(45vw, -118vh, 0)
    }
}

@keyframes move-frames-168 {
    from {
        transform: translate3d(76vw, 103vh, 0)
    }

    to {
        transform: translate3d(45vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(168) .circle {
    -webkit-animation-delay: 2196ms;
    animation-delay: 2196ms
}

.wrapper_affiliate .circle-container:nth-child(169) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-169;
    animation-name: move-frames-169;
    -webkit-animation-duration: 33454ms;
    animation-duration: 33454ms;
    -webkit-animation-delay: 26120ms;
    animation-delay: 26120ms
}

@-webkit-keyframes move-frames-169 {
    from {
        transform: translate3d(36vw, 103vh, 0)
    }

    to {
        transform: translate3d(31vw, -116vh, 0)
    }
}

@keyframes move-frames-169 {
    from {
        transform: translate3d(36vw, 103vh, 0)
    }

    to {
        transform: translate3d(31vw, -116vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(169) .circle {
    -webkit-animation-delay: 203ms;
    animation-delay: 203ms
}

.wrapper_affiliate .circle-container:nth-child(170) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-170;
    animation-name: move-frames-170;
    -webkit-animation-duration: 30467ms;
    animation-duration: 30467ms;
    -webkit-animation-delay: 28387ms;
    animation-delay: 28387ms
}

@-webkit-keyframes move-frames-170 {
    from {
        transform: translate3d(93vw, 110vh, 0)
    }

    to {
        transform: translate3d(92vw, -117vh, 0)
    }
}

@keyframes move-frames-170 {
    from {
        transform: translate3d(93vw, 110vh, 0)
    }

    to {
        transform: translate3d(92vw, -117vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(170) .circle {
    -webkit-animation-delay: 3300ms;
    animation-delay: 3300ms
}

.wrapper_affiliate .circle-container:nth-child(171) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-171;
    animation-name: move-frames-171;
    -webkit-animation-duration: 33133ms;
    animation-duration: 33133ms;
    -webkit-animation-delay: 24060ms;
    animation-delay: 24060ms
}

@-webkit-keyframes move-frames-171 {
    from {
        transform: translate3d(44vw, 102vh, 0)
    }

    to {
        transform: translate3d(47vw, -127vh, 0)
    }
}

@keyframes move-frames-171 {
    from {
        transform: translate3d(44vw, 102vh, 0)
    }

    to {
        transform: translate3d(47vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(171) .circle {
    -webkit-animation-delay: 827ms;
    animation-delay: 827ms
}

.wrapper_affiliate .circle-container:nth-child(172) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-172;
    animation-name: move-frames-172;
    -webkit-animation-duration: 36898ms;
    animation-duration: 36898ms;
    -webkit-animation-delay: 34012ms;
    animation-delay: 34012ms
}

@-webkit-keyframes move-frames-172 {
    from {
        transform: translate3d(45vw, 105vh, 0)
    }

    to {
        transform: translate3d(59vw, -106vh, 0)
    }
}

@keyframes move-frames-172 {
    from {
        transform: translate3d(45vw, 105vh, 0)
    }

    to {
        transform: translate3d(59vw, -106vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(172) .circle {
    -webkit-animation-delay: 2897ms;
    animation-delay: 2897ms
}

.wrapper_affiliate .circle-container:nth-child(173) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-173;
    animation-name: move-frames-173;
    -webkit-animation-duration: 36965ms;
    animation-duration: 36965ms;
    -webkit-animation-delay: 15627ms;
    animation-delay: 15627ms
}

@-webkit-keyframes move-frames-173 {
    from {
        transform: translate3d(34vw, 110vh, 0)
    }

    to {
        transform: translate3d(9vw, -133vh, 0)
    }
}

@keyframes move-frames-173 {
    from {
        transform: translate3d(34vw, 110vh, 0)
    }

    to {
        transform: translate3d(9vw, -133vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(173) .circle {
    -webkit-animation-delay: 3277ms;
    animation-delay: 3277ms
}

.wrapper_affiliate .circle-container:nth-child(174) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-174;
    animation-name: move-frames-174;
    -webkit-animation-duration: 34069ms;
    animation-duration: 34069ms;
    -webkit-animation-delay: 21188ms;
    animation-delay: 21188ms
}

@-webkit-keyframes move-frames-174 {
    from {
        transform: translate3d(77vw, 102vh, 0)
    }

    to {
        transform: translate3d(58vw, -127vh, 0)
    }
}

@keyframes move-frames-174 {
    from {
        transform: translate3d(77vw, 102vh, 0)
    }

    to {
        transform: translate3d(58vw, -127vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(174) .circle {
    -webkit-animation-delay: 3726ms;
    animation-delay: 3726ms
}

.wrapper_affiliate .circle-container:nth-child(175) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-175;
    animation-name: move-frames-175;
    -webkit-animation-duration: 28940ms;
    animation-duration: 28940ms;
    -webkit-animation-delay: 24385ms;
    animation-delay: 24385ms
}

@-webkit-keyframes move-frames-175 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(63vw, -115vh, 0)
    }
}

@keyframes move-frames-175 {
    from {
        transform: translate3d(71vw, 101vh, 0)
    }

    to {
        transform: translate3d(63vw, -115vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(175) .circle {
    -webkit-animation-delay: 3831ms;
    animation-delay: 3831ms
}

.wrapper_affiliate .circle-container:nth-child(176) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-176;
    animation-name: move-frames-176;
    -webkit-animation-duration: 35663ms;
    animation-duration: 35663ms;
    -webkit-animation-delay: 1272ms;
    animation-delay: 1272ms
}

@-webkit-keyframes move-frames-176 {
    from {
        transform: translate3d(55vw, 106vh, 0)
    }

    to {
        transform: translate3d(55vw, -125vh, 0)
    }
}

@keyframes move-frames-176 {
    from {
        transform: translate3d(55vw, 106vh, 0)
    }

    to {
        transform: translate3d(55vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(176) .circle {
    -webkit-animation-delay: 1706ms;
    animation-delay: 1706ms
}

.wrapper_affiliate .circle-container:nth-child(177) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-177;
    animation-name: move-frames-177;
    -webkit-animation-duration: 30376ms;
    animation-duration: 30376ms;
    -webkit-animation-delay: 17790ms;
    animation-delay: 17790ms
}

@-webkit-keyframes move-frames-177 {
    from {
        transform: translate3d(20vw, 110vh, 0)
    }

    to {
        transform: translate3d(56vw, -117vh, 0)
    }
}

@keyframes move-frames-177 {
    from {
        transform: translate3d(20vw, 110vh, 0)
    }

    to {
        transform: translate3d(56vw, -117vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(177) .circle {
    -webkit-animation-delay: 3391ms;
    animation-delay: 3391ms
}

.wrapper_affiliate .circle-container:nth-child(178) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-178;
    animation-name: move-frames-178;
    -webkit-animation-duration: 33741ms;
    animation-duration: 33741ms;
    -webkit-animation-delay: 21410ms;
    animation-delay: 21410ms
}

@-webkit-keyframes move-frames-178 {
    from {
        transform: translate3d(64vw, 103vh, 0)
    }

    to {
        transform: translate3d(20vw, -124vh, 0)
    }
}

@keyframes move-frames-178 {
    from {
        transform: translate3d(64vw, 103vh, 0)
    }

    to {
        transform: translate3d(20vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(178) .circle {
    -webkit-animation-delay: 1167ms;
    animation-delay: 1167ms
}

.wrapper_affiliate .circle-container:nth-child(179) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-179;
    animation-name: move-frames-179;
    -webkit-animation-duration: 28254ms;
    animation-duration: 28254ms;
    -webkit-animation-delay: 26209ms;
    animation-delay: 26209ms
}

@-webkit-keyframes move-frames-179 {
    from {
        transform: translate3d(69vw, 107vh, 0)
    }

    to {
        transform: translate3d(56vw, -125vh, 0)
    }
}

@keyframes move-frames-179 {
    from {
        transform: translate3d(69vw, 107vh, 0)
    }

    to {
        transform: translate3d(56vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(179) .circle {
    -webkit-animation-delay: 538ms;
    animation-delay: 538ms
}

.wrapper_affiliate .circle-container:nth-child(180) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-180;
    animation-name: move-frames-180;
    -webkit-animation-duration: 31983ms;
    animation-duration: 31983ms;
    -webkit-animation-delay: 9211ms;
    animation-delay: 9211ms
}

@-webkit-keyframes move-frames-180 {
    from {
        transform: translate3d(35vw, 101vh, 0)
    }

    to {
        transform: translate3d(57vw, -123vh, 0)
    }
}

@keyframes move-frames-180 {
    from {
        transform: translate3d(35vw, 101vh, 0)
    }

    to {
        transform: translate3d(57vw, -123vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(180) .circle {
    -webkit-animation-delay: 369ms;
    animation-delay: 369ms
}

.wrapper_affiliate .circle-container:nth-child(181) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-181;
    animation-name: move-frames-181;
    -webkit-animation-duration: 33863ms;
    animation-duration: 33863ms;
    -webkit-animation-delay: 32767ms;
    animation-delay: 32767ms
}

@-webkit-keyframes move-frames-181 {
    from {
        transform: translate3d(19vw, 102vh, 0)
    }

    to {
        transform: translate3d(24vw, -114vh, 0)
    }
}

@keyframes move-frames-181 {
    from {
        transform: translate3d(19vw, 102vh, 0)
    }

    to {
        transform: translate3d(24vw, -114vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(181) .circle {
    -webkit-animation-delay: 2214ms;
    animation-delay: 2214ms
}

.wrapper_affiliate .circle-container:nth-child(182) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-182;
    animation-name: move-frames-182;
    -webkit-animation-duration: 28526ms;
    animation-duration: 28526ms;
    -webkit-animation-delay: 6143ms;
    animation-delay: 6143ms
}

@-webkit-keyframes move-frames-182 {
    from {
        transform: translate3d(94vw, 106vh, 0)
    }

    to {
        transform: translate3d(65vw, -111vh, 0)
    }
}

@keyframes move-frames-182 {
    from {
        transform: translate3d(94vw, 106vh, 0)
    }

    to {
        transform: translate3d(65vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(182) .circle {
    -webkit-animation-delay: 1301ms;
    animation-delay: 1301ms
}

.wrapper_affiliate .circle-container:nth-child(183) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-183;
    animation-name: move-frames-183;
    -webkit-animation-duration: 34569ms;
    animation-duration: 34569ms;
    -webkit-animation-delay: 16450ms;
    animation-delay: 16450ms
}

@-webkit-keyframes move-frames-183 {
    from {
        transform: translate3d(48vw, 108vh, 0)
    }

    to {
        transform: translate3d(13vw, -136vh, 0)
    }
}

@keyframes move-frames-183 {
    from {
        transform: translate3d(48vw, 108vh, 0)
    }

    to {
        transform: translate3d(13vw, -136vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(183) .circle {
    -webkit-animation-delay: 1684ms;
    animation-delay: 1684ms
}

.wrapper_affiliate .circle-container:nth-child(184) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-184;
    animation-name: move-frames-184;
    -webkit-animation-duration: 31466ms;
    animation-duration: 31466ms;
    -webkit-animation-delay: 4715ms;
    animation-delay: 4715ms
}

@-webkit-keyframes move-frames-184 {
    from {
        transform: translate3d(29vw, 106vh, 0)
    }

    to {
        transform: translate3d(6vw, -129vh, 0)
    }
}

@keyframes move-frames-184 {
    from {
        transform: translate3d(29vw, 106vh, 0)
    }

    to {
        transform: translate3d(6vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(184) .circle {
    -webkit-animation-delay: 2754ms;
    animation-delay: 2754ms
}

.wrapper_affiliate .circle-container:nth-child(185) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: move-frames-185;
    animation-name: move-frames-185;
    -webkit-animation-duration: 32346ms;
    animation-duration: 32346ms;
    -webkit-animation-delay: 11661ms;
    animation-delay: 11661ms
}

@-webkit-keyframes move-frames-185 {
    from {
        transform: translate3d(94vw, 109vh, 0)
    }

    to {
        transform: translate3d(12vw, -111vh, 0)
    }
}

@keyframes move-frames-185 {
    from {
        transform: translate3d(94vw, 109vh, 0)
    }

    to {
        transform: translate3d(12vw, -111vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(185) .circle {
    -webkit-animation-delay: 3977ms;
    animation-delay: 3977ms
}

.wrapper_affiliate .circle-container:nth-child(186) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-186;
    animation-name: move-frames-186;
    -webkit-animation-duration: 33386ms;
    animation-duration: 33386ms;
    -webkit-animation-delay: 26875ms;
    animation-delay: 26875ms
}

@-webkit-keyframes move-frames-186 {
    from {
        transform: translate3d(2vw, 104vh, 0)
    }

    to {
        transform: translate3d(100vw, -125vh, 0)
    }
}

@keyframes move-frames-186 {
    from {
        transform: translate3d(2vw, 104vh, 0)
    }

    to {
        transform: translate3d(100vw, -125vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(186) .circle {
    -webkit-animation-delay: 967ms;
    animation-delay: 967ms
}

.wrapper_affiliate .circle-container:nth-child(187) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-187;
    animation-name: move-frames-187;
    -webkit-animation-duration: 36568ms;
    animation-duration: 36568ms;
    -webkit-animation-delay: 6387ms;
    animation-delay: 6387ms
}

@-webkit-keyframes move-frames-187 {
    from {
        transform: translate3d(15vw, 107vh, 0)
    }

    to {
        transform: translate3d(46vw, -118vh, 0)
    }
}

@keyframes move-frames-187 {
    from {
        transform: translate3d(15vw, 107vh, 0)
    }

    to {
        transform: translate3d(46vw, -118vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(187) .circle {
    -webkit-animation-delay: 1842ms;
    animation-delay: 1842ms
}

.wrapper_affiliate .circle-container:nth-child(188) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-188;
    animation-name: move-frames-188;
    -webkit-animation-duration: 33704ms;
    animation-duration: 33704ms;
    -webkit-animation-delay: 31093ms;
    animation-delay: 31093ms
}

@-webkit-keyframes move-frames-188 {
    from {
        transform: translate3d(75vw, 109vh, 0)
    }

    to {
        transform: translate3d(95vw, -136vh, 0)
    }
}

@keyframes move-frames-188 {
    from {
        transform: translate3d(75vw, 109vh, 0)
    }

    to {
        transform: translate3d(95vw, -136vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(188) .circle {
    -webkit-animation-delay: 388ms;
    animation-delay: 388ms
}

.wrapper_affiliate .circle-container:nth-child(189) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: move-frames-189;
    animation-name: move-frames-189;
    -webkit-animation-duration: 36736ms;
    animation-duration: 36736ms;
    -webkit-animation-delay: 7424ms;
    animation-delay: 7424ms
}

@-webkit-keyframes move-frames-189 {
    from {
        transform: translate3d(32vw, 104vh, 0)
    }

    to {
        transform: translate3d(55vw, -117vh, 0)
    }
}

@keyframes move-frames-189 {
    from {
        transform: translate3d(32vw, 104vh, 0)
    }

    to {
        transform: translate3d(55vw, -117vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(189) .circle {
    -webkit-animation-delay: 3736ms;
    animation-delay: 3736ms
}

.wrapper_affiliate .circle-container:nth-child(190) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-190;
    animation-name: move-frames-190;
    -webkit-animation-duration: 32385ms;
    animation-duration: 32385ms;
    -webkit-animation-delay: 5902ms;
    animation-delay: 5902ms
}

@-webkit-keyframes move-frames-190 {
    from {
        transform: translate3d(17vw, 108vh, 0)
    }

    to {
        transform: translate3d(57vw, -138vh, 0)
    }
}

@keyframes move-frames-190 {
    from {
        transform: translate3d(17vw, 108vh, 0)
    }

    to {
        transform: translate3d(57vw, -138vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(190) .circle {
    -webkit-animation-delay: 3419ms;
    animation-delay: 3419ms
}

.wrapper_affiliate .circle-container:nth-child(191) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-191;
    animation-name: move-frames-191;
    -webkit-animation-duration: 36082ms;
    animation-duration: 36082ms;
    -webkit-animation-delay: 16420ms;
    animation-delay: 16420ms
}

@-webkit-keyframes move-frames-191 {
    from {
        transform: translate3d(79vw, 103vh, 0)
    }

    to {
        transform: translate3d(65vw, -124vh, 0)
    }
}

@keyframes move-frames-191 {
    from {
        transform: translate3d(79vw, 103vh, 0)
    }

    to {
        transform: translate3d(65vw, -124vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(191) .circle {
    -webkit-animation-delay: 1761ms;
    animation-delay: 1761ms
}

.wrapper_affiliate .circle-container:nth-child(192) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-192;
    animation-name: move-frames-192;
    -webkit-animation-duration: 35269ms;
    animation-duration: 35269ms;
    -webkit-animation-delay: 29385ms;
    animation-delay: 29385ms
}

@-webkit-keyframes move-frames-192 {
    from {
        transform: translate3d(89vw, 101vh, 0)
    }

    to {
        transform: translate3d(66vw, -113vh, 0)
    }
}

@keyframes move-frames-192 {
    from {
        transform: translate3d(89vw, 101vh, 0)
    }

    to {
        transform: translate3d(66vw, -113vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(192) .circle {
    -webkit-animation-delay: 958ms;
    animation-delay: 958ms
}

.wrapper_affiliate .circle-container:nth-child(193) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-193;
    animation-name: move-frames-193;
    -webkit-animation-duration: 30963ms;
    animation-duration: 30963ms;
    -webkit-animation-delay: 8521ms;
    animation-delay: 8521ms
}

@-webkit-keyframes move-frames-193 {
    from {
        transform: translate3d(40vw, 103vh, 0)
    }

    to {
        transform: translate3d(53vw, -104vh, 0)
    }
}

@keyframes move-frames-193 {
    from {
        transform: translate3d(40vw, 103vh, 0)
    }

    to {
        transform: translate3d(53vw, -104vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(193) .circle {
    -webkit-animation-delay: 2118ms;
    animation-delay: 2118ms
}

.wrapper_affiliate .circle-container:nth-child(194) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-194;
    animation-name: move-frames-194;
    -webkit-animation-duration: 34005ms;
    animation-duration: 34005ms;
    -webkit-animation-delay: 6787ms;
    animation-delay: 6787ms
}

@-webkit-keyframes move-frames-194 {
    from {
        transform: translate3d(27vw, 101vh, 0)
    }

    to {
        transform: translate3d(42vw, -110vh, 0)
    }
}

@keyframes move-frames-194 {
    from {
        transform: translate3d(27vw, 101vh, 0)
    }

    to {
        transform: translate3d(42vw, -110vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(194) .circle {
    -webkit-animation-delay: 3194ms;
    animation-delay: 3194ms
}

.wrapper_affiliate .circle-container:nth-child(195) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-195;
    animation-name: move-frames-195;
    -webkit-animation-duration: 32130ms;
    animation-duration: 32130ms;
    -webkit-animation-delay: 21500ms;
    animation-delay: 21500ms
}

@-webkit-keyframes move-frames-195 {
    from {
        transform: translate3d(10vw, 102vh, 0)
    }

    to {
        transform: translate3d(57vw, -109vh, 0)
    }
}

@keyframes move-frames-195 {

    from {
        transform: translate3d(10vw, 102vh, 0)
    }

    to {
        transform: translate3d(57vw, -109vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(195) .circle {
    -webkit-animation-delay: 2615ms;
    animation-delay: 2615ms
}

.wrapper_affiliate .circle-container:nth-child(196) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: move-frames-196;
    animation-name: move-frames-196;
    -webkit-animation-duration: 33803ms;
    animation-duration: 33803ms;
    -webkit-animation-delay: 16158ms;
    animation-delay: 16158ms
}


@-webkit-keyframes move-frames-196 {
    from {
        transform: translate3d(40vw, 110vh, 0)
    }

    to {
        transform: translate3d(78vw, -113vh, 0)
    }
}

@keyframes move-frames-196 {
    from {
        transform: translate3d(40vw, 110vh, 0)
    }

    to {
        transform: translate3d(78vw, -113vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(196) .circle {
    -webkit-animation-delay: 3939ms;
    animation-delay: 3939ms
}

.wrapper_affiliate .circle-container:nth-child(197) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: move-frames-197;
    animation-name: move-frames-197;
    -webkit-animation-duration: 35581ms;
    animation-duration: 35581ms;
    -webkit-animation-delay: 25836ms;
    animation-delay: 25836ms
}

@-webkit-keyframes move-frames-197 {
    from {
        transform: translate3d(76vw, 105vh, 0)
    }

    to {
        transform: translate3d(68vw, -119vh, 0)
    }
}

@keyframes move-frames-197 {
    from {
        transform: translate3d(76vw, 105vh, 0)
    }

    to {
        transform: translate3d(68vw, -119vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(197) .circle {
    -webkit-animation-delay: 3112ms;
    animation-delay: 3112ms
}

.wrapper_affiliate .circle-container:nth-child(198) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-198;
    animation-name: move-frames-198;
    -webkit-animation-duration: 30461ms;
    animation-duration: 30461ms;
    -webkit-animation-delay: 31657ms;
    animation-delay: 31657ms
}

@-webkit-keyframes move-frames-198 {
    from {
        transform: translate3d(29vw, 105vh, 0)
    }

    to {
        transform: translate3d(51vw, -126vh, 0)
    }
}

@keyframes move-frames-198 {
    from {
        transform: translate3d(29vw, 105vh, 0)
    }

    to {
        transform: translate3d(51vw, -126vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(198) .circle {
    -webkit-animation-delay: 2872ms;
    animation-delay: 2872ms
}

.wrapper_affiliate .circle-container:nth-child(199) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: move-frames-199;
    animation-name: move-frames-199;
    -webkit-animation-duration: 31649ms;
    animation-duration: 31649ms;
    -webkit-animation-delay: 30628ms;
    animation-delay: 30628ms
}

@-webkit-keyframes move-frames-199 {
    from {
        transform: translate3d(53vw, 101vh, 0)
    }

    to {
        transform: translate3d(33vw, -109vh, 0)
    }
}

@keyframes move-frames-199 {
    from {
        transform: translate3d(53vw, 101vh, 0)
    }

    to {
        transform: translate3d(33vw, -109vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(199) .circle {
    -webkit-animation-delay: 1344ms;
    animation-delay: 1344ms
}

.wrapper_affiliate .circle-container:nth-child(200) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: move-frames-200;
    animation-name: move-frames-200;
    -webkit-animation-duration: 30389ms;
    animation-duration: 30389ms;
    -webkit-animation-delay: 34763ms;
    animation-delay: 34763ms
}

@-webkit-keyframes move-frames-200 {
    from {
        transform: translate3d(42vw, 109vh, 0)
    }

    to {
        transform: translate3d(7vw, -129vh, 0)
    }
}

@keyframes move-frames-200 {
    from {
        transform: translate3d(42vw, 109vh, 0)
    }

    to {
        transform: translate3d(7vw, -129vh, 0)
    }
}

.wrapper_affiliate .circle-container:nth-child(200) .circle {
    -webkit-animation-delay: 3071ms;
    animation-delay: 3071ms
}

.wrapper_affiliate .message {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #fff;
    font-family: "Josefin Slab", serif;
    line-height: 27px;
    font-size: 18px;
    text-align: right;
    pointer-events: none;
    -webkit-animation: message-frames 1.5s ease 5s forwards;
    animation: message-frames 1.5s ease 5s forwards;
    opacity: 0
}

@-webkit-keyframes message-frames {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes message-frames {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.wrapper_affiliate section {
    margin: 0
}

.wrapper_affiliate .ac-pane p {
    font-size: 15px
}

.wrapper_affiliate .ac-pane ol {
    padding-left: 23px
}


.wrapper_affiliate .ac-pane ol li {
    line-height: 28px;
    margin-bottom: 11px
}

.wrapper_affiliate .ac-pane {
    margin-bottom: 15px;
    background-color: #16A085;
    color: #fff
}

.wrapper_affiliate .ac-pane:last-child {
    margin-bottom: 0
}

.wrapper_affiliate .ac-content {
    display: none
}

.wrapper_affiliate .ac-title {
    border-bottom: solid 1px #ddd;
    color: #343434;
    display: block;
    padding: 12px;
    background-color: #fff;
    font-size: 18px
}

.wrapper_affiliate .ac-pane .active {
    border-bottom: solid 1px #ddd !important;
    color: #343434
}

.wrapper_affiliate .ac-title:hover {
    text-decoration: blink;
    color: #000
}

.wrapper_affiliate .ac-title i {
    float: right;
    font-size: 32px;
    border-radius: 100%;
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ff6529;
    line-height: 26px;
    margin-top: -1px
}

.wrapper_affiliate .ac-title i:before {
    content: "\f107"
}

.wrapper_affiliate .active .ac-title i:before {
    content: "\f106"
}

.wrapper_affiliate .ac-content {
    margin-top: -1px;
    padding: 15px;
    background: #fff;
    color: #000;
    font-size: 15px;
    line-height: 25px
}

.wrapper_affiliate .banner-request-quoteee {
    background: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 35px;
    position: relative;
    font-weight: 800;
    border-radius: 3px;
    background: #fd670d;
    margin-right: 23px
}

.wrapper_affiliate .banner-request-quoteee:hover {
    color: #fff;
    text-decoration: blink;
    background: #232937
}

.wrapper_affiliate .banner-request-quoteeee {
    background: #2eb158;
    border: 1px solid #2eb158;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 14px 39px;
    position: relative;
    font-weight: 800;
    border-radius: 3px;
    margin-right: 20px
}

.wrapper_affiliate .banner-request-quoteeee:hover {
    color: #fff;
    text-decoration: blink;
    background: #232937;
    border: solid 1px #232937 !important
}

.wrapper_affiliate .zoom-in-out-boxx {
    animation: zoom-in-zoom-out 1s ease infinite;
    width: 66px;
    margin: 0 auto !important;
    margin-bottom: 11px !important
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.2, 1.2)
    }

    100% {
        transform: scale(1, 1)
    }
}

.wrapper_affiliate .anim img {
    width: 70px;
}

.wrapper_affiliate .anim {
    aspect-ratio: 1 / 1;
    /* multiple animations are separated by commas, each animation's parameters are set independently */
    animation: 2s linear 0s infinite alternate rise, 2s linear 0s infinite psychedelic;
    position: absolute;
    z-index: 999;
    top: 21%;
    left: 7%;
}

.wrapper_affiliate .animm img {
    width: 70px;
}

.wrapper_affiliate .animm {
    aspect-ratio: 1 / 1;
    animation: 6s linear 0s infinite alternate rise, 6s linear 0s infinite psychedelic;
    position: absolute;
    z-index: 999;
    top: 75%;
    left: 30%;
}

@keyframes rise {
    from {
        transform: translateY(6vh);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes psychedelic {
    from {
        filter: hue-rotate(0deg);
    }

    to {
        filter: hue-rotate(360deg);
    }
}

.wrapper_affiliate .animmm img {
    width: 199px;
}

.wrapper_affiliate .animmm {
    aspect-ratio: 1 / 1;
    animation: 2s linear 0s infinite alternate rise, 2s linear 0s infinite psychedelic;
    position: absolute;
    z-index: 999;
    top: 61%;
    right: 1%;
}


.wrapper_affiliate .contact-informm {
    position: relative;
    background: rgba(0, 0, 0, 0);
    transform: rotate(-0deg) skew(0deg) scale(0.8);
    transition: 0.5s;
    margin: 0;
}

.wrapper_affiliate .contact-informm img {
    position: absolute;
    width: 100%;
    /* height: 540px; */
    transition: 0.5s;
}

.wrapper_affiliate .contact-informm:hover img:nth-child(4) {
    transform: translate(-60px, 60px);
    opacity: 1;
}

.wrapper_affiliate .contact-informm:hover img:nth-child(3) {
    transform: translate(-20px, 20px);
    opacity: 0.8;
}

.wrapper_affiliate .contact-informm:hover img:nth-child(2) {
    transform: translate(-80px, 80px);
    opacity: 0.6;
}

.wrapper_affiliate .contact-informm:hover img:nth-child(1) {
    transform: translate(-40px, 40px);
    opacity: 0.4;
}





.wrapper_affiliate .contact-inform {
    position: relative;
    background: rgba(0, 0, 0, 0);
    transform: rotate(-0deg) skew(0deg) scale(0.8);
    transition: 0.5s;

}

.wrapper_affiliate .contact-inform img {
    position: absolute;
    width: 100%;
    transition: 0.5s;
    height: 656px;
}

.wrapper_affiliate .contact-inform:hover img:nth-child(4) {
    transform: translate(-60px, 60px);
    opacity: 1;
}

.wrapper_affiliate .contact-inform:hover img:nth-child(3) {
    transform: translate(-20px, 20px);
    opacity: 0.8;
}

.wrapper_affiliate .contact-inform:hover img:nth-child(2) {
    transform: translate(-80px, 80px);
    opacity: 0.6;
}

.wrapper_affiliate .contact-inform:hover img:nth-child(1) {
    transform: translate(-40px, 40px);
    opacity: 0.4;
}




@media(max-width: 767px) {
    .wrapper_affiliate .box .title {
        font-size: 10px;
        line-height: 16px;
    }

    .wrapper_affiliate .post {
        font-size: 11px;
        line-height: 18px;
        margin-bottom: 23px;
    }

    .wrapper_affiliate .box p {
        font-size: 13px !important;
        line-height: 23px !important;
    }

    .wrapper_affiliate .join-aff {
        font-size: 13px !important;
        background: #e12f53;
        border-radius: 43px !important;
        color: #000 !important;
        padding: 5px 10px !important;
        font-family: initial;
        font-weight: 500 !important;
        background-color: transparent !important;
    }

    .wrapper_affiliate .step .col-md-3 {
        margin: 0;
        padding: 25px 10px !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 10px;
    }
}

.thankyou-affiliate {
    width: 100%;
    float: left;
    text-align: center;
    padding: 55px 0;
    margin: 0;
    border-top: solid 1px #ddd;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    background: #f9f9f9 url(images/student-feedback.png) center fixed;
}


.thankyou-affiliate h1 {
    font-family: 'Bebas Neue', cursive;
    margin: 10px 0px 0px 0px;
    color: #01cc61;
    line-height: 57px;
}

.thankyou-affiliate p {
    font-size: 20px;
    margin: 7px 0px;
}

.thankyou-affiliate h2 {
    font-size: 16px;
    margin: 7px 0px 20px 0px;
}

.thankyou-bakhomepage {
    background: #e12f53;
    padding: 7px 20px;
    border-radius: 3px;
    color: #fff;
}

.thankyou-bakhomepage:hover {
    background: #032e63;
    color: #fff;
    text-decoration: blink;
    transition: 0.8s;
}

.thankyou-affiliate .thumbnail {
    border: solid 20px #fff !important;
    background: none;
    padding: 40px;
    border: none;
    box-shadow: 0 0 10px #e5e5e5;
}

.mr_bcontact {
    margin-bottom: 3% !important;
    text-align: center !important;
}

.content_details .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: none;
}

@media(max-width: 767px) {
    .main_journey_panel .sel_mobile {
        display: none !important;
    }

    .main_journey_panel #selfie_upload input[type=file] {
        background-color: #807d7d;
    }

    .demo .nav-stacked .panel-default .panel-body p {
        font-size: 14px;
        padding: 6px 24px 0 0 !important;
    }
}

.details_tabs .content_details .table tr {
    width: 100%;
    /*float: left;
    display: inline-table;*/
}

.details_tabs .content_details .edit-profile {
    position: absolute;
    right: 22px !important;
    top: -28px;
    float: right;
    bottom: 0 !important;
    background: transparent;
    border: 0;
    width: 50px;
    height: 50px;
}

.content_details table {
    margin: auto !important;
    min-width: 300px !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
}


.dashboard_content #ekyc_initiated h2 {
    color: #000;
}

@media (max-width: 767px) {
    .dashboard_content .apply_nw1 {
        padding: 0 20px 27px 20px;
        margin: 0 0 20px 0;
        height: 100%;
    }

    .video_button {
        background-color: #fff;
        padding: 4px;
        float: right;
        width: 100%;
        float: left;
        text-align: center;
        margin: 14px auto;
    }

    #registration .nav-stacked li {
        width: 100% !important;
        float: left;
    }
}

#application_status .next_btn_panel .next_btn {
    color: #fff !important;
}

.main_journey_panel #application_status {
    padding: 11px !important;
}
/* new change */
#registration {
   padding: 18px;
    margin: 0px;
}

#registration .nav-stacked li {
    width: 50%;
    float: left;
}

#application-status .btn_eligibility_success:hover {
    background-color: #032e63 !important;
    color: #fff !important;
}

.processing_fee {
    padding: 6px 10px;
    border-radius: 4px;
    margin: 0 0 0 0 !important;
}

.interest_rate {
    padding: 6px 10px;
    border-radius: 4px;
    margin: 0 0 0 0 !important;
}

.principal_cal img {
    width: 51px;
}


.main_journey_panel #aadhaar_upload .card {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    width: 100%;
    background-color: #f0f3f433;
    padding: 20px;
    margin-bottom: 18px;
    z-index: 9;
    position: relative;
}

.main_journey_panel #aadhaar_upload .btn_upload {
    padding: 5px 20px;
    border-radius: 9px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 132px;
}

.main_journey_panel #aadhaar_upload .options_img {
    font-size: 10px !important;
    text-transform: none;
    font-weight: 500 !important;
    margin-top: 20px;
}

.main_journey_panel #aadhaar_upload p {
    letter-spacing: 0;
    color: #fff;
    text-shadow: none;
    text-align: center;
    font-weight: 800;
    text-transform: capitalize;
}

.main_journey_panel #aadhaar_upload .options_img span {
    padding: 0 4px;
    color: #fff;
    text-shadow: none;
    width: 43%;
    position: relative;
    display: block;
    float: left;
    line-height: 17px;
    text-align: left;
}

/*14_03_24*/


.dashboard_logo {
    width: 138px;
    margin: 0;
}


.blog_boxs .post-slide .post-review {
    padding: 15px 0;
    padding: 20px;
    height: 248px !important;
    
}

.blog_boxs .post-slide .post-title {
    margin-top: 0;
    text-align: left;
    height: 26px !important;
}



.sort_by {
    height: 38px !important;
    background: #032e63 !important;
    border: none;
    font-size: 15px !important;
    width: 166px !important;
    font-weight: 200 !important;
    float: right !important;
    color: #fff;
    border-radius: 8px;
    letter-spacing: 1px;
}




.contact_areamain2 {
    width: 100%;
    float: left;
    display: flex;
    display: flex;
    flex-wrap: wrap;
}



.contact_areamain2 .column {
    width: 100%;
    padding: 0 1em 1em 0;
    text-align: center;
}

.contact_areamain2 .card {
    width: 100%;
    height: 100%;
    padding: 2em 1.5em;
    background: linear-gradient(#ffffff 50%, #1c6bad 50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
}

.contact-line h2 {
    color: #1e2754;
    margin: 4% 0;
    font-size: 25px;
}

.contact_areamain2 .card:hover {
    background-position: 0 100%;
}

.contact_areamain2 .card:hover .icon-wrapper {
    background-color: #ffffff;
    color: #2c7bfe;
}

.contact_areamain2 .card:hover .con-tag strong {
    color: #ffffff;
}

.contact_areamain2 .card:hover p a {
    color: #ffffff;
}

.contact_areamain2 .card:hover p {
    color: #f0f0f0;
}

.contact_areamain2 .card:hover p strong {
    font-weight: 900;
    color: #fff;
}

@media screen and (min-width: 768px) {

    .contact_areamain2 .column {
        flex: 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 992px) {

    .contact_areamain2 .column {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}


@media(max-width: 767px) {
    .col-md-6-zindex {
        top: 0;
    }
}


@media (max-width: 767px) {
    .attr-nav {
        right: 23px !important;
    }

    .top-line nav.navbar.bootsnav .navbar-toggle {
        padding: 1px 14px !important;
        margin-top: 8px !important;
        border-radius: 3px;
    }

    .sign-up {
        padding: 3px 13px !important;
        margin-top: 12px;
    }

    .loan-calculator h3 {
        font-weight: bold !important;
        font-size: 27px;
    }

    .about-lines {
        padding: 0;
    }

    .about-lines h2 {
        font-size: 23px !important;
        line-height: 38px !important;
    }

    .get-ittuch {
        width: 100%;
        position: relative;
        float: left;
    }

}

@media (max-width: 320px),
(max-width: 375px),
(max-width: 384px),
(max-width: 414px),
(max-device-width: 450px),
(max-device-width: 480px),
(max-device-width: 540px) {
    .our-blogs h4 {
        color: #787d98;
        font-size: 15px !important;
        line-height: 22px;
        font-weight: 500;
    }
}






.pagination {
    margin: 20px 0;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: #e12f53;
    color: white;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.pagination .prev,
.pagination .next {
    background-color: #f1f1f1;
    color: black;
}

.pagination .prev:hover,
.pagination .next:hover {
    background-color: #ddd;
}

.pagination .disabled {
    color: #aaa;
}

.pagination .disabled:hover {
    background-color: transparent;
    cursor: Â not-allowed;
}









.representative {
    width: 100%;
    float: left;
    padding: 5% 0;
    background-color: #EBF8FD;
}

.representative ul {
    padding: 0;
    width: 100%;
    float: left;
    list-style-type: none;
    display: block;
    margin-bottom: 5%;
}

.representative ul li {
    display: inline-block;
    float: left;
    padding: 10px;
    background-color: #1c6bad;
    margin: 0 10px 21px 0;
    border-radius: 6px;
    font-weight: bold;
    width: 49%;
}

.representative h3 {
    text-align: center;
    margin-bottom: 4%;
    color: #000;
}

.representative ul li a {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-left: 2px solid;
    font-size: 15px;
    position: relative;
    z-index: 2;
    text-decoration: none;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 6px;
}


.representative ul li a:hover {
    border-bottom: 0px;
    color: #fff;
    border-radius: 6px;
}

.representative ul li :first-child a {
    border-left: 10px solid #3498db;
}

.representative ul li :nth-child(2) a {
    border-left: 10px solid #3498db;
}

.representative ul li :nth-child(3) a {
    border-left: 10px solid #3498db;
}

.representative ul li :nth-child(4) a {
    border-left: 10px solid #3498db;
}


.representative ul li a:after {
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 0px;
    position: absolute;
    border-radius: 6px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: -1;
}

.representative ul li a:hover:after {
    width: 100%;
}

.representative ul li:first-child a:after {
    background: #3498db;
}

.representative ul li:nth-child(2) a:after {
    background: #3498db;
}

.representative ul li:nth-child(3) a:after {
    background: #3498db;
}

.representative ul li:nth-child(4) a:after {
    background: #3498db;
}



.representative p span {
    background-color: #eeeeee8c;
    float: left;
    border: solid 1px #9b9b9b;
    margin: 0 10px 11px 0;
    padding: 4px 6px;
    border-radius: 5px;
    font-weight: 800;
    transition: ease-in-out .2s;
}

.representative p span:hover {
    box-shadow: 4px 4px #02244e66;
}


.chat-pop-up-window {
    position: fixed;
    bottom: 59px;
    right: -62px;;
    z-index: 99999;
}

.chat-pop-up-window button {
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    font-size: 24px;
}

.chat-modal {
    position: fixed;
    bottom: 76px;
    right: 6px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 1000;
    transition: all 0.3s ease;
    height:120px;
    width:210px
}

.chat-modal.show {
    display: block;
}

.chat-modal-header {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}

.chat-modal-body {
    padding: 6px;
}

.chat-option-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.chat-option-list li {
    border-top: 1px solid #ddd;
    padding: 6px 0;
}

.chat-option-list li:first-child {
    border-top: none;
}

.chat-option-list a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: background 0.3s ease;
}

.chat-option-list i {
    font-size: 24px;
    margin-right: 10px;
}

.chat-option-list img {
    border-radius: 50%;
    width: 57px;
    height: 44px;
    margin-right: 2px;
}


.close-btn {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.chat-modal-body p {
    color: #000;
    font-size: 13px !important;
    font-weight: bold !important;

}
@media (max-width: 320px), (max-width: 375px), (max-width: 384px), (max-width: 414px), (max-device-width: 450px), (max-device-width: 480px), (max-device-width: 540px) {
    .post-slide {
        margin-bottom: 30px;
    }
.representative ul li {
    width: 100%;
}
.representative p span {
    width: 100%;
}
#profile-data .details_tabs{
    height: 100% !important;
}
}

@media (max-width: 767px){
#profile-data .details_tabs {
    height: 100% !important;
}

}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 

     #profile-data .details_tabs .content_details .table tr {
    width: 100% !important;
    width: 100% !important;
    float: left !important;
    display: grid !important;
}
}







.short_loans_benifits {
    width: 100%;
    float: left;
    z-index: 9;
    background-color: #ce2433;
    /* display: inline-block; */
    position: relative;
    padding: 50px 0;
    margin: 0;
}
.short_loans_benifits .col-md-6 p {
    font-size: 20px !important;
    margin: 5% 0 10px !important;
    line-height: 36px;
    color: #fff;
}

.content_main {
 width: 100%;
 float: left;
}
.content_main li{
    list-style-type: disc;
}


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

   .faq_head{
    background-color:#c0bcbc47;
    padding:20px 30px;
}

.faq_head:hover{

}
.faqheading {
      font-size: 24px;
      margin-bottom: 20px;
      text-align:center;
      /* margin-top: 7px; */
      top: 30px;
      position: relative;
      color: #1e2754;
    font-size: 37px;
    } 
   

   

    

    /* .faq-container {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    } */

   

    /* .faq-heading {
      font-weight: bold;
      color: #004a93;
      display: flex;
      justify-content: space-between;
      cursor: pointer;
    } */

  

    /* new css */

  .faq-section {
      display: flex;
      justify-content: space-between;
      max-width: 1200px;
      margin: 45px auto;
      gap: 40px;
      padding:25px;
      margin-bottom: 2%;
      max-height:450px;
      overflow-y:auto;
  
     
    }

    .faq-container {
      width: 48%;
   
    }

    .faq-item {
      border: 2px solid #1c6bad;
      border-radius: 8px;
      margin-bottom: 20px;
      overflow: hidden;
      transition: all 0.3s ease;
      background-color: white;
      
    }

    .faq-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      background-color: #f9f9f9;
      cursor: pointer;
      height: 67px;
    }

    .faq-header h3 {
      margin: 0;
      font-size: 16px;
      color: #1b4f91; /* Blue heading color */
    }

    .faq-header .faq-icon {
      font-size: 30px;
      color:#1c6bad; /* Orange for the plus/minus icons */
      transition: transform 0.5s ease;
    }

    .faq-content {
      max-height: 0;
      padding: 0 15px;
      overflow: hidden;
      transition: max-height 0.5s ease, padding 0.5s ease;
      transition: min-height 0.5s ease, padding 0.5s ease;
    }

    .faq-content p {
      margin: 10px 0;
      line-height: 1.6;
    }

    .faq-item.active .faq-content {
      min-height: 100px; 
      padding: 10px 15px;
      max-height: 450px;
      background-color:#f9f9f9;
    
    }

    .faq-item.active .faq-header .faq-icon {
      transform: rotate(180deg); 
      font-size: 40px;
      
    }

   
    .faq-item.active {
      border-color:#1c6bad;
    }

    @media (max-width: 768px) {
  /* FAQ Heading */
  .faqheading {
    font-size: 24px; 
    top: 13px;
  }


  /* FAQ Section */
  .faq-section {
    flex-direction: column; 
    padding: 15px; 
    gap: 20px;
    margin: 20px auto;
  }

  /* FAQ Container */
  .faq-container {
    width: 100%; 
  }
          #registration {
    padding: 18px;
    margin: 0px;
}

  /* FAQ Item */
  .faq-item {
    margin-bottom: 15px; 
  }

  /* FAQ Header */
  .faq-header h3 {
    font-size: 14px; 
  }

  .faq-header .faq-icon {
    font-size: 25px; 
  }

  /* FAQ Content */
  .faq-content p {
    font-size: 14px; 
    line-height: 1.4; 
  }

 
  .faq_head {
    padding: 15px 20px;
  }
}





@media (max-width: 540px) {

    .contact-information {
        background: #EBF8FD;
        width: 100%;
        float: left;
        padding: 54px 0px 66px 0px !important;
        margin: 0px;
        margin-top: 0px;
        border-radius: 0px;
    }
}
/* Responsive styling for tablet view */
@media (max-width: 768px) {
  .faq-section {
    flex-direction: column; 
    padding: 20px;
  }

  .faq-container {
    width: 100%; 
    display: flex;
    flex-direction: column;
    gap:5px;
  }
 

  .faq-item {
    width: 100%;
    margin: 10px 0; 
  
  }

  .faq-item .faq-header {
    padding: 15px 20px;
  }

  .faq-heading {
    font-size: 28px; 
  }

  .faq-content {
    padding: 0 20px;
  }
}
            #ymDivBar,#ym-auto-pop-up-container{
                display:none !important;
            }



            :-webkit-scrollbar-thumb:active {
    background: #9e9292;
}
::-webkit-scrollbar {
    width: 5px;
    height: 7px;
    border-radius: 17px;
}
::-webkit-scrollbar {
    width: 5px;
    height: 7px;
    border-radius: 17px;
}
::-webkit-scrollbar-thumb:hover {
    background: #e12f53;
    cursor: pointer;
}
::-webkit-scrollbar-thumb:active {
    background: #9e9292;
}
::-webkit-scrollbar-thumb:hover {
    background: #9e9292;
    cursor: pointer;
}
::-webkit-scrollbar-thumb {
    background: #9e9292;
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    background-color: #9e9292;
    border-radius: 0;
}
::-webkit-scrollbar-track {
    background: #efefef;
}
::-webkit-scrollbar-track {
    background: #efefef;
}
::selection {
    background: #9e9292;
    color: #fff;
}
p.selfie-text {
    color: red;
    font-size: 16px !important;
    font-weight: bold;
    padding-left: 20px;
}