html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.gradiantbg {
    position: relative;
    overflow: hidden!important;
}

.slf-overlay {
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg,#023467,#fff);
    rotate: 140deg;
    position: absolute;
    top: 0;
    left: 5%;
    right: 0;
    opacity: 0.2;
}

.home-intro {
    padding: 0.75rem 0;
}

.home-intro p {
    font-size: 1em!important;
}

/*ul.nav li a {
    color: #fff!important;
}*/
/*ul.nav li a:hover {
    font-weight: bold!important;
}*/
/*a.nav-link {
    color: #fff;
}*/
/*.header-body {
    min-width: 400px;
}*/
/*.page-header {
    border-top: 5px solid #fff;
}*/
/*#header .header-container {
    display: grid!important;
    transition: ease height 300ms;
    padding: 0 20px;
}*/
/*.header-container img {
    max-width: 50%;
    min-width: 270px;
}*/
.logo-distance {
    margin-left: 20px !important;
}

#header .header-nav-main nav > ul > li:hover {
    color: #02c6f6!important;
}

.logo-res-size {
    max-width: 450px;
}

.menu-flex {
    display: flex;
    justify-content: flex-end;
}

#header .header-column {
    align-self: unset !important;
    align-items: unset !important;
}

.card-body {
    /*border: 1px dashed #023467 !important;*/
    margin: 15px;
    padding: 1rem !important;
}

.card-body:hover {
    cursor: pointer;
    background: #f1f3ff;
}

    /*.card-body span{
        color: #333;
    }*/
    .card-text {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.colortxt {
    color: #333;
}

.last-itemdate {
    justify-content: flex-end;
    display: flex;
    width: 100%;
    color: #333;
}

.card-border {
    border: 1px dashed #023467;
}

    .card-border:after {
        display: none;
    }

.bluetxt {
    color: #023467;
}

    @media (max-width: 991px) {
        /*#header .header-nav.header-nav-links {
                            display: none;
                        }*/

        #header .header-btn-collapse-nav {
        margin-right: 50px;
    }
}


@media (min-width: 992px) {
    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        color: #02c6f6!important;
    }

    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
        color: #fff!important;
    }

    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover {
        color: #02c6f6!important;
    }

    .logo-distance {
        width: 80%;
    }
}

@media (max-width: 614px) {
    .resize-lg, .logo-res-size {
        width: 290px;
    }

    .logo-distance {
        margin-left: 20px;
    }
}

@media (max-width: 390px) {
    .resize-lg, .logo-res-size {
        width: 245px;
    }
}