/* /****Style1*************/
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/
::-webkit-scrollbar {
    display: none;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
.hidden {
    display: none !important;
}
.img-responsive {
    max-width: 100%
}
.main_bg{
    background-color: #fff;
    background-position: right;
    background-attachment: fixed;
    width: 100%;
    float: left ;
}
.fade{
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.fade.in {
    opacity: 1;
    transform: scale(1);
}
@media (max-width: 576px) {

    .main_box_area   .tabs > ul {
        width: 17%;
    }
}
@media (min-width: 576px) {


    .main_box_area   .tabs > ul li a {
        flex-wrap: wrap;
    }

    .main_box_area   .tabs > ul li a > span {
        width: 100%;
    }

    .main_box_area   .tabs > ul li a > span.tab-label {
        width: 100%;
        display: block;
        margin-top: 0.2rem;
    }

    .main_box_area   .tabs section {
        width: calc(100% - 150px);
        padding: 2rem 2rem;
    }
}
@media (min-width: 768px) {



    .main_box_area  .tabs-container {
        padding: 0;
    }
}
@media (min-width: 992px) {

    .main_box_area   .tabs {
        width: 100%;
    }
}





.blur,
.main,
.particles{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
.blur{
    /* background-image: url(../images/bg_main2.png); */
    background: linear-gradient(147deg, #033a4d8f 0%, #131d2a 74%),url(../images/bg_0.png);
    background-image: linear-gradient(170deg,#262F7A .68%,#010E73 100%);
    background-color: #fd3838;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    background-attachment: fixed;
    /* filter: blur(5px); */
    /* transform: scale(1.2); */
    animation: bg 8s linear infinite alternate;

}
.blogs-home-main .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    border-radius: 15px 15px 0 0;
    height: 576px;
    min-height: 576px;
}
.blogs-home-main .thumbnail img{
    border-radius: 15px 15px 0 0;
}
.blogs-home-main h2 {
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    color: #0c83b9;
}
.blogs_home {
    width: 100%;
    float: left;
    padding: 50px 0;
    margin: 0;
    background: #0c83b9;
    color: #fff;
}
.blogs_home .tag{
  color: #fff;
}
.blogs_home .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    border-radius: 15px;
    height: 576px;
    min-height: 576px;
}
.blogs_home .buttona {
    background: #032e63;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 5% 0;
    position: relative;
    float: right;
}
.blogs_home h3{
text-align: left;
    line-height: 43px;
    color: #fff;
    font-size: 37px;
    margin-top: 0;
    font-weight: 700;
    text-transform: capitalize;
}
.blogs_home .hr-simplee {
    margin: inherit;
}
.blogs_home h2{
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    color: #0c83b9;
}
.blogs_home .thumbnail a:link, a:visited {
    border-bottom: transparent !important;
    text-decoration: none !important;
    color: #e7305a;
    outline: none !important;
}
/*news*/

.news_list_bharat{
    float: left;
    width: 100%;
    padding: 55px 0px;
    margin: 0px;
    background: #f7f7f7;
}
.news_list_bharat h3 {
    text-align: left;
    line-height: 43px;
    color: #0e0e0e;
    font-size: 37px;
    font-weight: 700;
    text-transform: capitalize;
}
.news_list_bharat .hr-simplee {
    width: 80px;
    border: none !important;
    margin: 0 auto;
    height: 3px;
    background: #e7305a;
    margin-bottom: 25px;
    margin-top: 7px;
    float: left;
}
.news_list_bharat h4 {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin: 0px;
}
.news_list_bharat p{
    font-size: 14px;
    line-height: 24px;
}
.news_list_bharat .post-slide {
    margin: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 15px #ddd;
    border-radius: 15px;
}
@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 .post-review {
        height: auto !important;
    }
}
.news_list_bharat .buttona {
    background: #032e63;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: 5% 0;
    position: relative;
    float: right;
}
.news_list_bharat .post-review a {
    color: #020202;
    text-decoration: none;
}
.news_list_bharat .buttona:hover
{
    background: #e12f53!important;
    color:#fff !important;
    text-decoration:blink;
}


.news_list_bharat .post-slide{
    margin: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 15px #ddd;
    border-radius: 15px;
}
.news_list_bharat .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_bharat .post-slide .post-img img{
width: 62%;
    height: auto;
    transform: scale(1, 1);
    transition: all 0.30s ease 0s;
    border-radius: 15px 15px 0px 0px;
    height: auto !important;
    border: none;
    margin: 0 auto;
}
.news_list_bharat .post-slide:hover .post-img img{
    transform: scale(1.2,1.2);
}
.news_list_bharat .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_bharat .post-slide:hover .over-layer{
    opacity:1;
}
.news_list_bharat .post-slide .post-link{
    padding:0;
    margin:0;
    list-style:none;
    position: relative;
    top:45%;
}
.news_list_bharat .post-slide .post-link li{
    display: inline-block;
    margin-right:10px;
}
.news_list_bharat .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_bharat .post-slide .post-link li a:hover{
    text-decoration:none;
    transform: scale(1.1,1.1);
}
.news_list_bharat .post-slide .post-review{
    padding: 15px 0;
    overflow: hidden;
    text-align: left;
    padding: 20px;
    background: #ebebeb;
    box-shadow: 0 0 10px #ddd;
    border-radius: 0px 0px 15px 15px;
    height: 300px;
    margin-bottom: 29px;
    border-radius: 47px 0px 15px 0px;
}
.news_list_bharat .news-info {
    list-style: none;
    padding: 5% 0 0 0;
    margin: 0;
    text-align: left;
    color: #032e63;
}
.news_list_bharat .post-slide .post-title{
    margin-top: 0;
    text-align: left;
}
.news_list_bharat .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_bharat .post-slide .post-title a:hover{
    text-decoration: none;
    color:#1f80bb;
}
.news_list_bharat .post-slide .post-info{
    list-style:none;
    padding: 0px 0 0 0;
    margin:0 0 7px 0;
    text-align: left;
    color: #032e63;
}
.news_list_bharat .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_bharat .post-slide .tag-info li{
    list-style:none;
    display: inline-block;
}
.news_list_bharat .margin-prte a{
    color:#000;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .tag-info li a:hover{
    color:#1f80bb;
    text-decoration:none;
}
.news_list_bharat .post-slide .post-description{
    color: #828282;
    font-size: 14px;
    padding:5px 25px;
    line-height: 25px;
}
.news_list_bharat .post-slide .read-more{
    color:#333;
    float: right;
    font-weight: bold;
    margin-right:25px;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .read-more:hover{
    color:#1f80bb;
    text-decoration:none;
}

.main{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 100;
}
.title{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 15px;
    padding: 12.5px 25px;
    text-shadow: 1px 1px 10px black;
    border: 2px solid rgba( 255, 255, 255, .5);
    border-radius: 4px;
    color: white;
}

.particles{
    position: absolute;
    z-index: 200;
    overflow: hidden;
}

.particle{
    border-radius: 50%;
    filter: blur(3px);
    position: absolute;
}
@keyframes bg {
    0%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1.3);
    }
}
@keyframes move {
    0%{
        transform: translateX(0);
        opacity: 0;
    }
    10% ,90%{
        opacity: 1;
    }
    100%{
        transform: translateX(45vw);
        opacity: 0;
    }
}



.tab-body .form_group{
    width: 100%;
}
.from_hroup{
    width: auto;
    float: left;
    border-right: solid 1px #858383;
    padding: 0 11px 1px 10px;
}
.tab-body .from-control{
    width: 100%;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 0;
    border-style: solid;
    border-radius: 0;
    border-width: 0 0 1px 0;
    background: #eee;
    font-size: 12px;
    height: 50px;
}
.tab-body label {
    display: flex;
    margin-bottom: 0.5rem;
    letter-spacing: .3px;
    font-weight: 600;
    align-items: inherit;
    position: relative;
}

.upload_doc .fa-3x {
    font-size: 3em;
    color: #c5c8cb;
    float: right;
    position: absolute;
    right: 6px;
    margin-top: 3px;
    text-align: center;
}


/* 
 .down-arrow {
    position: absolute;
    top: calc(100vh - 60px);
    left: calc(50% - 14px);
    width: 0;
    height: 30px;
    border: 2px solid;
    border-radius: 2px;
  }
  
  .down-arrow:after {
    content: " ";
    position: absolute;
    top: 12px;
    left: -8px;
    width: 16px;
    height: 16px;
    border-bottom: 4px solid;
    border-right: 4px solid;
    border-radius: 4px;
    transform: rotateZ(45deg);
  }
  @keyframes jumpInfinite {
    0% {
      margin-top: 0;
    }
    50% {
      margin-top: 20px;
    }
    100% {
      margin-top: 0;
    }
  }
  .down-arrow {
    animation: jumpInfinite 1.5s infinite;
  } */



.browse_main{
    padding: 10px !important;
}
.otp_main{
    margin: 0 auto;
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
    top: 0;
}

.otp_main .imp_message{
    width: 100%;
    font-size: 14px;
    margin: 0;
    color: #ff0c0c;
    letter-spacing: 1px;
    background-color: #eee;
    padding: 10px;
    bottom: -62px;
    position: relative;
}
.otp_main form{
    padding: 5% 22px;
    background-color: #fff;
    border-radius: 9px;
}
.otp_main .form_group{
    padding: 18px;
    background-color: #ffffff3d;
    border-radius: 6px;
}
.otp_main h2{
    font-size: 23px;
    text-align: center;
    width: 100%;
    float: left;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 5%;
    font-weight: 100;
}
.tabs-wrapper .customradio{
    display: inline-flex !important;
    align-items: flex-start;
}
.tabs-wrapper .customradio input[type=radio], input[type=checkbox] {
    margin: 4px 5px 3px !important;
}
.otp_main h5{
    font-size: 21px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #171717;
    text-shadow: 2px -1px 5px #17171745;
}
.tab-body .otp_main .from-control {
    margin-bottom: 0;
}

.captcha1{
    width: 40%;
    float: left;
    padding: 0;
    margin: 0;
}
#cpatchaTextBox{
    width: 55%;
    height: 46px;
    border: solid 1px #e5eef3;
    border-radius: 0 5px 5px 0;
    padding: 0 10px;
    margin-bottom: 0;
    background: #1871a121;
    float: left;
}

.form-control:focus {
    border-color: transparent !important;
    outline: 0t !important;
    box-shadow: none !important;
}
.filr_main{
    padding: 10px !important;
}

.upload_doc .upload {
    width: 100%;
    max-height: 100%;
}

.upload_doc   .upload .upload-box {
    border: dashed 2px #cfcfcf;
    padding: 5px 11px;
    position: relative;
}

.upload_doc   .upload .upload-box .fa {
    color: #cfcfcf;
}

.upload_doc   .upload .upload-box .edit {
    display: inline-block;
    margin-left: 10px;
}

.upload_doc   .upload .upload-box .edit > span {
    color: #666;
    display: block;
    line-height: 2rem;
    margin-bottom: 0;
}

.upload_doc   .upload .upload-box.hover, .upload.hover .upload-box {
    border-color: #00a8e6;
}

.upload_doc   .upload .upload-box.hover .fa, .upload.hover .upload-box .fa {
    color: #00a8e6;
}

/*Photos*/
.upload_doc .upload .photo-box .edit {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    cursor: pointer;
}

.upload_doc  .upload .photo-box .photo {
    border: solid 1px #cfcfcf;
    padding: 2px;
    width: 96px;
    max-height: 96px;
    display: inline-block;
    overflow: hidden;
    cursor: default;
}

.upload_doc  .upload .photo-box .photo img {
    width: 100%;
}


/*Files*/
.upload_doc  .upload .file-box.hide {
    display: none;
}

.upload_doc .upload .file-box .file {
    padding: 4px;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    position: relative;
}

.upload_doc .upload .file-box .file a.download {
    display: inline-block;
    width: 95%;
}

.upload_doc .upload .file-box .file a.remove {
    position: absolute;
    right: 0;
    top: 2px;
    text-indent: -10000px;
    /* background-image: url(/assets/v4.old/shared/images/inline-clear-red.png); */
    display: inline-block;
    height: 18px;
    width: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    z-index: 10;
}

/*Button*/
.upload_doc .button {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    height: auto;
    line-height: 1.3rem;
    margin: 0;
    padding: 0 10px 0 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-color: #b5b5b5;
    color: #5e5e5e;
    text-decoration: none;
    cursor: pointer;
    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#e9e9e9));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#e9e9e9);
    background-image: linear-gradient(to bottom,#f8f8f8,#e9e9e9);
    background-repeat: repeat-x;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
}

.upload_doc .button.primary {
    color: #fff;
    border-color: #0084dd;
    text-shadow: -1px -1px 1px #1278a2;
    box-shadow: inset 1px 1px 1px 0 #65c9e4;
    background-color: #29aee0;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#39b9e3),to(#19a3dd));
    background-image: -webkit-linear-gradient(top,#39b9e3,#19a3dd);
    background-image: linear-gradient(to bottom,#39b9e3,#19a3dd);
    background-repeat: repeat-x;
}

.upload_doc .button.primary:hover, .button.hover.primary {
    z-index: 99999 !important;
    cursor: pointer;
    color: #fff;
    background-color: #2dbcf2;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#40c4ef),to(#1ab4f5));
    background-image: -webkit-linear-gradient(top,#40c4ef,#1ab4f5);
    background-image: linear-gradient(to bottom,#40c4ef,#1ab4f5);
    background-repeat: repeat-x;
}
.upload_doc .from-control {
    width: 100%;
    height: 42px;
    border: dashed 1px #ccc;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 12px;
    text-align: center;
    top: 0;
    position: relative;
    align-items: start;
    display: initial;
}
.upload_doc .tab-body label {
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    letter-spacing: .3px;
    font-weight: 600;
}
.upload_doc p{
    text-align: center;
}











.bg_doc1{
    background: url(../images/bg_image4a.avif);
    background-size: contain;
    background-position: right;
}


.option_main
ul li a {
    display: inline;
    background-color: #fff;
    padding: 20px 30px;
    position: relative;
}
.main_box_area .tabs > ul li a.active:hover {
    background-color: #fff;
    cursor: pointer;
}
/* .main_box_area .tabs > ul li a.active:hover:after {
     border-top: #c0c0c0;
} */
.main_box_area .tabs > ul li a.active:after {
    width: 0;
    height: 0;
    border-left: 17px solid #fff;
    border-right: 7px solid transparent;
    border-bottom: 23px solid #e5e5e500;
    border-top: 20px solid #e5e5e500;
    content: " ";
    position: absolute;
    bottom: 4px;
    right: -22px;
    transition: ease-in-out .5s;
    background-image: linear-gradient(147deg, #308bbd 0%, #dc497b 74%);
    box-shadow: -16px 0px 11px -6px #00000091;
}


.otp_text{
    font-size: 14px;
    color: #f71d1d;
}





















.otp_main .box {
    --border-size: 3px;
    --border-angle: 0turn;
    background-image: conic-gradient(from var(--border-angle), #fff0, #1120 50%, #2130), conic-gradient(from var(--border-angle), transparent 20%, #08f, #f03);
    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
    background-position: center center;
    background-repeat: no-repeat;
    animation: bg-spin 3s linear infinite;
    border-radius: 13px;
    padding: 5px;
    margin-top: 64px;
}
@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}
.otp_main .box:hover {
    animation-play-state: paused;
}
@property border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}







.card {
    margin: 0 auto;
    text-align: center;
    max-width: 900px;
    padding: 5rem;
}

.bg {
    background-color: transparent;
}

.ty {
    font-weight: 900;
    font-size: 117px;
    letter-spacing: -1px;
    font-kerning: normal;
    text-transform: uppercase;
    line-height: 6.5rem;
}
.solid {
    color: #ffeb00;
}



.text_heading_404{
    text-align: center;
    font-size: 32px !important;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    color: #525252;
}
.sub_text_404{
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #525252;
}
.side_png{
    width: 52%;
    float: none;
}
.button_main{
    text-align: center;
    width: 100%;
    border: none;
    background-color: #fbfbfb;
}
.button_main img{
    width: 41px;
    margin: 0 auto;
    float: none;
}
.cong_main{
    width: 63%;
    float: left;
    margin: 0 auto;
}
/*svg {
    font-family: 'Russo One', sans-serif;
    position: absolute;
    width: 100%;
}*/
.Congratulations_main{
    width: 100%;
    float: left;
    display: flex;
}
.success_cong{
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
}
/*svg text {
    text-transform: uppercase;
    animation: stroke 5s infinite alternate;
    stroke-width: 2;
    stroke: #dc497b;
    font-size: 130px;
}
@keyframes stroke {
    0%   {
        fill: rgba(72,138,20,0);
        stroke: rgb(200, 18, 106);
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 2;
    }
    70%  {
        fill: rgba(72,138,20,0);
        stroke: rrgb(200, 18, 106);
    }
    80%  {
        fill: rgba(72,138,20,0);
        stroke: rgb(200, 18, 106);
        stroke-width: 3;
    }
    100% {
        fill: rgba(72,138,204,1);
        stroke: rgba(54,95,160,0);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}*/



.main_loan .bg {
    animation:slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:absolute;
    right:-50%;
    top:0;
    z-index:-1;
}

.main_loan  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:4s;
}

.main_loan  .bg3 {
    animation-duration:5s;
}

.main_loan  .content {
    background-color:rgba(255,255,255,.8);
    border-radius:.25em;
    box-shadow:0 0 .25em rgba(0,0,0,.25);
    box-sizing:border-box;
    left:50%;
    padding:10vmin;
    position:fixed;
    text-align:center;
    top:50%;
    transform:translate(-50%, -50%);
}

.main_loan  h1 {
    font-family:monospace;
}

@keyframes slide {
    0% {
        transform:translateX(-25%);
    }
    100% {
        transform:translateX(25%);
    }
}
/* Calculator_main */
.main_loan{
    width: 100%;
    float: left;
    position: relative;
    padding: 52px 0 0 0;
    background-size: contain;
    background-position: center top;
    background-attachment: initial;
    background-repeat: no-repeat;
    overflow: hidden;
}
#pieChart{
    display: block;
    box-sizing: border-box;
    height: auto;
    width: auto;
    float: right;
    right: 9em;
    height: 309px !important;
    width: 309px !important;
}
.main_loan .container1 {
    border-style: solid;
    border-width: 50px 17px 17px 17px;
    height: auto;
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    margin: 50px 0;
    background-image: linear-gradient(to bottom left, #e4dfec, white, white);
    height: 576px;
}

.main_loan .container1::before{
    background-color: #0000000a;
    border: solid 1px #848484;
    height: 38px;
    width: 38px;
    border-radius: 50px;
    position: absolute;
    content: "";
    margin-right: 10px;
    left: 32em;
    right: 0;
    top: -42px;
}
.bg-img-calculate{
    position: absolute;
    width: 500px;
    height: auto;
    top: 202px;
    right: -35px;
}
.main_loan .container1::after{
    border: solid 3px #4a4848;
    height: 15px;
    width: 15px;
    border-radius: 50px;
    position: absolute;
    content: "";
    margin-right: 10px;
    left: 35em;
    top: -38px;
    background: linear-gradient(to right, #ffffff96, #000000,#939090);
}
.main_loan p{
    letter-spacing: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
}
.main_loan .sub-container {
    display: flex;
    width: 100%;
    gap: 0;
    height: max-content;
}

.main_loan .header {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.main_loan .header button {
    height: max-content;
    width: max-content;
    padding: 10px;
    border: none;
    background-color: transparent;
    font-size: 35px;
    color: #9088d2;
}

.main_loan .header button:hover {
    cursor: pointer;
}

.main_loan .view,
.breakup {
    width: 50%;
}
.main_loan .details input {
    width: 100%;
}

.main_loan .detail {
    display: flex;
    justify-content: space-between;
}

.main_loan .footer {
    display: flex;
    justify-content: space-between;
}

.main_loan input[type="range"] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

.main_loan input[type="range"]:focus {
    outline: none;
}
#ecww-widgetwrapper{
    display: none !important;
}
.main_loan input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #4d4d4d;
    border-radius: 10px;
}

.main_loan input[type="range"]::-webkit-slider-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ff6384;
    cursor: pointer;
    margin-top: -6px;
    -webkit-appearance: none;
}

.main_loan input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #ff6384;
}

.main_loan input[type="range"]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #9088d2;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px;
}

.main_loan input[type="range"]::-moz-range-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9088d2;
    cursor: pointer;
    margin-top: -6px;
}

.main_loan input[type="range"]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #9088d2;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px;
}

.main_loan input[type="range"]::-ms-fill-lower {
    background: #9088d2;
    border-radius: 5px;
}

.main_loan input[type="range"]::-ms-fill-upper {
    background: #9088d2;
    border-radius: 5px;
}

.main_loan input[type="range"]::-ms-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9088d2;
    cursor: pointer;
    margin-top: -6px;
}

.main_loan input[type="range"]:focus::-ms-fill-lower {
    background: #9088d2;
}

.main_loan input[type="range"]:focus::-ms-fill-upper {
    background: #9088d2;
}

/*-------------------------------------*/
.main_loan #price {
    color: #130f31;
    font-size: 23px;
    font-weight: 600;
}

.main_loan .loan-details {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 30px;
    border-top: dashed 2px #6969698a;

    padding: 0 49px 10px 34px !important;
    margin-top: 10px;
    border-radius: 9px;
    text-align: center;
}

.main_loan #price-container {
    color: #000;
    margin-top: 50px;
}

.main_loan #price-container::before {
    content: "Monthly Payable:";
    font-size: 20px;
    display: block;
    color: #fc6282;
    letter-spacing: 0;
    display: initial;
    padding-right: 1em;
}



/* thank_you_page */
.thank_you_page{
    text-align: center;
}
.thank_you_page .letterDrop {
    position: relative;
    top: 0;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    opacity: 0.8;
    transform: rotateX(-90deg);
    animation: letterDrop 1.2s ease 1 normal forwards;
}
.thank_you_page h1 {
    margin: 0;
    padding: 0;
    font-weight: 400 !important;
    font-size: 3em !important;
    color: #dc497b !important;
    position: relative;
    width: 100%;
    float: left;
}
.thank_you_page img{
    width: 80%;
    text-align: center;
    margin-top: 51px;
}
@keyframes letterDrop {
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 0.8;
        top: 0.75em;
        transform: rotateX(-360deg);
    }
    100% {
        opacity: 1;
        top: 1.50em;
        transform: rotateX(360deg);
    }
}


.thank_you_page  span:nth-child(2n) {
    color: #5da6d6;
}














/* upload_doc */
.document_main{
    width: 100%;
    float: left;
    position: relative;
}


.document_main nav{
    width: 100%;
    margin: 0 auto;
    float: left;
    background-color: transparent;
    z-index: 9;
    position: relative;
}
.document_main  nav a{
    display: inline-block;
    width: auto;
    height: 31px;
    float: left;
    line-height: 29px;
    background-color: #71ceef;
    background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #000;
    font-size: 13px;
    text-align: center;
    border: 3px solid #ffffff;
    padding: 0 22px;
}
.document_main nav a:last-child{
    border:none;
}
.document_main .tabContainer{
    width:100%;
    /* height:497px; */
    margin:0 auto;
    /* overflow:hidden; */
    text-align:center;
    position:relative;
    float: left;
}

.document_main .Tabcondent:before{
    position: absolute;
    content: url(../images/cac.png);
    opacity: .1;
    border-color: transparent;
    border-style: solid;
    border-width: 0 0.3em 0.25em 0;
    right: 17px;
    left: 12%;
    transform: rotate(360deg);
    bottom: -10px;
    display : none;
}




.document_main  .Tabcondent{
    width: 100%;
    background-color: transparent;
    color: #000;
    text-align: left;
    opacity: 0;
    border-radius: 32px;
    display:none;
    transition: all ease-in-out 0.3s;
    padding: 3% 0;
}
.document_main a.active{
    background-color:#308bbd;
    background-image: linear-gradient(147deg, #308bbd 0%, #dc497b 74%);
    color: #fff;
}
.document_main  .Tabcondent.active{
    width:100%;
    height:100%;
    opacity:1;
    border-radius:0px;
    transition:all ease-in-out 0.6s;
    margin:0 auto;

    /* display:block */
}
.document_main form{
    width: 100%;
    float: left;
    z-index: 9;
    /* display: flex; */
    margin: 0 24px 0 13px;
}
.document_main .from-control {
    width: 100%;
    height: 42px;
    padding: 10px !important;
}






.timer {
    float: right;
    right: 0;
    width: 100%;
    position: absolute;
    top: 0;
}
.timer p{
    float: right;
    width: 100%;
    text-align: right;
    padding: 0 14px 0 0;
    color: #fff;
    font-size: 10px;
    letter-spacing: 2px;
}

.timer .flip-clock-wrapper ul li a div.down{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.timer .clock.flip-clock-wrapper ul li a div div.inn{
    font-size: 11px !important;
    line-height: 25px !important;
}
.timer ul.flip {
    padding: 0px 10px !important;
}
.timer .clock.flip-clock-wrapper ul{
    width: 15px !important;
    height: 25px !important;
}
.timer .clock.flip-clock-wrapper ul li a div.up:after{
    top: 12px !important;
}

/*********Style1 end here***********/

/***********Style************************/
body {
    background: #fff !important;
}
#ContactUSEnquiry .form-group {
    margin-bottom: 1rem;
    display: flex;
    float: left;
}
#ContactUSEnquiry  .input-group {
    width: 100%;
    float: left;
    display: contents !important;
}
.ajax-loader {
    visibility: hidden;
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    z-index: +100 !important;
    width: 100%;
    height:100%;
}
.form-control:focus {
    border-color: #595959 !important;
    outline: 1px !important;
    box-shadow: none !important;
}
.jdropdown-focus {
    position: relative;
    width: 100% !important;
    min-width: 100% !important;
}
.jdropdown{
    width: 100% !important;
    min-width: 100% !important;
    background: #e1edf385 !important;
}
.jdropdown-default .jdropdown-container {
    background-color: #fff !important;
    z-index: 99;
}
.jdropdown-default .jdropdown-content {
    background-color: #cacdcf00 !important;
}
.jdropdown-header {
    font-size: 12px;
    width: 100% !important;
    height: 48px !important;
    background: #1871a121 !important;
    border: 1px solid #c1c1c1 !important;
}
.jdropdown-header {
    width: 100%;
    appearance: none;
    background-repeat: no-repeat;
    background-position: top 50% right 5px;
    background: url(../images/download.svg) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    text-overflow: ellipsis;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px !important;
}

.jdropdown.card-slide:focus + label, .jdropdown.card-slide:active + label {
    transform: perspective(616px) translateX(-86%) rotateY(86deg) !important;
    display: inline-block !important;
}
.jdropdown.card-slide{
    display: block !important;
}
.jdropdown.card-slide {
    display: inline-block !important;
    width: 100%;
    float: left;
    height: 48px;
    padding: 10px 0 10px 15px;
    font-family: "Open Sans", sans;
    font-weight: 400;
    color: #000;

    border: 0;
    border-radius: 5px;
    outline: 0;
    text-indent: 140px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform-origin: right center;
    transform: perspective(300px) scaleX(1) rotateY(0deg);
    border: solid 1px #ccc;
}
.jdropdown-header:focus + label, .jdropdown-header:active + label {
    transform: perspective(616px) translateX(-86%) rotateY(86deg);
}
.jdropdown-focus + label{
    display: block !important;
    position: absolute;
    /* width: 100% !important; */
    top: 0;
    padding: 10px 15px;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
    background: #1871a1;
    transition: all 0.3s ease-in-out;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform-origin: right center;
    transform: perspective(300px) scaleX(1) rotateY(0deg);
    min-width: 162px;
    color: #fff;
    line-height: 29px;
    height: 48px;
    overflow: hidden;
    width: 100%;
    width: fit-content;
    block-size: fit-content;
}
.notification_forminline{
    width: 100% !important;
    position: relative !important;
    z-index: 99 !important;
}
.jss_object {
    text-align: right;
}
.jdropdown-default .jdropdown-group {
    margin-top: 5px;
    position: relative !important;
    z-index: 999 !important;
}
.jdropdown-default.jdropdown-focus .jdropdown-header {
    outline: none !important;
}
.jdropdown-description {
    color: #000 !important;
}
.main_effect:focus + label, .main_effect:active + label {
    display : block;
    transform: perspective(616px) translateX(-86%) rotateY(86deg);
}
sup {
    top: 0;
    color: #f00;
    font-size: 14px;
}
/*[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
  background-color: rgb(124 123 127 / 50%) !important;
  box-shadow: 0 8px 32px 0 rgb(31 38 135 / 17%);
  backdrop-filter: blur(10px);
}*/
.button_mainbottom{
    float: left;
    position: relative;
    bottom: 0;
    align-items: flex-end;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
}
a:link, a:visited {
    border-bottom: transparent !important;
    text-decoration: none !important;
    color: #000;
    outline: none !important;
}
:root {
    --white: #ffffff;
    --black: #002A32;
    --lightGreen: #E6F4F1;
    --green: #d54b7d;
    --blue: #BFD6D9;
}
.main_tab_bg{
    background: url(../images/app-tranetech1.gif);
    background-size: cover;
    opacity: .3;
    width: 100%;
    float: left;
}
.confetti-button {
    font-family: 'Helvetica', 'Arial', sans-serif;
    display: inline-block;
    font-size: 1em;
    padding: 1em 2em;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ff0081;
    color: #fff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    /* box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5); */
}

