@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
body {
    font-family: 'Gilroy', sans-serif !important;
}

.btn{
    background-color:  #0C6170 !important;
}
.bg-banner {
    width: 100%;
    padding-top: 25%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color:  #0C6170 !important;
}