@media screen and (max-width: 480px) {
/*small button loader indmela*/
.loader_all_button_main
{
    border:0px solid red;
    height: 99%;
    width: 99%;
    background-color: transparent;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    overflow: hidden;
}
#inner-loader-div {
    height: 25px;
    width: 25px;
    border: 3px solid #fff;
    border-radius: 50%;
    border-left-color: #CACCCE;
    animation: rotate_right 1s linear infinite;
}
@keyframes rotate_right {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*alert popup ind mela offlone*/
.alert-popup-main-wrapper {
    height: 100%;
    width: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    user-select: none;
    align-items: center;
    justify-content: center;
    z-index: -999999;
    opacity: 0;
    transition: opacity 0.3s ease, background 0.3s ease;
}
.alert-popup-main-wrapper.active {
    z-index: 999999;
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}
 .alert-popup-second-wrapper {
    height: auto;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 300px;
    box-shadow: none;
    opacity: 0;
    transform: none;
    transition: transform 0.35s ease, opacity 0.35s ease;
}
.alert-popup-second-wrapper.active {
    opacity: 1;
    transform: none;
    bottom: 5px;
}
.alert-popup-second-wrapper h2 
{
    font-size: 16px;
    font-family: indbold;
    color: #32363A;
    padding: 20px 0 10px 5%;
    border-bottom: 1px dashed #CECFD1;
}
#close-alert-popup
{
    height: 26px;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    font-size: 13px;
    border-radius: 50%;
    cursor: none;
    position: absolute;
    top: 15px;
    color: #393D40;
    right: 5%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#close-alert-popup:hover
{
    color: #393D40;
}
.alert-popup-second-wrapper p 
{
    font-size: 13px;
    font-family: light;
    color: #4A4C4E;
    padding: 10px 5% 20px 5%;
    line-height: 23px;
    margin-bottom: 10px;
}

/*header top design _no login page*/
.top_no_login_header
{
    height: 55px;
    width: 99.8%;
    position: fixed;
    top: 0px;
    background-color: #fff;
    user-select: none;
    z-index: 999;
    box-sizing: border-box;
    border-bottom: 1px solid #cfcfcf;
}
.top_no_login_logo
{
    height: 36px;
    width: 80px;
    position: fixed;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    top: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    overflow: hidden;
}
.top_no_login_logo img
{
    height: 100%;
    width: 100%;
}
#menu-click-btn
{
    height: 25px;
    width: 25px;
    position: fixed;
    right: 5%;
    display: block;
    text-align: center;
    justify-content: center;
    top: 17px;
    border: 1px solid transparent;
    overflow: hidden;
}
#menu-click-btn span
{
    height: 3px;
    background: #EC0879;
    width: 30px;
    margin-top: 4px;
    display: block;
}
#menu-click-btn span:nth-child(2){
    background: #323031;
    width: 20px;
}
.top_no_login_logo a  
{
    text-decoration: none;
    border: 1px solid transparent;
    display: block;
    height: 100%;
    cursor: none;
    width: 100%;
}
.no_login_side_bar_data
{
    height: calc(100vh - 50px);
    width: 100%;
    border:1px solid transparent;
    border: none;
    position: fixed;
    right: -100%;
    display: block;
    top: 0px;
    background: #fff;
    text-align: right;
    transition: 0.5s ease;
    z-index: 1;
}
.no_login_side_bar_data.active
{
    right: 0px;
}
.no_login_side_bar_data.active:before
{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: -1;
}
.no_login_side_bar_data ul
{
   display: none;
}
#menu-tag-icon
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 5px;
    height: 25px;
    width: 25px;
    color: #373553;
    font-size: 14px;
    border: 1px solid transparent;
}
.no_login_side_bar_data button {
    display: none;
}
#flex-sidebar-name
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid transparent;
}
#indian-flag-header
{
    height: 173px;
    text-align: center;
    display: block;
    align-items: center;
    width: 100%;
    border-bottom: 2px solid #0C98C9;
    background: #F1F3F7;
}
#sidebar-mobile-colse
{
    border: 2px solid #E3E5E6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 30px;
    min-width: 30px;
    font-size: 15px;
    color: #0D6685;
    background: #F1F5F5;
    margin: auto;
    margin-left: 5%;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    margin-bottom: 10px;
}
#sidebar-mobile-name
{
    font-size: 18px;
    display: flex;
    align-items: center;
    font-family: indbold;
    justify-content: center;
    color: #0C98C9;
    margin: 0 10px;
    width: 100%;
    border: 1px solid transparent;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
#sidebar-mobile-name:before
{
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%);
    height: 2px;
    background: linear-gradient(200deg, #EC0431, #0E04EC);
    width: 80px;
    border-radius: 10px;
    overflow: hidden;
}
#sidebar-mobile-name:after
{
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translate(-50%);
    height: 1px;
    background: linear-gradient(-200deg, #EC0431, #0E04EC);
    width: 50px;
    border-radius: 10px;
    overflow: hidden;
}
#sidebar-mobile-name font
{
    margin-left: 3px;
}
#flag-icon-heder
{
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 35px;
    max-width: 35px;
    float: none;
    margin-left: 10px;
    margin-right: 5%;
    margin-top: 10px;
    margin-bottom: 10px;
}
#flag-icon-heder img  
{
    height: 100%;
    width: 100%;
}
#date-today
{
    display: flex;
    width: 100%;
    height: 15px;
    align-items: center;
    text-align: center;
    justify-content: right;
    font-family: light;
    color: #373641;
    border: 1px solid transparent;
    font-size: 10px;
    margin-right: 5%;
    position: relative;
}
#date-today:after
{
    content: '';
    position: absolute;
    left: 25%;
    top: 0;
    height: 100%;
    width: 1px;
    background: #BBBAC6;
    border-radius: 10px;
    overflow: hidden;
}
.clock {
    height: 15px;
    min-width: 85px;
    max-width: 85px;
    background: transparent;
    font-family: sans-serif;
    display: flex;
    align-items: center;
    font-family: digital;
    justify-content: left;
    text-align: center;
    padding: 0 0px;
    color: #6B0CCB;
    font-weight: bolder;
    border: 1px solid transparent;
    border-radius: 0px;
    margin-left: 5%;
    margin-right: 30px;
}
.clock span
{
    color: #6C6E6E;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 15px;
    line-height: 10px;
    width: 25px;
    font-family: digital;
    letter-spacing: 1px;
    border: 1px solid transparent;
}
.login-sign-up-mobile
{
    border: 1px solid transparent;
    height: 90px;
    width: 100%;
    margin: auto;
    background: #fff;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.inner-option-side-top1,
.inner-option-side-top2
{
    border: 1px solid #ccc;
    height: 75px;
    width: 100%;
    margin: 5%;
    border-radius: 5px;
    overflow: hidden;
}
.inner-option-side-top1 img,
.inner-option-side-top2 img 
{
    height: 40px;
    width: 40px;
    margin-top: 1px;
    border: 1px solid transparent;
}
.inner-option-side-top1 h4,
.inner-option-side-top2 h4
{
    border: 1px solid transparent;
    font-size: 13px;
    cursor: none;
    text-align: center;
    color: #575A5A;
    height: auto;
    width: 100%;
    margin: auto;
    margin-top: 3px;
    font-family: light;
    letter-spacing: 0.1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mobile-menu-link-option
{
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    margin-top: 5px;
    border: 1px solid transparent;
}
.mobile-menu-link-option h5  
{
    border-bottom: 1px solid #F3F0F7;
    height: 55px;
    width: 100%;
    padding: 0 5%;
    font-size: 13px;
    letter-spacing: 0.3px;
    font-family: light;
    color: #5B575F;
    display: flex;
    align-items: center;
}
.mobile-menu-link-option label  
{
    height: 55px;
    width: 100%;
    padding: 0 5px;
    font-size: 13px;
    font-family: light;
    color: #5B575F;
    display: flex;
    align-items: center;
}
#left-mobile-menu-icon
{
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 25px;
    min-width: 25px;
    max-height: 25px;
    max-width: 25px;
}
#left-mobile-menu-icon img 
{
    height: 100%;
    width: 100%;
}
#rigt-menu-mobile-icon
{
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 40px;
    min-width: 20px;
    max-height: 40px;
    max-width: 20px;
}
.mobile-menu-link-option span i 
{
    color: #A1A1A1;
    font-size: 18px;
}
.made-for-side-bar-footer
{
    display: block;
    height: 85px;
    width: 100%;
    border: 1px solid transparent;
    border-top-color: #E7E7E7;
    text-align: center;
    position: absolute;
    background: #FCFCFC;
    bottom: 0;
    left: 0;
}
.flex-foter-made-side
{
    border: 1px solid transparent;
    height: 50px;
    width: 90%;
    margin: auto;
    display: flex;
    margin-top: 1px;
}
#image-footer-side
{
    height: 20px;
    min-width: 40px;
    max-width: 40px;
    display: flex;
    align-items: center;
    margin-top: 15px;
    justify-content: center;
    text-align: center;
    margin-left: -14px;
    border: 1px solid transparent;
    transform: rotate(-90deg);
}
#image-footer-side img  
{
    height: 100%;
    width: 100%;
}
.made-for-side-bar-footer h2  
{
    color: #0794C9;
    font-size: 14px;
    min-width: 115px;
    max-width: 115px;
    height: 20px;
    font-family: indbold;
    border: 1px solid transparent;
    margin-top: 15px;
    text-align: left;
    letter-spacing: 1px;
    font-style: italic;
    margin-left: -20px;
    position: relative;
}
.made-for-side-bar-footer h6  
{
    color: #6C6D6E;
    font-size: 10px;
    min-width: 130px;
    max-width: 130px;
    height: 30px;
    line-height: 14px;
    font-family: light;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    margin-top: 10px;
    text-align: right;
    justify-content: right;
    letter-spacing: 0.2px;
    opacity: 0.7;
}
.made-for-side-bar-footer span
{
    height: 30px;
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #2C3755;
}
.made-for-side-bar-footer p  
{
    border: 1px solid transparent;
    font-size: 9px;
    color: #C7C7C9;
    font-family: indmela;
    margin-top: 5px;
}
.login-popup-main-wrapper
{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    z-index: -99999;
    display: flex;
    align-items: center;
    user-select: none;
}
.login-popup-main-wrapper.active
{
    background: rgba(0, 0, 0, 0.2);
    z-index: 99999;
}
.login-popup-second-wrapper {
    height: auto;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    position: absolute;
    bottom: -400px;
    box-shadow: none;
    opacity: 0;
    margin: auto;
    transform: none; 
    transition: all 0.35s ease;
    border: 1px solid #fff;
}
.login-popup-main-wrapper.active .login-popup-second-wrapper {
    opacity: 1;
    transform: none; 
    bottom: 5px;
}
.login-popup-second-wrapper h2  
{
    font-family: indbold;
    font-size: 17px;
    text-align: left;
    color: #3A383C;
    padding: 20px 5%;
    letter-spacing: -0.2px;
    border-bottom: 1.4px dashed #CCCACD;
}
#close-login-popup
{
    position: absolute;
    top: 13px;
    right: 5%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 25px;
    border: 1px solid #fff;
    cursor: none;
}
.qr-login-and-process-outer
{
    display: none;
}
#by-sign-terms  
{
    display: none;
}
.to-create-account-popup
{
    display: none;
}
.mobile-device-app-sugest
{
    border: 1px solid #fff;
    height: auto;
    display: block;
    width: 100%;
}
.mobile-device-app-sugest p  
{
    color: #403C43;
    font-size: 14px;
    letter-spacing: 0.1px;
    padding-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
    line-height: 23px;
    font-family: light;
}
.mobile-device-app-sugest a {
    color: #fff;
    text-decoration: none;
    font-family: indmela;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #1296C7;
    height: 48px;
    width: 90%;
    margin: auto;
    cursor: none;
    font-size: 15px;
    letter-spacing: 0.3px;
    text-decoration: none;
    background: #1296C7;
    border-radius: 5px;
    overflow: hidden;
}
.mobile-device-app-sugest a i 
{
    margin-left: 4px;
}
.mobile-device-app-sugest section
{
    border: 1px solid #fff;
    height: 70px;
    margin: auto 20px;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mobile-device-app-sugest section label
{
    font-size: 10px;
    color: #878589;
    font-family: light;
    width: 100%;
    border: 1px solid #fff;
    text-align: left;
    font-style: italic;
    margin-top: 20px;
}
.mobile-device-app-sugest section span
{
    border: 1px solid #fff;
    height: 30px;
    min-width: 100px;
    max-width: 100px;
    margin-top: 15px;
}
.mobile-device-app-sugest section span img  
{
    height: auto;
    width: 100%;
}
/*index page design*/
.all_index_page_scrool_border {
    position: fixed;
    top: 55px;               
    left: 0;
    width: 100vw;             
    height: calc(100vh - 55px); 
    background-color: #fff;
    overflow-y: auto;      
    overflow-x: hidden;   
    user-select: none;
    scrollbar-width: none;     
    -ms-overflow-style: none;  
}
.all_index_page_scrool_border::-webkit-scrollbar{
     display: none;             
        width: 0;
        height: 0;
}
.all_index_page_scrool_border::-webkit-scrollbar-track {
  background: transparent; 
}
.all_index_page_scrool_border::-webkit-scrollbar-thumb {
  background: transparent; 
}
.all_index_page_scrool_border::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}
.all_index_page_scrool_border {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin !important;
}
#index_page_tittle_top
{
    background: #f6f6f6;;
    height: 40px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    box-shadow: 0px 0px 5px #cfcfcf;
    margin-top: 2px;
    margin-bottom: 5px;
    user-select: none;
}
#index_page_tittle_top p
{
    font-size: 10px;
    color: #3F506A;
    font-weight: 550;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.5px;
}
#all_page_server_stop
{
    background: #494D4D;;
    height: 25px;
    width: 100%;
    text-align: center;
    line-height: 22px;
    margin-top: 1px;
    user-select: none;
}
.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #F30735;
  position: relative;
}
.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee-left 15s linear infinite;
  font-size: 13px;
  color: #fff;
  font-family: light;
  letter-spacing: 0.2px;
}
@keyframes marquee-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
.marquee:hover span {
  animation-play-state: paused;
}
}
.index_page_slider_banner
{
    height:auto;
    width: 100%;
    margin-top: 1px;
    overflow: hidden;
    background-color: #8E8E8E;
    position: sticky;
    top: 0;
    overflow: hidden;
    flex-shrink: 0;
}
.index_page_slider_banner:before
{
    content: '';
    position: absolute;
    top: 60px;
    right: 40px;
    height: 100px;
    width: 100px;
    background: #F1F3F7;
    transform: rotate(45deg);
    border: 5px solid #E53E0C;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    opacity: 0.1;
}
.twlef_pixel_slider_margin_setting
{
    border:1px solid #8E8E8E;
    height: 100%;
    display: block;
    align-items: center;
    width: 100%;
    margin: auto;
    z-index: 1;
    position: relative;
}
#right_top_text_slider_wrapper
{
    border: 1px solid #8E8E8E;
    height: auto;
    min-width: 100%;
}
#right_top_text_slider_wrapper h1
{
    color: #FCFCFC;
    font-size: 22px;
    text-transform: uppercase;
    padding: 20px;
    padding-top: 40px;
    letter-spacing: 0.6px;
    line-height: 30px;
    text-align: center;
    font-family: indbold;
}
#right_top_text_slider_wrapper p
{
    color: #fff;
    font-size: 14px;
    text-align: center;
    border:1px solid transparent;
    letter-spacing: .3px;
    width: 90%;
    margin: auto;
    line-height: 21px;
}
#right_top_text_slider_wrapper section
{
    border:1px solid #464947;
    display: block;
    margin: auto;
    width: 90%;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    height: 60px;
    line-height: 50px;
    margin-top: 50px;
    margin-bottom: 70px;
    background-color: #464947;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
#right_top_text_slider_wrapper label
{
    color: #00FF55;
    font-size: 14px;
    width: 100%;
    border: 1px solid transparent;
    letter-spacing: 0.5px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
}
#addmoney_upi_lern_more_btn {
    position: relative;
    height: 35px;
    min-width: 105px;
    max-width: 105px;
    background: #464947;
    color: #fff;
    margin-right: 15px;
    font-size: 11px;
    line-height: 35px;
    text-decoration: none;
    cursor: none;
    text-align: left;
    padding-left: 10px;
    border-radius: 25px;
    overflow: hidden;
    z-index: 1;
}
#addmoney_upi_lern_more_btn::before {
    content: "";
    position: absolute;
    inset: -3px; 
    border-radius: 25px;
    background: conic-gradient(
        #464947,
        #464947,
        #464947,
        #FE0070
    );
    animation: rotateBorder 3s linear infinite; 
    filter: blur(2px);
    z-index: -2;
}
#addmoney_upi_lern_more_btn::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #3A3D40;
    border-radius: 25px;
    z-index: -1;
}
@keyframes rotateBorder {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
#addmoney_upi_lern_more_btn:hover
{
    color: #fff;
}
#addmoney_upi_lern_more_btn span
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 20px;
    margin: auto;
    font-size: 12px;
    width: 20px;
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 1;
    border-radius: 50%;
    background: #222525;
    transform: rotate(-35deg);
}
#top_main_dasgbord_image_wrap
{
    display: none;
}
.service_data_page_index_wrapper {
    width: 100%;
    padding: 10px 0;
    border: none;
    background: #fff;
    position: relative;
    z-index: 1;
}
#inside_wrapper_servise_index {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    background: #fff;
    padding-right: 0px;
    padding-bottom: 30px;
    margin-top: -30px;
    border-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    padding-top: 40px;
}
#inside_wrapper_servise_index::before
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background-image: url('icon/app-download-back.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    opacity: 0.1;
}
#inside_wrapper_servise_index h1 {
    color: #3E413F;
    font-size: 20px;
    font-family: indmela;
    position: relative;
    margin-bottom: 50px;
}
#inside_wrapper_servise_index h1:before {
    content: '';
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 100px;
    border-radius: 25px;
    background: linear-gradient(to left, #2CBF71, #F50F64);
    position: absolute;
}
#inside_wrapper_servise_index h1:after {
    content: '';
    bottom: -21.5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg); 
    height: 15px;
    width: 15px;
    background: #C3C4C4;
    position: absolute;
}
.service_card {
    width: 90%;
    min-height: 160px;        
    border: 1px solid #F1F5F5;
    margin: auto;
    border-radius: 10px;
    display: block;
    align-items: stretch;     
    margin-top: 30px;
    background: #F4FBFB;
    overflow: hidden;
    position: relative;
}
#card-inner {
    border-bottom: none;
    border-right: 0px;
    min-width: 100%;
    max-width: 100%;
    height: 30px;
    display: flex;
    flex-direction: none;
    align-items: center;
    justify-content: center;
    background: transparent;
    align-self: none;     
}
#card-inner:before
{
    display: none;
}
.service_text {
    height: 130px;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease;
}
.read-more-inline {
    font-size: 14px;
    cursor: none;
    font-family: light;
    white-space: nowrap;
}
#card-inner label {
    color: #545656;
    font-size: 14px;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: left;
    justify-content: left;
    transform: rotate(0deg);
    position: absolute;
    left: 0px;
    background: linear-gradient(#E6F8F9, transparent);
    text-align: left;
    font-family: indbold;
    padding-left: 20px;
    padding-top: 45px;
    padding-bottom: 20px;
    z-index: 1;
}
#card-inner:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 115px;
    background-image: url('icon/shape.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    opacity: 0.2;
}
.service_card p {
    margin: 0;
    color: #282526;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.1px;
    padding-left: 35px;
    font-family: light;
    border: 1px solid transparent;
    height: auto;
    text-align: left;
    padding: 10px 20px;
    padding-bottom: 20px;
}
.recharge_add_wrapper
{
    height: auto;
    width: 100%;
    border:1px solid #fff;
    background-color: #fff;
    margin-top: 0px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.recharge_add_wrapper:before
{
    display: none;
}
.recharge_add_wrapper:after
{
    content: '';
    position: absolute;
    top: 30%;
    left: 50%;
    height: 300px;
    width: 300px;
    opacity: 0.1;
    background-image: url(icon/banner2.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: translateX(30%);
}
.recharge_bikll_pay_second_wrapper
{
    border:1px solid transparent;
    height: auto;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    overflow: hidden;
    padding-left: 0px;
}
.recharge_bikll_pay_second_wrapper h2
{
 font-size: 17px;
 color: #099479;
 font-family: indbold;
 position: relative;
 padding: 10px 0;
 text-align: center;
}
.recharge_bikll_pay_second_wrapper h2:before
{
   display: none;
}
.recharge_bikll_pay_second_wrapper img
{
    height: auto;
    width: 100%;
    display: block;
    border: 1px solid transparent;
    margin: auto;
}
.recharge_bikll_pay_second_wrapper p
{
 color: #4D4F4E;
 margin: auto;
 float: left;
 margin-top: 10px;
 font-size: 14px;
 letter-spacing: 0.1px;
 height: auto;
 width: 100%;
 display: flex;
 word-break: break-all;
 font-family: light;
 z-index: 1;
 align-items: center;
 line-height: 23px;
 overflow: hidden;
 border: 1px solid transparent;
 padding: 20px 20px;
}
.recharge_bikll_pay_second_wrapper p:before
{
    content: '';
    position: absolute;
    top: 5%;
    left: 30%;
    height: 200px;
    border-radius: 50%;
    border: 15px solid #E6E8E9;
    width: 200px;
    opacity: 0.2;
    background: linear-gradient(#EFEFEF, #fff);
    transform: translate(-30%);
}
.recharge_bikll_pay_second_wrapper p:after
{
    content: '';
    position: absolute;
    bottom: 5%;
    left: 40%;
    height: 200px;
    border-radius: 50%;
    border: 15px solid #E6E8E9;
    width: 200px;
    opacity: 0.2;
    background: linear-gradient(#EFEFEF, #fff);
    transform: translate(-40%);
}
.whole_sale_offer_show_index_page
{
    height: auto;
    border: none;
    width: 100%;
    margin: 0px auto;
    border: 1px solid #fff;
    background: #fff;
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}
#id_for_wole_sell_index_page
{
    border: none;
    margin: auto;
    height: auto;
    background: #3E3E3F;
    width: 100%;
    border-radius: 0px;
    position: relative;
    display: block;
    overflow: hidden;
    align-items: center;
}
#id_for_wole_sell_index_page:before
{
    height: 100px;
    width: 200px;
    content: '';
    position: absolute;
    top: -40px;
    transform: rotate(45deg);
    right: -70px;
    background: #FD7504;
}
#id_for_wole_sell_index_page:after
{
    height: 30px;
    width: 30px;
    content: 'R';
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: arial, sans-serif;
    color: #fff;
    border: 3px solid #fff;
    font-size: 20px;
    top: 15px;
    right: 15px;
    border-radius: 50%;
}
.no_login_shoppingg_wholesell
{
    height: auto;
    min-width: 100%;
    max-width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
}
.no_login_shopping_wholesell:after
{
    content: '';
    position: absolute;
    top: 100px;
    left: 40%;
    height: 150px;
    width: 150px;
    background: #666A6A;
    border: 10px solid #898D8D;
    opacity: 0.2;
    transform: rotate(45deg);
}
.no_login_shopping_wholesell:before
{
    display: none;
}
.no_login_shopping_wholesell h2
{
    padding: 20px;
    color: #E5E5E5;
    font-size: 15px;
    text-align: left;
    position: relative;
    width: 100%;
    padding-left: 20px;
    font-family: indbold;
    display: inline-block;
}
.no_login_shopping_wholesell h2:before
{
    content: '';
    position: absolute;
    bottom: 12px;
    left: 20px;
    height: 2px;
    width: 63px;
    background: linear-gradient(to left, red, #05EEFB);
}
.no_login_shopping_wholesell p
{
    height: auto;
    width: 100%;
    text-align: left;
    display: inline-block;
    font-family: light;
    line-height: 20px;
    letter-spacing: 0.4px;
    font-size: 13px;
    color: #E5E5E5;
    padding: 0px 20px;
}
.brand_text {
    height: 70px;
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
    transition: height 0.35s ease;
}
.read-more-inline-brand {
    font-size: 14px;
    cursor: none;
    font-family: light;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}
#click_a_tag_pragrap {
    position: relative;
    display: inline-block;
    background: #1B6367;
    color: #fff;
    font-size: 12px;
    display: flex;
    height: 40px;
    width: 120px;
    padding-left: 10px;
    align-items: center;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 20px;
    cursor: none;
    margin-bottom: 30px;
    text-decoration: none;
    border-radius: 5px;
    z-index: 1;
}
#click_a_tag_pragrap span
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 28px;
    margin: auto;
    font-size: 15px;
    width: 28px;
    border-radius: 50%;
    background: #222525;
    transform: rotate(-35deg);
}
#click_a_tag_pragrap:hover
{
box-shadow: 0 0 17px 3px #00F9FE, 0 0 4px 2px #00F9FE;
}
#brand_image_wrapper
{
    display: none;
}
.kyc_link_index_page_wrapper
{
    border:1px solid #fff;
    height: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    background-color: #fff;
}
.kyc_link_index_page_wrapper:after
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100px;
    width: 100px;
    background-image: url("icon/shape.png");
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.5;
}
.kyc_link_index_page_wrapper:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background-image: url("icon/shape.png");
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.5;
}
.kyc_link_index_page_wrapper h2
{
    font-size: 18px;
    color: #03384B;
    font-family: indmela;
    padding: 40px 20px;
    text-align: left;
    background: transparent;
}
#cotent_div_kyc_link_menu
{
    border:1px solid transparent;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    position: relative;
    gap: 40px;
    margin: auto;
    margin-bottom:70px;
    align-items: stretch;
}
#inside_kyc_ling_wrapper {
    border: 1px solid #ECEEEE;
    background-color: #FBFBFB;
    flex: 1;
    min-width: 260px;
    border-radius: 10px;
    cursor: default;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    transition: 
        transform 0.35s ease,
        box-shadow 0.35s ease;
    transform-style: preserve-3d;
}