.confetti-button:focus {
    outline: 0;
}

.confetti-button:before, .confetti-button:after {
    position: absolute;
    content: '';
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft !important;
    animation-name: fadeInLeft !important;
}
.confetti-button:before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.confetti-button:after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

.confetti-button:active {
    transform: scale(0.9);
    background-color: #e60074;
    /* box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); */
}

.confetti-button.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
}

.confetti-button.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
}
@keyframes
topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }
    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}
@keyframes
bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }
    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }
    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

body {

    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #f2f2f2;
    color: #1a1a1a;
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
}

p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/**
 * Global Rules
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0d0d0d;
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
    word-wrap: break-word;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 32px;
}



























.career-row .form_my .custom-file-label::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(2.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 2.5;
    color: #ffffff;
    content: "Browse";
    background-color: #e7305a;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}
.career-row .form_my span {
    font-weight: 400!important;
    font-size: 14px;
    padding: 13px 0 0 0;
    margin: 20px 0 0 0;
    line-height: 42px;
    position: relative;
}

.carer-p{
    margin: 1em 0;
    font-size: 13px;
}


.main_box_area{
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
    z-index: 999;
    margin-top: 0;
}
.main_box_area a,
a:visited {
    background-color: transparent;
    color: #0067b8;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.main_box_area a:hover,
a:active {
    border-bottom: none;
    outline: 0;
}

.main_box_area a:focus {
    border-bottom: none;
    outline: thin dotted;
}

.main_box_area a img {
    border: 0;
}
.option_main h1{
    margin: 0 0 22px 0 !important;
}
/* .main_box_area .entry-content > *:not(:last-child) {
    margin-bottom: 1rem;
} */
.main_box_area h1 {
    font-size: 40px;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
    text-align: center;
    color: #fff;
    margin: 5% 0 3px 0;
}

.main_box_area .article-container {
    padding: 0 20px;
    width: 100%;
    float: left;
}

.main_box_area .tabs-wrapper{
    width: 100%;
    float: left;
}


.main_box_area .article-block {
    text-align: center;
}

.main_box_area .article-block .entry-content > p {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
    float: right;
}


.main_box_area .tabs-container {
    padding: 0;
}


.main_box_area .tabs-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

/**
 * Tabs
 */
.main_box_area .tabs {
    display: flex;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 18px;
    border-radius: 25px;
}
.main_box_area .btn_next{
    width: auto;
    float: right;
    background-color: #e63e73;
    color: #fff;
    padding: 8px 33px;
    position: relative;
    transition: ease-in-out .5s;
    font-size: 17px;
    margin-bottom: 20px;
}
.main_box_area .btn_prev{
    width: auto;
    float: left;
    background-color: #2f8cbe;
    color: #fff;
    padding: 8px 33px;
    position: relative;
    transition: ease-in-out .5s;
    font-size: 17px;
}
.main_box_area .btn_submit_otp {
    width: 38%;
    float: left;
    background-color: #e7305a;
    border: solid 1px #e7305a;
    color: #fff;
    padding: 8px 29px;
    position: relative;
    transition: ease-in-out .5s;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 0;
    left: 0;
}
.main_box_area .btn_resend {
    width: 32%;
    float: right;
    right: 0;
    background-color: #6c6868;
    border: solid 1px #626262;
    color: #fff !important;
    padding: 8px 23px;
    position: relative;
    transition: ease-in-out .5s;
    margin-top: 0;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
}
.main_box_area .tabs > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 21% !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 628px;
}

.main_box_area .tabs > ul li {
    display: block;
    border-radius: 10px;
    margin-bottom: 0px;
    margin-bottom: 10px;
    background-image: linear-gradient(147deg, #a9608600 0%, #dc497b00 74%);
    background-color: transparent;
}
.bharatloan-top-menu {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 0;
    z-index: 9999;
    position: absolute;
}
.sticky {
    position: fixed !important;
}

@media(max-width: 767px){
    .main_box_area .tabs > ul {
        width: 45% !important;
        z-index: 999;
        position: relative;

    }

    .main_box_area a img {
        border: 0;
        display: none;
    }
    .main_box_area .tabs > ul li a > span {
        letter-spacing: 0 !important;
        font-weight: 400;
        padding-left: 0 !important;
        font-size: 10px;
        padding-right: 0;
        text-align: center !important;
    }
    .main_box_area .tabs > ul li a > span.tab-label{
        display: block !important;
    }

}

.main_box_area .tabs > ul li a:hover, .tabs > ul li a:hover{
    /* background-image: linear-gradient(147deg, #308bbd 0%, #dc497b 74%); */
    background-color: #fff;
}

.main_box_area .tabs > ul li:not(:last-child) {
    border-bottom: none;
}

.main_box_area .tabs > ul li a,
.tabs > ul li a:visited {
    display: flex;
    border-bottom: none;
    text-decoration: none;
    background-color: #71ceef;
    background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%);
    color: #000;
    padding: 12px 5px;
    transition: all 0.2s ease-in-out;
    word-wrap: break-word;
    border-radius: 6px;
    box-shadow: 6px 9px 12px -11px rgb(0 0 0);
    text-decoration: none;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    width: 91%;
}
.error_main{
    margin: 0 10px !important;
    position: relative !important;
    bottom: 0 !important;
    text-align: right;
    right: 0;
    color: #f10606;
}
.main_box_area .tabs > ul li a:hover,
.tabs > ul li a:focus,
.tabs > ul li a:active {
    border-bottom: none;
    outline: 0;
}

.main_box_area .tabs > ul li a.active {
    background-color: #fff;
    color: #fff;
    background-image: linear-gradient(147deg, #308bbd 0%, #dc497b 74%);
    opacity: 1;
}

.main_box_area .tabs > ul li a:hover:not(.active) {
    color: #000000;
}

.main_box_area .tabs > ul li a > span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    letter-spacing: .3px;
    font-weight: 600;
    text-shadow: none;
    padding-left: 10px;
}
.main_frm1{
    padding: 2% 7.2%;
    width: 100%;
    float: left;
}

.main_frm1:before{
    position: absolute;
    content: url(../images/work.gif);
    opacity: .1;
    border-color: transparent;
    border-style: solid;
    border-width: 0 0.3em 0.25em 0;
    right: 17px;
    left: -15%;
    transform: rotate(360deg);
    bottom: 0;
    width: 100px;
}
.main_frm2{
    padding: 2% 5.2%;
    width: 100%;
    float: left;
}
.main_frm2:before{
    position: absolute;
    content: url(../images/review.svg);
    opacity: .1;
    border-color: transparent;
    border-style: solid;
    border-width: 0 0.3em 0.25em 0;
    right: 17px;
    left: -15%;
    transform: rotate(360deg);
    bottom: 0;
    width: 100px;
}
/* .bg_run:before{   
  position: absolute;
  content: url(../images/almost_theteimg.gif);
  opacity: .1;
  border-color: transparent;
  border-style: solid;
  border-width: 0 0.3em 0.25em 0;
  right: 17px;
  left: -15%;
  transform: rotate(360deg);
  bottom: -261px;
  width: 100px;
}  */

.main_box_area .tabs > ul li a > span.tab-label {
    display: none;
}

.main_box_area .tabs section {
    width: 100% !important;
    background-color: #fff;
    padding: 1rem 5rem 0 5rem !important;
    display: none;
    word-wrap: break-word;
    border-radius: 10px;
    /*min-height: 509px;
    height: 509px;*/
    height: auto !important;
    overflow-y: visible;
    overflow-x: hidden;
    margin-left: 0 !important;
}


.main_box_area .tabs section > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.2s, transform 0.2s;
    font-size: 12px;
}

.main_box_area .tabs section > *:nth-child(1) {
    transition-delay: 0.2s;
}

.main_box_area .tabs section > *:nth-child(2) {
    transition-delay: 0.3s;
}

.main_box_area .tabs section > *:nth-child(3) {
    transition-delay: 0.4s;
}

.main_box_area .tabs section > *:nth-child(4) {
    transition-delay: 0.5s;
}

.main_box_area .tabs section > *:nth-child(5) {
    transition-delay: 0.6s;
}

.main_box_area .tabs section > *:nth-child(6) {
    transition-delay: 0.7s;
}

.main_box_area .tabs section > *:nth-child(7) {
    transition-delay: 0.8s;
}

.main_box_area .tabs section > *:nth-child(8) {
    transition-delay: 0.9s;
}

.main_box_area .tabs section > *:nth-child(9) {
    transition-delay: 1s;
}

.main_box_area .tabs section > *:nth-child(10) {
    transition-delay: 1.1s;
}

.main_box_area .tabs section > *:nth-child(11) {
    transition-delay: 1.2s;
}

.main_box_area .tabs section > *:nth-child(12) {
    transition-delay: 1.3s;
}

.main_box_area .tabs section > *:nth-child(13) {
    transition-delay: 1.4s;
}

.main_box_area .tabs section > *:nth-child(14) {
    transition-delay: 1.5s;
}

.main_box_area .tabs section > *:nth-child(15) {
    transition-delay: 1.6s;
}

.main_box_area .tabs section > *:nth-child(16) {
    transition-delay: 1.7s;
}

.main_box_area .tabs section > *:nth-child(17) {
    transition-delay: 1.8s;
}

.main_box_area .tabs section > *:nth-child(18) {
    transition-delay: 1.9s;
}

.main_box_area .tabs section > *:nth-child(19) {
    transition-delay: 2s;
}

.main_box_area .tabs section > *:nth-child(20) {
    transition-delay: 2.1s;
}

.main_box_area .tabs section.active {
    display: block;
}
.main_box_area .tabs section h2>span{
    background-color: #eee;
    top: -23px;
    position: fixed;
    padding: 5px 15px;
    border-radius: 0 0 5px 5px;
    background-image: linear-gradient(147deg, #308bbd 0%, #dc497b 74%);
    color: #fff;
    box-shadow: 1px 12px 9px -10px #000000ab;
    transition: opacity 0.2s, transform 0.2s;
    font-size: 12px;
    right: 0;
}

/* .bg_main{ 
   background: url("../images/bg_image52.JPG");
   background-size:cover;
} */

.main_box_area .tabs section.active-content > * {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 576px) {

    .main_box_area   .tabs > ul {
        width: 17%;
    }
}
@media (min-width: 576px) {
    v

    .main_box_area   .tabs > ul li a {
        flex-wrap: wrap;
    }

    .main_box_area   .tabs > ul li a > span {
        width: 100%;
    }

    .main_box_area   .tabs > ul li a > span.tab-label {
        width: 100%;
        display: block;
        margin-top: 0.2rem;
    }

    .main_box_area   .tabs section {
        width: calc(100% - 150px);
        padding: 2rem 2rem;
    }
}
@media (min-width: 768px) {

    body {
        font-size: 1.125rem;
    }

    .main_box_area  .tabs-container {
        padding: 0;
    }
}
@media (min-width: 992px) {

    .main_box_area   .tabs {
        width: 100%;
    }
}




.blur,
.main,
.particles{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
.blur{
    /* background-image: url(../images/bg_main2.png); */
    background: linear-gradient(147deg, #033a4d8f 0%, #131d2a 74%),url(../images/bg_0.png);
    background-color: #fd3838;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    background-attachment: fixed;
    /* filter: blur(5px); */
    /* transform: scale(1.2); */
    animation: bg 8s linear infinite alternate;

}
.main{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 100;
}
.title{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 15px;
    padding: 12.5px 25px;
    text-shadow: 1px 1px 10px black;
    border: 2px solid rgba( 255, 255, 255, .5);
    border-radius: 4px;
    color: white;
}

.particles{
    position: absolute;
    z-index: 200;
    overflow: hidden;
}

.particle{
    border-radius: 50%;
    filter: blur(3px);
    position: absolute;
}
@keyframes bg {
    0%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1.3);
    }
}
@keyframes move {
    0%{
        transform: translateX(0);
        opacity: 0;
    }
    10% ,90%{
        opacity: 1;
    }
    100%{
        transform: translateX(45vw);
        opacity: 0;
    }
}



.tab-body .form_group{
    width: 100%;
    margin-bottom: 22px;
}
.tab-body .form_group span p{
    padding : 0 !important;
}
.from_hroup{
    width: auto;
    float: left;
    border-right: solid 1px #858383;
    padding: 0 11px 1px 10px;
}
.tab-body .from-control{
    width: 100%;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 0;
    border-style: solid;
    border-radius: 0;
    border-width: 0 0 1px 0;
    background: #eee;
    font-size: 12px;
    height: 50px;
}
:focus-visible {
    outline: none !important;
}
.tab-body label {
    display: flex;
    margin-bottom: 0.5rem;
    letter-spacing: .3px;
    font-weight: 600;
    align-items: inherit;
    position: relative;
}

.upload_doc .fa-3x {
    font-size: 3em;
    color: #c5c8cb;
    float: right;
    position: absolute;
    right: 6px;
    margin-top: 3px;
    text-align: center;
}


/* 
 .down-arrow {
    position: absolute;
    top: calc(100vh - 60px);
    left: calc(50% - 14px);
    width: 0;
    height: 30px;
    border: 2px solid;
    border-radius: 2px;
  }
  
  .down-arrow:after {
    content: " ";
    position: absolute;
    top: 12px;
    left: -8px;
    width: 16px;
    height: 16px;
    border-bottom: 4px solid;
    border-right: 4px solid;
    border-radius: 4px;
    transform: rotateZ(45deg);
  }
  @keyframes jumpInfinite {
    0% {
      margin-top: 0;
    }
    50% {
      margin-top: 20px;
    }
    100% {
      margin-top: 0;
    }
  }
  .down-arrow {
    animation: jumpInfinite 1.5s infinite;
  } */



.browse_main{
    padding: 10px !important;
}
.otp_main{
    margin: 0 auto;
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
    top: 0;
}

.otp_main .imp_message{
    width: 100%;
    font-size: 11px;
    margin: 0;
    color: #ff0c0c;
    letter-spacing: 0;
    background-color: #eee;
    padding: 10px;
    bottom: -62px;
    position: relative;
}
.imp_message1{
    width: 100%;
    font-size: 11px;
    margin: 0;
    color: #ff0c0c;
    letter-spacing: 0;
    padding: 10px;
    bottom: 0;
    position: relative;
    float : 100%
}
.otp_main form{
    padding: 5% 22px;
    background-color: transparent;
    border-radius: 0;
    margin: 0 auto;
}
.otp_main .form_group{
    padding: 18px;
    background-color: #ffffff3d;
    border-radius: 6px;
}
.otp_main h2{
    font-size: 23px;
    text-align: center;
    width: 100%;
    float: left;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 5%;
    font-weight: 100;
}
.tabs-wrapper .customradio{
    display: grid !important;
    align-items: center;
    width: auto;
}
.form-check-inline{
    width: 100%;
}


.tabs-wrapper .customradio input[type=radio], input[type=checkbox] {
    margin: 4px 5px 3px !important;
}
.otp_main h5{
    font-size: 21px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #fff;
    text-shadow: 2px -1px 5px #17171745;
}
.tab-body .otp_main .from-control {
    margin-bottom: 0;
}

.captcha1{
    width: 40%;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#cpatchaTextBox{
    width: 51%;
    height: 46px;
    border: solid 1px #e5eef3;
    border-radius: 0 5px 5px 0;
    padding: 0 10px;
    margin-bottom: 0;
    background: #1871a121;
    float: left;
}
#cpatchaTextBox img{
    display: contents;
}

.form-control{
    font-family: 'Poppins',sans-serif!important;
}


.filr_main{
    padding: 10px !important;
}

.upload_doc .upload {
    width: 100%;
    max-height: 100%;
}

.upload_doc   .upload .upload-box {
    border: dashed 2px #cfcfcf;
    padding: 5px 11px;
    position: relative;
}

.upload_doc   .upload .upload-box .fa {
    color: #cfcfcf;
}

.upload_doc   .upload .upload-box .edit {
    display: inline-block;
    margin-left: 10px;
}

.upload_doc   .upload .upload-box .edit > span {
    color: #666;
    display: block;
    line-height: 2rem;
    margin-bottom: 0;
}

.upload_doc   .upload .upload-box.hover, .upload.hover .upload-box {
    border-color: #00a8e6;
}

.upload_doc   .upload .upload-box.hover .fa, .upload.hover .upload-box .fa {
    color: #00a8e6;
}

/*Photos*/
.upload_doc .upload .photo-box .edit {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    cursor: pointer;
}

.upload_doc  .upload .photo-box .photo {
    border: solid 1px #cfcfcf;
    padding: 2px;
    width: 96px;
    max-height: 96px;
    display: inline-block;
    overflow: hidden;
    cursor: default;
}

.upload_doc  .upload .photo-box .photo img {
    width: 100%;
}


/*Files*/
.upload_doc  .upload .file-box.hide {
    display: none;
}

.upload_doc .upload .file-box .file {
    padding: 4px;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    position: relative;
}

.upload_doc .upload .file-box .file a.download {
    display: inline-block;
    width: 95%;
}

.upload_doc .upload .file-box .file a.remove {
    position: absolute;
    right: 0;
    top: 2px;
    text-indent: -10000px;
    /* background-image: url(/assets/v4.old/shared/images/inline-clear-red.png); */
    display: inline-block;
    height: 18px;
    width: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    z-index: 10;
}

/*Button*/
.upload_doc .button {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    height: auto;
    line-height: 1.3rem;
    margin: 0;
    padding: 0 10px 0 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-color: #b5b5b5;
    color: #5e5e5e;
    text-decoration: none;
    cursor: pointer;
    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#e9e9e9));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#e9e9e9);
    background-image: linear-gradient(to bottom,#f8f8f8,#e9e9e9);
    background-repeat: repeat-x;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
}

.upload_doc .button.primary {
    color: #fff;
    border-color: #0084dd;
    text-shadow: -1px -1px 1px #1278a2;
    box-shadow: inset 1px 1px 1px 0 #65c9e4;
    background-color: #29aee0;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#39b9e3),to(#19a3dd));
    background-image: -webkit-linear-gradient(top,#39b9e3,#19a3dd);
    background-image: linear-gradient(to bottom,#39b9e3,#19a3dd);
    background-repeat: repeat-x;
}

.upload_doc .button.primary:hover, .button.hover.primary {
    z-index: 99999 !important;
    cursor: pointer;
    color: #fff;
    background-color: #2dbcf2;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#40c4ef),to(#1ab4f5));
    background-image: -webkit-linear-gradient(top,#40c4ef,#1ab4f5);
    background-image: linear-gradient(to bottom,#40c4ef,#1ab4f5);
    background-repeat: repeat-x;
}
.upload_doc .from-control {
    width: 100%;
    height: 42px;
    border: dashed 1px #ccc;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 12px;
    text-align: center;
    top: 0;
    position: relative;
    align-items: start;
    display: initial;
}
.upload_doc .tab-body label {
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    letter-spacing: .3px;
    font-weight: 600;
}
.upload_doc p{
    text-align: center;
}












.bg_doc1{
    background: url(../images/bg_image4a.avif);
    background-size: contain;
    background-position: right;
}


.option_main
ul li a {
    display: inline;
    background-color: #fff;
    padding: 20px 30px;
    position: relative;
}
.main_box_area .tabs > ul li a.active:hover {
    background-color: #fff;
    cursor: pointer;
}
/* .main_box_area .tabs > ul li a.active:hover:after {
     border-top: #c0c0c0;
} */
.main_box_area .tabs > ul li a.active:after {
    width: 0;
    height: 0;
    border-left: 17px solid #d94879;
    border-right: 7px solid transparent;
    border-bottom: 23px solid #e5e5e500;
    border-top: 20px solid #e5e5e500;
    content: " ";
    position: absolute;
    bottom: 4px;
    right: -22px;
    transition: ease-in-out .5s;
    background-image: linear-gradient(147deg, #308bbd 0%, #dc497b 74%);
    box-shadow: -16px 0px 11px -6px #00000091;
}


.otp_text{
    font-size: 9px;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: center;
}
#otp_verify_form_id p>span{
    text-align: center;
    position: relative;
    align-items: baseline;
    display: block;
    color: #fff;
    width: 100%;
    float: left;
}
#otp_verify_form_id p>span b{
    float: right;
    width: 100%;
    text-align: right;
    color: #ff0808;
}



















.otp_main .box {
    --border-size: 2px;
    --border-angle: 0turn;
    <!--background-image: conic-gradient(from var(--border-angle), #fff0, #1120 50%, #2130), conic-gradient(from var(--border-angle), transparent 20%, #e02e57, #00000000);
    -->
    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
    background-position: center center;
    background-repeat: no-repeat;
    animation: bg-spin 3s linear infinite;
    border-radius: 0;
    padding: 4px;
    margin-top: 0;
    top: 14%;
    position: relative;
    display: flex;
    align-items: center;
}
@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}
.otp_main .box:hovr {
    animation-play-state: paused;
}
/*@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}*/

.card {
    margin: 0 auto;
    text-align: center;
    max-width: 900px;
    padding: 5rem;
}

.bg {
    background-color: transparent;
}

.ty {
    font-weight: 900;
    font-size: 117px;
    letter-spacing: -1px;
    font-kerning: normal;
    text-transform: uppercase;
    line-height: 6.5rem;
}
.solid {
    color: #ffeb00;
}



.text_heading_404{
    text-align: center;
    font-size: 32px !important;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    color: #525252;
}
.sub_text_404{
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #525252;
}
.side_png{
    width: 52%;
    float: none;
}
.button_main{
    text-align: center;
    width: 100%;
    border: none;
    background-color: #fbfbfb;
}
.button_main img{
    width: 41px;
    margin: 0 auto;
    float: none;
}
.cong_main{
    width: 63%;
    float: left;
    margin: 0 auto;
}
/*svg {
    font-family: 'Russo One', sans-serif;
    position: absolute;
    width: 100%;
}*/
.Congratulations_main{
    width: 100%;
    float: left;
    display: flex;
}
.success_cong{
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
}
svg text {
    text-transform: uppercase;
    animation: stroke 5s infinite alternate;
    stroke-width: 2;
    stroke: #dc497b;
    font-size: 130px;
}
@keyframes stroke {
    0%   {
        fill: rgba(72,138,20,0);
        stroke: rgb(200, 18, 106);
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 2;
    }
    70%  {
        fill: rgba(72,138,20,0);
        stroke: rrgb(200, 18, 106);
    }
    80%  {
        fill: rgba(72,138,20,0);
        stroke: rgb(200, 18, 106);
        stroke-width: 3;
    }
    100% {
        fill: rgba(72,138,204,1);
        stroke: rgba(54,95,160,0);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}



.main_loan .bg {
    animation:slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:absolute;
    right:-50%;
    top:0;
    z-index:-1;
}

.main_loan  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:4s;
}

.main_loan  .bg3 {
    animation-duration:5s;
}

.main_loan  .content {
    background-color:rgba(255,255,255,.8);
    border-radius:.25em;
    box-shadow:0 0 .25em rgba(0,0,0,.25);
    box-sizing:border-box;
    left:50%;
    padding:10vmin;
    position:fixed;
    text-align:center;
    top:50%;
    transform:translate(-50%, -50%);
}

.main_loan  h1 {
    font-family:monospace;
}

@keyframes slide {
    0% {
        transform:translateX(-25%);
    }
    100% {
        transform:translateX(25%);
    }
}
/* Calculator_main */
.main_loan{
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 20px;
    background-size: contain;
    background-position: center top;
    background-attachment: initial;
    background-repeat: no-repeat;
    overflow: hidden;
}
#pieChart{
    display: block;
    box-sizing: border-box;
    height: auto;
    width: auto;
    float: right;
    right: 9em;
    height: 309px !important;
    width: 309px !important;
}
.main_loan .container1 {
    border-style: solid;
    border-width: 50px 17px 17px 17px;
    height: auto;
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    margin: 50px 0;
    background-image: linear-gradient(to bottom left, #e4dfec, white, white);
    height: 576px;
}

.main_loan .container1::before{
    background-color: #0000000a;
    border: solid 1px #848484;
    height: 38px;
    width: 38px;
    border-radius: 50px;
    position: absolute;
    content: "";
    margin-right: 10px;
    left: 32em;
    right: 0;
    top: -42px;
}
.bg-img-calculate{
    position: absolute;
    width: 500px;
    height: auto;
    top: 202px;
    right: -35px;
}
.main_loan .container1::after{
    border: solid 3px #4a4848;
    height: 15px;
    width: 15px;
    border-radius: 50px;
    position: absolute;
    content: "";
    margin-right: 10px;
    left: 35em;
    top: -38px;
    background: linear-gradient(to right, #ffffff96, #000000,#939090);
}
.main_loan p{
    letter-spacing: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
}
.main_loan .sub-container {
    display: flex;
    width: 100%;
    gap: 0;
    height: max-content;
}

.main_loan .header {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.main_loan .header button {
    height: max-content;
    width: max-content;
    padding: 10px;
    border: none;
    background-color: transparent;
    font-size: 35px;
    color: #9088d2;
}

.main_loan .header button:hover {
    cursor: pointer;
}

.main_loan .view,
.breakup {
    width: 50%;
}
.main_loan .details input {
    width: 100%;
}

.main_loan .detail {
    display: flex;
    justify-content: space-between;
}

.main_loan .footer {
    display: flex;
    justify-content: space-between;
}

.main_loan input[type="range"] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

.main_loan input[type="range"]:focus {
    outline: none;
}
#ecww-widgetwrapper{
    display: none !important;
}
.main_loan input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #4d4d4d;
    border-radius: 10px;
}

.main_loan input[type="range"]::-webkit-slider-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ff6384;
    cursor: pointer;
    margin-top: -6px;
    -webkit-appearance: none;
}

.main_loan input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #ff6384;
}

.main_loan input[type="range"]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #9088d2;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px;
}

.main_loan input[type="range"]::-moz-range-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9088d2;
    cursor: pointer;
    margin-top: -6px;
}

.main_loan input[type="range"]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #9088d2;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px;
}

.main_loan input[type="range"]::-ms-fill-lower {
    background: #9088d2;
    border-radius: 5px;
}

.main_loan input[type="range"]::-ms-fill-upper {
    background: #9088d2;
    border-radius: 5px;
}

.main_loan input[type="range"]::-ms-thumb {
    box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
    border: 5px solid #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9088d2;
    cursor: pointer;
    margin-top: -6px;
}

.main_loan input[type="range"]:focus::-ms-fill-lower {
    background: #9088d2;
}

.main_loan input[type="range"]:focus::-ms-fill-upper {
    background: #9088d2;
}

/*-------------------------------------*/
.main_loan #price {
    color: #130f31;
    font-size: 23px;
    font-weight: 600;
}

.main_loan .loan-details {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 30px;
    border-top: dashed 2px #6969698a;
    padding: 0 49px 10px 34px !important;
    margin: 10px 0;
    border-radius: 9px;
    text-align: center;
}

.main_loan #price-container {
    color: #000;
    margin-top: 50px;
    width: 45%;
}

.main_loan #price-container::before {
    content: "Monthly Payable:";
    font-size: 15px;
    display: block;
    color: #fc6282;
    letter-spacing: 0;
    display: initial;
    padding-right: 1em;
}
.main_loan #price-container2 {
    color: #000;
    margin-top: 50px;
    width: 50%;
}

.main_loan #price-container2::before {
    content: "Processing Fee:";
    font-size: 15px;
    display: block;
    color: #fc6282;
    letter-spacing: 0;
    display: initial;
    padding-right: 1em;
}


/* thank_you_page */
.thank_you_page{
    text-align: center;
}
.thank_you_page .letterDrop {
    position: relative;
    top: 0;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    opacity: 0.8;
    transform: rotateX(-90deg);
    animation: letterDrop 1.2s ease 1 normal forwards;
}
.thank_you_page h1 {
    margin: 0;
    padding: 0;
    font-weight: 400 !important;
    font-size: 3em !important;
    color: #dc497b !important;
    position: relative;
    width: 100%;
    float: left;
}
.thank_you_page img{
    width: 80%;
    text-align: center;
    margin-top: 51px;
}
@keyframes letterDrop {
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 0.8;
        top: 0.75em;
        transform: rotateX(-360deg);
    }
    100% {
        opacity: 1;
        top: 1.50em;
        transform: rotateX(360deg);
    }
}


.thank_you_page  span:nth-child(2n) {
    color: #5da6d6;
}














/* upload_doc */
.document_main{
    width: 100%;
    float: left;
    position: relative;
}


