/* new Font */
@font-face {
    font-family: poppins-regular;
    src: url('./fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.poppins{font-family: poppins-regular;}
/* end font */

body{
    color: #8e8e8e;
    font-family: poppins-regular !important;
}
.table{
    --bs-table-color: #8e8e8e !important;
}
.blue-navi{color:#36b0b1;}
.grey{color:#8e8e8e!important;}
.bg-wrap {position: relative;}
.bg-wrap:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-image: url('../img/sliders/slider1.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
  }
.bg-navi{background-color: #33a5a6;}
.fs-7{font-size: 0.9em;}
.fs-8{font-size: 0.8em;}
.fs-9{font-size: 0.7em;}
.fs-10{font-size: 0.6em;}
.carousel-indicators [data-bs-target]{background-color: #972b4b!important;}

@media screen and (max-width: 576px) {
    .navbar-brand {
        float: left;
        padding: 5px;
        text-align: center;
        width: 100%;
    }
}

/* Home pages */
.navbar-header {
    float: left;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.navbar-brand {float:none;}
.navbar-nav .nav-link.active{
    color: var(--bs-nav-link-color)!important;
    background-color: #E0E0E0!important;
    padding: 3px!important;
}
.no-border{border: none !important;  outline: none !important;}
.navbar .dropdown-menu{
    --bs-dropdown-padding-y:0;
    --bs-dropdown-bg: none;
    --bs-dropdown-border-color:none;
}

.navbar .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    float: right;
    margin-top: 8px;
}

/* Content */
.search{
    background-color: #f6f6f6;
    color: var(--bs-tertiary-bg); 
    border-left:none!important;   
    border-radius: 0!important;
}
.input-group .input-group-text{
    border-right:none!important;
    border-radius: 0!important;
}

/* Footer */
#footer h5{color: black;font-size: large;}
#footer li{padding:1px 0;}
#footer li a{color: #8e8e8e;text-decoration: none;}