#inside_kyc_ling_wrapper:hover {
    transform: none;
    box-shadow: none;
}
#plain_text_kyc_wrapper_i h3
{
    border:1px solid #fff;
    height: auto;
    width: 100%;
    text-align: center;
    font-size: 15px;
    position: relative;
    padding: 20px 0px 10px 0px;
    color: #333334;
}
#plain_text_kyc_wrapper_i h3:before
{
    content: '';
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translate(-50%);
    height: 2px;
    border-radius: 10px;
    overflow: hidden;
    width: 50px;
    background:linear-gradient(to left, #146AE1, #7AFD00);
}
#plain_text_kyc_wrapper_i p
{
    color: #3C3737;
    font-size: 13px;
    text-align: left;
    padding: 10px;
    font-family: light;
    line-height: 20px;
}
#plain_text_kyc_wrapper_i a {
    display: block;
    height: 18px;
    width: 115px;
    border:1px solid transparent;
    text-align: left;
    font-size: 11px;
    color: #2061BB;
    font-family: light;
    padding-left: 10px;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease; 
    cursor: none;
    margin-bottom: 20px;
}
#plain_text_kyc_wrapper_i a:hover {
    color: #EA7307; 
}
.user_application_portfolio
{
    border:1px solid #ccc;
    height: auto;
    width: 100%;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
#head-port-folio
{
    border: 1px solid #fff;
    height: auto;
    width: 90%;
    margin: auto;
    margin-top: 30px;
}
#head-port-folio h2
{
    font-size: 18px;
    color: #25A958;
    position: relative;
    font-family: indmela;
    width: 100%;
    position: relative;
    padding-bottom: 5px;
}
#head-port-folio h2:before
{
    content: '';
    position: absolute;
    left: 75px;
    top: 10px;
    height: 3px;
    width: 30px;
    background: linear-gradient(to left, #000, #E0078D);
    border-radius: 5px;
    overflow: hidden;
}
#head-port-folio p
{
    color: #474747;
    font-size: 12px;
    font-family: indmela;
    border:1px solid #fff;
    height: 100%;
    line-height: 16px;
}
#iside_border_user_ratting_port {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    gap: 1px;
    scroll-padding-left: 20px;
    scroll-padding-right: 20px;
    cursor: none;
    margin: 0px auto;
    box-shadow: none;
    border: 1px solid transparent;
    border-radius: 0px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#iside_border_user_ratting_port::-webkit-scrollbar {
    display: none;
}
#inside_app_star_palysotre {
        flex: 0 0 75%;
        min-width: 75%;
        margin: 20px 25px;
        scroll-snap-align: start;
        box-shadow: 0px 0 20px rgba(0,0,0,0.05);
        transform: none !important;
        cursor: none;
}
#inside_app_star_palysotre:hover {
        transform: none;
        box-shadow: 0px 0 20px rgba(0,0,0,0.05);
}
#inside_app_star_palysotre label
{
    color: #19A48E;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
}
#inside_app_star_palysotre p
{
    color: #474747;
    font-size: 12px;
    padding: 10px;
    line-height: 18px;
    font-family: light;
    border:1px solid #fff;
    height: 100%;
}
#flex-ratting
{
    height: auto;
    width: 100%;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    position: relative;
    bottom: 10px;
    left: 0;
}
#ratting_playsore_span
{
    border:1px solid #fff;
    height: 30px;
    width: 100%;
    color: #22A2D1;
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    margin-left: 10px;
    overflow: hidden;
}
#name_first_letter_palystore
{
    border:2px solid #E1E3E3;
    height: 35px;
    min-width: 35px;
    max-width: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8FAFA;
    color: #3F4343;
    font-size: 16px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    cursor: none;
}
.app-download-wrapper {
  width: 100%;
  padding: 0 5px;
  background: #fff;
  position: relative;
  z-index: 1;
  border: 1px solid #fff;
}
.app-download-content {
  width: 90%;
  margin: auto;
  height: auto;
  display: block;
  border: 1px solid #fff;
  align-items: center;
  padding-bottom: 70px;
  justify-content: center;
}
.app-text {
  color: #fff;
  min-width: 100%;
  max-width: 100%;
}
.app-text h2 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #2F3533;
  padding-top: 20px;
}
.app-text p {
  font-size: 13px;
  line-height: 20px;
  opacity: 0.95;
  font-family: light;
  margin-bottom: 20px;
  color: #2F3533;
}
.store-buttons {
  width: 100%;
  height: auto;
  display: flex;
  margin: auto;
  align-items: center;
}
.store-btn {
  text-decoration: none;
  background: #000;
  color: #fff;
  padding: 10px 15px;
  margin-right: 40px;
  border-radius: 5px;
  min-width: 135px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.store-btn span {
  display: block;
  font-size: 11px;
  opacity: 0.8;
}
.store-btn strong {
  font-size: 16px;
}
.store-btn.play {
  background: #000;
}
.store-btn.apple {
  background: #1c1c1c;
}
.store-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}
.app-image {
  display: none;
}