.document_main nav{
    width: 100%;
    margin: 0 auto;
    float: left;
    background-color: transparent;
    z-index: 9;
    position: relative;
}
.document_main  nav a{
    display: inline-block;
    width: auto;
    height: 31px;
    float: left;
    line-height: 29px;
    background-color: #71ceef;
    background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #000;
    font-size: 13px;
    text-align: center;
    border: 3px solid #ffffff;
    padding: 0 22px;
}
.document_main nav a:last-child{
    border:none;
}
.document_main .tabContainer{
    width:100%;
    /* height:497px; */
    margin:0 auto;
    /* overflow:hidden; */
    text-align:center;
    position:relative;
    float: left;
}

/* .document_main .Tabcondent:before{ 
     content: url(../images/cac.png);
     opacity: .1;
     border-color: transparent;
     border-style: solid;
     border-width: 0 0.3em 0.25em 0;
     right: 17px;
     left: 12%;
     position: relative;
     transform: rotate(360deg);
     bottom: -10px;
     z-index: -1;
     top: 0;
 } 
*/

.active .document_main .tabContainer{
    display : block !important;
}

.document_main  .Tabcondent{
    width: 100%;
    background-color: transparent;
    color: #000;
    text-align: left;
    opacity: 0;
    border-radius: 32px;
    display:none;
    transition: all ease-in-out 0.3s;
    padding: 3% 0;
}
.document_main a.active{
    background-color:#308bbd;
    background-image: linear-gradient(147deg, #308bbd 0%, #dc497b 74%);
    color: #fff;
}
.document_main  .Tabcondent.active{
    width:100%;
    height:100%;
    opacity:1;
    border-radius:0px;
    transition:all ease-in-out 0.6s;
    margin:0 auto;
    display:block !important;
}
.document_main form{
    width: 100%;
    float: left;
    z-index: 9;
    /* display: flex; */
    margin: 0 24px 0 13px;
}
.document_main .from-control {
    width: 100%;
    height: 42px;
    padding: 10px !important;
}






.timer {
    float: right;
    right: 0;
    width: 100%;
    position: absolute;
    top: 0;
}
.timer p{
    float: right;
    width: 100%;
    text-align: right;
    padding: 0 14px 0 0;
    color: #fff;
    font-size: 10px;
    letter-spacing: 2px;
    display : none;
}

.timer .flip-clock-wrapper ul li a div.down{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.timer .flip-clock-wrapper ul li {
    border-radius: 6px;
}
.timer .clock.flip-clock-wrapper ul li a div div.inn{
    font-size: 11px !important;
    line-height: 25px !important;
}
.timer ul.flip {
    padding: 0px 10px !important;
}
.timer .clock.flip-clock-wrapper ul{
    width: 15px !important;
    height: 25px !important;
}
.timer .clock.flip-clock-wrapper ul li a div.up:after{
    top: 12px !important;
}
.timer .flip-clock-wrapper ul.flip.flip:nth-child(even){
    margin: 0px 10px 0px 0px !important;
    border-radius: 0px 6px 6px 0px !important;
}
.timer .flip-clock-wrapper ul.flip:nth-child(even) li a div div.inn{
    background-color: #308bbd !important;
    border-radius: 0px 6px 6px 0px !important;
}

.timer .flip-clock-wrapper ul.flip.flip:nth-child(odd){
    margin: 0px !important;
    border-radius: 6px 0px 0px 6px !important;
}
.timer .flip-clock-wrapper ul.flip:nth-child(odd) li a div div.inn{
    background-color: #dc497b !important;
    border-radius: 6px 0px 0px 6px !important;
}
.timer .flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: auto;
    margin: 1em;
    text-align: center;
    float: left;
    margin: 1px auto !important;
    position: relative;
    left: 7em;
    top: 79px;
}


.tab-body .from-group{
    margin-right: 10px;
}
.tab-body .from-group .input {
    width: 400px;
    margin: 0 auto;
    font-family: Lato;
    font-size: 1.4em;
}
.tab-body .from-group .input input {
    width: 400px;
    height: 44px;
    margin-top: 0;
    font-family: Lato;
    font-size: 16px;
    background-color: transparent;
    border: none;
    border-top: 0px solid #4EA5D9;
    border-bottom: 3px solid #4EA5D9;
    outline: none;
    color: #4EA5D9;
    padding: 4px;
}
.tab-body .from-group .input input:focus + label {
    top: -130px;
    font-size: 1.2em;
    transition: all 0.3s;
}
.tab-body .from-group .input label {
    display: block;
    position: relative;
    left: 10px;
    top: -70px;
    font-size: 1.8em;
    cursor: text;
    color: #44CFCB;
    transition: all 0.3s;
}





















.check_main1 .img_side_right{
    width: 660px;
    position: relative;
    padding-top: 58px;
    opacity: .7;
    left: -113px;
}
.check_main1 h5{
    text-align: right;
    text-transform: capitalize;
    font-size: 34px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 7%;
    /* border-left: solid 30px #619ece;
    padding-left: 10px;
    line-height: 54px;
    left: -19px;
    position: absolute;
    box-shadow: -20px 13px 9px -15px #000;
    margin-top: 4%; */
}




/*@property --angle {
    syntax: '<angle>';
    initial-value: 90deg;
    inherits: true;
}*/

/*@property --gradX {
    syntax: '<percentage>';
    initial-value: 50%;
    inherits: true;
}

@property --gradY {
    syntax: '<percentage>';
    initial-value: 0%;
    inherits: true;
}*/

/* body {
  text-align: center;
  margin: 0;
  padding: 1rem;
  background-color: rgba(10, 12, 18, 1);
  color: white;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

p {
  margin: 0;
}
*/











































/* .entry-content .row {
 max-width: 800px;
 margin: 0 auto;
 padding: 60px 30px;
 background: #032429;
 position: relative;
 z-index: 1;
 text-align: center;
}
.entry-content .row:before {
 position: absolute;
 content: "";
 display: block;
 top: 0;
 left: -5000px;
 height: 100%;
 width: 15000px;
 z-index: -1;
 background: inherit;
}
.entry-content .row:first-child {
 padding: 40px 30px;
}
.entry-content .row:nth-child(2), .row:nth-child(8), .row:nth-child(10) {
 background: #134A46;
}
.entry-content .row:nth-child(3), .row:nth-child(7) {
 background: #377D6A;
}
.entry-content .row:nth-child(4), .row:nth-child(6) {
 background: #7AB893;
}
.entry-content .row:nth-child(5) {
 background: #B2E3AF;
}*/
.entry-content .row span {
    position: relative;
    /* margin: 0 0 17px 10px; */
    width: 100% !important;
    display: inline-block;
    float :left;
}
/*.card-slide {
 display: inline-block;
 width: 215px;
 padding: 10px 0 10px 15px;
 font-family: "Open Sans", sans;
 font-weight: 400;
 color: #377D6A;
 background: #efefef;
 border: 0;
 border-radius: 3px;
 outline: 0;
 text-indent: 115px;
 transition: all 0.3s ease-in-out;
}
.card-slide::-webkit-input-placeholder {
 color: #efefef;
 text-indent: 0;
 font-weight: 300;
}
.card-slide + label {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 padding: 10px 15px;
 text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
 background: #7AB893;
 transition: all 0.3s ease-in-out;
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px;
 transform-origin: right center;
 transform: perspective(300px) scaleX(1) rotateY(0deg);
}
span:nth-child(2) .card-slide {
 text-indent: 55px;
}
span:nth-child(3) .card-slide {
 text-indent: 150px;
}
span:nth-child(2) .card-slide:focus, span:nth-child(2) .card-slide:active, span:nth-child(3) .card-slide:focus, span:nth-child(3) .card-slide:active {
 text-indent: 0;
}
.card-slide:focus, .card-slide:active {
 color: #377D6A;
 text-indent: 0;
 background: #fff;
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}
.card-slide:focus::-webkit-input-placeholder, .card-slide:active::-webkit-input-placeholder {
 color: #aaa;
}
.card-slide:focus + label, .card-slide:active + label {
 transform: perspective(600px) translateX(-100%) rotateY(80deg);
}
*/




.label_main2:focus, .label_main2:active{
    transform: perspective(600px) translateX(-100%) rotateY(80deg);
}
.label_main2{
    display: block;
    position: absolute !important;
    top: 0;
    /* left: 0; */
    padding: 10px 15px;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
    background: #1871a1;
    transition: all 0.3s ease-in-out;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform-origin: right center;
    transform: perspective(300px) scaleX(1) rotateY(0deg);
    min-width: 199px;
    color: #fff;
    line-height: 29px;
    height: 48px;
    overflow: hidden;
    width: 100%;
    width: fit-content;
    block-size: fit-content;
}



.select2-selection__arrow{
    display: inline-block;
    width: 100%;
    float: left;
    height: 48px !important;
    padding: 10px 0 10px 15px;
    font-family: "Open Sans", sans;
    font-weight: 400;
    color: #000;
    background: #1871a121;
    border: 0;
    border-radius: 5px;
    outline: 0;
    text-indent: 140px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform-origin: right center;
    transform: perspective(300px) scaleX(1) rotateY(0deg);
    border: solid 1px #ccc;
}
.select2-container .select2-selection--single {
    height: 48px !important;
}

.select2-selection__rendered {
    display: inline-block;
    width: 100%;
    float: left;
    height: 48px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #000;
    background: #1871a121;
    border: 0;
    border-radius: 5px;
    text-align: end;
    outline: 0;
    text-indent: 140px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform-origin: right center;
    transform: perspective(300px) scaleX(1) rotateY(0deg);
}
.select2-selection__arrow{
    display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    text-align: initial;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    text-align: right;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: left !Important;
    font-weight: bold;
    display: block !Important;
    width: fit-content !important;
}

.entry-content .card-slide {
    display: inline-block;
    width: 100%;
    float: left;
    height: 48px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    font-weight: 400;
    color: #7a7b7c;
    background: #1871a121;
    border: 0;
    border-radius: 5px;
    outline: 0;
    /*text-indent: 140px;*/
    transition: all 0.3s ease-in-out;
    margin-bottom: 0;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform-origin: right center;
    transform: perspective(300px) scaleX(1) rotateY(0deg);
    border: solid 1px #ccc;
}
.entry-content .card-slide::-webkit-input-placeholder {
    color: #efefef;
    text-indent: 0;
    font-weight: 300;
}
.entry-content .card-slide + label {
    display: block;
    position: absolute;
    top: 0;
    /* left: 0; */
    padding: 10px 15px;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
    background: #1871a1;
    transition: all 0.3s ease-in-out;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform-origin: right center;
    transform: perspective(300px) scaleX(1) rotateY(0deg);
    min-width: 199px;
    color: #fff;
    line-height: 29px;
    height: 48px;
    overflow: hidden;
    width: 100%;
    width: fit-content;
    block-size: fit-content;
}
.entry-content span:nth-child(2) .card-slide {
    text-indent: 55px;
}
.entry-content span:nth-child(3) .card-slide {
    text-indent: 150px;
}
.entry-content span:nth-child(2) .card-slide:focus, span:nth-child(2) .card-slide:active, span:nth-child(3) .card-slide:focus, span:nth-child(3) .card-slide:active {
    text-indent: 0;
}
.entry-content .card-slide:focus, .card-slide:active {
    color: #377D6A;
    text-indent: 0;
    background: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.entry-content .card-slide:focus::-webkit-input-placeholder, .card-slide:active::-webkit-input-placeholder {
    color: #aaa;
}
.entry-content .card-slide:focus + label, .card-slide:active + label {
    transform: perspective(616px) translateX(-86%) rotateY(86deg);
}







.check_main1 .from-group{
    display: flex;
    width: auto;
    float: right;
    background-color: #ff2a72;
    padding: 9px 10px;
    text-align: center;
    margin: 4px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    border-radius: 5px;
}
.check_main1 p{
    margin: 15% 0 30px 0;
    text-align: right;
    font-size: 21px;
    font-weight: 100;
}
.check_main1 p>strong{
    border-bottom: solid 1px #619ece;
}
.check_main1 .from-group input[type=radio], input[type=checkbox] {
    margin: 4px 5px 3px !important;
    height: 18px;
    width: 19px;
}
.frm_right1{
    margin: 6% 0 69px 0;
    color: #fff;
}













/* header_main */

.bharatloan-top-menu {
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 0;
    position: relative;
    margin-top: 50px;
    transition: .7s all ease-in-out;
    z-index: 9;
}
.bharatloan-home {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
}
.bharatloan-top-menu  nav {
    float: right;
}
.bharatloan-top-menu .bharatloan-logo {
    width: 180px;
    margin-top: -47px;
    margin-left: 39px
}

.bharatloan-top-menu .bharatloan-logo-mobile {
    width: 200px
}

.bharatloan-top-menu .bharatloan-apply-button {
    background: #e7305a;
    border-radius: 9px;
    border: solid 2px #cb2d51;
    padding: 11px 17px;
    color: #fff;
    font-weight: 500;
    font-size: 19px;
    text-decoration: blink
}

.bharatloan-top-menu .bharatloan-apply-button:hover {
    background: none !important;
    border: solid 2px #cb2a4f !important;
    color: #ce2b50 !important;
    transition: all .6s ease-in-out 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease;
    text-decoration: blink
}

.bharatloan-top-menu .mobile-app {
    width: 100%;
    float: left;
    padding: 50px 0;
    margin: 0;
    background: #fff;
    color: #fff
}

.bharatloan-top-menu .bharatloan-social .fa-brands {
    transition: transform .2s;
}
.bharatloan-top-menu .bharatloan-social .fa-brands{
    transition: transform .2s;
    color: #fff;
}
.ace-responsive-menu .roww .fa-brands {
    color: #000;
}
.bharatloan-top-menu .mobile-app h3 {
    font-size: 39px;
    color: #e52255;
    margin-top: 133px;
    margin-bottom: 9px
}

.bharatloan-top-menu .mobile-app p {
    font-size: 21px;
    margin-bottom: 40px;
    color: #666
}

.hr-me {
    margin: 0 auto;
    width: 80px;
    height: 3px;
    background: #e52255;
    border: none;
    margin-bottom: 20px
}

.bharatloan-top-menu .bharatloan-social {
    font-weight: 700;
    font-size: 17px!important;
    padding-left: 7px;
    width: 10px;
    height: 10px
}

.bharatloan-top-menu .bharatloan-social:hover {
    color: #fff;
    text-decoration: blink
}

.bharatloan-top-menu .bharatloan-social .fa {
    transition: transform .2s;
    color: #fff;
}
.bharatloan-top-menu .bharatloan-social .fa-brands {
    transition: transform .2s;
}

.bharatloan-top-menu .bharatloan-social i:hover {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}
.ace-responsive-menu {
    list-style: none;
    margin: -20px 0 0;
    padding: 0;
    background: none;
    float: left;
    width: 100%;
}
.ace-responsive-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}
.ace-responsive-menu > li > a.active {
    color: #fff!important;
    border-bottom: solid 1px #ddd !important;
    transition: ease-in-out .5s all;
}
.ace-responsive-menu > li > a {
    display: block;
    position: relative;
    margin: 16px 0 0 30px;
    border: 0;
    padding: 3px 5px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: none;
}


/* footer_main */


.footer-bharatloan {
    float: left;
    padding: 35px 0;
    margin: 0;
    width: 100%;
    color: #fff;
    position: relative;
    background: #000 url(../image/footer-back.jpg);
    background-size: cover;
    position: relative;
    z-index: 1;
    line-height: 20px;
    font-size: 14px !important;
}

.footer-bharatloan .footer-subscribe {
    margin-bottom: 40px;
    border-bottom: solid 1px #575858;
    padding-bottom: 30px
}

.footer-bharatloan .subscrib {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: right;
    padding-top: 9px
}

.footer-bharatloan .subsc-button {
    background: #e7305a !important;
    border: none!important;
    color: #fff!important;
    height: 54px!important;
    padding: 10px 24px !important;
    opacity: 1;
    border-radius: 0 6px 6px 0;
    height: 56px!important;
}
.footer-subscribe .form-group .form-control {
    border-radius: 0;
}
.footer-bharatloan .footer-marg {
    margin-bottom: 15px
}

.footer-bharatloan .footer-tags {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.footer-bharatloan .footer-link {
    color: #f1f1f1;
    line-height: 36px;
    font-size: 14px;
}

.footer-bharatloan .footer-link .fa {
    font-size: 11px!important;
    padding-right: 5px
}

.footer-bharatloan .footer-link:hover {
    color: #fff;
    text-decoration: blink
}

.footer-bharatloan .fa-links {
    font-size: 16px!important;
    width: 33px;
    height: 33px;
    background: #e7305a;
    float: left;
    margin: 12px 10px 0 0;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 100%;
    border: solid 2px #fff !important;
}

.footer-bharatloan .fa-links:hover {
    background: none;
    border: solid 2px #fff;
    color: #fff
}

.footer-bharatloan a:hover, a:focus, a:active {
    border: 0;
    color: #fff;
    background: transparent;
}
.copyrihgt-footer {
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 0;
    font-size: 13px;
    color: #7d7d7d;
    background: #1f2529;
    text-align: center;
    position: relative;
    z-index: 1;
}

.footer-bharatloan .subsc-input {
    background: #fff!important;
    border: none!important;
    height: 56px!important;
    width: 329px!important;
    font-size: 12px;
}

.my-footer-cl {
    background: #878787 !important;
    float: left !important;
    width: 100% !important;
    text-align: center;
    border-top: solid 1px #323131;
    padding: 0 !important;
    color: #fff !important;
    position: relative;
    z-index: 1;
}



.zoom-in-out-box {
    animation: zoom-in-zoom-out 1s ease infinite;
    width: 66px;
    margin: 0 auto !important;
    margin-bottom: 11px!important;
}
/* .zoom-in-out-box {
  margin: 24px;
  width: 50px;
  height: 50px;
  background: #f50057;
  animation: zoom-in-zoom-out 1s ease infinite;
} */

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    100% {
        transform: scale(1, 1);
    }
}
.riban-icon {
    position: absolute;
    z-index: 9;
    left: 0;
    top: -3px;
}
.riban-iconn {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
}
.riban-iconnn {
    position: absolute;
    top: 162px;
    z-index: 9;
    right: 125px;
}
.riban-iconnnn {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 399px;
    width: 171px;
}
.zoom-in-out-box img {
    vertical-align: middle;
}
.bharatloan-logo {
    width: 180px;
    margin-top: -47px;
    margin-left: 39px;
}
.menu-toggle {
    display: none;
    float: left;
    width: 100%;
    background: #fff;
    padding: 0;
}
@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){
    .bharatloan-logo-mobile {
        width: 140px;
        margin-top: 5px;
    }
}
.bharatloan-logo-mobile {
    width: 200px;
}
.menu-toggle .icon-bar {
    display: block!important;
    width: 18px;
    height: 2px;
    background-color: #e7305a!important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    margin: 3px;
}
.menu-toggle .icon-bar {
    display: block!important;
    width: 18px;
    height: 2px;
    background-color: #e7305a!important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    margin: 3px;
}
.bharatloan-top-menu a:hover, a:focus, a:active {
    border: 0;
    color: #fff;
    background: transparent;
}
.sticky .ace-responsive-menu > li > a {
    color: #000!important
}

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

.sticky .col-md-6 {
    padding-top: 15px!important
}

.sticky .bharatloan-apply-button {
    background: #fff;
    color: #e7305a!important;
    border: solid 2px #e7305a!important;
}

.sticky .bharatloan-apply-button:hover {
    background: #006391!important;
    color: #fff;
    border: solid 2px #006391!important
}

.sticky .bharatloan-social {
    color: #000000 !important;
    padding: 0 4px!important
}



@media (max-width: 767px){
    .footer-bharatloan .subsc-input{
        width: 100% !important;
    }
    .footer-bharatloan .form-group {
        margin-bottom: 1rem;
        width: 100% !important;
    }
    .bharatloan-top-menu .container-fluid {
        background: #fff;
    }
    .riban-icon {
        display: none!important;
    }
    .riban-iconn {
        display: none!important;
    }
    .riban-iconnn {
        display: none!important;
    }
    .riban-iconnnn {
        display: none!important;
    }
    .displayd {
        display: none!important;
    }
    .bharatloan-top-menu {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        margin-top: 0;
        z-index: 9999;
        position: absolute;
        margin-top: 0;
    }

    .bharatloan-logo-mobile {
        width: 140px !important;
        margin-top: 5px;
    }
    .bharatloan-top-menu nav {
        float: left;
        width: 100%;
    }
}
.menu-toggle #menu-btn {
    float: right;
    background: #fff;
    border: 1px solid #e7305a;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 17px 0 0;
}
.ace-responsive-menu {
    list-style: none;
    margin: -20px 0 0;
    padding: 0;
    background: none;
    float: left;
    width: 100%;
}

@media (max-width: 768px){
    .ace-responsive-menu {
        float: left;
        width: 100%;
        margin-top: 66px;
        position: absolute;
        right: 0;
        background: #000;
        z-index: -99999;
    }
    .ace-responsive-menu > li:first-child {
        border-top: 1px solid #fff;
    }
    .ace-responsive-menu > li {
        float: none;
        border-bottom: solid 1px #fff;
        width: 100%;
        float: left;
    }
}
.ace-responsive-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    list-style-type: none;
}






.ace-responsive-menu > li > a.active {
    color: #fff!important;
    border-bottom: solid 1px #ddd;
}
@media (max-width: 768px){
    .ace-responsive-menu li a:hover {
        background: #2879b0!important;
        border-radius: 0!important;
        color: #fff!important;
    }
    .ace-responsive-menu > li > a {
        display: block;
        position: relative;
        background: #e7305a!important;
        width: 100%;
        float: left;
        border-bottom: solid 1px #fff !important;
        margin: 0;
    }
}


.address_main1{
    width: 100%;
    float: left;
}


.upload_doc_main{
    width: auto !important;
    float: left !important;
    display: flex;
    align-items: center;
    margin-bottom: 3% !important;
}
.similer_main{
    width: 100%;
    float:  left;
    position: relative;
    margin: 0 0 3% 0;
    text-align: center;
}
.similer_main .text{
    background-color: #dc497b;
    padding: 1px 38px;
    border-color: #dc497b;
    border-width: 3px 0 3px 0;
    border-style: solid;
    color: #fff;
}




.disable{
    background-image: url('../image/check2.png'), linear-gradient(to bottom, #c8d3d7 0%,#bed0d6 50%,#d0d1d1 51%,#cad2d6 100%) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
}
/*.disable_mdl{
color: white;
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient( to bottom, white, rgba(0, 0, 0, 0) ) 1 100%;
    background: url(../uploads/disable_text.jpg) center !important; 
}*/

/* existing_customers */
.can-toggle {
    position: relative;
    top: 2em;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
    box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
    pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
    opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
    content: attr(data-unchecked);
    left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    content: attr(data-checked);
}
.can-toggle label {
    user-select: none;
    position: relative;
    display: flex;
    align-items: center;
}
.can-toggle label .can-toggle__label-text {
    flex: 1;
    padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
    position: relative;
}
.can-toggle label .can-toggle__switch:before {
    content: attr(data-checked);
    position: absolute;
    top: 0;
    text-transform: uppercase;
    text-align: center;
}
.can-toggle label .can-toggle__switch:after {
    content: attr(data-unchecked);
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    text-align: center;
    background: white;
    transform: translate3d(0, 0, 0);
}
.can-toggle input[type="checkbox"][disabled] ~ label {
    color: rgba(234, 0, 48, 0.5);
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
    background-color: #dc497b;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
    color: #dc497b;
}
.can-toggle input[type="checkbox"]:hover ~ label {
    color: #dc497b;
}
.can-toggle input[type="checkbox"]:checked ~ label:hover {
    color: #55bc49;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
    background-color: #70c767;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    color: #4fb743;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
    background-color: #5fc054;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
    color: #47a43d;
}
.can-toggle label .can-toggle__label-text {
    flex: 1;
}
.can-toggle label .can-toggle__switch {
    transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
    background: #08c500;
}
.can-toggle label .can-toggle__switch:before {
    color: rgba(255, 255, 255, 0.5);
}
.can-toggle label .can-toggle__switch:after {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    color: #dc497b;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    transform: translate3d(65px, 0, 0);
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle label {
    font-size: 14px;
}
.can-toggle label .can-toggle__switch {
    height: 36px;
    flex: 0 0 134px;
    border-radius: 4px;
}
.can-toggle label .can-toggle__switch:before {
    left: 67px;
    font-size: 12px;
    line-height: 36px;
    width: 67px;
    padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
    top: 2px;
    left: 2px;
    border-radius: 2px;
    width: 65px;
    line-height: 32px;
    font-size: 12px;
}
.can-toggle label .can-toggle__switch:hover:after {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    transform: translate3d(44px, 0, 0);
}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small label {
    font-size: 13px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch {
    height: 28px;
    flex: 0 0 90px;
    border-radius: 2px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:before {
    left: 45px;
    font-size: 10px;
    line-height: 28px;
    width: 45px;
    padding: 0 12px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:after {
    top: 1px;
    left: 1px;
    border-radius: 1px;
    width: 44px;
    line-height: 26px;
    font-size: 10px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}


.inner-pages .thumbnail h4{
    font-size: 14px !Important;
}


.bharat-loan-ul ul li{
    font-size: 14px;
}
.bharat-loan-about ul li{
    font-size: 14px;
}
h2 {
    font-style: inherit !important;
}


/* mdl_faq_page */
/* Accordion styles */
.bharat-loan-about .tabs {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: none;
    padding: 0;
}
.bharat-loan-about  .tab {
    width: 100%;
    color: white;
    overflow: hidden;
    padding: 0;
}
.bharat-loan-about  .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: #2c3e50;
    font-weight: bold;
    cursor: pointer;
font-size:15px;
    /* Icon */
}
.bharat-loan-about .tab-label:hover {
    background: #1a252f;
}
.bharat-loan-about .tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
}
.bharat-loan-about .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: white;
    transition: all 0.35s;
}
.bharat-loan-about  .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #2c3e50;
    cursor: pointer;
}
.bharat-loan-about .tab-close:hover {
    background: #1a252f;
}
.bharat-loan-about  input:checked + .tab-label {
    background: #1a252f;
}
.bharat-loan-about  input:checked + .tab-label::after {
    transform: rotate(90deg);
}
.bharat-loan-about  input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 1em;
}
.bharat-loan-about .col .tabs .tab input[type=radio] {
    display: none;
}




.bharat-loan-about .tab-content {
    font-size: 14px !important;
}


@supports (-moz-appearance:none) {
    select
    {

        text-align: justify !Important;
        color: #5e5c5c !important;
        font-family: 'Poppins',sans-serif !important;
    }
}



select>option{
    font-family: 'Poppins',sans-serif!important;
}

::placeholder{
    color: #5e5c5c !important;
    font-family: 'Poppins',sans-serif!important;
}



.entry-content .card-slide {
    display: inline-block;

    text-align: -webkit-right;

    padding-right: 5%;
}



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


#otp_verify_form_id .form-control {
    margin: 8% 10px !important;
    font-size: 12px;
    border-color: #eee;
    background-color: #ffffff1f;
    border-style: double;
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    text-align: center;
}




.generated_code{
    text-align: center;
    width: 100% !important;
    float: left;
    font-size: 1px;
}

.otp_left_img{
    margin: 118px 34px 0 1px;
    width: 100%;
}

.otp_main form {
    margin: 0 auto !important;
    background: rgb(26 46 53);
    box-shadow: 0 8px 32px 0 rgb(31 38 135 / 17%);
    backdrop-filter: blur(10px);
}



/*{
    background-image: conic-gradient(from var(--border-angle), #fff0, #1120 50%, #2130), conic-gradient(from var(--border-angle), transparent 20%, #207cca, #db558226);
    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
    background-position: center center;
    background-repeat: no-repeat;
    animation: bg-spin 3s linear infinite;
}*/







.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail .caption {
    color: #333;
    height: 1%;
    display: grid;
    grid-template-rows: min-content auto min-content;
}
.blogs_home .thumbnail .caption {
    padding: 9px;
    color: #333;
    height: 1%;
    display: grid;
    grid-template-rows: min-content auto min-content;
}
.blogs_home h2 {
    font-size: 21px !important;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    color: #0c83b9;
}
.blogs_home .caption p>a {
    position: absolute;
    bottom: 50px;
    font-size: 13px;
}
.contact-homee .thumbnail .busnes-img{
    margin: 0;
    position: absolute;
    bottom: 0!important;
    right: 0!important;
    width: auto;
}
.contact-homee .thumbnail .caption {
    padding: 9px;
    color: #333;
    height: 1%;
    display: block;
    /* grid-template-rows: min-content auto min-content; */
}
.thumbnail .caption p{
    font-size: 14px;
}
.thumbnail .caption h3{
    font-size: 22px;
    margin: 16px 0;
}

.terms-banner h1{
    font-size: 36px;
    margin-bottom: 5%;
}



.serviceeBox .title{
    color: #333 !important;
    margin: 0 0 5px !important;
    font-size: 23px !important;
    padding: 12.5px 0 !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}

