@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(fonts/Roboto-Thin.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Roboto-Light.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/Roboto-Medium.ttf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-Bold.ttf) format('opentype');
}
@font-face {
    font-family: 'Rupee';
    font-style: normal;
    font-weight: 600;
    src: local('Rupee'), local('Rupee'), url(fonts/Rupee_Foradian.ttf) format('opentype');
}
body, html{padding: 0;margin: 0;height: 100%}
a{text-decoration: none !important; color: #0076CC;}
body { font-family: 'poppins', sans-serif; font-weight: 400; overflow-x: hidden; overflow-y: auto; font-size: 15px; line-height: 1.5; letter-spacing: .5px; 
position: relative; ; width: 100%;  }
.rightpt:after{position: absolute; content: ""; right: 0; background: url("../images/right_pattrn.png") no-repeat; width: 300px; height: 594px; opacity: 0.1;top: 50%; transform: translateY(-50%);}

.x_panel { background: #fff; padding: 1.75rem; margin-bottom: 1.5rem !important; border-radius: 10px; box-shadow: -3px 3px 11px #dadada; position: relative;}
.iifl_securities_logo{vertical-align: middle;padding-right: 15px; width: 260px;border-right: 1px solid #d4d4d4;}
.logo span{font-weight:300;font-size: 28px;display:inline-block;text-align: center;vertical-align: middle;line-height: 1;}
.lbsheader { padding-left: 15px; color: #1E1C57; font-size: 2rem; display: inline-block; vertical-align: middle;}
.welcome_text h2{font-size: 2.5rem; font-weight: 600; color: #1E1C57; line-height: 1.5;}
.welcome_text p{font-size: 1.5rem; font-weight: 300; color: #1E1C57; opacity: 0.6;}
.form_box h3 { font-size: 1.75rem; font-weight: 600; color: #1E1C57; }
.form_box p { font-size: 14px; font-weight:400; color: #1E1C57;opacity: 0.7; }
.orange_box_top:after{position: absolute; content: ""; background: #f36f21; border-radius: 10px; top: -10px; width: 100%; height: 36px; left: 0; right: 0; margin: 0 auto; padding: 0; z-index: -1;}
.karvy_popup h2{ font-size: 1.5rem; font-weight: 500; color: #1E1C57;}
.karvy_popup p { font-size: 14px; font-weight: 400; color: #1E1C57;opacity: 0.7;}
.account_op_free{background: #fff; border: 1px solid #F36F21; border-radius: 15px; padding:1.5rem;}
.charge_free h2{font-size: 3rem; color: #F56E28; font-weight: 600; margin: 0; padding: 0}
.charge_free p{font-size: 13px; color: #808080; font-weight:500;}
.dvcart label { display: block; font-size: 14px; color: #313131; margin-bottom: .25rem; font-weight: 400; opacity: 0.6; }
.dvcart label.bluelbl { font-size: 1.1rem; color: #1E1C57; line-height: 1.1; display: block; position: relative;opacity: 1; }
.dvcart span.bluelbl { font-size: 1.1rem; color: #1E1C57; line-height: 1.1; display: block; position: relative;}
.dvcart .edit{ font-size: 12px; color: #F56E28; font-weight: 400; cursor: pointer; padding-left: 0.5rem;}
.acp{opacity: 0.7; color:#1E1C57; font-size: 12px; font-weight: 500;}
.opcity_1{opacity: 1 !important;}
#ContinueToNSDL p{font-size: 15px; color: #1E1C57; font-weight: 400;}
#ContinueToNSDL p span{ color: #F37021; display: block;}
.congratulation_grid p{font-size: 14px; color: #1E1C57; font-weight: 400; padding: 0 1rem; opacity: 0.7;}
.downlod_app img{width: 150px;}
.main_checkbox_select{margin-top:15px !important;list-style: none; margin: 0; padding: 0;}
.main_checkbox_select li a{ padding: 1em; border: 1px solid #fff; border-radius: 10px; display: block; margin-bottom:25px; background:#efeef4; text-decoration:none;}
.main_checkbox_select li a span{ display: block; font-size: 0.9rem; line-height: 1; color: #969696;}
.main_checkbox_select .active a{border: 1px solid #e86b1f; background: #fffaf7;}
.main_checkbox_select .active a span{color: #bd581b;}
.category_grid_main{display:table;}
.category_grid_left{width:45px; display:table-cell; vertical-align:middle;  height:50px;}
.category_grid_right{ display:table-cell; vertical-align:middle; font-size:15px; padding-left:15px; color:#444446; width:69%;}
.main_checkbox_select input{display:none !important;}
.terms_content h3{ font-size: 1.1rem; color: #1E1C57;}
.terms_content{height: 500px; overflow-y: scroll;}
.terms_content p{ font-size: 14px; color: #000; font-weight: 300; opacity: 1 !important;}
.terms_content ul{padding-left: 20px;}
.terms_content ul li{list-style: disc; font-size: 13px; margin-bottom: 15px;}
.terms_content table{margin-bottom: 20px;}
.terms_content ul li ul{padding-left: 0;}
.modal-content{border-radius: 10px; border: 0px;}
.tariff_table{width: 100%;}
.tariff_table th{font-size: .77rem; font-weight: 400; text-align: left; padding: .5rem; background: #eeeeee; vertical-align: middle; border: 0px !important; border-bottom: 0px !important; }
.tariff_table td{font-size: 14px; font-weight: 300; text-align: left; border: none; padding: 0.35rem .5rem;vertical-align: middle;}
.tariff_table td:last-child{text-align: right;}
.rupee {font-family: 'Rupee';}
.premium_services_active h2{font-size: 1.975rem; font-weight: 400; color: #1E1C57; line-height: 1.6;}
.premium_services_active .steps{color: #f36f21; }
.services_activation_step{list-style: none; padding: 0; margin: 0;}
.services_activation_step li{ display: inline-block; color: #1E1C57; font-size: 1.25rem; font-weight: 400; padding: 2%; width: 46%;}
.services_activation_step li:first-child{ border-right: 1px solid #908fb3}
.e_sign_iiner_box h2{ font-size: 1.5rem; font-weight: 600; color: #000;}
.e_sign_iiner_box p{ font-size:13px; color: #1E1C57; line-height: 22px; font-weight:500;}
.e_sign_time{background: #fff;border: 1px solid #F36F21;border-radius: 15px;padding: 1.25rem 2rem;}
.e_sign_time span{font-size: 1.1rem;color: #242155;font-weight: 600;}
.step{margin: 0; padding: 0; list-style: none; width: 100%;}
.step li{color: #808080; font-size: 12px; display: inline-block; width: 33%; text-align: center; padding: 2rem; position: relative; vertical-align: top;}
.step li:after{background: url("../images/right-arrow.svg"); content: ""; display: block; width: 30px; height: 19px;position: absolute; right: -20px; top: 50%;   transform: translateY(-50%);}.step li:first-child:after{background: url("../images/right-arrow.svg"); content: ""; display: block; width: 30px; height: 19px;position: absolute; right: -20px; top: 50%;   transform: translateY(-50%);}
.step li:last-child:after{display: none;}
.aadhar_link{font-size: 14px;  display: block; cursor: pointer; color: #007BFF; text-decoration: none;}
.modal .close { color: #000; opacity: 1; background: #ffffff; /* height: 25px; */ /* width: 25px; */ vertical-align: top; line-height: 15px !important; border-radius: 50%; position: absolute; right: 30px; top: 30px; font-size: 20px; padding: 0; font-weight: normal; z-index: 1099; }
.title_main{font-size: 1.5rem ; color: #000;}
.main_ti{color: #79c8fd;}


@media (min-width:767px) {
.e_sign_iiner_box{ margin: 0 auto;}	
.e_sign_iiner_box .primary_btn{ max-width: 320px; width: 100%;}
 	
}

@media (max-width:767px) {
.e_sign_iiner_box{max-width: 400px; margin: 0 auto;}	
.logo span{font-size: 18px;}
.logo img{width: 190px;}
.e_sign_iiner_box h2{font-size: 1.2rem;}
.e_sign_time span{font-size: 1rem;}
.step li{vertical-align: top; padding: 0.75rem;}
.e_sign_time{padding: 1rem;}
.step li:first-child:after{right: -12px;}
.modal-content{width: 90%; margin: 0 auto;}
.primary_btn{font-size: 1rem !important;}
.w-75{width: 100% !important;}
.welcome_text h2, .form_box h3, .charge_free h2{font-size: 1.5rem;}
.welcome_text p{font-size: 1rem;}
.cr_img{width: 100px;}
.lbsheader{font-size: 1rem;}
.box_center {width: 95%; margin: 0 auto;position: absolute; left: 0; left:50%; top: 50%;transform: translate(-50%, -50%);}
.premium_services_active h2{font-size: 1.15rem; text-align: center;}
.services_activation_step img {width: 50px;}
.services_activation_step li{font-size: 14px;}
#Tariff .modal-content{width: 100%; margin: 0 auto;}
.tariff_table_new td, th{font-size: 13px; padding: 0.25rem;}
/*20-03-2021 add new congratulatin new css*/
.x_panel{padding: 0.5rem;}
.markets_left_shape{ display:none;}
.whats_differents h3, #IIFLMarketsApp span{font-size:1.5rem;}
.whats_differents{width:100%; margin:0 auto;}
.iifl_markets_app_content{width:100%;}
.markets_content_inner{width:100%;}
.markets_mibile_screen{position:inherit; width:200px; margin:0 auto; right:inherit; bottom:inherit;}
.download_btn img{ width:120px; padding-bottom:15px}	
.trading_ideas_leftimg{position:inherit;}
#IIFLMarketsApp h2{ font-size: 1rem !important; }
.whats_differents h3, #IIFLMarketsApp span	{ font-size: 1.25rem !important; }
.markets_grid h3{font-size: 14px !important;}	
.trader_terminal_screen {    display: none;}
#MarketResearch{background: #4833b8 !important;}
.trading_ideas_leftimg {width: 150px;}
#MarketResearch p{font-size: 14px !important;}
.slide_mobile_bg{max-width: 200px !important;}
#MarketResearch{margin-top: 1rem !important;}	
.tt_left_list li span{font-size: 13px !important;}
#Congratulations h1{color:#1E1C57; font-size: 1.25rem !important; }
}


@media (max-width:576px) {
.welcome_text h2, .form_box h3{font-size: 1rem;}
.iifl_securities_logo{width: 150px;}
.lbsheader img{width: 100px;}
.personalleft {width: 100% !important;}
.step li{width: 100%;}
.step li:after{display: none;}
.step li:first-child:after{display: none;}
.downlod_app img{width: 100px;}
.welcome_text, .max-320{max-width: 350px; margin: 0 auto; width: 100%;}
.trading_ideas_leftimg {position: inherit !important;}
}




@media (max-width:1299px) {
.personalformmain.w-50{ width: 100% !important;}

}
@media (min-width:768px) and (max-width:990px) {
.box_center {width: 95%; margin: 0 auto;position: absolute; left: 0; left:50%; top: 50%;transform: translate(-50%, -50%);}
}

@media (min-width:991px) and (max-width:1399px) {
.box_center {  max-width: 85%; width: 100%; margin: 0 auto;position: absolute; left: 0; left:50%; top: 50%;transform: translate(-50%, -50%);}
}




/*Styling for form starts*/
.form__group {position: relative;padding: 15px 0 0;/* margin-top: 10px;*/}
.form__field {font-family: inherit;width: 100%;border: 1px solid #d2d2d2;outline: 0;font-size: 16px;color: #1E1C57 !important;padding: 6px 12px;background: transparent;transition: border-color 0.2s;font-weight: 400;border-radius: 3px;height: 42px;}
.form__field::placeholder {color: transparent;}
.form__field:placeholder-shown ~ .form__label {font-size: 16px;cursor: text;top: 25px;left: 10px;color: #808080;white-space: nowrap; }
.form__group label, .form__field:focus ~ .form__label {position: absolute;top: 5px;display: block;transition: 0.2s;font-size: 14px;padding: 0px 5px;font-weight: 300;color: #f36f21;white-space: nowrap;
left: 10px;background: #fff !important;}
.form__field:focus ~ .form__label {color: #f36f21;background:#fff;position:absolute;left:10px;}
.form__field:focus{padding-bottom: 6px;border: 2px solid #f36f21;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5500s ease-in-out 0s;-webkit-text-fill-color: #4f4f4f !important;}

.form__field.valid {border: 2px solid #f36f21  !important;}
.error:focus ~ .form__label{color:red;}
span#email-error, span#select_state-error {color: red;font-size: 12px;font-weight: 300;}
.error:focus, .error:valid{
border: 2px solid red !important;}
/*.form__group textarea{height: 100px;}*/
/*Styling for form ends*/

/*btn*/
.primary_btn{ text-align: center;  padding:0.7rem 1.5rem; border-radius: 5px; color: #fff !important; font-size: 1.2rem; font-weight: 300; display: inline-block;margin: 0; line-height: 1.1; background: #f36f21; text-decoration: none !important;}
.primary_btn:hover {background: #f36f21; color: #fff !important;}
.primary_btn:active {background-color: #f36f21;background-size: 100%;transition: background 0s;}
.primary_btn.ripple {background-position: center;transition: background 0.8s;}
.primary_btn.ripple:hover {background: #f36f21 radial-gradient(circle, transparent 1%, #f36f21 1%) center/15000%;}
.primary_btn.ripple:active {background-color: #faaa38;background-size: 100%;transition: background 0s;}
.secondary_btn{ text-align: center;  padding:0.7rem 1.5rem; border-radius: 5px; color: #000 !important; font-size: 1.2rem; font-weight: 300; display: inline-block;margin: 0; line-height: 1.1; background: #fff; text-decoration: none !important; border: 1px solid #9e9e9e !important;}
.secondary_btn:hover {background: #DEE2E6; color: #000 !important;}
.secondary_btn:active {background-color: #DEE2E6;background-size: 100%;transition: background 0s;}
.secondary_btn.ripple {background-position: center;transition: background 0.8s;}
.secondary_btn.ripple:hover {background: #DEE2E6 radial-gradient(circle, transparent 1%, #DEE2E6 1%) center/15000%;}
.secondary_btn.ripple:active {background-color: #eff6fd;background-size: 100%;transition: background 0s;}
/*btn*/
.otp_box p{line-height: 1.2; font-size: 12px; color: #1E1C57;}
.otp_box input{ padding: 7px 10px; border-radius: 5px; border:1px solid #d4d4d4;width: 100%;height:42px; }
#timer{background: transparent; color: #f36f21; padding:10px 15px; border-radius: 0px 5px 5px 0px; /*border: 1px solid #ccc; margin: 0 0 0 -6rem;*/ font-size: 13px; border-left: 1px solid #ccc; position: absolute; right: 0; top:0; }
#timer span {font-size: 13px;color: #f36f21;font-weight: 600;}
#btnResendOtp{ border-left: 1px solid #ccc; position: absolute; right: 0; border-radius: 0; top:0;}
.text-button {background: transparent ; color: #146ef5; padding: 7.5px; border-radius: 5px; border:0px solid #000;}
.otp_msg{ font-size: 12px !important; color: green !important; padding-left: 0.25rem}
.resentotp_msg{ font-size: 12px !important; color: #000 !important; padding-left: 0.25rem}
.none_otp{ display: none !important;}
.formgroup { position: relative;}

.error{ color: red !important;  font-size: 13px !important;display: block;font-weight: 400 !important; text-align: left !important;}
sup{ color: red; font-weight: 600;}
/*checkbox*/
.span_pseudo, .checkbox_main span:before, .checkbox_main span:after {content: "";display: inline-block;background: #e86b1f ;width: 0;height: 0.2rem;position: absolute;transform-origin: 0% 0%;}
.checkbox_main {position: relative;height: 0.0rem;display: inline-block;align-items: center;}
.checkbox_main input { display: none;}
.checkbox_main input:checked ~ span { background: #fff;  border-color: #dcdcdc;}
.checkbox_main input:checked ~ span:before { width: 0.700rem;height: 0.15rem;transition: width 0.1s;transition-delay: 0.3s;}
.checkbox_main input:checked ~ span:after {width: 0.4rem;height: 0.15rem;transition: width 0.1s;transition-delay: 0.2s;}
.checkbox_main input:disabled ~ span {background: #ececec;border-color: #dcdcdc;}
.checkbox_main input:disabled ~ label {color: #dcdcdc;}
.checkbox_main input:disabled ~ label:hover {cursor: default;}
.checkbox_main label {padding-left: 1.75rem;position: relative;z-index: 2;cursor: pointer;margin-bottom:0;margin-right:3px; font-size: 13px;}
.checkbox_main span {display: inline-block;width: 1rem;height: 1rem;border: 1px solid #ccc;position: absolute;left: 0;transition: all 0.2s;z-index: 1;box-sizing: content-box;}
.checkbox_main span:before {transform: rotate(-55deg);top: 0.700rem;left: 0.37rem;}
.checkbox_main span:after {transform: rotate(35deg);bottom: 0.35rem;left: 0.2rem;}
/*checkbox*/
/*radio-toolbar custom*/
.radio-toolbar input[type="radio"] {opacity: 0;position: fixed;width: 0;}
.radio-toolbar label {display: inline-block !important;background-color: #fff;padding: 8px 14px !important;font-size: 1em;border: 1px solid #a5a5a5;
border-radius: 4px;margin-right: 5px;margin-bottom: 0px; position: inherit !important; left: inherit !important; top: inherit !important; font-weight: 400; color: #808080}
.radio-toolbar label:hover {background-color: #fff;}
.radio-toolbar input[type="radio"]:checked + label {background-color: #1E1C57 !important;border-color: #1E1C57;color: #fff;margin-bottom: 8px;font-weight: 400;}
/*radio-toolbar custom*/

/*//4841-UI Enhancements*/
       /* Chrome, Safari, Edge, Opera */
       input::-webkit-outer-spin-button,
       input::-webkit-inner-spin-button {
           -webkit-appearance: none;
           margin: 0;
       }

       /* Firefox */
       input[type=number] {
           -moz-appearance: textfield;
       }
       /*//4841-UI Enhancements*/

.error{color:red!important; text-align:left!important;} 
.field-validation-error, .errorMessage{display:inline-block!important;}
.field-validation-error, .errorMessage {color: rgb(255, 98, 98)!important;font-size:13px!important; display:block; margin-bottom:4px!important; font-weight:normal!important;font-family:"Roboto", Arial!important;}

.notfound{ margin:50px auto; width:100%; text-align:center;}
.notfound h1{font-size:3.5rem; font-weight:bold; color:#242056 ; padding-bottom:8px;}
.notfound h2{font-size:1.75rem; font-weight:500; color:#000; padding-bottom:8px;}
.notfound p{font-size:1rem; font-weight:normal; color:#000; padding-bottom:8px;}


/*Download app icon*/
.downlod_app_new{max-width: 350px; width: 100%; margin: 0 auto; display: table;}
.downlod_app_new img{width: 65px;}
.download{ color: #1E1C57;}
.downlod_app_new{font-size: 1.4rem; color: #f36f21;line-height: 1.3;}
.download_left{display: table-cell; width: 65px; vertical-align: middle;}
.download_right{display: table-cell; vertical-align: middle; text-align: left; padding-left: 10px;}
/*Download app icon*/

.txt-green{color:#1e6f34; font-size:14px;}

/*tariff_table_new css*/
.tariff_table_new td,th{text-align: left; padding: 0.5rem 0.75rem; font-size: 15px;}
.tariff_table_new th{color: #000;border-bottom: 1px solid #ccc; }
.tariff_table_new td{color: #969696; border-bottom: 1px solid #ccc;}
.tariff_table_new td:first-child{background: #1E1C57; color: #fff;}
.tariff_table_new th:first-child{background: #1E1C57; color: #fff;}
/*tariff_table_new css*/

/*congratulatin new css*/
.rightpt:after{position: fixed;}
.form_box h3{line-height: 1.6;}
.slide_mobile_bg{background: url(../images/iphone-markets-bg.png) no-repeat;max-width: 265px;background-size: contain;margin: 0 auto/* 0 2rem*/; width: 100%; }
.owlprev{ font-size: 5rem !important; position: absolute; top: 50%; left: -15%; transform: translateY(-50%); outline: 0px !important; background: transparent; border: 0; cursor: pointer; color: #fff !important; margin: 0; padding: 0; font-weight: 100 !important;}	
.owlnext{ font-size: 5rem !important; position: absolute; top: 50%; right: -15%; transform: translateY(-50%); outline: 0px !important; background: transparent; border: 0;cursor: pointer; color: #fff !important; margin: 0; padding: 0;font-weight: 100 !important;}	
.step_slide {    position: relative;}
.iifl_markets_app_content{ background:#252056; padding:2rem; border-radius:20px; /*width:80%;*/ float:right; position:relative;}
#IIFLMarketsApp h2{ color:#fff; font-weight: 300;}
#IIFLMarketsApp span{ color:#f1742a; font-size:2.4rem; fomt-weight:500 !important;}
#IIFLMarketsApp .sep_next:after{display:block; content:""; width:60px; height:2px; background:#f0c1ad; margin:0 auto}
.markets_left_shape{position:absolute; left:0; top:0;}
.markets_mibile_screen{position:absolute; right:70%; bottom:-55px; z-index:1060;}
.markets_content_inner{ /*float:right; width:70%;*/}
.markets_grid img{ width:50px;}
.markets_grid  h3{ font-size:1rem; color:#fff; font-weight:300;}
.tt_left_list li{color:#f37021;font-size: 1.5rem;font-weight:400;list-style: square; line-height:1;}
.tt_left_list li span{ color:#5a5a5a; font-size: 14px; }
.tt_product_list{list-style: square; padding:0px 0px 0px 1rem; margin:0px;}
.tt_product_list li{list-style: disc;font-size: 13px; color:#1E1C57 !important;  padding-right:2rem; display:inline-block; position:relative;}
.tt_product_list li::before { content: ""; display: inline-block; position: absolute; width: 6px; height: 6px; background: #242056; top: 8px; 
left: -18px; border-radius: 50%; }
.trader_terminal_screen{position:absolute; right:0%; bottom:0; width:50%; }
#TraderTerminal{position:relative;}
#TraderTerminal h2{ color: #1E1C57;}
.know_more{border:1px solid #46548b; color:#46548b; padding:0.3rem 0.75rem; border-radius:10px; font-size:1rem; display:inline-block;}
.whats_differents{width:100%; margin:0 auto;}
.iifl_markets_app_content{width:100%;}
.markets_content_inner{width:100%;}
.markets_mibile_screen{position:inherit; width:200px; margin:0 auto; right:inherit; bottom:inherit;}
.download_btn img{ width:135px; padding-bottom:15px}
#MarketResearch{background: url(../images/trading_idea_bg.png) no-repeat; background-size:cover; margin-top: 2rem;}
#MarketResearch h3{color: #fff !important;}
#MarketResearch p{color: #fff; font-size: 1.1rem; font-weight: 300; opacity: 1;}
.mr_left_box{position:relative;}
.trading_ideas_leftimg{ position:absolute; bottom:0; left:0; right:0; margin:0 auto; max-width: 220px; }
#Congratulations h1{color:#1E1C57; font-size: 2.25rem; }
#Congratulations p{font-size: 1rem; }
/*congratulatin new css*/
/*IIFL PLAN*/ 
.popup-body {font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 300;color: #333333;line-height: 30px;padding: 0;margin: 0;}
.top-contentIIFL {padding: 15px 0;background: #0a3474;}
.IIFLcontainer {max-width: 1170px;margin: 0 auto;padding: 0 15px;width: 90%;}
.IIFLLOGO {vertical-align: middle;display: block;}
.IIFLplan {font-size: 24px;line-height: normal;font-weight: 600;margin: 0 0 10px 0;margin-top: 25px;text-align: center;color: #f36f21;margin-bottom: 20px;}
.gtbl {border: 1px solid #dadada;border-collapse: collapse;font-size: 14px;}
.gtbl th {padding: 5px 10px;background: #f3f3f3;color: #000;}
.gtbl th.lightergrey {background: #f9f9f9;}
.gtbl td {padding: 5px 10px;}
/*IIFL PLAN*/

/*welcome bonus css address bye vijay*/

#WelcomeBonus p{color: #000 !important; font-size: 15px !important;}
#WelcomeBonus .close{position: absolute; right: -6px; top: -10px; background: #ff6100; color: #fff; font-size: 13px; width: 25px; height: 25px; z-index: 1060; outline: none;}
.pan_box_title{font-size: 1.25rem !important;}
#loginForm span{font-size: 14px;}


.faqWrap {
	justify-content:space-between;
	display:flex;
	padding:30px 0
}
.faqBox ul li {
	background:#fff;
	box-shadow:0 3px 15px #efe9e6;
	margin-bottom:15px;
	padding:0 0 27px 15px;
	width:100%;
	display:block
}
.faqBox ul li h3 {
	font-size:1rem;
	color:#353535;
	padding:15px 95px 0 0;
	cursor:pointer;
	position:relative
}
.faqBox ul li h3::after {
	background:url(../Images/FullSprite.png) -3px -392px no-repeat;
	position:absolute;
	width:93px;
	height:71px;
	content:"";
	right:-1px;
	top:-4px
}
.faqBox ul li p {
    text-align: justify;
    padding: 10px 10px 0 0px; color: #909090; font-size: 14px;
}
.faqBox ul li .slider {
	display:none;
	margin-top:10px
}
.faqWrap .faqBox {
	width:65%;
}
.faqWrap figure {
	width:35%;
	margin-top:40px
}
.faqWrap figure img {
	width:100%
}
/*.faqWrap .faqBox ul {
    display: flex;
    flex-wrap: wrap; justify-content: space-between;
}*/
.faqBox ul li .moretext {
	display: none;
  }
  a.moreless-button {
    color: #ff5f00;
    font-weight: 600;
}
a.moreless-button:hover{ text-decoration: underline;}
.faqBox ul li h3 .plus-minus-toggle {
	top:15px;
	cursor:pointer;
	height:21px;
	position:absolute;
	width:21px;
	right:0;
	float:right;
	z-index:9;
	padding:15px;
	cursor:pointer
}
.moretext{ display: none;}
.faqBox ul li h3 .plus-minus-toggle::after,
.faqBox ul li h3 .plus-minus-toggle::before {
	background:#fff;
	content:'';
	height:3px;
	left:4px;
	position:absolute;
	top:2px;
	width:16px;
	transition:transform .5s ease
}
.faqBox ul li h3 .plus-minus-toggle::after {
	transform-origin:center
}
.faqBox ul li h3 .collapsed::after {
	transform:rotate(90deg)
}
.faqBox ul li h3 .collapsed::before {
	transform:rotate(180deg)
}
.faqBox ul li h3.active .collapsed::after {
	transform:rotate(180deg)
}
.formSection {
	display:block;
	padding-bottom:35px;
	background:url(../images/blueBg.png) center 0 no-repeat;
	background-size:100%
}





@media (max-width:768px) {
#WelcomeBonus p{color: #000 !important; font-size: 11px !important;}
	#WelcomeBonus .close{position: absolute; right: -6px; top: -10px; background: #ff6100; color: #fff; font-size: 10px; width: 20px; height: 20px; z-index: 1060;}
	
	.faqWrap {
    padding: 0 0;
}
	.faqWrap {
    flex-direction: column-reverse;
}
	.faqWrap {
    justify-content: space-between;
    display: flex;
    padding: 30px 0;
}
	.faqWrap .faqBox {
    width: 100%;
}
	.faqWrap figure img {
    width: 60%;
}
	.faqWrap figure {
    width: 100%;
    text-align: center;
    margin: 50px 0;
}
	.faqBox ul{margin: 0; padding: 0px;}
	.faqBox ul li h3{font-size: 13px;}
}



.upload_main{display: inline-block;}
.front_back{display: flex;}
.front_back .upload_main:first-child {padding-right: 1.5rem;}
.upload_btn, .upload_btn:hover{ padding: 0.25rem 1rem; border: 1px solid #0076CC; border-radius: 1rem; color: #0076CC !important; font-size: 14px; text-decoration: none;display: block; width: inherit !important; background: transparent; outline: none !important; background: #f0f9ff;}
.upload_btn img{ padding-right: 0.5rem; width: 20px; }
.upload_docs .file_format{ font-size: 12px; color: #bdbdbd; padding: 0.25rem 0;}
.status .input_msg {color: #343A40;font-size: 12px;font-weight:400;padding-top: 0.2rem;}
.status .form__field:placeholder-shown ~ .form__label {font-size: 14px;}
.progress-main {display: block;width:100%;}
.progress-main .bar { height: 16px; width: 0%; background: #029b26; color: #fff; text-align: center; margin-top: 5px; border-radius: 8px; font-size: 11px; animataion-name:example; transition:  2s all; }
@-webkit-keyframes example {
0%   {right:-405px; bottom:0px;}
100% {right:0px; bottom:0px;}
}

/*Added content 08-30-2022 PBI - 54162 */
.linkMenu {
	position: absolute;
	color: #f36f21 !important;
	font-size: 18px;
	font-weight: bold;
	right: 15px;
	transform: translate(0px, -50%);
	top: 50%;
}

	.linkMenu:hover {
		color: #0076CC;
	}

html {
	scroll-behavior: smooth;
}

.input-disabled {
	background-color: #EBEBE4;
	border: 1px solid #ABADB3;
	padding: 2px 1px;
}

.pointerNone {
	pointer-events: none;
}