html, body {
    margin: 0;
    padding: 0;
    font-size: medium;
    font-family: roboto-regular;
}

html {
    height: 100%
}

body {
    min-height: 100%;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/microsoftaptosfonts/Aptos-Regular.woff2') format('woff2'), url('fonts/microsoftaptosfonts/Aptos-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/microsoftaptosfonts/Aptos-Bold.woff2') format('woff2'), url('fonts/microsoftaptosfonts/Aptos-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/microsoftaptosfonts/Aptos-Italic.woff2') format('woff2'), url('fonts/microsoftaptosfonts/Aptos-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/microsoftaptosfonts/Aptos-BoldItalic.woff2') format('woff2'), url('fonts/microsoftaptosfonts/Aptos-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/*  Add other font weights and styles as needed */


@font-face {
    font-family: 'roboto-regular';
    src: url('fonts/otf-fonts/roboto/roboto-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'bebasneue-regular';
    src: url('fonts/otf-fonts/bebasneue-regular.otf') format('opentype');
}

@font-face {
    font-family: 'atures-300_personal_use';
    src: url('fonts/otf-fonts/atures-300_personal_use.ttf') format('truetype');
}

@font-face {
    font-family: 'medusagothic d';
    src: url('fonts/otf-fonts/medusagothic d.otf') format('opentype');
}

@font-face {
    font-family: Azonix;
    src: url(fonts/OTF-Fonts/Azonix.otf) format('truetype');
}

@font-face {
    font-family: 'printclearly_tt';
    src: url('fonts/otf-fonts/printclearly_tt.ttf') format('truetype');
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item:hover .nav-link:hover {
    background-color: deepskyblue;
    color: black;
    transition: 0.5s;
    padding: 0.8pc;
    border: 1px solid darkblue;
    border-radius: 5%;
    opacity: 0.8;
    margin-left: 0.1pc;
}

.navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: darkmagenta;
    color: ghostwhite;
    transition: 0.6s;
    font-size: large;
    border: 1px solid lightgreen;
    border-radius: 5%;
}

#ScrollToTopBtn1 {
    /*display: none;*/
    position: fixed;
    bottom: 2px;
    right: 3px;
    z-index: 99;
    border: solid thin #C779D0;
    outline: none;
    background: #FEAC5E; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    text-decoration: none; /* Removes underline */
    color: white;
    cursor: pointer;
    padding: 2px;
    padding-left: 7px;
    border-radius: 10px;
    box-shadow: 4px 4px 2px black;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

    #ScrollToTopBtn1:hover {
        background: #360033; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #0b8793, #360033); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #0b8793, #360033); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

.swal2-select {
    max-height: 200px; /* limit height */
    overflow-y: auto; /* scroll if long */
    width: 100% !important; /* ensure it fits */
    box-sizing: border-box; /* respect padding */
    overflow-x: auto;
    max-width: 100%;
}
.swal2-popup .swal2-html-container {
    width: 100%;
    overflow-x: hidden;
}