.serviceBoxx {
    padding: 25px 20px 25px 69px !important;
}


.city-banner a:link, a:visited {
    border-bottom: 1px solid #c55500;
    text-decoration: none;
    color: #000000;
}

.repay-loan-banner{
    background: #0063a7 url(../image/career-banner.jpg) center;
    background-size: cover;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -13em;
    width: 100%;
    float: left;
    padding: 276px 0 43px;
}

.careers{
    width:100%;
    float : left;
    padding:5% 0;

}
.careers p{
    font-size: 14px;
}




.entire_p{
    width: 100%;
    float: left;
    text-align: center;
}






.detail2{
    display:none;
}
#interest-rate{
    display:none;
}
.footer_price{
    display:none;
}
#interest-rate-text{
    display:none;
}
#price-container{
    display:none;
}















#price-container1{
    display: flex;
    margin: 13% 0;
    color: #ff6384;
}

.tp_main{

    background-size: contain !important;
    /* background-position: right; */
    background-attachment: inherit;
    background-repeat: no-repeat!important;
    height: 100%;
    background: #fff url(../image/otp_left_grap3.avif) right no-repeat!important;
    background-size: contain!important;
}

.bharatloan-shape2{
    display : none;
}


@media(max-width : 767px){
    .bharatloan-top-menu {
        position : relative !Important;
    }
    .captcha1 {
        width: 100%;
    }
    #cpatchaTextBox {
        width: 100%;
    }
    #captImg img {
        border-radius: 3px 0 0 3px !important;
        width: 100%;
        float: left;
    }
    .main_box_area h1 {
        font-size: 13px !important;
        font-size: 11px;
        letter-spacing: 0;
        font-weight: 200;
        margin: 9% 0 3px 0;
    }
    .tabs-wrapper .customradio {
        display: grid !important;
        align-items: center;
        width: 100%;
        float: left;
        margin: 5px auto;
        text-align: center;
        background-color: #fff;
        padding: 0;
        border: solid 1px #eee;
    }
    .form-check-inline {
        width: 100%;
        font-size: 21px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .timer .flip-clock-wrapper {
        text-align: center;
        position: relative;
        margin: 0 auto;
        text-align: center;
        float: none;
        margin: 1px auto !important;
        left: 32%;
        top: 2px;
        right: 0;
    }
    .main_box_area{
        margin-top: 26px !Important;
        overflow: hidden;
    }
    #otp_verify_form_id .form-control {
        margin: 0 3px !important;
        font-size: 12px;
        border-width: 0 0 1px 0;
    }
    .main_box_area .btn_submit_otp {
        width: 100% !important;
    }
    .main_box_area .btn_resend {
        width: 100%;
        margin-bottom: 10px !important;
    }
    .otp_main .box{
        top: 6px !important;
    }
    .tp_main{
        background: #fff url(../image/otp_left_grap3.avif) bottom no-repeat!important;
        background-size: contain !important;
    }

    .otp_main h5 {
        font-size: 13px;
        width: 100%;
        letter-spacing: 0;
        margin-bottom: 0;
        color: #fff;
    }
    .main_box_area .tabs section{
        margin-left: 0 !important;
        width: 86% !important;
        float: right;
    }
    .main_box_area .tabs{
        padding: 18px 0 !important;
    }
    .entry-content .row span {
        position: relative;
        margin: 0;
        display: block;
    }
    .main_frm1 {
        padding: 2% 0;
    }
    .main_box_area .tabs > ul li a, .tabs > ul li a:visited{
        width: 92% !important;
    }
    .main_box_area .tabs > ul li a.active:after{
        display : none;
    }
    .entry-content .card-slide + label {
        display: block;
        position: relative !important;
        top: 0;
        width: 100%;
    }
    .entry-content .card-slide{
        text-indent: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }
    .entry-content .card-slide:focus + label, .card-slide:active + label {
        transform: none !important;
    }
    .tab-body .form_group {
        padding: 3px !important;
    }
    .document_main nav a {
        display: inline-block;
        width: 100%;
    }
    .tab-body .from-group .input input {
        width: 100%;
    }
    .upload_doc_main {
        width: 100px !important;
        float: left !important;
        display: contents;
        align-items: baseline;
        margin-bottom: 3% !important;
    }
    .tab-body .from-group .input {
        width: 100%;
        margin: 10px auto;
        font-family: Lato;
        font-size: 1.4em;
    }
    .tab-body .from-group {
        margin-right: 0;
        width: 100%;
        float: left;
    }
    .document_main form {
        margin: 0 !important;
    }
    .main_box_area .btn_next {
        width: 100%;
        float: none;
    }
    .main_box_area .tabs section.active-content > * {
        width: 100%;
        margin: 0 auto;
    }
    .main_loan .sub-container {
        display: block;
        width: 100%;
        gap: 0;
        height: max-content;
    }
    .main_loan img{
        width: 39%;
        padding: 7% 0 0 0;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    .main_loan .loan-details {
        width: 100%;
        display: block;
        float: left;
        justify-content: space-around;
        gap: 0;
        margin-top: 10px;
    }
    #pieChart {
        right: 0;
        height: 240px !important;
        width: 240px !important;
    }
    .main_loan .view, .breakup {
        width: 100%;
    }
    #price-container1 span{
        text-align: center !important;
        font-size: 13px !important;
    }
}









.main_frm2 .form_group .form-check-inline{
    width: auto;
}
.main_frm2 .form-check-inline .customradio {
    display: flex !Important;
    align-items: center;
    width: auto;
    padding: 5px 27px;
    background-color: #eee !Important;
    border: solid 1px #bcb2b2;
    margin: 0 10px !Important;
}

#FormBankingDetails .form-check-inline .customradio {
    display: flex !Important;
    align-items: center;
    width: auto;
    padding: 5px 27px;
    background-color: #eee !Important;
    border: solid 1px #bcb2b2;
    margin: 0 10px !Important;
}


.mobile-app .col-md-6.col-sm-6 .img-responsive{
    width: 100%;
    height: auto;
}

.zoom-in-out-box {
    width: auto !important;
}

@media(max-width: 768px){
    .banners-new {
        margin-top: 0 !Important;
    }

}


.not-eligible .displayy img{
    width: 100%;
}



.main_frm1 .wfh1 .form-check-inline .customradio {
    display: flex !Important;
    align-items: center;
    width: auto;
    padding: 5px 27px;
    background-color: #eee !Important;
    border: solid 1px #bcb2b2;
    margin: 0 10px !Important;
}

.main_loan .form-check-inline .customradio {
    display: flex !Important;
    align-items: center;
    width: auto;
    padding: 5px 27px;
    background-color: #eee !Important;
    border: solid 1px #bcb2b2;
    margin: 0 10px !Important;
}


.reject .thanks-background {
    background: #cdeafc !important;
    padding: 6em 4em;
    color: #000;
}
.reject .thanks-you-text{
    color: #000;
}
figure.effect-oscar h2 {
    color: #fff !important;
}























.banners-new .carousel-indicators {
    bottom: 86px;
}

.about-homee .thumbnail p {
    font-size: 13px !important;
    line-height: 20px !important;
    text-wrap: wrap;
    margin: 0;
}
.about-homee .thumbnail {
    padding: 20px 9px !important;
    margin-bottom: 20px;
}



.inner-pages h2 {
    margin: 10px 0;
    font-size: 1.25em;
    line-height: 42px;
    text-align: center;
    font-weight: 600;
}
.inner-pages .thumbnail {
    padding: 3px !important;
    width: 100%;
    height: auto;
}

.career-row .form_my .custom-file-label {
    position: absolute;
    top: auto;
}
.career-row .form_my .custom-file-label {
    position: inherit;
    top: auto;
    position: relative;
}
#FormCareer {
    width: 100%;
    float: left;
    left: inherit;
    padding: 10px;
    position: relative;
}


.blogs-home.careers h3{
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    border-left: solid 3px #006391;
    padding: 10px 12px;
    padding-bottom: 11px;
    background-color: #006391;
}


.blogs-home.careers p{
    margin: 0 0 2% 0;
    background-color: transparent;
    padding: 2% 10px;
    border-left: solid 3px #006391;
    background: transparent;
}
.blogs-home.careers .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #b0d3ee;
}

#FormCareer .form_cub{
    background-color: #eee;
    padding: 8px 38px 20px 38px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 1%;
}

#FormCareer .custom-file-input {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
    margin-top: -64px;
}


#FormCareer .form-control{
    border: 1px solid #bbbbbb9e;
}

@media(max-width: 768px){
    #FormCareer .form_cub {
        padding: 8px 17px 20px 17px;
    }
    .inner-pages h2 {
        margin: 10px 0;
        font-size: 1.25em;
        line-height: 26px;
        text-align: center;
        font-weight: 600;
        font-size: 15px;
    }
    .inner-pages p{
        font-size: 13px;
    }
    .inner-pages {
        width: 100%;
        float: left;
        padding: 31px 0;
        margin: 0
    }
    .repay-loan-banner{
        margin-top: 0;
    }
}



.bharat-loan-vision .padings-left{
    padding-left: 0!important;
    padding-right: 0 !important;
}
.bharat-loan-vision .padings-left img{
    width: 100%;
    height : 100%;
}

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

.bharat-loan-mission .col-left {
    width: 52.2%!important;
    padding-left: 0!important;
    padding-right: 0 !important;
}
.bharat-loan-mission .col-left img{
    width: 100%;
    height : 100%;
}




.busnes-img {
    bottom: -37px !important;
    right: -25px !important;
    width: 52px;
}
.busnes-bharatloan .thumbnail {
    height: 452px;
    max-height: 452px;
    min-height: 452px;
    overflow: hidden !important;
    float: left;
    position: relative;
}

.serviceeBox:after {
    content: "";
    background: #e7305a !important;
    /* width: 130px;
      height: 70px; */
    position: absolute;
    /* top: -9px; */
    left: -9px !important;
    z-index: -2 !important;
    background-color: #e7305a;
    height: 130px !important;
    width: 100px !important;
    border-radius: 0 0 0 80px !important;
    top: auto !important;
    bottom: -9px !important;
}
@media(max-width: 768px){
    .banners-new .carousel-indicators {
        bottom: 4px;
    }
    figure.effect-oscar h2{
        font-size: 19px !important;
        line-height: 46px;
    }
}

#captImg img{
    border-radius: 3px 0 0 3px !important;
}
figure.effect-oscar h2{
    font-size: 16px !important;
}
.contact-homee .thumbnail {
    overflow: hidden !important;
    position: relative !important;
    min-height: 478px;
    max-height: 478px;
    position: relative;
}

.contact-homee .thumbnail p {
    padding-bottom: 0 !important;
}

@media(max-width: 768px){
    .contact-homee .thumbnail {
        border: none;
        padding: 9px !important;
        text-align: center !important;
    }
}




#ContactUSEnquiry .icon_addon .fa{
    margin: 26px auto;
}

.refreshCaptcha:hover, .refreshCaptcha:focus, .refreshCaptcha:active {
    border: 0;
    color: #fff !important;
    background: #000000;
    padding: 2px 10px;
    border-radius: 10px;
    box-shadow: none;
    margin-left: 7px;
}

.refreshCaptcha{
    padding: 2px 10px;
    border-radius: 10px;
    transition: ease-in-out .2s all;
    color: #fdfeff !important;
    text-decoration: none;
    background-color: #d11e48;
    margin-left: 7px;
}





#loan-amt-text{
    width: auto;
    position: relative;
    display: flex;
}


.inr_cls{
    text-align: right;
    right: 10px;
    position: relative;
    width: 100% !important;
    align-items: end;
    display: grid;
    font-size: 25px;
    color: #db2f59;
}
















.select2-container--default .select2-results>.select2-results__options {
    font-size: 13px !important;
}
.tabs-wrapper .customradio
{
    background-color: transparent !important;
}

@media(max-width: 767px){
    .tabs-wrapper .customradio input[type=radio], input[type=checkbox] {
        margin: 0 5px 0 !important;
    }
    .base_formtype {
        width: 100%;
        float: left;
    }

    .customradio {
        display: grid !important;
        width: auto !important;
        float: right !important;
        margin: 5px auto !important;
        text-align: right !important;
    }
    .main_box-frm .form-check-inline {
        width: 100%;
        font-size: 15px !important;
        font-weight: 600;
        display: block !important;
    }
    .base_formtype {
        display: block !important;
        align-items: center !important;
        padding: 3px 11px 0 8px !important;
    }
    .entry-content .card-slide + label{
        text-align: right;
    }
    .ajax-loader {
        height: 100%;
    }
    .entry-content .row span{
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }
    .tab-body .form_group {
        width: 100%;
        margin-bottom: 0;
    }
}
.main_box-frm .form-check-inline {
    display: flex;
    align-items: center !important;
}







.entry-content .card-slide{
    text-align: right !important;
}


.form-check-inline .customradio {
    margin-bottom: 0;
}













@media(max-width: 767px){

    .tab-body label {
        display: block;
        position: relative;
        width: 100%;
        float: left;
    }
    .form-check-inline {
        width: 100%;
        display: block;
        align-items: center;
        float: left;
    }
    .main_loan {
        padding: 10px 0;
    }
    .main_loan .form-check-inline .customradio {
        display: flex !Important;
        align-items: center;
        width: 100% !important;
        padding: 5px 27px;
        background-color: #eee !Important;
        border: solid 1px #bcb2b2;
        margin: 6px 0 !Important;
        text-align: center;
    }
    .chart-details{
        border-bottom: solid 1px #fff;
    }
    .chart-details:last-child{
        border-bottom: none;
    }
    .main_loan .loan-details{
        border: dashed 5px #ffffff;
        padding: 6px 0 18px 0 !important;
    }
}

/***********Style***End Here*********************/

/**********Parijaat Css Start Here******************/
body{
    font-family:'Poppins',sans-serif!important
}
.repeat-customer{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0
}
.main_journey_panel #myModal .btn-default {
    color: #fff!important;
    background-color: #036693;
    border-color: #000;
    border: none!important;
}
.main_journey_panel #residence_pincode form {
    overflow: hidden;
    display: flex;
    margin: 5% 0;
}
.main_journey_panel #income_details .form-group .radio_main{
    align-items: center;
}
.inner-pages{
    width:100%;
    float:left;
    padding:63px 0;
    margin:0
}
.submits{
    background:#e7305a;
    border:solid 1px #e7305a;
    padding:10px 35px;
    color:#fff;
    border-radius:3px
}
.submits:hover{
    background:#0c83b9;
    border:solid 1px #0c83b9;
    color:#fff;
    text-decoration:blink
}
.resets{
    background:#0c83b9;
    border:solid 1px #0c83b9;
    padding:10px 35px;
    color:#fff;
    border-radius:3px
}
.resets:hover{
    background:#e7305a;
    border:solid 1px #e7305a;
    color:#fff;
    text-decoration:blink
}
.inner-pages .thumbnail{
    box-shadow:0 0 13px #bcbcbc;
    padding:20px;
    border:none!important;
    overflow:auto
}
.inner-pages .thumbnail h4{
    color:#005b8d;
    margin:0 0 5px
}
.inner-pages .thumbnail p{
    font-size:14px;
    line-height:24px
}
.terms-nd-conditions{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff
}
.terms-nd-conditions a{
    color:#333
}
.terms-nd-conditions a:hover{
    color:#e7305a;
    text-decoration:blink
}
.terms-nd-conditions h3{
    margin:0 0 5px;
    font-size:25px
}
.terms-nd-conditions p{
    font-size:14px;
    line-height:24px
}
.eligibility-criteria{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#0c83b9
}
.eligibility-criteria h3{
    margin:0 0 5px;
    font-size:25px
}
.eligibility-criteria p{
    font-size:14px;
    line-height:24px
}
.eligibility-criteria .thumbnail ul li{
    background:url(../image/arrow-right.png) no-repeat;
    padding:8px 37px;
    color:#202020!important;
    font-size:14px!important;
    display:block;
    background-position:-1px 7px
}
.hr-eligibility{
    width:60px;
    border:none!important;
    margin:0;
    height:3px;
    background:#e52255;
    margin-bottom:13px
}
.eligibility-criteria .thumbnail{
    padding:30px;
    border-radius:50px 0 50px 0;
    height:325px;
    float:left;
    width:100%
}
.short-loans{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#0c83b9
}
.short-loans h2{
    margin:0 0 5px;
    font-size:25px;
    color:#fff
}
.short-loans p{
    font-size:14px;
    line-height:24px;
    color:#fff
}
#pages .short-loans p{
    text-align: center;
}
.hr-apply{
    width:60px;
    border:none!important;
    margin:2px 0;
    height:3px;
    background:#fff;
    margin-bottom:13px
}
.benefits-loans{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff;
    text-align:center
}
.benefits-loans h3{
    margin:0;
    font-size:25px
}
.benefits-loans h4{
    margin:0 0 10px;
    font-size:18px
}
.benefits-loans p{
    font-size:14px;
    line-height:24px
}
.hr-benefits{
    width:60px;
    border:none!important;
    margin:0 auto;
    height:3px;
    background:#e52255;
    margin-bottom:13px
}
.risks-loans{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#0c83b9;
    text-align:center
}
.risks-loans h3{
    margin:0;
    font-size:25px;
    color:#fff
}
.risks-loans h4{
    margin:0 0 10px;
    font-size:15px;
    color:#fff;
    font-weight:700
}
.risks-loans p{
    font-size:14px;
    line-height:24px;
    color:#fff
}
.hr-risks{
    width:60px;
    border:none!important;
    margin:0 auto;
    height:3px;
    background:#fff!important;
    margin-bottom:13px
}
.otp-buttons{
    background:#e7305a!important;
    border:none;
    color:#fff;
    font-size:17px;
    padding:0 28px!important;
    float:left;
    margin-top:14px;
    margin-left:155px!important;
    height:46px!important;
    margin-top:15px!important
}
.pading6-login label{
    font-weight:400!important;
    padding-bottom:0;
    margin-top:14px
}
.radio label{
    padding-left:0!important
}
.new-readio img{
    margin-right:25px;
    width:50px
}
.new-input{
    margin-top:14px!important;
    width:16px!important;
    height:17px!important
}
.login-box button{
    background:#e7305a!important;
    border:none;
    color:#fff;
    font-size:20px;
    padding:10px 50px;
    float:left;
    margin-top:14px
}
.login-box button:hover{
    background:#e7305a!important;
    text-decoration:blink;
    color:#fff!important
}
.otp-icon ul{
    float:left;
    padding-left:90px;
    border:none!important;
    margin:11px 0
}
.otp-icon ul li{
    display:block;
    margin-right:0;
    float:left
}
.otp-icon ul li input{
    background:url(../image/bharatloan-otp-icon.png) center no-repeat;
    height:77px!important;
    width:74px;
    border:none!important;
    box-shadow:none!important;
    text-align:center;
    border:none!important;
    outline:none;
    margin:-3px
}
.captcha{
    width:100%;
    height:48px;
    border-radius:9px!important
}
.login-box{
    box-shadow:0 0 27px #ccc;
    padding:0;
    background:#fff
}
.immediate-financial{
    background:#e52255;
    padding:5px 10px;
    color:#fff;
    border-radius:3px;
    width:100%;
    float:left;
    text-align:center;
    margin-top:-10px
}
.pading6-login{
    padding:35px 30px!important
}
.displayy{
    padding:0!important
}
.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
}
.bharat-loan-ul ul{
    padding-left:30px
}
.bharat-loan-ul ul li{
    line-height:28px!important
}

