@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

/*Overrides*/
html {
    /*font-family: Open Sans !important;*/
    font-family: 'Rubik', sans-serif !important;
    color:#ff0000!important;
}

body {
    padding-top: 56px;
    /*font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;*/
    background-color: #FFFFFF;
    font-family: 'Rubik', sans-serif !important;
    color: #565865 !important;
}


.navbar-light {
    background-color: #f8f9fa!important;
}

.border-light {
    border-color: #34353d !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #34353d !important;
}

.bg-primary {
    background-color: #133d68 !important;
}


.box-over {
    margin-top: -40px;
    background-color: #ffffff;
}

@media (max-width: 480px) {
    .box-over-m {
        margin-top: 0px !important;
    }
}

.card-effect {
    transition: 0.3s;
}

    .card-effect:hover {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }

    .card-effect .container {
        padding: 2px 16px;
    }

.cursor-pointer {
    cursor:pointer;
}

.carousel-indicators {
    bottom: -2% !important;
}

    .carousel-indicators li {
        background-color: #c6d2dd !important;
    }

        .carousel-indicators .active {
            background-color: #707b87 !important;
        }




.carousel-control-prev, .carousel-control-next {
    width: 3.4% !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: rgb(0, 0, 0) !important;
}