.head{border-bottom:1px gray dotted}
.bg-blue{background:#E2E6FF;}
.bg-lgray{background:#F9F9F9;}
.brd-r{border-radius: 18px}
.l-brd-r{border-radius: 18px 0 0 18px}
.r-brd-r{border-radius: 0 18px 18px 0}
.bg-dblue{background:#051774}
.ad{padding:2px 0 2px 0}
.list-roman{list-style:lower-alpha}
.text-green{color:#028D0F}
.ml-10{margin:0 0 0 10px}
.mr-10{margin:0 0 0 10px}
.error{color:#ff0000}
.small{font-size: 12px;}
.red{color:#ff0000}
.note { color: #002aff; background: #f5f5f5; padding: 10px;}
.scroll{height: 300px; overflow: hidden; overflow-y: auto;}
ol li{padding: 8px 0 8px 0!important;}
ol li ul li{padding: 8px 0 8px 0 !important;}
ol li ul li ul li{padding: 8px 0 8px 0 !important;}      

.account{border:1px #051774 solid; background:#fff; padding:10px; margin-bottom:20px}
.ad{padding:5px 0 5px 0; margin-bottom:0px}
.otp input {
    margin: 5px 5px 15px 0;
    border:1px solid gray
    text-align: center;
    min-height: 45px;
    display: inline-flex;
    width: 45px;
    font-size: 20px;
    padding: 5px;
    }

@media (max-width: 767.98px){

body { font-size: 14px;}
.brd-r{border-radius: 0px}
.l-brd-r{border-radius: 0}
.r-brd-r{border-radius: 0}
h1, .h1 {font-size: 20px;}
h2, .h2 {font-size: 18px;}
h3, .h3 {font-size: 16px;}
h4, .h4 {font-size: 14px;}

	
}