.emi-pay{
    text-align:center;
    color:#fff;
    font-size:18px
}
.amounts-tag{
    font-weight:500;
    font-size:20px;
    color:#fff
}
.amounts-repeat{
    font-weight:500;
    font-size:20px;
    color:#000
}
.loan-emi .thumbnail .text-left{
    font-weight:500;
    font-size:15px;
    color:#fff!important
}
.loan-emi .thumbnail .text-right{
    font-weight:500;
    font-size:18px;
    color:#fff!important
}
.range-slider{
    background:#fff;
    padding:25px 20px 0;
    margin:0 0 20px;
    border-radius: 10px;
}
.range-slider input[type="range"]{
    background:#303030;
    width:calc(100% - (78px));
    height:8px;
    border-radius:10px;
    box-shadow:inset 0 2px 5px rgba(0,0,0,0.4);
    outline:none;
    float:left;
    -webkit-appearance:none;
    position:relative
}
.red-clor{
    color:red
}
.range-slider input[type="range"]::-webkit-slider-thumb{
    background:#f71827;
    width:8px;
    height:25px;
    border:0 solid #fff;
    border-radius:10px;
    box-shadow:0 0 5px 2px #000;
    cursor:pointer;
    transition:all .15s ease-in-out 0;
    -webkit-appearance:none;
    appearance:none
}
.range-slider input[type="range"]::-webkit-slider-thumb:hover,.range-slider input[type="range"]:active::-webkit-slider-thumb{
    background:#ce1824
}
.range-slider input[type="range"]::-moz-range-thumb{
    background:#f71827;
    width:8px;
    height:25px;
    border:0 solid #fff;
    border-radius:10px;
    box-shadow:0 0 5px 2px #000;
    cursor:pointer;
    transition:all .15s ease-in-out 0
}
.range-slider input[type="range"]::-moz-range-thumb:hover,.range-slider input[type="range"]:active::-moz-range-thumb{
    background:#ce1824
}
.range-slider .range-value{
    color:#fff;
    background:#e7305a;
    font-size:13px;
    font-weight:600;
    line-height:30px;
    text-align:center;
    width:70px;
    height:30px;
    margin-left:8px;
    display:inline-block;
    position:relative;
    top:-10px;
    -webkit-clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);
    clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)
}
::-moz-range-track{
    background:transparent;
    border:0
}
.contact-homee{
    width:100%;
    float:left;
    padding:50px 0;
    margin:-132px 0 0
}
.contact-homee .thumbnail{
    background:#f1faf5;
    box-shadow: 0 8px 28px 0 #dfdfdf;
    border:none;
    padding: 13px;
}
.contact-homee .thumbnail p{
    font-size:15px;
    color:#383838;
    padding-bottom:35px
}
.contact-homee .thumbnail h3{
    color:#0e0e0e;
    font-size:24px;
    font-weight:700;
    padding-bottom:25px;
    margin-bottom:0
}
.loan-emi{
    float:left;
    padding:55px 0;
    margin:0;
    width:100%;
    border-bottom:solid 1px #ddd!important
}
.loan-emi .thumbnail{
    background: #e7305a;
    padding: 40px;
    border-radius: 20px;
    height: 536px;
}
.riban-icon{
    position:absolute;
    z-index:9;
    left:0
}
.hr-why{
    width:65px;
    border:none!important;
    margin:10px 0 14px;
    height:3px;
    background:#0c83b9
}
.riban-iconn{
    position:absolute;
    z-index:9;
    right:0;
    top:0
}
.riban-iconnn{
    position:absolute;
    top:162px;
    z-index:9;
    right:125px
}
.riban-iconnnn{
    position:absolute;
    z-index:9;
    right:0;
    top:399px;
    width:171px
}
.bharatloan-home{
    width:100%;
    float:left;
    padding:0;
    margin:0
}
.bharatloan-top-menu{
    width:100%;
    float:left;
    padding:10px 0;
    margin:0;
    z-index:999;
    position:relative;
    margin-top:50px
}
.bharatloan-logo{
    width:180px;
    margin-top:-47px;
    margin-left:39px
}
.bharatloan-logo-mobile{
    width:200px
}
.bharatloan-apply-button{
    background:#e7305a;
    border-radius:9px;
    border:solid 2px #cb2d51;
    padding:11px 17px;
    color:#fff;
    font-weight:500;
    text-decoration:blink
}
.bharatloan-apply-button:hover{
    background:none!important;
    border:solid 2px #fff;
    color:#fff;
    transition:all .6s ease-in-out 0;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -o-transition:all .8s ease;
    -ms-transition:all .8s ease;
    transition:all .8s ease;
    text-decoration:blink
}
.mobile-app{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff;
    color:#fff
}
.mobile-app h3{
    font-size:39px;
    color:#e52255;
    margin-top:133px;
    margin-bottom:9px
}
.mobile-app p{
    font-size:21px;
    margin-bottom:40px;
    color:#666
}
.hr-me{
    margin:0 auto;
    width:80px;
    height:3px;
    background:#e52255;
    border:none;
    margin-bottom:20px
}
.bharatloan-social{
    color:#fff;
    font-weight:700;
    font-size:17px!important;
    padding-left:7px;
    width:10px;
    height:10px
}
.bharatloan-social:hover{
    color:#fff;
    text-decoration:blink
}
.bharatloan-social .fa{
    transition:transform .2s
}
.bharatloan-social .fa:hover{
    -ms-transform:scale(1.3);
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.about-banner{
    padding: 196px 0 43px;
    background:#0063a7 url(../image/about-banner.jpg) center;
    background-size:cover;
    width:100%;
    float:left;
    text-align:center;
    margin-top:-121px
}
.inner-banner{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff
}
.inner-banner p{
    line-height:25px;
    font-size:15px;
    text-align:justify;
    color:#000
}
.about-banner h2{
    z-index:9;
    position:relative;
    color:#fff;
    font-size:39px!important;
    margin-bottom:0
}
.about-banner p{
    z-index:9;
    position:relative;
    color:#fff
}
.about-banner a{
    color:#fff
}
.about-banner a:hover{
    color:#fff;
    text-decoration:blink
}
.overlayy{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:74%;
    width:100%;
    opacity:10;
    transition:.5s ease;
    background:url(../dist/dots.png) repeat
}
.about-home{
    width:100%;
    float:left;
    z-index:9;
    position:absolute;
    top:100%
}
.career-homee{
    width:100%;
    float:left;
    padding:50px 0;
    text-align:justify;
    margin:0;
    background:#0063a7
}
.career-homee h1{
    line-height:43px;
    color:#fff;
    font-size:37px;
    font-weight:700;
    margin:109px 0 0
}
.career-homee h3{
    margin:10px 0 0;
    font-size:20px;
    color:#fff;
    line-height:26px;
    font-weight:400
}
.about-homee{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#0c83b9
}
@media(max-width: 767px){
    .about-homee .thumbnail {
        height: auto;
        max-height: auto;
        min-height: auto;
    }
}
.about-homee .thumbnail a{
    color:#0c83b9;
    text-decoration:blink
}
.about-homee .thumbnail{
    border:none;
    text-align:center;
    padding:10px 20px;
    box-shadow:0 0 10px #095070;
    border-radius:20px;
    padding:20px 30px;
    height:405px;
    max-height: 405px;
    min-height: 405px;
}
.about-homee .thumbnail h3{
    font-weight: 500;
    font-size: 15px;
    color: #e52255;
    margin: 0 0 5px;
    letter-spacing: 0;
    line-height: 14px;
}
.hr-simple{
    width:60px;
    border:none!important;
    margin:0 auto;
    height:3px;
    background:#e52255;
    margin-bottom:13px
}
.hr-about-us{
    width:60px;
    border:none!important;
    margin:0 0 10px;
    height:3px;
    background:#e52255;
    margin-bottom:13px
}
.bharat-document{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff
}
.bharat-document .thumbnail{
    box-shadow:0 0 13px #e5bcc5;
    padding:20px;
    border:none!important;
    overflow:auto;
    border-radius:10px
}
.document ul{
    margin-left:0;
    padding-left:0
}
.document .thumbnail h4{
    color:#005b8d;
    margin:0 0 5px
}
.document ul li{
    background:url(../image/document-arrow.png) no-repeat;
    padding:10px 34px;
    color:#202020!important;
    font-size:13px!important;
    display:block;
    background-position:3px 6px
}
.document .thumbnail p{
    margin-bottom:0
}
.input-bharatloan{
    height:45px!important;
    border:solid 1px #176694!important;
    margin-bottom:15px;
    color:#8c8c8c
}
.marggg{
    margin-top:15px
}
.error-me{
    color:red!important;
    font-size:9px!important;
    margin-top:2px!important;
    width:auto!important;
    float:left!important;
    position:absolute!important
}
.custom-file{
    position:relative;
    display:inline-block;
    width:100%;
    height:47px;
    margin-bottom:18px;
    cursor:pointer;
    background:#e7305a;
    color:#fff;
    padding:10px;
    border-radius:5px
}
.btn-default-my-upload{
    color:#fff!important;
    background-color:#e52255!important;
    border-color:#e52255!important;
    padding:12px!important;
    outline:none!important;
    width:85%
}
.document-yes{
    border:solid 1px #e52255;
    padding:15px 1px;
    border-radius:55px 0;
    margin:23px 5px;
    color:#e52255;
    margin-bottom:0;
    line-height:0;
    font-size:15px;
    width:30%;
    float:left;
    text-align:center
}
.close-mee{
    cursor:pointer;
    font-size:15px!important;
    font-weight:700;
    border-radius:3px;
    padding:10px;
    border:none!important;
    line-height:0!important
}
.not-eligible{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff;
    text-align:center
}
.thanks-background{
    text-align:center;
    color:#fff;
    padding:60px 20px 58px;
    background:linear-gradient(222deg,#e7305a 0%,#0c83b9 100%);
    margin-bottom:15px!important
}
.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 1px #fff;
    border-radius:100%
}
.thanks-you-text{
    font-family:'Oleo Script',cursive!important;
    font-size:40px;
    font-weight:700!important;
    margin-bottom:15px
}
.margen-tops{
    margin-top:60px;
    margin-bottom:10px;
    font-weight:700
}
.socil-t:hover{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    vertical-align:middle
}
.not-eligible h1{
    font-size:45px;
    margin:0;
    font-weight:700;
    color:#e7305a
}
.not-eligible p{
    font-size:20px;
    color:#0c83b9
}
.bharat-loan-about{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff
}
.bharat-loan-apply{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff
}
.bharat-loan-about h4{
    margin:18px 0 20px;
    font-size:23px;
    font-weight:400
}
.bharat-loan-about h3{
    text-align:left;
    line-height:43px;
    color:#0e0e0e;
    font-size:37px;
    font-weight:700;
    text-transform:capitalize
}
.bharat-loan-about p{
    font-size:14px;
    line-height:24px;
    text-align:justify
}
.bharat-loan-vision{
    width:100%;
    float:left;
    padding:0;
    margin:0;
    background:#e52255
}
.padings-left{
    padding-left:0!important
}
.bharat-loan-vision .col-right{
    padding:66px 100px 50px 20px
}
.bharat-loan-vision h3{
    color:#fff;
    font-size:21px;
    margin:0 0 14px
}
.bharat-loan-vision .col-right{
    padding:60px 100px 50px 20px
}
.bharat-loan-mission{
    width:100%;
    float:left;
    padding:0;
    margin:0;
    background:#005b8d;
    border-bottom:solid 1px #ddd
}
.bharat-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
}
.bharat-loan-mission p{
    font-size:14px;
    line-height:24px;
    text-align:justify;
    color:#fff
}
.bharat-loan-mission .col-right{
    padding:29px 20px 14px 100px;
    width:47.8%!important
}
.bharat-loan-mission .col-left{
    width:52.2%!important
}
.padings-right{
    padding-right:0!important
}
.hr-calculateor{
    width:60px;
    border:none!important;
    margin:2px 0;
    height:3px;
    background:#e42256;
    margin-bottom:13px
}
.bharat-loan-vision h3{
    text-align:left;
    line-height:43px;
    color:#fff;
    font-size:37px;
    font-weight:700;
    text-transform:capitalize;
    margin-bottom:0
}
.bharat-loan-vision p{
    font-size:14px;
    line-height:24px;
    text-align:justify;
    color:#fff
}
.about-homee .thumbnail p{
    font-size:14px;
    line-height:24px
}
.about-homee h5{
    font-size:20px
}
.company-year{
    border-left:solid 6px #e7305a;
    float:left;
    position:absolute;
    z-index:99;
    bottom:15%;
    left:-10%;
    background:#fff;
    font-size:30px;
    padding:35px 25px;
    font-weight:700;
    color:#e7305a;
    border-radius:20px;
    line-height:31px
}
.about-homee h3{
    font-size:37px;
    font-weight:700;
    line-height:45px;
    margin-top:0
}
.about-homee h4{
    color:#0e0e0e;
    font-size:14px;
    font-weight:700
}
.more-about{
    font-weight:700;
    color:#000;
    font-size:17px
}
.about-homee ul{
    padding-left:0
}
.about-homee ul li{
    line-height:40px;
    display:block;
    font-size:14px
}
.font-sizes{
    font-size:30px;
    font-weight:400;
    margin:0
}
.box-about{
    border-radius:10px;
    padding:29px 14px;
    border:3px solid #e7305a;
    float:left;
    margin-top:24px;
    margin-right:15px;
    width:262px
}
.box-about em{
    position:absolute;
    font-weight:700;
    font-style:normal;
    font-size:30px;
    margin-top:0
}
.box-about span{
    font-weight:700;
    font-size:35px;
    float:left
}
.box-text{
    float:right;
    font-size:19px;
    font-weight:700;
    line-height:25px;
    width:130px
}
.company-year em{
    color:#000;
    font-size:23px;
    font-style:normal;
    line-height:0
}
.hr-simple{
    width:60px;
    border:none!important;
    margin:0 auto 10px;
    height:3px;
    background:#e7305a
}
.busnes-bharatloan{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#0c83b9;
    border-bottom:solid 1px #0a76a7
}
.busnes-bharatloan .thumbnail{
    background:#fff;
    box-shadow:0 7px 12px 0 #0a0000;
    border:none;
    padding:40px 20px 20px;
    height: 479px;
    max-height: 479px;
    min-height: 486px;
    border:solid 1px #fdfdfd
}
.busnes-bharatloan .thumbnail h3{
    color: #0c83b9;
    font-size:21px;
    font-weight:500;
    padding-bottom:0;
    margin-bottom:0
}
.busnes-bharatloan .thumbnail p{
    font-size:14px;
    color:#383838;
    padding-bottom:25px;
    line-height:24px;
    margin: 0;
}
.busnes-img{
    margin: 0;
    position: absolute;
    bottom: 0 !important;
    right: 0 !important;
    width: 52px;
}
.busnes-bharatloan a{
    color:#0c83b9!important
}
.busnes-bharatloan a:hover{
    color:#0c83b9!important;
    text-decoration:blink
}
.tag{
    text-align:center;
    line-height:43px;
    color:#0e0e0e;
    font-size:37px;
    font-weight:700;
    text-transform:capitalize
}
.tags{
    text-align:center;
    color:#0e0e0e;
    font-size:16px;
    font-weight:400
}
.services-line-bharatloan{
    background:#0c83b9;
    float:left;
    width:100%;
    padding:50px 0;
    margin:0
}
.services-line-bharatloan p{
    font-size:14px;
    line-height:24px;
    margin-top:0;
    margin-bottom:50px;
    float:left;
    background:#fff;
    padding:25px;
    border-radius:0 0 10px 10px
}
.hr-simplee{
    width:80px;
    border:none!important;
    margin:0 auto;
    height:3px;
    background:#e7305a;
    margin-bottom:25px;
    margin-top:7px
}
.grid{
    position:relative;
    margin:0 auto;
    list-style:none;
    text-align:center;
    margin-bottom:0;
    float:left;
    width:100%
}
.grid figure{
    position:relative;
    float:left;
    overflow:hidden;
    width:100%;
    background:#0c83b9;
    text-align:center;
    cursor:pointer;
    border-radius:10px 10px 0 0
}
.grid figure img{
    position:relative;
    display:block;
    width:100%
}
.grid figure figcaption{
    padding:1em;
    color:#fff;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.grid figure figcaption::before,.grid figure figcaption::after{
    pointer-events:none
}
.grid figure figcaption,.grid figure figcaption > a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.grid figure figcaption > a{
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0
}
.grid figure h2{
    word-spacing:-.15em;
    font-weight:300
}
.grid figure h2 span{
    font-weight:800
}
.grid figure h2,.grid figure p{
    margin:0
}
.grid figure p{
    font-size:15px
}
figure.effect-oscar img{
    opacity:10
}
figure.effect-oscar figcaption{
    background-color:#000000a3
}
figure.effect-oscar figcaption::before{
    position:absolute;
    top:30px;
    right:30px;
    bottom:30px;
    left:30px;
    border:1px solid #fff;
    content:''
}
figure.effect-oscar h2{
    margin:8% 0;
    -webkit-transition:-webkit-transform .35s;
    transition:transform .35s;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    font-weight:700
}
figure.effect-oscar figcaption::before,figure.effect-oscar p{
    opacity:0
}
figure.effect-oscar:hover h2{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
figure.effect-oscar:hover figcaption{
    background-color:rgba(58,52,42,0)
}
figure.effect-oscar:hover img{
    opacity:.4
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.clearfix:before,.clearfix:after{
    display:table;
    content:''
}
.clearfix:after{
    clear:both
}
.margin-serv{
    margin-bottom:0
}
.margin-topp{
    margin-top:50px
}
.margin-bott{
    margin-bottom:10px
}
.view-all-services{
    margin:0 auto;
    line-height:55px;
    border-radius:5px;
    border:2px solid #0064a6;
    background-color:#0064a6;
    transition:.3s all ease-in-out;
    color:#fff;
    padding:15px 26px;
    font-size:15px;
    font-weight:700
}
.view-all-services:hover{
    background:none!important;
    border:solid 2px #0064a6;
    text-decoration:blink
}
.connect-companies{
    width:100%;
    float:left;
    padding:50px 0;
    background:url(../image/loanwalle-bg.jpg) center
}
.connect-companies h4{
    color:#0e0e0e;
    font-size:18px;
    font-weight:700
}
.connect-companies h3{
    font-size:37px;
    font-weight:700;
    line-height:45px
}
.connect-companies p{
    margin:20px 0;
    line-height:25px;
    font-size:15px;
    width:100%;
    float:left
}
.connect-companies .thumbnail{
    background:none;
    border:none;
    padding:20px 20px 0;
    margin-bottom:0
}
.connect-companies .thumbnail h3{
    font-size:14px;
    font-weight:700;
    margin:0;
    line-height:24px
}
.connect-companies .thumbnail p{
    margin:10px 0 20px!important
}
.cercul-icon{
    z-index:99;
    position:absolute;
    bottom:54px;
    right:-81px
}
.zindex-connect{
    left:-200px;
    position:absolute
}
.connect-image{
    z-index:9;
    position:relative;
    top:-153px
}
.doted-icon{
    z-index:9999;
    position:relative;
    right:-380px
}
.the-global{
    width:100%;
    float:left;
    padding:50px 0;
    background:#141311;
    color:#fff
}
.the-global ul li{
    display:inline-block;
    line-height:22px;
    float:left;
    margin-right:20px;
    width:300px;
    margin-top:30px
}
.the-global p{
    line-height:25px;
    font-size:15px;
    margin:40px 0 0!important
}
.the-global h4{
    color:#fff;
    font-size:18px;
    font-weight:700
}
.the-global h3{
    font-size:37px;
    font-weight:700;
    line-height:45px
}
.connect-icon{
    position:absolute;
    right:-51px;
    top:273px
}
.connect-icon-b{
    position:absolute;
    right:-51px;
    bottom:121px;
    z-index:99999
}
.testimonials-line{
    width:100%;
    float:left;
    padding:50px 0;
    background:#fff url(../image/loanwalle-background-testimonials.png) left no-repeat;
    background-size:cover
}
.testimonials-line h4{
    color:#000;
    font-size:18px;
    font-weight:700
}
.testimonials-line h3{
    font-size:50px;
    font-weight:700
}
.testimonials-line p{
    margin:40px 0 30px;
    line-height:25px;
    font-size:15px;
    width:100%;
    float:left
}
.testimonial .pic{
    width:550px;
    padding:20px 0;
    margin:0 6% 0 2%;
    float:left;
    position:relative;
    z-index:1
}
.testimonial .pic:before,.testimonial .pic:after{
    content:"";
    width:130px;
    height:150px;
    background:#e1c37d;
    position:absolute;
    z-index:-1;
    display:none
}
.testimonial .pic:before{
    top:0;
    right:-20px
}
.testimonial .pic:after{
    bottom:0;
    left:-20px
}
.testimonial .pic img{
    width:500px;
    height:500px;
    border-radius:100%;
    border:solid 3px #e7305a
}
.testimonial .testimonial-content{
    float:right;
    background:#fff;
    border-top:solid 3px #e7305a;
    position:absolute;
    left:422px;
    z-index:9999;
    top:28%;
    padding:30px;
    box-shadow:0 8px 72px 0 #000
}
.testimonial .title{
    display:block;
    font-size:18px;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    padding-left:15px
}
.testimonial .post{
    display:block;
    font-size:14px;
    font-weight:400;
    line-height:27px;
    color:#000;
    text-transform:capitalize;
    margin-bottom:25px;
    padding-left:15px
}
.testimonial .description{
    font-size:16px;
    color:#000;
    padding:0 15px;
    margin:0;
    position:relative
}
.testimonial .description:before,.testimonial .description:after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:17px;
    color:#e1c37d;
    display:none;
    position:relative
}
.testimonial .description:before{
    content:"\f10d";
    margin-right:5px;
    top:0;
    left:0
}
.testimonial .description:after{
    content:"\f10e";
    margin-left:5px;
    position:relative;
    bottom:0;
    right:0
}
.owl-theme .owl-controls{
    width:70%;
    margin:0;
    text-align:left;
    position:absolute;
    bottom:0;
    right:0
}
.owl-theme .owl-controls .owl-buttons div{
    width:70px;
    height:26px;
    line-height:86px;
    background:transparent;
    border-radius:0;
    opacity:1;
    position:relative
}
.owl-prev:before,.owl-next:before{
    content:"\f177";
    font-family:"fontawesome";
    font-size:24px;
    font-weight:900;
    color:#fff;
    position:absolute;
    top:-30px;
    left:25%
}
.owl-next:before{
    content:"\f178"
}
.owl-next:after{
    content:" / ";
    font-size:40px;
    color:#ddd;
    position:absolute;
    top:0;
    left:-10px;
    display:none
}
@media only screen and (max-width: 990px){
    .testimonial{
        text-align:center
    }
    .testimonial .pic{
        width:200px;
        margin:0 auto;
        float:none
    }
    .testimonial .pic:before,.testimonial .pic:after{
        width:80px;
        height:100px
    }
    .testimonial .testimonial-content{
        width:100%;
        float:none;
        top:0;
        z-index:-9
    }
    .testimonial .title{
        padding:15px 0 0
    }
    .testimonial .post{
        padding:0;
        margin-bottom:10px
    }
    .owl-theme .owl-controls{
        width:100%;
        position:static;
        text-align:center
    }
    .owl-theme .owl-controls .owl-buttons div{
        height:50px;
        line-height:50px
    }
}
.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;
    background:#e7305a!important;
    background:#e7305a!important;
    filter:Alpha(Opacity=50);
    opacity:10
}
.our-blogs{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff
}
.our-blogs p{
    font-size:16px;
    color:#999
}
.our-blogs span{
    font-size:14px
}
.our-blogs h3{
    margin:0;
    font-size:30px;
    font-weight:700;
    color:#000
}
.our-blogs h4{
    margin:0;
    font-size:18px;
    font-weight:700;
    color:#000;
    line-height:25px
}
.our-blogs a{
    color:#000
}
.our-blogs a:hover{
    color:#0063a7;
    text-decoration:blink
}
.view-all-post{
    background-color:#e7305a;
    margin:0 auto;
    line-height:55px;
    border-radius:5px;
    border:2px solid #e7305a;
    background-color:#e7305a;
    transition:.3s all ease-in-out;
    color:#fff!important;
    padding:15px 40px;
    font-size:15px;
    font-weight:700
}
.view-all-post:hover{
    text-decoration:blink;
    color:#0064a6!important;
    background:none!important;
    border:2px solid #0064a6
}
.footer-bharatloan{
    float:left;
    padding:35px 0;
    margin:0;
    width:100%;
    color:#fff;
    background:#000 url(../image/footer-back.jpg);
    background-size:cover
}
.footer-subscribe{
    margin-bottom:40px;
    border-bottom:solid 1px #575858;
    padding-bottom:30px
}
.subscrib{
    color:#fff;
    font-size:22px;
    font-weight:700;
    text-align:right;
    padding-top:9px
}
.subsc-button{
    background:#e7305a!important;
    border:none!important;
    color:#fff!important;
    height:54px!important;
    padding:10px 61px!important
}
.footer-marg{
    margin-bottom:15px
}
.footer-tags{
    color:#fff;
    font-size:18px;
    font-weight:700
}
.footer-link{
    color:#f1f1f1;
    line-height:36px;
    font-size:14px
}
.footer-link .fa{
    font-size:11px!important;
    padding-right:5px
}
.footer-link:hover{
    color:#fff;
    text-decoration:blink
}
.fa-links{
    font-size:16px!important;
    width:33px;
    height:33px;
    background:#e7305a;
    float:left;
    margin:12px 10px 0 0;
    text-align:center;
    line-height:30px;
    color:#fff;
    border-radius:100%;
    border:solid 2px #fff
}
.fa-links:hover{
    background:none;
    border:solid 2px #fff;
    color:#fff
}
.copyrihgt-footer{
    width:100%;
    float:left;
    padding:10px 0;
    margin:0;
    font-size:13px;
    color:#7d7d7d;
    background:#1f2529;
    text-align:center
}
.subsc-input{
    background:#fff!important;
    border:none!important;
    height:56px!important;
    width:347px!important
}
.video-play-button{
    position:absolute;
    z-index:10;
    top:9%;
    left:7%;
    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:#0063a7;
    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:#0063a7;
    border-radius:50%;
    transition:all .2s
}
.video-play-button:hover:after{
    background-color:darken(#e52355,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
    }
}
.zoom-in-out-box img{
    margin: 0 auto;
}
.zoom-in-out-box{
    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)
    }
}
.left-arrowww{
    position:absolute;
    top:542px
}
.contact-homee{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0
}
.contact-homee a{
    color:#fff
}
.contact-homee a:hover{
    color:#fff;
    text-decoration:blink
}
.contact-homee .thumbnail{
    background:#0c83b9;/* box-shadow:0 8px 72px 0 red; */
    border:none;
    padding: 13px;
}
.contact-homee .thumbnail h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    padding-bottom:25px;
    margin-bottom:0
}
.contact-homee .thumbnail p{
    font-size:15px;
    color:#fff;
    padding-bottom:35px
}
.submit-buttons{
    background:#e7305a!important;
    color:#fff!important;
    padding:8px 44px!important;
    font-size:20px!important;
    outline:none!important;
    border:solid 1px #e7305a!important
}
.image-partner{
    width:100%;
    padding:15px;
    border:solid 1px #ddd;
    margin-bottom:20px;
    box-shadow:0 0 10px #d3d3d3;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
    vertical-align:middle
}
.image-partner:hover{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    vertical-align:middle
}
.tagss{
    text-align:center;
    color:#0e0e0e;
    font-size:13px;
    font-weight:700
}
.tagg{
    text-align:center;
    line-height:0;
    color:#0c83b9;
    font-size:25px;
    font-weight:700;
    margin-bottom:59px
}
.check-eligibility{
    width:100%;
    float:left;
    background:#0063a7 url(../image/animation.png) center;
    padding:10px 0;
    background-size:cover;
    color:#fff
}
.check-eligibility .eleg{
    font-size:23px;
    margin-top:37px;
    line-height:26px
}
.check-eligibility .eleg span{
    font-size:14px
}
.elgib-link{
    border:solid 2px #fff;
    border-radius:5px;
    float:left;
    width:100%;
    padding:14px;
    text-align:center;
    color:#fff;
    font-size:20px;
    background:#115a8d;
    margin-top:30px
}
.elgib-link:hover{
    background:#fff;
    text-decoration:blink
}
.eligibility-background{
    background:url(../image/eligibility-background.jpg) center;
    text-align:center;
    padding:50px;
    border-radius:3px
}
.eligibility-background h4{
    color:#fff;
    font-size:40px;
    font-weight:400;
    margin:8px 0
}
.eligibility-background p{
    color:#fff;
    text-align:center!important;
    font-size:18px
}
.tesitn{
    font-size:30px;
    font-weight:300;
    color:#625e5e
}
.hide-and-show{
    border:none;
    background:none;
    padding:0;
    cursor:pointer;
    color:#0063a7
}
.tab{
    background-color:#fff;
    font-family:'Titillium Web',sans-serif;
    padding:15px;
    border-radius:10px
}
.tab .nav-tabs{
    padding:0;
    margin:0;
    border:none
}
.tab .nav-tabs li a{
    color:#706f6f;
    background:transparent;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
    padding:7px 15px 6px;
    margin:0 5px 5px 0;
    border:none;
    border-top:2px solid #eee;
    border-bottom:2px solid #eee;
    border-radius:0;
    position:relative;
    z-index:1;
    transition:all .3s ease .2s
}
.tab .nav-tabs li.active a,.tab .nav-tabs li a:hover,.tab .nav-tabs li.active a:hover{
    color:#fff;
    background:transparent;
    border:none;
    border-top:2px solid #eee;
    border-bottom:2px solid #eee
}
.tab .nav-tabs li a:before,.tab .nav-tabs li a:after{
    content:'';
    background-color:#0063a7;
    height:0;
    width:0;
    position:absolute;
    left:0;
    top:-2px;
    z-index:-1;
    transition:all .3s ease 0
}
.tab .nav-tabs li a:after{
    top:auto;
    bottom:-2px
}
.tab .nav-tabs li.active a:before,.tab .nav-tabs li a:hover:before,.tab .nav-tabs li.active a:hover:before,.tab .nav-tabs li.active a:after,.tab .nav-tabs li a:hover:after,.tab .nav-tabs li.active a:hover:after{
    width:100%
}
.tab .tab-content{
    color:#3c3b3b;
    line-height:25px;
    padding:0;
    margin-top:0;
}
@media only screen and (max-width: 479px){
    .tab .nav-tabs{
        padding:0;
        margin:0 0 5px
    }
    .tab .nav-tabs li{
        width:33%;
        text-align:center
    }
    .tab .nav-tabs li a{
        margin:0 0 10px;
        font-size:10px
    }
}
.input-me{
    border-radius:6px!important;
    height:50px!important;
    width:100%!important;
    margin-bottom:10px!important
}
.captcha-text{
    font-size:14px;
    color:#FFD;
    padding-top:13px
}
.resume-uploa{
    background:#fff;
    border-radius:50px;
    padding:10px;
    border:none;
    width:100%;
    color:#fff
}
.upload{
    font-size:13px;
    color:#fff;
    padding-top:9px
}
.contact-us-input{
    position:relative;
    z-index:2;
    float:left;
    width:223px!important;
    margin-bottom:0;
    border-radius:0 3px 3px 0!important
}
.busnes-img {
    margin: 0;
    position: absolute;
    bottom: 0 !important;
    right: 0 !important;
    width: 52px;
}
.main_repay .input-group-addon:first-child {
    border-right: 0;
    background: #e7305a;
    color: #fff;
    padding: 14px;
    width: 45px;
    display: inline-grid;
    float: left;
    border-radius: 3px 0 0 3px !important;
}
.main_repay input{
    font-size: 12px;
    height: 44px;
    border: solid 1px #b0adad;
    border-radius: 0 !important;
}
.sticky .ace-responsive-menu{
    margin: -35px 0 0!important;
}
.sticky .bharatloan-social .fa{
    transition: transform .2s;
    color: #000 !important;
}
.sticky .roww{
    margin:-20px 0 0!important
}
.hr-app-slide{
    margin:0 0 20px;
    width:80px;
    height:3px;
    background:#0d7ec0;
    border:none
}
.iagree-label{
    margin-top:0;
    float:left;
    margin-bottom:22px
}
.serviceBoxx{
    color:var(--main-color);
    font-family:'Raleway',sans-serif;
    text-align:center;
    padding:25px 20px 25px 80px;
    position:relative;
    z-index:1
}
.serviceBoxx:before,.serviceBoxx:after{
    content:'';
    border:4px solid var(--main-color);
    position:absolute;
    left:28px;
    top:0;
    right:0;
    bottom:0;
    clip-path:polygon(0 0,65% 0%,50% 100%,0% 100%)
}
.serviceBoxx:after{
    clip-path:polygon(95% 15%,100% 15%,100% 100%,95% 100%)
}
.serviceBoxx .service-icon{
    color:#fff;
    background-color:#fff;
    font-size:30px;
    line-height:60px;
    height:60px;
    width:60px;
    margin:0 0 15px;
    transform:translateY(-50%);
    position:absolute;
    left:0;
    top:50%
}
.serviceBoxx .title{
    font-size:20px;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:capitalize;
    margin:0 0 10px
}
.serviceBoxx .description{
    font-size:14px;
    line-height:25px;
    margin:0;
    height:76px
}
.serviceBoxx .fa{
    color:#0c83b9!important
}
.serviceBoxx.orange{
    --main-color:#fff
}
.serviceBoxx.pink{
    --main-color:#FF0748
}
@media only screen and (max-width: 1199px){
    .serviceBoxx{
        margin:0 0 40px
    }
}
.serviceBox{
    font-family:'Poppins',sans-serif;
    text-align:center;
    padding:25px 35px 40px;
    position:relative;
    z-index:1
}
.serviceBox:before,.serviceBox:after{
    content:"";
    background-color:var(--main-color);
    height:100px;
    border-radius:50%;
    box-shadow:0 0 15px rgba(0,0,0,0.2);
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:-1
}
.serviceBox:after{
    background-color:#fff;
    height:auto;
    border-radius:50%/15%;
    top:0;
    left:15px;
    right:15px;
    bottom:15px
}
.serviceBox .service-icon{
    color:var(--main-color);
    font-size:40px;
    margin:0 0 20px
}
.serviceBox .service-icon .fa{
    padding:10px;
    border:solid 2px #e52355;
    border-radius:100%;
    width:80px;
    height:80px;
    line-height:53px
}
.serviceBox .title{
    font-size:18px;
    font-weight:600;
    text-transform:capitalize;
    letter-spacing:.5px;
    margin:0 0 10px
}
.serviceBox .description{
    margin:0;
    font-size:14px;
    line-height:24px;
    height:231px
}
.serviceBox.red{
    --main-color:#e52355
}
.serviceBox.green{
    --main-color:#e52355
}
.serviceBox.orange{
    --main-color:#e52355
}
@media only screen and (max-width: 1199px){
    .serviceBox{
        margin:0 0 30px
    }
}
.serviceeBox{
    color:#e7305a;
    font-family:'Zen Maru Gothic',sans-serif;
    text-align:center;
    padding:30px 25px 40px;
    border-radius:0 80px;
    border:2px dashed #fff;
    position:relative;
    z-index:1;
    margin-bottom:30px
}
.serviceeBox:before{
    content:"";
    background:#fff;
    border-radius:0 70px;
    box-shadow:5px 5px 12px rgba(0,0,0,0.3);
    transform:translateX(-50%) translateY(-50%);
    position:absolute;
    width:calc(100% - 15px);
    height:calc(100% - 15px);
    top:50%;
    left:50%;
    z-index:-1
}
.serviceeBox:after{
    content:"";
    background:#e7305a;
    width:130px;
    height:70px;
    position:absolute;
    top:-9px;
    left:-9px;
    z-index:-2
}
.serviceeBox .service-icon{
    font-size:45px;
    margin:0 auto 15px
}
.serviceeBox .title{
    color:#333;
    margin:0 0 5px;
    font-size:24px
}
.serviceBox .description{
    color:#444;
    font-size: 13px;
    line-height: 21px;
}
.serviceBox.yellow{
    color:#d38a0c;
    border-color:#d38a0c
}
.serviceeBox.yellow:after{
    background-color:#e7305a;
    height:130px;
    width:100px;
    border-radius:0 0 0 80px;
    top:auto;
    bottom:-9px
}
.serviceeBox.purple{
    color:#8455D0;
    border-color:#8455D0
}
.serviceeBox.purple:after{
    background-color:#8455D0;
    top:auto;
    bottom:-9px;
    left:auto;
    right:-9px
}
.serviceeBox.red{
    color:#CD4B4C;
    border-color:#CD4B4C
}
.serviceeBox.red:after{
    background-color:#CD4B4C;
    width:100px;
    height:130px;
    border-radius:0 85px 0 0;
    left:auto;
    right:-9px
}
.serviceeBox .description{
    margin:0;
    font-size:14px;
    line-height:24px;
    color:#202020;
    height:100px
}
.serviceeBox.red{
    --main-color:#e52355
}
.serviceeBox.green{
    --main-color:#e52355
}
.serviceeBox.orange{
    --main-color:#e52355
}
@media only screen and (max-width: 990px){
    .serviceeBox{
        margin:0 10px 30px
    }
}
.rates-and-fees{
    width:100%;
    float:left;
    padding:50px 0;
    margin:0;
    background:#fff
}
.rates-and-fees h3{
    margin:0;
    font-size:25px
}
.rates-and-fees p{
    font-size:14px;
    line-height:24px
}
@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){
    .col-xs-hidden{
        display:none!important
    }
    .not-eligible{
        padding:0
    }
    .inner-pages .thumbnail h4{
        font-size:14px;
        line-height:23px
    }
    .inner-pages .thumbnail p{
        font-size:12px;
        line-height:22px
    }
    .about-homee .thumbnail{
        height:auto;
        float:left;
        width:100%
    }
    .busnes-bharatloan .thumbnail h3{
        font-size:18px
    }
    .our-blogs h2{
        font-size:18px!important
    }
    .busnes-bharatloan .thumbnail{
        height:auto!important
    }
    .short-loans h2{
        margin:0 0 5px;
        font-size:18px;
        color:#fff
    }
    .short-loans p{
        font-size:12px;
        line-height:22px;
        color:#fff
    }
    .benefits-loans h3{
        margin:0;
        font-size:18px
    }
    .benefits-loans p{
        font-size:12px;
        line-height:22px;
    }
    .benefits-loans h4{
        margin:0 0 10px;
        font-size:16px
    }
    .serviceBox .description{
        color:#444;
        font-size:12px;
        line-height:22px;
        margin:0;
        font-size:14px;
        line-height:24px;
        height:auto
    }
    .risks-loans h3{
        margin:0;
        font-size:18px;
        color:#fff
    }
    .risks-loans p{
        font-size:12px;
        line-height:22px;
        color:#fff
    }
    .serviceBoxx .description{
        font-size:12px;
        line-height:21px;
        margin:0;
        height:auto
    }
    .risks-loans h4{
        margin:0 0 10px;
        font-size:13px;
        color:#fff;
        font-weight:700
    }
    .terms-nd-conditions h3{
        margin:0 0 5px;
        font-size:18px
    }
    .terms-nd-conditions p{
        font-size:12px;
        line-height:22px
    }
    .eligibility-criteria h3{
        margin:0 0 5px;
        font-size:18px
    }
    .eligibility-criteria .thumbnail ul li{
        background:url(../image/arrow-right.png) no-repeat;
        background-position-x:0;
        background-position-y:0;
        padding:8px 8px 8px 32px;
        color:#202020!important;
        font-size:12px!important;
        display:block;
        background-position:-1px 7px
    }
    .eligibility-criteria .thumbnail{
        padding:22px;
        border-radius:50px 0 50px 0;
        height:auto;
        float:left;
        width:100%
    }
    .rates-and-fees h3{
        margin:0;
        font-size:18px
    }
    .rates-and-fees p{
        font-size:12px;
        line-height:22px
    }
    .serviceeBox .title{
        color:#333;
        margin:0 0 5px;
        font-size:18px
    }
    .serviceeBox .description{
        margin:0;
        font-size:12px;
        line-height:22px;
        color:#202020;
        height:auto
    }
    .input-group-addon:first-child{
        width:47px!important
    }
    .login-box{
        box-shadow:0 0 27px #fff
    }
    .iagree-label{
        margin-top:0;
        float:left!important;
        font-size:12px;
        margin-bottom:22px
    }
    .otp-icon ul{
        float:left;
        padding-left:15px;
        border:none!important;
        margin:0;
        width:100%
    }
    .bharat-loan-apply{
        padding:0!important
    }
    .bharat-document{
        padding:0
    }
    .bharat-document .thumbnail{
        box-shadow:0 0 13px #e5bcc5;
        padding:20px 0;
        border:none!important;
        overflow:auto;
        border-radius:0
    }
    .document ul li{
        font-size:12px!important
    }
    .document-yes{
        width:45%!important;
        border-radius:0;
        font-size:11px;
        margin:8px;
        line-height:16px;
        height:50px
    }
    .btn-default-my-upload{
        padding:10px 9px!important;
        width:85%
    }
    .new-readio img{
        margin-right:25px;
        width:32px
    }
    .new-input{
        margin-top:6px!important;
        width:16px!important;
        height:17px!important
    }
    .row-cal{
        width:100%;
        float:left
    }
    .displayy{
        display:none!important
    }
    .immediate-financial{
        font-size:11px!important
    }
    .pading6-login label{
        float:left;
        width:100%!important;
        font-size:11px!important
    }
    .bharat-loan-ul ul li{
        line-height:24px!important;
        font-size:12px
    }
    .submit-buttons{
        background:#e7305a!important;
        color:#fff!important;
        padding:8px 23px!important;
        font-size:15px!important;
        outline:none!important;
        border:solid 1px #e7305a!important
    }
    .ac-title i{
        float:right;
        font-size:13px;
        border-radius:100%;
        border:solid 1px #0063a7;
        float:right;
        width:20px!important;
        height:20px!important;
        text-align:center;
        color:#0063a7!important;
        line-height:18px!important;
        padding-right:0!important;
        padding-left:0!important;
        margin-top:-1px
    }
    .ac-content{
        border:1px solid #ddd;
        margin-top:-1px;
        padding:15px!important;
        background:#fff;
        font-size:11px!important;
        color:#383838;
        line-height:20px!important;
        overflow:auto
    }
    .table{
        font-size:11px!important
    }
    .ac-title{
        color:#0c83b9;
        font-size:11px!important
    }
    .busnes-img{
        display:block;
        margin-bottom:-20px;
        right:15px
    }
    .bharat-loan-about h4{
        margin:18px 0 20px;
        font-size:15px;
        font-weight:400;
        line-height:23px
    }
    .contact-homee .thumbnail{
        background:#0c83b9;
        box-shadow:0 8px 72px 0 red;
        border:none;
        padding: 13px;
    }

    .bharat-loan-about h3{
        font-size:18px
    }
    .bharat-loan-about p{
        font-size:12px;
        line-height:20px;
        text-align:justify
    }
    .bharat-loan-vision h3{
        font-size:18px
    }
    .bharat-loan-vision .col-right{
        padding:25px 15px
    }
    .bharat-loan-vision p{
        font-size:12px;
        line-height:24px;
        text-align:justify;
        color:#fff
    }
    .bharat-loan-mission .col-right{
        padding:15px;
        width:100%!important
    }
    .bharat-loan-mission p{
        font-size:12px;
        line-height:24px;
        text-align:justify;
        color:#fff
    }
    .padings-left{
        padding:0!important
    }
    .bharat-loan-mission .col-left{
        width:100%!important;
        padding:0;
        padding-right:0
    }
    .bharat-loan-mission h3{
        font-size:18px
    }
    .banners-new{
        width:100%;
        float:left;
        margin-top:65px
    }
    .carousel-caption h3{
        font-size:15px;
        font-weight:700;
        line-height:22px;
        margin:0!important
    }
    .carousel-indicators li{
        display:inline-block;
        width:27px!important;
        height:8px!important
    }
    .carousel-indicators .active{
        display:inline-block;
        width:27px!important;
        height:8px!important;
        background-color: #fff !important;
    }
    .carousel-indicators{
        position:absolute;
        bottom:0
    }
    .carousel-caption p{
        font-size:12px;
        font-weight:400;
        margin:0!important
    }
    .hr-app-slide{
        margin:0 auto 15px;
        width:50px;
        height:3px;
        background:#0d7ec0;
        border:none
    }
    .mobile-app{
        width:100%;
        float:left;
        padding:50px 0;
        margin:0;
        background:#fff;
        color:#fff;
        text-align:center
    }
    .loan-emi .thumbnail{
        background:#e7305a;
        padding:15px;
        border-radius:0;
    height: auto;
    }
    .loan-emi img{
        border-radius: 0;
    }
    .inner-banner p{
        line-height:22px;
        font-size:13px
    }
    .sticky{
        position:absolute!important;
        top:0;
        width:100%;
        margin:0;
        background:#e7305a;
        transition:.7s all ease-in-out;
        padding:0!important
    }
    .sticky .ace-responsive-menu{
        margin:0!important
    }
    .sticky .roww{
        margin:0!important
    }
    .input-group .form-control{
        position:relative;
        z-index:2;
        float:left;
        width:285px!important;
        margin-bottom:0;
        border-radius:0 3px 3px 0!important
    }
    .font-sizes{
        font-size:15px!important
    }
    .upload{
        font-size:12px;
        color:#fff;
        padding-top:13px
    }
    .ac-content{
        padding:5px!important
    }
    .career-homee h1{
        line-height:43px;
        color:#fff;
        font-size:20px;
        font-weight:700;
        margin:0;
        text-align:center
    }
    .career-homee h3{
        margin:10px 0 0;
        font-size:14px;
        color:#fff;
        line-height:21px;
        font-weight:400;
        text-align:center
    }
    .tag{
        line-height:25px;
        font-size:18px
    }
    .tesitn{
        font-size:17px;
        font-weight:300;
        color:#625e5e;
        margin-bottom:20px
    }
    .contact-homee{
        padding:20px 0;
        margin:0
    }
    .check-eligibility{
        text-align:center!important
    }
    .check-eligibility .eleg{
        font-size:15px;
        margin-top:10px
    }
    .check-eligibility .eleg span{
        font-size:12px
    }
    .elgib-link{
        border:solid 1px #fff;
        border-radius:5px;
        float:left;
        width:100%;
        padding:10px;
        text-align:center;
        color:#fff;
        font-size:17px;
        background:#115a8d;
        margin-top:15px
    }
    .about-banner{
        padding:150px 0 3px!important;
        background:url(../image/about-banner.jpg) center;
        background-size:cover!important;
        width:100%;
        float:left;
        text-align:center;
        margin-top:0!important
    }
    .about-banner h2{
        font-size:18px!important
    }
    .about-banner p{
        font-size:12px
    }
    .ace-responsive-menu > li > ul.sub-menu{
        border-radius:0!important
    }
    .ace-responsive-menu li ul.sub-menu li a{
        padding:6px 20px!important;
        font-size:11px!important
    }
    .left-arrowww{
        display:none!important
    }
    .ace-responsive-menu > li > a{
        padding:7px 17px!important;
        text-decoration:none;
        font-size:12px!important;
        background:#0063a7e3!important
    }
    .bharatloan-top-menu .container-fluid{
        background:#fff
    }
    .demo-inner-content h1{
        font-size:21px!important;
        line-height:26px!important
    }
    #demo-1{
        min-height:241px!important
    }
    .zs-enabled .zs-slideshow .zs-bullets{
        display:none!important
    }
    .demo-inner-content{
        top:156px!important
    }
    .demo-inner-content p{
        font-size:12px!important
    }
    .bharatloan-home .container-fluid{
        margin:0;
        padding:0
    }
    .sticky{
        position:relative!important;
        top:0;
        width:100%;
        margin:0;
        background:none!important;
        transition:.7s all ease-in-out
    }
    .cb-slideshow li div h2{
        font-size:25px!important;
        padding:0 6px;
        font-weight:700;
        color:rgba(255,255,255,0.8);
        margin-top:0
    }
    .company-year{
        border-left:solid 6px #0063a7;
        float:left;
        position:absolute;
        z-index:999;
        bottom:14%;
        left:2%;
        background:#fff;
        font-size:25px;
        padding:15px 25px;
        font-weight:700;
        color:#0063a7;
        border-radius:20px;
        line-height:25px
    }
    .about-homee h3{
        font-size:18px;
        font-weight:700;
        line-height:25px;
        margin-top:6px
    }
    .about-homee p{
        margin:0 0 30px;
        line-height:22px;
        font-size:12px;
        width:100%;
        float:left
    }
    .box-about{
        border-radius:10px;
        padding:29px 14px;
        border:3px solid #0063a7;
        float:left;
        margin-top:24px;
        margin-right:15px;
        width:160px
    }
    .box-text{
        float:right;
        font-size:14px;
        font-weight:700;
        line-height:20px;
        width:100%;
        text-align:center
    }
    .box-about span{
        font-weight:700;
        font-size:18px;
        float:left;
        text-align:center;
        width:100%
    }
    .box-about{
        border-radius:10px;
        padding:10px 8px;
        border:3px solid #0063a7;
        float:left;
        width:154px;
        text-align:center;
        margin:3px 6px 25px 5px
    }
    .box-about span{
        font-size:18px
    }
    .about-homee ul li{
        line-height:22px;
        display:block;
        font-size:13px;
        padding-bottom:10px
    }
    .about-homee .fa{
        padding-right:0!important
    }
    .company-year em{
        font-size:16px
    }
    .cb-slideshow li div h1{
        font-size:13px!important;
        padding:0 6px;
        color:rgba(255,255,255,0.8)
    }
    .displayd{
        display:none!important
    }
    .bharatloan-top-menu{
        width:100%;
        float:left;
        padding:0;
        margin:0;
        margin-top:0;
        z-index:9999;
        position:absolute;
        margin-top:0
    }
    .roww{
        float:left;
        width:100%
    }
    nav{
        float:left;
        width:100%
    }
    .riban-icon{
        display:none!important
    }
    .riban-iconn{
        display:none!important
    }
    .riban-iconnn{
        display:none!important
    }
    .riban-iconnnn{
        display:none!important
    }
    .more-about{
        font-weight:700;
        color:#000;
        font-size:17px;
        float:left;
        margin-top:2px;
        width:100%;
        text-align:center
    }
    .about-homee{
        padding:50px 0 0
    }
    .busnes-loanwalle .thumbnail{
        padding:15px;
        text-align:center;
        height:auto!important
    }
    .busnes-loanwalle .thumbnail img{
        text-align:center;
        margin:0 auto!important;
        bottom:0
    }
    .busnes-loanwalle .thumbnail h3{
        color:#0e0e0e;
        font-size:18px;
        font-weight:700;
        padding-bottom:9px;
        margin-bottom:0
    }
    .busnes-loanwalle .thumbnail p{
        font-size:13px;
        color:#383838;
        padding-bottom:35px;
        line-height:22px
    }
    figure.effect-oscar h2{
        margin:0 0 10px;
        -webkit-transition:-webkit-transform .35s;
        transition:transform .35s;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        font-weight:700;
        font-size:22px;
        line-height:46px
    }
    .view-all-services{
        padding:12px 15px;
        font-size:12px;
        font-weight:700
    }
    .zindex-connec{
        display:none!important
    }
    .zindex-connect{
        display:none!important
    }
    .doted-icon{
        display:none!important
    }
    .cercul-icon{
        display:none!important
    }
    .connect-companies h3{
        font-size:20px;
        font-weight:700;
        margin-top:0;
        margin-bottom:0
    }
    .connect-companies p{
        margin:4px 0 30px;
        line-height:22px;
        font-size:12px;
        width:100%;
        float:left
    }
    .connect-companies .thumbnail{
        text-align:center
    }
    .connect-companies .thumbnail img{
        text-align:center!important;
        margin:0 auto!important
    }
    .connect-image{
        z-index:9;
        position:relative;
        top:0
    }
    .the-global h3{
        font-size:22px;
        font-weight:700;
        line-height:30px
    }
    .the-global p{
        line-height:22px;
        font-size:12px;
        margin:0 0 30px!important
    }
    .video-play-button{
        display:none!important
    }
    .the-global ul li{
        display:inline-block;
        line-height:20px;
        float:left;
        margin-right:20px;
        width:300px;
        margin-top:0;
        margin-bottom:10px;
        font-size:12px
    }
    .connect-icon{
        display:none!important
    }
    .testimonials-line h3{
        font-size:23pxpx;
        font-weight:700
    }
    .testimonials-line p{
        margin:4px 0 30px;
        line-height:22px;
        font-size:12px;
        width:100%;
        float:left
    }
    .testimonial .pic img{
        width:100px;
        height:100px
    }
    .testimonial .testimonial-content{
        left:0
    }
    .testimonials-line h3{
        font-size:23px;
        font-weight:700
    }
    .testimonials-line{
        background:#efefef
    }
    .owl-carousel .owl-wrapper-outer{
        overflow:hidden;
        position:relative;
        width:100%;
        height:400px
    }
    .connect-icon-b{
        display:none!important
    }
    .testimonial .description{
        font-size:12px;
        color:#000;
        padding:0 5px;
        margin:0;
        position:relative;
        line-height:22px
    }
    .testimonial .title{
        padding:15px 0 0;
        margin-top:81px!important
    }
    .owl-prev::before,.owl-next::before{
        top:-8px!important
    }
    .owl-theme .owl-controls .owl-buttons div{
        height:35px!important
    }
    .our-blogs h3{
        margin:0;
        margin-bottom:0;
        font-size:18px;
        font-weight:700;
        color:#000;
        margin-bottom:20px;
        line-height:27px
    }
    .view-all-post{
        padding:11px 23px;
        font-size:12px;
        font-weight:700
    }
    .subsc-input{
        width:100%!important
    }
    .subsc-button{
        height:48px!important;
        padding:10px 61px!important;
        float:left;
        width:100%
    }
    .subscrib{
        color:#fff;
        font-size:18px;
        font-weight:700;
        text-align:left;
        padding-top:9px;
        padding-bottom:15px
    }
    .fa-links{
        font-size:12px!important;
        width:30px;
        height:30px;
        background:#0463a3;
        float:left;
        margin:12px 10px 0 0;
        margin-bottom:0;
        text-align:center;
        line-height:27px;
        color:#fff;
        border-radius:100%;
        border:solid 2px #fff;
        margin-bottom:15px
    }
    .footer-link{
        color:#f1f1f1;
        line-height:31px;
        font-size:12px
    }
    .copyrihgt-footer{
        font-size:10px
    }
    .ace-responsive-menu > li > a{
        display:block;
        position:relative;
        margin:0;
        border:0;
        padding:5px 17px;
        text-decoration:none;
        font-size:12px;
        font-weight:500;
        color:#fff;
        background:#0063a7;
        margin:0!important
    }
    .bharatloan-apply-button{
        background:#0063a7;
        border-radius:9px;
        border:solid 1px #478AB9;
        padding:11px 17px;
        color:#fff;
        font-weight:500;
        font-size:12px;
        position:absolute;
        right:-122px;
        top:-52px;
        background:#e7305a;
        border-radius:9px;
        border:solid 1px #d2365a!important;
        color:#fff;
        font-weight:500;
        font-size:12px;
        position:absolute;
        right:-104px;
        top:-50px
    }
    .bharatloan-apply-button:hover{
        background:#0063a7!important;
        border-radius:9px;
        border:solid 1px #0063a7!important;
        padding:9px 15px;
        color:#fff;
        font-weight:500;
        font-size:12px;
        position:absolute
    }
    .bharatloan-logo-mobile{
        width:140px;
        margin-top:5px
    }
    .tags{
        text-align:center;
        color:#0e0e0e;
        font-size:13px;
        font-weight:400
    }
    .amounts-tag{
        font-weight:500;
        font-size:17px;
        color:#fff
    }
    .loan-emi .thumbnail .text-left{
        font-weight:500;
        font-size:11px;
        color:#fff!important
    }
    .range-slider{
        background:#fff;
        padding:25px 13px 0;
        margin:21px 0 10px;
        border-radius:6px
    }
    .loan-emi .thumbnail .text-right{
        font-weight:500;
        font-size:11px;
        color:#fff!important
    }
    .mobile-app h3{
        font-size:18px;
        color:#e52255;
        margin-top:0 !important;
        margin-bottom:9px
    }
    .pading6-login button{
        margin-left:88px!important;
        padding:6px 26px!important;
        font-size:15px!important
    }
    .mobile-app p{
        font-size:13px;
        margin-bottom:22px;
        color:#666
    }
    .goog .get-it-on{
        width:15%!important
    }
    .my-footer-cl{
        display:none !important;
    }
}