/*fotter page design*/
.fotter_main_div
{
    clear: both;
    height: 550px;
    width: 100%;
    background-color: #030D30;
    margin-top: 2px;
    border:1px solid #030D30;
    overflow: hidden;
    font-family: light;
    user-select: none;
    position: relative;
}
.fotter_main_div:before
{
    content: '';
    position: absolute;
    height: 50px;
    width: 100%;
    background-image: url('icon/fotter-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid transparent;
}
.fotter_lik_div
{
    clear: both;
    width: 90%;
    height: 100%;
    font-family: light;
    margin: auto;
    position: relative;
    margin-top: 20px;
    border: 1px solid transparent;
}
.sos_link_fotter
{
    clear: both;
    height: auto;
    width: 49%;
    display: inline-block;
    margin:10px 0px;
    font-family: light;
    margin-top: 20px;
    border: 1px solid transparent;
    margin-bottom: 20px;
    overflow: hidden;
}
.sos_link_fotter ul
{
    list-style: none;
}
.sos_link_fotter ul li
{
    margin-top: 10px;
    border-right: 0px solid #183153;
    border-left: 1px solid #183153;
    width: 100%;
    padding-left: 10px;
    font-family: light;
}
.sos_link_fotter li a
{
  color: #BDC0BF;
  text-decoration: none;
  font-size: 12px;
  display: block;
  height: 20px;
  font-family: light;
  cursor: none;
  width: auto;
  letter-spacing: 0.2px;
  line-height: 20px;
}
.sos_link_fotter li a i  
{
    color: #13E7A0;
    margin-right: 3px;
}
.sos_link_fotter li a:hover
{
    color:#fff;
}
.google_map
{
    height: 120px;
    width: 100%;
    float: none;
    margin-top: 2px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid transparent;
    clear: both;
}
#paynmet_gety_fottter_image
{
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    border: 1px solid #262829;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    padding: 0 5px;
    overflow: hidden;
    background: #262829;
}
#paynmet_gety_fottter_image img
{
    height: auto;
    width: 40%;
    margin-top: 8px;
    float: left;
}
#paynmet_gety_fottter_image ul
{
    float: right;
    height: 30px;
    width: 50%;
    list-style: none;
    display: flex;
    justify-content: right;
    align-items: center;
    text-align: center;
}
#paynmet_gety_fottter_image ul li
{
    height: 25px;
    width: 27px;
    margin-left: 5px;
    display: flex;
    justify-content: left;
    text-align: left;
    align-items: left;
    overflow: hidden;
}
#paynmet_gety_fottter_image ul li a
{
    color: #AAB3BC;
    font-size: 0px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: none;
    font-family: light;
    align-items: center;
}
#paynmet_gety_fottter_image ul li a i  
{
    color: #0FD9ED;
    font-size: 17px;
    margin-right: 3px;
}
#paynmet_gety_fottter_image ul li a:hover
{
    color: #0FD9ED;
}
#copy-right-footer
{
    color: #EEEAEC;
    font-size: 12px;
    font-family: light;
    margin-top: 30px;
    text-align: center;
}

/*ofline contect*/
.ofline_contect
{
    height: auto;
    width: 100%;
    margin: auto;
    margin-top: 5px;
}
.addressing_ofline_div
{
    height: auto;
    width: 100%;
    border:1px solid #249FE1;
    background: linear-gradient(#249FE1 50% , transparent 10% );
    border-bottom: 0px;
}
#pixel_set_oter_offline_contact
{
    border:1px solid transparent;
    height: auto;
    width: 100%;
    margin: auto;
    margin-top: 30px;
}
#pixel_set_oter_offline_contact #first_id_p_contact
{
    color: #190358;
    background-color: #fff;
    font-size: 20px;
    height: 50px;
    width: 180px;
    border:1px solid #fff;
    position: relative;
    line-height: 50px;
    padding-left: 50px;
    margin-top: 10px;
    margin-left: 5%;
}
#pixel_set_oter_offline_contact #contact_mail_titlt
{
    border:1px solid #fff;
    background-color: #fff;
    color: #2B4667;
    font-size: 20px;
    display: inline-block;
    height: 100%;
    width: 50px;
    position: absolute;
    left: 0px;
    text-align: center;
}
#pixel_set_oter_offline_contact #righ_postin_contact_alb
{
    border:1px solid #249FE1;
    background-color: #249FE1;
    color: red;
    font-size: 20px;
    display: inline-block;
    height: 50px;
    width: 7px;
    position: absolute;
    right: 10px;
    top: -1px;
}
#from_and_address_arangment_main_div
{
    border:1px solid #fff;
    height: auto;
    width: 100%;
    margin: auto;
    background-color: #fff;
    margin-top: 50px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px 5px #fff;
}
#from_and_address_arangment_main_div #message_us_text_top
{
    color: #7E8082;
    font-size: 20px;
    border:1px solid #fff;
    height: 70px;
    line-height: 70px;
    text-align: left;
    padding-left: 5%;
}
.ofline_con_2nd_div {
    border: 1px solid #DEE3E3;
    height: auto;
    min-width: 90%;
    max-width: 90%;
    background: #DEE3E3;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 10px 5%;
}
.ofline_con_2nd_div table {
    border: 1px solid #DEE3E3;
    width: 100%;
    border-collapse: collapse;
    font-family: light;
    text-align: left;
    margin: 20px auto 0 auto;
}
.ofline_con_2nd_div table td {
    border: 1px solid #DEE3E3;
    position: relative;
    padding: 2px 20px 2px 20px;
    display: block;
}
.ofline_con_2nd_div label {
    font-size: 14px;
    color: #2D3F54;
}
.ofline_con_2nd_div input {
    height: 40px;
    width: 100%;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 2px;
    font-family: light;
    border: 1px solid #5479BE;
    border-radius: 5px;
    letter-spacing: 0.1px;
    background-color: #DEE3E3;
    outline: none;
    padding: 5px 40px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ofline_con_2nd_div input::placeholder {
    color: #C5C6C7;
    font-size: 13px;
}
.ofline_con_2nd_div span {
    border: none;
    border-right: 2px solid #0C98C9;
    height: 40px;
    width: 40px;
    background-color: transparent;
    font-size: 15px;
    color: #0C98C9;
    display: inline-block;
    position: absolute;
    left: 18px;
    top: 25.8px; 
    text-align: center;
    line-height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}
.ofline_con_2nd_div textarea {
    height: 95px;
    width: 100%;
    font-size: 14px;
    font-family: light;
    margin-top: 5px;
    border: 1px solid #5479BE;
    border-radius: 4px;
    resize: none;
    background-color: #DEE3E3;
    outline-color: #47CAD9;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    letter-spacing: 0.3px;
}
#submit_offline_btn {
    height: 50px;
    width: 100%;
    background-color: #0784CC;
    border: 1px solid #0784CC;
    border-radius: 5px;
    color: #fff;
    cursor: default;
    margin-top: 15px;
    font-size: 14px;
    text-align: center;
}
#error-print
{
    color: red;
    font-size: 12px;
    font-family: light;
    padding: 0 22px;
    margin-top: 10px;
    height: 20px;
    margin-bottom: 10px;
  }
.office_full_address_contact_page
{
    border:1px solid #7D7D7D;
    height: 380px;
    width: 90%;
    background-color: #7D7D7D;
    display: inline-block;
    overflow: hidden;
    margin: 40px 5%;
    border-radius: 5px;
}
.office_full_address_contact_page h2
{
    color: #F2F3F3;
    font-weight: 9;
    font-size: 22px;
    padding: 20px 10px;
}
.office_full_address_contact_page span
{
    border:1px solid #7D7D7D;
    font-size: 18px;
    display: inline-block;
    position: absolute;
    left: 10px;
}
.office_full_address_contact_page p
{
    color: #E1E1E1;
    font-weight: 9;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px;
    font-family: light;
    text-align: left;
    display: inline-block;
    border:1px solid #7D7D7D;
    width: 100%;
    position: relative;
    padding-left: 35px;
    padding-right: 20px;
}
.office_full_address_contact_page #whats_ap
{
    text-align: center;
    text-decoration: none;
    cursor: default;
    color: #E8F9FA;
}
#fotter_contact_us_page_link
{
    border:1px solid #7D7D7D;
    height: 100px;
    width: 100%;
}
#fotter_contact_us_page_link label
{
    color: #fff;
    font-size: 18px;
    display: inline-block;
    margin-top: 20px;
    margin-left: 10px;
}
#fotter_contact_us_page_link a
{
 color: #DCE9E9;
 height: 30px;
 cursor: default;
 width: 30px;
 display: inline-block;
 text-align: center;
 line-height: 30px;
 border:1px solid #7D7D7D;
 font-size: 20px;
 margin: 4px 10px;
}
#fotter_contact_us_page_link a:hover
{
    color: #fff;
}
.faq-outer-wrapper
{
    border: 1px solid #fff;
    height: auto;
    width: 100%;
    margin: auto;
    margin-bottom: 150px;
}
.faq-outer-wrapper h1  
{
    font-size: 18px;
    font-family: indbold;
    color: #44413C;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
.faq-outer-wrapper h1:before
{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    height: 3px;
    width: 100px;
    background: linear-gradient(to left, #07E1AF, red);
    border-radius: 10px;
    overflow: hidden;
}
.faq-inner-wrapper
{
    height: auto;
    width: 90%;
    border: 1px solid #fff;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: block;
    align-items: center;
}
#left-quastion-image
{
    display: none;
}
#rigt-quastion-box {
    height: 80%;
    width: 100%;
    margin: 0 30px 0 0px;
    background: #F6F8F7;
    border: 1px solid #EAEBEB;
    border-radius: 15px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 transparent;
}
.qstion_rechrage_faq_log_container {
  border-bottom: 1.5px solid #EFF2F7;
  width: 100%;
  margin: 5px auto;
  overflow: hidden;
}
.qstion_rechrage_faq_log_container:last-child {
  border-bottom: none;
}
.qstion_rechrage_faq_log_container h3 {
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  color: #555655;
  font-family: indmela;
  position: relative;
}
.recharge_icon_logg_faq_h3 {
  height: 20px;
  width: 20px;
  font-size: 18px;
  color: #063564;
  display: inline-block;
  cursor: default;
  position: absolute;
  right: 0;
  top: -3px;
  transition: transform 0.3s ease;
}
.qstion_rechrage_faq_log_container p {
  height: 0;
  overflow: hidden;
  font-size: 13px;
  color: #5B5C5C;
  line-height: 23px;
  font-family: light;
  transition: height 0.3s ease;
}
.qstion_rechrage_faq_log_container.active p {
  margin-bottom: 15px;
}
.qstion_rechrage_faq_log_container a  
{
    text-decoration: none;
    color: #0B6FB8;
    cursor: default;
    font-family: indmela;
}

/*comission_page no_login*/
.recharge_commision-top
{
    height: 100px;
    width: 100%;
    display: flex;
    background: #fff;
    align-items: center;
}
.recharge_commision-top img  
{
    height: 100%;
    width: 100%;
}
#head-h1-comission
{
    color: #2E292B;
    padding-bottom: 2px;
    font-size: 17px;
    font-family: indbold;
    margin: auto;
    text-align: center;
    height: auto;
    width: 100%;
    position: relative;
}
#head-h1-comission:before
{
    content: '';
    position: absolute;
    top: 22px;
    right: 0;
    background: linear-gradient(to left, #1367E5, #E51368);
    height: 3px;
    width: 50px;
    border-radius: 10px;
    overflow: hidden;
}
#head-h1-comission:after
{
    content: '';
    position: absolute;
    top: 22px;
    left: 0;
    background: linear-gradient(to right, #1367E5, #E51368);
    height: 3px;
    width: 50px;
    border-radius: 10px;
    overflow: hidden;
}
.recharge_commision
{
    height: auto;
    max-width: 100%;
    background-color: #fff;
    margin: auto;
    margin-top: -20px;
    margin-bottom: 20px;
    border:1px solid #fff;
    overflow: hidden;
    border-radius: 5px;
}
.inste_recharge_commision
{
    min-height: 240px;
    width: 90%;
    border:1px solid #fff;
    margin: 30px 5%;
    margin-top: 15px;
    display: inline-block;
    box-sizing: border-box;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}
.inste_recharge_commision h2
{
    color: #0B5673;
    padding: 20px;
    font-size: 15px;
    background-color: #fff;
    font-family: indmela;
    position: relative;
}
.inste_recharge_commision h2:before
{
    content: '';
    position: absolute;
    top: 30px;
    right: 10px;
    background: linear-gradient(to left, red, #444040);
    height: 3px;
    width: 15px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
}
.inste_recharge_commision h2:after
{
    content: '';
    position: absolute;
    top: 30px;
    right: 10px;
    background: linear-gradient(to left, red, #444040);
    height: 2.5px;
    transform: rotate(90deg);
    width: 15px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
}
.inste_recharge_commision table
{
    border-collapse: collapse;
    margin: auto;
    margin-top: 10px;
    width: 90%;
    font-size: 13px;
    border:1px solid #E8E9E9;
    margin-bottom: 30px;
}
.inste_recharge_commision th
{
    padding: 8px 20px;
    border:1px solid #E8E9E9;
    width: 70%;
    text-align: left;
    letter-spacing: 0.2px;
}
.inste_recharge_commision td
{
    padding: 8px 20px;
    letter-spacing: 0.2px;
    width: 30%;
    border:1px solid #E8E9E9;
    font-family: light;
}
#color_back_tr
{
    background-color: #F4F7F9;
}
.inste_recharge_commision p
{
    padding: 5px;
    padding-left: 0px;
    letter-spacing: 0.1px;
    line-height: 20px;
    font-family: light;
    color: #05A550;
}
.not-down-wrraper-comission
{
    border-left: 5px solid #EACBDA;
    width: 90%;
    position: relative;
    margin: auto;
    background: #fdf5f9;
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.not-down-wrraper-comission  p
{
    padding: 20px 0px;
    padding-left: 20px;
    padding-right: 10px;
    letter-spacing: 0.1px;
    font-family: light;
    font-size: 13px;
    line-height: 22px;
    color: #383434;
    margin-bottom: 5px;
}
.super_note {
    height: 130px;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease;
}


/*provacy tram about page design*/
.main_page_term
{
    height: auto;
    width: 100%;
    border:1px solid #fff;
    margin: auto;
    margin-top: 1px;
}
.update-sign-last-outer
{
    height: 80px;
    width: 90%;
    margin: auto;
    margin-top: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
}
.update-sign-last
{
    height: 70px;
    min-width: 200px;
    max-width: 200px;
    background: #EFF2F7;
    position: relative;
}
.update-sign-last:before
{
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 3px;
    background: #0C99C7;
}
.update-sign-last h1  
{
    color: #404341;
    font-size: 18px;
    font-family: indmela;
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 2px;
}
.update-sign-last p  
{
    color: #8A8C8A;
    font-size: 12px;
    padding-left: 10px;
    font-family: light;
}
.image-top-right-dot
{
    display: none;
}
.term_page_policy2
{
 height: auto;
 width: 90%;
 margin-left: 5%;
 border: 1px solid #fff;
 margin: 1px auto;
 background-color: #fff;
}
.term_page_policy2 h2,.term_page_policy2 h1
{
    font-size: 15px;
    padding: 0 20px;
    text-align: left;
    color: #404341;
    padding-top: 0;
    font-family: indbold;
    padding-bottom: 5px;
    margin-top: 30px;
    border-bottom: 1px solid #0C99C7;
    position: relative;
    line-height: 22px;
}
.term_page_policy2 h2:before,
.term_page_policy2 h1:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background: #0C99C7;
    border-radius: 0px;
}
.main_page_term .term_page_policy2 p
{
    color: #042527;
    font-size: 14px;
    font-family: light;
    padding: 5px 20px;
    font-weight: normal;
    line-height: 23px;
}

/*pan card offline  Add*/
.wrapper_pan_cardd_p
{
    border: 1px solid #fff;
    height: auto;
    width: 100%;
    background: #fff;
    margin: auto;
    margin-top: 5px;
}
.wrapper_second_p_text
{
 border: 1px solid transparent;
 height: auto;
 width: 100%;
 margin: auto;
 display: block;
 align-items: center;
 position: relative;
}
.wrapper_second_p_text:after
{
   display: none;
}
.wrapper_second_p_text:before
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 200px;
    width: 200px;
    background-image: url('icon/headset.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    opacity: 0.1;
}
#uti_top_img
{
    display: none;
}
#uti_top_text
{
    border:1px solid transparent;
    height: auto;
    width: 90%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-left: 5%;
}
#uti_top_text h1
{
 border:1px solid transparent;
 font-size: 25px;
 color: #2B6376;
 font-family: arial, sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 margin-bottom: 15px;
 text-align: center;
 line-height: 35px;
 padding-top: 40px;
}
#uti_top_text p
{
    border:1px solid #2C61C4;
    height: 40px;
    width: 100%;
    font-size: 14px;
    border-radius: 5px;
    color: #34302D;
    display: flex;
    align-items: center;
    font-family: light;
    margin-bottom: 20px;
    overflow: hidden;
}
#uti_top_text p span
{
    border-right: 5px solid #0C99C7;
    height: 40px;
    width: 40px;
    font-size: 10px;
    background: #0ADC96;
    color: #fff;
    margin-right: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#uti_top_text p span:before
{
    content: '';
    border:1px solid #17FE41;
    display: inline-block;
    height: 20px;
    width: 20px;
    background: #3E4241;
    position: absolute;
    left: 7px;
    z-index: -1;
    top: 9px;
    transform: rotate(45deg);
}
#uti_top_text a
{
    height: 45px;
    width: 160px;
    border: 1px solid #018EEA;
    text-decoration: none;
    text-align: center;
    background: #018EEA;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    font-family: indmela;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    margin-top: 20px;
    margin-bottom: 50px;
    text-transform: uppercase;
    cursor: none;
    transition: 0.3s ease;
}
#uti_top_text a span
{
    height: 27px;
    width: 27px;
    font-size: 14px;
    background: #4B4A4A;
    color: #fff;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-40deg);
}
#uti_top_text a:hover
{
    background: #018EEA;
}
.about_gency_wrapper
{
    border:1px solid #fff;
    height: auto;
    width: 100%;
    background: #fff;
    margin-bottom: 30px;
}
#inside_about_agency_blog
{
    border:1px solid transparent;
    height: auto;
    width: 100%;
    background: #ECECEC;
    border-radius: 0px;
    padding: 30px;
    margin: auto;
    position: relative;
    margin-bottom: 40px;
}
#inside_about_agency_blog:before
{
    content: '';
    position: absolute;
    bottom: 50px;
    left: 50px;
    height: 200px;
    width: 200px;
    background: #C4C2C2;
    border: 10px solid gray;
    transform: rotate(45deg);
    opacity: 0.1;
}
#inside_about_agency_blog:after
{
    content: '';
    position: absolute;
    top: 50px;
    right: 50px;
    height: 100px;
    width: 100px;
    background: #C4C2C2;
    border: 10px solid gray;
    transform: rotate(45deg);
    opacity: 0.1;
}
#inside_about_agency_blog h2
{
    padding-bottom: 10px;
    font-size: 18px;
    color: #1B8D83;
    font-family: indbold;
}
.about_gency_wrapper p
{
    font-size: 14px;
    color: #161414;
    font-family: light;
    line-height: 25px;
    margin-bottom: 10px;
    letter-spacing: 0.4px;
}
.pan_agency_para {
    height: 120px;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease;
    position: relative;
    z-index: 1;
}
.wrapper_second_p_back_div
{
    border:1px solid transparent;
    height: auto;
    width: 100%;
    background: linear-gradient(to left, #fff 20%, #fff 20%);
    position: relative;
}
.wrapper_second_p_back_div:before
{
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    height: 200px;
    width: 250px;
    border: 1px solid transparent;
    background-image: url('icon/cercle-settings.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: translate(-50%);
    opacity: 0.2;
}
.wrapper_second_p_back_div h2
{
    padding-top: -2px;
    font-size: 18px;
    color: #413C3C;
    font-family: indbold;
    padding-bottom: 20px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}
.wrapper_second_p_back_div h2:before
{
    content: '';
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 50px;
    height: 2px;
    background: linear-gradient(to left, #F40606, #CEDDF9);
    border-radius: 10px;
    overflow: hidden;
}
.wrapper_second_p_back_div h2:after
{
    content: '';
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 50px;
    height: 2px;
    background: linear-gradient(to right, #F40606, #CEDDF9);
    border-radius: 10px;
    overflow: hidden;
}
#twelb_pixel_back_marg
{
    border:1px solid transparent;
    height: auto;
    width: 90%;
    display: block;
    align-items: center;
    margin: auto;
    margin-bottom: 20px;
    text-align:center;
    position: relative;
    z-index: 1;
}
#image-uti-requmended
{
    display: none;
}
#inside_content_id_uti
{
    border:1px solid transparent;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}
#image-uti-logo
{
    border: 1px solid transparent;
    height: 40px;
    min-width: 110px;
    display: flex;
    align-items: center;
    margin-left: -35px;
    justify-content: center;
    text-align: center;
    transform: rotate(90deg);
    position: relative;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    margin-right: calc(100% - 279px);
}
#image-uti-logo img  
{
    height: 100%;
    width: 100%;
}
#inner-a-ling-uti-customer
{
    height: auto;
    min-width: calc(100% - 50px);
    text-align: left;
    left: 0;
    position: relative;
}
#inner-a-ling-uti-customer:before
{
    display: none;
}
#inner-a-ling-uti-customer a
{
    display: block;
    height: 30px;
    line-height: 30px;
    width: 105px;
    background: #0C98C9;
    color: #fff;
    font-size: 11px;
    cursor: none;
    padding-left: 10px;
    text-decoration: none;
    text-align: left;
    margin: 10px auto;
    border-radius: 2px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: color 0.2s ease
}
#inner-a-ling-uti-customer a:nth-child(1){
    margin-top: 0px;
}
#inner-a-ling-uti-customer a:nth-child(3){
    margin-bottom: 0px;
}
#inner-a-ling-uti-customer a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;             
    width: 0%;        
    height: 100%;
    background: #0C99C7;
    z-index: -1;
    transition: width 0.4s ease;   
}
#inner-a-ling-uti-customer a:hover::before {
    width: 100%;
}
#inside_content_id_uti_address
{
    border:1px solid #E1F8FA;
    height: auto;
    min-width: 100%;
    max-width: 100%;
    background: #E1F8FA;
    margin: 30px auto;
    overflow: hidden;
    padding: 20px;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
#inside_content_id_uti_address h3
{
    font-size: 15px;
    color:#2F205F;
    padding: 0;
    font-family: indmela;
    text-align: left;
    border: 1px solid #E1F8FA;
}
#inside_content_id_uti_address p
{
    border-bottom:1px solid #C7D4D5;
    font-size: 13px;
    font-family: light;
    color: #180458;
    display: block;
    margin: auto;
    padding-bottom: 5px;
    margin-top: 10px;
    text-align: left;
}
#inside_content_id_uti_address p *{
    font-family: light;
}
.step_to_a_pancard_apply
{
    border-top:1px solid #BDC1C0;
    height: 310px;
    width:100%;
    background: #fff;
    margin: auto;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 50px;
    position: relative;
}
.step_to_a_pancard_apply:before
{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 200px;
    width: 250px;
    border: 1px solid #fff;
    background-image: url('icon/cercle-settings.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    opacity: 0.3;
}
#inside_step_to_apply_agency
{
    border:1px solid transparent;
    height: auto;
    width: 100%;
    margin: 5px auto;
    display: block;
    align-items: center;
}
#apply_pan_step_inside
{
    border-left: 0px dashed #BDC1C0;
    background: #fff;
    height: auto;
    width:90%;
    display: block;
    text-align: left;
    overflow: hidden;
    margin: auto;
}
#apply_pan_step_inside h2
{
  padding: 20px;
  color: red;
  font-size: 14px;
  color: #3B3C3D;
  border: 1px solid #fff;
  padding-bottom: 2px;
  position: relative;
}
#apply_pan_step_inside h2:before
{
    height: 2px;
    width: 40px;
    content: '';
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    background: linear-gradient(to left, #FD0659 30%, #0C99C7 30%);
    left: 20px;
}
#apply_pan_step_inside p
{
border:1px solid #fff;
 color: #4F5050;
 font-size: 13px;
 font-family: light;
 padding: 3px;
 padding-left: 17px;
 margin-top: 3px;
}


/*Supper Agent Page Design Landing*/
.wrapper-second-landing-super
{
    border: 1px solid #fff;
    height: auto;
    width: 100%;
    background: #fff;
    margin: auto;
    margin-top: 30px;
}
.header-landing-super-agent
{
 border: 1px solid #fff;
 height: 50px;
 width: 90%;
 margin: auto;
 background: #fff;
 padding: 20px 0px;
 display: flex;
 align-items: center;
 justify-content: left;
 position: relative;
}
.header-landing-super-agent h1 
{
    background: #F0F3EC;
    font-size: 13px;
    font-family: light;
    color: #42453D;
    min-width: 165px;
    max-width: 165px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50px;
    overflow: hidden;
}
.download-apk-super-agent
{
    height: auto;
    width: 100%;
    border: 1px solid transparent;
    text-align: right;
}
.download-apk-super-agent a  
{
    text-align: center;
    text-decoration: none;
    color: #0466AD;
    height: 35px;
    border: 1px solid #E4E6E8;
    width: 100px;
    font-size: 12px;
    background: #E4E6E8;
    float: right;
    display: flex;
    cursor: none;
    align-items: center;
    padding-left: 10px;
    font-family: indmela;
    border-radius: 3px;
    overflow: hidden;
}
.download-apk-super-agent a span
{
    height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 20px;
    border-radius: 5px;
    overflow: hidden;
    background: #B0B3B6;
    color: #000;
    margin-left: 5px;
}
.body-super-landing-slider
{
    border: 1px solid #fff;
    height: auto;
    width: 90%;
    margin: auto;
}
.body-super-landing-text
{
    border: 1px solid #fff;
    padding: 20px 0;
}
.body-super-landing-text h1 
{
    font-size: 20px;
    font-family: indbold;
    color: #2E2F2B;
    line-height: 30px;
    text-align: center;
}
.body-super-landing-text p 
{
    font-size: 13px;
    font-family: light;
    color: #2E2F2B;
    line-height: 22px;
    margin: 5px auto;
    padding: 0 10px;
    margin-top: 20px;
}
.body-super-landing-apply
{
    margin-bottom: 10px;
    border: 1px solid #fff;
    display: block;
    align-items: center;
}
#left-bc-agent-landing-img
{
    height: auto;
    min-width: 90%;
    max-width: 90%;
    border: 1px solid #fff;
}
#left-bc-agent-landing-img img  
{
    height: 100%;
    width: 100%;
}
.left-bc-agent-landing-outer
{
    height: auto;
    width: 100%;
    border: 1px solid #fff;
}
#left-bc-agent-landing-btn
{
    height: auto;
    width: 100%;
    border: 1px solid #fff;
    float: none;
}
#left-bc-agent-landing-btn p  
{
    font-size: 12px;
    font-family: indmela;
    color: #2E2F2B;
    line-height: 20px;
    margin: 5px auto;
    letter-spacing: -0.3px;
    text-align: center;
}
#left-bc-agent-landing-btn a 
{
    background: #21DD6F;
    color: #fff;
    font-size: 13px;
    font-family: indmela;
    text-decoration: none;
    text-align: center;
    display: block;
    margin: auto;
    cursor: none;
    margin-top: 30px;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    transition: 0.3s ease;
}
#left-bc-agent-landing-btn a:hover
{
    background: #22E975;
}
.landing-page-why-wrapper
{
    border-bottom: 1px solid #DBE5E6;
    height: auto;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 50px;
}
.landing-page-why-wrapper h2  
{
    border: 1px solid #fff;
    width: 90%;
    margin: auto;
    font-size: 17px;
    color: #3C413E;
    font-family: indbold;
    padding-left: 0px;
    line-height: 30px;
    position: relative;
}
.landing-page-why-wrapper h2:before
{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0px;
    height: 3px;
    width: 70px;
    background: linear-gradient(to left, #A12356, #0AB5B8);
    border-radius: 10px;
    overflow: hidden;
}
.landing-page-why-outer
{
    border: 1px solid transparent;
    width: 100%;
    margin: auto;
    display: block;
    align-items: center;
}
.landing-page-why-text-left
{
    border: 1px solid transparent;
    margin-right: 0px;
    padding: 20px;
}
.landing-page-why-text-left p   
{
    color: #303432;
    font-size: 13px;
    font-family: light;
    line-height: 23px;
}
.landing-page-why-text-left a 
{
    color: #fff;
    background: #436AC3;
    height: 40px;
    width: 125px;
    font-size: 13px;
    font-family: light;
    cursor: none;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin: 25px 0px 0;
  padding-left: 10px;
  border-radius: 3px;
  overflow: hidden;
}
.landing-page-why-text-left a span
{
    height: 27px;
    width: 27px;
    background: #4778E8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    text-align: center;
    transform: rotate(-45deg);
}
.landing-page-why-img-right
{
    border: 1px solid #E4E9E6;
    height: auto;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    background: #F8FBF9;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 0px;
}
.landing-page-why-img-right img  
{
    height: 100%;
    width: 100%;
}
#tiitle-for-agen-register 
{
    color: #323031;
    font-size: 15px;
    font-family: indmela;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    border: 1px solid #fff;
    border-top-color: #F8FBFA;
    position: relative;
}
#tiitle-for-agen-register:before
{
    content: '';
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    height: 2px;
    width: 70px;
    background: linear-gradient(to left, red, #134971);
    border-radius: 10px;
    overflow: hidden;
}
#tiitle-for-agen-register:after
{
    content: '';
    position: absolute;
    bottom: 58px;
    left: 50%;
    transform: translate(-50%);
    height: 2px;
    width: 70px;
    background: linear-gradient(to right, red, #134971);
    border-radius: 10px;
    overflow: hidden;
}
#register-place-main
{
    height: auto;
    width: 100%;
    border: 1px solid transparent;
    display: block;
    align-items: center;
}
#register-place
{
    height: auto;
    width: 90%;
    border: 1px solid #fff;
    margin: auto;
    margin-left: 5%;
}
.wrapper-super-landing-register
{
    height: auto;
    width: 100%;
    border: 1px solid #BFC5C2;
    margin: 10px 0;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
}
.wrapper-super-landing-register table
{
    border: 1px solid #fff;
    border-collapse: collapse;
    height: auto;
    width: 100%;
    margin: auto;
    margin-top: 20px;
}
.wrapper-super-landing-register table td   
{
    border: 1px solid #fff;
    padding: 10px 20px;
    width: 45%;
}
.wrapper-super-landing-register label
{
    border: 1px solid #fff;
    font-size: 13px;
    font-family: indmela;
    display: block;
    color: #3F4141;
}
.wrapper-super-landing-register input  
{
    height: 40px;
    width: 100%;
    background: #fff;
    border: 1px solid #1478C1;
    padding: 0 5px;
    font-size: 12px;
    font-family: light;
    outline: none;
    margin-top: 5px;
    margin-bottom: 2px;
    border-radius: 5px;
    color: #2F3130;
    overflow: hidden;
}
.wrapper-super-landing-register input::placeholder
{
    color: #BFC1C1;
}
.wrapper-super-landing-register input:focus {
    border-color: #2089D6;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    outline: none;
}
#submit-landing-agent-btn
{
    height: 45px;
    width: 100%;
    color: #fff;
    background: #1478C1;
    outline: none;
    font-size: 13px;
    border: 1px solid #1478C1;
    border-radius: 5px;
    overflow: hidden;
    font-family: indmela;
    cursor: default;
}
#note-register
{
    font-size: 11px;
    line-height: 17px;
    color: #2B343A;
    font-family: light;
    background: #EEF5FA;
    padding: 10px 10px;
    border-radius: 3px;
    border-left: 3px solid #F24405;
    overflow: hidden;
}
#error-landing
{
    font-size: 12px;
    color: #FA0B07;
    font-family: light;
    margin-bottom: 15px;
    padding: 0 20px;
    border: 1px solid #fff;
    height: 18px;
}
.image-register-landing
{
    display: none;
}


/* Pan Card Kyc Page */
.pan_kyc_page_first_wrapper
{
    height: auto;
    width: 100%;
    margin: auto;
    background: transparent;
    position: relative;
    border:1px solid #fff;
}
.top_header_pan_card_kyc_indmela
{
    border:1px solid #F6F6FA;
    height: auto;
    width: 100%;
    background: #fff;
    margin: auto;
    border-radius: 10px;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.top_header_pan_card_kyc_indmela:before
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('icon/shape.png');
    opacity: 0.3;
    height: 100%;
    width: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.top_header_pan_card_kyc_indmela h1
{
    border:1px solid #fff;
    font-size: 22px;
    color: #494445;
    font-family: indmela;
    padding: 30px 0 15px;
    position: relative;
    text-align: center;
}
#flex-heder-pan-kyc
{
    border: 1px solid transparent;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0;
}
.top_header_pan_card_kyc_indmela h2
{
    border:1px solid #D0DBEE;
    font-size: 25px;
    height: 30px;
    width: 100%;
    color: #401A7F;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 5px;
}
.top_header_pan_card_kyc_indmela h2 span
{
    display: inline-block;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    border-right: 5px solid #099DC2;
    color: #9523EC;
}
.top_header_pan_card_kyc_indmela a
{
    border:1px solid #fff;
    font-size: 11px;
    text-decoration:none;
    color: #595656;
    overflow: hidden;
    font-family: light;
    margin-left: 5px;
    cursor: none;
    transition: 0.3s ease;
}
.top_header_pan_card_kyc_indmela a:hover
{
    color: #2163DF;
}
.top_header_pan_card_kyc_indmela a i  
{
    transform: rotate(90deg);
    margin-left: 3px;
    color: #099DC2;
}
.outer-wrapper-pan-kyc
{
    height: auto;
    width: 100%;
    background:#fff;
    position: relative;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid #A19694;
}
.outer-wrapper-pan-kyc:before
{
    content: '';
    position: absolute;
    top: -150px;
    left: -150px;
    height: 300px;
    width: 300px;
    border: 10px solid red;
    background: gray;
    border-radius: 50%;
    opacity: 0.1;
}
.flex-pan-kyc
{
    height: auto;
    width: 90%;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid transparent;
    margin: auto;
}
.ask_quastion_pan_card_kyc_page
{
    height: auto;
    width: 100%;
    margin: 10px auto;
    text-align: left;
    border:1px solid transparent;
    margin-right: 0px;
    padding-left: 0px;
}
.ask_quastion_pan_card_kyc_page h3
{
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 15px;
    font-family: indbold;
    text-align: center;
    color: #3A3E3D;
    position: relative;
    letter-spacing: 0.5px;
}
.ask_quastion_pan_card_kyc_page h3:before
{
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
    height: 2px;
    width: 80px;
    background: #07746B;
    border-radius: 10px;
    overflow: hidden;
}
.ask_quastion_pan_card_kyc_page h4
{
    padding-top: 10px;
    padding-bottom: 5px;
    color: #06756B;
    font-size: 13px;
    line-height: 20px;
    font-family: indmela;
    letter-spacing: 0.5px;
}
.ask_quastion_pan_card_kyc_page p
{
    color: #616463;
    font-size: 12px;
    font-family: light;
    line-height: 17px;
    letter-spacing: 0.3px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DBE5E6;
}
.ask_quastion_pan_card_kyc_page p:last-child {
    border-bottom: none;
}
.input_data_wrraper_pan_kyc_ind { 
    border:1px solid #DBE8E3;
 height: auto; 
 margin: auto; 
 min-width: 100%; 
 max-width: 100%;
  margin: 20px auto; 
  background: #DBE8E3; 
  margin-right: 0px;
   border-radius: 10px; 
   overflow: hidden; }

.input_data_wrraper_pan_kyc_ind table
{
    border:1px solid #DBE8E3;
    height: auto;
    width: 100%;
    margin: 30px auto;
    border-collapse: collapse;
}
.input_data_wrraper_pan_kyc_ind table td
{
    border:1px solid #DBE8E3;
    position: relative;
    width: 100%;
    display: block;
    padding: 0 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.input_data_wrraper_pan_kyc_ind input
{
    height: 45px;
    padding: 0px 5px;
    width: 100%;
    font-size: 13px;
    outline: none;
    color: #121517;
    border: 1px solid #0F81D0;
    border-radius: 5px;
    overflow: hidden;
    background: #DBE8E3;
}
.input_data_wrraper_pan_kyc_ind input:focus{
    border: 1.5px solid #0A95F5;
}
#mobile_number_pan_kyc:focus~.tittle_pna_input,
#mobile_number_pan_kyc:not(:placeholder-shown)#mobile_number_pan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
#email_input_pan_kyc:focus~.tittle_pna_input,
#email_input_pan_kyc:not(:placeholder-shown)#email_input_pan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
#name_profile_pan_kyc:focus~.tittle_pna_input,
#name_profile_pan_kyc:not(:placeholder-shown)#name_profile_pan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
#pan_card_numbe_rpan_kyc:focus~.tittle_pna_input,
#pan_card_numbe_rpan_kyc:not(:placeholder-shown)#pan_card_numbe_rpan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
#addre_pan_kyc_pan_kyc:focus~.tittle_pna_input,
#addre_pan_kyc_pan_kyc:not(:placeholder-shown)#addre_pan_kyc_pan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
#postal_pan_kyc_pan_kyc:focus~.tittle_pna_input,
#postal_pan_kyc_pan_kyc:not(:placeholder-shown)#postal_pan_kyc_pan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
#ct_pan_kyc_pan_kyc:focus~.tittle_pna_input,
#ct_pan_kyc_pan_kyc:not(:placeholder-shown)#ct_pan_kyc_pan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
#date_of_birth_pan_pan_kyc:focus~.tittle_pna_input,
#date_of_birth_pan_pan_kyc:not(:placeholder-shown)#date_of_birth_pan_pan_kyc:not(:focus)~.tittle_pna_input
{
    transform: translateY(-23px);
    color: #232628;
    font-size: 12px;
}
.tittle_pna_input
{
    color: #928F8F;
    font-size: 12px;
    position: absolute;
    bottom: 37px;
    font-family: light;
    left: 27px;
    pointer-events: none;
    transition: all 0.3s ease;
    background: #DBE8E3;
    width: auto;
    height: 15px;
    letter-spacing: 0.3px;
    line-height: 15px;
    display: block;
}
.input_data_wrraper_pan_kyc_ind select
{
    height: 45px;
    padding: 0px 2px;
    width: 100%;
    font-size: 13px;
    outline: none;
    border-radius: 5px;
    cursor: default;
    color: #928F8F;
    font-family: light;
    overflow: hidden;
    background: #DBE8E3;
    border: 1px solid #0F81D0;
}
.input_data_wrraper_pan_kyc_ind select::-webkit-scrollbar {
    width: 5px;             
}
.input_data_wrraper_pan_kyc_ind select::-webkit-scrollbar-track {
    background: transparent;
}
.input_data_wrraper_pan_kyc_ind select::-webkit-scrollbar-thumb {
    background: #C7C7C7;
    border-radius: 10px;
}
.input_data_wrraper_pan_kyc_ind select::-webkit-scrollbar-thumb:hover {
    background: #9E9E9E;
}
.input_data_wrraper_pan_kyc_ind p
{
    color: #EE3108;
    font-size: 10px;
    font-family: light;
    letter-spacing: 0.5px;
  height: 15px;
  line-height: 15px;
  width: 100%;
  margin-top: 3px;
  text-align: left;
}
.wrraper_terms_pan_kyc_page
{
    height: 40px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #DBE8E3;
    display: flex;
    align-items: center;
}
.wrraper_terms_pan_kyc_page a
{
    display: inline-block;
    height: 34px;
    width: 160px;
    font-size: 12px;
    color: #3A2D2A;
    cursor: none;
    line-height: 34px;
    text-decoration: none;
    text-align: left;
}
#term_pan_kyc_input {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  background: transparent; 
  border: 1.5px solid #0F81D0;
  border-radius: 0px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
#term_pan_kyc_input:checked {
  background: #0F81D0;
  border-color: #0F81D0;
}
#term_pan_kyc_input:checked::after {
  content: "✔";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 12px;
  color: #fff;
}
#pan_card_kyc_data_submit
{
    height: 45px;
    width: 100%;
    color: #fff;
    font-size: 12px;
    background: #0F81D0;
    outline: none;
    text-align: center;
    float: left;
    border:1px solid #0F81D0;
    cursor: default;
    border-radius: 5px;
    text-transform: uppercase;
}
#article_note_pan_kyc_page_warp
{
    border-left:5px solid #F779A1;
    height: auto;
    width: 90%;
    margin: auto;
    background: #E4ECEB;
    margin: 50px auto;
    border-radius: 10px;
    overflow: hidden;
}
#article_note_pan_kyc_page_warp h6
{
    color: #F20953;
    font-size: 15px;
    font-weight: 400;
    padding: 0px 20px;
    font-family: indmela;
    padding-top: 20px;
    padding-bottom: 5px;
}
#article_note_pan_kyc_page_warp p
{
    border:1px solid #E4ECEB;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 22px;
    color: #3B3739;
    padding: 0px 20px;
    font-family: light;
    margin-bottom: 20px;
}
#article_note_pan_kyc_page_warp a
{
    border:none;
    font-size: 13px;
    text-decoration:none;
    line-height: 15px;
    cursor: none;
    font-family: indmela;
    text-align: center;
    border-radius: 2px;
    color: #038DCD;
}

/*full kyc indmela upload and request page*/
.full-kyc_document-wrapper-main
{
    height: auto;
    width: 100%;
    margin: auto;
    margin-top: 1px;
    margin-bottom: 80px;
    border:1px solid #fff;
    background: #fff;
    position: relative;
}
#top_header_full_kyc_wrapper
{
    border:1px solid #fff;
    height: auto;
    width: 100%;
    margin: auto;
    background: #fff;
    overflow: hidden;
    display: block;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
}
#top_header_full_kyc_wrapper:before
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('icon/shape.png');
    opacity: 0.3;
    height: 100%;
    width: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
#top_header_full_kyc_wrapper:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('icon/shape.png');
    opacity: 0.3;
    height: 100%;
    width: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
#top_header_full_kyc_wrapper h1
{
    font-size: 18px;
    color: #242B4C;
    width: 100%;
    font-family: indbold;
    height: auto;
    width: 100%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: center;
}
#top_header_full_kyc_wrapper h1:before
{
    display: none;
}
#top_header_full_kyc_wrapper h2
{
    color: #053F57;
    font-size: 15px;
    border:1px solid #099DC2;
    height: 40px;
    width: 90%;
    font-family: indmela;
    display: flex;
    align-items: center;
    z-index: 1;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 20px;
    text-align: left;
    background: linear-gradient(to left, #099DC2 1%,#fff 1%);
    border-radius: 3px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
#top_header_full_kyc_wrapper span
{
    border:1px solid transparent;
    display: inline-block;
    overflow: hidden;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    margin-right: 5px;
    justify-content: center;
    text-align: center;
    border-right: 3px solid #099DC2;
}
#top_header_full_kyc_wrapper span img 
{
    height: 70%;
    width: 70%;
}
#top_header_full_kyc_wrapper a
{
    border:1px solid transparent;
    font-weight: 400;
    color: #0A77C7;
    font-size: 12px;
    font-family: light;
    text-decoration: none;
    height: 30px;
    cursor: none;
    display: inline-block;
    line-height: 30px;
    transition: 0.3s ease;
}
#top_header_full_kyc_wrapper a:hover
{
    color: #7421C7;
}
.flex-full-kyc-outer
{
    height: auto;
    width: 100%;
    border: 1px solid transparent;
    margin: auto;
    display: block;
    align-items: center;
}
.flex-full-kyc-outer:before
{
    content: '';
    position: absolute;
    top: 2%;
    right: 0;
    background-image: url('icon/shape.png');
    opacity: 0.3;
    height: 100%;
    width: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.flex-full-kyc-outer:after
{
    content: '';
    position: absolute;
    bottom: 20px;
    left: 0;
    background-image: url('icon/shape.png');
    opacity: 0.3;
    height: 500px;
    width: 70px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
#contint_data_full_kyc_warpper_id
{
    background: #fff;
    border:1px solid #fff;
    height: auto;
    min-width: 90%;
    max-width: 90%;
    border-radius: 10px;
    box-shadow:  0 0 20px rgba(0, 0, 0, 0.1);
    margin: 30px auto;
}
#contint_data_full_kyc_warpper_id table
{
    border:1px solid #fff;
    border-collapse: collapse;
    height: auto;
    width: 100%;
    margin: 15px auto;
    margin-bottom: 40px;
}
#contint_data_full_kyc_warpper_id table td
{
    border:1px solid #fff;
    position: relative;
    width: 50%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
#contint_data_full_kyc_warpper_id input
{
    height: 40px;
    width: 100%;
    border:1px solid #0781F4;
    font-size: 13px;
    background-color: #fff;
    font-family: light;
    text-align: left;
    padding: 0 7px;
    color: #3E3B3B;
    outline: none;
    border-radius: 5px;
    transition: 0.1s ease;
    margin-bottom: 1px;
    margin-top: 3px;
}
#contint_data_full_kyc_warpper_id input:focus
{
    border: 1px solid #4871E7;
}
#mobile_register_full_kyc:focus~.label_clas_for_full_kyc_ind,
#mobile_register_full_kyc:not(:placeholder-shown)#mobile_register_full_kyc:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#email_id_profile_ful_kyc:focus~.label_clas_for_full_kyc_ind,
#email_id_profile_ful_kyc:not(:placeholder-shown)#email_id_profile_ful_kyc:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#name_input_full_kyc_user:focus~.label_clas_for_full_kyc_ind,
#name_input_full_kyc_user:not(:placeholder-shown)#name_input_full_kyc_user:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#father_name_full_kyc:focus~.label_clas_for_full_kyc_ind,
#father_name_full_kyc:not(:placeholder-shown)#father_name_full_kyc:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#mother_name_full_kyc:focus~.label_clas_for_full_kyc_ind,
#mother_name_full_kyc:not(:placeholder-shown)#mother_name_full_kyc:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#pan_number_full_kyc:focus~.label_clas_for_full_kyc_ind,
#pan_number_full_kyc:not(:placeholder-shown)#pan_number_full_kyc:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#dob_full_kyc_input:focus~.label_clas_for_full_kyc_ind,
#dob_full_kyc_input:not(:placeholder-shown)#dob_full_kyc_input:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#pin_zip_code_input:focus~.label_clas_for_full_kyc_ind,
#pin_zip_code_input:not(:placeholder-shown)#pin_zip_code_input:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#addres_ddress_full_kyc:focus~.label_clas_for_full_kyc_ind,
#addres_ddress_full_kyc:not(:placeholder-shown)#addres_ddress_full_kyc:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
#city_enter_full_kyc:focus~.label_clas_for_full_kyc_ind,
#city_enter_full_kyc:not(:placeholder-shown)#city_enter_full_kyc:not(:focus)~.label_clas_for_full_kyc_ind
{
    transform: translateY(-21px);
    color: #0776D9;
    font-size: 12px;
}
.label_clas_for_full_kyc_ind
{
    color: #C2C0C0;
    font-size: 11px;
    font-family: light;
    position: absolute;
    bottom: 27px;
    left: 18px;
    pointer-events: none;
    transition: all 0.3s ease;
    background: #fff;
    width: auto;
    height: 15px;
    line-height: 15px;
    display: block;
}
#contint_data_full_kyc_warpper_id p
{
    color: #E53333;
    font-size: 10px;
    font-family: light;
    width: 100%;
    height: 15px;
    line-height: 15px;
}
#contint_data_full_kyc_warpper_id select
{
  height: 40px;
    width: 100%;
    border:1px solid #0781F4;
    font-family: light;
    font-size: 11px;
    background: #fff;
    text-align: left;
    outline: none;
    cursor: pointer;
    color: #C2C0C0;
    border-radius: 5px;
    padding: 0 5px;
}
#contint_data_full_kyc_warpper_id select::-webkit-scrollbar {
    width: 5px;             
}
#contint_data_full_kyc_warpper_id select::-webkit-scrollbar-track {
    background: transparent;
}
#contint_data_full_kyc_warpper_id select::-webkit-scrollbar-thumb {
    background: #C7C7C7;
    border-radius: 10px;
}
#contint_data_full_kyc_warpper_id select::-webkit-scrollbar-thumb:hover {
    background: #9E9E9E;
}
#upload-document-wrapper
{
    height: 40px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
#contint_data_full_kyc_warpper_id #design_file_upload2_selfy,
#contint_data_full_kyc_warpper_id #design_file_upload2_adhar_image,
#contint_data_full_kyc_warpper_id #design_file_upload2_pan_image,
#contint_data_full_kyc_warpper_id #design_file_upload2_kyc_from_imgae
{
    height: 0px;
    width: 0px;
    cursor: none;
    background: #F9F9F9;
}
#contint_data_full_kyc_warpper_id #design_file_upload2_selfy::-webkit-file-upload-button
{
    width: 0px;
    position: absolute;
    left: 0px;
    height: 0px;
    color: #F9F9F9;
    background: #fff;
}
.border_responce_class_3,
.border_responce_class_2,
.border_responce_class_1,
.border_responce_class_4
{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    color: #C2C0C0;
    display: flex;
    align-items: center;
    cursor: pointer;
    border:1px solid #0781F4;
    font-size: 11px;
    padding-left: 5px;
    font-family: light;
    margin-bottom: 3px;
    overflow: hidden;
    padding-right: 5px;
    background: #fff;
}
.border_responce_class_3 i,
.border_responce_class_2 i,
.border_responce_class_1 i,
.border_responce_class_4 i{
    margin-right: 5px;
    color: #C2C0C0;
}
#contint_data_full_kyc_warpper_id #for-block-style {
    width: calc(200% + 1px);   
    margin-left: 0;
    border: 1px solid #fff;
    height: 45px;
    display: block;
    padding: 0 10px;
}
.wrraper_terms_full_kyc_page
{
    height: 25px;
    width: 100%;
    border:1px solid #fff;
    display: flex;
    font-family: light;
    color: #373535;
    font-size: 12px;
    align-items: center;
}
.wrraper_terms_full_kyc_page a
{
    width: auto;
    border:1px solid #F9F9F9;
    font-size: 12px;
    display: flex;
    cursor: none;
    align-items: center;
    color: #0D6FC5;
    font-family: light;
    text-decoration: none;
    text-align: left;
}
#contint_data_full_kyc_warpper_id input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  min-width: 17px;
  max-width: 17px;
  height: 15px;
  padding: 0;
  margin: 0px;
  border-radius: 0px;
  background: transparent; 
  border: 1.5px solid #0781F4;
  border-radius: 0px;
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  transition: all 0.2s ease;
}
#contint_data_full_kyc_warpper_id input[type="checkbox"]:checked {
  background: #1869BF;
  border-color: #1869BF;
}
#contint_data_full_kyc_warpper_id input[type="checkbox"]:checked::after {
  content: "✔";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 12px;
  color: #fff;
}
#sumbit_uid_kyc_btn
{
    height: 50px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    background: #1869BF;
    outline: none;
    text-align: center;
    font-family: indmela;
    float: right;
    border:1px solid #1869BF;
    cursor: none;
    border-radius: 5px;
}
.step_to_full_kyc_lining_wrapper
{
    height: 100%;
    width: 100%;
    border:1px solid transparent;
    margin: auto;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
}
.step_to_full_kyc_lining_wrapper:before
{
    content: '';
    position: absolute;
    top: 25%;
    right: 10%;
    transform: translate(10%);
    height: 200px;
    width: 200px;
    background-image: url('icon/hyperlink.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    opacity: 0.1;
}
.step_to_full_kyc_lining_wrapper h2
{
  color: #203D45;
  font-size: 16px;
  text-align: left;
  font-family: indmela;
  padding: 20px 10px;
}
#step_progres_full_kyc_inner_wrap
{
    height: auto;
    width: 100%;
    text-align: left;
    border-top: 1px solid #DBE5E6;
    border-bottom: 1px solid #DBE5E6;
}
#step_progres_full_kyc_inner_wrap ul 
{
    text-align: left;
    border:1px solid transparent;
    width: 91%;
    list-style: none;
}
#step_progres_full_kyc_inner_wrap ul li
{
    display: flex;
    align-items: center;
    border:1px solid transparent;
    width: 100%;
    height: 70px;
    text-align: left;
}
#step_progres_full_kyc_inner_wrap p
{
 color: #0D2135;
 font-weight: 400;
 font-size: 13px;
 font-family: light;
}
#step_progres_full_kyc_inner_wrap h6 {
  height: 30px;
  width: 30px;
  line-height: 25px;
  text-align: center;
  font-size: 14px;
  margin: 5px 0;
  border: 3px solid #0AB00C;
  background: #D2D4D2;
  color: #1F5587;
  position: relative;
  font-family: indmela;
  border-radius: 50%;
  z-index: 2;
  margin-right: 10px;
  cursor: pointer;
}
#step_progres_full_kyc_inner_wrap h6::after {
  content: '';
  position: absolute;
  top: 27px;
  left: 10.5px;
  height: 8vh;
  width: 3px;
  background: #0AB00C;
}
#step_progres_full_kyc_inner_wrap ul li:last-child h6::after {
  display: none;
  height: 0;
}
.right-para-full-kyc
{
  border: 1px solid transparent;
  height: auto;
  width: 90%;
  padding-left: 0px;
}
.right-para-full-kyc p
{
 color: #0D2135;
 font-weight: 400;
 margin-top: 30px;
 font-size: 12px;
 line-height: 22px;
 font-family: light;
 padding-top: 10px;
}
.right-para-full-kyc p b 
{
    color: #2E5D2F;
}


/*Prepaid and dth Recharge*/
.wrapper-main-prepaid-dth
{
    width: 100%;
    display: block;
    align-items: flex-start; 
    background: #F4F4F4;
    margin-bottom: -25px;
    flex-direction: column;
}
.wrapper-left-prepaid-dth
{
    width: 100%;
    min-height: 130px; 
    background: #444246;
    position: sticky;
    top: 0;
    overflow: hidden;
    flex-shrink: 0;
}
.wrapper-left-prepaid-dth:before
{
    content: '';
    position: absolute;
    bottom: -250px;
    right: -50px;
    height: 300px;
    width: 300px;
    border: 30px solid #6D6B6E;
    background: gray;
    border-radius: 50%;
    opacity: 0.2;
}
.wrapper-left-prepaid-dth h1
{
  color: #fff;
  font-size: 22px;
  font-family: indbold;
  padding: 0 30px;
  padding-top: 30px;
  padding-bottom: 5px;
}
.wrapper-left-prepaid-dth p
{
  color: #C6C3C8;
  font-size: 13px;
  line-height: 20px;
  font-family: light;
  padding: 0 30px;
}
.rotating-left-squre-image {
    height: 120px;
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.rotating-left-squre-image img  
{
    height: 100%;
    width: 100%;
}
.wrapper-right-prepaid-dth
{
    width: 100%;
    height: auto; 
    margin-left: 0;
    margin-top: -30px;
    background: #fff;
    position: relative;
    z-index: 1;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.recharge-tittle-top
{
    display: none;
}
.recharge-box-and-cashback
{
    height: auto;
    width: 94%;
    display: block;
    margin: auto;
}
.input-recharge-box
{
    border: 1px solid transparent;
    height: 400px;
    min-width: 100%;
    margin-right: 0;
    max-width: 100%;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    margin-top: 10px;
}
.input-recharge-box table
{
    border: 1px solid transparent;
    height: auto;
    margin: auto;
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}
.input-recharge-box table td  
{
    padding: 11px 20px;
    border: 1px solid transparent;
}
.input-recharge-box label {
    display: block;
    font-size: 13px;
    font-family: indmela;
    margin-bottom: 6px;
    color: #69676A;
}
.input-recharge-box input {
    width: 100%;
    padding: 15px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    font-family: light;
    color: #4B494D;
    font-size: 14px;
    background: #fff;
    transition: 0.3s ease;
}
.input-recharge-box input::placeholder
{
    color: #D8D6DA;
    font-size: 13px;
}
.input-recharge-box input:focus
{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-color: #2E7BCB;
}
.custom-select {
    position: relative;
    width: 100%;
}
.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #E5E6E8;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    display: none;
    max-height: 180px;
    overflow-y: auto;
    z-index: 999;
}
.custom-options::-webkit-scrollbar{
     display: none;             
        width: 0;
        height: 0;
}
.custom-options::-webkit-scrollbar-track {
  background: transparent; 
}
.custom-options::-webkit-scrollbar-thumb {
  background: transparent; 
}
.custom-options::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}
.custom-options {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin !important;
}
.custom-options li {
    padding: 10px;
    cursor: default;
    font-size: 13px;
    font-family: light;
    color: #414447;
    display: flex;
    align-items: center;
}
.custom-options li span
{
    height: 23px;
    width: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 3px;
}
.custom-options li span img  
{
    height: 100%;
    background: transparent;
    width: 100%;
    border-radius: 50%;
    padding: 3px;
}
.custom-options li:hover {
    background: #F7F7F7;
}
.input-recharge-box button
{
    height: 55px;
    width: 100%;
    border: 1px solid #1296C7;
    color: #fff;
    background: #1296C7;
    outline: none;
    border-radius: 6px;
    cursor: default;
    font-size: 13px;
    font-family: indmela;
}
.outer-cashback-offer-recharge {
   display: none;
}
.outer-cashback-offer
{
    height: auto;
    width: 100%;
    border: 1px solid #ECEFF1;
    margin: 0 auto;
    display: flex;
    background: #ECEFF1;
    padding: 20px 5%;
    align-items: center;
    border-radius: 0;
    position: relative;
}
.outer-cashback-offer:before
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100px;
    background-image: url('icon/shape.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    opacity: 0.2;
}
.animation-cashback-offer {
    height: 100px;
    min-width: 100px;
    max-width: 100px;
    background: #D7D8DA; 
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow:
        inset 3px 3px 6px rgba(255,255,255,0.9),
        inset -3px -3px 6px rgba(0,0,0,0.08),
        0 10px 25px rgba(0,0,0,0.15);
}
.animation-cashback-offer h1 {
    font-size: 40px;
    font-family: indbold;
    color: #3b1a5e; 
    margin: 0;
    letter-spacing: 2px;
    text-shadow:
        1px 1px 0 #ffffff,
        2px 2px 0 #d6dbe0,
        3px 3px 0 #bfc6cc,
        4px 4px 0 #a9b1b8,
        6px 6px 12px rgba(0,0,0,0.25);
}
.animation-cashback-offer h3 {
    margin-top: 7px;
    font-size: 12px;
    font-family: indbold;
    letter-spacing: 0.5px;
    color: #3B3939;
    text-transform: capitalize;
    text-align: center;
    animation: cashbackPulse 2s ease-in-out infinite;
}
@keyframes cashbackPulse {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0.75;
    }
    50% {
        transform: translateY(-5px) scale(1.05);
        opacity: 1;
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 0.75;
    }
}
.cashback-right-offer
{
    height: auto;
    width: 100%;
    padding-left: 10px;
    border: 1px solid transparent;
}
.cashback-right-offer h5
{
  color: #5D5D5D;
  font-size: 13px;
  font-family: indbold;
}
.cashback-right-offer p
{
  color: #3C4146;
  font-size: 12px;
  padding-top: 5px;
  word-break: break-all;
  text-align: left;
  line-height: 19px;
  font-family: light;
}
.recharge-offering-para
{
    background: #F6F9FB;
    border: 1px solid #F6F9FB;
    height: auto;
    width: 100%;
    margin: auto;
    border-radius: 0px;
    overflow: hidden;
    padding: 25px;
    border-top: none;
}
.recharge-offering-para h3
{
  color: #656666;
  font-size: 15px;
  font-family: indbold;
}
.recharge-offering-para p
{
  color: #3C4146;
  font-size: 13px;
  word-break: break-all;
  padding-top: 5px;
  line-height: 22px;
  font-family: light;
}
.sugest-recharge-app-download
{
    background: #F6F9FB;
    border: 1px solid #F6F9FB;
    height: auto;
    width: 100%;
    margin: auto;
    border-radius: 0;
    overflow: hidden;
    margin-top: 2px;
    padding: 25px;
    position: relative;
    border-bottom: none;
    margin-bottom: 20px;
    padding-bottom: 50px;
    border-top-color: #ccc;
}
.sugest-recharge-app-download:before
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100px;
    background-image: url('icon/shape.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    opacity: 0.2;
}
.sugest-recharge-app-download h2
{
  color: #386697;
  font-size: 14px;
  text-align: center;
  padding-bottom: 10px;
  position: relative;
  font-family: indbold;
}
.sugest-recharge-app-download h2:before
{
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    height: 2px;
    width: 30px;
    background: linear-gradient(250deg, red, #3083DA);
}
.sugest-recharge-app-download h2:after
{
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    height: 2px;
    width: 30px;
    background: linear-gradient(250deg, red, #3083DA);
}
.sugest-recharge-app-download b  
{
    font-size: 12px;
}
.sugest-recharge-app-download p
{
  color: #2B427D;
  font-size: 12px;
  line-height: 20px;
  font-family: light;
  text-align: left;
  word-break: break-all;
}
.sugest-recharge-app-download p font
{
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    color: #44304C;
    font-family: light;
    justify-content: center;
}
.sugest-recharge-app-download a 
{
    text-decoration: none;
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    background: transparent;
    height: 30px;
    margin-top: 20px;
    width: 100px;
    overflow: hidden;
}
.sugest-recharge-app-download a img  
{
    height: 100%;
    width: 100%;
}









}