.banner-home {background: #52222C; background: linear-gradient(to bottom left, #52222C 0%, #010101 41%, #0A0A0A 49%, #10192A 70%, #3D1D28 89%, #1B1B1B 100%); padding-top:90px !important;}
.rfc-app h1 {font-size: 24px;}
.rfc-app h1 span {color: #e11f27;}
.rfc-app .panel { position:relative; border: 1px solid transparent; border-radius:15px;background: #0a0b0b;background: radial-gradient(circle farthest-corner at center center, rgb(19 30 49) 0%, rgb(40 21 27) 35%, rgb(3 3 3 / 0%) 65%);}
.rfc-app .panel:before {content: ""; position: absolute; inset: 0; border-radius: 30px; padding: 2px; background: linear-gradient(175deg, rgb(144 91 93) 12%, rgb(114 114 114) 40%, rgba(255, 255, 255, 0) 85%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.rfc-app .panel-heading { padding:15px; border-bottom:1px solid rgb(136 103 103 / 50%); border-radius:15px 15px 0 0; }
.rfc-app .panel-body {padding:15px 25px 20px; min-height: 400px;}
.rfc-app .selection-block { margin:0 -7px; padding: 0; }
.rfc-app .selection-block li { list-style: none; padding: 7px; }
.rfc-app .selection-block li > a { min-height: 50px; background-color: transparent; border: 1px solid rgba(135,135,135,0.4); text-align: center; display: block; padding: 5px 5px 0; cursor: pointer; transition: ease-in-out .3s; border-radius: 10px; height:100%; color:#fff; position:relative; }
.rfc-app .selection-block li:hover > a, .rfc-app .selection-block li.active > a{border: 1px solid #fff;}
.rfc-app .selection-block li > a:before { position: absolute; top: -5px; right: -5px; width: 22px; height: 20px; border-radius: 5px; display: none; content: ''; background: #099e44; }
.rfc-app .selection-block li > a:after { content: ""; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: -2px; right: 3px; display: none; }
.rfc-app .selection-block li.active > a:after, .rfc-app .selection-block li.active > a:before { display: block; z-index: 9999; }
.rfc-app .selection-block li > a:hover { text-decoration:none;}
.rfc-app .selection-block li .block-image { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; width: 100%; min-height: 45px; margin: 3px 0 3px; }
.rfc-app .selection-block li .block-heading { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; width: 100%; height:30px; margin: 3px 0 10px; padding: 0 5px; font-size: 14px; line-height: 1.3; font-weight: 600; }
.rfc-app .selection-block li img {vertical-align: middle; max-height: 65px; }
.rfc-app .btn[disabled], .rfc-app .btn[disabled]:hover, .rfc-app .btn[disabled]:focus {background-color: transparent; border-color:#CCC;cursor: not-allowed;}
.rfc-app .msg-block { display: none; }
.rfc-app .msg-block.alert-danger {color:#e11f27; background-color:transparent; border: none; font-weight: 600; text-align: center; padding: 0 !important;}
.divider{ border:none; background: linear-gradient(30deg, #ffffff, #d7d7d7, #ffffff); height: 1px;}
.table_select .media{ padding-top:1rem}
.table_select .media-left{ padding:15px 25px; border: 1px solid transparent; background: linear-gradient(#0e141f, #0f1726) padding-box, linear-gradient(359deg, rgb(0 0 0 / 0%) 15%, #d28c9b) border-box; border-radius: 15px;} 
.rfc-steps { margin: 0; padding: 0; }
.rfc-steps li { padding: 0; position: relative; list-style: none; }
.rfc-steps .step { width: 20px; height: 20px; line-height: 20px; margin: 0 auto; text-align: center; border-radius: 50%; font-size: 16px; color: #888888; background-color: #ccc; font-weight: 700; z-index: 1; position: relative; transition: transform ease-in-out .5s;}
.rfc-steps .active .step { background-color: #e11f27; color: #fff; background: linear-gradient(120deg, rgb(245, 56, 67) 0%, rgb(47, 87, 149) 100%); border: 2px solid #ddd; position: relative; transform: scale(1.9);}
.rfc-steps .active .step::after {content: ""; width: 7px; height: 13px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0.52); position: absolute; top: 1px; right: 5px;}
.rfc-steps .caption { margin-top: 25px; text-align: center; font-size: 12px; font-weight: 600; color: #888888; }
.rfc-steps .caption span { display:none; font-size: 14px; font-weight: 700; color: #fff; padding-top: 3px;}
.rfc-steps .active .caption { margin-top:25px; color:#c7c7c7;}
.rfc-steps li::before { content: ' '; height: 1px; width: 100%; position: absolute; left: -50%; top: 10px; border-top: 1px solid #ccc; z-index: 0; transition: ease-in-out .5s; }
.rfc-steps li.active::before { border-top: 1px solid #e11f27; }
.rfc-steps li:first-child::before { width: 0; display: none; }
.rfc-app .popover{ max-width:250px;}
#hpdata { background: #fff none repeat scroll 0 0; color: #fff; display: none; }
.rfc-app .form-control { height: 50px; border-radius: 7px; font-family: 'Montserrat'; font-size: 15px; color: #efefef; border-width: 2px 1px 1px 1px; background-color: transparent; border-color: #878787;}
.rfc-app select.form-control { height: 50px; line-height: 40px; text-indent: 0px; }
.rfc-app .form-control:focus, .form-control:-webkit-autofill,.form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:active { background-color:#14090b; border-color: #b4b4b4; outline: none; box-shadow: none;-webkit-box-shadow: 0 0 0px 1000px #14090b inset; -webkit-text-fill-color: #ffffff !important;}
.rfc-app .info-text {font-size: 14px; font-style: italic; color: #2068a9;padding-top: 2px;}
.rfc-app .text-desc {font-size: 12px; color:#bababa; margin-bottom:5px;}
.rfc-app .btn-prev.rainbow-border{ color:#fff;border: 1px solid transparent; background: linear-gradient(#1f0d11, #050505) padding-box, linear-gradient(119deg, rgb(47, 87, 149) 15%, rgb(245, 56, 67)) border-box;}
.active-link { cursor:pointer}
/*Articles Lists Css*/
.article-panel { background-color: transparent; border-top: 6px solid #e11f27; border-left: 1px #dddddd solid; border-right: 1px #dddddd solid; border-bottom: 1px #dddddd solid; border-radius: 0; margin-top: 20px; }
.article-panel .panel-heading { background-color: transparent; padding: 20px 20px; font-size: 20px; font-weight: 600; }
.article-panel .panel-body { padding: 0; }
.article-panel .panel-body > ul { margin: 0; padding: 0; }
.article-panel .panel-body > ul > li { min-height: 50px; list-style: none; color: #181617; border-top: 1px solid #dddddd; }
.article-panel .panel-body > ul > li:nth-child(2n+1) { background-color: #f5f5f5; }
.article-panel .panel-body > ul > li a { font-size:16px; display: block; padding: 15px 20px; color: #181617 }
.article-panel .panel-body > ul > li a:hover { color: #e11f27; text-decoration: none; }
.article-panel .green-bg { background-color:#175c9f; color:#ffffff;}

@media screen and (max-width: 767.98px) {
 .banner-home { background: #52222C; background: linear-gradient(to bottom left, #52222C 0%, #010101 41%, #0A0A0A 49%, #10192A 70%, #3D1D28 89%, #1B1B1B 100%);}
 .btn-next, #btn-verify-submit { width:100%;}
 .rfc-app .panel-body { min-height:auto; padding:0px 15px 20px;}
 .rfc-app .panel-heading{padding: 10px;}
 .rfc-app .selection-block li img {max-height: 50px;}
 .rfc-app .selection-block li .block-heading{ margin-bottom:5px; padding: 0; font-size: 13px;}
 .popover { display:none !important;}
}
@media (min-width: 1200px){
.rfc-app .panel-heading{padding: 20px 35px;}
.rfc-app .panel-body {padding:15px 35px 20px;}
}