.my-footer-cl
{
    background: #878787 !important;
    float: left !important;
    width: 100% !important;
    text-align: center;
    border-top: solid 1px #323131;
    padding: 19px 0 !important;
    color: #fff !important;
}
.link-my
{
    color:#080808  !important;
    text-decoration:blink !important;
}
#btn-back-to-top {
    position: fixed;
    bottom: 53px;
    right: 20px;
    display: none;
    background:#e7305a;
}

.main_journey_login_panel #login .terms_service label{
    font-weight: 100;
    font-size: 10px;
}

/* new_style_css_include for digital instant journey */

.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: 700;
    color: #545151;
    font-size: 14px;
}
.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: #271340;
    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;
}

.top-line
{
    float:left;
    width:100%;
    z-index: 9999999;
    background: none;
    background-color: #fff;
}

.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: 55%;
    margin: 0 auto;
    float: none;
}
#selfie_upload .btn-primary {
    color: #fff;
    background-color: #d62d4f;
    border-color: #d32c4e;
    height: 50px;
}

.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: #006391;
    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 .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/left_login.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 410px;
}
.main_journey_login_panel .otp_left{
    background: none;
    background-size: cover !important;
    background-position: top;
    background-repeat: no-repeat !important;
}
.main_journey_login_panel .login{
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 410px;
    margin: 2% 0;
    box-shadow: 0px -2px 18px 0px #00000036;
    z-index: 9;
    position: relative;
}
.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 .otp_left img{
    max-width: 100%;
    height: 100% !important;
    margin: 0px;
    width: 100%;
}
.main_journey_login_panel input{
    font-weight: 400;
    font-size: 12px;
    width: 82%;
    text-transform: lowercase;
}

.main_journey_login_panel #otpverify .otp{
    width: 100%;
    float: initial;
    padding: 9% 20px;
    background-color: #f1f1f1;
    margin: 4% auto;
    color: #ffffff;
    border-radius: 7px;
    text-align: center;
    background: transparent;
    border: none;
    backdrop-filter: blur(20px);
    box-shadow: none;
    border-radius: 10px;
    padding: 9px 0;
}
.main_journey_login_panel #otpverify .otp h5{
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 13px;
    color: #dddcdc;
}
.main_journey_login_panel  .get_btn_otp{
    border: solid 1px #ddd7d7;
    width: 100%;
    float: left;
    padding-top: 12px;
    background-color: #eee;
}
.main_journey_login_panel .otp_btn {
    background: #d72d4f;
    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 #otpverify .text-muted {
    color: #fff !important;
    font-size: 16px;
    font-weight: 800;
    padding: 10px;
    text-decoration: underline;
}
.right_image_main .resend a:hover, a:focus, a:active {
    border: 0;
    color: #fff;
    background: #df305a;
    border-radius: 8px;
}







.main_journey_login_panel {
    padding: 0 !important;
    margin-top: 0 !important;
}
.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: 1em 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: #d72d4f;
    display: contents;
}
.main_journey_login_panel .login_main1{
    border: solid 1px #82c0fd;
    width: 100%;
    float: left;
    padding: 6px;
    margin: 0;
    background-color: #d7e5f5;
    border-radius: 2px;
}
.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: 88%;
    margin: 10% 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 {
    display: contents;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 100;
    font-size: 10px;
    color: #000;
}
.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 26px;
    border-radius: 3px;
    margin-right: 15px;
    color: hsl(0, 0%, 100%);
    font-weight: 100;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
}
.main_journey_panel .next_btn_panel{
    width: 100%;
    float: left;
    padding-top: 3px;
}
.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;
}
.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{
    float: left;
    color: #fff;
    margin-bottom: 0;
    background-color: #00537a !important;
    margin-right: 16px;
}
.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;
}
.main_journey_panel .tab .tab-content{
    padding: 6px;
    background: #fff;
    font-size: 16px;
    color: #6c6c6c;
    line-height: 25px;
    box-shadow: none;
    width: 100%;
    float: left;
    box-shadow: 2px 1px 7px 0px #0000006e;
    border-radius: 5px;
    margin: 0 0 2% 0;
}
.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: #006391;
    border-radius: 4px;
    padding: 1% 11px;
    width: 100%;
    float: left;
    color: #fff;
    text-shadow: 0 1px 3px #0000007d;
}
.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: #545050;
    height: 37px;
    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: 0;
    font-weight: 500;
    font-size: 12px;
}
#income_details .form-group .radio_main{
    width: 43%;
    float: left;
    position: relative;
    display: flex;
    padding: 0 10px 0 0;
    line-height: 23px;
    align-items: center;
    background-color: #00537a;
    border-radius: 4px;
    font-size: 10px;
}
#income_details .form-group .radio_main label{
    font-size: 11px !important;
}
#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: #006391;
    text-align: left;
    color: #fff;
    padding: 7% 20px;
}
#pancard_verification img{
    width: 80%;
    float: right;
}
#pancard_verification {
    padding: 5% 0;
}
#personal_details{
    background-color: transparent;
    padding: 0;
}
#myModal .modal-dialog {
    max-width: 100%;
    margin: 1.75rem auto;
}
#myModal .modal-header {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    display: block;
}
#residence_details{
    padding: 0;
}
#residence_details .main_state{
    width: 100%;
    float: left;
    display: flex;
}
#residence_details .main_state .form-group{
    border: solid 2px #006391;
}
#residence_details .main_state .form-group input{
    background-color: #bce0fd;
    pointer-events: none;
    color: #9e9e9e;
}

#registration,#loan-application,#documentation,#application-status {
    padding: 0;
    width: 100%;
    float: left;
}

#registration .location-field, #loan-application .location-field{
    padding: 0;
    margin-bottom: 0 !important;
}
.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;
    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: #333232;
    text-shadow: none;
    opacity: 1;
    font-weight: 600;
    font-size: 10px;
}
.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 160px;
    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: 3px;
    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: 134px;
    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: #006391;
    text-align: center;
    text-shadow: none;
}
#generate_loan_quote p{
    margin-bottom: 5%;
    color: #006391;
    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;
}
#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: 12px;
    margin: 6px 0;
    line-height: 19px;
}
#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: #e5e5e5;
    border-radius: 11px;
    padding: 10px 20px;
}
#loan_quote  .form-group label{
    background-color: #e12f53;
    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 #8c8b8b;
    z-index: 9;
}
#loan_quote  .form-group label p{
    margin: 0;
    text-align: center;
}
#loan_quote .form-group label::before {
    content: "";
    background-color: #680f3c;
    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: 10px 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: 15px;
    font-weight: 600;
}
.interest_rate{
    padding: 10px;
    background-color: #00194c;
    color: #fff;
    border-radius: 8px;
    display: inline-flex;
    margin: 0 !important;
}
.processing_fee{
    padding: 10px;
    background-color: #00194c;
    color: #fff;
    border-radius: 8px;
    display: inline-flex;
    margin: 10px 0 10px 0 !important;
}
#loan_quote .principal_cal{
    width: 100%;
    float: left;
    display: block;
    padding: 0;
}
#loan_quote .principal_cal li{
    list-style-type: none;
    padding: 5px;
    background-color: white;
    margin: 10px 6px 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: 13px;
    margin-bottom: 12px;
}
#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: #cb2a4b;
    color: #fff;
    border-radius: 4px;
}

.main_journey_panel input[type="file"] {
    color:#fff;
}

.main_journey_panel .documents-upload .bank_upload h2{
    margin-top: 0;
}
#bank_statement_upload .documents-upload .card{
    box-shadow: none;
}
.main_journey_panel .documents-upload .card{
    box-shadow: none !important;
}
.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;
    border-radius: 5px;
    background-color: #f0f3f4;
}

.main_journey_panel .documents-upload .drop_box h4 {
    font-size: 12px;
    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: #006391 !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 #006391;
    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: #ff7d7d;
    font-size: 13px;
    letter-spacing: 0;
    text-shadow: none;
}
#ekyc_initiated .location-field input{
    color: #000;
}
#ekyc_initiated .addhaar_img{
    width: 66%;
    margin: 0 auto 0 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: 51%;
    margin: 0 13px;
}
#residence_proof_upload .btn input[type=file]{
    background-color: #021b4e;
}
#residence_proof_upload {
    margin-bottom: 5%;
}
#residence_proof_upload  .btn:hover{
    text-decoration: none;
    background-color: #021b4e;
    color: #005af0;
    padding: 10px 20px;
    border: none;
    outline: 1px solid #021b4e;
}
#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: 5px;
    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;
}
#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: 609px;
    position: absolute;
    z-index: 9999;
    top: 43%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#myModal .modal-dialog video{
    width:100%;
}
#myModal .btn {
    font-size: 11px;
}

.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 #myModal #capture{
    background-color: #019d0b;
}
#capturedImage{
    width: 100%;
}
#retake{
    background-color: #b90151;
}
#selfie_capture{
    width: 8%;
    margin: 10px auto;
}
#myModal .btn {
    margin: 0 10px 0 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: 0;
}
#session_timeout h2 {
    margin: 0;
}
#session_timeout img {
    border-radius: 8px;
    width: 42%;
    margin: 0 auto;
}
#session_timeout .btn_upload {
    padding: 5px 20px;
    border-radius: 5px;
    border: solid 1px #e12f53;
    background-color: #e12f53;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

#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%;
        background-color: #0a6e9b;
    }
    .main_journey_login_panel .left_image_main {
        width: 100%;
        height: 146px;
        overflow: hidden;
    }
    .main_journey_login_panel #login h2{
        margin: 1% 0 !important;
        font-size: 16px !important;
        letter-spacing: 0;
        font-weight: 900 !important;
        text-transform: uppercase;
    }
    .main_journey_login_panel .right_image_main{
        height: 100% !important;
    }
    .main_journey_login_panel .left_image_main img {
        height: 100%;
        object-position: center;
    }
    .main_journey_login_panel .login{
        overflow: visible;
    }
    .main_journey_login_panel .right_image_main {
        width: 100%;
        float: right;
    }
    .main_journey_login_panel #login {
        width: 100%;
        margin: 0 auto;
        padding: 0 !important;
    }
    .main_journey_login_panel #login #login-inp{
        width: 84%;
    }
    .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;
        border-radius: 4px !important;
        margin-bottom: 10px;
    }

    #selfie_upload .btn-primary {
        width: 100%;
    }

    #selfie_upload .camera_block{
        display:none;
    }
}

#residence_proof_upload .next_btn{
    width: 29%;
}

