@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body{  background:#f5f7ff; font-family: 'Poppins', sans-serif; font-weight: 400;}
#toTop { border-radius:0; bottom:40px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
a{text-decoration: none}
a:hover{text-decoration: none}
.form-control::-moz-placeholder {color: #68baf7 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #68baf7 !important;}
.form-control::-webkit-input-placeholder {color: #68baf7 !important;}
.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}
.md-0{margin: 0 0px}
.pd-0{padding: 0 0px}
.full-width{width: 100%}
.container{max-width: 1200px}
.navbar-expand-lg{justify-content: space-between;}
.navbar-collapse{flex-grow: 0}
.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #000; margin-top: 2px; margin-right: -13px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}

.header-main-area{position: relative; width: 100%; background: #fff; z-index: 2; transition: all 0.5s ease;}
.header-main-area .top-info-area{display: flex; justify-content: space-between; padding: 15px; transition: all 0.5s ease;}
.header-main-area .top-info-area .navbar-brand{height: 35px; padding: 0px;}
.header-main-area .top-info-area .navbar-brand img{height: 100%}
.header-main-area .top-info-area .leftside a{font-size: 14px; color: #fff; font-weight: 400; line-height: 30px; margin-right: 30px}
.header-main-area .top-info-area .leftside a i{margin-right: 10px}
.header-main-area .top-info-area ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-main-area .top-info-area ul.social-media li{margin: 0px}
.header-main-area .top-info-area ul.social-media li a{width: 30px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; display: block; color: #fff}
.header-main-area .navbar{background: #0117a0; padding: 0 15px}
.header-main-area .navbar-nav{margin-right: 30px}
.header-main-area .navbar ul.navbar-nav li a{color: #fff; padding: 10px 22px; font-size: 16px; font-weight: 400;}
.header-main-area .navbar ul.navbar-nav li:hover a{background: #fd6b00; color: #fff;}
.header-main-area .navbar ul.navbar-nav li.active a{background: #fd6b00; color: #fff;}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu{margin: 0px; padding: 10px 10px 6px 10px; border-radius:0; border:none; background: #0117a0}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu li a{font-size: 14px; font-weight: 400; color: #000; padding: 10px 20px 10px 12px; display: block; white-space: nowrap; background: #f7f7f7; line-height: 14px; border-radius: 0px; margin-bottom: 4px;}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu li a:hover{background: #fd6b00; color: #fff}
.header-main-area .btn-search{background: transparent; border: none; width: 30px; text-align: center; height: 30px; color: #fff; position: absolute; right: 15px; cursor: pointer;}
.header-main-area .btn-search:hover{color: #fd6b00}

.header-main-area.fixed{position: fixed; top: 0px; background: #fff; transition: all 0.5s ease; -webkit-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2);}
.header-main-area.fixed .top-info-area{display: none; transition: all 0.5s ease;}



.main-page{padding: 30px; display: flex;}
.main-page .left-part{width: 100%; }
.main-page .right-part{width: 20%; display: none}

.card-block{padding: 25px; position: relative; background: #fff; border-radius: 15px; position: relative; z-index: 1; transition: all 0.5s ease; border: #d7dcf0 1px solid; border-top: #0117a0 8px solid; margin-bottom: 30px }
.card-block .card-title{font-size: 22px; font-weight: 600; color: #0117a0; line-height: 22px; position: relative; padding-bottom: 20px; margin-bottom: 12px; display:flex; align-items: center; justify-content: space-between;}
.card-block .card-title a{background: #fd6b00; border-radius: 6px; line-height: 26px; font-size: 13px; font-weight: 400; color: #fff; padding: 0 15px}
.card-block .card-title::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100px; height: 4px; background: #fd6b00}
.card-block ul{margin: 0px; padding: 0px; list-style: none;  position: relative;}
.card-block ul li{position: relative;  padding-left: 15px;}
.card-block ul li a{font-size: 15px; line-height: 26px; color: #0d0d0d;  transition: all 0.5s ease;}
.card-block ul li::before{content: ''; position: absolute; width: 6px; height: 6px; background: #fd6b00; border-radius: 50%; top: 10px; left: 0px;}
.card-block ul li a:hover{color: #fd6b00; letter-spacing: 0.5px;  transition: all 0.5s ease;}
.card-block .table{margin: 0px}
.card-block .table thead tr th{font-size: 15px; font-weight: 600}
.card-block .table tbody tr td{font-size: 13px}
.card-block .table tbody tr td a{color: #000}
.card-block .custom-tab{margin: 0px 0px 12px 0px; padding: 5px; list-style: none; background: #f5f7ff; border: #dce1f5 1px solid; border-radius: 5px;}
.card-block .custom-tab li .nav-link{border: none; background: transparent; color: #0117a0; border-radius: 5px; font-size: 14px; padding: 8px 20px}
.card-block .custom-tab li{padding: 0px}
.card-block .custom-tab li::before{content: none}
.card-block .custom-tab li .nav-link.active{background: #0117a0; color: #fff;}
.card-block .subtitle{color: #fd6b00; margin: 0 0 15px 0; font-weight: 700; display:flex; align-items: center; justify-content: space-between;}
.card-block .subtitle a{color: #000; font-size: 14px; font-weight: 400;}
.card-block .ipo-logo{width: 160px; height: 160px; position: relative; overflow: hidden; border: #dce1f5 1px solid; float: left; margin: 0 20px 20px 0}
.card-block .ipo-logo img{max-width: 100%; max-height: 100%; object-fit: contain; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px}
.card-block p{font-size: 16px; line-height: 24px; color: #6c779f}
.card-block p a{color: #0117a0; text-decoration: underline;}
.card-block p:last-child{margin: 0px}
.card-block .btn-green{background: #0f5132; color: #fff; font-size: 14px; line-height: 16px; padding: 6px 12px; border-radius: 5px; display: inline-block; position: relative; z-index: 1}
.card-block .btn-xs{text-decoration: none; color: #fff}
.table-striped > tbody > tr:nth-of-type(2n+1) > *{--bs-table-accent-bg: #f5f7ff}


.offer-block{background: #fff; border-radius: 5px; border: #a5b2ff 1px solid; padding: 15px 15px; text-align: center; position: relative; overflow:hidden; margin-bottom: 15px}
.offer-block .title{display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; color: #000; margin: 0 0 10px 0; position: relative; z-index: 1}
.offer-block .title img{width: 36px; margin-right: 12px; border-radius: 5px;}
.offer-block p{font-size: 14px; line-height: 20px; position: relative; z-index: 1}
.offer-block p strong{display: block;}
.offer-block .btn1{background: #0117a0; color: #fff; font-size: 14px; line-height: 16px; padding: 6px 12px; border-radius: 5px; display: inline-block; position: relative; z-index: 1}
.offer-block::before{content: ''; width: 500px; height: 300px; background: #eff2fd;  position: absolute; top: -240px; border-radius: 50%; left: 50%; margin-left: -250px}

.offer-block.green{border: #badbcc 1px solid;}
.offer-block.green::before{background: #d1e7dd}
.offer-block.green .btn1{background: #0f5132}
.offer-block.green .title,
.offer-block.green p{color: #0f5132}

.offer-block.blue{border: #b6d4fe 1px solid;}
.offer-block.blue::before{background: #cfe2ff}
.offer-block.blue .btn1{background: #084298}
.offer-block.blue .title,
.offer-block.blue p{color: #084298}

.offer-block.red{border: #f5c2c7 1px solid;}
.offer-block.red::before{background: #f8d7da}
.offer-block.red .btn1{background: #842029}
.offer-block.red .title,
.offer-block.red p{color: #842029}

.offer-block.yellow{border: #ffecb5 1px solid;}
.offer-block.yellow::before{background: #fff3cd}
.offer-block.yellow .btn1{background: #664d03}
.offer-block.yellow .title,
.offer-block.yellow p{color: #664d03}

.footer-area{background: #fff; padding: 30px 30px 20px 30px;}
.footer-area .link-area{margin: 0 0 12px 0; border-bottom: #dde2f7 1px solid; padding-bottom: 6px;}
.footer-area .link-area h2{font-size: 16px; line-height: 20px; font-weight: 700; color: #0117a0; margin: 0px 15px 5px 0px; }
.footer-area .link-area ul{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.footer-area .link-area ul li{margin: 0 12px 5px 0}
.footer-area .link-area ul li a{font-size: 14px; line-height: 20px; color: #6c779f; display: block;}
.footer-area .link-area ul li a::after{content: '|'; margin-left: 10px; color: #0117a0}
.footer-area .link-area ul li a:hover{color: #0117a0}
.footer-area .link-area ul li:last-child a::after{content: none}
.footer-area p{text-align: center; font-size: 14px; color: #737da3; line-height: 20px; margin: 15px 0px 0px 0px;}
.footer-area p a{color: #0117a0}

.pd-5{padding: 0 5px}
.md-5{margin: 0 -5px}


.small-card-block{background: #fff; border-radius: 10px; border: #d7dcf0 1px solid; border-left: #f8285a 5px solid; padding: 10px 10px 10px 66px; position: relative; display: flex; flex-direction: column; min-height: 66px; justify-content: center; margin-top: 10px; overflow: hidden;}
.small-card-block .icon{border: #d7dcf0 1px solid;  width: 44px; height: 44px; overflow: hidden; position: absolute; background: #fff; top: 10px; left: 10px;}
.small-card-block .icon img{max-width: 100%; max-height: 100%; object-fit: contain; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px}
.small-card-block .info{font-size: 12px; line-height: 16px; margin-right: 10px; color: #000; opacity: 0.7}
.small-card-block .name{font-size:14px; font-weight: 700; line-height: 16px;  color: #000; margin-bottom: 5px}
.small-card-block .btn-next{background: #000; position: absolute; top: 50%; right: -26px; width: 26px; height: 26px; display: flex; justify-content: center; align-content: center; padding: 7px 6px; border-radius: 15px 0 0 15px; margin-top: -13px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.small-card-block .btn-next img{width: 100%; height: 100%}
.small-card-block:hover .btn-next{right: 0px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.small-card-block:hover{transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-box-shadow: 0px 0px 27px 0px rgba(209,209,209,1); -moz-box-shadow: 0px 0px 27px 0px rgba(209,209,209,1); box-shadow: 0px 0px 27px 0px rgba(209,209,209,1); cursor:pointer;}

.small-card-block.green{border-left:#17c653 5px solid; background: #d3ffe2;}
.small-card-block.green .btn-next{background: #17c653}
.small-card-block.blue{border-left:#7239ea 5px solid; background: #ebe2ff;}
.small-card-block.blue .btn-next{background: #7239ea}
.small-card-block.grey{border-left:#a5a5a5 5px solid; background: #ececec;}
.small-card-block.grey .btn-next{background: #a5a5a5}
.small-card-block.yellow{border-left:#f6c000 5px solid; background: #fff6d7; }
.small-card-block.yellow .btn-next{background: #f6c000}
.small-card-block.white{border-left:#000 5px solid; background: #fff; opacity: 0.7}
.small-card-block.white .btn-next{background: #000}

.note-point{margin: 0px 0px 15px 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; background: #fff; border: #d7dcf0 1px solid; border-radius: 15px;}
.note-point li{font-size: 16px; line-height: 20px; position: relative; padding: 10px 25px 10px 50px;  width: 20%; border-right: #d7dcf0 1px solid;}
.note-point li:last-child{border-right: none}
.note-point li::before{content: ''; position: absolute; top: 14px; left: 25px; width: 12px; height: 12px; border-radius: 50%; }
.note-point li.green{color: #17c653}
.note-point li.green::before{background: #17c653}
.note-point li.blue{color: #7239ea}
.note-point li.blue::before{background: #7239ea}
.note-point li.grey{color: #a5a5a5}
.note-point li.grey::before{background: #a5a5a5}
.note-point li.yellow{color: #f6c000}
.note-point li.yellow::before{background: #f6c000}
.note-point li.white{color: #000}
.note-point li.white::before{background: #000}

.detail-page{padding: 30px;}
.detail-page h1{font-size: 22px; font-weight: 600; color: #0117a0; line-height: 22px; position: relative;  margin-bottom: 20px; display:flex; align-items: center; justify-content: space-between;}
.detail-page ul.sub-menu{margin: 0px 0px 20px 0px; padding: 5px; list-style: none; background: #fff; border: #dce1f5 1px solid; border-radius: 10px; display: flex;}
.detail-page ul.sub-menu li a{border: none; background: transparent; color: #0117a0; border-radius: 10px; font-size: 14px; padding: 8px 20px; display: block;}
.detail-page ul.sub-menu li a.active{background: #0117a0; color: #fff;}

.ipo-list{margin: 0px; padding: 0px; list-style: none}
.ipo-list li{padding: 0px !important; margin-top: -1px}
.ipo-list li::before{content: none !important}
.ipo-list li .small-card-block{margin: 0px; border-radius: 0px; padding: 10px 10px 10px 52px; justify-content: flex-start; flex-direction: row; min-height: 52px; align-items: center;}
.ipo-list li .small-card-block .icon{width: 30px; height: 30px}
.ipo-list li .small-card-block .name{width: 20%}
.ipo-list li .small-card-block .info{margin-left: 50px}