body {
    background-image: url("/images/backnew2.jpg");
  background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
 
/* ===========================
   HEADER
   =========================== */

.container-header {
    background: #111111 !important;
    background-image: none !important;
    border-bottom: 4px solid #d47b00;
}


/* ===========================
   MAIN MENU
   =========================== */

.container-header .mod-menu {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: .04em;
}


/* Menu links */

.container-header .mod-menu > li > a {
    color: #ffffff !important;
    padding: 14px 22px;
    transition: all .3s ease;
}


/* Hover */

.container-header .mod-menu > li > a:hover {
    background: #613B09;
    color: #ffffff !important;
}


/* Active page */

.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a {
    background: #8b1f04;
    color: #fff !important;
}


/* Space between menu items */

.container-header .mod-menu > li {
    margin: 0 4px;
}
.metismenu.mod-menu .mm-collapse {
  background-color: #000000;
  position: absolute;
  box-shadow: 1px 1px 4px #0000001a;
}

CSS

/* Change dropdown menu text color */

.metismenu.mod-menu .mm-collapse .metismenu-item a {

color: #ffffff !important; /* White text */

}

/* Dropdown text on hover */

.metismenu.mod-menu .mm-collapse .metismenu-item a:hover,

.metismenu.mod-menu .mm-collapse .metismenu-item.mm-active > a {

color: #ffffff !important; /* white on hover color */

}
:root {
  --cassiopeia-color-primary: #912b3b;
  --cassiopeia-color-link: #30638d;
  --link-color: #e8ecf0;
  --link-color-rgb: 48,99,141;
  --cassiopeia-color-hover: #954b56;
  --link-hover-color: #954b56;
  --link-hover-color-rgb: 149,75,86;
}



@media (width >= 1200px) {
  h1, .h1 {
    font-size: 0.0rem;
  }
.breadcrumb {
  background-color: #00000008;
  margin-bottom: 0;
  display: none;
}
}

/* Mobile devices */
@media (max-width: 768px) {

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.6rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    p {
        font-size: 1rem;
    }

}

/* For very small phones */

@media (max-width: 480px) {

    h1 {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 1.3rem;
    }

    p {
        font-size: 0.95rem;
    }

}

h1 {
    font-size: 60px;
}

/* Responsive H1 */

h1 {
    font-size: clamp(2rem, 5vw, 4rem);
}


  .container-header {
  z-index: 10;
  background-color: #fe821d;
  background-image: linear-gradient(135deg,#fd821e0%,var(--cassiopeia-color-hover)100%);
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
}
  
/* Hide the hamburger icon */
.navbar-toggler .icon-menu,
.navbar-toggler .fa-bars,
.navbar-toggler .fas {
    display: none !important;
}

/* Display the word MENU */
.navbar-toggler::after {
    content: "MENU";
    font-size: 18px;
    font-weight: bold;
 color: rgb(40, 139, 224);

 
   border:   color: rgb(240, 155, 19);  
    /* Change to your preferred color */
    letter-spacing: 1px;
}
.navbar-toggler {
    background: linear-gradient(#2b2b2b, #111111);
    border: 1px solid #d4a54a;
    border-radius: 10px;
}

.navbar-toggler:hover {
    background: linear-gradient(#6b3b09, #3f2204);
}