@font-face {
        font-family: "Circe W02 Regular";
        src: url("./../Circe-Regular.woff2") format('woff2');
    }

    body {
        font-family: "Circe W02 Regular" !important;
        opacity: 1;
        transition: 1s opacity;
        color: #34353d;
        background: #efeff8;
    }

    .menu-top {
        padding: 5px 25px;
        height: 60px;
        z-index: 101;
        width: 100%;
        border-top: 1px solid #efeff8;
        box-shadow: -4px 3px 15px 0 rgb(0 83 159 / 10%);

    }

    .bkg-white {
        background-color: white;
        box-shadow: -4px 3px 15px 0 rgba(0, 83, 159, .1);
    }

    .bkg-image {

        height: 100%;
    }

    .bkg-half {
        height: 520px;
        background: url(./../public/2_8_4_7.jpg) no-repeat center;
    }

    .bkg-grey {
        background-color: #f5f6fa40;
    }

    .sm-slider-hero:after {
        background: linear-gradient(to bottom, #00adef 80%, #ffda00 80%);
        bottom: 0;
    }

    .sm-slider-hero {
        position: relative;
    }

    .sm-slider-hero:after {
        content: '';
        width: 40px;
        height: 200px;
        background: linear-gradient(to bottom, #134991 80%, #ec1b22 80%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
    }

    .sm-slider-hero:before {
        background: linear-gradient(to left, #134991 90%, #ec1b22 90%);
        bottom: 0;
    }

    .sm-slider-hero:before {
        content: '';
        width: 400px;
        height: 40px;
        background: linear-gradient(to left, #00adef 90%, #ffda00 90%);
        position: absolute;
        bottom: 7px;
        right: 0;
        z-index: 2;
    }

    .sm-content {
/*        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 60px;
        max-width: 45%;
        width: 100%;
        display: flex;
        flex-direction: column;*/
    }

    .sm-slider-hero .sm-content .sm-title {

        font-weight: bold;
        color: #0656a2;
        margin-bottom: 20px;
    }

    .sm-title {
        /* font-size: 45px; */
        color: #fff;
        line-height: 1.1;
    }

    .sm-description h5 {
        color: #0656a2;
        /* font-size: 25px; */
    }

    .nav-link-custom {
        padding: 0;
        margin: 0;
        position: relative;

        font-weight: normal;
        font-size: 26px;
        color: #b0bdca;
        padding: 15px 0 15px 60px;
        border: 0;
        background-color: white;
    }

    .nav-link-custom:hover {
        color: #0656a2;
    }

    .nav-link-custom.active {
        color: #0656a2;

    }

    .nav-link-custom.active:after {
        content: '';
        background-color: #00aeef;
        width: 40px;
        height: 40px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        position: absolute;
    }

    th {
        color: #99a8b4 !important;
        font-size: 12px !important;
        text-transform: uppercase !important;
    }

    .br {
        border-right: 1px solid #b0bdca;
    }

    a {
        color: #00aeef;
        text-decoration: none;
        background-color: transparent;
    }

    a:hover {
        color: #0056b3;
        text-decoration: none;
    }

    tbody tr:hover {
        box-shadow: 0 0 12px 0 rgb(0 83 159 / 15%);
        background-color: #ebf2fd !important;
    }

    table {
        overflow-y: scroll;
    }
    .btn-darkBlue{
width: 235px;
    display: block;
    margin: 30px 0 0;

        font-size: 14px;
        padding: 10px 15px;
        color: #fff;
        background: #00539f !important;
    
    }
        .btn-darkBlue:hover {
           
            font-size: 14px;
            padding: 10px 15px;
            border:1px solid #00539f;
            background: #fff!important;
        }
        
        
.overflow-x-scroll
{ 
    overflow-x: scroll;
}

.overflow-x-auto
{
    overflow-x: auto;
}