@font-face {
        font-family: 'AvertaStd';
        /* Common font-family name */
        src: url('/assets/fonts/custom/AvertaStd-Regular.ttf') format('truetype');
        font-weight: normal;
        /* Regular weight */
        font-style: normal;
    }

    @font-face {
        font-family: 'AvertaStd';
        src: url('/assets/fonts/custom/AvertaStd-Bold.ttf') format('truetype');
        font-weight: bold;
        /* Bold weight */
        font-style: normal;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'AvertaStd', "Manrope", sans-serif;
        /* font-family: 'Segoe UI', sans-serif; */
    }

    :root {
        --dark: #3c4852;
        --secondary: #08bd80;
        --primary: #54a8c7;
    }

    .text-dark {
        color: var(--dark);
    }

    .text-green {
        color: var(--secondary);
    }

    .text-blue {
        color: var(--primary);
    }

    .text-primary {
        color: var(--primary);
    }

    .bg-dark {
        background-color: var(--dark);
    }

    .bg-green {
        background-color: var(--secondary);
    }

    .bg-blue {
        background-color: var(--primary);
    }

    .border {
        border: 1px solid #3c485243;
        border-radius: 10px;
    }

    .pointer {
        cursor: pointer;
    }

    .hr {
        height: 1px;
        background-color: rgba(255, 255, 255, 0.129);
    }

    .breadcrumb-item {
        cursor: pointer;
    }

    .active {
        font-weight: 800;
    }

    /*start card style */
    .test-card,
    .test-text {
        transition: 0.2s linear;
    }

    .test-card:hover .test-text .post-content,
    .test-card:hover i {
        color: white !important;
    }

    .test-card:hover {
        background-color: var(--primary);
        box-shadow: 0 0 4px var(--primary);
    }

    .test-card:hover .test-text,
    .test-card:hover i {
        color: white !important;
    }

    .test-card:hover .test-title {
        color: white;
    }

    .test-card:hover .post-content p {
        color: #fff !important;
    }

    .test-card:hover .card-footer span {
        color: #fff !important;
    }

    /* End Card Style */

    ::selection {
        color: white;
        background-color: var(--primary);
    }

    .test-card:hover .btn-primary {
        background-color: white;
        color: var(--primary);
    }

    /* .main-content p {
        color: var(--dark);
    } */

    /*here start CSS */
    .dropdown-item,
    .nav-link {
        font-size: 20px;
    }

    .navbar {
        top: 0;
        left: 0;
        height: 80px;
        position: fixed;
    }

    .h-80 {
        margin-top: 80px;
    }

    @media (max-width: 991.98px) {
        .navbar-expand-lg .navbar-brand {
            padding: 0;
        }

    }

    @media (max-width: 650px) {
        /* .sidebarBox {
            display: none;
        } */

        .contentBox {
            width: 90vw;
            /* margin-left: 2.4rem !important; */
        }
    }