@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;
        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.2%;
        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: transparent;
    }
    .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: 136px;
        margin-top: 0px;
        margin-left: -19px;
    }
    .main_journey_panel .tab .nav-tabs {
        padding: 0 !important;
        display: none;
    }
    #registration, #loan-application, #documentation, #application-status {
        padding: 1% !important;
        width: 100%;
        float: left;
    }
    .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: 0 3%;
        width: 100%;
        float: left;
    }
    #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 3px;
    }

    #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;
    }
    #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 {
    text-transform: uppercase;
    color: #545050;
    font-weight: 600;
    font-size: 12px;
}
#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;
    display: flex;
}
.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: 41px;
    height: 41px;
    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;

}
.dashboard_nav nav {
    position: fixed;
    top: 61px;
    /*    
        left: 0;
        
    */

    width:272px;
    background-color: #006391;
    height: 100vh;
    padding: 0;
    padding-top: 12px;
    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 !important;
    text-transform: uppercase;
    font-weight: 600;
}
.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: 33px;
    color: #222121;
    transition: transform 0.2s ease;
    padding: 0;
}
.dashboard_nav #nav-toggle {
    width: 100px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font: inherit;
    font-size: 20px;
    color: #222121;
    transition: transform 0.2s ease;
    padding: 0;
    font-weight: bold;
    padding-top: 10px !important;
}
#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: 79px 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;
    color: #b2b2b2;
    margin: 0;
    text-transform: uppercase;
    font-size: 23px !important;
    font-weight: 900 !important;
    font-size: 23px !important;
    line-height: 32px !important;
    text-align: left;
}
.applyt_btn{
    color: #fff;
    background-color: #df305a !important;
    /*background: linear-gradient(to right top, #d12d54, #c92b51, #c42c52, #ff5f59, #ff3656);*/
    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;
    float: left;
}
.dashboard_content .apply_nw{
    padding: 16px 20px;
    background-color: #fdfdfd;
    border-radius: 6px;
    background-image: url(../images/instant/bag_animation.gif), linear-gradient(to right, #ffffff, #6db3f200);
    background-size: contain;
    background-position: right;
    box-shadow: 2px 1px 7px 0px #b4b4b4;
    background-repeat: no-repeat;
    height: 200px;
}
.dashboard_content .apply_nw1{
    padding: 2px 20px;
    background-color: #034564;
    border-radius: 6px;
    background-size: cover;
    background-position: right;
    box-shadow: 2px 1px 7px 0px #0000001c;
    height: 200px;
    overflow: hidden;
}

.dashboard_content .support{
    background-color: #df305a !important;
    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;
    text-align: center;
}

.profile_img.img-section {
    background: url('../images/instant/bg_img.JPG');
    border-radius: 15px;
    box-shadow: 1px 2px 9px #9b9494;
}

.profile_img.img-section .col-md-12:nth-child(1) img{
    position: relative;
    height:200px;
    width:200px;
    margin:0 auto;
    border-radius: 50%;
    box-shadow: 1px 2px 9px #9b9494;
    margin: 5% auto;
    object-fit: cover;
}

.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{
    position: relative !important;
    right: 0 !important;
    margin-top: -37px;
    float: right;
    bottom: 0 !important;
    background: #006391;
    border: 0;
    width: 36px;
    height: 33px;
    border-radius: 10px 10px 0 0;
    color: #fff;
}

.details_tabs .content_details .edit-profile i{
    color: #fff;
}

#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;
    width: 100%;
    float: left;
    line-height: 45px;
    margin-bottom: 12px;

}

#profile-data .details_tabs{
    width: 100%;
    border-radius: 15px;
}

#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: #006391;
    box-shadow: none;
    margin: 20px 0 0 0;
    border-radius: 8px;
}
#profile-v .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #ffffff;
}
#profile-v .table thead th{
    vertical-align: bottom;
    border-bottom: none !important;
    border-top: none;
}
#messages-v .table thead th{
    vertical-align: bottom;
    border-bottom: none !important;
    border-top: none;
}
#profile-v .table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;
}
#profile-v .main_journey_panel .next_btn{
    padding-top: 0 !important;
}
@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: 767px){
    .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: 5px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 30px;
}
.dashboard_content .progress{
    width: 100%;
    background: #ebebeb;
    border-radius: 5px;
    margin: 0;
    height: 29px !important;
    margin: 1% 0 0 0;
    position: relative;
}
.dashboard_content .apply_nw1 h4{
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 12px;
    color: #ffffff;
}
.dashboard_content .apply_nw1 p {
    margin: 10px 0;
    font-size: 13px;
    color: #ffffff;
}
.dashboard_content .progress .progress-bar{
    border-radius: 5px;
    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;
}
#pancard-verification-tab .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 30px 0 9px;
}

.icon_content{
    padding: 12px;
    background-color: transparent;
    border: none;
    width: 63px;
    position: relative;
    display: block;
    border-radius: 100px;
    height: auto;
    float: none;
    box-shadow: none;
    margin: 9px auto;
    height: 63px;
    background-color: #fff;
    box-shadow: 2px 1px 10px #b1b1b1;
}
.dashboard_content .main_journey_panel .demo .panel-default {
    border-color: #ddd;
    background: #e12f53;
    box-shadow: 8px 6px 8px #aaa8a83d;
    color: #000;
    background-color: #fde7f9;
    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{
    background-color: #ffd200;
}

.icon_content.green_icon{
    background-color: #06e42b;
}

.dashboard_content .main_journey_panel .demo .panel-default h4 span{
    color: #000;
    font-weight: 900;
}

@media(min-width: 769px){
    #residence_proof_upload .dropdown-content-bond img {
        float: none;
        width: 84% !important;
        margin: 0 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 !important;
}


#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: #c5dff7;
    border-radius: 6px;
    height: auto;
    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;
}

.apply_nw1_loan_application .percent_loanapp {
    float: none;
    border: none;
    border-radius: 0;
    top: 1px;
    font-size: 13px;
    font-weight: 700;
    right: 0;
    position: relative;
    padding: 0;
    background-color: transparent;
    color: #fff;
    box-shadow: 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;
}

.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;
}

.dashboard_content .history p,.support p {
    margin: 0;
}

/*responsive*/

@media(max-width: 767px){
    .dashboard_content{
        width: 100%;
        margin-left: 0;
        float: left;
    }
    #registration-steps .card .card-body span img {
        top: 39%;
    }
    .dashboard_content .main_journey_panel .nav-stacked li .icon_content {
        padding: 2px;
        display: block;
        margin: 8px 9px 0 4px;
        height: auto !important;
        float: none;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    .dashboard_content .main_journey_panel .nav-stacked li .icon_content img {
        border: solid 3px #fff;
        border-radius: 100px;
        background-color: #fff;
        padding: 0;
        /* margin: 10px; */
    }
    .dashboard_content .apply_nw {
        height: 100%;
        width: 100%;
        float: left;
        margin: 5% 0 0 0;
    }
    .main_journey_login_panel #login p {
        color: #fff;
        margin: 6px 0;
    }
    .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: 9px auto !important;
        background-color: #fff;
        float: none;
        border: solid 5px #fff;
        height: auto;
        float: left;
        width: auto;
    }
    .main_journey_panel .demo .nav-stacked>li {
        margin: 4px 0 !important;
    }
    #registration-steps .nav-stacked li {
        padding: 14px 10px !important;
    }
    .apply_nw h2{
        font-size: 19px !important;
    }
    .dashboard_content {
        margin-top: 44px;
    }
    .dashboard_content h2 {
        padding: 2% 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;
        width: 100%;
        float: left;
        height: 100%;
    }
    .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;
    }
    #personal_details h2 {
        padding: 5% 0 !important;
        line-height: 11px !important;
        text-align: center;
    }
    .main_journey_login_panel {
        padding: 0;
        margin-top: 0;
    }
    .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% 0 3%;
    }
    #personal_details {
        background-color: transparent;
        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: 14px 1px 5px 1px;
        color: #fff !important;
    }
    #registration .col-md-6 img {
        display: none;
    }
    .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  #loan-application  .nav-stacked li .icon_content img{
        width:auto !important;
        height: 39px !important;
    }
    .dashboard_content #loan-application h2 {
        padding: 0;
        color: #b2b2b2;
        margin: 0;
        text-transform: uppercase;
        font-size: 23px !important;
        font-weight: 900 !important;
        font-size: 19px !important;
        line-height: 32px !important;
        text-align: center;
    }
    #loan-application .nav-stacked li{
        height: 100% !important;
        padding-bottom: 20px !important;
    }
    .dashboard_content .main_journey_panel #loan-application .nav-stacked li .icon_content {
        padding: 0;
        display: block;
        margin: 8px 9px 0 4px;
        height: auto;
        float: none;
        background-color: transparent;
        border: none;
    }
    .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;
    }
}
@media(max-width: 991px){
    .busnes-img{
        display: none;
    }
}

.dashboard_content .nav li.active a{
    background-color: #006391 !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 (min-width: 768px){
    #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 {
        padding: 13px !important;
        font-size: 12px;
    }
    .dashboard_content h2 {
        padding: 2% 0 !important;
    }
}
@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;
    }
    .interest_main{
        display: none;
    }
    #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: 6px !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;
    }
    .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;
}

.main_journey_panel #bank-statement{
    font-size: 15px !important;
}

#registration-steps .nav-stacked li p{
    font-size: 12px;
    margin: 0;
    color: #fff;
    line-height: 15px;
}




.expandContainer .progress {
    margin: 0;
}

/*******************Default CSS******************/

/*body {
    padding:0;
    margin:0;
    /* font:1em/1.4 Cambria, Georgia, sans-serif; 
    color:#333;
    background:#fff;
}
*/

/* a:link,
a:visited {
    border-bottom:1px solid #c55500;
    text-decoration:none;
    color:#c55500;
}

a:visited {
    border-bottom:1px solid #730800;
    color:#730800;
}

a:hover,
a:focus,
a:active {
    border:0;
    color:#fff;
    background:#c55500;
}

a:visited:hover,
a:visited:focus,
a:visited:active {
    color:#fff;
    background:#730800;
}*/

#container {
    width:500px;
    padding:0 0 50px;
    margin:0 auto;
}

h1 {
    margin:1em 0 0;
    font-size:2.5em;
    font-weight:normal;
    line-height:1.2;
    text-align:center;
}

h2 {
    margin:0.5em 0 1.5em;
    font-size:1.25em;
    font-weight:normal;
    font-style:italic;
    text-align:center;
}

p {
    margin:1em 0;
}

.content h2 {
    margin:2em 0 0.75em;
    font-size:2em;
    font-weight:bold;
    font-style:normal;
    text-align:left;
}

blockquote {
    margin:1em 0;
}

blockquote p {
    margin:0;
    font-size:2em;
}

.follow {
    clear:both;
    margin-top:2em;
    font-size:1.125em;
}

.follow span {
    font-weight:bold;
}



/*
 Should you want to set a background colour on a containing element
 certain types of bubble effect may require you to include these
 style declarations.
*/
.content {
    position:relative;
    z-index:1;
}


.main_journey_login_panel {
    padding: 5% 0;
    margin-top: 4%;
}
.main_journey_login_panel .right_image_main #login h2{
    color: #797777;
    margin: 0;
    font-size: 28px;
}
.main_journey_login_panel .right_image_main {
    height: 500px;
}
.main_journey_login_panel .right_image_main{
    background: #fff;
    /*background: linear-gradient(90deg, rgb(218 217 217) 1%, rgb(241 241 241) 9%, rgb(230 229 229) 91%, rgb(243 243 243) 102%) !important;*/
}






@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .main_journey_login_panel input {
        font-weight: 400;
        font-size: 12px;
        width: 79% !important;
        text-transform: lowercase;
    }
}




#registration-steps .nav-stacked{
    float: left;
    width: 100%;
    padding:0;
    display: block;
}

#registration-steps .nav-stacked li{
    padding: 0 10px 0 10px;
    margin-bottom: 11px;
    float: left;
    border: solid 1px #eee;
    height: 355px;
    margin: 0;
    background-color: #006391;
    margin-right: 0 !important;
}
#registration-steps .nav-stacked li:hover {
    box-shadow: none;
}
#registration-steps .nav-stacked li:before {
    width: 100%;
    height: 0%;
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #27346a;
    transition: .5s;
}

#registration-steps .nav-stacked li:after {
    left: -50px;
    bottom: -50px;
}
#registration-steps .nav-stacked li:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 10px solid #fff;
    left: -80px;
    bottom: -80px;
    border-radius: 50%;
    z-index: -1;
    opacity: .15;
    transition: .5s;
}


.card .card-body .text-left span{
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 600;
    text-align: center !important;
}

.card .card-body {
    padding: 0 1.25rem;
}
.card .card-body a:hover, a:focus, a:active {
    border: 0;
    color: #000;
    border-radius: 8px;
}

#registration-steps .card .card-body span img{
    float: none;
    right: 0;
    position: relative;
    width: 28px;
    background-color: #fff;
    border-radius: 100px;
    border: solid 2px #fff;
}


.card .icon_content img{
    width: 100%;
    height: 100%;
}

.bg_registration{
    background-color: #eee;
}


.demo .nav-stacked li h4 {
    margin-top: 7px;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 14px;
}
.demo .nav-stacked li h4 a{
    border-bottom: transparent !important;
    text-decoration: none !important;
    color: #fff;
    outline: none !important;
}

#registration-steps .card .card-body a:hover{
    border: 0;
    color: #fff;
    background: transparent !important;
    border-radius: 8px;
}

@media(max-width: 768px){
    #user-profile{
        display: none;
    }
    #registration .col-md-4 img{
        position: relative !important;
    }
    .dashboard_content {
        margin-top: 0;
    }
    #registration-steps .nav-stacked li {
        height: 100%;
        width: 100% !important;
    }
    #loan-application .nav-stacked li{
        width: 100% !important;
        text-align: center;
    }
}



#registration-steps .nav-stacked li{
    transition: 0.3s;
}
#registration-steps .nav-stacked li:hover {
    transform: translate(0, -10px);
}
#loan-application .nav-stacked li{
    transition: 0.3s;
}
#loan-application .nav-stacked li:hover {
    transform: translate(0, -10px);
}
#loan-application .nav-stacked li {
    padding: 0 10px 14px 10px;
    margin-bottom: 11px;
    width: 48%;
    float: left;
    border: solid 1px #eee;
    height: 234px;
    margin-right: 10px;
    background-color: #006391;
}

#loan-application .nav-stacked li p {
    font-size: 14px;
    margin: 0;
    color: #fff;
}
#loan-application .card .card-body span img {
    float: none;
    right: 0;
    position: relative;
    width: 28px;
    background-color: #fff;
    border-radius: 100px;
    border: solid 2px #fff;
}
#loan-application .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0.25rem;
}
#loan-application .nav-stacked li:first-child{
    background-color: transparent;
    border: none;
    height: auto;
    width: 100% !important;
}
#loan-application .nav-stacked li:first-child:hover {
    transform: none;
}
#loan-application .card .card-body{
    text-align: center;
    padding: 0;
}
#loan-application .demo .nav-stacked li h4{
    text-align: center;
}
#messages-v .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #ffffff;
}
#loan-application .nav-stacked li{
    width: 24%;
}
#registration .apply_nw1_loan_application{
    height: 137px;
}

.apply_nw1 a:link, a:visited {
    border-bottom: transparent !important;
    text-decoration: none !important;
 
    outline: none !important;
}




@media(min-width:768px){
    .interest_main{
        display: none;
    }
}

#residence_proof_upload .drop_box{
    flex-direction: row;
}
#residence_proof_upload .card{
    box-shadow: none !important;
}
#residence_proof_upload .options_img1 span{
    width: auto !important;
}

.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);
    }
}
.footer-bharatloan {
    z-index: 11;
    position: relative;
}
.copyrihgt-footer {
    z-index: 11;
    position: relative;
}
.my-footer-cl{
    z-index: 11;
    position: relative;
}
#registration .apply_nw1_loan_application {
    height: auto;
    position: relative;
}
.main_journey_panel .radio_main input {
    height: auto;
}
@media(min-width: 768px){
    #registration-steps .nav-stacked li{
        height: 138px;
        display: block;
    }
    #residence_proof_upload .dropdown-content-bond img {
        width: 69% !important;
    }
    #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{
        padding: 0 13px;
        font-size: 12px;
    }
    #profile-data .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        color: #fff;
    }
}
@media(max-width: 767px){
    #registration-steps .nav-stacked li{
        height: 100%;
        display: block !important;
    }
}
#registration-steps .nav-stacked li{
    text-align: left;
    margin: 10px;
    width: 343px;
    margin-right: 10px;
    display: flex;
    align-items: flex-start;
    border: solid 3px #c1dbf2;
    margin-bottom: 0;
}

.main_bg #selfie_upload .confirm_location .input-group-addon:first-child{
    height: 50px;
}

@media(max-width: 768px){
    #registration-steps .icon_content img{
        width: 100%;
        float: left;
        text-align: center;
        background-color: transparent;
        border: none;
    }
    .dashboard_content .main_journey_panel .nav-stacked li .icon_content {
        height: 45px !important;
        width: 45px !important;
        margin-right: 10px !important;
    }
}
#registration-steps .icon_content {
    padding: 7px;
    background-color: transparent;
    border: none;
    width: 45px;
    float: left !important;
    position: relative;
    display: block;
    border-radius: 100px;
    height: auto;
    float: none;
    box-shadow: none;
    margin: 10px 10px 0 0;
    height: 45px;
    background-color: #fff;
    box-shadow: 2px 1px 10px #b1b1b1;
}

#registration .apply_nw1_loan_application {
    margin: 11px;
}

#registration-steps .card .card-body span img {
    float: right;
    right: 6px;
    position: absolute;
    width: 28px;
    background-color: #fff;
    border-radius: 100px;
    border: solid 2px #fff;
    bottom: 8px;
    padding: 0;
}


#loan-application .box_loan_listing{
    padding: 0 10px;
    margin-bottom: 11px;
    margin: 9px 0 6px 10px;
    width: 18% !important;
}

#loan_quote .calculate_demo .range-slider{
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 30px 0 30px 0;
}
#loan_quote .calculate_demo .range-slider .range-value {
    -webkit-clip-path: polygon(25% 0%,100% 0%,75% 100%,0% 100%);
    clip-path: polygon(0 0%,100% 0%,100% 100%,0% 100%);
}

.expandContainer .tab {
    background-color: #fff;
    font-family: 'Titillium Web',sans-serif;
    padding: 0;
    border-radius: 10px;
    float: left;
    width: 100%;
}

@media(min-width: 1200px){
    .img_thumb_thanku{
        width: 33% !important;
        float: left;
        height: auto !important;
        position: absolute;
        right: 0 !important;
    }
}



#registration-steps .nav-stacked li{
    align-items: center;
}
#loan-application .nav-stacked li {
    width: 24%;
    align-items: flex-start;
    position: relative;
    display: grid;
    border-radius: 10px;
}
#loan-application .icon_content{
    margin: 9px auto 0 auto;
}
.main_journey_panel .right_image_main .resend a:hover, a:focus, a:active {
    border: 0;
    color: #fff;
    border-radius: 8px;
}


.ban_text h3 span{
    font-size: 90px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    margin: 3% 0;
    position: relative;
    width: 100%;
    float: left;
}
.wrapper_affiliate .welcm_slider{
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    background-color: #e7305a;
    border-radius: 5px;
    padding: 4px 10px;
}

.dashboard_nav a:hover, a:focus, a:active {
    background: transparent;
}


@media screen and (min-width: 768px){
    .banners-new .carousel-caption {
        right: 10%;
        left: 10%;
        padding-bottom: 127px;
    }

    .banners-new .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    }

    .banners-new .carousel-caption h3 {
        font-size: 45px;
        font-weight: 700;
        margin: 0!important;
        text-transform: capitalize;
        color: #fff;
    }
}

.banners-new .carousel-indicators {
    bottom: 86px;
}
.banners-new .carousel-indicators li {
    display: inline-block;
    width: 40px!important;
    height: 13px!important;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    display: inline-block;
    width: 40px!important;
    height: 13px!important;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
@media screen and (min-width: 768px){
    .banners-new .carousel-indicators {
        bottom: 54px !important;
    }
    .banners-new .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
}
@media screen and (min-width: 768px){
    .carousel-caption {
        right: 10%;
        left: 10%;
        padding-bottom: 127px !important;
    }
}
.banners-new {
    width: 100%;
    float: left;
    margin-top: -115px;
}




.banners-new .carousel-caption h3 {
    font-size: 45px;
    font-weight: 700;
    margin: 0!important;
    text-transform: capitalize;
    color: #fff;
}
.banners-new .carousel-caption p {
    font-size: 29px;
    font-weight: 400;
    margin: 0!important;
}
.carousel {
    position: relative;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
    line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    .carousel-inner > .item.active.right,
    .carousel-inner > .item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .carousel-inner > .item.active.left,
    .carousel-inner > .item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .carousel-inner > .item.active,
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}
.carousel-inner > .next {
    left: 100%;
}
.carousel-inner > .prev {
    left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}
.carousel-inner > .active.left {
    left: -100%;
}
.carousel-inner > .active.right {
    left: 100%;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.9;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}
.carousel-control .icon-prev:before {
    content: "\2039";
}
.carousel-control .icon-next:before {
    content: "\203a";
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff !important;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
    text-shadow: none;
}
@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }
    .carousel-caption {
        right: 10%;
        left: 10%;
        padding-bottom: 127px;
    }
    .carousel-indicators {
        bottom: 54px;
    }
}

.our-blogs .input-group {
    width: 100% !Important;
}
.input-group-addon:first-child {
    border-right: 0;
    background: #e7305a;
    color: #fff;
    padding: 14px;
    width: 45px;
    display: inline-grid;
    float: left;
    border-radius: 3px 0 0 3px !important;
}
.form-control {
    height: 50px !important;
    border-radius: 4px !important;
    /* background-color: #bce0fd; */
    border: none;
}
.contact-us-input {
    position: relative;
    z-index: 2;
    float: left;
    width: 223px!important;
    margin-bottom: 0;
    border-radius: 0 3px 3px 0!important;
}
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e7305a;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.contact-us-input {
    position: relative;
    z-index: 2;
    float: left;
    width: 223px;
    margin-bottom: 0;
    border-radius: 0 3px 3px 0!important;
}
.error-me {
    color: red!important;
    font-size: 9px!important;
    margin-top: 2px!important;
    width: auto!important;
    float: left!important;
    position: absolute!important;
}
.our-blogs h2 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 30px;
    margin: 6px 0;
    font-style: inherit;
    text-align: left;
    padding-bottom: 10px;
}
.hr-calculateor {
    width: 60px;
    border: none!important;
    margin: 2px 0;
    height: 3px;
    background: #e42256;
    margin-bottom: 13px;
}


@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){
    .carousel-caption h3 {
        font-size: 15px !important;
        font-weight: 700;
        line-height: 22px !important;
        margin: 0!important;
    }

    .about-banner {
        padding: 38px 0 3px!important;
    }
    .applyt_btn {
        color: #fff;
        margin: 10px 0 0 auto;
        width: auto;
    }
    .carousel-caption {
        right: 15%;
        bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .carousel-caption p{
        font-size: 20px !important;
    }
    .banners-new .carousel-indicators {
        bottom: 0;
    }
    .bharatloan-top-menu .bharatloan-apply-button {
        right: 58px !important;
        top: -50px !important;
        border-radius: 6px;
        border: solid 2px #cb2d51;
        padding: 9px 12px;
    }
    figure.effect-oscar h2 {
        margin: 0 0 10px;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        font-weight: 700;
        font-size: 22px;
        line-height: 55px;
    }
}



#user-profile{
    float: right;
    padding-top: 0;
    align-items: center;
    display: inline-flex;
    position: relative;
    font-size: 14px;
}


#registration .card .card-body {
    padding: 0;
    padding: 0 30px 0 9px;
}
@media(max-width: 768px){
    #user-profile{
        display: none;
    }
    .dashboard_nav img{
        width: 98px !important;
        margin: 0 0 0 9px;
    }
}
.tab {
    background-color: #fff;
    padding: 12px !important;
    border-radius: 10px;
    width: 100%;
    float: left;
    font-family: 'Poppins',sans-serif !important;
}
.main_journey_panel .img-responsive {
    margin: 0 auto;
}

.main_journey_panel #selfie_upload .confirm_location {
    background-color: #006391;
    border-radius: 4px;
    padding: 5% 11px;
}
.main_journey_panel #selfie_upload .confirm_location h2{
    margin: 10px 0;
}



.thank_you_eligible img{
    width: 30% !important;
    margin: 0 auto;
}
.main_journey_panel .thank_you_eligible h2 {
    font-size: 27px !important;
    line-height: 45px !important;
    font-weight: 800 !important;
    margin-top: 5%;
}


#loan-application .nav-stacked li {
    text-align: left;
    margin: 10px;
    width: 338px !important;
    margin: 10px 0;
    display: grid;
    align-items: flex-start;
    border: solid 3px #c1dbf2;
    margin-bottom: 0;
}
#loan-application .icon_content{
    padding: 7px;
    background-color: transparent;
    border: none;
    width: 45px;
    float: left !important;
    position: relative;
    display: block;
    border-radius: 100px;
    height: auto;
    float: none;
    box-shadow: none;
    margin: 10px 10px 0 0;
    height: 45px;
    background-color: #fff;
    box-shadow: 2px 1px 10px #b1b1b1;
}
#loan-application .nav-stacked li p {
    font-size: 13px;
    line-height: 17px;
}
#loan-application .card .icon_content img {
    width: 100%;
    height: 100%;
}
#loan-application .card .card-body {
    padding: 0;
    padding: 0 30px 0 9px;
}
#loan-application .card .card-body span img {
    float: right;
    right: 6px;
    position: absolute;
    width: 28px;
    background-color: #fff;
    border-radius: 100px;
    border: solid 2px #fff;
    bottom: 8px;
    padding: 0;
}

#loan-application .apply_nw1_loan_application{
    width: 100%;
    margin: 0 0 1% 0;
}

.box_loan_listing{
    margin: 10px !important;
    height: 132px !important;
}

@media(min-width: 768px){
    .hidden-md.hidden-lg{
        display: none;
    }
}


.principal_cal li img{
    width: 26%;
}

.calculation_ptag{
    width: 100%;
    float: left;
    letter-spacing: 0;
}

.principal_cal p{
    font-size: 11px;
}


#loan-application .icon_content  img{
    width: 30px !important;
    height: 30px !important;
    object-fit: contain;
    object-position: center;

}
.main_journey_panel .documents-upload{
    margin-bottom: 0;
}

@media(max-width: 768px){
    #loan-application .nav-stacked li {
        width: 100% !important;
    }
    #selfie{
        display: none !important;
    }
    #selfie_upload .input-group .form-control {
        width: 50% !important;
        border-radius: 0 !important;
        margin-bottom: 10px;
    }
    .dashboard_content .main_journey_panel #loan-application .nav-stacked li .icon_content img {
        width: 39px !important;
        height: 39px !important;
        border: none;
    }
    #loan-application .nav-stacked li {
        display: flex;
        align-items: baseline;
        padding: 10px 6px;
    }
    .dashboard_content .main_journey_panel #loan-application .nav-stacked li .icon_content{
        box-shadow: none;
    }
    #loan-application .nav-stacked li {
        display: flex;
        align-items: flex-start;
        padding: 13px 6px 15px 10px !important;
    }


    #residence_details h2 {
        padding: 1% 0 !important;
        font-size: 16px !important;
        text-align: center;
    }
    .switch {
        width: 152px;
    }
    .switch-handle.active {
        left: 127px;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    .dashboard_nav img {
        margin: 0 0 0 9px !important;
    }
    .ekyc_verification .btn_upload{
        float: none !important;
    }
    .main_journey_panel .documents-upload p strong {
        font-weight: 200;
        color: #fff;
        letter-spacing: 1px;
        font-size: 15px;
        text-align: center;
    }
}



