.dark-mode::-webkit-scrollbar, .card-wrapper .card-body::-webkit-scrollbar, .pagelink-wrapper::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}
/* Track */
.dark-mode::-webkit-scrollbar-track, .pagelink-wrapper::-webkit-scrollbar-track {
    background: #132f4d;
    border-radius:5px;
}
.card-wrapper .card-body::-webkit-scrollbar-track {
    background: #021121;
    border-radius:5px;
}
/* Handle */
.dark-mode::-webkit-scrollbar-thumb, .dark-mode::-webkit-scrollbar-thumb:hover, .pagelink-wrapper::-webkit-scrollbar-thumb,
.pagelink-wrapper::-webkit-scrollbar-thumb:hover {
    background: #102539; 
}
/* Handle on hover */
.card-wrapper .card-body::-webkit-scrollbar-thumb, .card-wrapper .card-body::-webkit-scrollbar-thumb:hover {
    background: #041a31; 
}
p, h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}
.dark-mode {
	background-color: #021121;  /*  *** #131a26 *** */
	color: #fff;
}
.primary-bg {
    background-color: #102539; /*  *** #3c556d *** */
}
.bordered-popup {
    box-shadow: 0px 0px 13px rgb(255 255 255 / 30%), inset 0px 0px 10px rgb(255 255 255 / 57%), 0px 0px 0px 13px rgb(255 255 255 / 30%);
}
.project-card {
    background: transparent;
}
.project-img {
    max-width: 400px;
    margin: auto;
}
.nav-tabs .nav-link.catagory-tab {
    color: #f07e40;
    border-color: transparent;
}
.nav-tabs {
    border-bottom: 1px solid #f07e40;
}
.nav-tabs .nav-link.catagory-tab.active{
    color: #fff;
    background-color: #f07e40;
    border-color: #f07e40;
}
.titles-list, .page-items {
    list-style: none;
    padding: 0 15px 10px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.titles-list .page-title-item, .page-items .page-title-item {
    flex: 0 0 calc(35% - 90px);
    max-width: calc(35% - 90px);
    width: 100%;
}
.titles-list .page-link-item, .page-items .page-link-item {
    flex: 0 0 calc(65% - 90px);
    max-width: calc(65% - 90px);
    width: 100%;   
}
.titles-list .serial-title, .page-items .serial-title, .titles-list .action-title, .page-items .action-title {
    flex: 0 0 90px;
    max-width: 90px;
    width: 100%;
}
.page-items .list-item {
    padding: 10px 0px;
    text-align: center;
}
.titles-list .list-item:nth-child(2), .titles-list .list-item:nth-child(3), .titles-list .serial-title,
.page-items .list-item:nth-child(2), .page-items .list-item:nth-child(3), .page-items .serial-title{
    text-align: left;
}
.page-title-head {
    color: #f07e40;
}
button.btn.btn-copy, button.btn.open-popup {
    border: 2px solid #f07e40;
    color: #f07e40;
}
button.btn.btn-copy:focus, button.btn.btn-copy:hover, button.btn.open-popup:focus, button.btn.open-popup:hover {
    color: #5cb85c;
    border-color: #5cb85c;
    box-shadow: 0 0 0 0.2rem rgb(240 127 66 / 25%);
}
.page-link {
    background: transparent !important;
    border: none !important;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-link:hover, .page-link:focus {
    color: #f07e40;
    box-shadow: none;
    outline: none;
}
.default-popup .modal-header {
    border-color: #f07e40;
    color: #f07e40;
}
.default-popup .close span {
    color: #f07e40;
}
.body-title {
    padding: 0px 0px 0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
}
.pagelink-wrapper {
    max-height: calc(100vh - 255px);
    overflow: hidden auto;
}