.noactive-btn {
    background-color: #00205b;
    color: #00205b;
    font-weight: 400;
    border: none
}

.active-btn {
    background-color: #00205b !important;
    color: #fff !important;
    font-weight: 700 !important;
    border: none;
}

.btn-noactive {
    background-color: #ddd9d9;
    color: #00205b;
    font-weight: 400;
    border: none;
}

.btn-tab-left {
    border-radius: 50px 0 0 50px/50px 0px 0px 50px
}

.btn-tab-right {
    border-radius: 0 50px 50px 0/0px 50px 50px 0px
}

.category-font {
    font-size: 14px;
}

.cus-card {
    border: 2px solid #CCCCCC
}
.bounce-on-hover {
    cursor: pointer;
    transition: transform .1s ease-in
}

.bounce-on-hover:hover {
    box-shadow: #63636333 0 2px 8px;
    transform: translateY(-5px)
}


.activated-card {
    border: 3px solid #00205B !important;
}

.hover-color:hover {
    border: 1px solid #00205B;
}


@media (min-width: 768px) {
    .card-height {
        height: 150px;
    }
}

.cp {
    cursor:pointer !important;
}

.b-right {
    border-right:1px solid gray !important;
}

.nav-linkz {
    color:#000;
    display:block;
    padding:0.5rem 1rem;
    text-decoration:none;
    background:none;
    border:0;
    font-size:18px;
    font-weight:700;
}
    .nav-linkz:hover {
        color:#ce0e2d;
    }

.dots-color {
    width:30px;
    height:30px;
    background-color:red;
    border-radius:100px;
}

.bordered-dots {
    border: 3px solid #00205B
}
.active-link {
    color: #ce0e2d
}

.pointer-color {
    cursor: pointer
}