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

body {
    font-family: 'Roboto', sans-serif;
    background: linear-gradient(135deg, #a8c0ff 0%, #3f2b96 100%);
    color: #333;
}

h1.display-4 {
    font-weight: 700;
}

.logo {
    max-width: 100px !important;
}

p.lead {
    font-weight: 300;
}

.bg-white {
    background-color: #fff !important;
}

.text-primary {
    color: #0047ab !important;
}

.btn-primary {
    background-color: #0047ab;
    border-color: #0047ab;
}

.border-custom-1 {
    border-left: solid 2px rgba(57, 96, 124, 0.5);
}

.transparent-div {
    background-color: rgba(255 255 255 / 0.8);
    /*opacity: 0.8;*/
}

.btn-primary:hover {
    background-color: #003080;
    border-color: #003080;
}

.btn-select {
    font-size: 10px;
    color: #333;
}

.accordion-button {
    border-radius: 15px;
    background-color: #f8f9fa;
    color: #0047ab;
    border: 1px solid #3E8CC1;
    /* #0047ab;*/
    transition: background-color 0.3s, color 0.3s;
}

.accordion-button:not(.collapsed) {
    background-color: #1D384B;
    /* #0047ab;*/
    color: #fff;
}

.accordion-button::after {
    /*background-image: none;*/
}

.accordion-button.collapsed::after {
    /*
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;*/
}

.accordion-button:not(.collapsed)::after {
    /*
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;*/
}

.accordion-body {
    /* background-color: #f8f9fa;
    border: 1px solid #0047ab;
    border-top: none;
    border-radius: 0 0 15px 15px;
    */
}

#accordionExample>div {
    background-color: transparent !important;
    margin: 0px;
}

.coming-soon {
    color: #0047ab;
    font-weight: 700;
    text-align: center;
    margin-top: 2rem;
}

.text-secondary {
    color: #0047ab !important;
    transition: color 0.3s;
}

.text-secondary:hover {
    color: #003080 !important;
}

.btn-info {
    background-color: #0047ab;
    border-color: #0047ab;
}

.btn-info:hover {
    background-color: #003080;
    border-color: #003080;
}

.form-check-input:checked {
    background-color: #0047ab;
    border-color: #0047ab;
}

input[type="search"] {
    border-radius: 15px;
    transition: border-color 0.3s;
}

input[type="search"]:focus {
    border-color: #0047ab;
    box-shadow: 0 0 5px rgba(0, 71, 171, 0.5);
}

.accordion-item {
    border: none;
}

.ms-n5 {
    margin-left: -42px;
}

.radius-30 {
    border-radius: 30px;
}

.text-1 {
    color: #004F8E;
}

.text-2 {
    color: #a5d5fb;
    font-style: italic;
}