@font-face
{
    font-family: 'maghony';
    src: url('maghony-yzl2j-1.ttf');
}

body {
    background-image: url("../data/imgs/background2.jpg");
    background-position: center;
    background-size: cover;
    /*background-blend-mode:overlay;*/
    /*font-family:"Montserrat";*/

    /* darken, exclusion, overlay*/
}

/*Default styles for larger screens */
.list-group .row {
    justify-content: center;
}

/* Media query for screens smaller than 768px (adjust as needed) */
@media (max-width: 932.98px) {

    /* Override or add styles for smaller screens */
    .list-group .row {
        flex-direction: column;
        align-items: center;

    }

    .list-group-item {
        border-color: #EEC373 !important;
        border-width: 3px !important;
        border-style: solid !important;
        background-color: #FFF7D4 !important;
        font-weight: bold !important;
        font-family: "arial" !important;
        margin-top: 10px;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }

    .tab-pane {
        margin-top: 12px !important;
        border-top-width: 4px !important;
        border-radius: 8px;
        padding-top: 0px;
        border-top-style: solid !important;
    }

    .list-group .active {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
        border-bottom-width: 7px !important;
        border-bottom-style: solid !important;

    }
}

@media (min-width: 1024px) and (max-width: 1024px) {
    .list-group .active {
        margin-top:0px !important;
    }
}

.list-group-item {
    border-radius: 7px !important;
    border-color: #EEC373 !important;
    border-width: 3px !important;
    border-style: solid !important;
    background-color: black !important;
    font-weight: bold !important;
    font-family: "arial" !important;
    color: white;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-width: 0;

}

.list-group-item:hover {
    color: white !important;
    background: rgba(238, 195, 115, .75) !important;
    border: none;
}

.list-group .active {
    color: white !important;
    background: rgba(238, 195, 115, .75) !important;
    border: none;
    border-bottom-left-radius: 0 !important;
    margin-top: 28px;
    border-bottom-width: 0 !important;

}


.tab-pane {
    background: rgba(0, 0, 0, .48);
    padding-top: 10px;
    margin-top: -20px;
    padding-left: -3px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: -3px;
    border-color: #EEC373;
    border-style: solid;
    border-width: 1.2px;
}

.tab-pane p {
    text-align: justify !important;
    margin-left: 10px;
    margin-right: 10px;
    font-size: larger;
}