.career_img {
    padding: 196px 0 43px;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -121px;
    background: linear-gradient( rgb(0 99 145 / 82%) 100%, rgb(0 0 0)100%),url(https://templates.hibootstrap.com/jovie/default/assets/img/banner/2.jpg);
    background-position: left;
    overflow: hidden;
    background-size: contain;
}
.bharat-loan-about h3 {
    text-align: left;
    line-height: 43px;
    color: #0e0e0e;
    font-size: 37px;
    font-weight: 700;
    text-transform: capitalize;
}
.career_img h2 {
    z-index: 9;
    position: relative;
    color: #fff;
    font-size: 39px!important;
    margin-bottom: 0;
}
.career_img p {
    z-index: 9;
    position: relative;
    color: #fff;
}


.career_mainarea{
    width: 100%;
    float: left;
    padding: 50px 0;
    margin: 0;
}
.apply_nw1 a:focus, a:hover {
    text-decoration: none;
}
#apply-now h2 {
    margin: 10px 0;
    font-size: 1.25em;
    line-height: 42px;
    text-align: left;
    font-weight: 600;
}
.career_mainarea .title1{
    text-align: left;
    line-height: 20px;
    color: #0e0e0e;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    box-shadow: 0 0 13px #00000005;
    padding: 14px !important;
    overflow: auto;
    background-color: #eee;
    border-left: solid 15px #00547b;
}
.career_innertable{
    border-top: solid 1px #ddd;
    background: linear-gradient( rgb(88 88 88 / 82%) 100%, rgb(0 0 0)100%), url(https://www.bharatloan.com/public/images/about-us-image-career.jpg) fixed center !important;
}

.ac_tbl{
    background-color: #005379;
    color: #fff;
}
.career_innertable .bordered td:hover,
.career_innertable .bordered th:hover,
.career_innertable .bordered tr:hover{
    color: #000;
}
.career_innertable .apply-now-buttonn{
    border-bottom: transparent !important;
    text-decoration: none !important;
    color: #ffffff;
    outline: none !important;
    background-color: #e7305a;
    padding: 5px 20px;
    border-radius: 7px;
}
.career_innertable .bordered th,
.career_innertable .bordered td{
    padding: 22px 5px;
}
.career_innertable .bordered{
    border: none !important;
}
.career-row .form_my input{
    width: 100%;
    float: left;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #aeaeae;
    font-size: 10px;
    height: 45px;
    padding: 10px;
    border-radius: 4px;
}
.career-row .form_my input,
.career-row .form_my textarea{
    width: 100%;
    float: left;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #aeaeae;
    font-size: 10px;
    padding: 10px;
    border-radius: 4px;
}
.career_frmmain2 .custom-file-label {
    position: inherit;
    top: auto;
    position: relative;
    width: 100%;
    float: left;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #aeaeae;
    font-size: 10px;
    padding: 10px;
    border-radius: 4px;
    margin: 0;
    height: 38px;
}
.career_frmmain2 .custom-file-input {
    margin-top: 0 !important;
    position: relative !important;
    border: 1px solid #aeaeae;
    font-size: 10px;
    padding: 10px;
    border-radius: 4px;
    margin: 0;
    height: auto !important;
}
#captImg img {
    border-radius: 3px 0 0 3px !important;
    width: 100%;
}









@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: 171px !important;
        float: left !important;
        display: flex;
        justify-content: center;
    }
}

@media(min-width: 769px){
    .for_desktop{
        display: block !important;
    }
    .for_mobile{
        display: none !important;
    }
}




/*.calculationindex{
    height: 500px;
}*/

.img_calculationindex{
    height: 536px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    width: 100%;
}

@media(max-width: 767px){
  .loan-emi .thumbnail {
    height: auto;
}
.busnes-bharatloan .thumbnail {
    background: #fff;
    box-shadow: 0 7px 12px 0 #0a0000;
    border: none;
    padding: 25px 7px 20px;
    height: 487px;
    max-height: 487px;
    min-height: 528px;
    border: solid 1px #fdfdfd;
}
}


@media(min-width: 769px) and (max-width: 992px){
.about-homee .thumbnail {
    height: 405px;
    max-height: 412px;
    min-height: 450px;
}
}

.main_bg{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image:  url(../images/bg_mainimg.jpg);
}


.executive_details {
    background: #ffffff !important;
    padding: 21px;
    margin: 5% 0;
    border-radius: 10px;
    border-color: #5b7799;
    border-style: solid;
    border-width: 0 0 4px 5px;
    overflow: hidden;
    width: 100%;
    float: left;
    box-shadow: 2px 1px 10px 2px #00000036;
}

.executive_details .video_main{
    float: none;
    width: 80%;
    margin: 17px auto;
    border-radius: 13px;
}
.executive_details h1 {
    text-transform: uppercase;
    font-weight: 900;
    color: #000;
    text-align: left;
    letter-spacing: 2px;
    padding: 0 0 0 10px;
    margin-bottom: 9px;
    font-size: 20px;
    border-left: solid 10px #e12f53;
    margin: 0;
}
.executive_details img{
    width: 261px;
    margin: 0;
    border-radius: 10px;
    float: right;
}
.executive_details p{
    font-size: 16px;
    line-height: 21px;
    color: #e7305a;
}
.executive_details .background{
    width: 430px;
    height: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    margin-bottom: 10px;
}
.executive_details .background .shape{
    height: 200px;
    width: 200px;
    position: absolute;
    border-radius: 50%;
}
.executive_details .shape:first-child{
    background: linear-gradient(
        #1845ad,
        #23a2f6
        );
    left: -80px;
    top: -80px;
}
.apply_nw1 a:focus, a:hover {
    color: #ffffff;
    text-decoration: none;
}
.apply_nw1 .percent_loanapp {
    top: -15px;
}
.executive_details .shape:last-child{
    background: linear-gradient(
        to right,
        #ff512f,
        #f09819
        );
    right: -30px;
    bottom: -80px;
}
.executive_details form{
    height: auto;
    width: 100%;
    background-color: transparent;
    position: relative;
    transform: translate(-50%,0);
    top: 8px;
    left: 48%;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255,255,255,0.1);
    padding: 0 8px 0 6px;
    text-align: center;
}
.executive_details form *{
    font-family: 'Poppins',sans-serif;
    color: #ffffff;
    letter-spacing: 0.5px;
    outline: none;
    border: none;
}

.executive_details label{
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
}

.executive_details .submit1_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;
}
::placeholder{
    color: #e5e5e5;
}


.video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}
.video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-container video {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.video-container .play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.video-container .play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}
.video-container .play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    fill: #c52c52;
    stroke: #e12f53;
    cursor: pointer;
    background-color: rgb(255 255 255);
    border-radius: 50%;
    opacity: 1;
}

.support_rightmain{
    margin-top: 0;
    display: flex;
    justify-content: left;
    align-items: left;
    background-color: #eee;
    width: 100%;
    float: left;
    height: 100%;
    background: #0000993d url(../images/custom-background.jpg);
    background: transparent;
    background-size: cover;
    background-position: center;
    border-radius: 7px;
    box-shadow: none;
}

.play-gif::before{
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite;
}
.dashboard_content .support {
    padding: 7% 30px;
}
.tutorial_text {
    float: right;
    position: relative;
    background-color: #ffffff;
    display: block !important;
    padding: 5px 6px;
    border-radius: 4px;
    color: #032e63;
    font-size: 12px;
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.tutorial_text img {
    width: 29px;
    float: none;
    border-radius: 0;
}

.apply_nw1 .vdo_text{
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.apply_nw1 .video_button{
    padding: 0;
}

#profile-data .details_tabs {
    height: 446px;
}
.profile_img.img-section {
    height: 446px;
}
#profile-data .next_btn_panel{
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
}


.executive_details .executive_content {
    background-color: #fefefe;
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
    width: 100%;
    float: left;
}
.executive_details .executive_content input {
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #616161;
    letter-spacing: 0;
    border: transparent;
    background-color: #eee;
}
#profile-data .details_tabs .content_details {
    margin: 0;
}
@media(max-width: 767px){
    .apply_nw1 .vdo_text {
        display: block;
        text-align: center;
    }
    .apply_nw1 .video_button {
        padding: 0;
        float: none;
    }
    .vdo_text .applyt_btn{
        float: left;
        width: 100%;
    }
    #pancard_verification .pan_box h2 {
        text-align: center !important;
    }
    .executive_details .execute_btn{
        display: flex;
        justify-content: space-between;
        align-items: center;
        float: left;
        width: 100%;
        float: left;
    }
}


@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .apply_nw1 .vdo_text {
        display: block;
        text-align: center;
    }

    #pancard_verification .pan_box h2 {
        text-align: center !important;
    }
}
.apply_nw1 .video_button {
    padding: 0;
    float: right;
}

@media screen and (min-resolution:0) and (max-resolution:.001dpcm) {
    .bank_upload .drop_box {
        display: block;
        width: 100%;
        float: left;
        justify-content: center;
        align-items: center;
        margin: 16px 0;
    }
}



.bank_upload .drop_box{
    display: flex;
    width: 100%;
    float: left;
    justify-content: center;
    align-items: center;
    margin: 16px 0;
}
.drop_box img{
    width: 21%;
    padding: 0 10px 0 0;
}
.bank_upload .drop_box .aadhaar_upload{
    font-size: 13px;
    color: #fff;
}


.bank_upload .card {
    margin: 2px auto;
    text-align: center;
    max-width: 900px;
    padding: 0;
}

#exTab3 .aadhaar_uploadbtn{
    display: block;
    width: auto;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #616161;
    letter-spacing: 0;
    border: transparent;
    margin: 10px auto;
}


#exTab3 h2{
    padding: 3% 0 !important;
}
#exTab3 .options_img{
    font-size: 10px !important;
    text-transform: none;
    font-weight: 500 !important;
    letter-spacing: 0;
}
#exTab3 .options_img span{
    padding: 0 4px;
    color: #fff;
    text-shadow: none;
    width: auto;
    position: relative;
    display: block;
    float: left;
    line-height: 17px;
    text-align: left;
}

@media(max-width: 767px){
    .bank_upload .drop_box {
        display: block;
        width: 100%;
        float: left;
        justify-content: center;
        align-items: center;
        margin: 16px 0;
    }
    .bank_upload .drop_box {
        display: block;
        width: 100%;
        float: left;
        justify-content: center;
        align-items: center;
        margin: 16px 0;
    }
    .drop_box img {
        width: 36%;
        padding: 0;
    }
    .bank_upload btn{
        padding: 0;
    }
    #exTab3 .aadhaar_uploadbtn {
        margin: 0;
    }
    .main_journey_panel .confirm_location p {
        text-align: center;
        font-size: 10px !important;
    }
    .card .card-body .text-left span {
        margin-top: 7px;
        margin-bottom: 7px;
        font-weight: 600;
        text-align: center !important;
    }
    #loan-application .card .card-body {
        padding: 0 33px 0 9px !important;
    }
    .executive_details img {
        width: 100%;
        margin: 13px 0 0 0;
        float: right;
    }
    .mobile-app p img{
        width: 47% !important;
    }
    .dashboard_content h2 {
        text-align: center;
    }
    .dashboard_content .apply_nw  h2 {
        text-align: left !important;
    }
    .dashboard_content .apply_nw1 h4 {
        letter-spacing: 0;
        text-align: center;
        font-size: 20px;
    }
    .executive_details .executive_content input {
        background-color: transparent;
        text-transform: capitalize;
        font-size: 10px;
        font-weight: 500;
        padding: 3px 3px;
        text-align: center !important;
    }
    .applyt_btn {
        color: #fff;
        margin: 0 8px;
        width: auto;
    }
    .executive_details {
        background: #ffffff !important;
        padding: 0;
        margin: 5% 0;
        border-color: transparent;
        overflow: hidden;
        width: 100%;
        text-align: center;
        border-width: 0;
    }
    .executive_details .executive_content {
        padding: 0;
        margin: 10px 0;
        width: 100%;
        float: left;
    }
    .executive_details h1 {
        color: #fff;
        text-align: center;
        letter-spacing: 2px;
        padding: 10px;
        margin-bottom: 9px;
        font-size: 20px;
        border-left: solid 10px #e12f53;
        margin: 0;
        background-color: #e12f53;
    }
    .vdo_text .applyt_btn {
        float: left;
        width: 100%;
        margin: 5px 0;
    }
    .apply_nw1 .video_button {
        padding: 0;
        float: none !important;
    }
}

.eligi_reject{
    margin: 9% 0 2% 0;
}

.sticky .bharatloan-social i{
    color: #000000 !important;
    padding: 0 4px !important;
}



.loan_emiimg{
    width: 100%;
    padding: 0;
    border-radius: 20px;
    object-fit: cover;
    object-position: center;
    height: 543px;
}


.eligibility-criteria .spacing_main{
    padding: 30px;
    border-radius: 12px 0 12px 0;
    height: 377px;
}

.about-homee .col-md-12 .thumbnail{
    height: auto;
    max-height: auto;
    min-height: auto;
}
.about-homee .tag, .tags{
 z-index: 9;
    position: relative;
}
.about-homee .col-lg-4 .thumbnail{
    height: 405px;
    max-height: 405px;
    min-height: 405px;
    z-index: 9;
    position: relative;
}

@media(max-width: 767px){
    .about-homee .thumbnail {
        max-height: auto !important;
        min-height: auto !important;
    }
    .btn_eligibility_success {
        margin-top: 15px;
        width: 100%;
        float: left;
    }
    .principal_cal p {
        font-size: 9px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .ace-responsive-menu > li > a {
        margin: 16px 0 0 16px;
        padding: 3px 3px;
        font-size: 13px;
    }
}
.social_mainbtn{
    display: flex;
    justify-content: space-around;
    align-content: center;
}


@media (min-width : 768px){
    .desktop_interest_hide{
        display: block !important;
    }
    .mobile_interest_hide{
        display: none !important;
    }
}

@media (max-width : 768px){
    .desktop_interest_hide{
        display: none !important;
    }
    .for_mobile {
        display: flex !important;
    }
    .mobile_interest_hide{
        display: block !important;
    }
    .dashboard_content.expandContainer p{
        padding: 5% 0 0 0;
    }
}


/* 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;
}

#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 .mr_t_brand .span3 {
    margin: 5% 0;
}
.brand_page .timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 10px 0;
    border-radius: 6px;
    align-self: flex-start;
    width: 100%;
    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: 100%;
    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%;
    }
}










/* 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: 100%;
    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: #006391;
    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: none;
    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;
    height: 263px;
    object-fit: fill;
    object-fit: cover;
}

.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;
    border: none;
    letter-spacing: 0;
}

.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;
    max-width: 19%;
}

.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 .step .row {
    margin: 0 !important;
}
.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: center;
}

.wrapper_affiliate .services-web img {
    border-radius: 4px;
    left: 0;
    width: 100%;
    height: 50px;
    border: 0;
    margin-bottom: 10px;
}



.wrapper_affiliate .services-web p {
    text-align: center;
    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: 89px 0;
    background: #f9f9f9;
    margin: 0;
    padding: 2% 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;
    }

    .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;
        max-width: 19%;
    }

    .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: 620px;
}
.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;
}




.ban_sec {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    height: 700px;
    background: linear-gradient(180deg, rgb(29 55 139) 20%, rgb(1 42 90) 100%);
    z-index: 9;
}
.typed-cursor{
    color: #fff;
}
.ban_sec .ban_text{
    border-radius: 25px;
    padding-left: 30px;
    padding-right: 30px;
    /* background-color: #1e2754;
    background-image: linear-gradient(1deg,#1e2754,#273eaf); */
    letter-spacing: 1px;
    left: 10%;
    z-index: 9;
}
.ban_sec .ban_text h1 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    position: relative;
    padding: 10px;
}
@media only screen and (min-width: 768px) {
    .ban_sec .ban_text h1 {
        font-size: 40px;
        padding: 10px 20px;
    }
}
@media only screen and (min-width: 992px) {
    .ban_sec .ban_text h1 {
        font-size: 50px;
    }
}
@media only screen and (min-width: 1170px) {
    .ban_sec .ban_text h1 {
        font-size: 72px;
    }
}

.ban_sec #canv{
    position: absolute;
    z-index: 1;
    opacity: .2;
}
.ban_sec .onemore span {
    animation-delay: 2s;
    font: 800 80.22px/89px "Montserrat", sans-serif;
    color: #ffffff;
}
.ban_img {
    width: 100%;
    position: relative;
    height: 700px;
}
.ban_img img {
    width: 100%;
}
.ban_sec .right_img{
    position: absolute;
    z-index: 99;
    width: 59%;
    float: right;
    right: -15em;
    top: 30px;
}
.ban_text {
    position: absolute;
    top: 41%;
    left: 6%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ban_text strong {
    font: 800 79.22px/99px "Montserrat", sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: -webkit-linear-gradient(180deg,#193061,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ban_text strong span {
    font: 400 21.44px/52px "Montserrat", sans-serif;
    letter-spacing: 3px;
}
.ban_text p {
    font: 700 25px/30px "Montserrat", sans-serif;
    color: #e12f53;
    margin: 7px 0 25px;
}
.ban_sec .ban_img::before{
    background: url(../images/h3_price.png);
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -44em;
    top: 79%;
    z-index: 999;
    background-repeat: no-repeat;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover .7s infinite alternate;
}
.ban_sec .ban_img::after{
    background: url(../images/hero-shape-2-1.png);
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -42em;
    top: 9%;
    z-index: 999;
    background-repeat: no-repeat;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.ban_text a {
    display: inline-block;
    font: 800 19.39px/24px "Montserrat", sans-serif;
    background: #e12f53;
    border-radius: 26px;
    top: 23px;
    position: relative;
    color: #fff;
    padding: 12px 28px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration:none;
}
.ban_text a:hover {
    background: #f5f7f4;
    color: #000;
    text-decoration: none;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .ban_text p {
        font-size: 21px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ban_text p {
        font-size: 17px;
    }
    .ban_text strong {
        font-size: 50px;
        line-height: 60px;
    }
    .ban_text strong span {
        font-size: 37px;
    }
    .ban_text a {
        font-size: 16px;
        line-height: 19px;
    }
}

@media only screen and (max-width: 991px) {
    .ban_text strong {
        font-size: 35px;
        line-height: 40px;
    }
    .ban_text strong span {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 2px;
    }
    .ban_text p {
        font-size: 14px;
        line-height: 20px;
    }
    .ban_text a {
        font-size: 13.39px;
        line-height: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .ban_img img {
        min-height: 290px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 575px) {
    .ban_text strong {
        background: rgba(0, 0, 0, 0.8);
        padding: 10px;
        width: 100%;
        display: block;
    }
}
@media only screen and (max-width: 480px) {
    .ban_text strong span {
        font-size: 22px;
        line-height: 31px;
        letter-spacing: 1px;
    }
    .ban_text {
        left: 2%;
    }
}


.dot_slide{
    position: absolute;
    display: block;
    height: 1000px;
    width: 1000px !important;
    opacity: 1;
    transform-origin: 50% 50%;
    min-height: 870px;
    min-width: 872px;
    transform: perspective(600px) translate3d(0px, 0px, 0px) rotate(216deg);
    filter: none;
    top: -10em;
    left: -30em;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 15s linear infinite;
    -moz-animation: rotating 15s linear infinite;
    -ms-animation: rotating 15s linear infinite;
    -o-animation: rotating 15s linear infinite;
    animation: rotating 15s linear infinite;
}


.ov_flow{
overflow: hidden;
}



/*news*/

.review_content{
    height: 156px;
    margin: 0;
    text-align: left;
    border-radius: 15px;
}
@media(max-width: 767px){
.blogs-home-main .thumbnail {
    height: 100% !impotant;
    min-height: auto !impotant;
}
.news_list_bharat .post-review a {
    color: #020202;
    text-decoration: none;
}
.news_list_bharat .buttona:hover
{
    background: #e12f53!important;
    color:#fff !important;
    text-decoration:blink;
}

.blogs-home-main{
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 0;
}
.blogs-home-main h3{
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    text-transform:uppercase;
    transition: all 0.50s ease 0s;
}
 @media(max-width: 767px){
.blogs-home-main .thumbnail {
    height: 100% !impotant;
    min-height: auto !impotant;
}
.news_list_bharat .post-slide .post-info{
    list-style:none;
    padding: 0px 0 0 0;
    margin:0 0 7px 0;
    text-align: left;
    color: #032e63;
}
.news_list_bharat .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_bharat .post-slide .tag-info li{
    list-style:none;
    display: inline-block;
}
.news_list_bharat .post-slide .tag-info li a{
    color:#808080;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .tag-info li a:hover{
    color:#1f80bb;
    text-decoration:none;
}
.news_list_bharat .post-slide .post-description{
    color: #828282;
    font-size: 14px;
    padding:5px 25px;
    line-height: 25px;
}
.news_list_bharat .post-slide .read-more{
    color:#333;
    float: right;
    font-weight: bold;
    margin-right:25px;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .read-more:hover{
    color:#1f80bb;
    text-decoration:none;
}
.loan_emiimg {
    width: 100%;
    padding: 0;
    border-radius: 20px;
    object-fit: cover;
    object-position: center;
    height: 543px;
}

#shortlbl {
    font-size: 19px;
    color: #000;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: right;
    width: 100%;
    padding: 55px 0px;
    margin: 0px;
    background: #f7f7f7;
}
.news_list_bharat h3 {
    text-align: left;
    line-height: 43px;
    color: #0e0e0e;
    font-size: 37px;
    font-weight: 700;
    text-transform: capitalize;
}
.news_list_bharat .hr-simplee {
    width: 80px;
    border: none !important;
    margin: 0 auto;
    height: 3px;
    background: #e7305a;
    margin-bottom: 25px;
    margin-top: 7px;
    float: left;
}
#select {
    height: 36px;
    background: #d92d55;
    border: none;
    padding: 0px 14px;
    font-size: 18px;
    width: 166px;
    font-weight: bold;
    text-transform:uppercase;
    transition: all 0.50s ease 0s;
}
.news_list_bharat .post-slide .post-title a:hover{
    text-decoration: none;
    color:#1f80bb;
}
.news_list_bharat .post-slide .post-info{
    list-style:none;
    padding: 0px 0 0 0;
    margin:0 0 7px 0;
    text-align: left;
    color: #032e63;
}
.news_list_bharat .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_bharat .post-slide .tag-info li{
    list-style:none;
    display: inline-block;
}
.news_list_bharat .margin-prte a{
    color:#000;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .tag-info li a:hover{
    color:#1f80bb;
    text-decoration:none;
}
.pagination .page-link {
    font-size: 14px;
    line-height: 24px;
}
.news_list_bharat .post-slide .post-description{
    color: #828282;
    font-size: 14px;
    padding:5px 25px;
    line-height: 25px;
}
.news_list_bharat .post-slide .read-more{
    color:#333;
    float: right;
    font-weight: bold;
    margin-right:25px;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .read-more:hover{
    color:#1f80bb;
    text-decoration:none;
}




.thumbnail a:link, a:visited {
    border-bottom: transparent !important;
    text-decoration: none !important;
    color: #e7305a;
    outline: none !important;
}
.thumbnail a{
    font-size: 17px;
}
.about-banner p {
    z-index: 9;
    position: relative;
    color: #fff;
    border-radius: 6px;
}
select {
    word-wrap: normal;
}





.blogs_home {
    width: 100%;
    float: left;
    padding: 50px 0;
    margin: 0;
    background: #0c83b9;
    color: #fff;
}
.blogs_home .tag{
  color: #fff;
}
.blogs_home .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    border-radius: 15px;
    height: 576px;
    min-height: 576px;
}
.blogs_home .buttona {
    background: #032e63;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 5% 0;
    position: relative;
    float: right;
}
.blogs_home h3{
text-align: left;
    line-height: 43px;
    color: #fff;
    font-size: 37px;
    margin-top: 0;
    font-weight: 700;
    text-transform: capitalize;
}
.blogs_home .hr-simplee {
    margin: inherit;
}
.blogs_home h2{
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    color: #0c83b9;
}
.blogs_home .thumbnail a:link, a:visited {
    border-bottom: transparent !important;
    text-decoration: none !important;
    color: #e7305a;
    outline: none !important;
}


.blogs-home-main .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    border-radius: 15px 15px 0 0;
    height: 576px;
    min-height: 576px;
}
.blogs-home-main .thumbnail img{
    border-radius: 15px 15px 0 0;
}
.blogs-home-main h2 {
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    color: #0c83b9;
}
.blogs_home {
    width: 100%;
    float: left;
    padding: 50px 0;
    margin: 0;
    background: #0c83b9;
    color: #fff;
}
.blogs_home .tag{
  color: #fff;
}
.blogs_home .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    border-radius: 15px;
    height: 576px;
    min-height: 576px;
}
.blogs_home .buttona {
    background: #032e63;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 5% 0;
    position: relative;
    float: right;
}
.blogs_home h3{
text-align: left;
    line-height: 43px;
    color: #fff;
    font-size: 37px;
    margin-top: 0;
    font-weight: 700;
    text-transform: capitalize;
}
.blogs_home .hr-simplee {
    margin: inherit;
}
.blogs_home h2{
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
    color: #0c83b9;
}
.blogs_home .thumbnail a:link, a:visited {
    border-bottom: transparent !important;
    text-decoration: none !important;
    color: #e7305a;
    outline: none !important;
}


.pagination .page-link{
    font-size: 14px;
    line-height: 24px;
}


.footer-bharatloan .fa-links i{
    line-height: 30px;
}


.apply_nw1 a:link, a:visited {
    border-bottom: transparent !important;
    text-decoration: none !important;
    outline: none !important;
}


@media (min-width: 768px) {
   .loan-emi {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
.riban-iconnnn {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 399px;
    width: 171px;
}
}






/*news*/

.news_list_bharat{
    float: left;
    width: 100%;
    padding: 55px 0px;
    margin: 0px;
    background: #f7f7f7;
}
.news_list_bharat h3 {
    text-align: left;
    line-height: 43px;
    color: #0e0e0e;
    font-size: 37px;
    font-weight: 700;
    text-transform: capitalize;
}
.news_list_bharat .hr-simplee {
    width: 80px;
    border: none !important;
    margin: 0 auto;
    height: 3px;
    background: #e7305a;
    margin-bottom: 25px;
    margin-top: 7px;
    float: left;
}
.news_list_bharat h4 {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin: 0px;
}
.news_list_bharat p{
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.news_list_bharat .post-slide {
    margin: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 15px #ddd;
    border-radius: 15px;
}
@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 .post-review {
        height: auto !important;
        min-height: 200px !important;
    }
}
.news_list_bharat .buttona {
    background: #032e63;
    padding: 15px 22px;
    border-radius: 12px;
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: 5% 0;
    position: relative;
    float: right;
}
.news_list_bharat .post-review a {
    color: #020202;
    text-decoration: none;
}
.news_list_bharat .buttona:hover
{
    background: #e12f53!important;
    color:#fff !important;
    text-decoration:blink;
}

@media(min-width: 768px) and (max-width: 992px){
#view_blogs .post-slide .post-img {
    height: 100% !important;
}
.news_list_bharat .post-slide .post-review {
    height: 100% !important;
}
}
#view_blogs .post-slide .post-img {
    padding: 0;
    height: 200px !important;
    align-items: center;
    width: 100%;
    display: block;
}

.news_list_bharat .post-slide{
    margin: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 15px #ddd;
    border-radius: 15px;
}
.news_list_bharat .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_bharat .post-slide .post-img img{
width: 62%;
    height: auto;
    transform: scale(1, 1);
    transition: all 0.30s ease 0s;
    border-radius: 15px 15px 0px 0px;
    height: auto !important;
    border: none;
    margin: 0 auto;
}
.news_list_bharat .post-slide:hover .post-img img{
    transform: scale(1.2,1.2);
}
.news_list_bharat .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_bharat .post-slide:hover .over-layer{
    opacity:1;
}
.news_list_bharat .post-slide .post-link{
    padding:0;
    margin:0;
    list-style:none;
    position: relative;
    top:45%;
}
.news_list_bharat .post-slide .post-link li{
    display: inline-block;
    margin-right:10px;
}
.news_list_bharat .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_bharat .post-slide .post-link li a:hover{
    text-decoration:none;
    transform: scale(1.1,1.1);
}
.news_list_bharat .post-slide .post-review{
    padding: 15px 0;
    overflow: hidden;
    text-align: left;
    padding: 20px;
    background: #ebebeb;
    box-shadow: 0 0 10px #ddd;
    border-radius: 0;
    height: 300px;
    margin-bottom: 29px;
    border-radius: 0;
}
.news_list_bharat .news-info {
    list-style: none;
    padding: 5% 0 0 0;
    margin: 5% 0 0 0;
    text-align: left;
    color: #032e63;
    font-size: 13px;
}
.news_list_bharat .news-info li{
    color: #000;
}
.news_list_bharat .post-slide .post-title{
    margin-top: 0;
    text-align: left;
}
.news_list_bharat .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_bharat .post-slide .post-title a:hover{
    text-decoration: none;
    color:#1f80bb;
}
.news_list_bharat .post-slide .post-info{
    list-style:none;
    padding: 0px 0 0 0;
    margin:0 0 7px 0;
    text-align: left;
    color: #032e63;
}
.news_list_bharat .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_bharat .post-slide .tag-info li{
    list-style:none;
    display: inline-block;
}
.news_list_bharat .margin-prte a{
    color:#000;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .tag-info li a:hover{
    color:#1f80bb;
    text-decoration:none;
}
.news_list_bharat .post-slide .post-description{
    color: #828282;
    font-size: 14px;
    padding:5px 25px;
    line-height: 25px;
}
.news_list_bharat .post-slide .read-more{
    color:#333;
    float: right;
    font-weight: bold;
    margin-right:25px;
    text-transform:capitalize;
}
.news_list_bharat .post-slide .read-more:hover{
    color:#1f80bb;
    text-decoration:none;
}

.news_list_bharat .page-item .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    font-size: 14px;
    line-height: 24px;
}